.bold {
  font-weight: 600;
}

.form-title {
  font-size: $form-title-size;
}

.form-section-title {
  @include breakpoint(medium) {
    margin: rem-calc(20) 0;
  }
  &__text {
    color: $black;
    @include breakpoint(medium) {
      padding-left: rem-calc(8);
    }
  }
  &__instructions {
    @include breakpoint(medium) {
      margin-left: 10px;
    }
  }
  hr {
    @include breakpoint (small only) {
      width: 0;
    }
  }
}

.page-title {
  color: #195fa3;
  font-family: "Avenir","Helvetica Neue","Arial",sans-serif;
  font-weight: 800;
  font-size: 1.3125rem;
  text-align: inherit;

  @include breakpoint(small only) {
    color: white;
    font-size: rem-calc(16);
    margin: 0;
  }
  &--centered {
    @extend .text-center;
  }

  &--no-margin {
    margin: 0;
  }
}

.wig-label {
  @extend .cell;
  padding: 0;
  margin-bottom: rem-calc(5);
  font-weight: bold;
  line-height: normal;
  &--normal {
    font-size: $regular-font-size-global;
    text-transform: uppercase;
  }
  &--important {
    font-size: $medium-font-size-global;
  }
  &--right {
    text-align: right;
  }
  &--center {
    text-align: center;
  }
}

.wig-label-inline {
  width: auto;
  padding-right: .8rem;
}

.hint {
  font-size: $tiny-font-size-global;
  color: $gray;
}

.paragraph {
  white-space: pre-wrap;
  &--centered {
    @extend .text-center;
  }
  &--gray {
    color: $gray;
  }
}

.text {
  line-height: normal;
  white-space: normal;
  &--centered {
    @extend .text-center;
  }
  &--bold {
    font-weight: bold;
  }
  &--thin {
    font-weight: 300;
  }
  &--uppercase {
    text-transform: uppercase;
  }
  &--extra-small {
    font-size: 12px;
  }
  &--small {
    font-size: $small-font-size-global;
  }
  &--medium {
    font-size: $medium-font-size-global;
  }
  &--large {
    font-size: $large-font-size-global;
  }
  &--gray {
    color: $gray;
  }
  &--primary {
    color: $primary-color;
  }
}

.title {
  line-height: normal;
  &--bold {
    @extend .text--bold;
  }
  &--thin {
    @extend .text--thin;
  }
  &--extra-small-size {
    font-size: 24px;
  }
  &--small-size {
    font-size: $small-title-font-size-global;
  }
  &--medium-size {
    font-size: $small-title-font-size-global;
    @include breakpoint(medium) {
      font-size: $medium-title-font-size-global;
    }
  }
  &--large-size {
    font-size: $large-title-font-size-global;
  }
  &--gray {
    color: $gray;
  }
  &--dark-gray {
    color: $dark-gray;
  }
  &--primary {
    color: $primary-color;
  }
  &--center {
    @extend .text--centered;
  }
  &--uppercase {
    @extend .text--uppercase;
  }
  &--primary-light {
    color: $primary-light-color;
  }
}

.error-text {
  @extend .text-input--normal;
  &__text {
    padding: $form-error-text-padding;
  }
}

.highlighted-text {
  &--uppercase {
    text-transform: uppercase;
  }
}

.text-inline {
  &--danger {
    color: $alert-color;
  }
  &--right {
    text-align: right;
  }
}