/*--------------------------------------------------------------------------*\
    Title in menu item
\*--------------------------------------------------------------------------*/

.sidebar__menu-title {
    /*box*/
    display: block;
    width: 100%;
    padding: 8px 5px;
    margin-bottom:10px;

    /*background*/
    background-color:var(--c-primary-2);

    /*text*/
    color: var(--c-tertiary-4);
    font-weight: var(--fw-bold);
    text-align: center;
    font-size: var(--fs-tn);
    white-space: nowrap;
}

.sidebar__submenu>.sidebar__menu-item:not(:first-child)>.sidebar__menu-title{
    /*box*/
    margin-top:10px;
}

.sidebar__submenu>.sidebar__menu-item:first-child .sidebar__menu-title{
    /*border*/
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}