.elementor-4866 .elementor-element.elementor-element-dad2030{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4866 .elementor-element.elementor-element-7b762b6{text-align:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4866 .elementor-element.elementor-element-dad2030{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-4866 .elementor-element.elementor-element-dad2030{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}/* Start custom CSS for wpforms, class: .elementor-element-ee3cd0c *//* =========================================================
   Self-contained WPForms styling.
   Forces the look regardless of whether WPForms' own
   base CSS is loading on the page.
   Paste into: WPForms > Settings > Styling > Custom CSS
   ========================================================= */

/* Container */
body .wpforms-container {
  max-width: 700px !important;
  margin: 0 auto !important;
  padding: 24px !important;
  background: #ffffff !important;
  border-radius: 8px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
}

/* Field spacing */
body .wpforms-container .wpforms-field {
  margin-bottom: 20px !important;
  padding: 0 !important;
}

body .wpforms-container .wpforms-field-label {
  display: block !important;
  font-weight: 600 !important;
  color: #222 !important;
  margin-bottom: 6px !important;
}

body .wpforms-container .wpforms-field-required,
body .wpforms-container .wpforms-required-label {
  color: #D83135 !important;
}

body .wpforms-container .wpforms-field-sublabel,
body .wpforms-container .wpforms-field-description {
  color: #777 !important;
  font-size: 13px !important;
  margin-top: 4px !important;
}

/* Plain text inputs */
body .wpforms-container input[type="text"],
body .wpforms-container input[type="email"],
body .wpforms-container input[type="tel"],
body .wpforms-container input[type="number"],
body .wpforms-container input[type="url"],
body .wpforms-container textarea {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px !important;
  background: #ffffff !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  font-size: 15px !important;
  color: #222 !important;
  box-shadow: none !important;
}

body .wpforms-container input:focus,
body .wpforms-container textarea:focus {
  border-color: #6983B1 !important;
  outline: none !important;
}

/* NOTE: removed the old "native <select> fallback" rule that forced
   display:block !important on every <select>. Every dropdown on this
   form is already enhanced (Class -> choices.js, Local Govt Area /
   Senatorial District -> nice-select), so a fallback isn't needed --
   and that rule was overriding the inline display:none each plugin
   sets on its original <select>, which only got hidden again on
   desktop via a :has() .elementor-4866 .elementor-element.elementor-element-ee3cd0c below. Mobile/in-app browsers that
   don't support :has() showed the raw native <select> on top of the
   styled dropdown as a result. Removing this rule fixes that without
   depending on :has() support at all. */

/* choices.js widget (WPForms "Modern" dropdowns) */
body .wpforms-container .choices {
  width: 100% !important;
  margin-bottom: 0 !important;
}

body .wpforms-container .choices__inner {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: unset !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  padding: 12px !important;
  font-size: 15px !important;
}

body .wpforms-container .choices__list--single {
  padding: 0 !important;
}

body .wpforms-container .choices__list--single .choices__item {
  color: #222 !important;
}

body .wpforms-container .choices__list--dropdown {
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  background: #ffffff !important;
}

body .wpforms-container .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background: #f0f3f8 !important;
}

/* Fix: theme CSS was coloring dropdown list options red (its default
   link/accent color leaking into .choices__item). Force normal text
   color for real options, and grey for the disabled placeholder row. */
body .wpforms-container .choices__list--dropdown .choices__item--selectable {
  color: #222 !important;
}

/* Remove the auto-generated placeholder row from the open dropdown
   list entirely (requires a real choice marked as "Selected"/default
   in the WPForms builder so the closed field still shows a value). */
body .wpforms-container .choices__list--dropdown .choices__item--disabled {
  display: none !important;
}

body .wpforms-container .choices.is-focused .choices__inner,
body .wpforms-container .choices.is-open .choices__inner {
  border-color: #6983B1 !important;
}

/* File upload field */
body .wpforms-container .wpforms-field-file-upload .wpforms-uploader {
  border: 1px dashed #ccc !important;
  border-radius: 4px !important;
  padding: 24px !important;
  text-align: center !important;
  background: #fafafa !important;
}

/* Submit button — force brand color even if theme button defaults leak in */
body .wpforms-container button[type="submit"],
body .wpforms-container .wpforms-submit {
  display: inline-block !important;
  background: #D83135 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 12px 28px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

body .wpforms-container button[type="submit"]:hover,
body .wpforms-container .wpforms-submit:hover {
  background: #b8262a !important;
}

/* Responsive */
@media (max-width: 600px) {
  body .wpforms-container {
    padding: 16px !important;
  }
}

/* Fix: hide the original <select> when WPForms has already
   replaced it with a styled choices.js dropdown.
   Add this AFTER wpforms-final.css so it overrides the select{} rule. */

body .wpforms-container .choices select {
  display: none !important;
}


/* Fix for nice-select dropdowns (Class, LGA, Senatorial District).
   The plugin hides the real <select> via JS and shows this styled
   div instead. Our earlier CSS forced the real <select> visible again
   -- this hides it properly, and styles the .nice-select widget itself. */

/* Hide the real <select> that nice-select has replaced */
body .wpforms-container select:has(+ .nice-select) {
  display: none !important;
}

/* Style the visible nice-select widget */
body .wpforms-container .nice-select {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-height: unset !important;
  background: #ffffff !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  padding: 12px 32px 12px 12px !important;
  font-size: 15px !important;
  line-height: normal !important;
  position: relative !important;
}

body .wpforms-container .nice-select .current {
  color: #222 !important;
}

body .wpforms-container .nice-select:after {
  right: 14px !important;
  border-color: #666 !important;
}

body .wpforms-container .nice-select.open,
body .wpforms-container .nice-select:focus {
  border-color: #6983B1 !important;
}

body .wpforms-container .nice-select .list {
  width: 100% !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  max-height: 260px !important;
  overflow-y: auto !important;
  z-index: 20 !important;
}

/* Remove the duplicate placeholder row from nice-select's own list
   markup too (<li class="option disabled">), not just the choices.js
   version above -- Local Govt Area / Senatorial District render
   through this plain nice-select structure. */
body .wpforms-container .nice-select .list .option.disabled {
  display: none !important;
}

/* Root cause: a separate script on the site auto-builds a
   "nice-select" widget on top of WPForms' own choices.js dropdown
   for fields that already have one (e.g. Class), producing two
   overlapping widgets. Local Govt Area and Senatorial District have
   NO choices.js widget, though — nice-select is their only dropdown.
   Fix: only hide nice-select when a .choices widget is also present
   in the same field; leave it visible everywhere else. */

body .wpforms-container .choices ~ .nice-select {
  display: none !important;
}/* End custom CSS */