:root {

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

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

    /***Brand Colors***/
    --color-brand-primary: #005f76;
    --color-brand-primary-rgb: 0 95 118;
    --color-brand-secondary: #008BD1;
    --color-brand-tertiary: #005f76;
    --color-brand-light: #e5eff1;
    --color-brand-dark: #808080;
    --color-neutral-gray-0: #F2F2F2;

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

    --border-radius:0;

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

/**** HTML ****/
strong{
   color: var(--color-brand-primary);
}

a {
    color: var(--color-brand-primary);
    font-size: var(--font-size-xs);
}

h1{
    font-weight: 300;

}

h2, h3{
  font-weight: 300;
  color: var(--color-brand-primary);
}

h4, .accordion_title {
  font-weight: 400;
  color: var(--color-brand-primary);
}

.timetable-modal--header-title{
    color: var(--color-neutral-white);
}

.timetable--header-action .button {
  width: 4.1rem;
}

.confirm-modal .button--primary[disabled] {
    background: #fff !important;
}

.bold{
    font-weight:600;
    color: var(--color-brand-primary);
}

p{
    font-size: 0.9em;
    padding-bottom: 1em;
}

.mainform {
    margin: 3.2rem 0 3.2rem 0;
}

.accordion_step--finished .accordion_status, .accordion_step--current .accordion_status, .accordion--current .accordion_status {
    background: var(--color-brand-secondary);
    color: var(--color-neutral-white);
}

.cd-schedule .events .event-name {
    font-size: var(--font-size-xs);
}

.event-language{
    color: #FFFFFF; 
}

.cd-schedule .event-modal .event-date{
    color: #FFFFFF; 
}

.event-location{
    color: #FFFFFF; 
}

.event-modal .header .speaker .speaker-name{
    color: #FFFFFF; 
}

.accordion_status {
    background: var(--color-brand-primary);
}

.form_input_check_title {
 color: var(--color-brand-primary);
}

/**** Timetable ****/

.cd-schedule .events .single-event, .cd-schedule .event-modal .header {
    background: var(--color-brand-primary);
    color: var(--color-neutral-gray-08);
}

.cd-schedule .events .single-event .event-name {
  color: var(--color-neutral-black);
}

.cd-schedule .events .event-name .single-event:hover {
  background: var(--color-brand-light);
  color: var(--color-neutral-black);
}

.plenair {
    background: var(--color-neutral-gray-0) !important;
}

.cd-schedule .events .single-event .event-name .plenair{
    color: var(--color-neutral-black);
}

.cd-schedule ul {
  list-style: disc;
}

.iti__flag_both {
  background-image: url("../images/flag_both.png");
  display: block;
  --iti-flag-offset: -32px;
}

/**** header ****/

.logo {
 height: 35px;

}

body.layout-header-full-width main {
  padding-top: 0rem;
}
button, .button, input[type="submit"], input[type="button"], .assign-ticket--confirm-modal .ui-widget.button {
    text-transform: uppercase;
    font-weight: 400;
}
 input[type="submit"], input[type="button"], .assign-ticket--confirm-modal .ui-widget.button,  .button--primary {
    background-color: var(--color-brand-secondary);
}
.layout-header-full-width .header_visual:before {
    background-position: center right;
}
.cd-schedule .events .single-event a{
    display:flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap:0.8rem
}
.cd-schedule .events .single-event .event-name, .cd-schedule .events .single-event .event-date, .cd-schedule .event-modal .header {
    color: var(--color-neutral-white);
}
.cd-schedule .events .single-event.plenair .event-name, .cd-schedule .events .single-event.plenair .event-date {
    color: var(--color-neutral-gray-08);
}
.cd-schedule .events .event-name{
    margin-bottom: 4px;
}
.cd-schedule .events .single-event:hover .event-date, .cd-schedule .events .single-event:hover .event-name{
        color: var(--color-neutral-gray-08);
}
.cd-schedule .events .single-event a .icon-container {
    color: var(--color-neutral-white);
}
.timetable--header-location,
.timetable--body-location {
    height: 100%;
    display: flex;
    flex: 0 0 var(--timetable-col-width);
    min-width: var(--timetable-col-width);
    width: var(--timetable-col-width);
    max-width: 60vw;
}
.timetable--body-location {
    border-left: 1px solid var(--color-neutral-gray-01);
    position: relative;
}
.timetable--header-location {
    align-items: center;
    border-right: 1px solid transparent;
    font-weight: 600;
}
.timetable--header-location--placeholder,
.timetable--body-location--placeholder {
    flex: 0 0 2.5rem;
    min-width: 2.5rem;
    width: 2.5rem;
    max-width: 2.5rem;
    border-right-color: transparent;
    border-left-color: transparent;
}
.timetable--header-locations,
.timetable--body-events {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    scroll-behavior: auto;
}

.timetable--header-locations--container,
.timetable--body-locations--container {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    height: 100%;
}

.timetable--header-location,
.timetable--body-location,
.timetable--header-location--placeholder,
.timetable--body-location--placeholder {
    box-sizing: border-box;
}

.timetable--body {
    grid-template-columns: 1fr 8fr 1fr;
}
.container-fluid .col-accordion-sidebar .sidebar{
    padding-left: 3.2rem;
}
@media (min-width: 992px) {
  .content-main-inner {
    padding-top: 3.2em;
    }
}