/* wings-client.css - frisse-wind/frissewind - campagneformulier.css @ 4db40b0+dirty
   Gegenereerd door scripts/client-css/client_css.py deploy; niet op de box bewerken. */
/* === Naamveld over de volle breedte (brug voor theme #243)
 * Upstream: theme 1.5.4 (ba9cc9c34). FW draait 1.5.1; weg zodra het theme
 * >= 1.5.6 op FW staat (gaat mee met de #135-uitrol van FW).
 */
.campaign-sidebar-content .gform_wrapper .gform_body .gform_fields > .gfield:is(.gfield--type-name, .wings-fundraiser-amount-options):has(input),
.campaign-card-form .gform_wrapper .gform_body .gform_fields > .gfield:is(.gfield--type-name, .wings-fundraiser-amount-options):has(input),
.campaign-card-sidebar .gform_wrapper .gform_body .gform_fields > .gfield:is(.gfield--type-name, .wings-fundraiser-amount-options):has(input) {
	grid-column: 1 / -1;
}

/* === Compact campagneformulier (brug voor theme fix/campaign-form-compact)
 * Upstream: _campaign-forms.scss § "Compact campaign form" (theme 1.5.6).
 * Labels, beschrijvingen en floating labels kleiner, minder lucht, select
 * met chevron, gekozen bedrag in de knopkleur, schakelaar voor
 * .wings-fundraiser-frequency. Weg zodra het theme >= 1.5.6 op FW staat.
 */
.campaign-sidebar-content .gform_wrapper,
.campaign-card-form .gform_wrapper,
.campaign-card-sidebar .gform_wrapper {
  --wings-campaign-form-selected-bg: var(--wings-secondary-color, #102c4c);
  --wings-campaign-form-selected-text: #fff;
}
.campaign-sidebar-content .gform_wrapper .gform_body .gform_fields,
.campaign-card-form .gform_wrapper .gform_body .gform_fields,
.campaign-card-sidebar .gform_wrapper .gform_body .gform_fields {
  row-gap: 0.85rem;
}
.campaign-sidebar-content .gform_wrapper .gfield_label,
.campaign-sidebar-content .gform_wrapper legend.gfield_label,
.campaign-card-form .gform_wrapper .gfield_label,
.campaign-card-form .gform_wrapper legend.gfield_label,
.campaign-card-sidebar .gform_wrapper .gfield_label,
.campaign-card-sidebar .gform_wrapper legend.gfield_label {
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.35rem;
}
.campaign-sidebar-content .gform_wrapper .gfield_required,
.campaign-card-form .gform_wrapper .gfield_required,
.campaign-card-sidebar .gform_wrapper .gfield_required {
  font-size: 0.8em;
  font-weight: 600;
  opacity: 0.8;
}
.campaign-sidebar-content .gform_wrapper .gfield_consent_label .gfield_required,
.campaign-card-form .gform_wrapper .gfield_consent_label .gfield_required,
.campaign-card-sidebar .gform_wrapper .gfield_consent_label .gfield_required {
  display: none;
}
.campaign-sidebar-content .gform_wrapper .gfield_description:not(.validation_message),
.campaign-card-form .gform_wrapper .gfield_description:not(.validation_message),
.campaign-card-sidebar .gform_wrapper .gfield_description:not(.validation_message) {
  font-size: 0.8rem;
  line-height: 1.4;
  margin-top: 0.4rem;
  padding: 0;
  opacity: 0.85;
}
.campaign-sidebar-content .gform_wrapper .gfield_consent_label,
.campaign-sidebar-content .gform_wrapper .gfield--type-checkbox .gchoice label,
.campaign-sidebar-content .gform_wrapper .gfield--type-radio .gchoice label,
.campaign-card-form .gform_wrapper .gfield_consent_label,
.campaign-card-form .gform_wrapper .gfield--type-checkbox .gchoice label,
.campaign-card-form .gform_wrapper .gfield--type-radio .gchoice label,
.campaign-card-sidebar .gform_wrapper .gfield_consent_label,
.campaign-card-sidebar .gform_wrapper .gfield--type-checkbox .gchoice label,
.campaign-card-sidebar .gform_wrapper .gfield--type-radio .gchoice label {
  font-size: 0.85rem;
  line-height: 1.4;
}
.campaign-sidebar-content .gform_wrapper .gfield--type-consent .ginput_container_consent,
.campaign-sidebar-content .gform_wrapper .gfield--type-checkbox .gchoice,
.campaign-card-form .gform_wrapper .gfield--type-consent .ginput_container_consent,
.campaign-card-form .gform_wrapper .gfield--type-checkbox .gchoice,
.campaign-card-sidebar .gform_wrapper .gfield--type-consent .ginput_container_consent,
.campaign-card-sidebar .gform_wrapper .gfield--type-checkbox .gchoice {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.campaign-sidebar-content .gform_wrapper .gfield--type-consent .ginput_container_consent input[type=checkbox],
.campaign-sidebar-content .gform_wrapper .gfield--type-checkbox .gchoice input[type=checkbox],
.campaign-card-form .gform_wrapper .gfield--type-consent .ginput_container_consent input[type=checkbox],
.campaign-card-form .gform_wrapper .gfield--type-checkbox .gchoice input[type=checkbox],
.campaign-card-sidebar .gform_wrapper .gfield--type-consent .ginput_container_consent input[type=checkbox],
.campaign-card-sidebar .gform_wrapper .gfield--type-checkbox .gchoice input[type=checkbox] {
  flex: none;
  margin: 0.2em 0 0;
}
.campaign-sidebar-content .gform_wrapper .ginput_container input[type=text],
.campaign-sidebar-content .gform_wrapper .ginput_container input[type=email],
.campaign-sidebar-content .gform_wrapper .ginput_container input[type=tel],
.campaign-sidebar-content .gform_wrapper .ginput_container input[type=number],
.campaign-sidebar-content .gform_wrapper .ginput_container select,
.campaign-card-form .gform_wrapper .ginput_container input[type=text],
.campaign-card-form .gform_wrapper .ginput_container input[type=email],
.campaign-card-form .gform_wrapper .ginput_container input[type=tel],
.campaign-card-form .gform_wrapper .ginput_container input[type=number],
.campaign-card-form .gform_wrapper .ginput_container select,
.campaign-card-sidebar .gform_wrapper .ginput_container input[type=text],
.campaign-card-sidebar .gform_wrapper .ginput_container input[type=email],
.campaign-card-sidebar .gform_wrapper .ginput_container input[type=tel],
.campaign-card-sidebar .gform_wrapper .ginput_container input[type=number],
.campaign-card-sidebar .gform_wrapper .ginput_container select {
  height: auto;
  min-height: 2.75rem;
  padding: 0.55rem 0.75rem;
  font-size: max(0.9rem, 16px);
  line-height: 1.3;
}
.campaign-sidebar-content .gform_wrapper .ginput_container select,
.campaign-card-form .gform_wrapper .ginput_container select,
.campaign-card-sidebar .gform_wrapper .ginput_container select {
  width: 100%;
  appearance: none;
  border-radius: var(--wings-form-field-border-radius, 0.5rem);
  padding-right: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23111' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.85rem center;
  background-size: 0.75rem auto;
  cursor: pointer;
}
.campaign-sidebar-content .gform_wrapper .gf-floating-label,
.campaign-card-form .gform_wrapper .gf-floating-label,
.campaign-card-sidebar .gform_wrapper .gf-floating-label {
  margin-bottom: 0;
}
.campaign-sidebar-content .gform_wrapper .gf-floating-label input,
.campaign-card-form .gform_wrapper .gf-floating-label input,
.campaign-card-sidebar .gform_wrapper .gf-floating-label input {
  height: 3rem;
  padding: 0.5rem 0.75rem;
  font-size: max(0.9rem, 16px);
  line-height: 1.3;
}
.campaign-sidebar-content .gform_wrapper .gf-floating-label input:focus,
.campaign-sidebar-content .gform_wrapper .gf-floating-label input:not(:placeholder-shown),
.campaign-card-form .gform_wrapper .gf-floating-label input:focus,
.campaign-card-form .gform_wrapper .gf-floating-label input:not(:placeholder-shown),
.campaign-card-sidebar .gform_wrapper .gf-floating-label input:focus,
.campaign-card-sidebar .gform_wrapper .gf-floating-label input:not(:placeholder-shown) {
  padding: 1.15rem 0.75rem 0.25rem;
}
.campaign-sidebar-content .gform_wrapper .gf-floating-label label,
.campaign-card-form .gform_wrapper .gf-floating-label label,
.campaign-card-sidebar .gform_wrapper .gf-floating-label label {
  top: 50%;
  max-width: calc(100% - 1.5rem);
  font-weight: 400;
  overflow: hidden;
  font-size: 0.85rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.campaign-sidebar-content .gform_wrapper .gf-floating-label input:focus + label,
.campaign-sidebar-content .gform_wrapper .gf-floating-label input:not(:placeholder-shown) + label,
.campaign-card-form .gform_wrapper .gf-floating-label input:focus + label,
.campaign-card-form .gform_wrapper .gf-floating-label input:not(:placeholder-shown) + label,
.campaign-card-sidebar .gform_wrapper .gf-floating-label input:focus + label,
.campaign-card-sidebar .gform_wrapper .gf-floating-label input:not(:placeholder-shown) + label {
  top: 0.3rem;
  font-size: 0.7rem;
}
.campaign-sidebar-content .gform_wrapper .gf-floating-label.active input,
.campaign-card-form .gform_wrapper .gf-floating-label.active input,
.campaign-card-sidebar .gform_wrapper .gf-floating-label.active input {
  padding: 1.15rem 0.75rem 0.25rem;
}
.campaign-sidebar-content .gform_wrapper .gf-floating-label.active label,
.campaign-card-form .gform_wrapper .gf-floating-label.active label,
.campaign-card-sidebar .gform_wrapper .gf-floating-label.active label {
  top: 0.3rem;
  font-size: 0.7rem;
}
@media (min-width: 481px) {
  .campaign-sidebar-content .gform_wrapper .gfield--type-name .gform-grid-row,
  .campaign-card-form .gform_wrapper .gfield--type-name .gform-grid-row,
  .campaign-card-sidebar .gform_wrapper .gfield--type-name .gform-grid-row {
    flex-wrap: nowrap;
    column-gap: 0.75rem;
  }
  .campaign-sidebar-content .gform_wrapper .gfield--type-name .gform-grid-col,
  .campaign-card-form .gform_wrapper .gfield--type-name .gform-grid-col,
  .campaign-card-sidebar .gform_wrapper .gfield--type-name .gform-grid-col {
    flex: 1 1 0;
    min-width: 0;
  }
}
.campaign-sidebar-content .gform_wrapper .wings-fundraiser-amount-options input[type=radio] + label,
.campaign-card-form .gform_wrapper .wings-fundraiser-amount-options input[type=radio] + label,
.campaign-card-sidebar .gform_wrapper .wings-fundraiser-amount-options input[type=radio] + label {
  padding-inline: 0.25rem;
  white-space: nowrap;
}
.campaign-sidebar-content .gform_wrapper .wings-fundraiser-amount-options input[type=radio]:checked + label,
.campaign-card-form .gform_wrapper .wings-fundraiser-amount-options input[type=radio]:checked + label,
.campaign-card-sidebar .gform_wrapper .wings-fundraiser-amount-options input[type=radio]:checked + label {
  background: var(--wings-campaign-form-selected-bg);
  border-color: var(--wings-campaign-form-selected-bg);
  color: var(--wings-campaign-form-selected-text);
}
.campaign-sidebar-content .gform_wrapper .wings-fundraiser-amount-options input[type=radio]:checked + label:hover,
.campaign-card-form .gform_wrapper .wings-fundraiser-amount-options input[type=radio]:checked + label:hover,
.campaign-card-sidebar .gform_wrapper .wings-fundraiser-amount-options input[type=radio]:checked + label:hover {
  background: color-mix(in srgb, var(--wings-campaign-form-selected-bg) 85%, #000);
}
.campaign-sidebar-content .gform_wrapper .wings-fundraiser-frequency .gfield_radio,
.campaign-card-form .gform_wrapper .wings-fundraiser-frequency .gfield_radio,
.campaign-card-sidebar .gform_wrapper .wings-fundraiser-frequency .gfield_radio {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  gap: 0.25rem;
  margin: 0;
  padding: 0.25rem;
  list-style: none;
  background: var(--wings-form-field-bg-color, #fff);
  border-radius: 999px;
}
.campaign-sidebar-content .gform_wrapper .wings-fundraiser-frequency .gchoice,
.campaign-card-form .gform_wrapper .wings-fundraiser-frequency .gchoice,
.campaign-card-sidebar .gform_wrapper .wings-fundraiser-frequency .gchoice {
  position: relative;
  margin: 0;
  display: flex;
}
.campaign-sidebar-content .gform_wrapper .wings-fundraiser-frequency input[type=radio],
.campaign-card-form .gform_wrapper .wings-fundraiser-frequency input[type=radio],
.campaign-card-sidebar .gform_wrapper .wings-fundraiser-frequency input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: 0;
  pointer-events: none;
}
.campaign-sidebar-content .gform_wrapper .wings-fundraiser-frequency input[type=radio] + label,
.campaign-card-form .gform_wrapper .wings-fundraiser-frequency input[type=radio] + label,
.campaign-card-sidebar .gform_wrapper .wings-fundraiser-frequency input[type=radio] + label {
  flex: 1;
  margin: 0;
  padding: 0.5rem 0.75rem;
  border-radius: 999px;
  color: var(--wings-form-field-text-color, #111);
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.campaign-sidebar-content .gform_wrapper .wings-fundraiser-frequency input[type=radio]:not(:checked) + label:hover,
.campaign-card-form .gform_wrapper .wings-fundraiser-frequency input[type=radio]:not(:checked) + label:hover,
.campaign-card-sidebar .gform_wrapper .wings-fundraiser-frequency input[type=radio]:not(:checked) + label:hover {
  background: color-mix(in srgb, var(--wings-campaign-form-selected-bg) 10%, transparent);
}
.campaign-sidebar-content .gform_wrapper .wings-fundraiser-frequency input[type=radio]:checked + label,
.campaign-card-form .gform_wrapper .wings-fundraiser-frequency input[type=radio]:checked + label,
.campaign-card-sidebar .gform_wrapper .wings-fundraiser-frequency input[type=radio]:checked + label {
  background: var(--wings-campaign-form-selected-bg);
  color: var(--wings-campaign-form-selected-text);
}
.campaign-sidebar-content .gform_wrapper .wings-fundraiser-frequency input[type=radio]:focus-visible + label,
.campaign-card-form .gform_wrapper .wings-fundraiser-frequency input[type=radio]:focus-visible + label,
.campaign-card-sidebar .gform_wrapper .wings-fundraiser-frequency input[type=radio]:focus-visible + label {
  outline: 2px solid var(--wings-campaign-form-selected-bg);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  .campaign-sidebar-content .gform_wrapper .wings-fundraiser-frequency input[type=radio] + label,
  .campaign-card-form .gform_wrapper .wings-fundraiser-frequency input[type=radio] + label,
  .campaign-card-sidebar .gform_wrapper .wings-fundraiser-frequency input[type=radio] + label {
    transition: none;
  }
}