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,
.wdt-gallery-item.wdt-grid-item.one_half_items { 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_third_items { width: 75%; }
.wdt-gallery-item.wdt-grid-item.one_fourth_items { width: 25%; }


/* --------------------------------- Gallery -------------------------------- */
/* gallery updated */
.wdt-gallery-pop-img {
    position: relative;
    overflow: hidden;
    display: flex;
  }
  
  .wdt-gallery-pop-img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--wdtPrimaryColor);
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
    -webkit-transition: var(--wdt-Ad-Transition);
    transition: var(--wdt-Ad-Transition);
  }
  
  .wdt-gallery-pop-img:hover:before {
    opacity: 0.5;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  
  .wdt-gallery-pop-img:after {
    content: '';
    position: absolute;
    background: var(--wdtAccentTxtColor);
    width: 42px;
    height: 42px;
    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' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 90 90' style='enable-background:new 0 0 90 90;' xml:space='preserve'%3E%3Cpath d='M89.3,85.8L63.1,59.6C68.8,53,72,44.7,72,36C72,16.1,55.8,0,36,0S0,16.1,0,36c0,19.8,16.1,36,36,36c8.7,0,17.1-3.1,23.6-8.9 l26.2,26.2c0.5,0.5,1.1,0.7,1.8,0.7c0.7,0,1.3-0.3,1.8-0.7s0.7-1.1,0.7-1.8C90,86.9,89.7,86.2,89.3,85.8z M36,67 C18.9,67,5,53.1,5,36C5,18.9,18.9,5,36,5c17.1,0,31,13.9,31,31C67,53.1,53.1,67,36,67z'/%3E%3Cpath d='M51.2,33.5H38.5V20.8c0-1.4-1.1-2.5-2.5-2.5c-1.4,0-2.5,1.1-2.5,2.5v12.7H20.8c-1.4,0-2.5,1.1-2.5,2.5 c0,1.4,1.1,2.5,2.5,2.5h12.7v12.7c0,1.4,1.1,2.5,2.5,2.5c1.4,0,2.5-1.1,2.5-2.5V38.5h12.7c1.4,0,2.5-1.1,2.5-2.5 C53.6,34.6,52.5,33.5,51.2,33.5z'/%3E%3C/svg%3E%0A");
    -webkit-mask-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 90 90' style='enable-background:new 0 0 90 90;' xml:space='preserve'%3E%3Cpath d='M89.3,85.8L63.1,59.6C68.8,53,72,44.7,72,36C72,16.1,55.8,0,36,0S0,16.1,0,36c0,19.8,16.1,36,36,36c8.7,0,17.1-3.1,23.6-8.9 l26.2,26.2c0.5,0.5,1.1,0.7,1.8,0.7c0.7,0,1.3-0.3,1.8-0.7s0.7-1.1,0.7-1.8C90,86.9,89.7,86.2,89.3,85.8z M36,67 C18.9,67,5,53.1,5,36C5,18.9,18.9,5,36,5c17.1,0,31,13.9,31,31C67,53.1,53.1,67,36,67z'/%3E%3Cpath d='M51.2,33.5H38.5V20.8c0-1.4-1.1-2.5-2.5-2.5c-1.4,0-2.5,1.1-2.5,2.5v12.7H20.8c-1.4,0-2.5,1.1-2.5,2.5 c0,1.4,1.1,2.5,2.5,2.5h12.7v12.7c0,1.4,1.1,2.5,2.5,2.5c1.4,0,2.5-1.1,2.5-2.5V38.5h12.7c1.4,0,2.5-1.1,2.5-2.5 C53.6,34.6,52.5,33.5,51.2,33.5z'/%3E%3C/svg%3E%0A");
    -webkit-mask-repeat: no-repeat;
    z-index: 2;
    opacity: 0;
    -webkit-transform: scale(1.25);
    transform: scale(1.25);
    -webkit-transition: var(--wdt-Ad-Transition);
    transition: var(--wdt-Ad-Transition);
  }
  
  .wdt-gallery-pop-img:hover:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  

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

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


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

.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 {
    width: 100%;
    height: 100%;
    background: rgba(var(--wdtPrimaryColorRgb), 0.85);
    opacity: 0;
    transform: translate(0, 0);
    transition: transform 0.4s ease, opacity 0.4s ease;
    z-index: 1;
}

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

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

.wdt-gallery-item:hover .wdt-hover-overlay {
    opacity: 1;
    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;
}