/** @Common CSS for listing */

.wdt-listings-item-container:not(.swiper-wrapper) { width: auto; margin: -15px; }

/** @Type 1 */

.wdt-listings-item-wrapper.type1 { border: none; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section { 
    display: grid;position: relative; overflow: hidden;
    border-radius: var(--wdtRadius_2X); -webkit-border-radius: var(--wdtRadius_2X);
}
.wdt-listings-item-wrapper.type1:not(.swiper-slide) .wdt-listings-item-top-section { 
    place-items:end;
    align-items: center;
}
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section > div { grid-area: 1/-1; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content {
    align-content: end; justify-items: start; position: relative;
    transition: var(--wdt-Ad-Transition); display: grid; padding: 20px 20px 20px 25px; position: relative; z-index: 1; pointer-events: none;
}
.wdt-listings-item-wrapper.type1:not(.swiper-slide) .wdt-listings-item-top-section .wdt-listings-item-top-section-content {
   max-width:400px;
   margin: 20px;
   margin-right: clamp(1.25rem, -0.8333rem + 4.3403vw, 4.375rem)/*70-20px*/;
   height:fit-content;
   padding:clamp(1.875rem, 1.4583rem + 1.3889vw, 3.125rem);
   background:linear-gradient(90deg, rgba(var(--wdtQuaternaryColorRgb),.25) 0%, rgba(var(--wdtAccentTxtColorRgb),.15) 100%);
   backdrop-filter:blur(15px);
   box-shadow:inset 0 0 0 1px rgba(var(--wdtBorderColorRgb),0.35);
   border-radius:var(--wdtRadius_3X)
}
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content a{
     pointer-events: all;
}
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content:before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: -1; pointer-events: none;
    background: linear-gradient(0deg, rgb(var(--wdtSecondaryColorRgb), 0.5) 10%, transparent 94%);
    transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition);
}
.wdt-listings-item-wrapper.type1:not(.swiper-slide) .wdt-listings-item-top-section .wdt-listings-item-top-section-content:before {
    display:none;
}
.wdt-listings-item-wrapper.type1:hover .wdt-listings-item-top-section .wdt-listings-item-top-section-content:before {
    opacity: 1;
}

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content > div:not(:last-child) { margin-bottom: 6px; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content > .wdt-listings-taxonomy-container {display: none;position: absolute;right: 20px;top: 20px;z-index: 2;}
.wdt-listings-item-wrapper.type1:not(.swiper-slide) .wdt-listings-item-top-section .wdt-listings-item-top-section-content > .wdt-listings-taxonomy-container {display: block;position: relative;right: 0;top: 0;}
.wdt-listings-item-wrapper.type1:not(.swiper-slide) .wdt-listings-item-top-section .wdt-listings-item-top-section-content > .wdt-listings-taxonomy-container a {padding:0;background:transparent;backdrop-filter:none;text-transform:uppercase;letter-spacing:var(--wdtLetterSpacing_3X);min-height: auto;line-height: var(--wdtLineHeight_Base);}

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content > .wdt-listings-taxonomy-container a {background: rgba(var(--wdtHeadAltColorRgb),0.6);padding: 4px 14px;backdrop-filter: blur(8px);border-radius: var(--wdtRadius_1X);-webkit-border-radius: var(--wdtRadius_1X);box-shadow: unset;-webkit-box-shadow: unset;color: var(--wdtAccentTxtColor);min-height: 34px;line-height: 1;display: inline-flex;align-items: center;font-size: var(--wdtFontSize_Ext);}
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section:hover .wdt-listings-item-top-section-content > .wdt-listings-taxonomy-container a { background-color: var(--wdtAccentTxtColor); color: var(--wdtLinkColor); }
.wdt-listings-item-wrapper.type1:not(.swiper-slide) .wdt-listings-item-top-section:hover .wdt-listings-item-top-section-content > .wdt-listings-taxonomy-container a { background-color: transparent; color: var(--wdtAccentTxtColor); }


.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings--title { margin: 0px; }

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listing-view-details,
.wdt-listings-item-wrapper.type2 a.custom-button-style {opacity: 1;z-index: 1;align-items: center;justify-content: center;display: inline-flex;font-size: 0;margin: 0px;border: 0;background: transparent;color: var(--wdtAccentTxtColor);border-radius: var(--wdtRadius_Full);width: 50px;height: 50px;padding: 0;}
.wdt-listings-item-wrapper.type2:hover a.custom-button-style {opacity: 1;}

.wdt-listings-item-wrapper.type1:not(.swiper-slide) .wdt-listings-item-top-section .wdt-listing-view-details{
    width:fit-content; font-size:var(--wdtFontSize_Base); height: auto; margin-top: 20px; border-radius: var(--wdtRadius_Zero); }

.wdt-listings-item-wrapper.type1:not(.swiper-slide) .wdt-listings-item-top-section .wdt-listing-view-details .detail-icon{
    display:none;
}
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-group-button-hover-icon:hover .wdt-listing-view-details:before{
    color: var(--wdtLinkHoverColor);
}
.wdt-listings-item-wrapper.type2 a.custom-button-style:hover { background-color: transparent; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listing-view-details:before,
.wdt-listings-item-wrapper.type2 a.custom-button-style::before {
    color: currentColor;
    content: '\e805';
    font-family: "shop-extra-icon";
    display: inline-flex;
    font-size: var(--wdtFontSize_H2);
    rotate: -30deg;
    transition: var(--wdt-Ad-Transition);
}
.wdt-listings-item-wrapper.type1:not(.swiper-slide) .wdt-listings-item-top-section .wdt-listing-view-details:before{
    rotate:0deg;
    font-size: calc(var(--wdtFontSize_H4) - 6px);
    order:1;
    margin-left:5px;
}
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listing-view-details:hover::before,
.wdt-listings-item-wrapper.type2 a.custom-button-style:hover::before { color: var(--wdtLinkHoverColor); rotate: -0deg; }

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listing-view-details:hover::before{ color: var(--wdtSecondaryColor); }

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-feature-image-holder {
    display: block;
    height: 100%;
    border-radius: var(--wdtRadius_2X);
    overflow: hidden;
    position: relative;
    transition: var(--wdt-Ad-Transition);
    }

.wdt-listings-item-wrapper .wdt-listings-item-top-section .wdt-listings-feature-image-holder img {     height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1) rotate(0deg);
    -webkit-transition: var(--wdt-Ad-Transition);
    transition: var(--wdt-Ad-Transition);}

.wdt-listings-item-wrapper .wdt-listings-item-top-section:hover .wdt-listings-feature-image-holder img{ transform: scale(1.05) rotate(0deg); filter: brightness(1.05); -webkit-filter: brightness(1.05); }
.wdt-listings-item-wrapper.type1:not(.swiper-slide) .wdt-listings-item-top-section .wdt-listings-feature-image-holder img {     
    min-height:450px;
}
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section-content .wdt-listings-group-button-hover-icon {
    position: absolute;
    inset: 0;
    padding: 0;
    -webkit-transition: var(--wdt-Ad-Transition);
    transition: var(--wdt-Ad-Transition);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    display: none;
}
.wdt-listings-item-wrapper.type1:not(.swiper-slide) .wdt-listings-item-top-section-content .wdt-listings-group-button-hover-icon {
    position: relative;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    display: inline-block;
}
.wdt-listings-item-wrapper.type1:hover .wdt-listings-item-top-section-content .wdt-listings-group-button-hover-icon {
    opacity: 1;  transform: scale(1); -webkit-transform: scale(1);
}

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section-content .wdt-listings-item-title {
    margin-top: 0; margin-bottom: 0; font-size: clamp(1.25rem, 1.1669rem + 0.2776vw, 1.5rem); /* Min-20 & Max-24 */
}
.wdt-listings-item-wrapper.type1:not(.swiper-slide) .wdt-listings-item-top-section-content .wdt-listings-item-title {
    margin-bottom:10px;
}
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section-content .wdt-listings-item-excerpt {
    margin-bottom: 0 !important;
    color: rgba(var(--wdtAccentTxtColorRgb),0.75);
    height: 0;
    max-width: 400px;
    display: none;
}
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section-content .wdt-listings-item-excerpt p{
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.wdt-listings-item-wrapper.type1:hover .wdt-listings-item-top-section-content .wdt-listings-item-excerpt { height: 2lh; }
.wdt-listings-item-wrapper.type1:not(.swiper-slide) .wdt-listings-item-top-section-content .wdt-listings-item-excerpt {height: auto;display: block;}


/* -----------typt-1-with carousel------------- */
.wdt-listings-item-container.swiper-wrapper .wdt-listings-item-wrapper .wdt-listings-item-top-section .wdt-listings-feature-image-holder img{aspect-ratio: 12 / 18;}

.wdt-listings-item-wrapper.type1:hover .wdt-listings-item-top-section .wdt-listing-view-details{opacity: 1;}
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listing-view-details:hover {color: var(--wdtLinkHoverColor);}
.wdt-listings-item-wrapper.type1.swiper-slide .wdt-listings-item-top-section .wdt-listings-item-top-section-content {background-color: transparent;}
.wdt-listings-item-wrapper.type1.swiper-slide .wdt-listings-item-top-section .wdt-listings-feature-image-holder::before{content: '';
    position: absolute; inset: 0;width: 100%; height: 100%; display: flex;
    background: linear-gradient(180deg, transparent 0%, rgb(var(--wdtQuaternaryColorRgb), 1) 100%); border-radius: var(--wdtRadius_2X);opacity: 0;transition: var(--wdt-Ad-Transition); z-index: 1;}
.wdt-listings-item-wrapper.type1.swiper-slide:hover .wdt-listings-item-top-section .wdt-listings-feature-image-holder::before{opacity: 1;}

.wdt-listings-item-container.swiper-wrapper .wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content .wdt-listings-group-button-hover-icon { display: flex; }
.wdt-listings-item-container.swiper-wrapper .wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content > .wdt-listings-taxonomy-container { display: block; }

.wdt-listings-item-container.swiper-wrapper .wdt-listings-item-wrapper.type1:hover .wdt-listings-item-top-section .wdt-listing-view-details { transform: scaleY(1.0527); -webkit-transform: scaleY(1.0527); }


/** @Type 2 */

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-top-section-content { display: block;
  position: relative; float: left; width: 100%; padding: 20px 0 0; }

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings--title,
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-top-section-content .wdt-listings-item-location span { 
    margin: 0 0; font-size: clamp(1.25rem, 1.1669rem + 0.2776vw, 1.5rem);/*24-20*/ font-weight: var(--wdtFontWeight_H5); }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-top-section-content .wdt-listings-item-location span {
    font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); }
.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-item-top-section .wdt-listings-item-title{display: flex; align-items: center;}
.wdt-listings-item-wrapper.type2 .wdt-listings-taxonomy-container li a { line-height: normal; padding: 0; font-size: 14px; }
.wdt-listings-item-wrapper.type2 .wdt-listings-taxonomy-container li a:before { display: none; }

.wdt-listings-item-wrapper.type2 .wdt-listings-taxonomy-container li a span:first-child:not(:only-child) { margin-right: 5px; }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-amenity-tag{
    position: absolute; z-index: 1; display: flex; right: 20px; top: 20px;
}

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-amenity-tag .wdt-listings-tag {
    background: rgba(var(--wdtHeadAltColorRgb), 0.6); padding: 4px 14px; border-radius: var(--wdtRadius_1X); box-shadow: unset; 
    color: var(--wdtAccentTxtColor); min-height: 34px; line-height: 1; display: inline-flex; align-items: center; font-size: var(--wdtFontSize_Ext);
    -webkit-transition: var(--wdtAltTransition); transition: var(--wdtAltTransition); backdrop-filter: blur(8px); }

.wdt-listings-item-wrapper.type2:hover .wdt-listings-item-top-section .wdt-listings-amenity-tag .wdt-listings-tag { 
    color: var(--wdtSecondaryColor); background-color: var(--wdtAccentTxtColor); }

.wdt-listings-item-wrapper.type2 .wdt-listings-item-image-gallery{position: relative; backface-visibility: hidden;}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-image-gallery .wdt-listings-group-button-hover-icon{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: fit-content;height: fit-content; z-index: 1; opacity: 0; transform: translateX(-30px); -webkit-transform: translateX(-30px); transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); }
.wdt-listings-item-wrapper.type2:hover .wdt-listings-item-image-gallery .wdt-listings-group-button-hover-icon { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }

.wdt-listings-item-wrapper.type2 .wdt-listings-item-image-gallery .wdt-listings-feature-image-holder{display: flex;position: relative; overflow: hidden; display: grid; border-radius: var(--wdtRadius_2X);}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-top-section-content .wdt-listings-taxonomy-container {display: none;}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-top-section-content{display: flex; align-items: center;    flex-wrap: wrap;} 

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-image-gallery::before { 
    content: ''; position: absolute; right: 0;left: 0;bottom: 0;top: 0; width: 100%;height: 100%; 
    background-color: rgb(var(--wdtAccentTxtColorRgb), .7); border-radius: var(--wdtRadius_2X); opacity: 0.15; transition: var(--wdt-Ad-Transition); z-index: 1; }

.wdt-listings-item-wrapper.type2:hover .wdt-listings-item-top-section .wdt-listings-item-image-gallery::before {opacity: 1; background-color: rgb(var(--wdtSecondaryColorRgb), .7); }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-top-section-content .wdt-listings-item-location span i{ display: none;}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-top-section-content .wdt-listings-item-title::after{content: '';margin:0 10px; width: 6px; height: 2px; background-color: var(--wdtSecondaryColor);}
.wdt-dark-bg .wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-top-section-content .wdt-listings-item-title::after{    background-color: var(--wdtAccentTxtColor);}
.wdt-listings-item-wrapper.type3 { position: relative; border: none; background: transparent; }

.wdt-listings-item-wrapper.type3 .wdt-listings-item-hover-section { z-index: 1; position: absolute; top: 0; left: 0; white-space: nowrap; padding: 1rem; background: transparent; font-weight: 400; margin-top: -4rem; margin-left: 0;width: auto; float: none; pointer-events: none; }

.wdt-listings-item-wrapper.type3:hover .wdt-listings-item-hover-section { opacity: 1; }

.wdt-listings-item-wrapper.type3 .wdt-listings-taxonomy-container li a span { font-size: 0.8rem; padding: 0px; }
.wdt-listings-item-wrapper.type3 .wdt-listings-taxonomy-container li a span:before,
.wdt-listings-item-wrapper.type3 .wdt-listings-taxonomy-container li a span:after { display: none; }

.wdt-listings-item-wrapper.type3 .wdt-listings-taxonomy-container li a:hover span { color: inherit; }
.wdt-listings-item-wrapper.type3 .wdt-listings-taxonomy-container li a:before { display: none; }
.wdt-listings-item-wrapper.type3 .wdt-listings-taxonomy-container li a:hover { box-shadow: none !important; }

.wdt-listings-item-wrapper ul li:not(:first-child) { display: none; }


.wdt-listings-item-wrapper.type3 .wdt-listings-taxonomy-container li a { color: #000000; background-color: transparent; }


/** @CSS Media Queries */

@media (min-width:768px) {
   .wdt-listings-container .wdt-listings-item-container .wdt-column:has(.wdt-listings-item-wrapper.type2):nth-child(3){
        padding-top: clamp(5rem, 3.3333rem + 3.4722vw, 7.5rem);/*120-80*/
    } 
}

@media (min-width: 1025px) {
    .wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section-content .wdt-listings-item-title {
        transform: translateX(30px); -webkit-transform: translateX(30px); opacity: 0;
        transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition);
    }
    .wdt-listings-item-wrapper.type1:hover .wdt-listings-item-top-section-content .wdt-listings-item-title {
        transform: translateX(0); -webkit-transform: translateX(0); opacity: 1;
    }
    .wdt-listings-item-wrapper.type1:not(.swiper-slide) .wdt-listings-item-top-section-content .wdt-listings-item-title {
        transform: translateX(0); -webkit-transform: translateX(0); opacity: 1;
    }
}

@media (max-width: 1024px) {
    .wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content:before { opacity: 1; }
}
@media (max-width: 767px) {
    .wdt-listings-item-wrapper.type1:not(.swiper-slide) .wdt-listings-item-top-section {
    place-items: center;
    align-items: center;
}
}
@media (max-width: 479px) {
    .wdt-listings-item-container.swiper-wrapper .wdt-listings-item-wrapper .wdt-listings-item-top-section .wdt-listings-feature-image-holder img {
        aspect-ratio: 10 / 12;
    }
}
