
/** 
    @Common CSS for listing
*/

.wdt-listings-item-container:not(.swiper-wrapper) { width: auto; margin:calc(-1 * clamp(0.9375rem, 0.7982rem + 0.6369vw, 1.5625rem));  /* Min-15 & Max-25 */  }


/** 
    @Type 1 
*/

.wdt-listings-item-container:has(.type1) { margin: 0; }
.wdt-listings-item-wrapper.type1 { border: none; }
.wdt-listings-item-wrapper.type1:not(:last-child){margin-bottom: clamp(3.125rem, 2.1497rem + 4.4586vw, 7.5rem); /* Min-50 & Max-120 */  }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section { position: relative; overflow: hidden; display: flex;gap:clamp(1.875rem, -1.875rem + 7.8125vw, 7.5rem);/* Min-30 & Max-120 */  }
.wdt-listings-item-wrapper.type1:nth-child(2n) .wdt-listings-item-top-section { flex-direction: row-reverse; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-image { width: 60%; display: grid; z-index: 1; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-image > div{ grid-area: 1/1; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content { align-content: center; padding: 20px 0; position: relative; transition: var(--wdt-Ad-Transition); width: 40%; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content > div:not(:last-child) { margin-bottom:clamp(1.5625rem, 1.3535rem + 0.9554vw, 2.5rem);/* Min-25 & Max-40 */  padding-right: 15%; }
.wdt-listings-item-wrapper.type1 .wdt-listings-taxonomy-container ul{ display: flex; gap: 20px; flex-wrap: wrap; padding: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem); /* Min-20 & Max-30 */ }
.wdt-listings-item-wrapper.type1 .wdt-listings-taxonomy-container li a{ display: inline-block; padding: 10px clamp(1.875rem, 1.585rem + 0.9709vw, 2.75rem);  color: var(--wdtAccentTxtColor); background: rgba(var(--wdtAccentTxtColorRgb), 0.1); backdrop-filter: blur(14px); -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }
.wdt-listings-item-wrapper.type1 .wdt-listings-taxonomy-container li a:hover{ background: var(--wdtPrimaryColor); }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-title{ position: relative; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-title:after{ content: ''; position: absolute; width: 1000%; height: 1px; background: var(--wdtBorderColor); left: auto; right: 0; z-index: 0; -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }
.wdt-listings-item-wrapper.type1:nth-child(2n) .wdt-listings-item-top-section .wdt-listings-item-title:after{ left: 0; right: auto; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section:hover .wdt-listings-item-title:after{ background: var(--wdtPrimaryColor); }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings--title { margin: 0px;font-size: clamp(1.5rem, 1.3328rem + 0.7643vw, 2.25rem); /* Min-24 & Max-36 */ padding-bottom:clamp(1.5625rem, 1.3535rem + 0.9554vw, 2.5rem);/* Min-25 & Max-40 */ }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listing-view-details { display: inline-block; margin-top: 10px; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-feature-image-holder { display: block; height: 100%;overflow: hidden; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-feature-image-holder img {
     display: block;
     height: 100%;
     object-fit: cover;
     object-position: center center;     
     transition: var(--wdt-Ad-Transition);
     min-height: clamp(21.875rem, 18.5417rem + 6.9444vw, 26.875rem); /* Min-350 & Max-430 */
     transition: transform var(--wdt-zoo-transform-transition-duration);
     transform: perspective(0px) rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(1);
      opacity: 1;
     transform-origin: center center;
 }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section:hover .wdt-listings-feature-image-holder img {
    transform: perspective(var(--wdt-zoo-transform-perspective)) rotateX(var(--wdt-zoo-transform-rotateX)) rotateY(var(--wdt-zoo-transform-rotateY)) scaleX(var(--wdt-zoo-transform-scale)) scaleY(var(--wdt-zoo-transform-scale));
}



/** 
    @Type 2 
*/
.wdt-listings-item-container:has(.type2) { margin: 0; }
.wdt-listings-item-wrapper.type2:not(:last-child){margin-bottom: 50px;}

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section { display: grid; align-items: center; position: relative; overflow: hidden; }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section > div{ grid-area: 1/1; }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-image-gallery { position: absolute; height: 100%; width: 50%; transition: all 0.3s linear; }
.wdt-listings-item-wrapper.type2:nth-child(2n) .wdt-listings-item-top-section .wdt-listings-item-image-gallery{ left: auto; right: 0; }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-top-section-content { display: flex; flex-direction: column; justify-content: space-between; position: relative; float: left; padding:clamp(1.5625rem, 1.2142rem + 1.5924vw, 3.125rem); /* Min-25 & Max-50 */ width: 50%; justify-self: end; min-height: 480px; }
.wdt-listings-item-wrapper.type2:nth-child(2n) .wdt-listings-item-top-section .wdt-listings-item-top-section-content{ justify-self: start; }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-image-gallery > div,
.wdt-listings-item-wrapper.type2 .wdt-listings-item-image-gallery img { height: 100%; width: 100%; object-fit: cover; object-position: center; }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section:hover .wdt-listings-item-image-gallery { width: 100%; }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-image-gallery > a,
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-image-gallery > a > div{
    height:100%;
    width: 100%;
    object-fit:cover;
    display: flex;
}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-feature-image-holder::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background: rgba(var(--wdtHeadAltColorRgb),0.7);
    opacity: 0;
    transition: var(--wdtBaseTransition);
}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section:hover .wdt-listings-feature-image-holder::before {
    opacity: 1;
}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings--title { margin: 0px; font-size: clamp(1.5rem, 1.3328rem + 0.7643vw, 2.25rem); /* Min-24 & Max-36 */ }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings--title a { color: inherit; text-decoration: none; }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings--title a:hover { color: var(--wdtLinkHoverColor); }
.wdt-listings-item-wrapper.type2 .wdt-listings-taxonomy-container ul{display: flex; gap:10px;flex-wrap: wrap;}
.wdt-listings-item-wrapper.type2 .wdt-listings-taxonomy-container li a { line-height: normal; padding: 0; font-size: var(--wdtFontSize_Base); color: inherit; }
.wdt-listings-item-wrapper.type2 .wdt-listings-taxonomy-container li a:hover { color: rgba(var(--wdtAccentTxtColorRgb), 0.85); }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-top-section-content > div:not(:last-child) { margin-bottom: 30px; }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-top-section-content .wdt-listings-item-title{ margin-bottom: clamp(1.25rem, 0.9713rem + 1.2739vw, 2.5rem); /* Min-20 & Max-40 */ }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-excerpt{--webkit-transition: var(--wdtBaseTransition);transition: var(--wdtBaseTransition);padding-right: 10%;}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-group-button-hover-icon { --webkit-transition: var(--wdtBaseTransition); transition: var(--wdtBaseTransition); opacity: 0; margin-bottom: -62px; }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section:hover .wdt-listings-group-button-hover-icon{ opacity: 1; margin:0; margin-top: clamp(1.25rem, 0.9713rem + 1.2739vw, 2.5rem); /* Min-20 & Max-40 */ }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section a.custom-button-style{
   font-size: 0;
  width: 62px;
  height: 62px;
  border-radius: var(--wdtRadius_Full);
  padding: 0;
  justify-content: center;
  align-items: center;
  background: var(--wdtPrimaryColor);
  color:var(--wdtAccentTxtColor);
}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section a.custom-button-style:hover{
    background: var(--wdtAccentTxtColor);
    color:var(--wdtHeadAltColor);
}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section a.custom-button-style::before{
    content: '';
    position: relative;
  height: 24px;
  width: 24px;
  background: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M100,47.06V53l-2.66.4c-1.35.19-33,5.22-33,32.53V87H58.09V85.91c0-17.44,10.7-27.33,21.26-32.83H0V46.84H79.57C68.91,41.25,58.09,31.33,58.09,14.09V13h6.24v1.12c0,26.79,32.73,32.48,33.05,32.54Z'/%3E%3C/svg%3E");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: 24px;
  display: inline-block;
  transform: rotate(-40deg);
  transition: all 0.25s linear;
    
}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section a.custom-button-style:hover::before{
    transform: rotate(0deg);
}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section:hover .wdt-listings-taxonomy-container li a,
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section:hover .wdt-listings--title a,
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section:hover .wdt-listings-item-excerpt {
    color: var(--wdtAccentTxtColor);
}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings--title a:hover{
     color: var(--wdtPrimaryColor);
}
@media screen and (max-width:1024px){
    .wdt-listings-item-wrapper.type2 .wdt-listings-item-image-gallery img{
        opacity:0.3;
    }
}

/** 
    @Type 3 
*/

.wdt-listings-item-wrapper.type3 { position: relative; border: none; background: transparent; }
.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section-content{ display: inline-block; width: 100%; 
    padding-top: clamp(1.5625rem, 1.3553rem + 0.6935vw, 2.1875rem); /* Min-25 & Max-35 */  }
.wdt-listings-item-wrapper.type3 .wdt-listings-taxonomy-container ul{ display: flex; gap: 20px; flex-wrap: wrap; 
    margin-bottom: clamp(0.625rem, 0.5693rem + 0.2548vw, 0.875rem); /* Min-10 & Max-14 */ }
.wdt-listings-item-wrapper.type3 .wdt-listings-taxonomy-container ul li:not(:last-child):after{ content:'/'; display: inline-block; position: relative; right: -10px; color: inherit; top: 1px; }
.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings--title{margin: 0;}
.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings-feature-image-holder{ position: relative; overflow: hidden; }
.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings-feature-image-holder img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1.45;
    transition: var(--wdt-Ad-Transition);
    transition: transform var(--wdt-zoo-transform-transition-duration);
    transform: perspective(0px) rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(1);
    opacity: 1;
    transform-origin: center center;
}
.wdt-one-half .wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings-feature-image-holder img{
    aspect-ratio: 1.180;
}
.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section:hover .wdt-listings-feature-image-holder img {
    transform: perspective(var(--wdt-zoo-transform-perspective)) rotateX(var(--wdt-zoo-transform-rotateX)) rotateY(var(--wdt-zoo-transform-rotateY)) scaleX(var(--wdt-zoo-transform-scale)) scaleY(var(--wdt-zoo-transform-scale));
}

/** 
    @Type 4 
*/
.wdt-listings-item-container:has(.type4){ margin:calc(-1 * clamp(0.9375rem, -0.9375rem + 3.9063vw, 3.75rem));  /* Min-15 & Max-60 */ }
.wdt-listings-item-container:has(.type4) .wdt-column{ padding:clamp(0.9375rem, -0.9375rem + 3.9063vw, 3.75rem);  /* Min-15 & Max-60 */ }
.wdt-listings-item-wrapper.type4 .wdt-listings-item-top-section{ display: grid; }
.wdt-listings-item-wrapper.type4 .wdt-listings-item-top-section > div{ grid-area: 1/1; }
.wdt-listings-item-wrapper.type4 .wdt-listings-item-top-section-content{
    padding: clamp(1.5625rem, 1.2142rem + 1.5924vw, 3.125rem); /* Min-25 & Max-50 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1;
}
.wdt-listings-item-wrapper.type4 .wdt-listings-item-top-section .wdt-listings-feature-image-holder{ position: relative; overflow: hidden; }
.wdt-listings-item-wrapper.type4 .wdt-listings-item-top-section .wdt-listings-feature-image-holder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 0.882;
    transition: var(--wdt-Ad-Transition);
    transition: transform var(--wdt-zoo-transform-transition-duration);
    transform: perspective(0px) rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(1);
    opacity: 1;
    transform-origin: center center;
}
.wdt-listings-item-wrapper.type4 .wdt-listings-item-top-section:hover .wdt-listings-feature-image-holder img {
    transform: perspective(var(--wdt-zoo-transform-perspective)) rotateX(var(--wdt-zoo-transform-rotateX)) rotateY(var(--wdt-zoo-transform-rotateY)) scaleX(var(--wdt-zoo-transform-scale)) scaleY(var(--wdt-zoo-transform-scale));
}
.wdt-listings-item-wrapper.type4 .wdt-listings-item-top-section .wdt-listings-feature-image-holder::before {
    content: '';
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background: var(--wdtSecondaryColor);
    opacity: 0.5;
    transition: var(--wdtBaseTransition);
    z-index: 1;
}

.wdt-listings-item-wrapper.type4 .wdt-listings-item-top-section:hover .wdt-listings-feature-image-holder::before {
    opacity: 0.85;
    background: var(--wdtPrimaryColor);
}
.wdt-listings-item-wrapper.type4 .wdt-listings-item-top-section .wdt-listings--title a{
    color: var(--wdtAccentTxtColor);
}
.wdt-listings-item-wrapper.type4 .wdt-listings-taxonomy-container ul{
    gap: 20px;
    margin-bottom: clamp(0.625rem, 0.4857rem + 0.6369vw, 1.25rem); /* Min-10 & Max-20 */
}
.wdt-listings-item-wrapper.type4 .wdt-listings-taxonomy-container li a{
    color: var(--wdtAccentTxtColor);
}
.wdt-listings-item-wrapper.type4 .wdt-listings-item-top-section .wdt-listings--title { margin: 0px; font-size: clamp(1.5rem, 1.3328rem + 0.7643vw, 2.25rem); /* Min-24 & Max-36 */ }

.wdt-listings-item-wrapper.type4:hover a.custom-button-style{
  background-color: var(--wdtAccentTxtColor);
  color: var(--wdtHeadAltColorRgb);
}
.wdt-listings-item-wrapper.type4 a.custom-button-style:hover{
    background: var(--wdtSecondaryColor);
    color: var(--wdtAccentTxtColor);
}
.wdt-listings-item-wrapper.type4 .wdt-listings-item-top-section .wdt-listings--title a:hover{
    color: rgba(var(--wdtAccentTxtColorRgb), 0.85);
}


/** 
    @CSS Media Queries
*/

@media (max-width: 1024px){
    .wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content > div:not(:last-child){padding-right: 0;}
    .wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-image-gallery{position: relative;width: 100%;}
    .wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-top-section-content{width: 100%;}
    .wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-taxonomy-container li a,
    .wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings--title a,
    .wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-excerpt { color: var(--wdtAccentTxtColor); }
    .wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-feature-image-holder::before{opacity: 1;}
}


@media (min-width: 768px) {

    .wdt-listings-item-container .wdt-column:not(:nth-child(2)) .wdt-listings-item-wrapper.type4 {
        margin-top: 30%;
    }
}

@media (max-width: 767px) {
    .wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section{flex-direction: column;}
    .wdt-listings-item-wrapper.type1:nth-child(2n) .wdt-listings-item-top-section { flex-direction: column; }
    .wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-image,
    .wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content{width: 100%;padding:0;}
    .wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-excerpt{padding-right: 0;}
    .wdt-listings-item-wrapper.type3 .wdt-listings-item-hover-section { padding: 1.2rem 0 0; margin-top: 0; margin-left: 0; 
        transform: none !important; box-shadow: none; position: relative; opacity: 1; width: 100%; }
    
    .wdt-listings-item-wrapper.type3 .wdt-listings-item-hover-section .wdt-listings-item-title { margin: 0 0 10px; }

}
