@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@800&display=swap');

#heading {
        background-color: #ffffff;
}

#heading .logo img {
        width: 250px;
        height: 97px;
}

#heading  #heading-wrapper {
        background-color: #ffffff;

}

#sub-menu ul li a {
        font-family: 'Barlow Semi Condensed', sans-serif;;
        color: #000000;
        font-weight: 900;
        font-size: 18px;
        line-height: 1.4em;
        letter-spacing: 1px;
        text-transform: uppercase;
        background-color: white;
        padding: 10px;
}

#sub-menu ul li a:hover {
        color: #494a7a;
        background: linear-gradient(300deg, rgba(255,255,255,1) 50%, rgba(73,74,122,1) 100%);;;
}

#sub-menu ul li a.active {
        color: #494a7a;
        background-color: white;
        background: linear-gradient(300deg, rgba(255,255,255,1) 50%, rgba(73,74,122,1) 100%);;;
}

:root {
        --headings-font-family: Roboto, sans-serif;
        --base-font-family: Roboto, sans-serif;
        --primary-color-rgb: 177,96,41;
        --primary-color: #494a7a;
        --primary-color-hover: #494a7a;
        --primary-color-disabled: #7c7c7c;
        --secondary-color-rgb: #ed600c;
        --secondary-hover-color: #ed600c;
        --secondary-disabled-color: #7c7c7c;
        --button-help-color: #000000;
        --button-help-color-hover: #000000;
        --button-help-color-disabled: #7c7c7c;
        --nav-menu-background-color: #ffffff;
        --nav-menu-background-color-highlight: #494a7a;
        --nav-menu-background-color-border: #ffffff;
        --footer-background-color: #d8d8d8;
        --footer-text-color: #ffffff;
        --footer-link-color: #ffffff;

        --header-button-background-color: #000000; /*stejná jako --login-background-color*/
        --header-button-text-color: #ffffff;
        --header-text-color: #ffffff; /*stejná jako --login-background-color*/
}

prvek {

}