/* ============================================
   CUSTOM FONTS
   ============================================ */
@font-face {
  font-family: "Eagle Bold";
  src: url("https://static1.squarespace.com/static/551c25fbe4b07646122ed24e/t/5f3bf4203f32552d5780c4f5/1597764640337/Eagle-Bold.otf") format("opentype");
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "museo-slab";
  src:
    url("https://use.typekit.net/af/53dec0/0000000000000000000100fe/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),
    url("https://use.typekit.net/af/53dec0/0000000000000000000100fe/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),
    url("https://use.typekit.net/af/53dec0/0000000000000000000100fe/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Load Poppins with multiple weights, including 300 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');


/* ============================================
   FORM TITLE & HEADINGS
   ============================================ */
/* H1 */
.__header-one {
  max-width: 100% !important;
  overflow-wrap: break-word;
  word-wrap: break-word;
  font-family: "Eagle Bold", sans-serif;
  text-align: left;
  font-size: 90px;
  color: #fff;
  line-height: 0.95;          /* tighten line spacing */
  margin-top: 35px !important;
  padding-bottom: 0px;
}

/* lock first two words together */
.__header-one .first-two {
  white-space: nowrap !important;
}

/* responsive sizes */
@media (max-width: 1200px) {
  .__header-one { font-size: 75px; }
}
@media (max-width: 1024px) {
  .__header-one { font-size: 64px; }
}
@media (max-width: 767px) {
  .__header-one { font-size: 40px; }
}

/* H2 */
h2 {
  font-family: "museo-slab", sans-serif !important;
  text-align: left !important;
  color: #DB0032 !important;
  font-size: 23.75px !important;
  line-height: 30px;
}


/* ============================================
   FORM QUESTIONS & FIELDS
   ============================================ */
.LiveField__header,
.LiveField__header * {
  font-family: "museo-slab", sans-serif !important;
  text-align: left !important;
  color: #DB0032 !important;
  font-size: 23.75px !important;
  line-height: 30px;
  padding-bottom: 2px;
}

/* Answer text (question responses) */
.LiveField__answer {
  font-family: "Poppins", sans-serif !important;
  font-weight: 300 !important;
  color: #03B2D5 !important;
  font-size: 22px;
}

.LiveField__input {
     padding-bottom: 5px !important;
}

.LiveField__input::placeholder {
  color: #1A1A1A !important;
  opacity: 1 !important;
}


/* Description / help text */
.LiveField__description {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px !important;
  color: #fff;
  padding-top: 15px !important;
  padding-bottom: 10px !important;
  line-height: 23px;
}

/* Paragraph blocks */
.paragraph {
  font-family: "Poppins", "museo-slab", sans-serif;
  color: #ffffff;
  font-size: 16px;
  line-height: 26px;
  padding-bottom: 1px;
  padding-top: 15px !important;
}


/* ============================================
   ANSWER UNDERLINE STYLE
   ============================================ */
.LiveField__input,
textarea.LiveField__input[rows="1"],
.LiveField__input--manualfocus {
  border-bottom: 2px solid #03B2D5 !important;
  outline: none !important;
}



/* ============================================
   SHARED CONTENT COLUMN (DESKTOP / TABLET / MOBILE)
   ============================================ */

/* Desktop default */
.GuidedModeEditor__view-positioner,
.GuidedModeInstructions__container {
  max-width: 720px;
  margin: 0 auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
  overflow: visible !important;
}

/* Mobile (<600px) */
@media (max-width: 599px) {
  .GuidedModeEditor__view-positioner,
  .GuidedModeInstructions__container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

/* Tablet (600px–900px) */
@media (min-width: 600px) and (max-width: 900px) {
  .GuidedModeEditor__view-positioner,
  .GuidedModeInstructions__container {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}


/* ============================================
   NAV ALIGNMENT – BUTTON LOCKED TO RIGHT
   ============================================ */
.GuidedModeInstructions__container {
  display: flex !important;
  align-items: center !important;
  padding-bottom: 0 !important;
  margin-bottom: 50px !important;
  flex-wrap: wrap !important;
}

/* H1 takes full row */
.GuidedModeInstructions__container .__header-one {
  flex: 1 1 100%;
}

/* Push nav button right */
.GuidedModeInstructions__button {
  margin-left: auto !important;
  margin-right: 20px !important;
}


/* ============================================
   NAVIGATION BUTTON STYLE (Continue/Next/Back)
   ============================================ */
.BtnV2.BtnV2--solid {
  color: #03B2D5 !important;
  background-color: transparent !important;
  font-family: "Eagle Bold", sans-serif;
  font-size: 16px !important;
  border: 2.5px solid #03B2D5 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  width: 200px !important;      /* fixed width */
  min-width: 200px !important;
  max-width: 200 !important;
  box-sizing: border-box !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  line-height: 1;
  white-space: nowrap;
}

/* inner wrapper */
.BtnV2.BtnV2--solid > span,
.BtnV2.BtnV2--solid > div {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* arrow alignment */
.BtnV2.BtnV2--solid svg,
.BtnV2.BtnV2--solid .icon,
.BtnV2.BtnV2--solid .arrow {
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;   /* tweak as needed */
}

.BtnV2.BtnV2--solid:hover {
  background-color: #03B2D5 !important;
  color: #fff !important;
  border-color: #03B2D5 !important;
}

.BtnV2.BtnV2--solid:active {
  transform: scale(1.05) !important;
  box-shadow: 0 6px 16px rgba(3, 178, 213, 0.3) !important;
}


/* ============================================
   YES/NO BUTTONS
   ============================================ */
.YesNo {
  display: flex;
  gap: 30px;
  justify-content: left;
  margin-left: 8px;
  margin-top: 20px !important;
}

.YesNo__button {
  padding: 12px 20px !important;
  color: #03B2D5 !important;
  background-color: transparent !important;
  font-family: "Eagle Bold", sans-serif;
  font-size: 16px !important;
  border: 2px solid #03B2D5 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  min-width: 100px !important;
  max-width: 200px !important;
}

.YesNo__button:hover {
  background-color: #03B2D5 !important;
  color: #fff !important;
  border-color: #03B2D5 !important;
}

.YesNo__button[aria-checked="true"] {
  background-color: #03B2D5 !important;
  color: #fff !important;
  transform: scale(1.05) !important;
  box-shadow: 0 6px 16px rgba(3, 178, 213, 0.3) !important;
}

/* ============================================
HIDE SCROLL BAR
============================================ */
        ::-webkit-scrollbar {
            display: none;
        }

        /* Or make it thinner and styled 
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: transparent;
        }
        ::-webkit-scrollbar-thumb {
            background: #888;
            border-radius: 4px;
        }*/


/* ============================================
   DROPDOWN/SELECT FIELDS
   ============================================ */
.Select-menu { 
  color: #000; 
}

.LiveField__answer .Select-value,
.LiveField .Select-input > input {
  color: #fff;
  background-color: rgba(3,178,213,1);
}


/* ============================================
   SCALE/RATING QUESTIONS
   ============================================ */
.Scale__track-wrapper { 
  display: none; 
}

.Scale__checkbox-label.Scale__checkbox-label--vertical { 
  margin-bottom: 70px; 
}


/* ============================================
   FOOTER & BRANDING
   ============================================ */
.Footer__poweredby { 
  display: none !important; 
}