/**
 * @file
 * Layout styling for pages.
 */

.page {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
}

.page--full-width {
  --layoutContentWidth: none;
  --layoutContentSpacing: 0;
}

.page__header {
  --header-padding: 0 var(--gutterWidth);
  position: sticky;
  top: 0;
  z-index: 50;
}

.page__cta,
.page__cta:hover {
  color: var(--buttonColor);
  text-decoration: none;
}

.page__header--overlay,
.page__header--overlay + .page__content {
  grid-row: 1 / -1;
  grid-column: 1;
}

.page__footer {
  --linkColor: var(--headingColor);
  max-width: 65em;
  width: 100%;
  margin: var(--layout06) auto var(--layout02);
  padding-left: var(--gutterWidth);
  padding-right: var(--gutterWidth);
}