/**
 * Labels
 *
 * For labeling stuff...
 *
 * .label-danger    - To indicate danger.
 * .label-success   - To indicate success.
 * .label-warning   - To warn...
 * .label-info      - To inform!
 *
 * Template: labels
 *
 * Styleguide 60.1
 */
.label {
  display: inline;
  padding: .5em .6em .35em;
  font-size: 12px;
  line-height: 1;
  font-family: $font-replacement;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.015em;
  font-weight: 200;
  color: $secondary-view-bg-color;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: $secondary-view-bg-color;
  text-shadow: 0px 0px $secondary-view-bg-color;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: $secondary-text-color;
  border-radius: .25em;
  font-weight: 400;
}
.label[href]:hover,
.label[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  background-color: $secondary-text-color-hover;
}
.label-danger {
  background-color: #CD1A2B;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #a01422;
}
.label-success {
  background-color: $primary-accent-color;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #168d40;
}
.label-warning {
  background-color: #4687D6;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #2a6dbf;
}
.label-info {
  background-color: #4687D6;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #2a6dbf;
}
