* {
    --color-cantus: green;
    --color-cultuur: #ff02ab;
    --color-feest: blue;
    --color-gaming: #00c8ff;
    --color-sport: salmon;
    --color-studentikoos: purple;
    --color-eerstejaars: #8C2F39;
    --color-vergadering: yellowgreen;
    --color-andere: red;
    --color-perma: darkgray;
    --color-career: darkslateblue;
    --color-lustrum: #ddaa16;
}


.marker-cantus, .switch-cantus[type=checkbox]:checked + label::before, .event-cantus {
    background: var(--color-cantus) !important;
    color: white;
}

.marker-cultuur, .switch-cultuur[type=checkbox]:checked + label::before, .event-cultuur {
    background: var(--color-cultuur) !important;
    color: white;
}

.marker-feest, .switch-feest[type=checkbox]:checked + label::before, .event-feest {
    background: var(--color-feest) !important;
    color: white;
}

.marker-gaming, .switch-gaming[type=checkbox]:checked + label::before, .event-gaming {
    background: var(--color-gaming) !important;
    color: white;
}

.marker-sport, .switch-sport[type=checkbox]:checked + label::before, .event-sport {
    background: var(--color-sport) !important;
    color: white;
}

.marker-studentikoos, .switch-studentikoos[type=checkbox]:checked + label::before, .event-studentikoos {
    background: var(--color-studentikoos) !important;
    color: white;
}

.marker-eerstejaars, .switch-eerstejaars[type=checkbox]:checked + label::before, .event-eerstejaars {
    background: var(--color-eerstejaars) !important;
    color: white;
}

.marker-vergadering, .switch-vergadering[type=checkbox]:checked + label::before, .event-vergadering {
    background: var(--color-vergadering) !important;
    color: white;
}

.marker-andere, .switch-andere[type=checkbox]:checked + label::before, .event-andere {
    background: var(--color-andere) !important;
    color: white;
}

.marker-perma, .switch-perma[type=checkbox]:checked + label::before, .event-perma {
    background: var(--color-perma) !important;
    color: white;
}

.marker-career, .switch-career[type=checkbox]:checked + label::before, .event-career {
    background: var(--color-career) !important;
    color: white;
}

.marker-lustrum, .switch-lustrum[type=checkbox]:checked + label::before, .event-lustrum {
    background: var(--color-lustrum) !important;
    color: white;
}

/* ------------------------------------------------------------------------- */

.fc-list {
    min-height: 350px;
}

.fc-button {
    color: white !important;
    background-color: black !important;
}

.fc-button:hover {
    color: black !important;
    background-color: #FFE01B !important;
}

.fc-list-event:hover {
    color: black !important;
}

@media only screen and (max-width: 768px) {
    .fc-toolbar.fc-header-toolbar {
        flex-direction: column;
    }

    .fc-toolbar-chunk {
        display: table-row;
        text-align: center;
        padding: 5px 0;
    }
}

/* ------------------------------------------------------------------------- */

.fc-daygrid-event-dot, .fc-list-event-dot {
    border-color: white !important;
}