.top-navigation {
  display: flex;
  height: 37px;
  background-color: #00305B;
  margin-bottom: 1.85em;
  transition: all 0.3s ease; }
  .top-navigation ul li {
    margin: 0; }
  .top-navigation button {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer; }
  .top-navigation .quick-links-toggle {
    font-size: .835em;
    font-weight: 500;
    line-height: 1.5;
    display: none;
    width: fit-content;
    padding: .78em 0 .78em 2.5%;
    color: #FFFFFF;
    text-align: left; }
    .top-navigation .quick-links-toggle:after {
      content: "";
      display: inline-block;
      width: .75em;
      height: .75em;
      margin-left: 1em;
      border-style: solid;
      border-color: #FFFFFF;
      border-width: 2px 2px 0 0;
      transform: rotate(135deg) translate(0, 1px);
      transition: all 400ms ease; }
  .top-navigation .menu a {
    display: block;
    color: #FFFFFF;
    white-space: nowrap; }
    .top-navigation .menu a:hover {
      color: #E94E24; }
  .top-navigation .menu .menu__link--active-trail {
    color: #E94E24; }
  @media only screen and (max-width: 719.98px) {
    .top-navigation {
      position: relative;
      display: flex;
      flex-direction: column; }
      .top-navigation.open .quick-links-toggle:after {
        transform: rotate(-45deg) translate(-2px, 2px); }
      .top-navigation.open .menu {
        max-height: 200px; }
      .top-navigation .quick-links-toggle {
        display: inline-block; }
      .top-navigation .menu {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        max-width: 162px;
        max-height: 0;
        padding-left: 2.5%;
        background-color: #00305B;
        overflow: hidden;
        z-index: 10;
        transition: max-height 500ms ease-in-out; }
        .top-navigation .menu .menu__item--level-1:first-child a {
          padding-top: 1.3em; }
        .top-navigation .menu .menu__item--level-1:last-child a {
          padding-bottom: 1.3em; }
        .top-navigation .menu a {
          font-size: 0.835em;
          font-weight: 500;
          line-height: 1.5;
          padding-block: .7em; } }
  @media only screen and (min-width: 720px) {
    .top-navigation .menu {
      width: 90%;
      max-width: 1266px;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: center;
      gap: 4.125em; }
      .top-navigation .menu a {
        font-size: 1em;
        font-weight: 600;
        line-height: 1.4;
        padding: .6em; } }
  @media only screen and (min-width: 1080px) {
    .top-navigation .menu {
      gap: 4.125em; } }

header.header-scrolled .top-navigation {
  height: 0;
  opacity: 0;
  transform: translateY(-100%); }
header.header-scrolled #quick-links-menu {
  visibility: hidden; }

/*# sourceMappingURL=top-navigation.css.map */
