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

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


/* ============================== 
    Gallery style
============================== */
.gallery .wdt-gallery-item .wdt-gallery-item-image {
  display: grid;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: var(--wdtRadius_4X);
  border-radius: var(--wdtRadius_4X);
  -webkit-transition: var(--wdtAltTransition);
  transition: var(--wdtAltTransition);
}
.gallery .wdt-gallery-item .wdt-gallery-item-image > a.wdt-gallery-pop-img, 
.gallery .wdt-gallery-item .wdt-gallery-item-image > div.wdt-hover-overlay {
  grid-area: 1 / -1;
}
.gallery .wdt-gallery-item .wdt-gallery-item-image .wdt-hover-overlay {
    display: flex;
    align-items: end;
    justify-content: end;
}
.gallery .wdt-gallery-item .wdt-gallery-item-image .wdt-hover-overlay .wdt-hover-overlay-content {
  width: fit-content;
  padding: 10px 0 0 10px;
  border-top-left-radius: var(--wdtRadius_Full);
  background-color: var(--wdtBodyBGColor);
  position: relative;
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: var(--wdtAltTransition);
  transition: var(--wdtAltTransition);
  opacity: 0;
}
.gallery .wdt-gallery-item .wdt-gallery-item-image .wdt-hover-overlay .wdt-hover-overlay-content:before,
.gallery .wdt-gallery-item .wdt-gallery-item-image .wdt-hover-overlay .wdt-hover-overlay-content:after {
  content: ''; position: absolute; width: 60px; height: 60px; z-index: 10; background-color: inherit; 
  clip-path: path("M60,30v30H30c8.3,0,15.8-3.4,21.2-8.8C56.6,45.8,60,38.3,60,30z");  -webkit-transition: var(--wdtAltTransition);
  transition: var(--wdtAltTransition); backface-visibility: hidden; isolation: isolate; will-change: transform;
}
.gallery .wdt-gallery-item .wdt-gallery-item-image .wdt-hover-overlay .wdt-hover-overlay-content:before {
    right: 0; top: -59px; transform-origin: right;
}
.gallery .wdt-gallery-item .wdt-gallery-item-image .wdt-hover-overlay .wdt-hover-overlay-content:after {
    left: -59px; bottom: 0; transform-origin: bottom;
}
.gallery .wdt-gallery-item .wdt-gallery-item-image:hover {
    border-bottom-right-radius: var(--wdtRadius_Zero);
}
.gallery .wdt-gallery-item .wdt-gallery-item-image:hover .wdt-hover-overlay .wdt-hover-overlay-content { 
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
 }
/* .gallery .wdt-gallery-item .wdt-gallery-item-image:hover .wdt-hover-overlay .wdt-hover-overlay-content:before,
.gallery .wdt-gallery-item .wdt-gallery-item-image:hover .wdt-hover-overlay .wdt-hover-overlay-content:after {
  opacity: 1;
} */

.gallery .wdt-gallery-item .wdt-gallery-item-image .wdt-hover-overlay .wdt-gallery-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(3.125rem, 3.0138rem + 0.6135vw, 3.75rem);
  height: clamp(3.125rem, 3.0138rem + 0.6135vw, 3.75rem);
  background: var(--wdtPrimaryColor);
  color: var(--wdtAccentTxtColor);
  font-size: clamp(1.25rem, 1.175rem + 0.375vw, 1.625rem);/* Min-20 & Max-26 */
  -webkit-transition: var(--wdtAltTransition);
  transition: var(--wdtAltTransition);
  -webkit-border-radius: var(--wdtRadius_Full);
  border-radius: var(--wdtRadius_Full);
}
/* .gallery .wdt-gallery-item .wdt-gallery-item-image .wdt-hover-overlay .wdt-gallery-icon svg { 
    -webkit-transform: rotate(-40deg); transform: rotate(-40deg);
 } */

.gallery .wdt-gallery-item .wdt-gallery-item-image .wdt-hover-overlay .wdt-gallery-icon:hover {
  background: var(--wdtSecondaryColor); 

}

/** 
    Responsive - AT Media Query 
*/

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

}