/*==== Interactive Template Common Style ====*/

.wdt-interactive-showcase-template-container a.wdt-interactive-showcase-template-element:empty { display: none; }

.wdt-interactive-showcase-template-list-wrapper > .wdt-content-item .wdt-content-title h5 { margin-top: 0; }

.wdt-interactive-showcase-template-container .wdt-interactive-showcase-template-list-wrapper { 
    display: flex; will-change: flex; flex-wrap: wrap; width: auto; margin: -10px; align-items: center; }
.wdt-interactive-showcase-template-container .wdt-interactive-showcase-template-list-wrapper > .wdt-content-item { padding: 10px; }

.wdt-interactive-showcase-template-list-wrapper:not([class$="-standard"]) > .wdt-content-item { flex: 1 1 33.333%; width: 100%; max-width: 50%; }

/* Default Template */

.wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item { display: grid; }

.wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-media-group,
.wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-detail-group { 
    grid-area: 1/-1; margin-bottom: 0px; }
.wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-detail-group { 
    padding: 20px; display: flex; flex-wrap: wrap; text-align: center; align-content: center; justify-content: center; justify-items: center; }
.wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-detail-group > div { flex: 1 1 100%; }

.wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-image-wrapper, 
.wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-image-wrapper .wdt-content-image, 
.wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-image > span, 
.wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-image > a { height: 100%; }
.wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-image img { 
    width: 100%; height: 100%; object-fit: cover; object-position: center; }

.wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper:before { 
    content: ""; height: 100%; pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; z-index: 0; 
    -webkit-transition: inherit; transition: inherit; background-color: rgba(var(--wdtPrimaryColorRgb), 0); 
    background-image: linear-gradient(20deg, rgba(0,0,0,0.6), transparent); }

.wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-detail-group .wdt-content-description,
.wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-title h5:not(:hover), 
.wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-title h5 a:not(:hover) { 
    color: var(--wdt-elementor-color-white);}


/* Standard Template */

.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] { 
    display: block; width: auto; margin: -26px -50px; text-align: center; isolation: isolate; }

.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item {
    display: inline-flex; padding: 0px; z-index: inherit; align-items: center; justify-content: center; }

.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item:before {
    content: '*'; position: relative; width: 30px; height: 30px; font-family: var(--wdtFontTypo_Alt); font-size: var(--wdtFontSize_H2); top: 10px; 
    left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; margin: 0; }

.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item:first-child::before { opacity: 0; }

.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item > div.wdt-content-detail-group { 
    padding: clamp(1.125rem, 1.036rem + 0.4908vw, 1.625rem) clamp(1.875rem, 1.6526rem + 1.227vw, 3.125rem); position: relative; display: flex; z-index: 2; }

.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item .wdt-content-title h5 { 
    font-size: clamp(1.25rem, 1.0192rem + 1.0256vw, 2.25rem); /*== 20px < 36px ==*/ }

.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item .wdt-content-title h5 a { 
    -webkit-transition: all .3s ease; transition: all .3s ease; }
.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item:hover .wdt-content-title h5 a { opacity: 0.5; }

.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item .wdt-content-title h5 a { position: relative; overflow: hidden; }
.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item .wdt-content-title h5 a::before { 
    content: ''; position: absolute; width: 0; height: 1px; top: auto; left: auto; right: 0; bottom: 0; z-index: -1; background-color: currentColor; -webkit-transition: all .3s ease; transition: all .3s ease; margin: auto; }
.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item:hover .wdt-content-title h5 a::before { 
    width: 100%; left: 0; right: auto; }

.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item .wdt-content-media-group { margin: 0;
    position: absolute; top: 0; left: 0; width: auto; pointer-events: none; }
.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item .wdt-content-media-group .wdt-content-image {
    position: relative; display: inline-block; vertical-align: top; width: auto; 
    -webkit-transform: translate3d(-40%,-25%,0); transform: translate3d(-40%,-25%,0); z-index: -1; }
    
.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item .wdt-content-media-group .wdt-content-image img {
    position: relative; display: block; width: auto; max-width: 60vw; max-height: 25vh; object-fit: cover; }

.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item .wdt-content-media-group .wdt-content-image img {
    -webkit-transform: skewX(5deg) skewY(1deg) scale(.5); transform: skewX(5deg) skewY(1deg) scale(.5); opacity: 0; -webkit-transition: var(--wdt-Livi-Transition); transition: var(--wdt-Livi-Transition); }
        
.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item:hover .wdt-content-media-group .wdt-content-image img {
    -webkit-transform: skewX(0) skewY(0) scale(1); transform: skewX(0) skewY(0) scale(1); opacity: 1; 
    -webkit-transition: var(--wdt-Livi-Transition); transition: var(--wdt-Livi-Transition); }

.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] { counter-reset: title-count; }
.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item .wdt-content-title { position: relative; display: flex; }
.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item .wdt-content-title:before { position: absolute; 
    counter-increment: title-count; content: "0" counter(title-count); font-size: 1.2rem; display: none;
    top: -24px; left: -24px; width: 30px; height: 30px; font-family: var(--wdtFontTypo_Alt); color: currentColor; 
    font-weight: var(--wdtFontWeight_Alt); z-index: -1; }

/*==== AT Rules - Responsive ====*/

@media (min-width: 768px) {

    /* Default Template */
    .wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-detail-group > div.wdt-content-title,
    .wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-detail-group > div.wdt-content-description,
    .wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-detail-group > div.wdt-content-button,
    .wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-image-wrapper:before { 
        -webkit-transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); }

    .wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-detail-group[class$="-template-active"] > div.wdt-content-title,
    .wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-detail-group[class$="-template-active"] > div.wdt-content-description,
    .wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-detail-group[class$="-template-active"] > div.wdt-content-button,
    .wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-media-group[class$="-template-active"] .wdt-content-image-wrapper:before {
        -webkit-transition: 500ms cubic-bezier(0.7, 0, 0.3, 1); transition: 500ms cubic-bezier(0.7, 0, 0.3, 1); }

    .wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-detail-group > div.wdt-content-title { 
        transition-delay: 60ms; -webkit-transform: translateX(-30px); transform: translateX(-30px); opacity: 0; }
    .wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-detail-group > div.wdt-content-description {
        transition-delay: 50ms; -webkit-transform: translateX(-30px); transform: translateX(-30px); opacity: 0; }
    .wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-detail-group > div.wdt-content-button {
        transition-delay: 25ms; -webkit-transform: translateX(-30px); transform: translateX(-30px); opacity: 0; }

    .wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-detail-group[class$="-template-active"] > div.wdt-content-title {
        transition-delay: 0ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
    .wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-detail-group[class$="-template-active"] > div.wdt-content-description {
        transition-delay: 100ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
    .wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-detail-group[class$="-template-active"] > div.wdt-content-button {
        transition-delay: 250ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }

    .wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-media-group .wdt-content-image-wrapper:before { opacity: 0; }
    .wdt-interactive-showcase-template-list-wrapper[class$="template-default"] > .wdt-content-item .wdt-content-media-group[class$="-template-active"] .wdt-content-image-wrapper:before { opacity: 1; }
}

/*==== Responsive ====*/

@media (max-width: 480px) {
    .wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item:first-child::before { opacity: 1; }
    .wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item .wdt-content-media-group .wdt-content-image img {
        width: auto; max-width: 50vw; max-height: 20vh; }
}