/* ========================================
   APPLICATION DEVELOPER FORM STYLES
   ======================================== */
/* ========================================
   BASE STYLES
   ======================================== */
#page-container {
  padding-top: 0 !important;
}

#mainContent > article > header {
  display: none !important;
}

/* ========================================
   CONTAINER & LAYOUT
   ======================================== */
#mainContent > article .i-builder__component:not(.i-builder-heading) {
  width: 80%;
  max-width: 1080px;
  position: relative;
  margin: auto !important;
}
#mainContent > article .i-builder__component {
  padding: 2% 0;
}

/* ========================================
   HERO HEADING SECTION
   ======================================== */
#mainContent > article .i-builder-heading {
  background-color: #7cb142 !important;
  /* max-width: 100% !important; */
  margin-top: 0px !important;
  margin-bottom: 50px !important;
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
#mainContent > article .i-builder-heading .i-builder-heading__text,
#mainContent > article .i-builder-heading .i-builder-heading__subtitle {
  margin-left: 42px !important;
}
#mainContent > article .i-builder-heading .i-builder-heading__text {
  font-family: "aktiv-grotesk", "Open Sans", "Arial", sans-serif !important;
  color: #ffffff !important;
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 14px !important;
  padding-bottom: 10px !important;
}
#mainContent > article .i-builder-heading .i-builder-heading__subtitle {
  color: #ffffff !important;
  font-family: "aktiv-grotesk", "Open Sans", "Arial", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 14px !important;
}

/* ========================================
   CONTENT SECTIONS
   ======================================== */
#mainContent > article > div:nth-child(3),
#mainContent > article > div:nth-child(4),
#mainContent > article > div:nth-child(5) {
  margin-top: 45px !important;
  margin-bottom: 5px !important;
}
#mainContent > article > div:nth-child(3) h3,
#mainContent > article > div:nth-child(4) h3,
#mainContent > article > div:nth-child(5) h3 {
  font-family: "aktiv-grotesk", "Open Sans", "Arial", sans-serif !important;
  color: #333 !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1em !important;
  padding-bottom: 10px !important;
  word-wrap: break-word;
}
#mainContent > article > div:nth-child(3) p,
#mainContent > article > div:nth-child(4) p,
#mainContent > article > div:nth-child(5) p {
  font-family: "aktiv-grotesk", "Open Sans", "Arial", sans-serif !important;
  font-size: 1.25rem !important;
  font-weight: 300 !important;
  line-height: 1.65 !important;
  color: #666666 !important;
  padding-bottom: 1em !important;
}
#mainContent > article > div:nth-child(4) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#mainContent > article > div:nth-child(4) ul {
  padding: 0 0 23px 1em;
  list-style-type: disc;
  line-height: 26px;
}
#mainContent > article > div:nth-child(4) ul li {
  font-family: "aktiv-grotesk", "Open Sans", "Arial", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  color: #666666 !important;
}
#mainContent > article > div:nth-child(5) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#mainContent > article > div:nth-child(5) > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#mainContent > article > div:nth-child(5) > div ol {
  padding: 0 !important;
  margin: 0 0 23px 0 !important;
  list-style-type: decimal;
  list-style-position: inside;
  line-height: 26px;
}
#mainContent > article > div:nth-child(5) > div ol li {
  font-family: "aktiv-grotesk", "Open Sans", "Arial", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  color: #666666 !important;
}

/* ========================================
   FORM STYLES (Gravity Forms)
   ======================================== */
#mainContent > article .i-builder__component.i-builder-shortcode_component,
#mainContent > article .i-builder__component.i-builder-shortcode {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.i-builder-shortcode_component .c-container,
.i-builder-shortcode .c-container {
  width: 80% !important;
  max-width: 1080px !important;
  margin: auto auto 55px auto !important;
  padding: 16px 38px 26px 20px !important;
  border: 1px solid #95a0a9 !important;
  border-radius: 5px !important;
}
.i-builder-shortcode_component .gform_wrapper,
.i-builder-shortcode .gform_wrapper {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}
.i-builder-shortcode_component .gform_wrapper form,
.i-builder-shortcode .gform_wrapper form {
  width: 100%;
  max-width: 100%;
}
.i-builder-shortcode_component .gform_wrapper .gform_body,
.i-builder-shortcode .gform_wrapper .gform_body {
  width: 100%;
  max-width: 100%;
}
.i-builder-shortcode_component .gform_wrapper .gform_fields,
.i-builder-shortcode .gform_wrapper .gform_fields {
  width: 100%;
  max-width: 100%;
}
.i-builder-shortcode_component .gform_wrapper .gfield,
.i-builder-shortcode .gform_wrapper .gfield {
  max-width: 100%;
  word-wrap: break-word;
  overflow: hidden;
}
.i-builder-shortcode_component .gform_wrapper .ginput_container,
.i-builder-shortcode .gform_wrapper .ginput_container {
  max-width: 100%;
}
.i-builder-shortcode_component .gform_wrapper .gform_footer,
.i-builder-shortcode .gform_wrapper .gform_footer {
  max-width: 100%;
}
.i-builder-shortcode_component h2,
.i-builder-shortcode_component h3,
.i-builder-shortcode h2,
.i-builder-shortcode h3, mainContent > article .gsection_title {
  font-family: "aktiv-grotesk", "Open Sans", "Arial", sans-serif !important;
  font-weight: 700 !important;
  font-size: 17.5px !important;
  color: #333 !important;
  line-height: 14px !important;
  letter-spacing: normal !important;
  margin: 0 !important;
  padding: 0 !important;
}
.i-builder-shortcode_component .gfield_label,
.i-builder-shortcode  .gfield_label {
  font-family: "aktiv-grotesk", "Open Sans", "Arial", sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #666666 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  margin: 0 0 13px 0 !important;
  padding: 0 !important;
}
.i-builder-shortcode_component .gform-field-label--type-sub,
.i-builder-shortcode .gform-field-label--type-sub {
  font-family: "aktiv-grotesk", "Open Sans", "Arial", sans-serif !important;
  font-size: 11.5px !important;
  color: #666666 !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  letter-spacing: 0.5pt !important;
  margin: 1px 0 9px 1px !important;
  display: block;
  white-space: nowrap;
}
.i-builder-shortcode_component .gform-field-label--type-inline,
.i-builder-shortcode .gform-field-label--type-inline {
 font-size: 12.5px !important;
  line-height: 1.5 !important;
  color: #666 !important;
  font-weight: 500 !important;
  vertical-align: middle !important;
  white-space: normal !important;
  max-width: 85% !important;
  margin: 2px 0 0 4px !important;
}
.i-builder-shortcode_component .gfield_description,
.i-builder-shortcode .gfield_description {
  font-size: 11.5px !important;
  color: #666666 !important;
  line-height: inherit !important;
  letter-spacing: normal !important;
  padding: 13px 0 16px 0 !important;
  font-weight: 500 !important;
}
.i-builder-shortcode_component input[type=text],
.i-builder-shortcode_component input[type=email],
.i-builder-shortcode_component input[type=url],
.i-builder-shortcode_component select,
.i-builder-shortcode input[type=text],
.i-builder-shortcode input[type=email],
.i-builder-shortcode input[type=url],
.i-builder-shortcode select {
  padding: 5px 4px !important;
  border: 1px solid #bbb !important;
  color: #4e4e4e !important;
  width: calc(50% - 8px) !important;
  box-sizing: border-box;
  height: 30px !important;
  font-size: 14px !important;
}
.i-builder-shortcode_component textarea,
.i-builder-shortcode textarea {
  width: 100% !important;
  padding: 5px 4px !important;
  border: 1px solid #bbb !important;
  color: #4e4e4e !important;
  box-sizing: border-box;
}
.i-builder-shortcode_component .gform-grid-row,
.i-builder-shortcode .gform-grid-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 100%;
}
.i-builder-shortcode_component .gform-grid-col,
.i-builder-shortcode .gform-grid-col {
  flex: 1;
  min-width: 0;
}
.i-builder-shortcode_component .gfield_checkbox,
.i-builder-shortcode_component .gfield_radio,
.i-builder-shortcode .gfield_checkbox,
.i-builder-shortcode .gfield_radio {
  max-width: 100%;
}

/* ========================================
   PARAGRAPH COMPONENT OVERRIDES
   ======================================== */
.i-builder-paragraph p + p {
  margin-top: 0 !important;
}

/* ========================================
   RESPONSIVE (Mobile < 980px)
   ======================================== */
@media (max-width: 768px) {
  #mainContent > article .c-container {
    width: 95%;
  }
  #mainContent > article .i-builder-heading {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
    padding-left: 84px !important;
    padding-right: 94px !important;
    margin-bottom: 65px !important;
  }
  #mainContent > article .i-builder-heading .i-builder-heading__text,
  #mainContent > article .i-builder-heading .i-builder-heading__subtitle {
    margin-left: 0 !important;
  }
  #mainContent > article .i-builder-heading .i-builder-heading__text {
    font-size: 30px !important;
  }
}