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.4808rem + 0.641vw, 1.25rem)) /* 10px - 20px */; }

.wdt-gallery-item[class*="wdt-column-"] { padding: clamp(0.625rem, 0.4808rem + 0.641vw, 1.25rem) /* 10px - 20px */; 
    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; }

.wdt-gallery-item[class*="wdt-column-"] .wdt-gallery-item-image a:before {
    content: ''; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; z-index: 1;
    background: rgba(var(--wdtPrimaryColorRgb), .7); border-radius: var(--wdtRadius_3X); -webkit-border-radius: var(--wdtRadius_3X);
    opacity: 0; pointer-events: none; transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition);
}

.wdt-gallery-item[class*="wdt-column-"] .wdt-gallery-item-image a:hover:before { opacity: 1; }

.wdt-gallery-item[class*="wdt-column-"] .wdt-gallery-item-image a:after {
    content: ''; position: absolute; width: 40px; height: 40px; left: 0; top: 0; right: 0; bottom: 0; margin: auto;
    background: var(--wdtAccentTxtColor);
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M97.05,84.25,79.17,66.37a6.67,6.67,0,0,0-8.29-.91l-3.59-3.4a37.52,37.52,0,1,0-5.64,5.64l3.58,3.39a6.66,6.66,0,0,0,.87,8.35L84,97.32a6.66,6.66,0,0,0,9.42,0l3.65-3.65A6.66,6.66,0,0,0,97.05,84.25ZM62.11,57.15a30.68,30.68,0,0,1-5.67,5.6,30.41,30.41,0,1,1,5.67-5.6Z'/%3E%3Cpath d='M57,35.92v5.22a1.14,1.14,0,0,1-1.14,1.14H41.88V56.14a1.23,1.23,0,0,1-1.23,1.23h-5a1.24,1.24,0,0,1-1.24-1.23V42.28h-14a1.14,1.14,0,0,1-1.14-1.14V35.92a1.14,1.14,0,0,1,1.14-1.14h14V20.93a1.24,1.24,0,0,1,1.24-1.24h5a1.23,1.23,0,0,1,1.23,1.24V34.78H55.83A1.14,1.14,0,0,1,57,35.92Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M97.05,84.25,79.17,66.37a6.67,6.67,0,0,0-8.29-.91l-3.59-3.4a37.52,37.52,0,1,0-5.64,5.64l3.58,3.39a6.66,6.66,0,0,0,.87,8.35L84,97.32a6.66,6.66,0,0,0,9.42,0l3.65-3.65A6.66,6.66,0,0,0,97.05,84.25ZM62.11,57.15a30.68,30.68,0,0,1-5.67,5.6,30.41,30.41,0,1,1,5.67-5.6Z'/%3E%3Cpath d='M57,35.92v5.22a1.14,1.14,0,0,1-1.14,1.14H41.88V56.14a1.23,1.23,0,0,1-1.23,1.23h-5a1.24,1.24,0,0,1-1.24-1.23V42.28h-14a1.14,1.14,0,0,1-1.14-1.14V35.92a1.14,1.14,0,0,1,1.14-1.14h14V20.93a1.24,1.24,0,0,1,1.24-1.24h5a1.23,1.23,0,0,1,1.23,1.24V34.78H55.83A1.14,1.14,0,0,1,57,35.92Z'/%3E%3C/svg%3E");
    mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-size: contain; -webkit-mask-size: contain; mask-position: center; -webkit-mask-position: center; z-index: 1; opacity: 0;
    transform: translate(20px,10px) scale(1.2); -webkit-transform: translate(20px,10px) scale(1.2); 
    transition: var(--wdtAltTransition); -webkit-transition: var(--wdtAltTransition);
}

.wdt-gallery-item[class*="wdt-column-"] .wdt-gallery-item-image a:hover:after { 
    opacity: 1; transform: translate(0) scale(1); -webkit-transform: translate(0) scale(1); }

[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%; }


@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%; }
    
}

@media screen and (max-width: 768px) {
    .wdt-gallery-item.wdt-column-4,
    .wdt-gallery-item.wdt-column-5, 
    .wdt-gallery-item.wdt-column-6 { 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%; }
    
}


/**  
    Theme style 
*/


.gallery .wdt-gallery-item .wdt-gallery-item-image .wdt-gallery-pop-img {
    display: block; border-radius: var(--wdtRadius_3X, 20px); overflow: hidden; will-change: transform; }