.italic{font-style:italic;}
// NOTE: Bootstrap 3 uses inacessible less variables @font-size-h1 etc, which are static (pixel units)
//       we should use rem, so font-size: $fontSize on <body> is respected
// .h1 CLASS is for Bootstrap integration
h1, .h1, .biggerText {
  font-size: 2rem;
}
h2, .h2 {
  font-size: 1.65rem;
}
h3, .h3 {
  font-size: 1.48rem;
}
h4, .h4, .bigText {
  font-size: 1.35rem;
}
.smallText {
  font-size: .85rem;
}
.smallerText {
  font-size: .7rem;
}

.contentTitle{
  padding-bottom: 0.375em;
  border-bottom:dashed 1px darken(#fff, 30%);
}

.title{
  @extend .bigText;
}
.subTitle{
  font-size: 1rem;
}
.labelInput, .labelText, .labelCheck {
  user-select: none;
}
.labelInput, .labelCheck {
  color:$middleFontColor;
}
.labelInput{
  display: inline-block;
  margin-right:$space/2;
  line-height:$lineHeight + 8;

  &.required:after {
    margin-left: 0.25em;
    content: '*';
    color:$errorColor;
  }
}
/** a.labelText appears in certain FOM templates (User listing). Must respecify rule to defeat global a { color:inherit } */
.labelText, a.labelText {
  color: $ciColor;
}
.description{
  font-style:italic;
  @extend .smallText;
}
