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

.wdt-gallery-item .wdt-gallery-item-image { display: grid; position: relative; border-radius: var(--wdtRadius_2X);overflow: hidden; border: 2px solid transparent; transition: var(--wdtBaseTransition);}
#footer .wdt-gallery-item .wdt-gallery-item-image{border-radius: 8px;}
.wdt-gallery-item .wdt-gallery-item-image > a,
.wdt-gallery-item .wdt-gallery-item-image > .wdt-hover-overlay {
    grid-area: 1 / -1;
    align-content: center;
    justify-content: center;
    text-align: center;
    border-radius: var(--wdtRadius_2X);
    overflow: hidden;
    z-index: 1;
    }

.wdt-gallery-item .wdt-gallery-item-image>.wdt-hover-overlay {
    pointer-events: none; padding: 30px; opacity: 0; background-color: rgba(var(--wdtPrimaryColorRgb), 0.3); 
    -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index:1; }

.wdt-gallery-item .wdt-gallery-item-image .wdt-hover-overlay .wdt-gallery-icon{
    padding: 10px;
    background-image: linear-gradient(180deg, var(--wdtPrimaryColor), var(--wdtSecondaryColor));
    color: var(--wdtBodyTxtColor);
    width: clamp(2.8125rem, 2.6035rem + 0.9554vw, 3.75rem) /*60px -45px*/;
    height: clamp(2.8125rem, 2.6035rem + 0.9554vw, 3.75rem) /*60px -45px*/;
    border-radius: var(--wdtRadius_Part);
    font-size: var(--wdtFontSize_H6);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    filter:drop-shadow(0px 0px 6px var(--wdtPrimaryColor)) drop-shadow(0px 0px 6px var(--wdtSecondaryColor));
    z-index:3;
}
.wdt-gallery-item:hover .wdt-gallery-item-image img {
    transform: scale(1);
    -webkit-transform: scale(1);
    width: 100%;
}
.wdt-gallery-item .wdt-gallery-item-image img{
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: var(--wdtBaseTransition);
}

.wdt-gallery-item .wdt-gallery-item-image .wdt-hover-overlay-content{
    display: flex;
    align-items: center;
    justify-content: center;
}

.wdt-gallery-item:hover .wdt-hover-overlay { opacity: 1; }


.wdt-grid { float: none; position: relative; display: block; clear: both; width: auto; height: auto; margin: -15px; }

.wdt-gallery-item[class*="wdt-column-"] {
    float: left; box-sizing: border-box; position: relative; padding: 15px; min-height: 1px; }
#footer .wdt-gallery-item[class*="wdt-column-"]{padding: 5px;}

.wdt-gallery-item[class*="wdt-column-"] img {
    display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center;  border-radius: inherit; }
.wdt-gallery-item .wdt-gallery-item-image {
    background-image:linear-gradient(180deg, var(--wdtPrimaryColor),var(--wdtSecondaryColor));
    background-size: 100% 100%; background-repeat: no-repeat; padding:5px; background-color:transparent; border: none; overflow: visible; }
.wdt-gallery-item .wdt-gallery-item-image:before{
    content: ""; position: absolute; top: -2px; left: -2px; right:-2px; bottom:-2px; width: calc(100% + 4px); height: calc(100% + 4px); 
    background-image: linear-gradient(180deg, var(--wdtPrimaryColor), var(--wdtSecondaryColor)); 
    border-radius: var(--wdtRadius_2X); z-index: 0; filter: blur(5px); pointer-events: none; }
.wdt-gallery-item .wdt-gallery-item-image:after{
    content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: calc(100% - 4px); height: calc(100% - 4px); 
    border: 1px solid var(--wdtBorderColor); border-radius: var(--wdtRadius_2X); z-index: 0; }

[class*="wdt-column-"]:empty { height: 0 !important; padding: 0 !important; margin: 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% !important; }

.wdt-gallery-item.wdt-grid-item.one_half_items { width: 50% !important; }

.wdt-gallery-item.wdt-grid-item.one_third_items { width: 33.33% !important; }

.wdt-gallery-item.wdt-grid-item.two_third_items { width: 66.666% !important; }

.wdt-gallery-item.wdt-grid-item.one_fourth_items { width: 25% !important; }

.wdt-gallery-item.wdt-grid-item.three_fourth_items { width: 75% !important; }

.wdt-gallery-item.wdt-grid-item.one_fifth_items{ width: 20% !important; }

.wdt-gallery-item.wdt-grid-item.three_tenth_items{ width: 30% !important; }

.wdt-gallery-item.wdt-grid-item.two_fifth_items{ width: 40% !important; }

.wdt-hover-overlay.hover-in-top { animation: slideInTop 0.3s ease-out; }

.wdt-hover-overlay.hover-in-right { animation: slideInRight 0.3s ease-out; }

.wdt-hover-overlay.hover-in-bottom { animation: slideInBottom 0.3s ease-out; }

.wdt-hover-overlay.hover-in-left { animation: slideInLeft 0.3s ease-out; }

.wdt-hover-overlay.hover-out-top { animation: slideOutTop 0.3s ease-out; }

.wdt-hover-overlay.hover-out-right { animation: slideOutRight 0.3s ease-out; }

.wdt-hover-overlay.hover-out-bottom { animation: slideOutBottom 0.3s ease-out; }

.wdt-hover-overlay.hover-out-left { animation: slideOutLeft 0.3s ease-out; }

@keyframes slideInTop {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes slideInBottom {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

@keyframes slideOutTop {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-100%);
    }
}

@keyframes slideOutRight {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}

@keyframes slideOutBottom {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(100%);
    }
}

@keyframes slideOutLeft {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@media screen and (max-width: 1280px) {
    .wdt-gallery-item[class*="wdt-column-"]{
        padding: 10px;
    }
    .wdt-grid {
        margin: 0px;
    }
}
@media screen and (max-width: 1024px) {
    .wdt-gallery-item.wdt-column-4 {
        width: 50%;
    }

    .wdt-gallery-item.wdt-column-5,
    .wdt-gallery-item.wdt-column-6 {
        width: 25%;
    }
    .wdt-gallery-item.wdt-column-3 {
        width: 50%;
    }
    #footer .wdt-gallery-item.wdt-column-3{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-grid-item.two_third_items {
        width: 100% !important;
    }

    .wdt-gallery-item.wdt-grid-item.three_fourth_items {
        width: 100% !important;
    }
    .wdt-gallery-item.wdt-column-3 {
        width: 100%;
    }
}

@media screen and (max-width: 479px) {

    .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-gallery-item.wdt-grid-item.one_half_items,
    .wdt-gallery-item.wdt-grid-item.one_third_items,
    .wdt-gallery-item.wdt-grid-item.two_third_items,
    .wdt-gallery-item.wdt-grid-item.one_fourth_items,
    .wdt-gallery-item.wdt-grid-item.three_fourth_items {
        width: 100% !important;
    }
    #footer .wdt-gallery-item.wdt-column-3{width: 50% ! important;}
}
/* .wdt-grid-sizer {
  width: 10%;
} */

/* .wdt-grid .wdt-gallery-item {
  float: none !important;
} */
.wdt-grid-sizer {
  visibility: hidden;
  height: 0;
  padding: 0;
  margin: 0;
}

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