$sidebar-sections-bg: $body-bg-alt !default;
$sidebar-sections-color: $text-dark !default;
$sidebar-sections-color-active: $text-muted !default;

.sidebar-sections {
   background: $sidebar-sections-bg;
   padding: 20px 10px 10px;
   margin-bottom: 15px;

   a {
      @include underline-never;
   }

   ul {
      padding: 0 10px;
   }

   @media screen and (max-width: $lg - 1) {
      display: none;
   }
}

.sidebar-navitem {
   margin-bottom: 5px;

   .navlink {
      display: block;
      color: $sidebar-sections-color;
   }

   &.active {
      > .navlink {
         color: $sidebar-sections-color-active;
      }
   }
}

.sidebar-sections-nav {
   display: none;
}

.sidebar-sections-nav-0 {
   display: block;

   > .sidebar-navitem {
      margin-bottom: 10px;

      > .navlink {
         font-weight: $font-weight-bold;
      }

      &.active {
         > ul {
            display: block;
         }
      }
   }

   ul {
      margin-top: 5px;
   }
}
