/* @group Page Banner
------------------------------------ */

.hero-page {
    position: relative;
    isolation: isolate;
    height: 100svh;
}
.hero-page :is(.media-wrapper, .bp-multimedia),
.hero-page .bp-multimedia :is(video, img) {
    width: 100%;
    height: 100%;
}
.hero-page .content-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 83.33%;
    min-height: 40rem;
    z-index: 10;
}
@media only screen 
and (min-width : 961px) {
    .hero-page {
        height: 100vh;
    }
}


/* @end */


/* Animations
------------------------------------ */
/* :where(#wrapper) .hero-page .wp-block-heading {
    opacity: 0;
    --duration: 1s;
}
:where(#wrapper) .hero-page.animateActive .wp-block-heading {
    animation: fade var(--duration) forwards;
    animation-delay: var(--delay, 0);
}
:where(#wrapper) .hero-page.animateActive .wp-block-heading {
    --delay: 0.7s;
} */

/* CMS */
.editor-styles-wrapper .hero-page {
    background: var(--gray);
}
.editor-styles-wrapper .hero-page > .block-editor-inner-blocks,
.editor-styles-wrapper .hero-page > .block-editor-inner-blocks>.block-editor-block-list__layout,
.editor-styles-wrapper .hero-page :is(.video-box, .img-box) {
    height: 100rem;
}

.block-editor-block-preview__content-iframe .hero-page {
    height: 100rem!important;
}