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

#heading {
        background-color: #000000;
        background-image: none;
}

#heading .logo img {
        height: 120px;
        width: auto;
        padding-top: 20px;
}

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

#sub-menu ul li a {
        color: #ffffff99;
        padding: 10px;
        font-weight: bold;
        font-size: 18px;
}

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

#sub-menu ul li a.active {
        color: #3550a0;
        font-weight: bold;
}


:root {
        --headings-font-family: 'Arial Bold', sans-serif;
        --base-font-family: 'Arial Bold', sans-serif;
        --primary-color-rgb: 44, 131, 52;
        --primary-color: #3550a0;
        --primary-color-hover: #496ed0;
        --primary-color-disabled: #838383;
        --secondary-color-rgb: #3550a0;
        --secondary-hover-color: #496ed0;
        --secondary-disabled-color: #838383;
        --button-help-color: #4c90d6;
        --button-help-color-hover: #7AADE3;
        --button-help-color-disabled: #8ab7e4;
        --nav-menu-background-color: #000000;
        --nav-menu-background-color-highlight: #000000;
        --nav-menu-background-color-border: #000000;
        --footer-background-color: #D6D6D6;
        --footer-text-color: #838383;
        --footer-link-color: #444444;

        --header-button-background-color: #3550a0;
        --header-button-text-color: #fff;
        --header-text-color: #3550a0;
}