/* Sidebars */

.sidebar-content {
    width: 75%;
}

.sidebar-container {
    display: flex;
}

.sidebar {
    width: 25%;
    padding-left: 20px;
}

.sidebar .sidenav {
    position: sticky;
    top: 20px;
}

.sidebar .sidenav ul {
    list-style: none; /* Removes the bullet points */
    padding-left: 20px;
}

.sidebar .sidenav a {
    text-decoration: none; /* Removes underline */
    color: inherit; /* Removes blue link colour */
    padding: 2px;
    display: block;
    border-left: 4px solid transparent; 
}

.sidebar .sidenav a.visible {
    font-weight: bold;
    color: #468847;
}

.sidebar .sidenav a:hover {
    border-left-color: #c1e6c0; 
}

.sidebar .sidenav a.active {
    color: #468847;
    border-left-color: #468847;
    font-weight: bold;
}

.sidebar .sidenav > ul > li > ul > li > ul > li > a {
    font-size: 12px; /* Smaller size for links nested 3 levels deep */
}