.fancybox__backdrop {
  background-color: rgba(255, 255, 255, 0.98);
}

.fancybox__infobar {
  text-shadow: none;
  font-size: 1em;
}

.fancybox__infobar span {
  color: #8bb8e8;
  font-family: 'TheSansOffice-Plain', sans-serif;
}

.fancybox__infobar span:first-child {
  font-family: 'TheSansOffice-Bold', sans-serif;
  font-size: 1.5em;
}

.fancybox__toolbar {
  justify-content: unset;
}

.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
  flex-grow: 0;
}

.fancybox__toolbar__column.is-right .f-button {
  display: none;
}

.fancybox__toolbar__column.is-right .f-button:last-child {
  display: block;
  position: absolute;
  left: calc(50% - 1em);
  border-radius: 50%;
  top: 10px;
  background-color: rgb(139, 184, 232, 0.65);
  width: 3.25em;
  height: 3.25em;
}

.fancybox__toolbar__column.is-right .f-button[title="Toggle slideshow"] {
  display: block;
  background-color: transparent;
}

.fancybox__toolbar__column.is-right .f-button[title="Toggle slideshow"] svg {
  fill: #8bb8e8;
  stroke: #8bb8e8;
}

.fancybox__toolbar__column.is-right .f-button:last-child:hover {
  background-color: rgb(139, 184, 232);
}

.fancybox__toolbar__column.is-right .f-button:last-child svg {
  stroke: white;
  width: 1.75em;
  height: 1.75em;
}

.fancybox__caption {
  color: #000;
  text-shadow: none;
  font-family: 'Poppins', sans-serif;
  font-size: 1em;
}

.is-horizontal .f-button svg {
  display: none;
}

.f-carousel__nav .f-button.is-prev:before, 
.fancybox__nav .f-button.is-prev:before,
.f-carousel__nav .f-button.is-next:before, 
.fancybox__nav .f-button.is-next:before {
  content: '';
  position: relative;
  height: 1em;
  width: 100%;
  background: url(../images/icons/right-arrow-white.svg) no-repeat center;
  background-size: 1.5em;
  top: 0;
  left: 0;
}

.f-carousel__nav .f-button.is-prev:before, 
.fancybox__nav .f-button.is-prev:before {
  rotate: 180deg;
}

.is-horizontal .f-carousel__nav .f-button.is-prev, 
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next, 
.is-horizontal .fancybox__nav .f-button.is-next {
  background-color: rgb(139, 184, 232, 0.65);
  width: 3.25em;
  height: 3.25em;
}

.is-horizontal .f-carousel__nav .f-button.is-prev:hover, 
.is-horizontal .fancybox__nav .f-button.is-prev:hover,
.is-horizontal .f-carousel__nav .f-button.is-next:hover, 
.is-horizontal .fancybox__nav .f-button.is-next:hover {
  background-color: rgb(139, 184, 232);
}