.sidebar-container.uk-card { }
.sidebar-container .uk-card-body {
    padding: var(--padding-5) var(--padding-4);
    }
.sidebar-header { 
    }
a.sidebar-title { 
    font-weight: 500;
    text-decoration: none !important;  
    }
.sidebar-container hr { 
    margin: var(--margin-5) 0; 
    }

.sidebar-container li,  .sidebar-container li a {
    padding:0;
    margin:0;
}

.sidebar-container li a { 
    color: color-mix(in srgb, white 15%, var(--color-primary));
    border-radius: var(--radius-pill);
    padding: 8px 24px;
    text-decoration: none !important;
    margin-bottom: 8px;
    }

.sidebar-container li a:hover {
    color: var(--color-secondary);
    background-color: color-mix(in srgb, white 95%, var(--color-secondary));
    }

.sidebar-container li:last-child { 
    margin-bottom:0; 
    }

.sidebar li.uk-active > a {
    color: var(--color-secondary);
    background-color: color-mix(in srgb, white 85%, var(--color-secondary));
    font-weight: 600;
    text-decoration: none;
    }

.sidebar li.in-path > a:first-child {
    color: var(--color-secondary);
    font-weight: 600;
    }

.sidebar ul.uk-nav-sub { 
    padding: 0 0 0 16px;
    }

/* ---------------------------------------------
   Mobile Section Navigation Dropdown
   Does not alter the approved desktop sidebar nav
--------------------------------------------- */

.section-navigation-mobile {
    margin-bottom: var(--margin-5);

    .uk-accordion {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .uk-accordion > li {
        margin: 0;
    }

    .section-navigation-mobile-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: var(--padding-3) var(--padding-4);
        color: var(--color-primary);
        text-decoration: none;
    }

    .section-navigation-mobile-title::before {
        display: none;
    }

    .section-navigation-mobile-title::after {
        content: "";
        width: 8px;
        height: 8px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(45deg);
        transition: transform 0.2s ease;
        flex: 0 0 auto;
    }

    .uk-open > .section-navigation-mobile-title::after {
        transform: rotate(225deg);
    }

    .uk-accordion li:hover,
    .uk-accordion-title, a.uk-accordion-title, .uk-open > a.uk-accordion-title {
        background: unset;
    }
    
    .uk-accordion-content {
        margin-top: var(--margin-2);
        background: white;
    }
    
    .uk-card { 
    border:unset;
        background: white;
    }
    .uk-card-body {
        padding: unset;
        background: white;
    }
}