/* ============================================================
   CONTACT PAGE STYLES
   ============================================================ */

.contact-header {
  background: var(--navy);
  padding-top: 80px;
  padding-bottom: 80px;
}
.contact-header .eyebrow { color: var(--gold-light); }
.contact-header .eyebrow::before { background: var(--gold-light); }
.contact-header h1 {
  color: var(--white);
  margin-bottom: 20px;
}
.contact-header p {
  color: rgba(255,255,255,0.7);
  max-width: 480px;
}
body[data-page="contact"] .nav {
  background: var(--cream) !important;
}

/* Remove top padding from footer-contact on contact page
   (it connects directly to the dark header) */
body[data-page="contact"] .footer-contact {
  padding-top:60px;
}