//
// HEADINGS
//
h1 {
  @extend .uc-t-h1;
}
h2 {
  @extend .uc-t-h2;
}
h3 {
  @extend .uc-t-h3;
}
h4 {
  @extend .uc-t-h4;
}

//
// OTHER HTML ELEMENTS
//
strong {
  @extend .uc-t-body-strong;
}

//
// RANDO
//
.notification-indicator {
  @include border-radius(2px);
  background-color: $yellow;
  position: absolute;
  bottom: 6px;
  right: 20px;
  padding: 3px 6px;
  margin-right: $small-spacing;
  font-size: $small;
  font-weight: $semibold-weight;
  color: $dark-gray;
  float: right;
  line-height: 1em;
  &:empty {
    display: none;
  }
}

%cc-emphasis {
  color: $dark-gray;
  padding: 1px 5px;
  display: inline-block;
}
.cc-emphasis-low {
  @extend %cc-emphasis;
  background-color: $white;
}
.cc-emphasis-medium {
  @extend %cc-emphasis;
  background-color: $lighter-gray;
}
.cc-emphasis-high {
  @extend %cc-emphasis;
  background-color: $sky-blue;
}
.cc-emphasis-critical {
  @extend %cc-emphasis;
  background-color: $lighter-red;
}

//
// TYPOGRAPHY HELPERS
//
.type-italic {
  font-style: italic;
}
.type-bold {
  font-weight: $semibold-weight;
}
.type-uppercase {
  text-transform: uppercase;
}
.type-clear-text-transform{
  text-transform: none !important; //used to override until .card em is refactored
}

//
// FROM MIXINS
//
.type-x-large-normal-normal {
  @include type-x-large-normal-normal;
}
.type-x-large-normal-bold {
  @include type-x-large-normal-bold;
}
.type-huge-normal-semibold {
  @include type-huge-normal-semibold;
}
.type-tiny-normal-semibold {
  @include type-tiny-normal-semibold;
}
.type-small-normal-normal {
  @include type-small-normal-normal;
}
.type-small-normal-semibold {
  @include type-small-normal-semibold;
}
.type-medium-normal-normal {
  @include type-medium-normal-normal;
}
.type-medium-normal-semibold {
  @include type-medium-normal-semibold;
}
.type-medium-small-italic-semibold {
  @include type-medium-small-italic-semibold;
}
.type-medium-small-normal-normal {
  @include type-medium-small-normal-normal;
}
.type-medium-small-normal-semibold {
  @include type-medium-small-normal-semibold;
}
.type-small-italic-normal {
  @include type-small-italic-normal;
}

//
// NEW DESIGN TYPE CLASSES
//
.type-body {
  @include font-size-px-to-rem(14px, true);
  font-weight: $normal-weight;
  em {
    font-weight: $semibold-weight;
  }
}
.type-thin-caps-heading {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: $extralight-weight;
  color: $dark-gray;
}


//
// NEW HEADINGS
//
.uc-t-h1 {
  font-size: 1.286rem;
  font-weight: 600;
  line-height: 2.143rem;
}
.uc-t-h2 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.643rem;
}
.uc-t-h3 {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.429rem;
}
.uc-t-h4 {
  font-size: 1rem;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.714rem;
}
.uc-t-thin-header-placeholder {
  font-size: 1.429rem;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 2.143rem;
}

.uc-t-body-p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.286rem;
}

.uc-t-body-small {
  font-size: 0.9286rem;
}

.uc-t-body-em {
  font-style: italic;
  font-weight: normal;
  color: $middle-gray;
  vertical-align: inherit;
}

.uc-t-body-strong {
  font-weight: 600;
  vertical-align: inherit;
}

.uc-t-body-underline  {
  text-decoration: underline;
  vertical-align: inherit;
}

.uc-t-body-uppercase {
  text-transform: uppercase;
}

.uc-t-body-large-thin-placeholder {
  font-size: 1.286rem;
  font-weight: 300;
  line-height: 2rem;
}

.uc-t-links-page-banner {
  font-size: 1.286rem;
  font-weight: 600;
  line-height: 2.143em;
  // on hover, underline disappears
}

.uc-t-links-general {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.286rem;
  // on hover, underline disappears
}

.uc-t-links-navigational {
  font-size: 1rem;
  font-weight: 400;
  text-decoration: none;
  line-height: 1.286rem;
  // on hover, underline appears
}