
/* Classes Type 1 */

.wdt-classes-type-1.wdt-class-item, 
.wdt-classes-type-1.wdt-class-item .wdt-classes-media-group { display: grid; }
.wdt-classes-type-1.wdt-class-item { height: 100%; max-height: 350px; overflow: hidden; border-radius: var(--wdtRadius_2X); -webkit-border-radius: var(--wdtRadius_2X); position: relative; z-index: 1; }
.wdt-classes-type-1.wdt-class-item .wdt-classes-media-group a img { height: 100%; max-height: 350px; object-fit: cover; } 
.wdt-classes-type-1.wdt-class-item::before { content: ""; position: absolute; width: 100%; height: 100%; pointer-events: none; background: linear-gradient(-90deg, transparent 0%, var(--wdtLinkColor) 100%); opacity: 0.9; }
.wdt-classes-type-1.wdt-class-item .wdt-classes-media-group a, 
.wdt-classes-type-1.wdt-class-item .wdt-classes-media-group .wdt-class-media-content-wrapper, 
.wdt-classes-type-1.wdt-class-item > div { grid-area: 1/-1; }
.wdt-classes-type-1.wdt-class-item .wdt-classes-media-group .wdt-class-media-content-wrapper, .wdt-classes-type-1.wdt-class-item .wdt-class-content-group-wrapper { z-index: 1; position: relative; }
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-content-group > div { font-size: clamp(1rem, 0.9443rem + 0.2548vw, 1.25rem); font-size: var(--wdtFontSize_Base); }
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-content-group .wdt-class-title h5 { margin-top: 0; font-size: clamp(1rem, 0.9rem + 0.5vw, 1.5rem); /* 24 - 16 */ }
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-content-group .wdt-class-title h5 a:hover { color: rgb(var(--wdtLinkColorRgb), .7); }
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group { width: 100%; max-width: 170px; overflow: hidden; margin: 0 40px; }
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-content-group { text-align: left; padding-right: 60px; margin-right: 40px; border-right: 1px solid rgb(var(--wdtLinkColorRgb), .2); align-content: center; }
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group img { border-radius: var(--wdtRadius_2X); -webkit-border-radius: var(--wdtRadius_2X); }

.wdt-classes-type-1.wdt-class-item .wdt-classes-media-group .wdt-class-media-content-wrapper .wdt-class-title h5,
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-content-group .wdt-class-title h5 { font-family: var(--wdtFontTypo_Alt); font-weight: var(--wdtFontWeight_Alt); line-height: var(--wdtLineHeight_Alt); text-transform: uppercase; }

.wdt-classes-type-1.wdt-class-item .wdt-classes-media-group .wdt-class-media-content-wrapper .wdt-class-title h5 { margin: 0; font-size: clamp(1.125rem, 1rem + 0.625vw, 1.75rem); /* 28 - 18 */ color: var(--wdtAccentTxtColor);  }
.wdt-classes-type-1.wdt-class-item .wdt-classes-media-group .wdt-class-media-content-wrapper { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem); }
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-carousel .wdt-class-swiper-pagination > div,
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-archive-carousel .wdt-class-swiper-pagination > div { background: transparent; box-shadow: 0 0 0; padding: 0; margin: 0; }
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-carousel .wdt-class-swiper-pagination > div::before,
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-carousel .wdt-class-swiper-pagination > div.wdt-class-swiper-button-prev::before,
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-archive-carousel .wdt-class-swiper-pagination > div::before,
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-archive-carousel .wdt-class-swiper-pagination > div.wdt-class-swiper-button-prev::before { content: ""; position: relative; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M75.85,88.37A6.78,6.78,0,0,1,66.25,98L23.09,54.8a6.83,6.83,0,0,1,0-9.6L66.25,2a6.67,6.67,0,0,1,9.6,0,6.67,6.67,0,0,1,0,9.59L37.47,50Z'%3E%3C/path%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M75.85,88.37A6.78,6.78,0,0,1,66.25,98L23.09,54.8a6.83,6.83,0,0,1,0-9.6L66.25,2a6.67,6.67,0,0,1,9.6,0,6.67,6.67,0,0,1,0,9.59L37.47,50Z'%3E%3C/path%3E%3C/svg%3E"); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; background: rgb(var(--wdtLinkColorRgb), .2); width: 16px; height: 16px; display: block; transform: translateX(40px) scaleX(-1); -webkit-transform: translateX(40px) scaleX(-1); transition: var(--wdtBaseTransition); }
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-carousel .wdt-class-swiper-pagination > div:hover::before,
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-carousel .wdt-class-swiper-pagination > div.wdt-class-swiper-button-prev:hover::before,
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-archive-carousel .wdt-class-swiper-pagination > div:hover::before,
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-archive-carousel .wdt-class-swiper-pagination > div.wdt-class-swiper-button-prev:hover::before { background: rgb(var(--wdtLinkColorRgb), .8); }
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-carousel .wdt-class-swiper-pagination > div.wdt-class-swiper-button-prev::before,
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-archive-carousel .wdt-class-swiper-pagination > div.wdt-class-swiper-button-prev::before { transform: translateX(-40px); -webkit-transform: translateX(-40px); }
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper { display: flex; align-items: end; }
.wdt-classes-type-1.wdt-class-item .wdt-classes-media-group .wdt-class-media-content-wrapper .wdt-class-title { transform: translateX(0); -webkit-transform: translateX(0); transition: var(--wdt-Ad-Transition); }
.wdt-classes-type-1.wdt-class-item .wdt-classes-media-group .wdt-class-media-content-wrapper .wdt-class-button a { font-size: 0; width: clamp(3.75rem, 3.1927rem + 2.5478vw, 6.25rem); height: clamp(3.75rem, 3.1927rem + 2.5478vw, 6.25rem); border-radius: var(--wdtRadius_Full); display: flex; align-items: center; justify-content: center; border: 1px solid var(--wdtPrimaryColor); color: var(--wdtLinkColor); transition: var(--wdtBaseTransition); }
.wdt-classes-type-1.wdt-class-item .wdt-classes-media-group .wdt-class-media-content-wrapper .wdt-class-button a i { font-size: clamp(0.625rem, 0.5414rem + 0.3822vw, 1rem); width: calc(100% - 10px); height: calc(100% - 10px); border-radius: inherit; background: var(--wdtPrimaryColor); display: inherit; align-items: inherit; justify-content: inherit; transition: inherit; }
.wdt-classes-type-1.wdt-class-item .wdt-classes-media-group .wdt-class-media-content-wrapper .wdt-class-button a:hover { border-color: var(--wdtAccentTxtColor); color: var(--wdtLinkColor); }
.wdt-classes-type-1.wdt-class-item .wdt-classes-media-group .wdt-class-media-content-wrapper .wdt-class-button a:hover i { background: var(--wdtAccentTxtColor); }
.wdt-classes-type-1.wdt-class-item .wdt-classes-media-group .wdt-class-media-content-wrapper .wdt-class-button { margin-bottom: auto; }
.wdt-classes-type-1.wdt-class-item .wdt-classes-media-group .wdt-class-media-content-wrapper .wdt-class-button a:hover svg { display: inline-block; animation: wdt-button-arrow 0.3s linear; -webkit-animation: wdt-button-arrow 0.3s linear; }
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .swiper-slide { cursor: grab; }
.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper { display: inline-flex; padding: clamp(1.25rem, 0.9713rem + 1.2739vw, 2.5rem); margin: clamp(1.25rem, 1.1107rem + 0.6369vw, 1.875rem); background: var(--wdtPrimaryColor); border-radius: var(--wdtRadius_2X); -webkit-border-radius: var(--wdtRadius_2X); }
.wdt-classes-archive-wrapper .wdt-classes-type-1.wdt-class-item:not(:last-child) { margin-bottom: 30px; }

.wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper { transform: translateX(30px); -webkit-transform: translateX(30px); transition: var(--wdt-Ad-Transition); opacity: 0; }
.wdt-classes-type-1.wdt-class-item:hover .wdt-class-content-wrapper .wdt-class-content-group-wrapper,
.wdt-classes-type-1.wdt-class-item.wdt-hover-active .wdt-class-content-wrapper .wdt-class-content-group-wrapper { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; }
.wdt-classes-type-1.wdt-class-item:hover .wdt-classes-media-group .wdt-class-media-content-wrapper .wdt-class-title,
.wdt-classes-type-1.wdt-class-item.wdt-hover-active .wdt-classes-media-group .wdt-class-media-content-wrapper .wdt-class-title { transform: translateX(30px); -webkit-transform: translateX(30px); opacity: 0; }


@media only screen and ( min-width:480px ) {
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-carousel .wdt-class-swiper-pagination,
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-archive-carousel .wdt-class-swiper-pagination { height: fit-content; position: absolute; line-height: 1; top: 0; bottom: 0; margin: auto; z-index: -1; width: 100%; max-width: 170px; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; }
}

@media only screen and (max-width: 1024px) {
    .wdt-classes-type-1.wdt-class-item, .wdt-classes-type-1.wdt-class-item .wdt-classes-media-group a img { max-height: 100%; }
    .wdt-classes-type-1.wdt-class-item .wdt-classes-media-group a, .wdt-classes-type-1.wdt-class-item .wdt-classes-media-group .wdt-class-media-content-wrapper, .wdt-classes-type-1.wdt-class-item > div { grid-area: auto; align-items: center; }
    .wdt-classes-type-1.wdt-class-item .wdt-classes-media-group > a { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; z-index: -1; }
    .wdt-classes-type-1.wdt-class-item .wdt-classes-media-group .wdt-class-media-content-wrapper { margin-bottom: 0; }
}
@media only screen and ( max-width:767px ) {
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper { gap: 20px; width: 100%; justify-content: space-between; align-items: center; }
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-content-group { border-width: 0; padding: 0; margin: 0; }
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group { margin: 0 20px; max-width: 120px; }
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-carousel .wdt-class-swiper-pagination > div::before, 
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-carousel .wdt-class-swiper-pagination > div.wdt-class-swiper-button-prev::before,
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-archive-carousel .wdt-class-swiper-pagination > div::before, 
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-archive-carousel .wdt-class-swiper-pagination > div.wdt-class-swiper-button-prev::before { transform: translateX(30px) scaleX(-1); -webkit-transform: translateX(30px) scaleX(-1); }
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-carousel .wdt-class-swiper-pagination > div.wdt-class-swiper-button-prev::before,
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-archive-carousel .wdt-class-swiper-pagination > div.wdt-class-swiper-button-prev::before { transform: translateX(-30px); -webkit-transform: translateX(-30px); }

    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-carousel .wdt-class-swiper-pagination, 
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-archive-carousel .wdt-class-swiper-pagination { max-width: 120px; }
}

@media only screen and ( max-width:479px ) {
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper { flex-direction: column; align-items: start; width: 100%; max-width: 300px; }
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-carousel .wdt-class-swiper-pagination,
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-archive-carousel .wdt-class-swiper-pagination { line-height: 1; display: flex; justify-content: center; gap: 30px; margin-top: 10px; }
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-carousel .wdt-class-swiper-pagination > div,
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-archive-carousel .wdt-class-swiper-pagination > div { margin-top: 10px; }
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-carousel .wdt-class-swiper-pagination > div::before,
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-archive-carousel .wdt-class-swiper-pagination > div::before { transform: translateX(0); -webkit-transform: translateX(0); }
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-carousel .wdt-class-swiper-pagination > div.wdt-class-swiper-button-prev::before,
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-archive-carousel .wdt-class-swiper-pagination > div.wdt-class-swiper-button-prev::before { transform: translateX(0) scale(-1); -webkit-transform: translateX(0) scale(-1); }
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group { margin: 0; align-self: center; max-width: 180px; }

    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-carousel .wdt-class-swiper-pagination, 
    .wdt-classes-type-1.wdt-class-item .wdt-class-content-wrapper .wdt-class-content-group-wrapper .wdt-class-gallery-group .wdt-class-gallery-archive-carousel .wdt-class-swiper-pagination { max-width: 180px; }
}


/* Classes Type 2 */

.wdt-class-item.wdt-classes-type-2 { display: flex; align-items: center; gap: 25px 30px; }

.wdt-class-item.wdt-classes-type-2 .wdt-classes-media-group { height: auto; align-self: stretch; }
.wdt-class-item.wdt-classes-type-2 .wdt-classes-media-group a { height: 100%; }
.wdt-class-item.wdt-classes-type-2 .wdt-classes-media-group img { width: 100%; height: 100%; max-width: 130px; min-width: 130px; object-fit: cover; object-position: center; border-radius: var(--wdtRadius_2X); -webkit-border-radius: var(--wdtRadius_2X); }

.wdt-class-item.wdt-classes-type-2 .wdt-class-content-wrapper { padding: 15px 0 10px; }
.wdt-class-item.wdt-classes-type-2 .wdt-class-content-wrapper > div:not(:last-child) { margin-bottom: 10px; }
.wdt-class-item.wdt-classes-type-2 .wdt-class-content-wrapper h5,
.wdt-class-item.wdt-classes-type-2 .wdt-class-content-wrapper h5 a { font-family: var(--wdtFontTypo_Alt); font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Alt); line-height: var(--wdtLineHeight_Alt); text-transform: capitalize; margin: 0; }
.wdt-class-item.wdt-classes-type-2 .wdt-class-content-wrapper .wdt-class-description { line-height: var(--wdtLineHeight_Base); }

.wdt-class-item.wdt-classes-type-2 .wdt-class-content-wrapper h5 a { color: var(--wdtLinkColor); }
.wdt-class-item.wdt-classes-type-2 .wdt-class-content-wrapper h5 a:hover { color: rgba(var(--wdtLinkColorRgb),0.65); }

@media only screen and (max-width:1280px) {

    .wdt-class-item.wdt-classes-type-2 { flex-direction: column; align-items: start; }
    .wdt-class-item.wdt-classes-type-2 .wdt-classes-media-group img { max-width: 100%; min-height: 140px; }
    .wdt-class-item.wdt-classes-type-2 .wdt-class-content-wrapper { padding: 0; }

}
