/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v25/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


body {
  --bs-body-bg: transparent;
  font-family: 'Ubuntu', sans-serif;
  min-height: 220px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
  color: #000;
}

.move_date {
  cursor: move;
}

.btn.loading {
  pointer-events: none;
  opacity: .7;
}

.spinner-border {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: .125em;
}

.list-group-item {
  --bs-list-group-bg: transparent;
}

#loader {
  display: none !important;
}

.loading #loader {
  display: flex !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.4);
}

#loader .spinner-border {
  --bs-spinner-width: 5rem;
  --bs-spinner-height: 5rem;
  --bs-spinner-border-width: .25em;
}

.alert {
  position: relative;
  border-radius: 15px;
  padding-inline: 1.5em;
}

.alert .btn-close {
  border: none;
  height: 20px;
  aspect-ratio: 1;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: top right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6.28 6.28 37.44 37.44'%3E%3Cpath d='M 7.71875 6.28125 L 6.28125 7.71875 L 23.5625 25 L 6.28125 42.28125 L 7.71875 43.71875 L 25 26.4375 L 42.28125 43.71875 L 43.71875 42.28125 L 26.4375 25 L 43.71875 7.71875 L 42.28125 6.28125 L 25 23.5625 Z'%3E%3C/path%3E%3C/svg%3E");
  padding: 0;
  right: 10px;
  top: 0;
  position: absolute;
  transform: translateY(50%);
}

.alert.alert-danger {
  background-color: #ffb5b5;
  color: #a40000;
}

.alert.alert-success {
  background-color: #beffc2;
  color: #00a413;
}

.alert.alert-warning {
  background-color: #ffb98a;
  color: #a44d00;
}

:root {
  --grey: #f1f1f1;
  --beige: #f3f1e9;
  --blue: #d7ecee;
  --yellow: #ffed00;
  --green: #a8e3d6;
  --white: #fff;
  --black: #000;
}

header {
  height: 120px;
  background: var(--beige);

  .logo-wrap {
    display: grid;
    height: 100%;
    align-items: center;

    .logo {
      max-height: 50px;
    }
  }
}

footer {
  padding-block: 3em;
  text-align: center;
  background: var(--black);

  .logo-wrap {
    .logo {
      max-height: 75px;
    }
  }

  .copyright {
    padding-top: 2em;
    color: var(--white);
  }
}

.nza {
  background: var(--green);
  padding-bottom: 3em;

  .form,
  .cursusinformatie,
  .contact {
    background: var(--white);
    border-radius: 15px;
  }

  .contact {
    img {
      border-radius: 10px;
      overflow: hidden;
    }

    .group {
      p {
        margin: 0;
      }

      margin-top: 0.5em;
      padding-top: 0.5em;
      border-top: 1px solid var(--grey);
    }

    .group:last-of-type {
      margin-bottom: 1.5em;
    }
  }

  input,
  select {
    border: 2px solid var(--grey);
    border-radius: 10px;
  }

  /* Hide the LastPass icon */
  input[type="date"]+* {
    display: none !important;
  }

  label.checkbox {
    padding-left: 2.5em;

    &:before {
      position: absolute;
      transition: all 0.2s ease-in-out;
      content: '';
      height: 1.25em;
      width: 1.25em;
      left: 20px;
      top: 5px;
      background-color: var(--grey);
      border: 2px solid var(--grey);
      border-radius: 50%;
    }
  }

  input[type="checkbox"]:checked~label:before {
    background-color: var(--yellow);
    border: 1px solid var(--yellow);
  }

  input[type="checkbox"] {
    opacity: 0;
    left: 1.5em;
    position: absolute;
    top: 1em;
  }

  .additional-fields {
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
  }

  .additional-fields.active {
    max-height: 1000px;
  }

  a {
    cursor: pointer;
  }
}

.thanks-pagina>.container {
  height: calc(100vh - 383px);
}

label.req::after {
  content: ' *';
  color: #a44d00;
}