/* Shared alignment treatment for public marketing sections. */

.public-home-discover-section .public-home-section-heading.split-heading {
  display: block;
  text-align: center;
}

.public-home-discover-section .public-home-section-heading.split-heading > div {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.public-home-discover-section .public-home-location-filter {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.public-volunteer-journey-section .public-volunteer-section-heading,
.public-organization-journey-section .public-organization-section-heading {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.public-volunteer-journey-section .public-volunteer-section-heading p,
.public-organization-journey-section .public-organization-section-heading p {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.public-volunteer-journey-grid article,
.public-organization-journey-grid article {
  text-align: center;
}

/* Force the standalone Find an Organization and Discover Opportunities hero
   content to center relative to the full page, not a shifted inner shell. */
.public-discovery-page > main > .public-discovery-page-hero > .public-discovery-page-shell {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

.public-discovery-page > main > .public-discovery-page-hero > .public-discovery-page-shell > .public-discovery-page-kicker,
.public-discovery-page > main > .public-discovery-page-hero > .public-discovery-page-shell > h1,
.public-discovery-page > main > .public-discovery-page-hero > .public-discovery-page-shell > p {
  width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.public-discovery-page > main > .public-discovery-page-hero > .public-discovery-page-shell > p {
  max-width: 760px !important;
}