/* @group Banner simple
------------------------------------ */
.banner-simple {
    position: relative;
}
.banner-simple :is(.bp-multimedia) {
    height: 25rem;
}
@media only screen 
and (min-width : 961px) {
    .banner-simple :is(.bp-multimedia) {
        height: 76.8vh;
        min-height: 49.8rem;
    }
    .banner-simple .column-image {
        flex: 0 1 100%!important;
        max-width: 100%!important;
    }
}

@media only screen 
and (min-width : 0) 
and (max-width : 960px) {

}

/* @end */

/* Animations
------------------------------------ */
:where(#wrapper) .banner-simple .elemento {
    opacity: 0;
    --duration: 1s;
}

:where(#wrapper) .banner-simple.animateActive .elemento {
    animation: fade var(--duration) forwards;
    animation-delay: var(--delay, 0);
}
:where(#wrapper) .banner-simple.animateActive .elemento {
    --delay: 0.3s;
}

/* CMS */
.banner-simple :is(.block-editor-inner-blocks, .block-editor-block-list__layout) {
    height: 100%;
}