/* Custom CALS Navbar */
/*---------------------------------------*/

#cals-navbar {
  background-color: #b31b1b;
  transition: .25s;
}
#cals-navbar .navbar-brand {
  font-family: 'Work Sans';
}

.sidebar-toggle {
  transition: background 0.5s ease;
  background: #b31b1b;
  padding: 16px 21px;
  height: 53px;
}
.sidebar-toggle:hover {
  cursor: pointer;
}
.sidebar-toggle:hover .icon-bar {
  background-color: #dae0e5 !important;
}
.sidebar-toggle .icon-bar {
  display: block;
  height: 3px;
  width: 22px;
  transition: transform 0.5s;
}
.sidebar-toggle.toggled {
  background: #d8d2c9;
}
.sidebar-toggle.toggled:hover .icon-bar {
  background-color: #f8f9fa !important;
}
.sidebar-toggle.toggled:hover .icon-bar:first-child {
  transform: rotate(225deg) translate(-5px, -5px) scale(1.25);
}
.sidebar-toggle.toggled:hover .icon-bar:nth-child(2) {
  transform: rotate(-45deg) translate(0px, 0px) scale(1.25);
}
.sidebar-toggle.toggled:hover .icon-bar:nth-child(3) {
  transform: rotate(-225deg) translate(-5px, 5px) scale(1.25);
}

.navbar-brand .beta-tag {
  font-size: 12px;
  bottom: -5px;
}



/* Custom targeted nav item styles */

#user-menu-switch {
  height: 53px;
}
#user-menu-link:after {
  vertical-align: 0.1em;
}
#yammer-switch {
  width: 50px;
  height: 53px;
}
#user-menu-link, #yammer-switch {
  font-size: 18px;
}
#yammer-switch:hover {
  color: #cbd3da !important;
  cursor: pointer;
}
#yammer-switch.toggled, #user-menu-switch.show {
  background-color: #A10606;
}