/*-----------------*/
/* - Gallery       */
/*-----------------*/
.lg-backdrop {background-color: var(--clr-white) !important;}
.lg-outer .lg-actions,
.lg-outer.lg-pull-caption-up .lg-sub-html,
.lg-outer .lg-toolbar #lg-counter,
.lg-outer.lg-thumb-open .lg-thumb-outer,
.lg-outer .lg-toogle-thumb {display: none !important;}
.lg-toolbar {background-color: transparent !important;top: unset !important;bottom: 1.5rem !important;left: 4.8125rem !important;width: 100% !important;display: flex;align-items: center;justify-content: flex-start;padding-block: var(--sp-xs) !important;left: var(--sp-md) !important;}
.lg-item {width: 100% !important;opacity: 1 !important;}
.lg-object.lg-image {width: 100% !important;height: 100% !important;-o-object-fit: cover;object-fit: cover;}
.lg-outer .lg-img-wrap,
.lg-outer .lg-item {text-align: left !important;}
.lg-img-wrap,
.lg-outer .lg-img-rotate {padding: 0 !important;}
.lg-outer .lg-toolbar {background-color: var(--clr-black);}
.lg-outer .lg-toolbar .lg-icon {width: auto;display: flex;flex-direction: row-reverse;gap: var(--sp-xs3);color: var(--clr-black);font-size: var(--h5);letter-spacing: -0.015em;text-transform: capitalize;}
.lg-outer .lg-toolbar .lg-icon::before {content: "Close gallery";font-family: "Inter",sans-serif;white-space: nowrap;}
.lg-outer .lg-toolbar .lg-icon:not(.lg-close) {display: none;}
.lg-outer .lg-toolbar #lg-counter {font-size: var(--text);color: var(--clr-white);}
.lg-outer .lg-actions {--sw-btn: 3.125rem;}
.lg-outer .lg-actions .lg-next,
.lg-outer .lg-actions .lg-prev {padding: 0;background-color: transparent;}
.lg-outer .lg-actions .lg-prev:after,
.lg-outer .lg-actions .lg-next:before {content: none !important;}
.lg-outer .lg-actions .swiper-button-prev {left: 0;border-color: var(--clr-white);}
.lg-outer .lg-actions .swiper-button-next {right: 0;border-color: var(--clr-white);transform: rotate(180deg);}
.lg-outer .lg-thumb {margin: 0 auto;}
.lg-outer .lg-thumb-outer {background-color: var(--clr-black) !important;box-shadow: 0 0 1.5rem rgba(85, 45, 13, 0.1);}
.lg-outer .lg-toogle-thumb {background-color: var(--clr-black) !important;box-shadow: 0 0 1.5rem rgba(85, 45, 13, 0.1);}
.lg-outer .lg-thumb-item {border-radius: 0 !important;text-align: center;}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {border-color: var(--clr-primary) !important;}
.lg-outer.lg-pull-caption-up .lg-sub-html {max-width: 80%;margin: 0 auto;color: var(--clr-white);background-color: rgba(var(--rgb-secondary), 1);}
.lg-sub-html > *:not(:last-child) {margin-bottom: 10px;}
.lg-sub-html .caption {font-size: var(--text);color: var(--clr-white);}
.lg-sub-html p {font-size: 0.75rem;color: var(--clr-white);}
@media (min-width: 1200px) {
.lg-outer .lg-toolbar .lg-icon:hover {color: var(--clr-secondary);}
.lg-outer .lg-actions .swiper-button-prev:hover path,
.lg-outer .lg-actions .swiper-button-next:hover path {stroke: var(--clr-secondary);}
}
/*------------------------*/
/* - Gallery              */
/*------------------------*/
.icon-gallery {transition: var(--transition-1);}
.icon-gallery img {transition: var(--transition-1);}
.icon-gallery:hover {color: var(--clr-grey);}
.icon-gallery:hover img {filter: invert(1);transform: rotate(90deg);}
.gallery-item {position: relative;height: 100%;}
.gallery-item > *:not(.container) {width: 100%;}
.gallery-img {position: relative;overflow: hidden;cursor: pointer;padding-bottom: 37.66%;}
.gallery-img img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;content-visibility: auto;transition: var(--transition-1);}



@media (min-width: 1200px) {
.gallery-img:hover img {transform: scale(1.05) !important;}
}
@media (max-width: 768px) {
.gallery-img {padding-bottom: 50%;}
}
@media (max-width: 576px) {
.gallery-img {padding-bottom: 55.4%;}
.lg-toolbar {bottom: 0 !important;left: 1.3rem !important;bottom: 1.3rem !important;padding: 0 !important;}
}


/*
@media (min-width: 1440px) {
    .lg-outer {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .lg-item {
        display: inline-block !important;
        width: 90% !important;
        left: 0 !important;
    }

    .lg-inner {
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
        overflow: visible !important;
    }

    .lg-image {
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }
}
*/