/** 
    @Common CSS for listing
*/

.wdt-listings-item-container:not(.swiper-wrapper) { width: auto; margin: -50px; }


/** 
    @Type 1 
*/

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section > div:not(:last-child) { margin-bottom: 30px; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content > div:not(:last-child) { margin-bottom: 8px; }

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section { display: grid; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-media-group { display: grid; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-media-group > div { grid-area: 1 / 1; }

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-media-group .wdt-listings-group-button-hover-icon { width: fit-content; justify-self: center; align-self: center; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section a.custom-button-style { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; background-color: rgba(var(--wdtBorderColorRgb),0.6); background-image: none; color: var(--wdtPrimaryColor);  font-size: var(--wdtFontSize_Base); font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Base); line-height: var(--wdtLineHeight_Alt); text-transform: capitalize;  margin: 0; border: none; padding: 15px; width: clamp(6.875rem, 6.125rem + 3.75vw, 10.625rem); /* 170 - 110 */ height: clamp(6.875rem, 6.125rem + 3.75vw, 10.625rem); /* 170 - 110 */ border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); opacity: 0; transform: translateX(50px); -webkit-transform: translateX(50px); transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); box-shadow: none; -webkit-box-shadow: none; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section a.custom-button-style::after { content: ''; display: block; width: 2.25em; height: 1.65em; background-color: currentColor; margin-top: 10px; mask-position: center center; mask-repeat: no-repeat; mask-size: contain; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 61'%3E%3Cpath d='M54.34714.3,54.2448.40562V10.72271l.10234.1056H64.67608l.10568-.1056V.40563L64.67608.3Z'/%3E%3Cpath d='M66.82585,12.76707l-.10235.1056V23.19326l.10235.1022H77.15478l.10569-.1022V12.87267l-.10569-.1056Z'/%3E%3Cpath d='M89.63157,25.23751H79.306l-.10567.10221V35.6602l.10567.1057H89.63157l.10568-.1057V25.33972Z'/%3E%3Cpath d='M66.82585,37.70466l-.10235.1022V48.12735l.10235.1056H77.15478l.10569-.1056V37.80686l-.10569-.1022Z'/%3E%3Cpath d='M54.34714,50.1716l-.10234.1057V60.5944l.10234.1056H64.67608l.10568-.1056V50.2773l-.10568-.1057Z'/%3E%3Cpath d='M53.69956,25.23751H.80427l-.54152.10221V35.6602l.54152.1057H53.69956l.5415-.1057V25.33972Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 61'%3E%3Cpath d='M54.34714.3,54.2448.40562V10.72271l.10234.1056H64.67608l.10568-.1056V.40563L64.67608.3Z'/%3E%3Cpath d='M66.82585,12.76707l-.10235.1056V23.19326l.10235.1022H77.15478l.10569-.1022V12.87267l-.10569-.1056Z'/%3E%3Cpath d='M89.63157,25.23751H79.306l-.10567.10221V35.6602l.10567.1057H89.63157l.10568-.1057V25.33972Z'/%3E%3Cpath d='M66.82585,37.70466l-.10235.1022V48.12735l.10235.1056H77.15478l.10569-.1056V37.80686l-.10569-.1022Z'/%3E%3Cpath d='M54.34714,50.1716l-.10234.1057V60.5944l.10234.1056H64.67608l.10568-.1056V50.2773l-.10568-.1057Z'/%3E%3Cpath d='M53.69956,25.23751H.80427l-.54152.10221V35.6602l.54152.1057H53.69956l.5415-.1057V25.33972Z'/%3E%3C/svg%3E"); }

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings--title { font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem); /* 20 - 18 */ font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); line-height: var(--wdtLineHeight_Alt); text-transform: capitalize; margin: 0; }

.wdt-listings-item-wrapper.type1:hover .wdt-listings-item-top-section a.custom-button-style { opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px); }



/** 
    @Type 2 
*/

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-top-section-content > div:not(:last-child) { margin-bottom: 8px; }

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section { display: grid; padding: 2px; }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-media-group { display: grid; }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-media-group > div { grid-area: 1 / 1; }

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-media-group .wdt-listings-group-button-hover-icon { width: fit-content; justify-self: center; align-self: center; }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section a.custom-button-style { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; background-color: rgba(var(--wdtBorderColorRgb),0.6); background-image: none; color: var(--wdtPrimaryColor);  font-size: var(--wdtFontSize_Base); font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Base); line-height: var(--wdtLineHeight_Alt); text-transform: capitalize;  margin: 0; border: none; padding: 15px; width: clamp(6.875rem, 6.125rem + 3.75vw, 10.625rem); /* 170 - 110 */ height: clamp(6.875rem, 6.125rem + 3.75vw, 10.625rem); /* 170 - 110 */ border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); opacity: 0; transform: translateX(50px); -webkit-transform: translateX(50px); transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); box-shadow: none; -webkit-box-shadow: none; }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section a.custom-button-style::after { content: ''; display: block; width: 2.25em; height: 1.65em; background-color: currentColor; margin-top: 10px; mask-position: center center; mask-repeat: no-repeat; mask-size: contain; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 61'%3E%3Cpath d='M54.34714.3,54.2448.40562V10.72271l.10234.1056H64.67608l.10568-.1056V.40563L64.67608.3Z'/%3E%3Cpath d='M66.82585,12.76707l-.10235.1056V23.19326l.10235.1022H77.15478l.10569-.1022V12.87267l-.10569-.1056Z'/%3E%3Cpath d='M89.63157,25.23751H79.306l-.10567.10221V35.6602l.10567.1057H89.63157l.10568-.1057V25.33972Z'/%3E%3Cpath d='M66.82585,37.70466l-.10235.1022V48.12735l.10235.1056H77.15478l.10569-.1056V37.80686l-.10569-.1022Z'/%3E%3Cpath d='M54.34714,50.1716l-.10234.1057V60.5944l.10234.1056H64.67608l.10568-.1056V50.2773l-.10568-.1057Z'/%3E%3Cpath d='M53.69956,25.23751H.80427l-.54152.10221V35.6602l.54152.1057H53.69956l.5415-.1057V25.33972Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 61'%3E%3Cpath d='M54.34714.3,54.2448.40562V10.72271l.10234.1056H64.67608l.10568-.1056V.40563L64.67608.3Z'/%3E%3Cpath d='M66.82585,12.76707l-.10235.1056V23.19326l.10235.1022H77.15478l.10569-.1022V12.87267l-.10569-.1056Z'/%3E%3Cpath d='M89.63157,25.23751H79.306l-.10567.10221V35.6602l.10567.1057H89.63157l.10568-.1057V25.33972Z'/%3E%3Cpath d='M66.82585,37.70466l-.10235.1022V48.12735l.10235.1056H77.15478l.10569-.1056V37.80686l-.10569-.1022Z'/%3E%3Cpath d='M54.34714,50.1716l-.10234.1057V60.5944l.10234.1056H64.67608l.10568-.1056V50.2773l-.10568-.1057Z'/%3E%3Cpath d='M53.69956,25.23751H.80427l-.54152.10221V35.6602l.54152.1057H53.69956l.5415-.1057V25.33972Z'/%3E%3C/svg%3E"); }
.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section a.custom-button-style:hover { background-color: rgba(var(--wdtBorderColorRgb),0.85); }

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-top-section-content { padding: clamp(1.125rem, 1rem + 0.625vw, 1.75rem) clamp(1.25rem, 1rem + 1.25vw, 2.5rem); /* 28 - 18 */ /* 40 - 20 */ background-color: var(--wdtSecondaryColor); border: 1px solid var(--wdtSecondaryColor); transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); }

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings--title { font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); /* Min-20 & Max-24 */ font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Base); line-height: var(--wdtLineHeight_Alt); text-transform: capitalize; margin: 0; }

.wdt-listings-item-wrapper.type2:hover .wdt-listings-item-top-section a.custom-button-style { opacity: 1; transform: translateX(0px); -webkit-transform: translateX(0px); }
.wdt-listings-item-wrapper.type2:hover .wdt-listings-item-top-section .wdt-listings-item-top-section-content { background-color: transparent; border-color: var(--wdtBorderColor); }




/** 
    @Type 3 
*/

.wdt-listings-item-container:not(.swiper-wrapper):has(.wdt-listings-item-wrapper.type3) { margin: 0 !important; }
div[class*="-apply-isotope"] .wdt-column:has(.wdt-listings-item-wrapper.type3) { padding: 0 !important; }

.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section { display: grid; align-items: end; }
.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section > div { grid-area: 1 / 1; }

.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings-item-image-gallery { position: relative; z-index: 0; }
.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings-item-image-gallery::before { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(var(--wdtSecondaryColorRgb),0), rgba(var(--wdtSecondaryColorRgb),1)); z-index: 1; }
.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings-item-image-gallery,
.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings-feature-image-holder,
.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings-item-image-gallery img { height: 100vh; min-height: 400px; width: 100%; object-fit: cover; object-position: center center; }

.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings-item-top-section-content { display: flex; flex-direction: column; padding: clamp(3.75rem, 3rem + 3.75vw, 7.5rem) clamp(1.875rem, 1.25rem + 3.125vw, 5rem); /* 120 - 60 */ /* 80 - 30 */ z-index: 1; }

.wdt-listings-item-wrapper.type3 .wdt-listings-taxonomy-container li a { font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Ext); font-size: var(--wdtFontSize_Base); color: var(--wdtHeadAltColor); }

.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings--title { font-size: clamp(1.5rem, 1.4rem + 0.5vw, 2rem); /* Min-24 & Max-32 */ margin: 5px 0 0; }

.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section a.custom-button-style { font-size: 0; color: var(--wdtHeadAltColor); background: transparent; position: relative; padding: 0; margin: clamp(1.875rem, 1.625rem + 1.25vw, 3.125rem) 0 0; /* 50 - 30 */ width: fit-content; box-shadow: none; -webkit-box-shadow: none; }
.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section a.custom-button-style::before { content: ''; display: flex; align-items: center; justify-content: center; font-size: 66px; width: 1em; height: 0.65em; background: currentColor; mask-position: center center; mask-repeat: no-repeat; mask-size: contain; -webkit-mask-position: center center; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 61'%3E%3Cpath d='M54.34714.3,54.2448.40562V10.72271l.10234.1056H64.67608l.10568-.1056V.40563L64.67608.3Z'/%3E%3Cpath d='M66.82585,12.76707l-.10235.1056V23.19326l.10235.1022H77.15478l.10569-.1022V12.87267l-.10569-.1056Z'/%3E%3Cpath d='M89.63157,25.23751H79.306l-.10567.10221V35.6602l.10567.1057H89.63157l.10568-.1057V25.33972Z'/%3E%3Cpath d='M66.82585,37.70466l-.10235.1022V48.12735l.10235.1056H77.15478l.10569-.1056V37.80686l-.10569-.1022Z'/%3E%3Cpath d='M54.34714,50.1716l-.10234.1057V60.5944l.10234.1056H64.67608l.10568-.1056V50.2773l-.10568-.1057Z'/%3E%3Cpath d='M53.69956,25.23751H.80427l-.54152.10221V35.6602l.54152.1057H53.69956l.5415-.1057V25.33972Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 61'%3E%3Cpath d='M54.34714.3,54.2448.40562V10.72271l.10234.1056H64.67608l.10568-.1056V.40563L64.67608.3Z'/%3E%3Cpath d='M66.82585,12.76707l-.10235.1056V23.19326l.10235.1022H77.15478l.10569-.1022V12.87267l-.10569-.1056Z'/%3E%3Cpath d='M89.63157,25.23751H79.306l-.10567.10221V35.6602l.10567.1057H89.63157l.10568-.1057V25.33972Z'/%3E%3Cpath d='M66.82585,37.70466l-.10235.1022V48.12735l.10235.1056H77.15478l.10569-.1056V37.80686l-.10569-.1022Z'/%3E%3Cpath d='M54.34714,50.1716l-.10234.1057V60.5944l.10234.1056H64.67608l.10568-.1056V50.2773l-.10568-.1057Z'/%3E%3Cpath d='M53.69956,25.23751H.80427l-.54152.10221V35.6602l.54152.1057H53.69956l.5415-.1057V25.33972Z'/%3E%3C/svg%3E"); }


@media only screen and (min-width:1025px) {

    .wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section-content .wdt-listings-taxonomy-container,
    .wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section-content .wdt-listings-item-title,
    .wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section-content .wdt-listings-group-button-hover-icon { opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); }

    .wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings-item-image-gallery::before { transform: scaleY(0); -webkit-transform: scaleY(0); transform-origin: bottom center; -webkit-transform-origin: bottom center; transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); transition-delay: 0.2s; -webkit-transition-delay: 0.2s; }

    .wdt-listings-item-wrapper.type3:hover .wdt-listings-item-top-section-content .wdt-listings-taxonomy-container,
    .wdt-listings-item-wrapper.type3:hover .wdt-listings-item-top-section-content .wdt-listings-item-title,
    .wdt-listings-item-wrapper.type3:hover .wdt-listings-item-top-section-content .wdt-listings-group-button-hover-icon { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }

    .wdt-listings-item-wrapper.type3:hover .wdt-listings-item-top-section-content .wdt-listings-taxonomy-container { transition-delay: 0.15s; -webkit-transition-delay: 0.15s; }
    .wdt-listings-item-wrapper.type3:hover .wdt-listings-item-top-section-content .wdt-listings-item-title { transition-delay: 0.2s; -webkit-transition-delay: 0.2s; }
    .wdt-listings-item-wrapper.type3:hover .wdt-listings-item-top-section-content .wdt-listings-group-button-hover-icon { transition-delay: 0.25s; -webkit-transition-delay: 0.25s; }

    .wdt-listings-item-wrapper.type3:hover .wdt-listings-item-top-section .wdt-listings-item-image-gallery::before { transform: scaleY(1); -webkit-transform: scaleY(1); transition-delay: 0s; -webkit-transition-delay: 0s; }
}
    
@media only screen and (max-width:1024px) {

    div[class*="-apply-isotope"] .wdt-column:has(.wdt-listings-item-wrapper.type3) { width: 100% !important; }
    
    .wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings-item-image-gallery,
    .wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings-feature-image-holder,
    .wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings-item-image-gallery img { max-height: 600px; }
}



/** 
    @CSS Media Queries
*/

@media only screen and (max-width:1540px) {

    .wdt-listings-item-container:not(.swiper-wrapper) { margin: -30px; }
}

@media only screen and (max-width:1024px) {

    .wdt-listings-item-container:not(.swiper-wrapper) { margin: -20px; }
}

@media only screen and (min-width: 768px) {
    


}

@media only screen and (max-width: 767px) {
    
    .wdt-listings-item-container:not(.swiper-wrapper) { margin: -20px; }

}