@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
    --overridePrimaryColor: #00AACD;
    --overrideSecondaryColor: #00AACD;
    --overrideFontFamily: "Lato", Arial, Helvetica, sans-serif;
    --overrideLogoUrl: url("https://wbecontent001.blob.core.windows.net/public/rauhalahtijalohjaspa/Lohja-logo-black.png");
}

body {
    font-family: var(--overrideFontFamily)  !important;
 
}

h1, h2 {
    color: var(--overridePrimaryColor) !important;
    font-family: var(--overrideFontFamily)  !important;
}

header .header-top .socials {
    visibility: hidden !important;
}

header .client-nav-container div:nth-child(2) {
    display:none;
}

header .client-nav-container div:nth-child(3) {
    display:none;
}

.inline-block-radio-group input[type=radio]:checked+label {
    background-color: var(--overridePrimaryColor) !important;
    color: #fff;
}

.btn-success {
    background-color: var(--overridePrimaryColor) !important;
    border-color: var(--overridePrimaryColor) !important;
    border-radius: 5px !important;
}

.btn-success:hover, .btn-success:active, .btn-success:focus {
    background-color: var(--overrideSecondaryColor) !important;
    border-color: var(--overrideSecondaryColor) !important;
}

header .cart-counter {
    background-color: var(--overridePrimaryColor) !important;
}

header .client-nav-container .navbar-brand {
    background: var(--overrideLogoUrl);
    background-size: 90% auto !important;
    background-repeat: no-repeat;
    background-position: center !important;
}

header .client-nav-container .navbar-brand img {
    display: none !important;
}

header .header-top .user-links li.active a {
    color: var(--overridePrimaryColor);
}

.form-wizard-nav li.active span {
    background-color: var(--overridePrimaryColor);
    border: 2px solid var(--overrideSecondaryColor);
    color: #fff;
}

@media (max-width: 680px) {
    header .client-nav-container .navbar-brand {
        background-size: 60% !important;
        min-height: 100px;
    }
}