:root {

    /***Logo's***/
    --logo-standard: url("../../custom/theme/assets/images/kvk_logo.svg");
    --logo-alt: url("../../custom/theme/assets/images/kvk_logo_wit.svg");

    /***Header Image***/
    /* --header-image: url("../images/header_background.jpg"); */

    /***Brand Colors***/
    --color-brand-primary: #0070B9;
    --color-brand-primary-rgb: 0, 82, 110;
    --color-brand-secondary: #aa418c;
    --color-brand-tertiary: #ff9300;
    --color-brand-light: #fff0f7;
    --color-brand-dark: #00526e;
    --color-message-error: #bc3f38;
    --color-neutral-gray-07: #343434;

    /***Font***/
    --font-family: 'Roboto', sans-serif;
    --header-font-family: 'CiutadellaRounded';
    --font-size: 16px;
    --menu-height: 12rem;
    --footer-height: 6.4rem;

    /***Timetable height***/
    --timetable-height: 80px;

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

body {
    color: var(--color-neutral-gray-07);
    font-weight: lighter;
}
body.layout-kvk main {
    margin-top: var(--menu-height);
}
body.layout-kvk.indevelopment main {
    margin-top: calc(var(--menu-height) + 2.3em);
}
.layout-kvk .logo {
    height: 24px;
}
.layout-kvk .menu {
    height: 8rem;
}
.layout-kvk header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: +2;
}
.layout-kvk header .header_bar {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-top: unset;
    background: var(--color-neutral-white);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}
.layout-kvk .gradientbar {
    background: linear-gradient(to right, var(--color-brand-secondary) 0%, var(--color-brand-tertiary) 100%);
    height: 0.8rem;
    width: 100%;
    display: block;
}
.layout-kvk .greybar {
    background: #efefef;
    height: 3.2rem;
    width: 100%;
    display: block;
}
.layout-kvk header .header_bar .menu {
    padding: unset;
}
.layout-kvk .content-container {
    min-height: calc(100vh - (var(--menu-height) + var(--footer-height)));
}
.layout-kvk .accordion_content {
    overflow: unset;
}
.layout-kvk footer {
    width: 100%;
    margin: 0 auto;
}
.layout-kvk footer .greybar {
    height: 5.6rem;
}
.layout-kvk .modal-footer .row {
    grid-gap: 1rem;
}
h1, h2, h3, h4, h5, .accordion_title, .title, .formsection_title {
    font-family: var(--header-font-family);
    color: var(--color-brand-dark);
}
h1 {
    font-size: var(--font-size-xl);
}
.formsection_title {
    font-weight: 600;
}
h3 {
    margin: 0rem 0 0.8rem 0;
}
p {
    font-weight: lighter;
    margin-bottom: 1rem;
    max-width: 70ch;
}
.form_label {
    font-weight: normal;
    font-size: var(--font-size-m);
}
.hide-form-label .form_label {
    display: none;
}
.layout-kvk .form_element--phonenumber .iti, .layout-kvk .form_element select {
    width: 100%;
}
.layout-kvk .accordion_form .accordion_step {
    border: none;
}
.layout-kvk .note {
    color: var(--color-neutral-gray-05);
}
.layout-kvk .asterisk{
    color: var(--color-neutral-gray-07);
}
.form_label:not(:has( > .asterisk))::after {
    content: " (optioneel)";
    font-size: inherit;
    display: inline-block;
    color: var(--color-neutral-gray-05);
}
.layout-kvk .button {
    padding: 1rem 6rem;
}
.layout-kvk .button .navbutton_text {
    font-size: var(--font-size-m);
    font-weight: bold;
}
.layout-kvk .button--back {
    border: 2px solid var(--color-brand-secondary);
    border-radius: var(--border-radius);
    color: var(--color-brand-secondary);
}
.button .icon-chevron-right, .button .icon-chevron-left {
    display: none;
}

[type="checkbox"]:not(:checked)~.checkbox-custom-label:before,
[type="checkbox"]:checked~label:before, [type="checkbox"]:checked~.checkbox-custom-label:before,
[type="checkbox"]:checked:focus~label:before, [type="checkbox"]:checked:focus~.checkbox-custom-label:before  {
    background: var(--color-neutral-white);
}
[type="checkbox"]~label:after, [type="checkbox"]~.checkbox-custom-label:after {
    color: var(--color-brand-primary);
    font-weight: 600;
}

/** no shadow **/
.layout-kvk [type="checkbox"]~label:before, .layout-kvk [type="checkbox"]~.checkbox-custom-label:before,
.layout-kvk textarea:focus-visible,
.layout-kvk select:focus-visible,
.layout-kvk input:focus-visible {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}

.layout-kvk [type="radio"]~.radio-custom-label:before {
    width: 2rem;
    height: 2rem;
    top: 0;
    -webkit-box-shadow: inset 0px 0px 0px 3px var(--color-neutral-white), 0px 0px 0px 0px rgba(var(--color-brand-primary-rgb, 0.1));
    box-shadow: inset 0px 0px 0px 3px var(--color-neutral-white), 0px 0px 0px 0px rgb(var(--color-brand-primary-rgb, 0.1));
}
.layout-kvk .radio-custom-label {
    padding-left: 3.5rem;
}
.layout-kvk .radio--inline {
    margin: 1.7rem 0;
}

/** aanpassingen Antoine **/
.js-nu-live-content {
    display: none;
}

.next-up_item_live.material-icons {
    display: inline-block;
    font-size: var(--font-size-s);
    margin: 0 5px 0 0;
}
.next-up_item_state.js-nu-live-content {
    display: inline-block;
    position: absolute;
    right: 18px;
    font-size: var(--font-size-s);
    font-family: var(--font-family);
    margin: 0;
}

.cta-item h3.block-header {
    display: inline-block;
}

.live-content-online, .live-content-offline {
    display: none;
}
.cd-schedule .events .event-name {
    font-size: var(--font-size-xs);
}
.cd-schedule .events .single-event a {
    padding: 0.4rem 0.8rem 0.8rem 0.8rem;
}

.cd-schedule .events .single-event, .cd-schedule .event-modal .header {
    background: linear-gradient(to right, #bb66a3 0%, #7d468b 70%, #206196 100%);
    color: #fff !important;
}

.cd-schedule .event-name {
    color: #fff;
}
.cd-schedule .event-date {
    color: #fff;
}

.event-modal .header .content {
    color: #fff;
}

.cd-schedule .events .single-event:hover {
    background: var(--color-brand-dark);
}

.selectize-input>input[placeholder] {
    top: 3px; 
}

@media (min-width: 800px) {
    .layout-kvk .form_element, .layout-kvk .form_element_check, .layout-kvk .form_element_radio, .layout-kvk .multipage_nav {
        max-width: 500px;
    }

    .layout-kvk .form_element_check {
        max-width: 100%;
    }
    .layout-kvk .accordion_nav {
        width: fit-content;
        gap: 24px;
    }
}
@media (min-width: 992px) {
    .col-md-6 {
        grid-column: 4 / span 6;
    }
}
@media (min-width: 1440px) {
    .container {
        width: 1408px;
    }
    .cd-schedule .events .events-group {
        width: 18%;
    }
}
@media (min-width: 1920px) {
    .container {
        width: 1888px;
    }
}