:root {
    --background: #d0d0d0 url(../images/bg.jpg) top center repeat;
    --font-color: #000;
    --link-color: #004454;
    --link-hover-color: #576f4b;
    --cookies-border: none;
    --outline-color: #488999;
    /*** disabilities ***/
    --disabilities-background: #065568;
    --disabilities-color: #fff;
    --disabilities-hover-color: #fff;
    --disabilities-border: none;
    /*** header ***/
    --header-content-bg: #fff;
    --header-content-color: #000;
    /*** header nav ***/
    /* --header-nav-mobile-outline: #adff2f; */
    --header-nav-mobile-toggle-color: #fff;
    --header-nav-mobile-toggle-hover-color: #fbcd9e;
    --header-nav-mobile-background: #48352c;
    --header-nav-mobile-color: #fff;
    --header-nav-mobile-hover-color: #fbcd9e;
    --header-nav-background: none;
    --header-nav-color: #254a4c;
    --header-nav-hover-color: #000;
    --header-nav-dropdown-background: #114b59;
    --header-nav-dropdown-color: #fff;
    --header-nav-dropdown-hover-background: #0b333d;
    --header-nav-dropdown-hover-color: #fff;
    --header-nav-item-border-color: #1493c5;
    /*** 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: #07546b;
    --calendar-day-color: #fff;
    --calendar-day-has-items-background: #011e26;
    --calendar-day-has-items-color: #fff;
    --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: #fff;
    --sidebar-text-color: #000;
    --sidebar-link-color: var(--link-color);
    --sidebar-link-hover-color: var(--link-hover-color);
    --sidebar-addon-bg: #fff;
    --sidebar-addon-border: 1px solid #e5e4e5;
    /*** sidebar nav ***/
    --sidebar-nav-bg: #09556a;
    --sidebar-nav-border: 1px solid #397487;
    --sidebar-nav-link-color: #fff;
    --sidebar-nav-link-hover-color: #fff8ba;
    /*** survey ***/
    --survey-bg: #fff;
    --survey-color: #000;
    --survey-header-border: 1px solid #ededed;
    --survey-button-background: #065569;
    --survey-button-color: #fff;
    --survey-button-hover-background: #014357;
    --survey-button-hover-color: #fff;
    /*** breadcrumbs ***/
    --breadcrumbs-border: 2px solid #e0e0e0;
    /*** news ***/
    --news-item-bg: #fbfbfc;
    --news-item-border: 1px solid #d8d8d8;
    --news-item-header-color: #000;
    --news-list-items-separator-border: none;
    --news-item-read-more-background: #fff8bb;
    --news-item-read-more-text-color: #000;
    --news-item-read-more-icon-background: #ede7ae;
    --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: transparent;
    --pagination-color: #000;
    --pagination-hover-background: #004253;
    --pagination-hover-color: #fff;
    /*** 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: #09556a;
    --footer-color: #fff;
    --footer-link-color: #fff;
    --footer-link-hover-color: #fff;
}

.js-carrousel__content .visually-hidden {
    color: #fff;
}

.sidebar-first__inside .sidebar__addon.text-addon {
    background: #fff;
}

.header-area__inside,
.banner-area__inside,
.main-area__inside {
    background: rgba(255, 255, 255, 0.2);
}

.survey-addon__header {
    color: #000;
}

.sidebar__addon.nav-addon .sf-menu {
    position: relative;
    padding-left: 5px;
}
.sidebar__addon.nav-addon .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;
}

.main-column__inside {
    background: #fbfbfc;
    padding: 5px 15px 15px 15px;
    height: 100%;
}

.main-area--homepage .main-column__inside {
    background: none;
    padding: 0;
}

.main-area--homepage {
    --pagination-color: #fff;
}
