/* @group hero-video-facts
------------------------------------ */

.hero-video-facts {
    position: relative;
    isolation: isolate;
}

.hero-video-facts header p.has-xs-font-size {
    padding-bottom: .8rem;
}

.hero-video-facts .wp-block-columns {
    width: 100%;
}

.hero-video-facts .bp-multimedia {
    position: relative;
}

.hero-video-facts .bp-multimedia::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--marron-o-20);
    pointer-events: none;
}

.hero-video-facts .wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}
.hero-video-facts .overlap {
    inset: 0;
    pointer-events: none;
}

@media only screen and (min-width : 961px) {

    .hero-video-facts .overlap {
        position: absolute;
        inset-inline: 0;
        bottom: 0;
        z-index: var(--z-index-lowest);
    }

    .hero-video-facts .bp-multimedia {
        height: 100vh;

    }

    .hero-video-facts .bp-multimedia .video-box {
        display: flex;
        width: 100%;
    }

    .hero-video-facts .overlap {
        bottom: 4.5rem;
    }

    .hero-video-facts .wp-block-group__inner-container {
        justify-content: space-between;
    }

    

    .hero-video-facts .facts {
        padding-bottom: 8.5vh;
    }

    .hero-video-facts .overlap>* {
        gap: 5%;
    }

    .hero-video-facts .overlap :is(button, a, p, .wp-block-heading) {
        pointer-events: all;
    }

    .hero-video-facts header.wp-block-group {
        padding-top: 31vh;
    }

    .hero-video-facts header.wp-block-group .wp-block-buttons {
        margin-top: 4rem;
    }

    .hero-video-facts aside {
        padding-top: .8rem;
        padding-bottom: 1.5rem;
    }



}

@media only screen and (min-width : 0) and (max-width : 960px) {
    .hero-video-facts {
        margin-bottom: 3rem;
    }

    .hero-video-facts,
    .hero-video-facts .bp-multimedia,
    .hero-video-facts .overlap {
        height: 100vh;
    }

    .hero-video-facts .bp-multimedia {
        height: 100vh;
    }

    .hero-video-facts .media {
        position: absolute;
        inset: 0;
    }

    .hero-video-facts .overlap {
        z-index: var(--z-index-lowest);
        margin-bottom: -3.5rem;
    }

    .hero-video-facts .wp-block-group__inner-container {
        justify-content: center;
        padding-block: 4rem;
        padding-inline: 3rem;
    }
    

    .hero-video-facts .overlap>* {
        gap: 3.2rem;
    }

    .hero-video-facts header.wp-block-group {
        margin-bottom: 3.2rem;
    }

    .hero-video-facts header.wp-block-group .wp-block-buttons {
        margin-top: 4rem;
    }

    .hero-video-facts .is-style-outline-white {
        --_padding-inline: 4.5rem;
    }
}

/* @end */