/* Contact page: keep the shared header and footer on the same dark mountain
   surface as the contact form instead of falling back to the generic light shell. */
.contact-page.sol-page {
  background: linear-gradient(180deg, rgba(0, 19, 45, .74), rgba(0, 25, 39, .88)), url("assets/mountain-background.jpg") center top / cover fixed !important;
}
.contact-page .sl-contact { background: transparent !important; }
.contact-page .hdr {
  background: transparent !important;
  box-shadow: none !important;
}
.contact-page .hdr.scrolled {
  background: linear-gradient(180deg, rgba(0, 15, 35, .94), rgba(0, 19, 45, .72)), url("assets/mountain-background.jpg") center / cover !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.08), 0 8px 24px rgba(0,0,0,.18) !important;
}
.contact-page .hdr-nav a,
.contact-page .hdr-login { color: rgba(255,255,255,.9) !important; }
.contact-page .hdr-nav a.on,
.contact-page .hdr-nav a:hover,
.contact-page .hdr-login:hover { color: #1dd969 !important; }
.contact-page .footer {
  padding: 64px 0 40px;
  background: transparent;
}