@charset "utf-8";
/* CSS Document */
/* This is for formstack forms */
/* Centre aligned form */
/* style header area */
/* style header area */


/* style field labels, section */
.body {
  font-family: Arial, "Helvetica Neue", Arial, "Lucida Grande", Tahoma, Verdana, sans-serif !important;
  border-radius: 0px !important;
  color: #394357 !important;
}

body,
p {
  color: #394357 !important;
}

.fsBody {
  color: #394357 !important;
}

.fsLabel {
  font-family: 'Times New Roman', serif !important;
  font-size: 18px !important;
  color: #394357 !important;
}

.fsbody .fsSectionHeader {
  Background-color: #ffffff !important;
}

.fsSectionHeader {
  padding: 0px !important;
  margin: 0px !important;
  background: #ffffff !important;
}

.fsSectionHeading {
  font-family: 'Times New Roman', serif !important;
  font-size: 22px !important;
  text-align: left !important;
  color: #394357 !important;
  margin-bottom: 30px !important;
}

.fsSectionText {
  font-size: 15px !important;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: 'Times New Roman', serif !important;
  color: #394357 !important;
  font-weight: normal !important;
}

hr {
  background-color: #cccccc;
  height: 1px;
  border: none;
  margin: 30px 0 0 0;
}


/* more spacing between questions */
.fsFieldCell {
  padding-bottom: 20px !important;
}


/* force button radius and padding */
.fsSubmitButton {
  border-radius: 30px !important;
  margin: unset;
  padding: 15px 25px !important;
  background-color: #394357 !important;
  font-size: 15px !important;
}

.fsNextButton {
  border-radius: 30px !important;
  padding: 15px 25px !important;
  background-color: #394357 !important;
  font-size: 15px !important;
}

.fsPreviousButton {
  border-radius: 30px !important;
  padding: 15px 25px !important;
  background-color: #394357 !important;
  font-size: 15px !important;
}

.fsSubmit.fsPagination {
  margin-top: 0px !important;
  padding-top: 0px !important;
}


/* Rating icon to amber */
svg {
  fill: #cd944f !important;
}


/* Remove silly checkmark on submission pages, set min height on message section */
#fsSubmissionCheckmark {
  background-image: none !important;
}

#fsSubmissionCheckmark~.fsSectionText {
  min-height: 50vh;
}

#fsSubmissionCheckmark ~ .fsSectionText {
  text-align: left !important;
}



/* Required field error links */
a[class*="StyledErrorBannerText"],
a[class*="StyledErrorBannerText"]:link,
a[class*="StyledErrorBannerText"]:visited,
a[class*="StyledErrorBannerText"]:hover,
a[class*="StyledErrorBannerText"]:active {
  color: #ff3c3c !important;
  text-decoration: none !important;
}


/* Align all Formstack radio/checkbox options neatly */
.fsOptionLabel {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px;
}


/* Keep the button aligned with the first line of text */
.fsOptionLabel input[type="radio"],
.fsOptionLabel input[type="checkbox"] {
  margin-top: 8px !important;
  flex-shrink: 0;
}


/* Let long labels wrap properly */
.fsOptionLabel span {
  display: inline-block;
}