.ui.main.menu {
  background: rgb(60, 60, 90);
  border-bottom: 0;
  min-height: 64px;
  #navbar {
    width: 1127px ;
    .item {
      color: rgb(215, 215, 225);
      &.brand {
        margin: 0 .5rem 0 0;
        .mini.image {
          transition: opacity .2s;
          &:hover {
            opacity: .9;
          }
        }
      }
      &:not(.brand) {
        display: block;
        padding: 24px;
        border-radius: 0;
        margin: 0px 0px;
        transition: background .2s, color .2s;
        &:hover {
          background: rgb(50, 50, 75);
          color: rgb(255, 255, 255);
        }
        &.active {
          color: rgb(245, 245, 255);
          background: rgb(50, 50, 75);
        }
      }
    }
  }
  .dropdown.item > .menu {
    margin-top: 0;
  }
  .dropdown.item > .menu, 
  &.text.menu .dropdown.item > .menu {
    border: 0;
  }
  .dropdown.item:hover, 
  .link.item:hover, 
  .active.item:hover, 
  a.item:hover {
    color: #ffffff;
  }
}