/**
 * About, Contact & FAQ — page hero spacing, FAQ accordion states
 */

.page-hero {
  padding-top: 7.5rem;
  padding-bottom: 2rem;
}

@media (min-width: 1024px) {
  .page-hero {
    padding-top: 8.5rem;
    padding-bottom: 2.5rem;
  }
}

.faq-item[open] .faq-chevron {
  transform: rotate(180deg);
}

.contact-form-success {
  display: none;
}

.contact-form-success.is-visible {
  display: block;
}

.contact-form.is-hidden {
  display: none;
}