:root {

    /***Logo's***/
    --logo-standard: url("../../custom/theme/assets/images/visual.jpg");
    --logo-sponsor: url("../../assets/images/visual-sponsor-registratie.png");
    --logo-survey: url("../../assets/images/visual_survey.png");
    --logo-survey-sponsor: url("../../assets/images/visual-sponsor-evaluatie.png");
    --logo-alt: url("../../custom/theme/assets/images/visual.png"); 

    /***Header Image (Van toepassing op visual.twig)***/
    /* --header-image: url("../../custom/theme/assets/images/header_background.jpg"); */

    /***Brand Colors***/
    --color-brand-primary: #f14000;
    --color-brand-primary-rgb: 241,64,0;
    --color-brand-secondary: #afd7e3;
    --color-brand-tertiary: #008A0B;
    --color-brand-light: #fff0f7;
    --color-brand-dark: #07543b;

    /***Font***/
    /* --font-family: 'Roboto', sans-serif; */
    /* --font-family-title: 'Roboto', sans-serif; */
    /* --font-size: 1.6rem; */

    --menu-height: 14rem;

    /**** Voor meer settings zie: /themes/base/assets/style/variables.css ****/
}

.logo {
    height: 140px;
}
.round .round-item-title--container > *:not(.title) {
    font-size: var(--font-size-s);
}
.container-fluid .sidebar,
.round .round-item {
    background-color: var(--color-brand-secondary);
}

.form p {
    margin-bottom: 15px;
}
.button--secondary {
    background-color: var(--color-brand-primary);
}

.header_bar.sponsor .logo {
    background-image: var(--logo-sponsor);
}

.header_bar.survey .logo {
    background-image: var(--logo-survey);
}
.header_bar.survey_sponsor .logo {
    background-image: var(--logo-survey-sponsor);
}

.form_check {
    display: inline;
}

header .header_bar {
    background: var(--color-brand-secondary);
}

@media only screen and (max-width: 992px) {
    main {
        margin-top: var(--menu-height);
    }
}