/** @Common CSS for listing */

.wdt-listings-item-container:not(.swiper-wrapper) { width: auto; margin: -15px; }
.wdt-listings-item-container:not(.swiper-wrapper) .wdt-listings-item-wrapper { padding: 15px; }
.wdt-listings-item-apply-isotope .wdt-listings-item-container:not(.swiper-wrapper) .wdt-listings-item-wrapper { padding: 0px; }

.wdt-listings-container.wdt-listings-item-apply-isotope { overflow: hidden; }

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

.wdt-listings-item-wrapper .wdt-listings-item-top-section .wdt-listings-feature-image-holder img { 
    display: block; height: 100%; width: 100%; object-fit: cover; object-position: center center; 
    transform: scale(1); -webkit-transform: scale(1); transform-origin: center;
    transition: var(--wdt-Ad-Transition); -webkit-transition: var(--wdt-Ad-Transition); 
}

.wdt-listings-item-wrapper .wdt-listings-item-top-section:hover .wdt-listings-feature-image-holder img { scale: 1.05; }


/** @Type 1 */

.wdt-listings-item-container:not(.swiper-wrapper):has(> .wdt-listings-item-wrapper.type1),
.wdt-listings-item-container:not(.swiper-wrapper):has(> .wdt-column .wdt-listings-item-wrapper.type1) { width: auto; 
    margin: calc(-1 * clamp(0.75rem, 0.2019rem + 2.4359vw, 3.125rem)) calc(-1 * clamp(0.75rem, -0.6635rem + 6.2821vw, 6.875rem)); }
.wdt-listings-item-container:not(.swiper-wrapper) > .wdt-listings-item-wrapper.type1,
.wdt-listings-item-container:not(.swiper-wrapper) .wdt-column:has(> .wdt-listings-item-wrapper.type1) { 
    padding: clamp(0.75rem, 0.2019rem + 2.4359vw, 3.125rem) clamp(0.75rem, -0.6635rem + 6.2821vw, 6.875rem); }

div[class*="-apply-isotope"] .wdt-column .wdt-listings-item-wrapper.type1 { padding: 0px; }

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-image-gallery { overflow: hidden; 
    border-radius: var(--wdtRadius_2X); -webkit-border-radius: var(--wdtRadius_2X); }

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

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-post-datetime-holder { font-size: var(--wdt-Ad-font-size); }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings--title { margin: 0px;
    font-size: clamp(1.25rem, 1.1385rem + 0.5096vw, 1.75rem); font-weight: var(--wdtFontWeight_Base); }
.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 > div:not(:last-child) { margin: 0 0 clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem); }

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content { display: flex; gap: 20px; align-items: center; 
    justify-content: space-between; }

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listing-view-details {
    background-color: transparent;
    color: var(--wdtSecondaryColor);
    fill: var(--wdtSecondaryColor);
    font-size: clamp(0.875rem, 0.8334rem + 0.1388vw, 1rem);
    padding: 0;
    width: clamp(2.5rem, 2.2922rem + 0.694vw, 3.125rem);
    height: clamp(2.5rem, 2.2922rem + 0.694vw, 3.125rem);
    -webkit-border-radius: var(--wdtRadius_Full);
    border-radius: var(--wdtRadius_Full);
    border-color: var(--wdtSecondaryColor);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    rotate: 0deg;
}

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listing-view-details:hover {
    background-color: var(--wdtSecondaryColor);
    color: var(--wdtAccentTxtColor);
    border-color: var(--wdtSecondaryColor);
    rotate: -45deg;
}

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content .wdt-listings-title-wrapper .wdt-listings-taxonomy-container { 
    margin-bottom: 15px; display: inline-flex; align-items: flex-start; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content .wdt-listings-title-wrapper .wdt-listings-taxonomy-container::before { 
    content: "";
    position: relative;
    width: 1em;
    height: 1em;
    background-color: var(--wdtPrimaryColor);
    margin-right: 7px;
    font-size: 6px;
    border-radius: var(--wdtRadius_Full);
    aspect-ratio: 1;
    top: 5px;
}



@media screen and (min-width: 1280px) {
    .wdt-listings-item-container:not(.swiper-wrapper) .wdt-column:nth-child(3) .wdt-listings-item-wrapper.type1 { 
        margin-top: clamp(0rem, -0.8654rem + 3.8462vw, 3.75rem); }
    
}



/** @Type 2 */

.wdt-listings-item-wrapper.type2 { border: none; padding: 30px; position: relative; }
.wdt-listings-item-wrapper.type2:not(.swiper-slide):hover .wdt-listings-item-top-section,
.wdt-listings-item-wrapper.type2.wdt-active .wdt-listings-item-top-section,
.wdt-listings-item-wrapper.type2.swiper-slide-active .wdt-listings-item-top-section { background-color: var(--wdtTertiaryColor); -webkit-box-shadow: none; box-shadow: none; }

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-item-image-gallery {
    overflow: hidden; border-radius: var(--wdtRadius_2X); -webkit-border-radius: var(--wdtRadius_2X); }

.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: clamp(1.875rem, 1.5865rem + 1.2821vw, 3.125rem) 0 0; }

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings--title { margin: 0px; color: var(--wdtHeadAltColor); font-size: clamp(1.5rem, 1.3328rem + 0.7643vw, 2.25rem) /*36px - 24px*/; }
.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-dark-bg .wdt-listings-item-wrapper.type2.wdt-active .wdt-listings-item-top-section .wdt-listings--title a,
.wdt-dark-bg .wdt-listings-item-wrapper.type2.wdt-active .wdt-listings-taxonomy-container li a,
.wdt-dark-bg .wdt-listings-item-wrapper.type2.swiper-slide-active .wdt-listings-item-top-section .wdt-listings--title a,
.wdt-dark-bg .wdt-listings-item-wrapper.type2.swiper-slide-active .wdt-listings-taxonomy-container li a { color: var(--wdtAccentTxtColor);}
.wdt-dark-bg .wdt-listings-item-wrapper.type2.swiper-slide-active .wdt-listings-item-top-section .wdt-listings--title a:hover,
.wdt-dark-bg .wdt-listings-item-wrapper.type2.swiper-slide-active .wdt-listings-taxonomy-container li a:hover,
.wdt-dark-bg .wdt-listings-item-wrapper.type2.wdt-active .wdt-listings-item-top-section .wdt-listings--title a:hover,
.wdt-dark-bg .wdt-listings-item-wrapper.type2.wdt-active .wdt-listings-taxonomy-container li a:hover { color: rgb(var(--wdtAccentTxtColorRgb), .6); }

.wdt-listings-item-wrapper.type2 .wdt-listings-taxonomy-container li a { line-height: normal; padding: 0; font-size: clamp(1rem, 0.9721rem + 0.1274vw, 1.125rem) /*18px - 20px*/; color: var(--wdtBodyTxtColor); }
.wdt-listings-item-wrapper.type2 .wdt-listings-taxonomy-container li a:hover { color: var(--wdtLinkHoverColor); }
.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-item-top-section-content > div:not(:last-child) { margin-bottom: 12px; }


.wdt-listings-item-wrapper.type2:not(.has-post-thumbnail) .wdt-listings-item-top-section { padding-top: 40px; }
.wdt-listings-item-wrapper.type2:not(.has-post-thumbnail) .wdt-listings-taxonomy-container { position: static; padding: 10px 30px 0; }
.wdt-listings-item-wrapper.type2:not(.has-post-thumbnail) .wdt-listings-item-bottom-section-content { padding-top: 20px; padding-bottom: 50px; }
.wdt-listings-item-wrapper.type2:not(.has-post-thumbnail) .wdt-listings-item-top-section div.wdt-listings-item-ad-section { right: 30px; }

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-featured-item-container,
.wdt-listings-item-wrapper.type2:hover .wdt-listings-item-top-section .wdt-listings-featured-item-container {
    left: 0; top: 0; right: auto; background: none; font-size: 0; padding: 0; position: absolute; }

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-featured-item-container a,
.wdt-listings-item-wrapper.type2:hover .wdt-listings-item-top-section .wdt-listings-featured-item-container a { background: none; }

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-featured-item-container a {
    display: flex; position: absolute; justify-content: flex-end; right: 0; top: 5px; opacity: 1; }

.wdt-listings-item-wrapper.type2 .wdt-listings-item-top-section .wdt-listings-featured-item-container span {
    font-size: 14px; color: #ffffff; background-color: #000000; padding: 5px 7px; }

.wdt-listings-item-wrapper.type2:hover .wdt-listings-item-top-section .wdt-listings-featured-item-container a { opacity: 0; }

.wdt-listings-item-wrapper.type2:hover .wdt-listings-item-top-section .wdt-listings-featured-item-container a:after { color: #fff; }




.wdt-listings-item-wrapper.type2 .wdt-listings-hover-image-icon { width: 30px; height: 30px; display: block; 
    position: absolute; top: 30px; right: 30px; background: transparent; z-index: 4; opacity: 0; visibility: hidden; 
    cursor: pointer; transition: .3s cubic-bezier(0.4, 0, 1, 1); -webkit-transition: .3s cubic-bezier(0.4, 0, 1, 1); }

.wdt-listings-item-wrapper.type2:hover .wdt-listings-hover-image-icon { opacity: 1; visibility: visible; cursor: pointer; }

.wdt-listings-hover-image-icon .wdt-icon {
    width: 30px; height: 30px; fill: var(--wdtAccentTxtColor); cursor: pointer; transform: scale(.8); -webkit-transform: scale(.8); }

.wdt-listings-hover-image-icon:hover .wdt-icon { transform: scale(.8) rotate(90deg); 
    -webkit-transform: scale(.8) rotate(90deg); fill: var(--wdtLinkHoverColor); }

.wdt-listings-item-wrapper.type2 .wdt-listings-hover-image-icon svg {
    transform: scale(.8); -webkit-transform: scale(.8); transition: .3s cubic-bezier(0, 0, 0.2, 1); 
    -webkit-transition: .3s cubic-bezier(0, 0, 0.2, 1); }

.wdt-listings-item-wrapper.type2 .wdt-listings-hover-image-icon:hover svg {
    transform: scale(.8) rotate(90deg); -webkit-transform: scale(.8) rotate(90deg); }

.wdt-listing-output-data-container .wdt-listing-output-data-holder[data-type="type2"] + .wdt-swiper-pagination-holder .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { opacity:0.1; }



    

/** 
    @Type 3 
*/

.wdt-listings-item-wrapper.type3 { position: relative; border: none; background: transparent; }

.wdt-listings-item-wrapper.type3 > div:not(:last-child) { margin-bottom: clamp(0.9375rem, 0.7212rem + 0.9615vw, 1.875rem); }

.wdt-listings-item-container:not(.swiper-wrapper):has(> .wdt-listings-item-wrapper.type3),
.wdt-listings-item-container:not(.swiper-wrapper):has(> .wdt-column .wdt-listings-item-wrapper.type3) { width: auto; 
    margin: calc(-1 * clamp(0.75rem, 0.2019rem + 2.4359vw, 3.125rem)); }
.wdt-listings-item-container:not(.swiper-wrapper) > .wdt-listings-item-wrapper.type3,
.wdt-listings-item-container:not(.swiper-wrapper) .wdt-column:has(> .wdt-listings-item-wrapper.type3) { 
    padding: clamp(0.75rem, 0.2019rem + 2.4359vw, 3.125rem) ; }

.wdt-listings-item-wrapper.type3 .wdt-listings-item-hover-section > *:not(:last-child) { margin-bottom: 10px; }
.wdt-listings-item-wrapper.type3 .wdt-listings-item-date { font-size: var(--wdt-Ad-font-size); opacity: 0.75; }

.wdt-listings-item-wrapper.type3 .wdt-listings--title { margin: 0px; }

.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section { position: relative; overflow: hidden; 
    border-radius: var(--wdtRadius_3X); -webkit-border-radius: var(--wdtRadius_3X); }
.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings-group-button-hover-icon { 
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings-feature-image-holder { position: relative; will-change: transform; }
.wdt-listings-item-wrapper.type3 .wdt-listings-item-top-section .wdt-listings-feature-image-holder:before { content: ""; position: absolute;
    display: block; width: 100%; height: 100%; top: 0; left: 0; background: var(--wdtPrimaryColor); opacity: 0; transition: var(--wdt-Ad-Transition); 
    -webkit-transition: var(--wdt-Ad-Transition); z-index: 1; pointer-events: none; }

.wdt-listings-item-wrapper.type3:hover .wdt-listings-item-top-section .wdt-listings-feature-image-holder:before { opacity: 0.5; }

.wdt-listings-item-wrapper.type3 a.custom-button-style { margin-right: 0; font-size: clamp(0.875rem, 0.8462rem + 0.1282vw, 1rem); 
    font-weight: 500; padding: 10px; line-height: 1; display: flex; justify-content: center; 
    background-color: var(--wdtAccentTxtColor); color: var(--wdtPrimaryColor);
    align-items: center; width: clamp(2.5rem, 2.3607rem + 0.6369vw, 3.125rem); /*50px 40px*/ height: clamp(2.5rem, 2.3607rem + 0.6369vw, 3.125rem); /*50px 40px*/ 
    transform: translateY(10px) rotate(45deg); opacity: 0; scale: 1; }

.wdt-listings-item-wrapper.type3:hover a.custom-button-style { opacity: 1; transform: translateY(0px) rotate(45deg); }
.wdt-listings-item-wrapper.type3 a.custom-button-style:hover { transform: rotate(0deg); }


@media (max-width: 1540px) {
    .wdt-listings-item-wrapper.type2 { padding: 20px; }
}
@media (max-width: 1280px) {
    .wdt-listings-item-wrapper.type2 { padding: 15px; }
}
@media (max-width: 767px) {
    .wdt-listings-item-wrapper.type2 { padding: 10px; }
}
@media (max-width: 479px) {
    .wdt-listings-item-wrapper.type2 { padding: 0px; }
}