/* Sidebar: show which page is in view. The open section gets a tint and a red edge,
   the page itself gets a solid marker (see the active-link code in public/js/misc.js) */
.sidebar .nav .nav-item.active { position: relative; background: rgba(255, 255, 255, .06); }
.sidebar .nav .nav-item.active::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: #e74c3c; }
.sidebar .nav .nav-item.active > .nav-link .menu-title { font-weight: 700; }
.sidebar .nav > .nav-item.is-current > .nav-link { background: rgba(255, 255, 255, .1); }
.sidebar .nav.sub-menu .nav-item.active::before { display: none; }
.sidebar .nav.sub-menu .nav-item.is-current { background: rgba(255, 255, 255, .1); border-radius: 4px; }
.sidebar .nav.sub-menu .nav-item .nav-link.active { color: #fff !important; font-weight: 700; }