/* Footer overrides */

/* Overrides the link color to show dark links in footer */
#g-81122894 a {
    color: #0B0C1B
}

#g-457643912 p {
    word-break: normal !important;
}
/* Reduces the margin below the footer */
#g-2{
    margin-bottom: 60px;
}

/* Dark form card */
.FormView__container{border-radius:16px !important; background:#1A1B2E !important}

/* Field container (flex group) */
.SuiContainer.SuiContainer--flex-group{ width: 235px; float: left; margin-right: 16px; margin-bottom: 44px; }

/* Last flex group full-ish width */
.SuiContainer:last-child .SuiContainer.SuiContainer--flex-group{ width: 96%; }

/* Field container width (scoped to the form) */
.cms-form-renderer-wrapper-element .SuiContainer{ float: left; margin-bottom: 0px; }

/* Nested flex group inside a field container */
.cms-form-renderer-wrapper-element .SuiContainer .SuiContainer.SuiContainer--flex-group{ width: 100%; float: left; margin-right: 4%; margin-bottom: 0px; }

/* Flex group bottom margin (overrides the 44px above) */
.SuiContainer.SuiContainer--flex-group{ margin-bottom: 24px; }

/* Two-column field grid */
.cms-form-renderer-wrapper-element .FormView__FormContentView form > div:nth-child(2){
  display: grid;
  grid-template-columns: auto auto;
  gap: 16px 24px;
  align-items: baseline;
}

/* Force a new grid row before the 7th and 5th field */
.cms-form-renderer-wrapper-element .FormView__FormContentView form div:nth-child(2) div:nth-child(7),
.cms-form-renderer-wrapper-element .FormView__FormContentView form div:nth-child(2) div:nth-child(5){ clear: left; }

/* Full-width field spanning both columns (11th-from-last) */
.cms-form-renderer-wrapper-element .FormView__FormContentView form > div:nth-child(2) > div:nth-last-child(11){
  grid-column: span 2;
  width: 100% !important;
  padding-top: 10px !important;
  margin-bottom: -40px;
}

/* Form content area padding */
.FormView__FormContentView{ padding-right: 1.8rem !important; height: auto; }
.FormView__container .FormView__FormContentView{ padding-right: 2.8rem !important; padding-left: 2.8rem !important; }
.FormView__FormContentView{ padding-right: 1.3rem; padding-top: 2.4rem !important; }

/* Form wrapper padding */
.cms-form-renderer-wrapper-element{ padding-top: 0px; padding-bottom: 0px; }

/* Submit row (was .sc-jaXxmE.igwIAj) — clear + center the button */
.FormView__FormContentView form > div:last-child{ clear: both; display: block; text-align: center; }

/* Input / dropdown pill (was two definitions; 54px is the one that wins) */
.SuiField__current{
  border-radius: 54px;
  background: #1a1b2e;
  border: solid 1px #5A5C76;
  height: 54px;
  color: #fff;               /* was .dMTXmo wrapper color */
}

/* Input pill height (scoped) */
.FormView__container .SuiField .SuiField__current{ height: 46px; }

/* Input text + placeholder color/padding */
.SuiField__current input, .SuiTextInput-input{ color:#B8BACC; padding-left:20px !important; }
.SuiField__placeholder{ color:#B8BACC !important; padding-left:20px !important; }

/* Field labels */
.FormView__container .SuiLabel{ padding-left: 20px !important; }
.cms-form-renderer-wrapper-element .SuiLabel{ margin-bottom: 0.125rem !important; }

/* Field text color (inner wrapper) */
.form-renderer-wrapper .SuiField{ color:#B8BACC !important; }

/* Dropdown field pill */
.SuiDropdown-field{ background:#1a1b2e !important; border:solid 1px #5A5C76 !important; }
.SuiDropdown-field .SuiField__current{ border: solid 0px #fff; }

/* Dropdown select text + padding */
.SuiDropdown-select{ font-family:'ABCWhyteInktrapRegular' !important; color:#B8BACC !important; padding-left:20px; }

/* Dropdown chevron */
.SuiField--dropdown svg{ margin-top:5px !important; }
.SuiField__icon-right{ color:#76788F !important; }   /* was .bEHRlI */

/* Dropdown popover button */
.SuiPopoverButton{ width: 100%; }

/* Submit button */
.FormView__container .SuiButton--wide{ width:260px !important; margin-top:0px !important; }

/* Field validation error message */
.cms-form-renderer-wrapper-element .FormErrorMessage{
  font-size: 11px;
  font-weight: lighter;
  font-family: Whyte regular;
  letter-spacing: 0px;
  padding-left: 20px;
  padding-top: 2px;
}


/* =============================================================================
   TABLET  (max-width:1299px and min-width:768px)  — after BASE so it wins
   ============================================================================= */
@media (max-width: 1299px) and (min-width: 768px) {
  /* Form wrapper padding */
  .cms-form-renderer-wrapper-element{ padding: 0px !important; }

  /* Form content area height */
  /*.FormView__FormContentView{ height: 800px; }*/

  /* Field container full width */
  .cms-form-renderer-wrapper-element .SuiContainer{ width: 100%; }
}


/* =============================================================================
   PHONE  (max-width:767px)  — after BASE so it wins
   ============================================================================= */
@media (max-width: 767px) {
  /* Field grid → single column */
  .cms-form-renderer-wrapper-element .FormView__FormContentView form > div:nth-child(2){
      display: flex;
      flex-wrap: wrap;
  }

  /* Field container full width */
  .cms-form-renderer-wrapper-element .SuiContainer{ width: 100% !important; }
  .cms-form-renderer-wrapper-element .SuiContainer{ width: 100%; }
  .SuiContainer.SuiContainer--flex-group{ width: 98%; }

  /* Form wrapper fixed height + full-width submit button */
  /*.form-renderer-wrapper{ height: 1220px; }*/
  .cms-form-renderer-wrapper-element .SuiButton{ width:100%; margin-bottom:20px; }

  /* Dropdown popover inner padding (current + placeholder) */
  .SuiPopoverButton .SuiField__current,
  .SuiPopoverButton .SuiField__placeholder{ padding-left:20px !important; padding-top:13px !important; }

  /* Form content area padding */
  .FormView__container .FormView__FormContentView{ padding-right:1.52rem !important; padding-left:1.52rem !important; }
  
  .cms-form-renderer-wrapper-element .FormView__FormContentView form > div:nth-child(2) > div:nth-last-child(10),
  .cms-form-renderer-wrapper-element .FormView__FormContentView form > div:nth-child(2) > div:nth-last-child(9),
  .cms-form-renderer-wrapper-element .FormView__FormContentView form > div:nth-child(2) > div:nth-last-child(8),
  .cms-form-renderer-wrapper-element .FormView__FormContentView form > div:nth-child(2) > div:nth-last-child(7),
  .cms-form-renderer-wrapper-element .FormView__FormContentView form > div:nth-child(2) > div:nth-last-child(6),
  .cms-form-renderer-wrapper-element .FormView__FormContentView form > div:nth-child(2) > div:nth-last-child(5),
  .cms-form-renderer-wrapper-element .FormView__FormContentView form > div:nth-child(2) > div:nth-last-child(4),
  .cms-form-renderer-wrapper-element .FormView__FormContentView form > div:nth-child(2) > div:nth-last-child(3),
  .cms-form-renderer-wrapper-element .FormView__FormContentView form > div:nth-child(2) > div:nth-last-child(2),
  .cms-form-renderer-wrapper-element .FormView__FormContentView form > div:nth-child(2) > div:nth-last-child(1) {
      width: 0px !important;
    }
    
.cms-form-renderer-wrapper-element .FormView__FormContentView form > div:nth-child(2) > div:nth-last-child(11) {
    margin-bottom: 20px;
    }
}


/* =============================================================================
   FINAL OVERRIDES  (all widths) — MUST stay after the PHONE block
   (the dropdown padding-top:0 here intentionally beats the phone 13px)
   ============================================================================= */

/* Center the headline row */
.cms-form-renderer-wrapper-element .FormView__FormContentView form > div:nth-child(1){ text-align: center !important; }

/* Field validation error message (color + tighter padding) */
.cms-form-renderer-wrapper-element .FormErrorMessage{
  font-size: 11px;
  padding-left: 2px;
  padding-top: 6px;
  color: #FF575F;
}

/* Error label color (checkbox label included; no checkbox field on this form) */
.FormView__container .SuiLabel--error, .SuiCheckbox__label{ color: rgb(217,219,234) !important; }

/* Dropdown pill height/shape fix */
.FormView__container .SuiField--dropdown.SuiDropdown-field{
  height: 46px !important;
  box-sizing: border-box !important;
  border-radius: 54px !important;
  display: flex !important;
  align-items: center !important;
}

/* Dropdown inner current fills the box, no extra top padding */
.FormView__container .SuiField--dropdown .SuiField__current{
  height: 100% !important;
  padding-top: 0 !important;
  display: flex !important;
  align-items: center !important;
}

/* Neutralize top padding inflating the dropdown */
.SuiPopoverButton .SuiField__current{ padding-top: 0 !important; }

/* Keep the dropdown chevron centered */
.FormView__container .SuiField--dropdown svg{ margin-top: 0 !important; }


/* Ugly custom dynamic class to remove white background in mobile on two column text section */ 
@media (max-width: 767px) {
    #g-441640869, #g-501387631, #g-360210264, #g-575167048, #g-776122650 {
        background-color: transparent !important;
    }
}