/* Styles for index.php */


/*
Styles for the side bar that displays the different blog categories. The
contents of the sidebar are defined in the Wordpress Admin dashboard.

Though the menu might be nested, we render all its items at the same identation
level. The only visual indication of nesting is that the top-level elements are
bold, but items in sub menus are not. 
*/

aside .menu {
    background-color: white;
    font-weight: var(--weight-bold);
    border-left: 1px solid var(--color-gray);
}

aside .menu a,
.blog-categories a:hover,
.blog-categories a:visited,
.blog-categories a:active {
    color: var(--color-text);
    text-decoration: none;
    display: block;
    padding: 12px 16px;
}

aside .menu .sub-menu {
    font-weight: var(--weight-regular);
}

aside .menu .current-menu-item:not(.current-menu-ancestor) > a {
    color: var(--color-purple);
    border-left: 2px solid var(--color-purple);
    background-color: var(--color-very-light-purple);
}