@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700&display=swap');

.formio-form, .formio-form * {
  font-family: "Montserrat", sans-serif !important;
  font-weight: 400 !important;
  line-height: 24px !important;
}

.field-content {
  line-height: 24px !important;
}

#eqh9zrf {
  display: flex;
  align-items: center;
}

#eqh9zrf > .col-sm-1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

#eqh9zrf > .col-sm-10 {
  display: flex;
  align-items: center;
}

#eqh9zrf .field-label {
  margin-right: 12px; /* optioneel, ruimte tussen tekst en radio's */
  flex: none !important;
}

#eqh9zrf .field-content {
  flex: none !important;
}

/* de vraag + radio's netjes verticaal centreren */
#ehv8bwg > .col-sm-10 {
  display: flex;
  align-items: center;
}

/* optioneel: de inhoud zelf nog even in blok zetten zodat het niet wringt */
#ehv8bwg > .col-sm-10 .field-wrapper {
  display: flex;
  align-items: center;
  gap: 16px; /* ruimte tussen label en radio's */
}




/* H3 titel consistent maken */
h3.formio_form_title {
  font-family: "Montserrat", sans-serif !important;
  font-size: 32px !important; /* gelijk aan je site */
  font-weight: 400 !important;
  margin-bottom: 1rem;
  color: #212529; /* standaard tekstkleur van de rest */
}

/* Alle vragenlabels (radio labels) */
.formio-component-radio .form-check-label,
.formio-component-radio label {
  font-family: "Montserrat", sans-serif !important;
  font-size: 20px !important; /* normale body tekstgrootte */
  font-weight: 400 !important;
  color: #212529 !important;
}

/* Optioneel, voor beschrijvingen onder de vragen */
.formio-component-radio .form-text {
  font-size: 0.9rem;
  color: #6c757d;
}

/* Mooie ronde radio-buttons consistent */
.form-check-input[type="radio"] {
  width: 20px;
  height: 20px;
  border: 2px solid #002B5C;
  background-color: #fff;
}

.form-check-input[type="radio"]:checked {
  background-color: #002B5C;
  border-color: #002B5C;
}

/* Mooie ronde radio-buttons consistent */
.form-check-input[type="radio"] {
  width: 20px;
  height: 20px;
  border: 2px solid #002B5C;
  background-color: #fff;
}

.form-check-input[type="radio"]:checked {
  background-color: #002B5C;
  border-color: #002B5C;
}

.form-check-label:hover {
  color: #00509e;
  cursor: pointer;
}

.formio-form i,
.formio-form i:before,
.formio-form i:after {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.formio-form span.fa-solid,
.formio-form span.fa-solid:before,
.formio-form span.fa-solid:after {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.formio-component-spanClassFaLightFaShieldSpan::before {
  content: "\f3ed"; /* unicode van fa-shield-halved of ander gewenst icoon */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  color: #007bff;
  font-size: 1.5rem;
}