/* Early paint: page bg + header colors before JS header inject */
:root { --page-bg: #fdfbf7; }
html, body { background: var(--page-bg); }

body.community-page #main-header,
body.community-page .global-site-header,
body.columns-page #main-header,
body.columns-page .global-site-header {
  background: #fdfbf7;
}

html[data-community-page="directions"],
html[data-community-page="directions"] body,
html[data-community-page="directions"] .community-main {
  background: #fdfbf7 !important;
}

html[data-community-page="directions"] body.community-page #main-header,
html[data-community-page="directions"] body.community-page #main-header.global-site-header,
html[data-community-page="directions"] body.community-page .global-site-header {
  background: #fdfbf7 !important;
}

html[data-community-page="directions"] .community-hero {
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 40px 24px 36px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  background: #fdfbf7 !important;
}

@media (max-width: 900px) {
  html[data-community-page="directions"] .community-hero {
    padding: 32px 20px 28px !important;
  }
}