@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&family=Signika:wght@300&display=swap');

#heading {
        background: rgb(220,235,238);
        background: linear-gradient(180deg, rgba(220,235,238,1) 2%, rgba(247,251,251,1) 20%);
}

#heading .logo img {
        height: 118px;
        width: auto;
}

#heading  #heading-wrapper {
        background: none;
}

#sub-menu ul li a {
        color: #000000;
        font-weight: bold;
        font-size: 15px;
}

#sub-menu ul li a:hover {
        color: #ffffff;
}

#sub-menu ul li a.active {
        color: #ffffff;
        font-weight: bold;
        font-size: 15px;
}


:root {
        --headings-font-family: 'Roboto Condensed', sans-serif;
        --base-font-family: 'Roboto Condensed', sans-serif;
        --primary-color-rgb: 44, 131, 52;
        --primary-color: #ff0133;
        --primary-color-hover: #fd1744;
        --primary-color-disabled: #838383;
        --secondary-color-rgb: #224271;
        --secondary-hover-color: #3361a4;
        --secondary-disabled-color: #838383;
        --button-help-color: #4c90d6;
        --button-help-color-hover: #7AADE3;
        --button-help-color-disabled: #8ab7e4;
        --nav-menu-background-color: #ffffff;
        --nav-menu-background-color-highlight: #224271;
        --nav-menu-background-color-border: #ffffff;
        --footer-background-color: #224271;
        --footer-text-color: #ffffff;
        --footer-link-color: #ff0133;

        --header-button-background-color: #224271;
        --header-button-text-color: #fff;
        --header-text-color: #224271;
}