/** 
    @Common CSS for listing
*/

.wdt-listings-item-container:not(.swiper-wrapper) { width: auto; margin: -10px; }
.wdt-listings-item-wrapper .wdt-listings-item-top-section .wdt-listings--title { letter-spacing: -1px;  font-size: clamp(1.5rem, 1.2922rem + 0.694vw, 2.125rem);/* 24 - 34 */ transition: var(--wdtBaseTransition); margin: 0px;font-weight: var(--wdtFontWeight_Alt); text-transform: uppercase;}
.wdt-dark-bg .wdt-listings-item-wrapper .wdt-listings-item-top-section .wdt-listings-item-title a:hover .wdt-listings--title{color: Rgb(var(--wdtAccentTxtColorRgb),0.7);}
.wdt-listings-item-wrapper .wdt-listings-item-top-section .wdt-listings-item-title a:hover .wdt-listings--title{color: Rgb(var(--wdtHeadAltColorRgb),0.7);}
/** 
    @Type 1 
*/

.wdt-listings-item-wrapper.type1 { border: none; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section { position: relative; overflow: hidden; display: grid; }

.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 > div img {width: 100%;height: 100%; object-fit: cover;    transform: scale(1);
    transition: var(--wdtBaseTransition);}
.wdt-listings-item-wrapper.type1:hover .wdt-listings-item-top-section > div img { transform: scale(1.05)}
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content {
    display: inline-flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    padding: 50px clamp(1.25rem, 1.0422rem + 0.694vw, 1.875rem) 30px;
    position: relative;
    background-image: linear-gradient( to top ,  rgb(var(--wdtHeadAltColorRgb),0.8) 50% , transparent 100%);
    transition: var(--wdtBaseTransition);
    opacity: 0;
}

.wdt-listings-item-wrapper.type1:hover .wdt-listings-item-top-section .wdt-listings-item-top-section-content,
.wdt-listings-item-wrapper.type1:hover ul.wdt-contact-details{opacity: 1;transform: translateY(0px); }

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings--title { position: relative; transform: translateY(100px);text-align: center; text-align: start; transition: var(--wdtBaseTransition);}
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-title a:hover .wdt-listings--title{color: Rgb(var(--wdtAccentTxtColorRgb),0.5);}
.wdt-listings-item-wrapper.type1 ul.wdt-contact-details{transform: translateY(100px); transition: var(--wdtBaseTransition);}
.wdt-listings-item-wrapper.type1:hover .wdt-listings-item-top-section .wdt-listings--title{transition-delay: 100ms;transform: translateY(0px);}
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listing-view-details { display: inline-block; margin: 0px; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section-content a.wdt-listings-item-content-wrapper { color: inherit; text-decoration: none; }

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-feature-image-holder { display: block; height: 100%; }

.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; scale: 1; transition: var(--wdtBaseTransition); }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section:hover .wdt-listings-feature-image-holder img { scale: 1.1; }

.wdt-listings-item-wrapper.type1 ul.wdt-listings-contactdetails-list li{color: var(--wdtAccentTxtColor);}



/* Type-2 */
.wdt-listings-item-wrapper.type2 .wdt-listings-item-image-gallery{height: clamp(21.875rem, 18.7587rem + 10.4094vw, 31.25rem);/* 350 - 500 */ overflow: hidden;}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings--title{line-height: normal;}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-image-gallery .wdt-listings-feature-image-holder {height: 100%; position: relative;}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-image-gallery .wdt-listings-feature-image-holder a{display: flex; height: 100%; width: 100%;}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-image-gallery img{height: 100%; width: 100%; object-fit: cover;object-position: center center; transform: scale(1);
    transition: var(--wdtBaseTransition);}
.wdt-listings-item-wrapper.type2:hover .wdt-listings-item-image-gallery img{ transform: scale(1.05)}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section{overflow: hidden;}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-top-section-content{
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
   gap: 20px;
   z-index: 3;
   margin-top: 30px;
}

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-top-section-content .wdt-listings-item-read-more{text-align: end; padding: 30px;}
.wdt-listings-item-wrapper ul.wdt-listings-contactdetails-list li span::before{display: none;}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-read-more a{
    height: 50px;
    width: 50px;
    display: inline-flex;
    border-radius: var(--wdtRadius_Full);
    align-items: center;
    justify-content: center;
    background-color: var(--wdtPrimaryColor);
    color: var(--wdtAccentTxtColor);
    font-size: var(--wdtFontSize_H6);
    transition: var(--wdtBaseTransition);
    box-shadow: 0px 0px 10px var(--wdtHeadAltColor);
}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-read-more a:hover{background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor);}
.wdt-listings-item-wrapper.type2:hover .wdt-listings-item-read-more a{transform: rotate(-45deg);}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-content-wrapper .wdt-listings-item-features .wdt-listings-item-feature{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 20px;
    padding-top: 20px;
    color: var(--wdtAccentTxtColor);
}
.wdt-listings-item-wrapper.type2 ul{margin-bottom: 0px;}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section-content .wdt-listings-item-content-wrapper{ margin-top: 30px; }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section-content a.wdt-listings-item-content-wrapper{ color: inherit; text-decoration: none; }
.wdt-listings-item-wrapper.type2:hover .wdt-listings-item-top-section-content .wdt-listings-item-content-wrapper{background-color: transparent;}
.wdt-listings-item-wrapper.type2:hover .wdt-listings-item-top-section-content .wdt-listings-item-content-wrapper{margin-bottom: 0;}
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings--title{font-size: clamp(1.25rem, 1.0422rem + 0.694vw, 1.875rem);}
.wdt-listings-item-wrapper ul.wdt-contact-details li{ line-height: 1; display: flex;}
.wdt-listing-output-data-holder:has( .wdt-listings-item-wrapper.type2) ~ .wdt-swiper-pagination-holder{position: absolute;
    right: 0;
    left: 0;
    top: -130px;
    max-width: 1320px;
    padding: 0 30px;
    margin: auto;
    display: flex;
    align-items: end;
    justify-content: end;
}

@media(max-width:1540px) {.wdt-listing-output-data-holder:has( .wdt-listings-item-wrapper.type2) ~ .wdt-swiper-pagination-holder{max-width: 1300px;}}
@media(max-width:1280px) {.wdt-listing-output-data-holder:has( .wdt-listings-item-wrapper.type2) ~ .wdt-swiper-pagination-holder{max-width: 1100px;}}
@media(max-width:1024px) {.wdt-listing-output-data-holder:has( .wdt-listings-item-wrapper.type2) ~ .wdt-swiper-pagination-holder{position: relative;
    top: 0px;
    max-width: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    margin: clamp(1.875rem, 1.4595rem + 1.3879vw, 3.125rem) 0 auto;
}
}

/** 
    @Type 3 
*/

.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; /*opacity: 0; box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.15); */
    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.type3 .wdt-listings-taxonomy-container li a { color: #000000; background-color: transparent; }


/** 
    @CSS Media Queries
*/

@media (min-width: 768px) {

    .wdt-listings-item-wrapper.type3 .wdt-listings-item-title { -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition);
        margin: 0 0 6px 0; padding: 10px 15px 12px;background-color: #fff; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }
    .wdt-listings-item-wrapper.type3 .wdt-listings-taxonomy-container { -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition);
        margin: 0; padding: 10px 15px 12px; background-color: #fff; width: fit-content; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }

    .wdt-listings-item-wrapper.type3:hover .wdt-listings-item-title { -webkit-clip-path: inset(0 0% 0 0); clip-path: inset(0 0% 0 0); }
    .wdt-listings-item-wrapper.type3:hover .wdt-listings-taxonomy-container { -webkit-clip-path: inset(0 0% 0 0); clip-path: inset(0 0% 0 0); }

}

@media (max-width: 767px) {

    .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; }
    .wdt-listings-item-wrapper.type3 { margin-bottom: 24px;}

}