/*!
README - GRAVITY FORM STYLE

Find the style by section/component using Find or CTRL + F:
GRAVITY FORM - LAYOUT,
GRAVITY FORM - FIELD,
GRAVITY FORM - CHOICE FIELD,
GRAVITY FORM - SELECT FIELD,
GRAVITY FORM - FILE UPLOAD,
GRAVITY FORM - VALIDATION,
GRAVITY FORM - FOOTER,
GRAVITY FORM - BUTTON,
GRAVITY FORM - MULTI STEP,
GRAVITY FORM - CUSTOM FIELD,
RESPONSIVE STYLE.

Make this stylesheet still readable and after using this file,
don't forget to use beautify after development.

Thank you Whello Developer.
*/

/* ==========================================================================
   GRAVITY FORM - LAYOUT
   ========================================================================== */

.gform_wrapper form {
  position: relative;
}

.gform_heading,
.gform_validation_errors {
  display: none;
}

.gform_wrapper ul,
.gform_wrapper ol {
  padding-left: 0;
  list-style: none;
}

.gform_fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.gform_fields .gfield {
  width: 100%;
  margin-top: 0;
  margin-bottom: 24px;
}

.gform_wrapper form h2 {
  --text-3xl: var(--text-2xl);
  margin-bottom: 0;
}

/* ==========================================================================
   GRAVITY FORM - FIELD
   ========================================================================== */

.gfield .gfield_label {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

legend.gfield_label.gform-field-label {
  margin-bottom: 12px;
}

.gfield_required {
  color: var(--red);
}

.gfield_required_text {
  font-size: 0;
}

.gfield_required_text::before {
  content: "*";
  margin-left: 2px;
  font-size: 16px;
}

.gfield.hidden_label .gfield_label,
.gfield .gfield_description.validation_message {
  display: none;
}

/* ==========================================================================
   GRAVITY FORM - CHOICE FIELD
   ========================================================================== */

.gfield_checkbox,
.gfield_radio {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 24px minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  row-gap: 14px;
}

.gfield_checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.gfield_radio li,
.gfield_checkbox li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.gfield_radio label,
.gfield_checkbox label {
  display: inline-block;
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
  margin-top: -2px;
  padding-left: 14px;
  font-size: var(--text-base);
  cursor: pointer;
}

.gfield_checkbox label a,
.ginput_container.ginput_container_consent .gform-field-label a {
  font-weight: 400;
  text-decoration: underline;
}

.gfield_checkbox .gchoice,
.gfield_radio .gchoice,
.gfield-image-choice-wrapper-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.gfield--type-choice .ginput_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.gfield.gfield--type-choice .ginput_container input[type="checkbox"] {
  padding: 0;
}

.gfield--type-choice .gform-field-label {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0;
  cursor: pointer;
}

.ginput_container.ginput_container_consent .gform-field-label {
  font-size: var(--text-sm);
}

/* ==========================================================================
   GRAVITY FORM - SELECT FIELD
   ========================================================================== */

.ginput_container_select .select2-container {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

/* ==========================================================================
   GRAVITY FORM - FILE UPLOAD
   ========================================================================== */

.gform_fileupload_rules,
.ginput_container_fileupload ~ .gfield_description,
.ginput_preview_list + .gfield_description,
.ginput_preview_list .gform_delete_file,
.ginput_preview_list .gfield_fileupload_progress {
  display: none;
}

.ginput_container_fileupload {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: var(--padding-field);
  color: var(--dark-brown);
  font-size: var(--text-sm);
  background-color: var(--input);
  border: 1px solid var(--input);
  -webkit-border-radius: var(--rounded-sm);
  -moz-border-radius: var(--rounded-sm);
  border-radius: var(--rounded-sm);
  -webkit-transition: var(--transition);
  -o-transition: var(--transition);
  -moz-transition: var(--transition);
  transition: var(--transition);
  cursor: pointer;
}

.ginput_container_fileupload::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/wp-content/uploads/2026/02/icon-download-file-dark-brown.svg")
    center / contain no-repeat;
}

.ginput_container_fileupload input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  opacity: 0;
  cursor: pointer;
}

.gfield_file_preview {
  display: -webkit-box;
  width: 100%;
  padding-left: 12px;
  overflow: hidden;
  color: var(--dark-brown);
  text-align: left;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  opacity: 0.5;
  pointer-events: none;
  cursor: pointer;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.gfield_file_preview:empty::before {
  content: "Bestand kiezen";
}

/* ==========================================================================
   GRAVITY FORM - VALIDATION
   ========================================================================== */

.gfield input.LV_invalid_field,
.gfield select.LV_invalid_field,
.gfield textarea.LV_invalid_field,
.gfield.gfield_error input[aria-invalid="true"],
.gfield.gfield_error select[aria-invalid="true"],
.gfield.gfield_error textarea[aria-invalid="true"] {
  border-color: var(--red);
}

.gfield input.LV_valid_field,
.gfield select.LV_valid_field,
.gfield textarea.LV_valid_field {
  border-color: var(--green);
}

.gfield input.LV_invalid_field.gfield-choice-input,
.gfield select.LV_invalid_field.gfield-choice-input,
.gfield textarea.LV_invalid_field.gfield-choice-input,
.gfield.gfield_error input.gfield-choice-input[aria-invalid="true"],
.gfield.gfield_error select.gfield-choice-input[aria-invalid="true"],
.gfield.gfield_error textarea.gfield-choice-input[aria-invalid="true"],
.gfield input.LV_valid_field.gfield-choice-input,
.gfield select.LV_valid_field.gfield-choice-input,
.gfield textarea.LV_valid_field.gfield-choice-input {
  padding-right: 0;
}

.gfield input.LV_valid_field.gfield-choice-input {
  border-color: var(--orange);
}

.gfield.gfield_error .ginput_container_fileupload {
  color: var(--red);
  border-color: var(--red);
}

.gfield.gfield_valid .ginput_container_fileupload {
  color: var(--dark);
  border-color: var(--green);
}

.gform_wrapper .validation_error {
  display: none;
  margin-bottom: 10px;
  padding: 10px 16px;
  background-color: #ffdada;
  font-size: var(--text-sm);
}

.gform_submission_error {
  padding: 10px;
  color: var(--red);
  background-color: var(--gray-300);
  -webkit-border-radius: var(--rounded-sm);
  -moz-border-radius: var(--rounded-sm);
  border-radius: var(--rounded-sm);
  font-size: var(--text-sm);
}

/* ==========================================================================
   GRAVITY FORM - FOOTER
   ========================================================================== */

.gform_wrapper .gform_footer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  width: 100%;
}

.gform_footer .gform_ajax_spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  background-color: var(--white);
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: var(--transition);
  -o-transition: var(--transition);
  -moz-transition: var(--transition);
  transition: var(--transition);
}

.gform-page-footer.gform_page_footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 24px;
}

.gform-page-footer.gform_page_footer .gform_step_text {
  display: none;
  margin-right: auto;
}

.gform-page-footer.gform_page_footer .gform_step_text:first-child {
  display: block;
}

.gform-page-footer.gform_page_footer .button-link.button-link-secondary {
  margin: 0;
  font-weight: 400;
}

.gform-page-footer.gform_page_footer .button-link.button-link-secondary:hover {
  margin: 0;
}

.gform-page-footer.gform_page_footer
  .button-link.button-link-secondary::before {
  display: none;
}

/* ==========================================================================
   GRAVITY FORM - BUTTON
   ========================================================================== */

.gform_wrapper .gform_button.button {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 32px;
  color: var(--white);
  background-color: var(--black);
  -webkit-border-radius: var(--rounded-full);
  -moz-border-radius: var(--rounded-full);
  border-radius: var(--rounded-full);
  font-size: var(--base);
  font-weight: 600;
  text-align: center;
}

/* ==========================================================================
   GRAVITY FORM - MULTI STEP
   ========================================================================== */

.gf_page_steps {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px;
}

.gf_page_steps::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: var(--dark-brown);
  opacity: 0.15;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.gf_page_steps .gf_step {
  position: relative;
  z-index: 1;
}

.gf_page_steps .gf_step_number {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: var(--white) center / 20px no-repeat;
  border: 1px solid rgba(54, 30, 28, 0.15);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

.gf_page_steps .gf_step_completed .gf_step_number {
  background-image: url("/wp-content/uploads/2026/02/icon-check-orange.svg");
  font-size: 0;
}

.gf_page_steps .gf_step_active .gf_step_number {
  border-color: var(--dark-brown);
}

/* ==========================================================================
   GRAVITY FORM - CUSTOM FIELD
   ========================================================================== */

.gform_fields .gfield.field-number-euro .ginput_container_number input {
  padding-left: 40px;
  background-image: url("/wp-content/uploads/2026/02/icon-euro-dark-brown.svg");
  background-position: 12px center;
  -webkit-background-size: 14px 14px;
  -moz-background-size: 14px;
  -o-background-size: 14px;
  background-size: 14px;
}

.gform_fields .gfield.field-button-radio .gfield_radio {
  -ms-grid-columns: (minmax(0, 1fr)) [1];
  grid-template-columns: repeat(1, minmax(0, 1fr));
  row-gap: 24px;
}

.gform_fields .gfield.field-button-radio .gfield_radio .gchoice {
  position: relative;
}

.gform_fields .gfield.field-button-radio .gfield_radio .gform-field-label {
  padding: 24px;
  background-color: rgba(54, 30, 28, 0.05);
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  font-weight: 600;
}

.gform_fields
  .gfield.field-button-radio
  .gfield_radio
  .gchoice
  input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.gform_fields
  .gfield.field-button-radio
  .gfield_radio
  .gform-field-label:hover {
  background-color: var(--orange);
}

.gform_fields
  .gfield.field-button-radio
  .gfield_radio
  .gchoice
  input[type="radio"]:checked
  + .gform-field-label,
.gform_fields
  .gfield.field-button-radio
  .gfield_radio
  .gchoice:hover
  .gform-field-label {
  color: var(--white);
  background-color: var(--orange);
}

/* ==========================================================================
   RESPONSIVE STYLE
   ========================================================================== */

/* > MOBILE */
@media all and (min-width: 601px) {
  .gform_fields .gfield.gfield--width-half {
    max-width: -webkit-calc(50% - 12px);
    max-width: -moz-calc(50% - 12px);
    max-width: calc(50% - 12px);
  }

  .gform_fields .gfield.gfield--width-third {
    max-width: -webkit-calc(33.33% - 8px);
    max-width: -moz-calc(33.33% - 8px);
    max-width: calc(33.33% - 8px);
  }
}

/* <= MOBILE */
@media all and (max-width: 600px) {
  .gform_button {
    width: 100%;
  }

  .gfield_checkbox,
  .gfield_radio {
    -ms-grid-columns: (minmax(0, 1fr)) [1];
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .gform-page-footer.gform_page_footer.top_label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
  }

  .gform-page-footer.gform_page_footer.top_label .gform_step_text {
    margin-right: 0;
  }
}