@media only screen and (min-width: $mobile_width) {
  .nav {
    //* first level */

    ul li {
      position: relative;
      z-index: 2;
    }
    ul li:hover > ul {
      display: inline;
      position: absolute;
      top: 2.125em; //2.15em
      left: 0;
      background: shift-color($primary-nav-bg);

      transform: scale(1, 1);
      transition: transform 0.4s ease;
      transform-origin: left top;
    }
    ul li:hover ul ul {
      transform: scale(0, 1);
    }

    //* second level */
    ul ul li:hover > ul {
      display: block;
      position: absolute;
      left: 180px;
      top: 0;
      transform: scale(1, 1);
      transition: transform 0.4s ease;
      transform-origin: left center;
    }
    ul li:hover ul li:hover ul li a {
      display: block;
    }
    ul ul ul ul {
      display: none;
    }

    //* third level */

    //* Icons */
    .menu-item-has-children > a:after {
      content: "\BB";
      opacity: 0.5;
      margin-left: 5px;
      display: inline-block;
    }

    .menu > .menu-item-has-children > a:after {
      @include rotate(90deg);
    }
  }
}
/* Show only when sticky
Breaks when we have nested stickies, but we don't have them
*/
.sticky-show {
  display: none;
}

.is-sticky .sticky-show {
  display: inline-block;
}

.is-sticky {
  #site-header-container,
  #primary-nav-container,
  #sticky-search {
    -webkit-box-shadow: 0 1px 22px -10px $sticky-header-bg;
    -moz-box-shadow: 0 1px 22px -10px $sticky-header-bg;
    box-shadow: 0 1px 22px -10px $sticky-header-bg;
    transition: transform 0.3s ease;
  }
}

.sticky-hidden {
  #site-header-container,
  #primary-nav-container,
  #sticky-search {
    transform: translateY(-100%);
  }
}

@media only screen and (max-width: $mobile_width) {
  #side-pane {
    .menu {
      line-height: 40px;
    }
    .menu li {
      position: relative;
      margin: 0;
      color: #fff;
      list-style: none;
    }
    .menu li a {
      display: block;
      color: #fff;
      padding: 0 20px;
      border-bottom: solid 1px rgba($light-1, 0.1);
    }
    .menu li li a {
      background: rgba($light-1, 0.1);
    }
    .menu li li li a {
      background: rgba($light-1, 0.05);
    }
    .plus {
      display: none;
    }
    .menu li.menu-item-has-children > .status:before {
      display: inline-block;
      position: absolute;
      right: 0;
      padding-right: 20px;

      font-family: swift-icons;
      content: "\4d";
      width: 40px;
      height: 40px;
      margin: auto;
      text-align: right;
      top: 0;
      z-index: 999;
    }
    .menu li.expanded > .status:before {
      content: "\4e";
    }

    .menu li .sub-menu {
      list-style: none;
      opacity: 0;
      max-height: 0;
      transition: all 200ms ease-in;
    }
    .menu li.expanded > .sub-menu {
      max-height: 600px;
      visibility: visible;
      opacity: 1;
    }
  }
}
