/* @group header-form
------------------------------------ */

.header-form {
    position: relative;
    isolation: isolate;
}

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

.header-form .wp-block-columns {
    width: 100%;
}

.header-form .bp-multimedia {
    position: relative;
}

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

.header-form .form-container {
    background-color: var(--white);
    overflow: hidden;
    border-radius: 2.4rem;
}





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

    .header-form .overlap {
        position: absolute;
        inset: 0;
        z-index: var(--z-index-lowest);
        max-width: 144rem;
        margin: auto;
        align-items: center;
        display: flex;
        justify-items: center;
        left: 50%;
        translate: -50% 0;
        width: 100%;
        pointer-events: none;
    }

    .header-form .overlap >*{ 
        margin: auto;
    }
    .header-form .bp-multimedia {
        height: 68.5rem;

    }
    .header-form .content .wp-block-heading:last-of-type {
        padding-bottom: 4rem;
    }

    .header-form .bp-multimedia .video-box {
        display: flex;
        width: 100%;
    }

    .header-form .overlap :is(button, a, p, .wp-block-heading, .form-container) {
        pointer-events: all;
    }

    .header-form .form-container {
        padding: 4rem;
        min-height: 36.5rem;
        max-width: 48rem;
    }
    .header-form .content {
        max-width: 60rem;
    }

}

@media only screen and (min-width : 0) and (max-width : 960px) {
    .header-form .bp-multimedia {
        height: 100%;
    }

    .header-form .media {
        position: absolute;
        inset: 0;
    }

    .header-form .media .wp-block-column {
        height: 100%;
    }


    .header-form .overlap {
        z-index: var(--z-index-lowest);
        padding-block: 4.4rem 6rem;
        padding-inline: 2rem
    }

    .header-form .form-container {
        padding: 4rem 2.4rem;
        min-height: 47.8rem;
    }

    .header-form .content {
        padding-bottom: 3.2rem;
    }
    .header-form .content .wp-block-heading:last-of-type {
        padding-bottom: 3.2rem;
    }

}

/* @end */

/* CMS */
.editor-styles-wrapper .header-form .content {
    max-width: 41.7% !important;
}
.editor-styles-wrapper .header-form .form-container {
    max-width: 33.33% !important;
}