/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
body {
  font-size: 1.5rem;
}
strong {
  font-weight: 500;
}
h1 {
  font-weight: 500;
  margin-bottom: 4.5rem;
}
.fa-fw {
  color: #333;
}
#g-header {
  border-bottom: 0.3125rem solid #f08400;
}
#g-navigation .g-main-nav .g-toplevel {
  justify-content: left;
  -webkit-justify-content: left;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active, #g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active.g-selected {
  background: #333;
}
#g-navigation .g-main-nav .g-toplevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover {
  background: #333;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container, #g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container {
  color: #fff !important;
  font-size: 1.2rem;
  font-weight: 400;
}
.g-main-nav .g-toplevel > li.g-selected > .g-menu-item-container > .g-menu-item-content, .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {
  text-decoration: underline;
  text-decoration-color: #FFF;
  text-decoration-thickness: 2px;
}
#g-navigation .g-main-nav ul.g-sublevel .g-menu-item-title {
  font-size: 1rem;
}
#g-mobilemenu-container .g-toplevel li .g-menu-item-content {
  line-height: 2rem;
}
#g-main {
  margin: 0;
  background: linear-gradient(#f1efe9 0px, #F1EFE8 172px, transparent 172px);
}
.button {
  color: #FFF;
  background-color: #e6051f;
  font-size: 1.5rem;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #7d0311;
  clip-path: polygon(0.5em 0, 100% 0, 100% 100%, 0 100%, 0 0.8em);
  outline-offset: -0.5em;
  margin: 1rem 2rem 1rem 0;
  margin-top: 1rem;
}
.button:hover, .button:active, .button:focus {
  background-color: #b40418;
}
a.button::after {
  margin: 0 0.5rem 0 0.8rem;
  content: "";
  font-family: FontAwesome;
  font-size: 1.6rem;
  font-weight: 700;
}
#g-footer, #g-footer a {
  color: #FFF;
}
#g-footer a:hover {
  color: #c2e2f0;
  text-decoration: underline;
  text-decoration-color: #c2e2f0;
  text-decoration-thickness: 2px;
}
.fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table, .fc .fc-multimonth table {
  font-size: 1rem;
}
.fc a[data-navlink] {
  cursor: default;
  text-decoration: none !important;
}
.form-horizontal .control-label {
  width: 240px;
}
.eb-privacy-policy-message.alert.alert-info {
  mmargin-top: 10px;
  width: 514px;
}
.com_eventbooking input[type="checkbox"] {
  margin-bottom: 6px;
}
.com_eventbooking .controls input[type="radio"] {
  margin-right: 5px;
  margin-top: 8px;
}
@media only screen and (max-width: 767px) {
  .desktop-menu {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .mobile-menu {
    display: none;
  }
}
a[href*="registration"] {
  background: #3788d8 !important;
  border-color: #3788d8 !important;
  cursor: pointer !important;
}
a[href*="print"] {
  background: #FFF !important;
  border-color: #FFF !important;
  font-size: 1.6rem;
}
a.fc-timegrid-event.fc-v-event.fc-event.fc-event-start.fc-event-end.fc-event-future, a.fc-daygrid-event.fc-daygrid-block-event.fc-h-event.fc-event.fc-event-start.fc-event-end.fc-event-future {
  background: #f88383;
  cursor: not-allowed;
}
a.fc-daygrid-event.fc-daygrid-block-event.fc-h-event.fc-event.fc-event-start.fc-event-end.fc-event-future {
  border-color: #f34545;
}
a.fc-daygrid-event.fc-daygrid-block-event.fc-h-event.fc-event.fc-event-start.fc-event-end.fc-event-today {
  border-color: #f34545;
  background: #f88383;
  cursor: not-allowed;
}
.fc-v-event .fc-event-title {
  font-size: 0.84rem;
  width: 90px;
}
.eb-description a {
  text-decoration: underline;
}
h3.eb-heading {
  display: none;
}
input[type="text"] {
  width: 500px;
  height: 24px;
  padding: 1rem;
}
.form-actions {
  background-color: #FFF;
  border-top: none;
  text-align: right;
  width: 516px;
}
.form-group.form-row fieldset {
  margin-bottom: 0;
}
input#btn-submit {
  padding: 11px 31px;
}
input.btn.btn-primary {
  font-weight: 700;
  padding: 10px 36px;
  margin-left: 12px;
}
@media only screen and (max-width: 767px) {
  #g-header h1 {
    font-size: 1.8rem;
    text-align: left;
  }
  input[type="text"] {
    width: 97%;
    height: 24px;
  }
  textarea {
    width: 100%;
  }
  .form-actions {
    background-color: #FFF;
    border-top: none;
    text-align: right;
    width: 100%;
  }
  .form-horizontal .form-actions {
    padding-left: 0;
  }
}
@media only screen and (max-width: 959px) {
  .eb-privacy-policy-message.alert.alert-info {
    margin-left: 0;
    width: inherit;
  }
}
@media only screen and (max-width: 959px) {
  .eb-privacy-policy-message.alert.alert-info {
    margin-left: 0;
  }
}
input[type="text"], textarea, .eb-container .input-medium, #extra_information, .eb-privacy-policy-message.alert.alert-info {
  width: 75% !important;
  padding-left: 0.8em;
  padding-top: 0.6rem;
}
input[type="text"] {
  height: 48px;
}
::placeholder {
  color: #c8c8c8;
}
#eb-amount-container, #eb-gross-amount-container, #payment_method_container {
  display: none;
}
div#eb-discount-amount-container {
  display: none;
}
#eb-coupon-container .form-control-label::after {
  content: " *";
  color: red;
}
td.eb-event-property-label, td.eb-event-property-value.eb_price {
  display: none;
}
@media only screen and (min-width: 768px) {
  body.view-registrationcancel.mobile-menu {
    display: block !important;
  }
}
@media only screen and (max-width: 767px) {
  body.view-registrationcancel.desktop-menu {
    display: block !important;
  }
}
/* Plaatsenlijst */
.view-article ul.mooielijst {
  counter-reset: li;
  list-style: none;
  padding: 0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 767px) {
  .view-article ul.mooielijst {
    columns: 2;
  }
}
.view-article ul.mooielijst a {
  position: relative;
  display: block;
  padding: 0.4em 0.4em 0.4em 0.8em;
  margin: 0.5em 0 0.5em 2.5em;
  background: #FFF;
  color: #7d0311;
  text-decoration: none;
  transition: all 0.3s ease-out;
  border-bottom: #F1EFE8 solid 1px;
  font-size: 1.2rem;
  font-weight: 700;
  width: 360px;
}
.view-article ul.mooielijst a:hover {
  background: #F1EFE8;
}
.view-article ul.mooielijst a:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -2.5em;
  top: 50%;
  margin-top: -1em;
  background: #e6051f;
  color: #FFF;
  height: 2em;
  width: 2em;
  line-height: 2em;
  text-align: center;
  font-weight: bold;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #7d0311;
}
.view-article ul.mooielijst a:after {
  position: absolute;
  content: "";
  border: 0.5em solid transparent;
  left: -1em;
  top: 50%;
  margin-top: -0.5em;
  transition: all 0.3s ease-out;
}
.view-article ul.mooielijst a:hover:after {
  left: -0.5em;
  border-left-color: #e6051f;
}
/* Chronoforms */
.eb-afspraken-wrap {
  margin: 2rem 0;
  font-family: inherit;
  font-size: 0.95rem;
  line-height: 1.4;
}
.eb-afspraken-blok {
  margin-bottom: 2.5rem;
}
.eb-afspraken-titel {
  font-size: 1.3rem;
  margin: 0 0 1rem 0;
  line-height: 1.2;
}
.eb-afspraken-table-wrap {
  width: 100%;
  overflow-x: auto;
}
.eb-afspraken-tabel {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #ddd;
}
.eb-afspraken-tabel th, .eb-afspraken-tabel td {
  padding: 0.7rem 0.8rem;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #e5e5e5;
  font-size: 0.92rem;
}
.eb-afspraken-tabel th {
  background: #f5f5f5;
  font-weight: 700;
}
.eb-afspraken-tabel tr:last-child td {
  border-bottom: 0;
}
.eb-afspraken-tabel tr:nth-child(even) td {
  background: #fafafa;
}
.eb-geen-afspraken {
  padding: 1rem 1.2rem;
  background: #f8f8f8;
  border: 1px solid #ddd;
}
.eb-comment {
  min-width: 220px;
  max-width: 420px;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.eb-leeg {
  color: #777;
}
.eb-afspraken-tabel th.sortable {
  cursor: pointer;
  user-select: none;
  position: relative;
  white-space: nowrap;
}
.eb-afspraken-tabel th.sortable::after {
  content: "⇅";
  font-size: 0.8rem;
  margin-left: 0.4rem;
  color: #999;
}
.eb-afspraken-tabel th.sortable[data-sort-direction="asc"]::after {
  content: "↑";
  color: #333;
}
.eb-afspraken-tabel th.sortable[data-sort-direction="desc"]::after {
  content: "↓";
  color: #333;
}
.eb-afspraken-tabel tr.eb-afspraak-geannuleerd td {
  color: #c62828;
  text-decoration: line-through;
  text-decoration-thickness: 1px;
}
@media (max-width: 900px) {
  .eb-afspraken-wrap {
    font-size: 0.9rem;
  }
  .eb-afspraken-tabel th, .eb-afspraken-tabel td {
    padding: 0.6rem 0.65rem;
    font-size: 0.88rem;
  }
  .eb-afspraken-titel {
    font-size: 1.15rem;
  }
  .eb-comment {
    min-width: 180px;
    max-width: 300px;
  }
}
/* =========================
   Joomla loginform in Gantry
   ========================= */
#com-users-login__form {
  max-width: 440px;
  width: 100%;
  padding: 0;
  margin: 7rem 0 0 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
#com-users-login__form fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
#com-users-login__form .control-group, #com-users-login__form .com-users-login__input, #com-users-login__form .com-users-login__submit, #com-users-login__form .com-users-login__remember {
  width: 100%;
  margin: 0 0 1rem 0;
  padding: 0;
}
#com-users-login__form .control-label {
  display: block;
  width: 100%;
  margin: 0 0 0.35rem 0;
  padding: 0;
}
#com-users-login__form .control-label label {
  display: block;
  margin: 0;
  font-weight: 600;
  line-height: 1.3;
}
#com-users-login__form .controls {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  min-width: 0;
}
/* Algemene input-styling */
#com-users-login__form input[type="text"], #com-users-login__form input[type="email"], #com-users-login__form input[type="password"] {
  display: block;
  width: 100% !important;
  min-width: 0;
  height: 3rem;
  margin: 0;
  padding: 0.7rem 0.9rem;
  box-sizing: border-box;
  border: 1px solid #cfcfcf;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  font-size: 1rem;
  line-height: 1.2;
}
#com-users-login__form input[type="text"]:focus, #com-users-login__form input[type="email"]:focus, #com-users-login__form input[type="password"]:focus {
  border-color: #e6051f;
  outline: none;
  box-shadow: 0 0 0 2px rgba(230, 5, 31, 0.12);
}
/* Wachtwoordgroep: input + oogje op 1 regel */
#com-users-login__form .password-group {
  width: 100%;
}
#com-users-login__form .password-group .input-group {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  width: 100% !important;
  margin: 0;
  padding: 0;
}
#com-users-login__form .password-group .input-group > input {
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0;
  margin: 0;
  border-right: 0;
}
/* Oogje */
#com-users-login__form .input-password-toggle {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 3rem;
  width: 3rem;
  min-width: 3rem;
  margin: 0 !important;
  padding: 0;
  border: 1px solid #e6051f;
  border-left: 0;
  border-radius: 0;
  background: #e6051f;
  color: #fff;
  box-shadow: none;
  cursor: pointer;
  appearance: none;
}
#com-users-login__form .input-password-toggle:hover, #com-users-login__form .input-password-toggle:focus {
  background: #c8041a;
  color: #fff;
  outline: none;
  box-shadow: none;
}
#com-users-login__form .input-password-toggle .icon-eye, #com-users-login__form .input-password-toggle .icon-eye-slash, #com-users-login__form .input-password-toggle span[aria-hidden="true"] {
  color: #fff;
  font-size: 1rem;
  line-height: 1;
}
/* Onthoud mij subtieler */
#com-users-login__form .com-users-login__remember {
  margin-top: 0.25rem;
  margin-bottom: 1.25rem;
}
#com-users-login__form .form-check {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}
#com-users-login__form .form-check-input {
  width: 1rem !important;
  height: 1rem;
  margin: 0;
  accent-color: #e6051f;
  box-shadow: none;
}
#com-users-login__form .form-check-label {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.2;
  opacity: 0.85;
}
.form-check {
  padding-left: 0;
}
/* Submit-knop wrapper */
#com-users-login__form .com-users-login__submit .controls {
  display: block;
}
/* Jouw knopstijl toegepast op de login button */
#com-users-login__form .btn-primary, #com-users-login__form button[type="submit"] {
  display: inline-block;
  width: 100%;
  min-height: 3.25rem;
  padding: 0.8rem 1.2rem;
  color: #FFF;
  background-color: #e6051f;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  border: 0;
  border-bottom: 3px solid #7d0311;
  border-radius: 0;
  clip-path: polygon(0.5em 0, 100% 0, 100% 100%, 0 100%, 0 0.8em);
  outline: none;
  outline-offset: -0.5em;
  box-shadow: none;
  cursor: pointer;
  position: relative;
  transition: background-color 0.2s ease, transform 0.05s ease;
}
#com-users-login__form .btn-primary:hover, #com-users-login__form button[type="submit"]:hover, #com-users-login__form .btn-primary:focus, #com-users-login__form button[type="submit"]:focus {
  background-color: #c8041a;
  color: #FFF;
  border-color: #7d0311;
  outline: none;
  box-shadow: none;
}
#com-users-login__form .btn-primary:active, #com-users-login__form button[type="submit"]:active {
  transform: translateY(1px);
}
/* FontAwesome pijltje achter de knoptekst */
#com-users-login__form .btn-primary::after, #com-users-login__form button[type="submit"]::after {
  margin: 0 0.5rem 0 0.8rem;
  content: "";
  font-family: "Font Awesome 5 Free", "FontAwesome";
  font-size: 1.6rem;
  font-weight: 700;
  vertical-align: middle;
}
/* Eventuele Gantry/Bootstrap success styling neutraliseren */
#com-users-login__form .has-success, #com-users-login__form .form-control-success {
  width: 100%;
}
#com-users-login__form .has-success input, #com-users-login__form .form-control-success {
  border-color: #cfcfcf;
  background-image: none;
  box-shadow: none;
}
.com-users-login__options.list-group {
  max-width: 440px;
  font-size: 0.95rem;
}
.com-users-login__options.list-group:hover {
  opacity: 0.7;
}
#eb_full_calendar .fc-multimonth-month[data-date="2026-01"], #eb_full_calendar .fc-multimonth-month[data-date="2026-02"], #eb_full_calendar .fc-multimonth-month[data-date="2026-03"] {
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.fc-event.outside-window, .fc-h-event.outside-window {
  background: #f5f5f5 !important;
  border: 1px solid #dddddd !important;
  color: #999999 !important;
  opacity: 0.65;
  cursor: not-allowed !important;
}
.fc-event.outside-window:hover, .fc-h-event.outside-window:hover {
  background: #f5f5f5 !important;
  color: #999999 !important;
}
/* Echt niet klikbaar maken */
.fc-event.outside-window, .fc-h-event.outside-window {
  pointer-events: none !important;
}
/* Submit Event Form */
/* Container iets strakker */
#eb-submit-event-simple {
  max-width: 800px;
}
/* Algemene velden */
#eb-submit-event-simple .choices__inner {
  min-height: 44px;
  padding: 8px 40px 8px 18px;
  border-radius: 6px;
}
#eb-submit-event-simple input.form-control, #eb-submit-event-simple select.form-select {
  font-size: 1rem;
  min-height: 44px;
  padding: 8px 12px;
  border-radius: 6px;
}
#eb-submit-event-simple .choices, select#custom_access_choice {
  width: 75%;
}
#eb-submit-event-simple .choices__input::placeholder {
  font-size: 0.85rem;
}
/* En voor de zekerheid ook de input zelf iets kleiner */
#eb-submit-event-simple .choices__input {
  font-size: 0.9rem;
}
/* Labels */
#eb-submit-event-simple .form-control-label, #eb-submit-event-simple .control-label {
  font-size: 1rem;
  font-weight: 500;
  padding-top: 10px;
}
/* Afstand tussen velden */
#eb-submit-event-simple .form-group, #eb-submit-event-simple .control-group {
  margin-bottom: 16px;
}
/* Datumvelden (input + knop netjes uitlijnen) */
#eb-submit-event-simple .input-group {
  display: flex;
  align-items: stretch;
}
#eb-submit-event-simple .input-group .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#eb-submit-event-simple .input-group .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* Tijd selects naast elkaar */
#eb-submit-event-simple select.input-small {
  height: 48px;
  margin-left: 1px;
  max-width: 88px;
}
/* Knoppen */
#eb-submit-event-simple .btn {
  font-size: 1rem;
  height: 48px;
  border-radius: 6px;
  background: #b40418;
}
.buttons-wrapper.btn-group button {
  height: 36px !important;
  color: #FFF !important;
  border-radius: 0 !important;
}
/* Toolbar iets luchtiger */
#eb-submit-event-simple .btn-toolbar {
  margin-top: 20px;
}
/* Placeholder tekst iets rustiger */
#eb-submit-event-simple input::placeholder {
  font-size: 0.95rem;
  opacity: 0.7;
}
/* Basis styling voor alleen jouw form-knoppen */
#eb-submit-event-simple .btn-toolbar .btn {
  color: #FFF;
  background-color: #e6051f;
  font-size: 1.2rem;
  border: none;
  border-bottom: 3px solid #7d0311;
  padding: 10px 20px;
  clip-path: polygon(0.5em 0, 100% 0, 100% 100%, 0 100%, 0 0.8em);
  outline-offset: -0.5em;
  transition: all 0.2s ease;
}
/* Hover / active */
#eb-submit-event-simple .btn-toolbar .btn:hover, #eb-submit-event-simple .btn-toolbar .btn:focus, #eb-submit-event-simple .btn-toolbar .btn:active {
  background-color: #b40418;
  color: #fff;
}
/* Annuleer iets subtieler (optioneel) */
#eb-submit-event-simple .btn-toolbar .button-cancel {
  background-color: #666;
  border-bottom-color: #333;
}
#eb-submit-event-simple .btn-toolbar .button-cancel:hover {
  background-color: #444;
}
/* Mobiele lijstweergave */
/* =================================
   BASIS: compact, maar niet te krap
================================= */
.mobile-menu .fc .fc-toolbar-title {
  font-size: 1.6rem;
  font-weight: 700;
}
.fc .fc-list-table {
  font-size: 1rem;
  line-height: 1.35;
}
.fc .fc-list-table th, .fc .fc-list-table td {
  padding: 0.65rem 0.8rem;
  vertical-align: middle;
}
/* kopregel */
.fc .fc-list-table thead th {
  font-size: 0.95rem;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}
/* dagkop */
.fc .fc-list-day-cushion {
  padding: 0.75rem 0.8rem !important;
}
.fc .fc-list-day-text, .fc .fc-list-day-side-text {
  font-size: 1rem;
  line-height: 1.25;
}
/* eventrij */
.fc .fc-list-event td {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}
.fc .fc-list-event-title {
  text-align: right;
}
/* tijdkolom */
.fc .fc-list-event-time {
  width: 8.5rem;
  white-space: nowrap;
  font-size: 1rem;
  color: #444;
}
/* titel altijd consistent */
.fc .fc-list-event-title a {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  display: inline-block;
  padding: 0.42rem 0.7rem;
  border-radius: 0.35rem;
  transition: background 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}
/* =================================
   STATUS: boekbaar / niet boekbaar
================================= */
/* boekbaar = heeft /registration in de URL */
.fc .fc-list-event-title a[href*="registration"] {
  background: #3788d8;
  border: 1px solid #3788d8;
  color: #fff !important;
  cursor: pointer;
  padding: 0.42rem 0.35rem;
}
/* hover alleen voor boekbare links */
.fc .fc-list-event-title a[href*="registration"]:hover, .fc .fc-list-event-title a[href*="registration"]:focus {
  background: #2f76bd;
  border-color: #2f76bd;
  color: #fff !important;
}
/* niet boekbaar = geen registration in de URL */
.fc .fc-list-event-title a:not([href*="registration"]) {
  background: #e25b5b;
  border: 1px solid #e25b5b;
  color: #fff !important;
  cursor: not-allowed;
  opacity: 0.92;
  padding: 0.42rem 0.35rem;
  /* praktisch niet klikbaar met muis/touch */
  pointer-events: none;
}
/* verlopen events krijgen prioriteit */
.fc .fc-list-event.fc-event-past .fc-list-event-title a {
  background: #c0392b !important;
  border-color: #c0392b !important;
  color: #fff !important;
  cursor: not-allowed;
  opacity: 0.92;
  padding: 0.42rem 0.35rem;
  /* ook verlopen events niet klikbaar */
  pointer-events: none;
}
.fc .fc-list-event:has(.fc-list-event-title a:not([href*="registration"])) {
  pointer-events: none;
}
/* =================================
   DOT / BLOKJE
================================= */
.fc .fc-list-event-graphic {
  display: none;
}
.fc .fc-list-event-dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.2rem;
  border: none;
}
/* standaard future = lichtblauw blokje */
.fc .fc-list-event.fc-event-future .fc-list-event-dot {
  background: #bfe3ff;
}
/* niet boekbaar = rood blokje */
.fc .fc-list-event:not(.fc-event-past) .fc-list-event-title a:not([href*="registration"]) ~ .fc-list-event-graphic .fc-list-event-dot, .fc .fc-list-event:not(.fc-event-past) .fc-list-event-title a:not([href*="registration"]) + .fc-list-event-graphic .fc-list-event-dot {
  background: #e25b5b;
}
/* verlopen = donkerrood blokje */
.fc .fc-list-event.fc-event-past .fc-list-event-dot {
  background: #c0392b;
}
/* =================================
   SUBTIELE RIJ-ACHTERGROND
================================= */
.fc .fc-list-event.fc-event-future {
  background: #f5f9ff;
}
.fc .fc-list-event.fc-event-past {
  background: #fff5f5;
}
/* =================================
   LEGE LIJST
================================= */
/* alleen styling van de melding */
.fc .fc-list-empty, .fc .fc-list-empty-cushion {
  font-size: 1rem;
  padding: 1rem 0.8rem !important;
  color: #666;
}
/* Veelgestelde vragen
--------------------------------------------- */
.faq {
  max-width: 900px;
}
.faq h2 {
  margin-bottom: 1.5rem;
}
.faq h3 {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}
.faq-item {
  margin-bottom: 10px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
}
/* Klikbare vraag */
.faq-item summary {
  position: relative;
  padding: 16px 50px 16px 18px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
  list-style: none;
  background: #f5f5f5;
}
/* Verwijder het standaard pijltje */
.faq-item summary::-webkit-details-marker {
  display: none;
}
.faq-item summary::marker {
  content: "";
}
/* Plus- en minteken */
.faq-item summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
}
.faq-item[open] summary::after {
  content: "−";
}
/* Hover en toetsenbordfocus */
.faq-item summary:hover {
  background: #ededed;
}
.faq-item summary:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: -3px;
}
/* Antwoord */
.faq-answer {
  padding: 16px 18px;
  border-top: 1px solid #d8d8d8;
}
.faq-answer > :first-child {
  margin-top: 0;
}
.faq-answer > :last-child {
  margin-bottom: 0;
}
.faq-answer ul {
  margin-top: 0.5rem;
  margin-bottom: 0;
  padding-left: 1.3rem;
}
.faq-answer li + li {
  margin-top: 0.5rem;
}
/* Adressen met iets meer tussenruimte */
.faq-addresses li + li {
  margin-top: 1rem;
}
/* Onderste contactblok */
.faq-contact {
  margin-top: 2.5rem;
  padding: 20px;
  border-radius: 5px;
  background: #f5f5f5;
}
.faq-contact h3 {
  margin-top: 0;
}
.faq-contact > :last-child {
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .faq-item summary {
    padding: 14px 45px 14px 15px;
  }
  .faq-answer {
    padding: 15px;
  }
  .faq-contact {
    padding: 16px;
  }
}
/*# sourceMappingURL=custom_12.css.map */