/* The contact form (blocks.py r_contact_form). It reuses .donate-card and
   .field from site.css; these are the only rules it adds. Kept out of site.css
   so adding a form to one page did not mean re-versioning every page. */
.contact-card { margin: 2rem auto 0; text-align: left; }
.contact-card .field:first-child { margin-top: 0; }
.contact-card input,
.contact-card textarea {
  display: block; width: 100%; border: 1px solid var(--line); border-radius: 4px;
  padding: .7rem; font: inherit; font-size: .92rem; background: var(--white); color: var(--ink);
}
.contact-card textarea { min-height: 8rem; resize: vertical; }
.contact-card input:focus,
.contact-card textarea:focus { border-color: var(--olive-dark); outline: 2px solid rgba(87, 112, 20, .2); }
.contact-card .btn-block { margin-top: 1.6rem; }
.contact-card .btn[disabled] { opacity: .6; cursor: default; }
.contact-card .hp { position: absolute; left: -9999px; }
.form-note { margin: 1rem 0 0; font-size: .9rem; border-radius: 6px; padding: .8rem 1rem; background: var(--sand); color: var(--muted); }
.form-note.ok { color: var(--olive-dark); }
.form-note.bad { color: var(--red-dark); }