.mibreit-slideshow {
  position: relative;
  left: 0;
  margin: 0 auto;
  width: 100%;
  height: 43rem;
  overflow: hidden;
}
.mibreit-slideshow-title {
  position: relative;
  text-align: center;
}
.mibreit-thumbview {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  width: 100%;
  min-width: 20rem;
  max-width: 45rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.mibreit-slideshow-next {
  position: absolute;
  z-index: 12;
  top: 50%;
  right: 20px;
  opacity: 0;
}
.mibreit-slideshow-next i::before {
  font-family: 'FontAwesome';
content: "\f105";
font-style: normal;
font-size:50px;
  margin-top: -1.5rem;
color:#fff;
cursor: pointer;
}
.mibreit-slideshow-previous {
  position: absolute;
  z-index: 12;
  top: 50%;
  opacity: 0;
left: 20px;
}
.mibreit-slideshow-previous i::before {
  font-family: 'FontAwesome';
content: "\f104";
font-style: normal;
font-size:50px;
  margin-top: -1.5rem;
color:#fff;
cursor: pointer;
}
.mibreit-thumbview-previous {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
cursor: pointer;
}
.mibreit-thumbview-next {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
cursor: pointer;
}
.mibreit-thumbview-next i::before {
  font-family: 'FontAwesome';
content: "\f105";
font-style: normal;
font-size:42px;
}

.mibreit-thumbview-previous i::before {
  font-family: 'FontAwesome';
content: "\f104";
font-style: normal;
font-size:42px;
}

.mibreit-regular-slideshow,
.mibreit-regular-thumb,
.mibreit-regular-title {
  position: relative;
}
.mibreit-fullscreen {
  position: fixed;
  box-sizing: border-box;
  background-color: #181818;
  overflow: hidden;
  top: 0;
  padding: 1rem;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  flex-direction: column;
}
.mibreit-fullscreen .width-100 {
  width: 100%;
}
.mibreit-fullscreen .flex-grow-1 {
  flex-grow: 1;
}
.mibreit-fullscreen .flex-grow-0 {
  flex-grow: 0;
}
.mibreit-enter-fullscreen-button {
  position: absolute;
  z-index: 12;
  width: 2rem;
  height: 2rem;
  right: 0.25rem;
  top: 0.25rem;
  opacity: 0;
display: none;
}
.mibreit-fullscreen > .exit-fullscreen {
  position: absolute;
  z-index: 12;
  width: 3rem;
  height: 3rem;
  right: 1rem;
  top: 1rem;
}
.mibreit-fullscreen > .exit-fullscreen > svg {
  opacity: 0.75;
}
.mibreit-imageElement {
  position: absolute;
  padding: 0;
  overflow: hidden;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.mibreit-center-box {
  /* display: flex;
  flex-direction: column; */
  width: 100%;
  height: 100%;
}
.mibreit-imageElement img {
  margin: auto;
  padding: 0;
  align-self: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  flex-shrink: 0;
}
.mibreit-imageElement h3 {
  margin-left: -4000px;
}
.mibreit-contextMenu {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  z-index: 11;
  text-align: center;
  font-size: 1.5rem;
  background-color: #79756f;
}
.mibreit-thumbs {
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.mibreit-thumbs-scroller {
  position: relative;
  display: flex;
  flex-direction: row;
}
.mibreit-thumbElement {
  position: relative;
  padding: 0.5rem;
  width: 5rem;
  height: 5rem;
  flex-shrink: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.mibreit-thumbElement:hover {
  transform: scale(1.1);
}
.mibreit-thumbElement img {
  margin: auto;
  padding: 0;
  align-self: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  flex-shrink: 0;
}

/******* INSIDE content *******/
/*****************************/
#content > li {
  font-size: 1.25em;
}

.content-slideshow {
  position: relative;
  margin: 0;
  top: 2px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 500px;
  overflow: hidden;
}

/******* alignment classes******/
/*****************************/
.fluid {
  width: 100%;
  height: auto;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.aligncenterflex {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

.aligncenter {
  display: block;
  margin: auto;
  margin-top: 2px;
  padding: 0px;
}

/******* flexgrid ************/
/*****************************/
.flex-horizontal {
  display: flex;
  flex-direction: row;
}

.flex-vertical {
  display: flex;
  flex-direction: column;
  width: 100%;
border: 1px solid #dcdee5;
padding: 5px;
}