:root {
    --content_links: #58595F;

    --cookie_bar_background: #58595B;
    --cookie_bar_text_colour: #FFFFFF;

    --navbar_main_logo_width: 165px;
    --navbar_main_logo_height: 57px;
    --navbar_main_logo_margin_top: 0px;
    --navbar_main_background: #FFFFFF;
    --navbar_main_link_colour: #555555;
    --navbar_main_link_hover_colour: #555555;
    --navbar_main_border: #321f5E;
    --navbar_main_border_size: 5px;
    --navbar_main_link_active_colour: #555555;
    --navbar_main_link_underline_colour: #01558C;

    --navbar_main_hamburger: #666666;

    --navbar_top_background: #000000;
    --navbar_top_text_colour: #FFFFFF;
    --navbar_top_link_colour: #FFFFFF;
    --navbar_top_link_background_colour: #000000;
    --navbar_top_link_hover_colour: #000000;
    --navbar_top_link_background_hover_colour: #FFFFFF;
    --navbar_top_link_active_colour: #000000;
    --navbar_top_link_background_active_colour: #FFFFFF;
    --navbar_top_link_focus_colour: #000000;
    --navbar_top_link_background_focus_colour: #FFFFFF;

    --navbar_bottom_background: #321F5E;
    --navbar_bottom_text_colour: #FFFFFF;
    --navbar_bottom_link_colour: #FFFFFF;
    --navbar_bottom_link_background_colour: #321F5E;
    --navbar_bottom_link_hover_colour: #321F5E;
    --navbar_bottom_link_background_hover_colour: #FFFFFF;
    --navbar_bottom_link_active_colour: #321F5E;
    --navbar_bottom_link_background_active_colour: #FFFFFF;
    --navbar_bottom_link_focus_colour: #321F5E;
    --navbar_bottom_link_background_focus_colour: #FFFFFF;

    --banner_margin_top: 0px;
    --banner_margin_bottom: 0px;
    --banner_position: center;

    --footer_background: #404040;
    --footer_text_colour: #FFFFFF;
    --footer_link_colour: #FFFFFF;
    --footer_link_hover_colour: #FFFFFF;
    --footer_link_active_colour: #321f5E;

    --buttons_button_colour: #01558C;
    --buttons_button_background: #01558C;
    --buttons_radius: 0px;

    --buttons_button_info_background_colour: #01558C;
    --buttons_button_info_text_colour: #FFFFFF;
    --buttons_button_info_hover_background_colour: #01558C;

    --buttons_button_default_background_colour: #58595B;
    --buttons_button_default_text_colour: #FFFFFF;
    --buttons_button_default_hover_background_colour: #58595B;

    --content_header: #000000;
    --content_background: #ffffff;
}

a {
    color: var(--content_links)
}

/* region Cookie */
.cookie-banner {
    background-color: var(--cookie_bar_background);
    color: var(--cookie_bar_text_colour) !important;
}

.cookie-banner a, .cookie-close {
    color: var(--cookie_bar_text_colour) !important;
}

/* endregion */

/* region Nav Logo */
.nav-logo img {
    width: var(--navbar_main_logo_width);
    height: var(--navbar_main_logo_height);
    margin-top: var(--navbar_main_logo_margin_top);
}

/* endregion */

/* region Brand Nav Bar */
.brand-nav.navbar-head {
    background-color: var(--navbar_main_background)
}

.brand-nav.navbar-head a {
    color: var(--navbar_main_link_colour)
}

.brand-nav.navbar-head a:hover {
    color: var(--navbar_main_link_hover_colour);
    border-color: var(--navbar_main_border);
    border-bottom-width: var(--navbar_main_border_size)
}

.brand-nav.navbar-head a:active {
    color: var(--navbar_main_link_active_colour);
    border-color: var(--navbar_main_border);
    border-bottom-width: var(--navbar_main_border_size)
}

/* endregion */

/* region Side Menu */
.side-menu .side-menu-header .close-menu,
.navbar-mobile .hamburger span:after {
    /*box-shadow: 0 0 0 3px var(--navbar_main_hamburger), 0 12px 0 3px var(--navbar_main_hamburger), 0 24px 0 3px var(--navbar_main_hamburger);*/
}

/* endregion */

/* region Nav Top Bar */
.brand-nav.nav-top-bar {
    background-color: var(--navbar_top_background)
}

.brand-nav.nav-top-bar li > span {
    color: var(--navbar_top_text_colour);
}

.brand-nav.nav-top-bar li > a {
    color: var(--navbar_top_link_colour);
    background-color: var(--navbar_top_link_background_colour);
}

.brand-nav.nav-top-bar li:hover a {
    color: var(--navbar_top_link_hover_colour);
    background-color: var(--navbar_top_link_background_hover_colour);
}

.brand-nav.nav-top-bar li:active a,
.brand-nav.nav-top-bar li.active a {
    color: var(--navbar_top_link_active_colour);
    background-color: var(--navbar_top_link_background_active_colour);
}

.brand-nav.nav-top-bar li:focus a {
    color: var(--navbar_top_link_focus_colour);
    background-color: var(--navbar_top_link_background_focus_colour);
}

/* endregion */

/* region Bottom Nav Bar*/
.brand-nav.nav-bottom-bar {
    background-color: var(--navbar_bottom_background)
}

.brand-nav.nav-bottom-bar li > span {
    color: var(--navbar_bottom_text_colour);
}

.brand-nav.nav-bottom-bar li > a {
    color: var(--navbar_bottom_link_colour);
    background-color: var(--navbar_bottom_link_background_colour);
}

.brand-nav.nav-bottom-bar li:hover a {
    color: var(--navbar_bottom_link_hover_colour);
    background-color: var(--navbar_bottom_link_background_hover_colour);
}

.brand-nav.nav-bottom-bar li:active a,
.brand-nav.nav-bottom-bar li.active a {
    color: var(--navbar_bottom_link_active_colour);
    background-color: var(--navbar_bottom_link_background_active_colour);
}

.brand-nav.nav-bottom-bar li:focus a {
    color: var(--navbar_bottom_link_focus_colour);
    background-color: var(--navbar_bottom_link_background_focus_colour);
}

/* endregion */

/* region Banner */
.banner {
    /*margin-top: var(--banner_margin_top);*/
    /*margin-bottom: var(--banner_margin_bottom);*/
    /*background-position: var(--banner_position);*/
}

/* endregion */

/* region Footer */
.footer {
    background-color: var(--footer_background);
    color: var(--footer_text_colour);
}

.footer a {
    color: var(--footer_link_colour);
}

.footer a:hover {
    color: var(--footer_link_hover_colour);
}

.footer a:active {
    color: var(--footer_link_active_colour);
}

/* endregion */

/* region Buttons */
.btn.btn-primary {
    color: var(--buttons_button_colour);
    background-color: var(--buttons_button_background);
    border-color: var(--buttons_button_background);
    /*border-radius: var(--buttons_radius)*/
}

.btn.btn-info {
    color: var(--buttons_button_info_text_colour) !important;;
    background-color: var(--buttons_button_info_background_colour);
    border-color: var(--buttons_button_info_background_colour);
}

.btn.btn-info:hover {
    background-color: var(--buttons_button_info_hover_background_colour);
}

.btn.btn-default {
    color: var(--buttons_button_default_text_colour) !important;
    background-color: var(--buttons_button_default_background_colour);
    border-color: var(--buttons_button_default_background_colour);
}

.btn.btn-default:hover {
    background-color: var(--buttons_button_default_hover_background_colour);
}

.btn.btn-secondary {
    color: var(--buttons_button_colour);
    background-color: var(--buttons_button_background);
    /*border-radius: var(--buttons_radius)*/
}

/* endregion */

h1, .h1, h3, .h3, h5, .h5, .primary {
    color: var(--content_header) !important;
}

h2, .h2, h4, .h4, h6, .h6, .secondary {
    color: var(--content_header) !important;
}

.navbar-main .main-nav ul li.active a, .navbar-main .main-nav ul li:active a, .navbar-main .main-nav ul li:hover a {
    border-bottom-color: var(--navbar_main_link_underline_colour);
}

.navbar-main .main-nav ul li a {
    color: var(--navbar_main_link_colour);
}