/* NPC — photography Fancybox controls extracted from Custom CSS. */

/* ====PHOTOGRAPHY LIGHTBOX======== */

/* Navigation arrows */
.fancybox-prev span,
.fancybox-next span {
  background-image: none !important;
  background: rgba(0, 0, 0, 0.55) !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  filter: none !important;
  box-sizing: border-box !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  aspect-ratio: 1 / 1;
}

/* Draw clean white arrow icons */
.fancybox-nav span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

/* Previous arrow */
.fancybox-prev span::after {
  transform: translate(-35%, -50%) rotate(-135deg);
}

/* Next arrow */
.fancybox-next span::after {
  transform: translate(-65%, -50%) rotate(45deg);
}

/* Remove shadow around lightbox itself */
.fancybox-opened .fancybox-skin {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

/* Fancybox close button — remove old graphic */
.fancybox-close {
  background: rgba(0, 0, 0, 0.55) !important;
  background-image: none !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  filter: none !important;
  width: 36px !important;
  height: 36px !important;
  box-sizing: border-box !important;
}

/* Draw a clean white X */
.fancybox-close::before,
.fancybox-close::after {
  content: "" !important;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background: #fff !important;
  border: none !important;
  box-shadow: none !important;
  transform-origin: center;
}

.fancybox-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.fancybox-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Keep all ePix carousel arrows white */
.gallery-wrap .slidernav a,
.gallery-wrap .slidernav a:hover,
.gallery-wrap .slidernav a:focus,
.gallery-wrap .slidernav a:active,
.gallery-wrap .slidernav a::before,
.gallery-wrap .slidernav a:hover::before,
.gallery-wrap .slidernav a:focus::before,
.gallery-wrap .slidernav a:active::before {
  color: #ffffff !important;
  text-shadow: none !important;
}

/* Change photography expand icons to brand blue */
i.fa.fa-expand {
  color: #437FC1 !important;
}