.elementor-67601 .elementor-element.elementor-element-e49ff9a{--display:flex;--min-height:100vh;--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:2em;--margin-bottom:1.5em;--margin-left:0em;--margin-right:0em;}.elementor-67601 .elementor-element.elementor-element-187cd86 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:3em;font-weight:600;color:var( --e-global-color-text );}.elementor-67601 .elementor-element.elementor-element-2df70ea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Poppins", Sans-serif;font-weight:400;}/* Start custom CSS for wp-widget-gform_widget, class: .elementor-element-30f3db4 *//* =========================================
   Gravity Forms – Form ID 10
   Donatie radio layout exact zoals screenshot
   ========================================= */

/* RADIO CONTAINER */
body #gform_wrapper_10 .gfield_radio {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin: 0;
}

/* 4 blokken naast elkaar */
body #gform_wrapper_10 .gfield_radio .gchoice {
  flex: 1 1 calc(25% - 22px);
  min-width: 220px;
  margin: 0;
}

/* echte radio verbergen */
body #gform_wrapper_10 .gfield_radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* LABEL = TEGEL */
body #gform_wrapper_10 .gfield_radio label {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  height: 84px;

  border: 2px solid rgba(255,255,255,0.55);
  background: transparent;
  border-radius: 2px;

  color: #ffffff;
  font-weight: 700;

  cursor: pointer;
  user-select: none;

  transition: all .15s ease;
}

/* hover */
body #gform_wrapper_10 .gfield_radio label:hover {
  border-color: rgba(255,255,255,0.9);
}

/* geselecteerd = rood */
body #gform_wrapper_10 .gfield_radio input[type="radio"]:checked + label {
  background: #c84b4f;
  border-color: #c84b4f;
  color: #ffffff;
}

/* focus (toetsenbord) */
body #gform_wrapper_10 .gfield_radio input[type="radio"]:focus + label {
  outline: 3px solid rgba(255,255,255,0.35);
  outline-offset: 2px;
}

/* =========================================
   Input veld (donatienaam)
   ========================================= */

body #gform_wrapper_10 input[type="text"] {
  height: 74px;
  background: transparent;
  border: 2px solid rgba(255,255,255,0.25);
  color: rgba(255,255,255,0.85);
  padding: 0 22px;
}

body #gform_wrapper_10 input[type="text"]::placeholder {
  color: rgba(255,255,255,0.45);
}

#gform_wrapper_10.gform_wrapper.gravity-theme .gfield-choice-input + label {
  margin-bottom: 0;
  max-width: none !important;
  vertical-align: middle;
}

/* =========================================
   Submit knop links i.p.v. full width
   ========================================= */

body #gform_wrapper_10 .gform_footer {
  justify-content: flex-start;
}

body #gform_wrapper_10 .gform_footer input[type="submit"],
body #gform_wrapper_10 .gform_footer button {
  width: auto !important;
  display: inline-block;
}

/* =========================================
   Responsive
   ========================================= */

@media (max-width: 1024px) {
  body #gform_wrapper_10 .gfield_radio .gchoice {
    flex: 1 1 calc(50% - 22px);
  }
}

@media (max-width: 560px) {
  body #gform_wrapper_10 .gfield_radio .gchoice {
    flex: 1 1 100%;
    min-width: 0;
  }

  body #gform_wrapper_10 .gfield_radio label {
    font-size: 22px;
    height: 74px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://pub-6f00b06d66674feb95893dd06c8a1132.r2.dev/uploads/2025/08/Poppins-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://pub-6f00b06d66674feb95893dd06c8a1132.r2.dev/uploads/2025/08/Poppins-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://pub-6f00b06d66674feb95893dd06c8a1132.r2.dev/uploads/2025/08/Poppins-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://pub-6f00b06d66674feb95893dd06c8a1132.r2.dev/uploads/2025/08/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://pub-6f00b06d66674feb95893dd06c8a1132.r2.dev/uploads/2025/08/Poppins-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */