/**
 * @file
 * Section 6: Page structure & footer.
 *
 * Split from css/staged-edits-from-gui.css (see docs/Theme updates.md for
 * the full split file list).
 */

/* ---------- Page wrapper / off-canvas / flex chain ---------- */

body .dialog-off-canvas-main-canvas {
  min-height: calc(100vh - 103px);
  display: flex;
  flex-direction: column;
}

.dialog-off-canvas-main-canvas,
#page-wrapper,
#page,
#main-wrapper {
  flex: 1 0 auto;
}

.main-content {
  margin-bottom: 80px;
}

/* ---------- Footer ---------- */

.site-footer {
  background: var(--bs-body-color);
}

footer.site-footer {
  margin-top: auto;
}

/* ---------- Full-width helper ---------- */

.full-width {
  /* commented out duplicate property probably delete? width: 100vw; */
  width: calc(100vw - var(--drupal-displace-offset-left, 0px));
}

.region-wrapper-featured-top.full-width {
  overflow: hidden;
}