/*--------------------------------------------------------------
 	Common Styles
--------------------------------------------------------------*/

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

    .wdt-gallery .wdt-gallery-item .wdt-gallery-item-image {     
        position: relative; display: grid; overflow: hidden; border: 1px solid transparent; 
        -webkit-border-radius: var(--wdtRadius_3X); border-radius: var(--wdtRadius_3X);
        -webkit-transition: all .3s ease; transition: all .3s ease; }

    .wdt-gallery .wdt-gallery-item:hover .wdt-gallery-item-image { border-color: transparent; }

    .wdt-gallery .wdt-gallery-item .wdt-gallery-item-image > a,
    .wdt-gallery .wdt-gallery-item .wdt-gallery-item-image > .wdt-hover-overlay { 
        grid-area: 1 / -1; align-content: center; justify-content: center; text-align: center; }

    .wdt-gallery .wdt-gallery-item .wdt-gallery-item-image > .wdt-hover-overlay {
        clear: both; pointer-events: none; padding: 30px; opacity: 0; transition: opacity 0.3s ease; 
        background: linear-gradient(to top, var(--wdtTertiaryColor) -30%, transparent 100%); 
        -webkit-transition: all .3s ease; transition: all .3s ease; 
        -webkit-border-radius: var(--wdtRadius_3X); border-radius: var(--wdtRadius_3X);     
        backface-visibility: hidden; will-change: transform; }

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

    .wdt-gallery .wdt-gallery-item .wdt-gallery-item-image > .wdt-hover-overlay .wdt-hover-overlay-content { 
        width: 100%; height: 100%; display: flex; align-items: center; 
        justify-content: center; text-align: center; z-index: 2; }

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

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

    .wdt-gallery .wdt-gallery-item[class*="wdt-column-"] img {
        display: block; width: 100%; height: auto; object-fit: cover; object-position: center center; 
        -webkit-transform: scale(1); transform: scale(1); -webkit-transition: var(--wdt-Ad-Transition); 
        transition: var(--wdt-Ad-Transition); backface-visibility: hidden; will-change: transform; }

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

    .wdt-gallery .wdt-gallery-item .wdt-gallery-item-image .wdt-hover-overlay .wdt-gallery-icon { 
        display: flex; align-items: center; justify-content: center; 
        width: clamp(2.8125rem, 2.6457rem + 0.9202vw, 3.75rem); /*60px - 45px*/ 
        height: clamp(2.8125rem, 2.6457rem + 0.9202vw, 3.75rem); /*60px - 45px*/ 
        font-size: clamp(1.25rem, 1.1833rem + 0.3681vw, 1.625rem); /*26px - 20px*/ 
        background: var(--wdtAccentTxtColor); color: var(--wdtPrimaryColor);
        -webkit-transform: scale(1.1) translate(-10px, -10px); transform: scale(1.1) translate(-10px, -10px); 
        transform-origin: center; -webkit-transition: all .3s ease; transition: all .3s ease; 
        -webkit-border-radius: var(--wdtRadius_Full); border-radius: var(--wdtRadius_Full); }

    .wdt-gallery .wdt-gallery-item:hover .wdt-gallery-item-image .wdt-hover-overlay .wdt-gallery-icon {
        -webkit-transform: scale(1) translate(0, 0); transform: scale(1) translate(0, 0); }

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


/*--------------------------------------------------------------
 	Isotope Width Setup
--------------------------------------------------------------*/

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


/*--------------------------------------------------------------
 	Masonary Width Setup
--------------------------------------------------------------*/

    .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; }


/*--------------------------------------------------------------
 	On Hover Animations
--------------------------------------------------------------*/

    .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%); } }


/*--------------------------------------------------------------
 	Responsive
--------------------------------------------------------------*/

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

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

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