.hero {
  min-height: 500px;
}

.nav {
  display: block;
  height: auto;
  min-height: var(--header-height);
  padding-top: 12px;
  padding-bottom: 12px;
}

.logo {
  margin-bottom: 16px;
}

.menu {
  justify-content: flex-start;
  font-size: 11px;
}

/* Submenus collapse to static on mobile */
.sub-menu,
.sub-menu .sub-menu {
  position: static;
  display: none;
  min-width: 100%;
  margin-top: 10px;
  font-size: 16px;
  transform: none;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  box-shadow: none;
  backdrop-filter: none;
}

.sub-menu::before,
.sub-menu .sub-menu::before {
  display: none;
}

/* CSS hover/focus-within for keyboard users */
.menu > li:hover > .sub-menu,
.menu > li:focus-within > .sub-menu,
.sub-menu .menu-item-has-children:hover > .sub-menu,
.sub-menu .menu-item-has-children:focus-within > .sub-menu {
  display: block;
}

/* JS-controlled open state (set by navigation.js on click) */
.menu > li.is-open > .sub-menu,
.sub-menu .menu-item-has-children.is-open > .sub-menu {
  display: block;
}

.quick-cards {
  margin-top: -30px;
}

.sacrament-grid {
  grid-template-columns: 1fr;
}