/* Community headers use the same vertical rhythm as the centered column header. */
.community-page .community-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 400px !important;
  min-height: 400px;
  padding: 90px 24px 70px !important;
  text-align: center;
}

.community-page .community-hero .eyebrow {
  margin: 0 0 12px !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
}

.community-page .community-hero h1 {
  margin: 0 !important;
  font-size: 64px !important;
  line-height: 1.18 !important;
}

html[data-community-page="faq"] .community-hero .community-tabs:last-of-type {
  position: absolute;
  right: 24px;
  bottom: 32px;
  left: 24px;
  margin: 0 auto !important;
}

html[data-community-page="event"] .event-card h2 {
  margin: 18px 0 5px !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

@media (max-width: 900px) {
  .community-page .community-hero {
    height: 310px !important;
    min-height: 310px;
    padding: 74px 20px 46px !important;
  }

  .community-page .community-hero h1 {
    font-size: clamp(40px, 10vw, 52px) !important;
  }

  html[data-community-page="faq"] .community-hero {
    height: auto !important;
    min-height: 390px;
    padding-bottom: 125px !important;
  }

  html[data-community-page="faq"] .community-hero .community-tabs:last-of-type {
    right: 20px;
    bottom: 24px;
    left: 20px;
  }
}