.elementor-2627 .elementor-element.elementor-element-3e0037d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4%;--padding-bottom:4%;--padding-left:4%;--padding-right:4%;}.elementor-2627 .elementor-element.elementor-element-0d9891b{background-color:var( --e-global-color-6b1fc82 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 30px 30px 30px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-c1ccf8d );border-radius:5px 5px 5px 5px;}.elementor-2627 .elementor-element.elementor-element-c6fe045{background-color:var( --e-global-color-6b1fc82 );margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 30px 30px 30px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-c1ccf8d );border-radius:5px 5px 5px 5px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2627 .elementor-element.elementor-element-3e0037d{--content-width:900px;}}/* Start custom CSS for shortcode, class: .elementor-element-c6fe045 *//* Minder ruimte tussen velden */
.gform_wrapper.gravity-theme .gfield {
  margin-bottom: 14px !important;
}

/* Invoervelden strakker */
.gform_wrapper.gravity-theme input,
.gform_wrapper.gravity-theme textarea,
.gform_wrapper.gravity-theme select {
  padding: 10px !important;
  border-radius: 4px;
  border: 1px solid #ccc;
}

/* Stijl submitbutton */
.gform_wrapper.gravity-theme .gform_footer input[type="submit"] {
  background-color: #D8A067 !important;
  color: #3D3A39 !important;
  padding: 12px 24px !important;
  font-size: 16px !important;
  border-radius: 6px !important;
  border: none !important;
  cursor: pointer;
  transition: transform 0.2s ease, background-color 0.2s ease;
}

/* Hover: iets groter zonder traagheid */
.gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover {
  transform: scale(1.05);
}

/* Checkboxen naast elkaar */
body .gform_wrapper .checkbox-rij .gfield_checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body .gform_wrapper .checkbox-rij .gfield_checkbox li {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.gform_wrapper .gfield_checkbox input[type="checkbox"] {
  appearance: none;
  width: 24px;
  height: 24px;
 
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  margin-right: 8px;
  vertical-align: middle;
  position: relative;
  display: inline-block;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.gform_wrapper .gfield_checkbox input[type="checkbox"]:checked {
  background-color: #D8A067 !important;
  border-color: #D8A067 !important;
}

.gform_wrapper .gfield_checkbox input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 6px;
  width: 8px;
  height: 14px;
  border: solid #3D3A39;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  display: block;
  pointer-events: none;
}


/* Verander achtergrondkleur bij autofill (Chrome/Safari) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
  box-shadow: 0 0 0px 1000px #fff inset !important;
  -webkit-text-fill-color: #3D3A39 !important;
}

/* Optioneel: veld bij focus een andere rand of achtergrond geven */
input:focus,
textarea:focus,
select:focus {
  background-color: #fff !important;
  border-color: #D8A067 !important;
  outline: none;
}/* End custom CSS */