:root {
    --background: #fff;
    --main-background-and-border-color: #fff;
    --font-color: #000;
    --link-color: #145f42;
    --link-hover-color: #0249b8;
    --cookies-border: none;
    --outline-color: #488999;
    /*** disabilities ***/
    --disabilities-background: #f4f4e6;
    --disabilities-color: #000;
    --disabilities-hover-color: #000;
    --disabilities-border: none;
    /*** header ***/
    --header-content-bg: #fff;
    --header-content-color: #000;
    /*** header nav ***/
    /* --header-nav-mobile-outline: #adff2f; */
    --header-nav-mobile-toggle-color: #6f758f;
    --header-nav-mobile-toggle-hover-color: #606579;
    --header-nav-mobile-background: #606579;
    --header-nav-mobile-color: #fff;
    --header-nav-mobile-hover-color: #fef0d0;
    --header-nav-background: none;
    --header-nav-color: #000000;
    --header-nav-hover-color: #000;
    --header-nav-dropdown-background: #6f758f;
    --header-nav-dropdown-color: #fff;
    --header-nav-dropdown-hover-background: #606579;
    --header-nav-dropdown-hover-color: #fff;
    --header-nav-item-border-color: #fff;
    /*** search-form ***/
    --search-form-background: #fff;
    --search-form-border: 3px solid #fff;
    --search-form-color: #000;
    --search-form-focus-border: 3px solid #ddd;
    --search-form-focus-background: #fff;
    --search-form-focus-color: var(--search-form-color);
    --search-form-icon-color: #000;
    /*** calendar ***/
    --calendar-header-color: #000;
    --calendar-day-background: #b8b7b8;
    --calendar-day-color: #000;
    --calendar-day-has-items-background: #d3d3d3;
    --calendar-day-has-items-color: #000;
    --calendar-day-today-background: var(--calendar-day-has-items-background);
    --calendar-day-today-color: var(--calendar-day-has-items-color);
    --calendar-header-hover-color: var(--calendar-header-color);
    /*** sidebar ***/
    --sidebar-second-bg: linear-gradient(to right, #f6f6ee 0%, #ffffff 100%);
    --sidebar-text-color: #000;
    --sidebar-link-color: var(--link-color);
    --sidebar-link-hover-color: var(--link-hover-color);
    --sidebar-addon-border: 1px solid #d4d4d5;
    /*** sidebar nav ***/
    --sidebar-nav-bg: #6f758f;
    --sidebar-nav-border: 1px solid #8990a4;
    --sidebar-nav-link-color: #fff;
    --sidebar-nav-link-hover-color: #fef0d0;
    /*** survey ***/
    --survey-bg: #6f758f;
    --survey-color: #fff;
    --survey-header-border: 1px solid #8990a4;
    --survey-button-background: #5e6276;
    --survey-button-color: #fff;
    --survey-button-hover-background: #4f5261;
    --survey-button-hover-color: #ffe8b3;
    /*** breadcrumbs ***/
    --breadcrumbs-border: 2px solid #e0e0e0;
    /*** news ***/
    --news-item-bg: #fbfbfb;
    --news-item-border: 1px solid #d8d8d8;
    --news-item-header-color: #000;
    --news-list-items-separator-border: none;
    --news-item-read-more-background: #f4f4e6;
    --news-item-read-more-text-color: #000;
    --news-item-read-more-icon-background: #eaead6;
    --news-item-read-more-icon-color: #000;
    --news-item-read-more-hover-background: var(
        --news-item-read-more-icon-background
    );
    --news-item-read-more-text-hover-color: var(
        --news-item-read-more-icon-color
    );
    --news-item-read-more-icon-hover-background: var(
        --news-item-read-more-icon-background
    );
    --news-item-read-more-icon-hover-color: var(
        --news-item-read-more-icon-color
    );
    --pagination-border-top: none;
    --pagination-background: none;
    --pagination-color: #000;
    --pagination-hover-background: none;
    --pagination-hover-color: #145f42;
    /*** utilities ***/
    --utilities-color: #575757;
    --utilities-hover-color: var(--link-hover-color);
    /*** galleries ***/
    --gallery-item-background: #efefef;
    --gallery-item-link-color: #000;
    --gallery-item-link-hover-color: #000;
    /*** footer ***/
    --footer-bg: #f4f4e6;
    --footer-color: #000;
    --footer-link-color: #000;
    --footer-link-hover-color: #000;
}

nav .sidebar__addon-header {
    color: #fff;
}

.sidebar__addon-content > .sf-menu {
    position: relative;
    padding-left: 10px !important;
}
.sidebar__addon-content > .sf-menu::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 15px;

    background-color: var(--sidebar-nav-bg);
    background-image: radial-gradient(
        circle at center,
        rgba(255, 255, 255, 1),
        transparent 30%
    );
    background-size: 3px 3px;
}

.sidebar__addon.nav-addon .menu-dropdown {
    background: #3f4460;
    margin-left: 5px;
}