/* Separate from the legacy compiled Sass so form fixes do not need its old toolchain. */
#contact-form .contact-fields { margin: 0 0 2rem; text-align: left; }
#contact-form .contact-field { margin-bottom: 1.25rem; }
#contact-form label { display: block; margin-bottom: .45rem; font-size: 1rem; font-weight: 600; color: #474747; }
#contact-form input:not([type="hidden"]),
#contact-form textarea {
    box-sizing: border-box; display: block; width: 100%; max-width: 100%;
    padding: .8rem; border: 1px solid #888; border-radius: 3px;
    background: #fff; color: #292929; font: inherit; font-size: 1rem; line-height: 1.5;
    box-shadow: none;
}
#contact-form textarea { resize: vertical; min-height: 10rem; }
#contact-form input:focus, #contact-form textarea:focus,
#contact-form button:focus, #contact-form a:focus { outline: 3px solid #474747; outline-offset: 3px; }
#contact-form [aria-invalid="true"] { border: 2px solid #b2291e; }
#contact-form button {
    width: auto; min-height: 48px; padding: .8rem 1.4rem; border: 2px solid #b2291e;
    border-radius: 3px; background: #b2291e; color: #fff; font: inherit; font-size: 1rem;
    font-weight: 600; cursor: pointer;
}
#contact-form button:hover { background: #902218; border-color: #902218; }
#contact-form .contact-help, #contact-form .contact-alternative { font-size: .95rem; line-height: 1.6; color: #555; }
#contact-form .contact-alternative { overflow-wrap: anywhere; }
#contact-form .contact-notice { padding: 1rem; margin-bottom: 1.5rem; border: 1px solid; font-size: 1rem; }
#contact-form .contact-notice p:first-child, #contact-form .contact-notice h4 { margin-top: 0; }
#contact-form .contact-notice ul { padding-left: 1.2rem; }
#contact-form .contact-errors, #contact-form .contact-field-error { color: #922318; }
#contact-form .contact-errors { background: #fff8f6; }
#contact-form .contact-errors a, #contact-form .contact-alternative a { color: #a52a1f; text-decoration: underline; }
#contact-form .contact-field-error { font-size: .9rem; margin: .4rem 0 0; }
#contact-form .contact-success { color: #244e36; background: #f4faf5; }
#contact-form .contact-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }