.sidenav {
  background-color: $body-bg-color;
}

.sidenav li > a, .sidenav .collapsible-header, .sidenav li a.subheader {
  color: $sidenav-text-color;
  padding: 0 16px 0 20px;
  font-size: $font-size;
  
  &:hover {
    background-color: lighten($body-bg-color, 10%);
  }
}

.sidenav .nav-btn a {
  padding-left: 24px;
}

// #home-menu {
//   background-color: $contrast-bg-color;
//   color: $sidenav-text-color;
//
//   &.current a {
//     color: $sidenav-text-color;
//   }
// }

#sidebar {
  // width: 20%;
  width: 300px;
}

.sidenav li.active {
  background-color: $active-dropdown-color;
}

.sidenav .collapsible-body {
  background-color: $body-bg-color;
}

.sidenav li.current a {
  background-color: $current-sidenav-bg-color;
  color: $current-sidenav-text-color;

  &:hover {
    background-color: lighten($current-sidenav-bg-color, 10%);
  }

  // a {
  // }
}

li.nav-parent > a, li.nav-solo > a, .sidenav li a.subheader {
  font-weight: bold;
}