:root {
  --site-header-height-wide: var(--sp0-25);
  --header-height-wide-when-fixed: var(--sp5);
}

@media (min-width: 43.75rem) {
  .main-content__container {
    padding-block-start: var(--sp2);
    padding-block-end: var(--sp2);
  }
  .no-rotate .tabs {
    flex-direction: column;
  }
}

@media (min-width: 62.5rem) {
  .layout--content-medium,
  .layout--pass--content-medium > * {
    grid-column: 1 / 24;
  }

  .region > *:where(:not([data-big-pipe-placeholder-id])) {
    margin-block-end: var(--sp1);
  }

  .region--content {
    margin-block-end: 0;
  }
}

@media (min-width: 75rem) {
  body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed {
    inset-block-start: calc(var(--drupal-displace-offset-top, 0px) - var(--sp0));
    max-width: 100%;
  }

  body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner {
     transform: translateX(0%);
     opacity: 1;
  }

  body:not(.is-always-mobile-nav) .secondary-nav::before {
    content: none;
  }

  body:not(.is-always-mobile-nav) .primary-nav__menu-item--level-1:not(:last-child) {
    margin-inline-end: var(--sp0-5);
  }

  .site-header__fixable {
    position: fixed;
    max-width: 100%;
    border: 0;
    border-bottom-color: var(--base-border-color);
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }

  .sticky-header-toggle {
    height: var(--sp4);
  }

  .main-content {
    width: 100%;
  }

  .layout-main {
    width: 1330px;
    margin-left: auto;
    margin-right: auto;
  }

  .site-footer__inner {
    padding-block: var(--sp2);
  }
}

body {
  background-image: linear-gradient(140deg, #e9f4fa 0%, #d7eaf7 69%, #c1ddf2 100%);
  min-height: 100vh;
}

.container,
.page-wrapper{
  max-width: 100%;
  background: transparent;
}

.site-header__inner {
  width: 100vw;
}

.layout-main-wrapper {
  padding-top: 0;
}
  @media(min-width: 1200px) {
    .layout-main-wrapper {
      padding-top: 92px;
    }
  }

.site-footer {
  display: none;
  min-height: 9.5vh;
  border: 0 !important;
}

.view-filters,
.view-footer {
  grid-column: 1 / 11;
}

.no-rotate .tabs__link {
  padding-inline: var(--sp0-5);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.5px;
}
