@media (min-width: 75rem) {

  body.is-always-mobile-nav .header-nav {
    overflow: auto;
    max-width: max-width: 50vw;
    padding-inline-end: var(--sp2);
    transition: transform 0.2s, visibility 0.2s;
    border-top-width: calc(var(--drupal-displace-offset-top, 0px) + var(--sp11));
  }
}


@media (min-width: 90rem) {

  body.is-always-mobile-nav .header-nav {
    padding-inline-end: calc((50vw - (var(--max-width) / 2)) + var(--content-left) - var(--sp2));
  }
}


@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed {
    position: fixed;
    z-index: 102; /* Appear above body content that is position: relative */
    inset-block-start: calc(var(--drupal-displace-offset-top, 0px) - var(--sp4));
    max-width: var(--max-bg-color);
    -webkit-clip-path: inset(0 0 -100vh 0);
    clip-path: inset(0 0 -100vh 0);
  }
}

@media (--nav) {
  body:not(.is-always-mobile-nav) {
    & .page-wrapper--centered {
      & .site-header__fixable {
        clip-path: inset(0 0 -100vh 0);
      }
    }

    & .site-header__fixable.is-fixed {
      position: fixed;
      z-index: 102; /* Appear above body content that is position: relative */
      inset-block-start: calc(var(--drupal-displace-offset-top, 0px) - var(--sp4));
      max-width: var(--max-bg-color);
    }
  }
}

.page-wrapper, .region--content {
  margin-inline: auto;
}

@media (min-width: 90rem) {
.page-wrapper, .region--content, main-content__container, .container {
  margin-left:auto;
  margin-right:auto;
}

@media (min-width: 75rem) {
.page-wrapper, .region--content, main-content__container, .container {
  max-width: 100vw;
}

.page-wrapper--centered {
    margin-inline: auto;
  }
}