/* H2G Theme — forms.css (form-wrapper, gravity forms, verplicht-markering) */

.h2g-form-wrapper {
  max-width: 100%;
}
.h2g-form-wrapper .gfield_label,
.h2g-form label {
  display: block;
  font-family: var(--font-heading);
  font-size: 12px;
  font-weight: 600;
  color: var(--color-black);
  letter-spacing: 0.06em;
  margin-bottom: 7px;
  text-transform: uppercase;
}
.h2g-form-wrapper input[type="text"],
.h2g-form-wrapper input[type="email"],
.h2g-form-wrapper input[type="tel"],
.h2g-form-wrapper select,
.h2g-form-wrapper textarea,
.h2g-form input,
.h2g-form select,
.h2g-form textarea {
  display: block;
  width: 100%;
  font-family: var(--font-body);
  font-size: 15px;
  color: var(--color-black);
  background-color: var(--color-white);
  border: 1.5px solid var(--color-grey-200);
  border-radius: var(--radius);
  padding: 14px 18px;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
  outline: none;
  appearance: none;
}
.h2g-form-wrapper input:focus,
.h2g-form-wrapper select:focus,
.h2g-form-wrapper textarea:focus {
  border-color: var(--color-accent);
  box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.12);
}
.h2g-form-wrapper textarea {
  resize: vertical;
  min-height: 140px;
}
.h2g-gf-wrapper .gform_wrapper,
.h2g-gf-wrapper .gform_wrapper * {
  box-sizing: border-box;
}
.h2g-gf-wrapper .gform_heading {
  display: none;
}
.h2g-gf-wrapper .gfield {
  margin-bottom: 20px !important;
}
.h2g-gf-wrapper .gfield_label {
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--color-black) !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-bottom: 7px !important;
}
.h2g-gf-wrapper .gfield_required {
  color: var(--color-accent) !important;
}
.h2g-verplicht {
  color: var(--color-accent);
  font-weight: 700;
}