/* Navbar menu */
.navbar-fixed-left {
  margin: 0 55px 0 70px;
  width: 234px;
  background-color: var(--alma-mater-blue);
  border-radius: 22px;
  color: white;
}

@media (max-width: 991px) {
  .navbar-fixed-left {
    margin: 0 20px;
  }
}

.navbar-fixed-left .navbar-collapse {
  padding: 0;
}

.navbar-fixed-left .navbar-collapse,
.navbar-fixed-left .region-navigation-collapsible,
.navbar-fixed-left nav {
  height: 100%;
}

.navbar-fixed-left .glyphicon {
  color: white;
}

.navbar-fixed-left .navbar-header {
  margin-bottom: 0;
  position: relative;
  z-index: 1000;
}

.navbar-fixed-left .navbar-header:after {
  display: none;
}

.navbar-fixed-left nav {
  margin-top: 0;
  width: 234px;
}

.navbar ul.menu div.menu-link-item-content-area {
  margin-right: 13.5px;
  width: 100%;
}

.navbar ul.menu li.menu-item.voyager_left_nav {
  display: inherit;
}

.navbar ul.menu li.menu-item {
  display: inline-flex;
  max-width: 100%;
  justify-content: left;
  align-items: inherit;
  min-height: 64px;
}

.navbar-fixed-left ul.menu {
  display: grid;
  grid-template-rows: repeat(auto-fill, 64px);
  height: calc(100% - 64px);
  width: 100%;
  margin-bottom: 0;
}

.navbar-fixed-left ul.menu li {
  padding-left: 16px;
}

/* Hover and active left purple column */
.navbar-fixed-left ul.menu li:hover {
  background-color: var(--blue-yonder-50a);
}

.navbar-fixed-left ul.menu li:hover:before,
.navbar-fixed-left ul.menu li.menu-item--active-trail:before {
  display: none;
}

/* Menu icon color swap */
.navbar-fixed-left ul.menu li.menu-item .menu_link_content img {
  filter: invert(100%) sepia(7%) saturate(7457%) hue-rotate(182deg) brightness(117%) contrast(98%);
}

/* Menu items */
.navbar-fixed-left ul.menu li > a {
  color: white;
  width: 172px;
  padding-right: 16px;
}

.navbar-fixed-left ul.menu li.menu-item--active-trail {
  background-color: var(--blue-yonder-50a);
}

.navbar-fixed-left ul.menu li.menu-item--active-trail a {
  color: white;
  font-size: 18px;
}

.navbar-fixed-left ul.menu li.menu-item--active-trail:after {
  background-color: lightsteelblue;
}

/* Log out link */
@media (min-height: 768px) {
  .user-logged-in .navbar-fixed-left ul.menu li.menu-item:last-of-type {
    position: static;
    grid-row-end: -1;
  }

}

.user-logged-in .navbar-fixed-left ul.menu li.menu-item:last-of-type  {
  padding-left: 16px;
}

.user-logged-in .navbar-fixed-left ul.menu li.menu-item:last-of-type > a {
  color: white;
  width: 172px;
  white-space: nowrap;
}

/* Collapsed Navbar */
#page-wrapper.in .navbar-fixed-left {
  width: 73px;
}

#page-wrapper.in .navbar-fixed-left .navbar-header {
  padding-right: 20px;
}

#page-wrapper.in .navbar-fixed-left ul.menu li {
  justify-content: flex-start;
  padding-left: 8px;
}

/* Collapsed Logos */
#page-wrapper.in .navbar-fixed-left ul.menu div.menu-link-item-content-area {
  margin-left: 14px;
}

/* Collapsed Log Out */
@media (min-height: 768px) {
  .user-logged-in #page-wrapper.in .navbar-fixed-left ul.menu li.menu-item:last-of-type {
    padding-left: 0;
    padding-left: 16px;
  }

  .user-logged-in #page-wrapper.in .navbar-fixed-left ul.menu li.menu-item:last-of-type .menu-link-item-content-area {
    margin-left: 14px;
    width: 16px;
    height: 16px
  }

  .user-logged-in #page-wrapper.in .navbar-fixed-left ul.menu li.menu-item:last-of-type .menu-link-item-content-area a {
    display: inline-block;
    width: 16px;
  }
}