/* Bottom / secondary nav */

.secondary-nav {
  padding-top: 90px;
  text-transform: uppercase;
  font-weight: 600;
  height: 150px;
}

.secondary-nav--precedes-highlight {
  background-color: $light-grey;
}
// Mobile / hamburger menu

@media (max-width: 768px) {
  .secondary-nav {
    height: 75px;
  }

  .secondary-nav > .container {
    z-index: 3000;
    position: absolute;
    width: 100%;
    background-color: $light-grey;
  }

  .secondary-nav__menu {
    max-height: 0;
    overflow: hidden;
    display: block;

    li {
      margin-left: 0;
      -webkit-tap-highlight-color: rgba(0,0,0,0);
      -webkit-tap-highlight-color: transparent;

      a {
        padding: $spacing-04 0;
        display: block;
        line-height: 1;
        border-top: 1px solid rgba($dark-grey, 0.5);
      }

      li a {
        border: 0;
      }

      &:first-child a {
        border: 0;
      }
    }
  }

  .secondary-nav__menu-toggle--active {
    max-height: 100%;
    height: auto;
  }


  // Dropdown
  .open {
    > .dropdown__menu {
      position: static;
      float: none;
      width: 100%;
      background-color: transparent;
      border: 0;
    }

    > .dropdown__trigger {
      font-weight: 600;
    }

    a {
      font-weight: 600;
    }
  }


  .dropdown__link:before {
    content: "— ";
  }
}

.secondary-nav__item_mobile {
  @media (min-width: 769px) {
    display: none;
  }
}
