.bp-title {
  color: var(--primary-text-color);
  font-weight: 100;
  font-size: large;
}

h3, h4, h5, p {
  margin-block-end: 0;
}

p {
  color: black;
}

h4 {
  font-size: 140%;
}

h5 {
  font-size: 100%;
}

h5.bp-custom-subtitle {
  font-size: 110%;
}

.bp-question-title {
  color: var(--primary-text-color);
  font-weight: 400;
  margin-bottom: 0;
}

.bp-description {
  color: var(--secondary-text-color);
  font-weight: normal;
}

.bp-page {
  color: var(--primary-color);
  padding-left: 0.5em;
  margin-right: 5%;
  margin-left: 5%;
}

.bp-content {
  color: var(--primary-color);
}

.question_content_custom {
  color: var(--primary-color);
  font-size: 0.8em;
}

.question-title-answered {
  color: var(--primary-color);
}

.bp-required-text {
  color: var(--error-color);
}

.bp-icon {
  color: var(--primary-icon-color);
}

.sv-text {
  font-weight: 300;
}

.sv-dropdown {
  font-weight: 300;
}

.sv-completedpage {
  display: none;
}

/* TODO work out how to remove the !important from the below.  */
.sv-row:not(:last-child) {
  padding-bottom: 0 !important;
  
}

.sv-question__content {
  margin-left: 0 !important;
}


@media screen and (max-width: 691.5px) {
  .sv-row__question--small{
    padding-right: 0 !important;
  }
}
.sv-question {
  overflow: hidden !important;
}

.bp-question-label > .sv-item__control-label {
  position: absolute;
  top: 0px;
  font-size: 0.8em;
  vertical-align: middle;
}

body h1 h2 h3 h4 {
  font-family: "Open Sans";
  accent-color: var(--primary-color);
}

.sv-title .sv-string-viewer {
  font-family: "Open Sans" !important;
  color: var(--primary-text-color);
}

body {
  margin: 8px 0 0;
}

p:has(>cite) {
  margin-top: 32px;
}