.ui.main.menu {
  background: $bg60;
  border-bottom: 0;
  font-size: 15px;
  min-height: 64px;
  font-family: $font-family;
  #navbar {
    width: 1127px ;
    padding: 0;
    .item {
      color: $white;
      &.brand {
        margin: 0 .5rem 0 0;
        .mini.image {
          transition: opacity .2s;
          &:hover {
            opacity: .9;
          }
        }
        .button.mobile-only {
          display: none;
        }
      }
      @if $singleuser == true {
        &[href*="explore"], 
        &[href*="docs.gitea"] {
          display: none !important;
        }
      }
      &:not(.brand) {
        border-radius: 0;
        display: block;
        margin: 0px 0px;
        padding: 24px;
        transition: background .2s, color .2s;
        &:hover {
          background: $bg50;
        }
        &.active {
          background: $bg50;
        }
      }
    }
    .seperator {
      cursor: default;
      display: block;
      padding: 22px;
    }
    .right.stackable.menu {
      @if $type == static {
        display: none;
      }
      .dropdown.item {
        .menu {
          background: $bg60;
          box-shadow: none;
          color: $white;
          .header {
            color: $white;
          }
          .divider {
            border-color: $bg80;
          }
          .item {
            color: $white !important;
            &:hover {
              background: $bg50 !important;
            }
          }
        }
      }
    }
  }
  .dropdown.item > .menu {
    margin-top: 0;
  }
  .dropdown.item > .menu, 
  &.text.menu .dropdown.item > .menu {
    border: 0;
    z-index: 110;
  }
  .dropdown.item:hover, 
  .link.item:hover, 
  .active.item:hover, 
  a.item:hover {
    color: $white-light;
  }
}

@media (max-width: 767.98px) {
  .ui.main.menu {
    flex-direction: row;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    #navbar {
      .item {
        width: auto !important;
      }
      .right.custom.menu {
        display: inherit !important;
        flex-direction: row !important;
        margin-left: auto !important;
      }
    }
  }
}