#block-nihod5-subtheme-main-navigation .menu-level-1{
    column-count: 2;
    column-gap: 6em;
    column-width: 350px;
}
/*#block-nihod5-subtheme-main-navigation .menu-level-0 > li:not(:nth-child(3)) .menu-level-1 > li{ break-inside: avoid-column; }*/
#block-nihod5-subtheme-main-navigation a:not(.collapsed) i::before,
#block-nihod5-subtheme-main-navigation .menu-level-1 button:not(.collapsed)::before { content: "\F235"; }
#block-nihod5-subtheme-mainnavigation .is-active,
#block-nihod5-subtheme-tools-2 .is-active{
    background: var(--bs-primary-bg-subtle);
}

/* 
    #block-nihod5-subtheme-mainnavigation-2
    is the ID for the menu on the  /grants-process subtree
*/
#block-nihod5-subtheme-mainnavigation-2 .bi::before{
    position: absolute;
    color: var(--bs-secondary-bg-subtle);
}
#block-nihod5-subtheme-mainnavigation-2 .level-1:first-of-type > a::after,
#block-nihod5-subtheme-mainnavigation-2 .level-1:last-of-type .level-2:last-child > a::after,
#block-nihod5-subtheme-mainnavigation-2 .level-1:not(:has(a.is-active)):last-child > a::after{
    content: "";
    position: absolute;
    left: -3px;
    top: 0;
    width: 3px;
    height: 50%;
    background: #fff;
}
#block-nihod5-subtheme-mainnavigation-2 .level-1:not(:has(a.is-active)):last-child > a::after,
#block-nihod5-subtheme-mainnavigation-2 .level-1:last-of-type .level-2:last-child > a::after{
    top: auto;
    bottom: 0;
}
#block-nihod5-subtheme-mainnavigation-2 .level-1 .bi::before{
    font-size: 1.2rem;
    transform: translate3D(-35px,1px,0);
    z-index: 1;
}
#block-nihod5-subtheme-mainnavigation-2 .level-2 .bi::before{
    font-size: .8rem;
    transform: translate3D(-32px,2px,0);
}

#block-nihod5-subtheme-mainnavigation-2 .is-active.bi::before{
    color: var(--bs-secondary);
}
#block-nihod5-subtheme-mainnavigation-2 li:not(.active-trail) > ul{
    display: none;
    /*
        Use this selector if you want to hide only future steps
        #block-nihod5-subtheme-mainnavigation-2 li:has(.is-active) ~ li ul
    */
}
#block-nihod5-subtheme-mainnavigation-2 li:has(.is-active) ~ li .bi::before,
#block-nihod5-subtheme-mainnavigation-2 .is-active + ul li .bi::before{
    color: var(--bs-border-color);
}

/* 
    #block-nihod5-subtheme-mainnavigation-3
    is the ID for the menu on the /grants-process page
*/
#block-nihod5-subtheme-mainnavigation-3 ul.process-list > li::after{
    color: var(--bs-secondary);
    background: var(--bs-secondary);
}
#block-nihod5-subtheme-mainnavigation-3 ul.process-list > li::before{
    width: 4px;
    left: calc(var(--orderedbulletsize)* -1 - 6px);
    background: var(--bs-border-color);
}