
/** 
    @Common CSS for listing
*/

div[class*='-output-data-container'] div[data-applyisotope*='true'] .wdt-one-column.wdt-column { padding: 15px; }
.wdt-listings-item-container:not(.swiper-wrapper) { width: auto; margin: -15px; }

.wdt-listings-item-wrapper .wdt-listings-item-top-section .wdt-listings-feature-image-holder img {     
    height: 100%; object-fit: cover; min-height: 530px; max-height: 530px; object-position: center; 
    transform: scale(1.05) rotate(.5deg); transform-origin: 90% 50%; 
    -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) rotate(0deg); filter: brightness(1.05); -webkit-filter: brightness(1.05); }


/** 
    @Type 1 
*/

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section { display: flex; gap: clamp(1.25rem, 0.6679rem + 1.2142vw, 2.125rem); flex-flow: column nowrap; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-image-gallery {
    display: grid; align-items: center; justify-content: center; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-image-gallery > div { grid-area: 1/-1; }


.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-image-gallery a.custom-button-style {
    width: clamp(4.0625rem, 2.6073rem + 3.0356vw, 6.25rem); /* Min-65 & Max-100 */ height: clamp(4.0625rem, 2.6073rem + 3.0356vw, 6.25rem); /* Min-65 & Max-100 */ 
    margin: auto; padding: 0; border-radius: var(--wdtRadius_Full); display: flex; color: var(--wdtAccentTxtColor);
    font-size: clamp(1.375rem, 1.2434rem + 0.5263vw, 1.875rem); /* Min-22 & Max-30 */ align-items: center; justify-content: center;
    -webkit-transform: scale(0.75) rotate(-25deg); transform: scale(0.75) rotate(-25deg); opacity: 0; visibility: hidden;
    -webkit-transition: var(--wdt-Ad-Transition); transition: var(--wdt-Ad-Transition); }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-image-gallery a.custom-button-style > span { display: none; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-image-gallery a.custom-button-style > i { left: auto; right: auto; }

.wdt-listings-item-wrapper.type1:hover .wdt-listings-item-top-section .wdt-listings-item-image-gallery a.custom-button-style {
    -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; visibility: visible; }

.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content { display: grid; gap: 5px; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content > div .wdt-listings--title { 
    margin: 0; font-size: clamp(1.75rem, 1.6184rem + 0.5263vw, 2.25rem); /* Min-28 & Max-36 */ }
.post-type-archive .wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content > div .wdt-listings--title { 
    margin: 0; font-size: clamp(1.375rem, 1.2434rem + 0.5263vw, 1.875rem); /* Min-22 & Max-30 */ }


.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content > div.wdt-listings-taxonomy-container a {
    text-transform: uppercase; font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Ext); color: var(--wdtPrimaryColor); letter-spacing: .1em; }
.wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content > div.wdt-listings-taxonomy-container a:hover { color: var(--wdtSecondaryColor); }

/** 
    @Type 2 
*/

    

/** 
    @Type 3 
*/



/** 
    @CSS Media Queries
*/

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

    .wdt-listings-item-wrapper.type2 .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.type2:hover .wdt-listings-item-top-section-content .wdt-listings-item-title {
        transform: translateX(0); -webkit-transform: translateX(0); opacity: 1;
    }
}


@media (max-width: 1540px) {
   .wdt-listings-item-wrapper .wdt-listings-item-top-section .wdt-listings-feature-image-holder img { max-height: 450px; min-height: 450px;}
}
@media (max-width: 1280px) {
   .wdt-listings-item-wrapper .wdt-listings-item-top-section .wdt-listings-feature-image-holder img { max-height: 400px; min-height: 400px;}
}
@media only screen and (min-width:1025px) and (max-width:1280px) {
   .wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content > div.wdt-listings-item-excerpt { display: none; }
}


@media (max-width: 1024px){
    .wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-image-gallery{ width: 100%; }
    .wdt-listings-item-wrapper.type1 .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-item-top-section-content:before { opacity: 1; }
}

@media (max-width: 767px) {
    .wdt-listings-item-wrapper.type1:not(:last-child){margin-bottom: 20px;}
    .wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section,
    .wdt-listings-item-wrapper.type1:nth-child(even) .wdt-listings-item-top-section{gap: 20px; flex-direction: column;}    
    .wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-image-gallery,
    .wdt-listings-item-wrapper.type1 .wdt-listings-item-top-section .wdt-listings-item-top-section-content{ width: 100%; }
    .wdt-listings-item-wrapper .wdt-listings-item-top-section .wdt-listings-feature-image-holder img { max-height: 350px; min-height: 350px;}
    .wdt-listings-item-container:has(.type1) {margin: 0;}
}

@media (max-width: 479px){
    .wdt-listings-item-wrapper .wdt-listings-item-top-section .wdt-listings-feature-image-holder img { max-height: 300px; min-height: 300px; }

}