/* ==========================================================================
   DESKTOP SIDEBAR NAVIGATION
   ========================================================================== */

.siu-side-nav {
    background: rgb(var(--color-neutral-50));
    /* border: 0px solid rgba(0,0,0,0.06); */
    padding: 1.25rem 1rem;
    margin: 1rem 0;
    border-radius: 4px;
}

/* Top “site name” block */
.siu-side-nav__title {
    padding: 0.5rem 0;
    font-size: 1.4rem;
    font-weight: 700;
    color: rgb(var(--color-maroon-500));
    margin-bottom: 1.25rem;
}

.siu-side-nav__title a {
    text-decoration: none;
    color: rgb(var(--color-maroon-500));
    font-weight: 700;
    display: inline-block;
}

.siu-side-nav__title a:hover,
.siu-side-nav__title a:focus-visible {
    text-decoration: underline;
}

.siu-page-title {
    margin: 0 0 0.75rem;
    font-size: 1.6rem;
}

/* Menu list */
.siu-side-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

.siu-side-nav__list li {
    margin: 1rem .35rem 1rem 0;
}

/* Parent items become buttons via JS */
.siu-side-nav__parent {
    width: 100%;
    border: 0;
    padding: 0.1rem 0 0.5rem 0.25rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: rgb(var(--color-maroon-500));
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: transparent;
}

.siu-side-nav__parent:hover,
.siu-side-nav__parent:focus-visible {
    outline: none;
}

/* Chevron indicator */
.siu-side-nav__parent::after {
    content: "›";
    font-size: 1.3rem;
    transform: rotate(90deg);
    transition: transform 0.2s ease;
}

.siu-side-nav .is-open > .siu-side-nav__parent::after,
.siu-side-nav .current-menu-parent > .siu-side-nav__parent::after,
.siu-side-nav .current-menu-ancestor > .siu-side-nav__parent::after {
    transform: rotate(270deg);
}

/* Submenus */

.siu-side-nav .sub-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid rgba(0,0,0,0.04);
    display: none; /* hide all children by default */
}

.siu-side-nav .sub-menu li a {
    display: block;
    padding: 0 2.5rem;
    text-decoration: none;
    position: relative;
}

/* » bullet */
.siu-side-nav .sub-menu li a::before {
    content: "»";
    position: absolute;
    left: 1.3rem;
}

/* Active page in sidebar: larger and black */
.siu-side-nav .current-menu-item > a,
.siu-side-nav .current_page_item > a {
    color: #000;
    font-size: 1.1rem;
    font-weight: 700;
    background: transparent;
    text-decoration: none;
}

/* If a parent is an ancestor, reveal its submenu */
.siu-side-nav .current-menu-parent > .sub-menu,
.siu-side-nav .current-menu-ancestor > .sub-menu {
    display: block;
}

/* Show children only for the active branch */
.siu-side-nav .current-menu-item > .sub-menu,
.siu-side-nav .current-menu-parent > .sub-menu,
.siu-side-nav .current-menu-ancestor > .sub-menu {
    display: block;
}

/* Deeper levels: indent nested children more */

/* 2nd level (child-of-child) */
.siu-side-nav .sub-menu .sub-menu li a {
    padding-left: 3.25rem; /* was 2.5rem */
}

/* 3rd level */
.siu-side-nav .sub-menu .sub-menu .sub-menu li a {
    padding-left: 4rem;
}

/* 4th level and deeper – just keep stepping in a bit */
.siu-side-nav .sub-menu .sub-menu .sub-menu .sub-menu li a {
    padding-left: 4.75rem;
}

.siu-side-nav .sub-menu .sub-menu li a::before {
    left: 2rem;
}

.siu-side-nav .sub-menu .sub-menu .sub-menu li a::before {
    left: 2.75rem;
}

.siu-side-nav .sub-menu .sub-menu .sub-menu .sub-menu li a::before {
    left: 3.5rem;
}

/* Sidebar nav links: no underlines */
.siu-side-nav a {
    text-decoration: none;
}

.siu-side-nav a:hover,
.siu-side-nav a:focus,
.siu-side-nav .sub-menu li.current-menu-item > a {
    text-decoration: none;
}

/* Hide desktop sidebar on mobile; mobile slide-out handles nav */

@media (max-width: 900px) {
    .siu-side-nav {
        display: none;
    }
}