/*-----------------*/
/* - Gallery       */
/*-----------------*/
.lg-backdrop {background-color: var(--clr-white) !important;}
.lg-outer .lg-toolbar {background-color: var(--clr-white);border-radius: var(--rd-1);}
.lg-outer .lg-inner {background-color: var(--clr-white);border-radius: var(--rd-1);}
.lg-outer::before {content: "";position: fixed;z-index: -1;inset: 0;width: 100%;height: 100%;background: rgba(var(--rgb-title), 0.5);}
.lg-outer .lg-toolbar .lg-icon.lg-close {--size: clamp(1.5rem, 0.2368rem + 2.6316vw, 3rem);position: relative;cursor: pointer;display: inline-block;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;border-radius: 100%;color: var(--clr-text);border: 0.0625rem solid currentColor;-webkit-transition: var(--transition-1);transition: var(--transition-1);margin: 0.75rem 0.75rem 0 0;font-size: 0;padding: 0;}
.lg-outer .lg-toolbar .lg-icon.lg-close::before,
.lg-outer .lg-toolbar .lg-icon.lg-close::after {content: "";position: absolute;top: 50%;left: 50%;width: min(50%, 1rem);height: 0.125rem;border-radius: 0.5rem;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);background-color: currentColor;}
.lg-outer .lg-toolbar .lg-icon.lg-close::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
.lg-outer .lg-toolbar .lg-icon:not(.lg-close) {display: none;}
.lg-outer .lg-toolbar #lg-counter {font-size: var(--text);color: var(--clr-title);}
.lg-outer .lg-actions {--sw-btn: 3.125rem;}
.lg-outer .lg-actions .lg-next,
.lg-outer .lg-actions .lg-prev {color: var(--clr-white);padding: 0;background-color: transparent;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.lg-outer .lg-actions .lg-next:before,
.lg-outer .lg-actions .lg-prev:after {content: none;}
.lg-outer .lg-thumb {margin: 0 auto;}
.lg-outer .lg-thumb-outer {background-color: var(--clr-white) !important;-webkit-box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.06);box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.06);border-radius: 0 0 var(--rd-1) var(--rd-1);}
.lg-outer .lg-toogle-thumb {background-color: var(--clr-white) !important;-webkit-box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.06);box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.06);color: var(--clr-title);-webkit-transition: var(--transition-1);transition: var(--transition-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-title);background-color: transparent;display: none;}
.lg-sub-html {display: none;}
.lg-sub-html > *:not(:last-child) {margin-bottom: 0.625rem;}
.lg-sub-html .caption {font-size: var(--text);color: var(--clr-title);}
.lg-sub-html p {font-size: 0.75rem;color: var(--clr-title);}
.lg-image{transform: none!important;}
@media (min-width: 1200px) {
.lg-outer .lg {width: 80% !important;height: 80% !important;margin-block: 5%;}
.lg-backdrop {background-color: var(--clr-white) !important;background-color: transparent !important;}
.lg-outer .lg-toolbar .lg-icon:hover {color: var(--clr-primary);}
.lg-outer .lg-toogle-thumb:hover {color: var(--clr-primary);}
.lg-image{max-height: 60vh!important;max-width: 66vh!important;}
}
@media (max-width: 575px) {
.lg-outer .lg-actions .lg-next,
.lg-outer .lg-actions .lg-prev {display: none;}
}