.ui.main.menu {
background: rgb(60, 60, 90);
border-bottom: 0;
min-height: 64px;
@include font-family();
#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) {
border-radius: 0;
display: block;
margin: 0px 0px;
padding: 24px;
transition: background .2s, color .2s;
background: rgb(50, 50, 75);
color: rgb(255, 255, 255);
&.active {
color: rgb(245, 245, 255);
.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;