html:has(> body .dialog-lightbox-message.animated) { overflow: hidden; }

/* ============================== 
    Grid Gallery Columns
============================== */

.wdt-grid { float: none; display: block; clear: both; width: auto; height: auto; 
    margin: calc(-1 * clamp(0.625rem, 0.2344rem + 1.25vw, 0.9375rem)) /* 10px - 15px */; }
.wdt-gallery-item[class*="wdt-column-"] .wdt-gallery-item-inner { position: relative; overflow: hidden; }
.wdt-gallery-item[class*="wdt-column-"] { padding: clamp(0.625rem, 0.2344rem + 1.25vw, 0.9375rem); float: left; min-height: 1px; position: relative; }
.wdt-gallery-item[class*="wdt-column-"] img { width: 100%; height: auto; object-fit: cover; object-position: center center; }
[class*="wdt-column-"]:empty { height: 0 !important; margin: 0 !important; padding: 0 !important; }

.wdt-gallery-item.wdt-column-1 { width: 100%; }
.wdt-gallery-item.wdt-column-2 { width: 50%; }
.wdt-gallery-item.wdt-column-3 { width: 33.333%; }
.wdt-gallery-item.wdt-column-4 { width: 25%; }
.wdt-gallery-item.wdt-column-5 { width: 20%; }
.wdt-gallery-item.wdt-column-6 { width: 16.666%; }

.wdt-gallery-item.wdt-grid-item.one_items { width: 100%; }
.wdt-gallery-item.wdt-grid-item.one_half_items { width: 50%; }
.wdt-gallery-item.wdt-grid-item.one_third_items { width: 33.33%; }
.wdt-gallery-item.wdt-grid-item.two_third_items { width: 66.666%; }
.wdt-gallery-item.wdt-grid-item.one_fourth_items { width: 25%; }
.wdt-gallery-item.wdt-grid-item.three_fourth_items { width: 75%; }



/*==== Overlay Animations ====*/

.wdt-gallery-item { 
    position: relative; /* Ensure the overlay stays within this container */ 
    overflow: hidden; /* Prevent the overlay from going beyond the boundaries */ }
.wdt-hover-overlay { pointer-events: none; width: 100%; height: 100%; background: rgba(var(--wdtHeadAltColorRgb), 0.5); opacity: 0; transform: translate(0, 0); 
    transition: transform 0.4s ease, opacity 0.4s ease; z-index: 1; /*-webkit-clip-path: inset(10px); clip-path: inset(10px);*/ }
.wdt-gallery-item:hover .wdt-hover-overlay { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.wdt-hover-overlay-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 
    display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; z-index: 2; text-align: center; }

/* Hover In Directional Animations */
.hover-in-top { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; }
.hover-in-right { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 1; }
.hover-in-bottom { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 1; }
.hover-in-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 1; }

/* Hover Out Directional Animations */
.hover-out-top { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; }
.hover-out-right { -webkit-transform: translateX(100%); transform: translateX(100%); opacity: 0; }
.hover-out-bottom { -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; }
.hover-out-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }

/*======== Custom Styles ========*/

/*** Footer Gallery Style ***/
.wdt-footer-gallery-style .wdt-grid { margin: -10px; }

/*** Gallery style ***/
.gallery .wdt-gallery-item .wdt-gallery-item-image { 
    display: grid; position: relative; overflow: hidden; 
    -webkit-border-radius: var(--wdtRadius_4X); border-radius: var(--wdtRadius_4X); }
.gallery .wdt-gallery-item .wdt-gallery-item-image > a.wdt-gallery-pop-img,
.gallery .wdt-gallery-item .wdt-gallery-item-image > div.wdt-hover-overlay { grid-area: 1 / -1 }
.gallery .wdt-gallery-item .wdt-gallery-item-image .wdt-hover-overlay .wdt-gallery-icon { 
    display: flex; align-items: center; justify-content: center; 
    width: clamp(3.125rem, 3.0138rem + 0.6135vw, 3.75rem); /*60px - 50px*/ 
    height: clamp(3.125rem, 3.0138rem + 0.6135vw, 3.75rem); /*60px - 50px*/ 
    background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); 
    font-size: clamp(1.5rem, 1.4555rem + 0.2454vw, 1.75rem); /*28px - 24px*/ 
    -webkit-transition: var(--wdt-Livi-Transition); transition: var(--wdt-Livi-Transition); 
    -webkit-border-radius: var(--wdtRadius_Full); border-radius: var(--wdtRadius_Full); }


/*======== Responsive ========*/

@media screen and (max-width: 1024px) {
    .wdt-gallery-item.wdt-column-4 { width: 33.333%; }
    .wdt-gallery-item.wdt-column-5, 
    .wdt-gallery-item.wdt-column-6 { width: 25%; }
    .wdt-gallery-item.wdt-column-2,
    .wdt-gallery-item.wdt-grid-item.one_half_items { width: 33.333%; }
}

@media screen and (max-width: 767px) {
    .wdt-gallery-item.wdt-column-4,
    .wdt-gallery-item.wdt-column-5, 
    .wdt-gallery-item.wdt-column-6 { width: 50%; }
    .wdt-gallery-item.wdt-column-2,
    .wdt-gallery-item.wdt-grid-item.one_half_items { width: 50%; }
}

@media screen and (max-width: 480px) {
    .wdt-gallery-item.wdt-column-2,
    .wdt-gallery-item.wdt-column-3,
    .wdt-gallery-item.wdt-column-4,
    .wdt-gallery-item.wdt-column-5, 
    .wdt-gallery-item.wdt-column-6 { width: 100%; }

    .wdt-footer-gallery-style .wdt-grid .wdt-gallery-item[class*="wdt-column-"] { width: 50% !important; }
    .wdt-gallery-item.wdt-column-2,
    .wdt-gallery-item.wdt-grid-item.one_half_items { width: 50%; }
    .gallery > div.wdt-gallery-item { width: 100% !important; }
}