/* @group contact-form
------------------------------------ */

.contact-form {
    color: var(--lace);
}

.contact-form fieldset {
    display: flex;
}

.contact-form header {
    display: flex;
    gap: 2.4rem;
    text-align: center;
}

.contact-form div:has(header)>p {
    padding-top: 4rem;
    text-align: center;
    max-width: 56.3rem;
    text-wrap: pretty;
    margin-inline: auto;
}

.contact-form fieldset {
    width: 100%;
}

.contact-form .check .wpcf7-list-item {
    display: flex;
    gap: 2rem;
    align-items: center;
}
.contact-form label [type="checkbox"],
.contact-form .check [type="checkbox"] {
    width: var(--_s);
    height: var(--_s);
    border: var(--border);
    border-width: 1px;

    padding: 0;
    margin: 0;
    aspect-ratio: 1;
}
.contact-form label [type="checkbox"]:checked,
.contact-form .check [type="checkbox"]:checked {
    background: var(--canvas-weave);
}

.contact-form [type="submit"] {
    --ff: var(--titleFont);
    --fw: 700;
    --lh: 145%;
    --ls: 0.02em;
}
.contact-form label span,
.contact-form .check span {
    --ff: var(--textFont);
    --fw: 400;
    --lh: 170%;
    --ls: 0.02em;
}

.contact-form [type="submit"],
.contact-form label span,
.contact-form .check span {
    font-family: var(--ff);
    font-weight: var(--fw);
    font-size: var(--fs);
    line-height: var(--lh);
    letter-spacing: var(--ls);
    -webkit-text-size-adjust: 100%;
}

.contact-form .content {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.contact-form h2 {
    text-transform: uppercase;
}
.contact-form label [type="checkbox"],
.contact-form .check [type="checkbox"] {
    flex: none;
}
.mc4wp-checkbox-contact-form-7 label { display: flex; align-items: center; gap: 1.8rem; }
@media only screen and (min-width : 961px) {

    .contact-form {
        padding-block: 19.2rem 15rem;
        padding-bottom: 15.7rem;
    }

    .contact-form .wpcf7 {
        max-width: 103.7rem;
        margin: 0 auto;
    }

    .contact-form :is(.row, #important) {
        gap: 8rem;
    }

    .contact-form form {
        gap: 1.5rem;
    }

    .contact-form fieldset {
        gap: 19.3rem;
    }

    .contact-form header .spark {
        width: 3rem;
    }

    .contact-form header {
        justify-content: center;
    }

    .contact-form [type="submit"] {
        margin-left: auto;
        cursor: pointer;

    }
    .contact-form label [type="checkbox"],
    .contact-form .check [type="checkbox"] {
        --_s: 2rem;
        cursor: pointer;
    }
    .contact-form label span,
    .contact-form .check span {
        --fs: 1.6rem;
    }

    .contact-form [type="submit"] {
        --fs: 1.6rem;
    }

    .contact-form .content {
        gap: 2rem;
    }

}

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

    .contact-form {
        padding-block: 7rem;
    }

    .contact-form :is(.row, #important) {
        gap: 7rem;
    }

    .contact-form form {
        gap: 2.4rem;
    }

    .contact-form [class*="col-"]>* {
        padding-inline: 4rem;
    }

    .contact-form fieldset {
        flex-direction: column;
        gap: 2.4rem;
    }


    .contact-form header .spark {
        width: 2rem;
    }
    .contact-form label [type="checkbox"],
    .contact-form .check [type="checkbox"] {
        --_s: 3rem
    }

    .contact-form [type="submit"] {
        margin-inline: auto;
    }
    .contact-form label span,
    .contact-form .check span {
        --fs: 1.6rem;
        color: var(--tab);
    }

    .contact-form [type="submit"] {
        --fs: 1.6rem;
    }

    .contact-form .content {
        gap: 2.5rem;
    }

}

/* @end */