/* RheumWell theme: Contact Us page rules. Loaded after shared.css on /contact-us/ and /survey/ (message form). */
/* First section clears the fixed header, like the hero. */
.contact-top { padding-top:calc(var(--header-h) + 56px); }
.contact-sub {
  font-family:var(--display); font-style:italic; font-size:1.3125rem; line-height:1.4;
  color:var(--text-2); margin-top:4px; max-width:26ch; text-wrap:pretty;
  font-variation-settings:"opsz" 48, "SOFT" 60;
}

/* Facts rows: same bones as the "What to expect" blocks. */
.contact-row { padding:28px 0; border-top:1px solid var(--border); }
.contact-row:first-child { padding-top:0; border-top:none; }
.contact-row h2 {
  font-size:1.375rem; font-weight:500; color:var(--text);
  margin-bottom:10px; line-height:1.25; letter-spacing:-0.01em; text-wrap:pretty;
  font-variation-settings:"opsz" 48, "SOFT" 30;
}
.contact-row p, .contact-row address {
  font-size:1.0625rem; line-height:1.55; color:var(--text-2); max-width:68ch; text-wrap:pretty; font-style:normal;
}
.contact-row p + p, .contact-row address + p { margin-top:8px; }
.contact-address { color:var(--text); }
.contact-fax { white-space:nowrap; }
.contact-address .addr-line { display:block; }
/* The number is the page's one display moment: Fraunces, link colour, no underline until hover. */
.contact-phone {
  display:inline-block; font-family:var(--display); font-weight:500;
  font-size:clamp(1.875rem, 2.8vw, 2.5rem); line-height:1.1; letter-spacing:-0.02em;
  color:var(--terra-text); text-decoration:none; white-space:nowrap; margin-bottom:12px;
  border-bottom:2px solid transparent; transition:border-color var(--fast);
  font-variation-settings:"opsz" 96, "SOFT" 30;
}
.contact-phone:hover { border-bottom-color:var(--terra-text); }

@media (max-width:900px) {
  .contact-top { padding-top:calc(var(--header-h) + 36px); }
  .contact-row { padding:22px 0; }
}

/* Facts and form side by side in one section. */
.contact-side .contact-rows { margin-top:36px; }
.contact-side .contact-row:first-child { padding-top:0; }
.form-box-head { margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid var(--border); }
.form-box-head h2 {
  font-size:1.375rem; font-weight:500; color:var(--text); margin-bottom:4px; line-height:1.25;
  letter-spacing:-0.01em; font-variation-settings:"opsz" 48, "SOFT" 30;
}