.section-nav {
  z-index: @zindex-navbar;
  position: absolute;
  width: 100%;
  transition: all 1s ease;

  @media screen and (max-width: @grid-float-breakpoint-max) {
    display: none;
  }

  &.affix {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: @jumbotron-bg;
    background: @jumbotron-gradient;

  }

  &.headroom--unpinned { }

  &.headroom--top { }

  &.headroom--not-top {
    top: -(@navbar-height + @padding-large-vertical * 4);
    position: fixed;
  }

  &.headroom--not-top.headroom--pinned {
    top: 0;
  }
}

.navbar .navbar-nav {
  &::before, &::after {
    content: none;
  }
  > li {

    > a {
      font-size: 24px;
      font-family: @headings-font-family;
      position: relative;
      text-shadow: 0 1px 1px rgba(0,0,0,.9);
      transition: color .5s ease;

      @media screen and ( min-width: @screen-md ) {
        padding: @nav-link-padding-vertical @nav-link-padding-horizontal*1.2;
      }

      @media screen and ( min-width: @screen-lg ) {
        padding: @nav-link-padding-vertical @nav-link-padding-horizontal*1.7;
      }

      &:after {
        content: '';
        height: 2px;

        left: @nav-link-padding-horizontal;

        @media screen and ( min-width: @screen-md ) {
          left: @nav-link-padding-horizontal*1.2;
        }

        @media screen and ( min-width: @screen-lg ) {
          left: @nav-link-padding-horizontal*1.7;
        }

        right: 100%;
        transition: all .25s ease .1s;

        bottom: -2px;
        background-color: @jumbotron-bg;
        position: absolute;
      }
      &:before {
        content: '/';
        font-weight: 200;
        position: absolute;
        left: 0;
      }
    }

    &:hover, &:focus, &.active {

      > a:after {
        transition: all .25s ease;
        right: @nav-link-padding-horizontal;

        @media screen and ( min-width: @screen-md ) {
          right: @nav-link-padding-horizontal*1.2;
        }

        @media screen and ( min-width: @screen-lg ) {
          right: @nav-link-padding-horizontal*1.7;
        }

        background-color: @brand-secondary;
      }
    }
    &:first-child > a {
      padding-left: 0;
      &:after {
        left: 0;
      }
      &:before {
        content: '';
      }
    }

    &.dropdown {

      > .dropdown-menu {

        border-width: 10px 0 0 0;

        left: @nav-link-padding-horizontal;

        @media screen and ( min-width: @screen-md ) {
          left: @nav-link-padding-horizontal*1.2;
        }

        @media screen and ( min-width: @screen-lg ) {
          left: @nav-link-padding-horizontal*1.7;
        }

      }

      &:hover > .dropdown-menu {
        //display: block;
      }
    }

    &:first-child > .dropdown-menu {
      left: 0;
    }

    .level2 > li > a {
      font-size: 20px;
    }

  }
}

#backToTop {
  position: fixed;
  z-index: @zindex-navbar;
  bottom: @padding-large-vertical * 2;
  right: @padding-large-horizontal;
  border-color: #fff;
  .icon:before {
    margin-left: 0;
    margin-right: 0;
  }
}
