.elementor-3941 .elementor-element.elementor-element-6be6f7a{--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;}#elementor-popup-modal-3941 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-3941{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3941 .dialog-message{width:100vw;height:100vh;align-items:center;}#elementor-popup-modal-3941 .dialog-close-button{display:flex;}/* Start custom CSS *//* ==============================================================
   SOLARTECH - GRAVITY FORMS MASTER STYLESHEET
   (Global rules first, then Form-10 orange overrides & tweaks)
   ============================================================== */

/* ---------- BRAND COLORS ---------- */
:root{
  --st-blue:   #0057a8;
  --st-orange: #F26A1B;
  --st-white:  #ffffff;
}

/* ==============================================================
   1.  GLOBAL – SECTION HEADERS (.gf-section-large)
   ============================================================== */
.gform_wrapper .gf-section-large .gsection_title{
  font-size: 2.6rem;
  font-weight: 700;
  color: var(--st-white);
  text-align: center;
  margin: 0 0 8px;
}
.gform_wrapper .gf-section-large .gsection_description{
  font-size: 1.1rem;
  color: var(--st-white);
  text-align: center;
  margin-bottom: 24px;
}

/* ==============================================================
   GLOBAL – RADIO → OVAL BUTTONS (.gf-oval-options)
   ============================================================== */

/* 48 px margin on TOP and BOTTOM */
.gform_wrapper .gf-oval-options{
  margin: 48px 0;
}

/* layout of the Yes / No pills */
.gform_wrapper .gf-oval-options ul.gfield_radio{
  display:flex;
  justify-content:center;
  gap:56px;
  padding:0;
  list-style:none;
}

.gform_wrapper .gf-oval-options input[type="radio"]{ display:none; }

/* pill appearance */
.gform_wrapper .gf-oval-options .gchoice label{
  display:inline-block;
  background:var(--st-white);
  color:var(--st-blue);
  border:2px solid var(--st-blue);
  padding:16px 36px;
  border-radius:999px;
  font-size:1.3rem;
  font-weight:600;
  cursor:pointer;
  text-align:center;
  min-width:120px;
  transition:transform .25s, box-shadow .25s,
             background .25s, color .25s, border-color .25s;
}

.gform_wrapper .gf-oval-options input[type="radio"]:checked + label{
  background:var(--st-blue);
  color:var(--st-white);
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}

.gform_wrapper .gf-oval-options .gchoice label:hover,
.gform_wrapper .gf-oval-options .gchoice label:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.12);
}

.gform_wrapper .gf-oval-options .gchoice label:focus-visible{
  outline:3px solid var(--st-blue);
  outline-offset:2px;
}

/* responsive – stack & wider vertical gap */
@media(max-width:480px){
  .gform_wrapper .gf-oval-options ul.gfield_radio{
    flex-direction:column;
    gap:32px;
  }
}

/* ==============================================================
   3.  FORM-10 ORANGE OVERRIDES
   ============================================================== */

/* ---- 3a. Progress-bar fill --------------------------------- */
#gform_wrapper_10 .gf_progressbar_percentage{
  background:var(--st-orange) !important;
}

/* ---- 3b. YES / NO pills ------------------------------------ */
#gform_wrapper_10 .gf-oval-options .gchoice label{
  background:var(--st-white) !important;
  color:var(--st-orange)     !important;
  border:2px solid var(--st-orange) !important;
}
#gform_wrapper_10 .gf-oval-options input[type="radio"]:checked + label{
  background:var(--st-orange) !important;
  color:var(--st-white)       !important;
}
#gform_wrapper_10 .gf-oval-options .gchoice label:focus-visible{
  outline-color:var(--st-orange);
}

/* ---- 3c. DROPDOWNS ----------------------------------------- */
#gform_wrapper_10 .gfield select{
  width:100%;
  min-height:55px;
  padding:10px 38px 10px 12px;
  border:2px solid var(--st-orange);
  border-radius:6px;
  font-family:"Roboto",Arial,sans-serif;
  line-height:1.4;
  color:#000;
  background:var(--st-white)
    url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRjI2QTFCIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTcgOWw1IDUgNS01Ii8+PC9zdmc+")
    no-repeat right 12px center/16px 16px;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  transition:border .2s;
}
#gform_wrapper_10 .gfield select:focus{
  border-color:var(--st-orange);
  outline:none;
}

/* ---- 3d. NAVIGATION BUTTONS -------------------------------- */
#gform_wrapper_10 .gform_page_footer{
  display:flex;
  gap:32px;
}

/* common pill shape */
#gform_wrapper_10 .gform_page_footer .gform_button,
#gform_wrapper_10 .gform_page_footer input[type="button"]{
  border-radius:999px !important;
  padding:12px 38px !important;
  box-shadow:0 3px 10px rgba(0,0,0,.12);
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

/* NEXT = solid orange */
#gform_wrapper_10 .gform_page_footer .gform_next_button{
  background:var(--st-orange) !important;
  color:var(--st-white)       !important;
  border:2px solid var(--st-orange) !important;
}
/* PREVIOUS = outlined orange */
#gform_wrapper_10 .gform_page_footer .gform_previous_button{
  background:var(--st-white)  !important;
  color:var(--st-orange)      !important;
  border:2px solid var(--st-orange) !important;
}

/* hover / focus lift */
#gform_wrapper_10 .gform_page_footer .gform_button:hover,
#gform_wrapper_10 .gform_page_footer .gform_button:focus-visible,
#gform_wrapper_10 .gform_page_footer input[type="button"]:hover,
#gform_wrapper_10 .gform_page_footer input[type="button"]:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.18);
}
/* hover tint */
#gform_wrapper_10 .gform_page_footer .gform_next_button:hover,
#gform_wrapper_10 .gform_page_footer .gform_next_button:focus-visible{
  filter:brightness(0.9);
}
#gform_wrapper_10 .gform_page_footer .gform_previous_button:hover,
#gform_wrapper_10 .gform_page_footer .gform_previous_button:focus-visible{
  background:rgba(242,106,27,0.08);
}

/* focus ring on nav buttons */
#gform_wrapper_10 .gform_page_footer .gform_button:focus-visible,
#gform_wrapper_10 .gform_page_footer input[type="button"]:focus-visible{
  outline:3px solid var(--st-orange);
  outline-offset:2px;
}

/* ==============================================================
   OVERRIDES - FORM ID 10
   ============================================================== */

/* ---------- A.  YES / NO PILLS → ST-BLUE -------------------- */
#gform_wrapper_10 .gf-oval-options .gchoice label{
  background: var(--st-white)  !important;
  color:      var(--st-blue)   !important;
  border: 2px solid var(--st-blue) !important;
}
#gform_wrapper_10 .gf-oval-options input[type="radio"]:checked + label{
  background: var(--st-blue)   !important;
  color:      var(--st-white)  !important;
}
#gform_wrapper_10 .gf-oval-options .gchoice label:focus-visible{
  outline: 3px solid var(--st-blue);
  outline-offset: 2px;
}

/* ---------- B.  FIELD TYPOGRAPHY BOOST ---------------------- */
#gform_wrapper_10 .gfield_label{
  font-size: 1.25rem !important;
  font-weight: 700   !important;
  color: #0a2540;
}
#gform_wrapper_10 .gfield_description{
  font-size: 1.05rem !important;
  font-weight: 500   !important;
  color: #465f7c;
}

/* make input text a bit larger & clearer */
#gform_wrapper_10 input[type="text"],
#gform_wrapper_10 input[type="email"],
#gform_wrapper_10 input[type="tel"],
#gform_wrapper_10 input[type="number"],
#gform_wrapper_10 textarea,
#gform_wrapper_10 select{
  font-size: 1.1rem !important;
  line-height: 1.45 !important;
}

/* keep dropdown orange styling but enlarge font */
#gform_wrapper_10 select{
  padding: 12px 38px 12px 14px;
}

/* ---------- C.  EXTRA SPACING ADJUSTMENT (optional) --------- */
#gform_wrapper_10 .gf-oval-options{ margin-bottom: 56px; }
#gform_wrapper_10 .gform_page_footer{ gap: 40px; }

/* ==============================================================
   FORM 10 • FIELD 18 - CUSTOM ORANGE CHEVRON (NO MORE CLIPPING)
   ============================================================== */

/* 1.  Field wrapper positioned so we can drop a pseudo-element arrow */
#gform_wrapper_10 #field_10_18 {
  position: relative;
}

/* 2.  Tidy up the <select> itself */
#gform_wrapper_10 #input_10_18,
#gform_wrapper_10 #field_10_18 select {
  width: 100%;
  padding: 12px 60px 12px 16px !important;
  border: 2px solid var(--st-orange) !important;
  border-radius: 6px;
  font-size: 1.1rem !important;
  line-height: 1.45;
  background: var(--st-white) !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  box-sizing: border-box;
  overflow: visible !important;
}

/* 3.  Custom chevron (triangle) */
#gform_wrapper_10 #field_10_18::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid var(--st-orange);
  transform: translateY(-50%);
  pointer-events: none;
}

/* 4.  Accessibility: keep outline on focus */
#gform_wrapper_10 #input_10_18:focus,
#gform_wrapper_10 #field_10_18 select:focus {
  border-color: var(--st-orange) !important;
  outline: none;
}
/* ===============================================================
   FORM 10 – SUBMIT BUTTON STYLING
   ============================================================== */
#gform_wrapper_10 .gform_footer .gform_button,
#gform_wrapper_10 .gform_footer input[type="submit"]{
  background:var(--st-orange) !important;
  color:var(--st-white)       !important;
  border:2px solid var(--st-orange) !important;
  border-radius:999px !important;
  padding:12px 48px !important;      /* wider pill */
  font-size:1.1rem;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(0,0,0,.12);
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
  display:inline-block;
}

/* hover / focus states */
#gform_wrapper_10 .gform_footer .gform_button:hover,
#gform_wrapper_10 .gform_footer .gform_button:focus-visible,
#gform_wrapper_10 .gform_footer input[type="submit"]:hover,
#gform_wrapper_10 .gform_footer input[type="submit"]:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 6px 16px rgba(0,0,0,.18);
  filter:brightness(0.9);
}

/* accessibility focus ring */
#gform_wrapper_10 .gform_footer .gform_button:focus-visible,
#gform_wrapper_10 .gform_footer input[type="submit"]:focus-visible{
  outline:3px solid var(--st-orange);
  outline-offset:2px;
}
/* ===============================================================
   FORM 10 — NAME (FIRST / LAST) 50-50 LAYOUT
   ============================================================== */

#gform_wrapper_10 .gfield.name,                  /* make sure the whole name field is flex */
#gform_wrapper_10 .gfield_name { display:flex; flex-wrap:wrap; gap:16px; }

#gform_wrapper_10 .ginput_complex .name_first,
#gform_wrapper_10 .ginput_complex .name_last{
  flex:1 1 calc(50% - 8px);      /* two equal columns, minus half the gap */
  min-width:140px;               /* keeps them from shrinking too far on mobile */
}

/* stack on small screens */
@media (max-width:480px){
  #gform_wrapper_10 .ginput_complex .name_first,
  #gform_wrapper_10 .ginput_complex .name_last{
    flex:1 1 100%;
  }
}
/* =================================================================
   FORM 10 – HIDE ELEMENTOR LIGHTBOX CLOSE BUTTON (“X”)
   ================================================================= */
#gform_wrapper_10 .dialog-close-button.dialog-lightbox-close-button{
  display:none !important;
}
/* Resize and reposition the Elementor “X” for a cleaner look */
.dialog-close-button.dialog-lightbox-close-button{
  width:32px !important;
  height:32px !important;
  line-height:32px !important;
  top:24px !important;            /* distance from the top of the page */
  right:24px !important;          /* distance from the right edge */
  z-index:9999 !important;        /* makes sure it stays above form */
  background:#fff;                /* optional: white background circle */
  border-radius:50%;
  box-shadow:0 2px 6px rgba(0,0,0,.15);
}
.dialog-close-button.dialog-lightbox-close-button svg{
  width:100% !important;
  height:100% !important;
}/* End custom CSS */