/* Contact page and server-side responses only. */
#ContactForm label { color: #fff; font-weight: 400; margin-bottom: .35em; }
#ContactForm input, #ContactForm textarea { font-weight: 400; border: 2px solid #fff; }
#ContactForm input { height: 42px; }
#ContactForm input:focus, #ContactForm textarea:focus { outline: 3px solid #bfcd3c; outline-offset: 2px; }
#ContactForm [aria-invalid="true"] { border-color: #ffb9ce; }
#ContactForm .fieldholder { margin-bottom: 1em; }
#ContactForm .contact-form-note { color: #fff; font-size: .85em; margin: 0 0 1em; }
#ContactForm .contact-field-error { color: #ffccd9; font-weight: 400; font-size: .9em; margin: .4em 0 0; }
#ContactForm .button button { display: flex; align-items: center; justify-content: center; height: auto; min-height: 44px; padding: .6em .5em; font-weight: 400; }
#ContactForm .button button .vcenter { position: static; top: auto; transform: none; }
.contact-trap { position: absolute; left: -9999px; }
.contact-response { background: #17324d; color: #fff; padding: 3em; box-sizing: border-box; }
.contact-response h1 { color: #fff; font-size: 2.2em; line-height: 1.15; margin: 0 0 .7em; }
.contact-response > p { line-height: 1.6; max-width: 42em; }
.contact-response a { color: #d5e244; text-decoration: underline; }
.contact-response #ContactForm { max-width: 35em; margin-top: 2em; }
@media (max-width: 767px) {
  .contact-response { padding: 2em 1.4em; }
  .contact-response h1 { font-size: 1.8em; }
}