/*
 * ApeTerra Elementor Media Live Preview V3
 */

/*
 * Preserve the selected image even when the coded
 * widget root has its own background shorthand.
 */
[class*="elementor-widget-apeterra_"]
> .elementor-widget-container
> *:first-child {
    background-position:
        var(
            --apxmc-background-position,
            center center
        );
}

/*
 * Mobile declaration is deliberately invalid when
 * --apxmc-mobile-image is not defined. In that case
 * the browser keeps the desktop background.
 */
@media (max-width: 767px) {
    [class*="elementor-widget-apeterra_"]
    > .elementor-widget-container
    > *:first-child {
        background-image:
            var(
                --apxmc-mobile-image
            ) !important;

        background-position:
            var(
                --apxmc-mobile-position,
                center center
            ) !important;

        background-size:
            var(
                --apxmc-mobile-size,
                cover
            ) !important;

        background-repeat:
            no-repeat !important;

        background-attachment:
            scroll !important;
    }
}

/*
 * Make selected card photographs visible above the
 * coded fallback illustration.
 */
.elementor-widget-apeterra_exact_experience
.ap-feature-visual.apxmc-has-image {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
}

.elementor-widget-apeterra_exact_experience
.ap-feature-visual.apxmc-has-image
.apxmc-card-image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 20 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    object-fit:
        var(
            --apxmc-card-fit,
            cover
        ) !important;
    object-position:
        var(
            --apxmc-card-position,
            center center
        ) !important;
}