/* @group Banner With Image And CTA
------------------------------------ */

.banner-with-image-and-cta {
    position: relative;
    
    color: var(--white);
}
.banner-with-image-and-cta .row-background {
    position: absolute;
    inset: 0;
    z-index: var(--z-index-lowest);
}
.banner-with-image-and-cta .row-background::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--marron-o-20);
    z-index: calc(var(--z-index-lowest) + 1);
    pointer-events: none;
}
body:not(.editor-styles-wrapper) .banner-with-image-and-cta .row-background {
    pointer-events: none;
}
.banner-with-image-and-cta .row-background .wp-block-group {
    width: 100%;
    height: 100%;
}
.banner-with-image-and-cta .row-background .wp-block-group .wp-block-group__inner-container {
    height: inherit;
}
.banner-with-image-and-cta .row-background .bp-multimedia {
    height: 100%;
}
.banner-with-image-and-cta .row-background .bp-multimedia .img-wrapper {
    width: 100%;
}
.banner-with-image-and-cta .row-text {
    position: relative;
    z-index: var(--z-index-medium-low);
    text-align: center;
    padding: 10.9rem 2rem 8.4rem;
}
.banner-with-image-and-cta .row-text .wp-block-heading.has-xs-font-size {
    margin: 0 0 .8rem;
}
.banner-with-image-and-cta .row-text .wp-block-heading { 
    margin: 0 0 1.6rem;
}
.banner-with-image-and-cta .row-text p {
    margin: 0 0 2.4rem;
}
.banner-with-image-and-cta .row-text .wp-block-buttons {
    margin: 0;
}
@media only screen
and (min-width : 961px) {
    .banner-with-image-and-cta .row-text {
        padding: 15.6rem 0 10.5rem;
    }
    .banner-with-image-and-cta .row-text .wp-block-heading, 
    .banner-with-image-and-cta .row-text p {
        margin: 0 0 4rem;
    }
    .banner-with-image-and-cta .row-text .wp-block-button__link {
        --_padding-inline: 3.2rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */



/* @group Banner With Image And CTA - Editor
------------------------------------ */
.editor-styles-wrapper .banner-with-image-and-cta .row-background .multimedia .media-options {
    z-index: var(--z-index-medium-low);
}
.editor-styles-wrapper .banner-with-image-and-cta .row-background .block-editor-inner-blocks,
.editor-styles-wrapper .banner-with-image-and-cta .row-background .block-editor-block-list__layout {
    height: 100%;
}
.editor-styles-wrapper .banner-with-image-and-cta .row-text {
    pointer-events: none;
}
.editor-styles-wrapper .banner-with-image-and-cta .row-text .wp-block-column {
    pointer-events: all;
}
/* @end */