/*
 * ContactForm component — form layout and success alert styling.
 * See docs/custom-css.md#contact-form-componentscontact-formcss
 */

.contact-form__form .form-label {
    font-weight: 500;
}

.contact-form__required-note {
    margin-bottom: var(--space-block);
    color: var(--brand-colour-primary);
}

.contact-form__help {
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
}

.contact-form__form textarea.form-control {
    resize: vertical;
    min-height: 8rem;
}

.contact-form__success.alert-success {
    background-color: #d4edda;
    border: 0;
    color: var(--brand-colour-primary);
}

.contact-form__success p {
    margin: 0;
}

.contact-form__turnstile-error.alert-danger {
    background-color: #f8d7da;
    border: 0;
    color: var(--brand-colour-primary);
}

.contact-form__turnstile-error p {
    margin: 0;
}