.elementor-kit-9741{--e-global-color-primary:#00446A;--e-global-color-secondary:#002030;--e-global-color-text:#000000;--e-global-color-accent:#FFC519;--e-global-color-74ae0c6:#336699;--e-global-color-af30006:#FAFAFA;--e-global-color-7e5d8ab:#CC9914;--e-global-color-d4f9189:#EBB413;--e-global-color-7a52bb1:#D4A418;--e-global-color-904e267:#223A5E;--e-global-color-cbd7c52:#1C2A3A;--e-global-color-bafa847:#FFD54F;--e-global-color-daaba80:#F4B400;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:22px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Verdana";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Verdana";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Verdana";--e-global-typography-accent-font-weight:500;--e-global-typography-cc7037d-font-family:"Verdana";--e-global-typography-cc7037d-font-size:32px;--e-global-typography-cc7037d-font-weight:700;--e-global-typography-63ff8eb-font-family:"Verdana";--e-global-typography-63ff8eb-font-size:32px;--e-global-typography-63ff8eb-font-weight:700;--e-global-typography-63ff8eb-line-height:48px;--e-global-typography-39275db-font-family:"Verdana";--e-global-typography-39275db-font-size:20px;--e-global-typography-39275db-font-weight:400;--e-global-typography-39275db-line-height:30px;--e-global-typography-253517d-font-family:"Roboto";--e-global-typography-253517d-font-size:45px;--e-global-typography-253517d-font-weight:700;--e-global-typography-d5cd973-font-family:"Verdana";--e-global-typography-d5cd973-font-size:30px;--e-global-typography-d5cd973-font-weight:700;--e-global-typography-d5cd973-line-height:48px;font-family:"Verdana", Sans-serif;font-size:20px;}.elementor-kit-9741 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9741 h2{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9741 h2{font-size:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.nav-bar-text {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); /* clean soft shadow */
  letter-spacing: 0.5px;
}


/* Full bullet + marker override */
.video-list,
.video-list li {
  list-style: none !important;
  list-style-type: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Kill bullets no matter how they're rendered */
.video-list li::before,
.video-list li::marker {
  content: "" !important;
  display: none !important;
}

/* Space between list items */
.video-list li {
  margin-bottom: 15px !important;
}

/* Style each list item link */
.video-list a {
  font-family: 'Roboto', sans-serif;
  display: flex;
  align-items: center;
  padding: 15px 10px;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.3em;
  background-color: #f3f7fb;
  color: #000;
  border: 1px solid #cbd6e2;
  border-radius: 3px;
  text-decoration: none !important;
  transition: background-color 0.2s ease, color 0.2s ease;
  margin-left: -20px !important;
}

/* Remove underline on hover/visited too */
.video-list a:hover,
.video-list a:visited,
.video-list a:active,
.video-list a:focus {
  text-decoration: none !important;
  background-color: #e1ecf5;
  color: #003366;
}

/* Play icon in black circle with white ▶ */
.video-list a::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  background-image: url('../image/play-button.svg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}

/* === Gravity Forms Button-Style Radios for Form 5 === */
#gform_wrapper_5 .gfield_radio .gchoice {
  width: 100% !important;
  margin: 0 0 12px -10px !important;
  display: flex !important;
}

/* Hide native radio */
#gform_wrapper_5 .gfield_radio .gchoice input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Style the label like a full-width button */
#gform_wrapper_5 .gfield_radio .gchoice label {
  display: block !important;
  width: 100% !important;
  text-align: left !important; /* keep icon + text aligned left */
  padding: 16px 20px 16px 3em !important; /* space for icon */
  border-radius: 8px !important;
  background-color: #336699 !important;
  color: #fff !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: all 0.2s ease-in-out !important;
  border: 2px solid transparent !important;
  box-sizing: border-box !important;
  position: relative !important;
}

/* Hover */
#gform_wrapper_5 .gfield_radio .gchoice label:hover {
  background-color: #3d78b2 !important;
}

/* Selected state */
#gform_wrapper_5 .gfield_radio .gchoice input[type="radio"]:checked + label {
  border-color: #f7b500 !important;
  box-shadow: 0 0 0 3px rgba(247,181,0,.35) !important;
}

/* Base icon styling */
#gform_wrapper_5 .gf-choice-buttons .gchoice label::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2em;
  color: #fff; /* keep icons white */
}

/* Specific icons */
#gform_wrapper_5 .gchoice_5_1_0 label::before {
  content: "\f007"; /* user */
}
#gform_wrapper_5 .gchoice_5_1_1 label::before {
  content: "\f004"; /* heart */
}
#gform_wrapper_5 .gchoice_5_1_2 label::before {
  content: "\f00d"; /* X */
}

/* === Q2: What diagnosis has the doctor given? (field_5_4) === */
#gform_wrapper_5 .gchoice_5_4_0 label::before { content: "\f604"; } /* lungs (Mesothelioma) */
#gform_wrapper_5 .gchoice_5_4_1 label::before { content: "\f4d6"; } /* ribbon (Lung Cancer) */
#gform_wrapper_5 .gchoice_5_4_2 label::before { content: "\f071"; } /* exclamation-triangle (Asbestosis) */
#gform_wrapper_5 .gchoice_5_4_3 label::before { content: "\f067"; } /* plus (Other) */
#gform_wrapper_5 .gchoice_5_4_4 label::before { content: "\f00d"; } /* times (No Diagnosis) */

/* === Q3: How were they exposed? (field_5_6) === */
#gform_wrapper_5 .gchoice_5_6_0 label::before { content: "\f0b1"; } /* briefcase (Workplace) */
#gform_wrapper_5 .gchoice_5_6_1 label::before { content: "\f3ed"; } /* shield-alt (Military) */
#gform_wrapper_5 .gchoice_5_6_2 label::before { content: "\f015"; } /* home (Secondary/Home) */
#gform_wrapper_5 .gchoice_5_6_3 label::before { content: "\f5fd"; } /* layer-group (Multiple) */
#gform_wrapper_5 .gchoice_5_6_4 label::before { content: "\f059"; } /* question-circle (Unknown) */

/* === Q4: When was the diagnosis? (field_5_8) === */
#gform_wrapper_5 .gchoice_5_8_0 label::before { content: "\f017"; } /* clock (0–2 years) */
#gform_wrapper_5 .gchoice_5_8_1 label::before { content: "\f252"; } /* hourglass-half (3–6 years) */
#gform_wrapper_5 .gchoice_5_8_2 label::before { content: "\f253"; } /* hourglass-end (7+ years) */
#gform_wrapper_5 .gchoice_5_8_3 label::before { content: "\f00d"; } /* times (No Diagnosis) */

/* === Gravity Forms – Footer Buttons (Form 5) === */
#gform_wrapper_5 .gform_page_footer {
  display: flex !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-top: 20px !important;
  flex-wrap: nowrap !important;
}

/* Shared base style to match selection buttons */
#gform_wrapper_5 .gform_page_footer input[type="button"],
#gform_wrapper_5 .gform_page_footer input[type="submit"] {
  flex: 1 1 48% !important;   /* each takes half width */
  padding: 16px 20px !important;
  border-radius: 8px !important; /* match selection buttons */
  font-size: 16px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  border: none !important;
  transition: all 0.2s ease-in-out !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

/* NEXT = standout (green) */
#gform_wrapper_5 .gform_page_footer .gform_next_button,
#gform_wrapper_5 .gform_page_footer .gform_button {
  background-color: #28a745 !important;
  color: #fff !important;
}
#gform_wrapper_5 .gform_page_footer .gform_next_button:hover,
#gform_wrapper_5 .gform_page_footer .gform_button:hover {
  background-color: #218838 !important;
}

/* PREVIOUS = subtle (gray) */
#gform_wrapper_5 .gform_page_footer .gform_previous_button {
  background-color: #f5f5f5 !important;
  color: #333 !important;
  border: 1px solid #d9d9d9 !important;
}
#gform_wrapper_5 .gform_page_footer .gform_previous_button:hover {
  background-color: #e9e9e9 !important;
}

/* Mobile fallback: stack them full width */
@media (max-width: 640px){
  #gform_wrapper_5 .gform_page_footer {
    flex-direction: column !important;
  }
  #gform_wrapper_5 .gform_page_footer input[type="button"],
  #gform_wrapper_5 .gform_page_footer input[type="submit"] {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
}

/* Mobile: stack buttons and put Next/Submit first */
@media (max-width: 640px) {
  #gform_wrapper_5 .gform_page_footer {
    display: flex !important;
    flex-direction: column !important;   /* stack */
    gap: 10px !important;
  }
  /* Next + Submit should come first */
  #gform_wrapper_5 .gform_page_footer .gform_next_button,
  #gform_wrapper_5 .gform_page_footer .gform_button { /* submit */
    order: 1 !important;
    width: 100% !important;
  }
  /* Previous should come after */
  #gform_wrapper_5 .gform_page_footer .gform_previous_button {
    order: 2 !important;
    width: 100% !important;
  }
}

/*=================
==================
=====================*/

/* FAQ Section Styling */
.faq-section {
  padding: 2.5rem 1rem;
  border-top: 2px solid #e2e2e2;
  max-width: 960px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
}

.faq-header h2 {
  margin: 0 0 .75rem;
  font-size: 2rem;
  font-weight: 700;
  color: #1c1c1c;
  text-align: center;
}

.faq-subhead {
  margin: 0 auto 2rem;
  font-size: 1.1rem;
  max-width: 720px;
  line-height: 1.6;
  text-align: center;
  color: #444;
}

.faq-intro {
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
  color: #333;
}

/* FAQ List */
.faq-list {
  max-width: 860px;
  margin: 0 auto;
}

/* Each FAQ Item */
.faq-item {
  border: 1px solid #ddd;
  border-radius: 8px;
  margin: 0 0 1rem;
  overflow: hidden;
  background: #fafafa;
  transition: box-shadow 0.3s ease;
}

.faq-item:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

/* FAQ Question (Summary) */
.faq-item summary {
  cursor: pointer;
  font-weight: 600;
  padding: 1rem 1.25rem;
  position: relative;
  font-size: 1.05rem;
  color: #222;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

/* Custom expand/collapse icon with Font Awesome */
.faq-item summary::after {
  font-family: "Font Awesome 6 Free";  /* make sure FA6 CSS is loaded */
  font-weight: 900;                    /* solid style */
  content: "\f067";                    /* fa-plus icon */
  font-size: 1.2rem;
  margin-left: 0.5rem;
  color: #0a2a5c;                      /* dark blue */
  transition: transform 0.3s ease, color 0.3s ease;
}

.faq-item[open] summary::after {
  content: "\f068";                    /* fa-minus icon */
  transform: rotate(180deg);
  color: #000;                         /* black when open */
}


/* FAQ Answer */
.faq-answer {
  padding: 0 1.25rem 1rem;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #333;
  border-top: 1px solid #eee;
  background: #fff;
}

/* Disclaimer */
.faq-disclaimer {
  margin-top: 2rem;
  font-size: 0.85rem;
  color: #666;
  text-align: center;
  font-style: italic;
}/* End custom CSS */