/* This helps with anchor links with a sticky nav!*/
html {
  @media all and (min-width: 47em) {
    scroll-padding-top: 250px;
  }

  @media all and (min-width: 60em) {
    scroll-padding-top: 220px;
  }
}

.stuck {
  @media all and (min-width: 47em) {
    .c-alert--global {
      display: none;
    }

    .c-preheader-wrapper {
      background-color: transparent;
    }

    .c-header__inner--main {
      padding: 6px 0;
    }

    &.c-header {
      border-bottom: 2px solid var(--primary-color);
      transform: translateY(-27px);

      .c-logo {
        transform: scale(.55);
      }
    }
  }

  @media all and (min-width: 47em) and (max-width: 959px) {
    .has-submenu[aria-expanded="true"] + ul {
      transform: translateY(-20px);
    }

    .c-btn--icon-only {
      height: 32px;
      width: 32px;
    }
  }

  @media all and (min-width: 60em) {
    .c-primary-nav__link {
      font-size: var(--font-size-med-1);
    }
  }

  @media all and (min-width: 70em) {
    &.c-header {
      transform: translateY(-27px);
    }
  }
}

/* Moved over from _header.scss*/
.stuck.c-header .hanger-header-wrapper .c-logo {
  transform: scale(0.8);
}

.stuck.c-header .hanger-header-wrapper .hanger-primary-nav-search {
  margin-top: 0;
  margin-top: 7px;
}

@media all and (min-width: 47em) {
  .stuck.c-header .hanger-header-wrapper .hanger-primary-nav-search {
    margin-top: -8px;
  }
}

@media all and (min-width: 60em) {
  .stuck.c-header .hanger-header-wrapper .hanger-primary-nav-search {
    margin-top: 7px;
  }
}

@media all and (min-width: 70em) {
  .stuck.c-header .hanger-header-wrapper .hanger-primary-nav-search {
    margin-top: 7px;
  }
}

@media all and (min-width: 90em) {
  .stuck.c-header .hanger-header-wrapper .hanger-primary-nav-search {
    margin-top: 5px;
  }
}

.stuck.c-header .hanger-header-wrapper .hanger-header-layout {
  padding: 0 1rem 1rem;
  width: 100%;
}

@media all and (min-width: 60rem) {
  .stuck.c-header .hanger-header-wrapper .hanger-header-layout {
    padding: 5px 1rem;
  }
}

@media all and (min-width: 47em) {
  .stuck.c-header .hanger-header-wrapper .hanger-header-layout .hanger-primary-nav .c-primary-nav__link {
    line-height: 1;
    font-size: 18px;
  }
}

@media all and (min-width: 47em) and (min-width: 47em) {
  .stuck.c-header .hanger-header-wrapper .hanger-header-layout .hanger-primary-nav .c-primary-nav__link {
    line-height: 1;
  }
}

@media all and (min-width: 47em) and (min-width: 60em) {
  .stuck.c-header .hanger-header-wrapper .hanger-header-layout .hanger-primary-nav .c-primary-nav__link {
    line-height: 3.5;
  }
}

@media all and (min-width: 47em) and (min-width: 70em) {
  .stuck.c-header .hanger-header-wrapper .hanger-header-layout .hanger-primary-nav .c-primary-nav__link {
    line-height: 3;
  }
}

@media all and (min-width: 47em) and (min-width: 90em) {
  .stuck.c-header .hanger-header-wrapper .hanger-header-layout .hanger-primary-nav .c-primary-nav__link {
    line-height: 2.3;
  }
}

@media all and (min-width: 47em) and (min-width: 47em) {
  .stuck.c-header .hanger-header-wrapper .hanger-header-layout .hanger-primary-nav .c-primary-nav__link {
    font-size: 16px;
  }
}

@media all and (min-width: 47em) and (min-width: 60em) {
  .stuck.c-header .hanger-header-wrapper .hanger-header-layout .hanger-primary-nav .c-primary-nav__link {
    font-size: 16px;
  }
}

@media all and (min-width: 47em) and (min-width: 70em) {
  .stuck.c-header .hanger-header-wrapper .hanger-header-layout .hanger-primary-nav .c-primary-nav__link {
    font-size: 18px;
  }
}

@media all and (min-width: 47em) and (min-width: 90em) {
  .stuck.c-header .hanger-header-wrapper .hanger-header-layout .hanger-primary-nav .c-primary-nav__link {
    font-size: 22px;
  }
}