/*==== 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: 0;
    text-align: center;
    isolation: isolate;
}

.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item,
.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item .wdt-content-title {
    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 .wdt-content-title:before {
    content: '\e809';
    font-family: "wdt-jackie-ext-icon";
    margin-right: 20px;
    position: absolute;
    left: -10px;
    font-size: var(--wdtFontSize_H5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--wdtPrimaryColor);
    transition: var(--wdtBaseTransition);
    -webkit-transition: var(--wdtBaseTransition);
}

.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item:first-child .wdt-content-title::before,
.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item:first-child:hover .wdt-content-title:before{
    opacity: 0;
}
.wdt-interactive-showcase-template-list-wrapper[class$="-standard"]:hover > .wdt-content-item:not(:hover) .wdt-content-title:before{
    opacity: 0.5;
}
.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item:first-child .wdt-content-title::before{content: '';}

.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.5rem, 0.7542rem + 2.4965vw, 3.75rem); /* Min-32 & Max-60 */
    text-transform:uppercase;
    font-weight: var(--wdtFontWeight_Alt);
}

.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item .wdt-content-title h5 a {
    color: var(--wdtAccentTxtColor);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.wdt-interactive-showcase-template-list-wrapper[class$="-standard"]:hover > .wdt-content-item:not(: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-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 {
    transition: transform var(--wdt-zoo-transform-transition-duration);
    transform: perspective(0px) rotateX(0deg) rotateY(0deg) scaleX(1) scaleY(1);
    transform-origin: center center;
    opacity: 0;
    -webkit-transition: var(--wdtBaseTransition);
    transition: var(--wdtBaseTransition);
}

.wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item:hover .wdt-content-media-group .wdt-content-image img {
    transform: perspective(var(--wdt-zoo-transform-perspective)) rotateX(var(--wdt-zoo-transform-rotateX)) rotateY(var(--wdt-zoo-transform-rotateY)) scaleX(var(--wdt-zoo-transform-scale)) scaleY(var(--wdt-zoo-transform-scale));
    opacity: 1;
    -webkit-transition: var(--wdtBaseTransition);
    transition: var(--wdtBaseTransition);
}

/* .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: inline-block;top: -24px; left: -24px; width: 30px; height: 30px; font-family: var(--wdtFontTypo_Alt); color: currentColor; font-weight: var(--wdtFontWeight_Alt); z-index: -1; } */
/* .wdt-interactive-showcase-template-list-wrapper[class$="-standard"] > .wdt-content-item .wdt-content-title:after {content: '';position: absolute;background: transparent;width: 30px;height: 30px;border: 5px solid var(--wdtAccentTxtColor);border-radius: 50%;left: -74px;top: 0;bottom: 0;margin: auto;opacity: 0.09;} */


/*==== 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; }
}
@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;
    }
}