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: 0px;
}

.wdt-gallery-item[class*="wdt-column-"] {
    padding: 0px;
    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%;
}


/* ----------------Hover Style---------------- */

.wdt-gallery-item[class*="wdt-column-"] a {
    position: relative;
    overflow: hidden;
    height: 100%;
    display: block;
    border-radius: var(--wdtRadius_Zero);
    transition: var(--wdtBaseTransition);
    -webkit-transition: var(--wdtBaseTransition);
}

.wdt-gallery-item[class*="wdt-column-"] a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: rgba(var(--wdtSecondaryColorRgb), .7);
    opacity: 0;
    transition: var(--wdtBaseTransition);
    -webkit-transition: var(--wdtBaseTransition);
    pointer-events: none;
    /* -webkit-transform: scale(1); */
    /* transform: scale(1); */
    border-radius: var(--wdtRadius_Zero);
}

.wdt-gallery-item[class*="wdt-column-"] a:after {
    content: '';
    position: absolute;
    background: var(--wdtAccentTxtColor);
    width: 20px;
    height: 20px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    mask-repeat: no-repeat;
    mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M30,26.6l-8-8c1.3-1.9,2-4.2,2-6.6c0-6.6-5.4-12-12-12C5.4,0,0,5.4,0,12c0,6.6,5.4,12,12,12c2.4,0,4.7-0.7,6.6-2l8,8 L30,26.6z M3.4,12c0-4.7,3.9-8.6,8.6-8.6c4.7,0,8.6,3.8,8.6,8.6c0,4.7-3.9,8.6-8.6,8.6C7.3,20.6,3.4,16.8,3.4,12z'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M30,26.6l-8-8c1.3-1.9,2-4.2,2-6.6c0-6.6-5.4-12-12-12C5.4,0,0,5.4,0,12c0,6.6,5.4,12,12,12c2.4,0,4.7-0.7,6.6-2l8,8 L30,26.6z M3.4,12c0-4.7,3.9-8.6,8.6-8.6c4.7,0,8.6,3.8,8.6,8.6c0,4.7-3.9,8.6-8.6,8.6C7.3,20.6,3.4,16.8,3.4,12z'/%3E%3C/svg%3E%0A");
    -webkit-mask-repeat: no-repeat;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: var(--wdt-Ad-Transition);
    transition: var(--wdt-Ad-Transition);
}

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

.wdt-gallery-item[class*="wdt-column-"] a:hover:after {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}


.wdt-gallery-item[class*="wdt-column-"] a>img {
    transform: scale(1);
    -webkit-transform: scale(1);
    height: 100%;
    object-fit: cover;
    object-position: center;
    cursor: pointer;
    transition: var(--wdtAltTransition);
    -webkit-transition: var(--wdtAltTransition);
}

.wdt-gallery-item[class*="wdt-column-"] a:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

/* ---------------- */

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

}