/* =========================
   Gallery
========================= */
#gallery{position:relative;}

/* =========================
   Swiper Gallery
========================= */
.gallery-row .swiper-photo-gallery{width:100%;min-width:0;}
.swiper-photo-gallery .swiper-slide{height:auto;}
.swiper-photo-gallery .swiper-slide .gallery-item{display:block;}
.swiper-photo-gallery .swiper-slide img{width:100%;display:block;aspect-ratio:1 / 1;object-fit:cover;border-radius:14px;height:250px;}

/* =========================
   Navigation
========================= */
#gallery .swiper-navigation{display:flex;align-items:center;justify-content:space-around;gap:20px;margin-top:40px;}
#gallery .swiper-button-next,#gallery .swiper-button-prev{position:static;top:auto;bottom:auto;left:auto;right:auto;width:25px;height:25px;margin:0;z-index:11;}
#gallery .swiper-button-next::after,#gallery .swiper-button-prev::after{font-size:12px;font-weight:900;width:25px;height:25px;background-color:#888;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;}

/* =========================
   Pagination
========================= */
#gallery .swiper-pagination{position:static;width:auto;margin:0;text-align:center;}
#gallery .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:12px!important;height:12px!important;margin:0 5px!important;border-radius:50%;background:#ecebe9!important;opacity:1!important;}
#gallery .swiper-pagination .swiper-pagination-bullet-active{background:#f4741e!important;}
#gallery .swiper-pagination-bullets-dynamic 
.swiper-pagination-bullet-active-next,#gallery .swiper-pagination-bullets-dynamic 
.swiper-pagination-bullet-active-prev{transform:scale(.8);}
#gallery .swiper-pagination-bullets-dynamic 
.swiper-pagination-bullet-active-next-next,#gallery .swiper-pagination-bullets-dynamic 
.swiper-pagination-bullet-active-prev-prev{transform:scale(.6);}

/* =========================
   Featherlight Gallery
========================= */
.featherlight-gallery .featherlight-content{padding:0!important;background:none!important;border-bottom:none!important;overflow-y: hidden;}
.featherlight-gallery .featherlight-content .gallery-image-wrap{position:relative;display:flex;justify-content:center;align-items:center;flex-direction: column;}
.featherlight-gallery .featherlight-content .gallery-image-wrap img{display:block;max-height:90vh;max-width:90vw;width:auto;height:auto;}
.featherlight-gallery .gallery-caption{color:#fff;margin-top:12px;text-align:center;}
.featherlight-gallery .featherlight-content button.featherlight-close-icon.featherlight-close{position:fixed;top:20px;right:20px;z-index:100;background:#bd4900!important;color:#fff;}
.featherlight-gallery .featherlight-content .featherlight-previous,.featherlight-gallery .featherlight-content .featherlight-next{position:fixed;top:50%;transform:translateY(-50%);display:flex!important;opacity:1!important;width:40px;height:40px;align-items:center;justify-content:center;z-index:100;}
.featherlight-gallery .featherlight-content .featherlight-previous > span,.featherlight-gallery .featherlight-content .featherlight-next > span{display:block!important;font-size:28px!important;color:#888!important;text-shadow:none!important;}
.featherlight-gallery .featherlight-content .featherlight-previous:hover > span,.featherlight-gallery .featherlight-content .featherlight-next:hover > span{color:#bd4900!important;}
.featherlight-gallery .featherlight-content .featherlight-previous:hover,.featherlight-gallery .featherlight-content .featherlight-next:hover{background: unset;}

.featherlight-gallery .featherlight-content .featherlight-previous{left:20px!important;right:auto!important;}
.featherlight-gallery .featherlight-content .featherlight-next{right:20px!important;left:auto!important;}

/* =========================
   Responsive
========================= */
@media screen and (max-width:1024px){
 #gallery h3{text-align: center; margin-bottom:0;}
 #gallery .swiper-navigation{justify-content: space-between;}
 .featherlight-gallery .gallery-caption{font-size: 18px;}
}
@media screen and (max-width:576px){
   .featherlight-gallery .gallery-caption{font-size: 14px;}
}
