:root {
    --font_family: "Lato", sans-serif;

    --primary: #ffffff;
    --secondary: ;
    --tertiary: ;

    --header_background: rgba(255,255,255,.95);
    --menu_link: ;
    --menu_link_hover: ;
    --menu_link_active: ;

    --footer_background: ;
    --footer_text: ;
    --footer_line: #febd11;
    --footer_link: ;

    --content_box: ;
    --heading: ;
    --heading_small: ;
    --content_copy: ;
    --strong_copy: ;
    --inactive_tab: ;
    --stars: ;

    --button_copy: ;
    --button_color: ;
    --button_hover_copy: ;
    --button_hover_color: ;
}

/*##load_font##*/

body {
    font-family: var(--font_family), sans-serif;
}

/*HEADER*/
.header {
    background-color: var(--header_background);
}


.header .header-menu > ul > li > ul {
    background-color: var(--primary);
}

.header .header-menu > ul > li.menu-separator,
.header .header-menu > ul > li,
.header .header-menu > ul > li > a,
.header .header-menu > ul > li > ul > li.menu-separator,
.header .header-menu > ul > li > ul > li > a {
    color: var(--menu_link);
}

.header .header-menu > ul > li > a:hover,
.header .header-menu > ul > li > ul > li > a:hover {
    color: var(--menu_link_hover);
}

.header .header-menu > ul > li > a.active,
.header .header-menu > ul > li > a:active,
.header .header-menu > ul > li > a:focus,
.header .header-menu > ul > li > ul > li > a.active,
.header .header-menu > ul > li > ul > li > a:active,
.header .header-menu > ul > li > ul > li > a:focus {
    color: var(--menu_link_active);
}

.header .header-menu > ul > li > a.open-side-menu .hamburger-inner,
.header .header-menu > ul > li > a.open-side-menu .hamburger-inner:after,
.header .header-menu > ul > li > a.open-side-menu .hamburger-inner:before {
    background-color: var(--menu_link);
}

/*FOOTER*/
.footer {
    background-color: var(--footer_background);
    color: var(--footer_text);
}

.footer .line {
    background: var(--footer_line);
}

.footer ul > li > a {
    color: var(--footer_link);
}

.footer ul > li > a:hover {
    text-decoration: none;
    color: var(--menu_link_hover);
}

.footer ul > li > a.active,
.footer ul > li > a:active,
.footer ul > li > a:focus {
    color: var(--menu_link_active);
}

/*CONTENT*/
.content-box {
    background: var(--content_box);
    color: var(--content_copy);
}

h1, h2, h3,
.copy-container h3 {
    color: var(--heading);
}

.content-box p,
.content-box li,
.tab-content p,
.tab-content li,
.tab-content address,
.page-content p,
.page-content li {
    color: var(--content_copy);
}

h4 {
    color: var(--heading_small);
}

p strong {
    color: var(--strong_copy);
}

.image-box {
    box-shadow: 0 2px 5px rgba(193, 193, 193, 0.5);
    background: var(--content_box);
    color: var(--content_copy);
}

.btn-primary {
    color: var(--button_copy);
    background-color: var(--button_color);
    border-color: var(--button_color);
}

.btn-primary:hover {
    color: var(--button_hover_copy);
    background-color: var(--button_hover_color);
    border-color: var(--button_hover_color);
}

/*TABS*/
.tabs-container .nav.nav-tabs > li a {
    background: var(--inactive_tab);
    border-top-color: var(--inactive_tab);
}

.tabs-container .nav.nav-tabs > li a:hover {
    color: var(--primary);
}

.tabs-container .nav.nav-tabs > li.active a {
    background: var(--content_box);
    border-top-color: var(--primary);
}

.tabs-container .tab-content .tab-pane {
    background: var(--content_box);
}

.sy-pager li.sy-active a {
    background-color: var(--primary);
}

.stars {
    color: var(--stars);
}