nav
  @include font-size(18px, 14px)

  a:link, a:visited, a:link:not(.ae-btn)
    text-decoration: none
    display: block
    color: $body-color
    padding: 0.25em 0.5em
    @include easeInOut

    &:hover
      color: $primary-color

.ae-nav-item, .ae-page-item
  &.active
    a:link, a:visited
      color: $primary-color

      .fa
        color: #fff

.ae-nav-left
  float: left

.ae-nav-right
  float: right

.ae-page-item
  & > a
    @include button

.ae-nav-main
  @include hide-scrollbar
  overflow: scroll
  white-space: nowrap
  float: none

  @include tablet-max
    background: $gray-background
    border-top: 1px solid $border-light

  .ae-list-inline .ae-nav-item
    display: inline-block
    float: none

  @include tablet
    text-align: right

  .ae-nav-item
    float: left

    @include tablet-max
      border-right: 1px solid $border-light
      padding: 0.5em

  .ae-nav-item.active
    @include tablet-max
      background: $body-background

.ae-breadcrumbs
  .ae-nav-item
    position: relative

    &:not(:first-of-type)
      margin-left: 0.5em

    &:after
      content: " »"
      position: absolute
      top: 0.3em
      right: -0.3em
      color: $icon-color

.ae-mega-menu
  .ae-mega-menu-title
    padding:
      top: 0
      left: 0.5em
      right: 0.5em
    margin-bottom: 1em

  .ae-mega-menu-close
    text-decoration: none

  .ae-nav-mega-menu-content
    background: #fff
    padding: 1em
    position: relative
    z-index: 2
    @include box-shadow(0, 0px, 5px, 0, $border-light)
    @include border-radius(2px)
    @include animate(1s)
    opacity: 1

  [class*="ae-nav-mega-menu-list"]
    min-height: 140px
    overflow: scroll
    @include hide-scrollbar

  .ae-nav-mega-menu-list-icons
    .ae-nav-mega-menu-item
      border-right: 1px solid $border-light
      padding: 1em
      text-align: center

  .ae-nav-mega-menu-list
    .ae-nav-mega-menu-item
      padding: 0.5em
      text-align: left

      &-inline
        a:link
          display: inline-block !important


      a:link
        display: block

      img
        display: inline-block
        vertical-align: middle
        margin-right: 1em
        margin-bottom: 0
        margin-top: 0
        width: 25px