/* @group Contact Form
------------------------------------ */

.contact-form {
    position: relative;
}
.contact-form a {
    font: inherit;
}
.contact-form a:hover {
    opacity: .7;
}

/* BG Wrapper
----------------- */
.contact-form .background-video {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: var(--z-index-lowest);
    background: var(--light-purple);
}
.contact-form .background-video .bp-multimedia {
    width: 100%;
    height: 100%;
}
.contact-form .background-video video {
    filter: opacity(0.3);
    mix-blend-mode: multiply;
    will-change: transform;
    transform: translateZ(0);
}
.contact-form .bp-column {
    z-index: calc(var(--z-index-lowest) + 1);
}

/* Text Col
----------------- */
.contact-form .text-col .bp-group {
    margin-top: 1.2rem;
    padding-top: 1.2rem;
    border-top: 1px solid var(--white);
}
.contact-form .text-col .bp-group .wp-block-list li {
    list-style: none;
}
.contact-form .text-col .bp-group .has-body-legal-font-size {
    font-style: italic;
    --fs: 1.8rem;
    --lh: 1.4em;
}

/* Form Col
----------------- */
.contact-form .form-col .thank-you-message {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}
.contact-form .form-col:is(.form-submitted) .thank-you-message {
    opacity: 1;
    pointer-events: all;
}
.contact-form .form-col:is(.form-submitted) .wp-block-contact-form-7-contact-form-selector {
    opacity: 0;
    pointer-events: none;
}
.contact-form .form-col :is(.thank-you-message, .wp-block-contact-form-7-contact-form-selector) {
    transition: all .5s;
}


/* Footer
----------------- */
.contact-form + .site-footer {
    margin-top: 0;
}
.contact-form + .site-footer .row--first {
   display: none;
}

@media only screen
and (min-width : 961px) {
    /* Title Col
    ----------------- */
    .contact-form .title-col {
        text-align: center;
    }
    /* Text Col
    ----------------- */
    .contact-form .text-col .bp-group {
        margin-top: 2.5rem;
        padding-top: 2.5rem;
    }
    .contact-form .text-col .bp-group .has-body-legal-font-size {
        --fs: 2rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    /* Form Col
    ----------------- */
    .contact-form .form-col {
        margin-top: 6rem;
    }
}

/* @end */


/* Editor
------------------------------------ */
:where(.editor-styles-wrapper) .contact-form .background-video {
    pointer-events: all;
}
:where(.editor-styles-wrapper) .contact-form .text-col .wp-block-list {
    padding-left: 0;
}
:where(.editor-styles-wrapper) .contact-form .form-col .thank-you-message {
    opacity: 1;
    pointer-events: all;
    position: static;
    margin-top: 3rem;
}


/* Animations
------------------------------------ */
:where(#wrapper) .contact-form > .row .bp-column {
	opacity: 0;
	--duration: 1s;
}
:where(#wrapper) .contact-form.animateActive > .row .bp-column {
	animation: fade var(--duration) forwards;
	animation-delay: var(--delay, 0);
    --delay: 0.4s;
}