/* gallery.css — fade slideshow restored on top of the WPBakery FlexSlider
 * markup. Overrides flexslider's `.slides > li { display:none }` which (with no
 * JS init) collapsed the galleries. */
.wpb_flexslider.bh-slider-init { position: relative; overflow: hidden; }
.wpb_flexslider.bh-slider-init .slides {
  position: relative; margin: 0; padding: 0; list-style: none;
  height: 60vh; min-height: 320px; max-height: 660px;
}
.wpb_flexslider.bh-slider-init .bh-slide {
  display: block !important; position: absolute; inset: 0; margin: 0;
  opacity: 0; transition: opacity .8s ease; pointer-events: none;
}
.wpb_flexslider.bh-slider-init .bh-slide.bh-active { opacity: 1; pointer-events: auto; }
.wpb_flexslider.bh-slider-init .bh-slide img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}
.bh-slider-nav {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
  background: rgba(0,0,0,.35); color: #fff; border: none; width: 46px; height: 46px;
  font-size: 26px; line-height: 1; cursor: pointer; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; transition: background .15s;
}
.bh-slider-nav:hover { background: rgba(0,0,0,.6); }
.bh-prev { left: 16px; } .bh-next { right: 16px; }
.bh-slider-dots { position: absolute; bottom: 16px; left: 0; right: 0; text-align: center; z-index: 5; }
.bh-dot {
  width: 9px; height: 9px; padding: 0; margin: 0 4px; border: none; border-radius: 50%;
  background: rgba(255,255,255,.55); cursor: pointer; transition: background .15s;
}
.bh-dot.bh-active { background: #fff; }
@media (max-width: 640px) {
  .wpb_flexslider.bh-slider-init .slides { height: 48vh; min-height: 240px; }
  .bh-slider-nav { width: 38px; height: 38px; font-size: 22px; }
}