/* Add here all your CSS customizations */
:root {
    --main-blue-color: #5ab3e0;
    --main-red-color: #e01931;
}

.home-intro p span.red-text {
    color: var(--main-red-color);
    opacity: initial;
}

#header .header-body {
    border-top: 3px solid var(--main-blue-color);
}

html.sticky-header-active #header .header-body {
    border-bottom-color: var(--main-blue-color);
    box-shadow: none;
}

html .bg-color-primary, html .bg-primary {
    background-color: var(--main-blue-color) !important;
}

@media (min-width: 992px) {
    #header .header-nav-main nav > ul > li > a {
        text-decoration: none;
    }

    #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
        background: var(--main-blue-color);
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        border-top-color: var(--main-blue-color);
    }

    #header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before {
        border-bottom-color: var(--main-blue-color);
    }
}