/*--------------------------------------------

    # Interactivity

----------------------------------------------*/
.is-interactive { 
    transition-property: transform, opacity, box-shadow, background-color;
    transition-duration: var(--wp--custom--transition--duration);
    transition-timing-function: linear;
    transition-delay: var(--wp--custom--transition--delay);
}
.is-interactive [class*="__background"],
.is-interactive [class*="__gradient-background"],
.is-interactive [class*="__inner-container"],
.is-interactive::after {
    pointer-events: none;
}
.is-interactive [class*="__inner-container"] a {
    pointer-events: all;
}

/* Zoom */
.has-interactive-zoom {
    position: relative;
    overflow: hidden;
    box-shadow: none;
}
.has-interactive-zoom > img,
.has-interactive-zoom > a > img {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: translate3d(0, 0, 0) scale3d(1.0, 1.0, 1.0);
    transition-property: transform;
    transition-duration: var(--wp--custom--transition--duration);
    transition-timing-function: linear;
    will-change: transform;
}
.has-interactive-zoom.has-processing > img,
.has-interactive-zoom.has-processing > a > img {
    transition-delay: 0ms;
}
.has-interactive-zoom.has-processing:hover > img,
.has-interactive-zoom.has-processing:hover > a > img,
.has-interactive-zoom.has-processing:focus > img,
.has-interactive-zoom.has-processing:focus > a > img {
    transform: translate3d(calc(var(--wp--custom--interactivity--cursor-position-x) / var(--wp--custom--interactivity--scale) * 0.2px), calc(var(--wp--custom--interactivity--cursor-position-y) / var(--wp--custom--interactivity--scale) * 0.2px), 0px) scale3d(var(--wp--custom--interactivity--scale), var(--wp--custom--interactivity--scale), var(--wp--custom--interactivity--scale));
}

.has-interactive-parallax > img,
.has-interactive-parallax > a > img {
    transform: translate3d(0, 0, 0) scale3d(1.0, 1.0, 1.0);
    transition-property: transform;
    transition-delay: var(--wp--custom--transition--delay);
    transition-duration: var(--wp--custom--transition--duration);
    transition-timing-function: linear;
    will-change: transform;
}
.has-interactive-zoom figcaption,
.has-interactive-parallax figcaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: var(--wp--preset--color--white);
    background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0 ,.5));
    text-shadow: 1px 1px 1px var(--wp--preset--color--black);
    max-height: 100%;
    margin: 0;
    padding: var(--wp--preset--spacing--70) var(--wp--preset--spacing--40) var(--wp--preset--spacing--40);
    pointer-events: none;
}
.has-interactive-zoom figcaption a,
.has-interactive-parallax figcaption a {
    color: var(--wp--preset--color--gray-ultra-light);
    pointer-events: all;
}
.has-interactive-zoom figcaption a:hover,
.has-interactive-zoom figcaption a:focus,
.has-interactive-parallax figcaption a:hover,
.has-interactive-parallax figcaption a:focus {
    color: var(--wp--preset--color--white);
}

/* Parallax */
.has-interactive-parallax {
    position: relative;
    overflow: hidden;
    box-shadow: none;
}
.has-interactive-parallax > img,
.has-interactive-parallax > a > img {
    --wp--custom--transition--delay: 0ms !important;

    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    visibility: hidden;
    height: auto !important;
    aspect-ratio: auto !important;
    transform: translateY(calc(var(--wp--custom--interactivity--scroll-y) * -1%)) scale3d(var(--wp--custom--interactivity--scale), var(--wp--custom--interactivity--scale), var(--wp--custom--interactivity--scale));
    transition-delay: 0ms;
    transition-duration: 0ms;
    pointer-events: none;
}
.has-interactive-parallax > img.is-visible,
.has-interactive-parallax > a > img.is-visible {
    visibility: visible;
}
.has-interactive-parallax.has-processing > img,
.has-interactive-parallax.has-processing > a > img {
    transition-duration: 50ms; 
}
/*---------------- End interactivity ----------------*/