.generic-desktop-navigation {

@include phone {
  display: none !important;
}

@include desktop {
  position: absolute;
  top: 50px;
  right: 10px;
  z-index: 30;
  width: 220px;
  background: white;

  .generic-sidebar-menu,
  .generic-public-sidebar-menu    {
    width: 100%;
    float: none;
    position: relative;
    padding: 0;
  }

  >nav>ul>li {
    overflow: hidden;
    transition:         all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;

    &:before {
      content: '';
      display: block;
      position: absolute;
      right: 10px;
      top: 14px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 5px 0 5px;
      border-color: $gray-200 transparent transparent transparent;
    }
  }

  ul.related-links:last-child {
    padding-bottom: 10px;
  }

  ul.related-links li {
    height: auto;
  }

  .current-menu-item         ul         { display: none; }
  &:hover .current-menu-item ul         { display: block; }
  >nav>ul>li                            { height: 0px; }
  &:hover >nav>ul>li.current-menu-item  { height: auto; }
  >nav>ul>li.current-menu-item          { height: 32px; }
  &:hover >nav>ul>li                    { height: 32px; }
  &:hover >nav>ul>li:before             { display: none; }
  ul.related-links                      { display: none; }
  >nav>ul.related-links>li              { height: auto; }
  &:hover ul.related-links              { display: block; }
}

}