// ============================================================================
// #HELPERS
// ============================================================================

// ===== Hide =====

.is-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px; width: 1px;
  margin: -1px; padding: 0; border: 0;
}

// ===== Clearfix =====
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.u-cf:before,
.u-cf:after,
%u-cf:before,
%u-cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.u-cf:after,
%u-cf:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.u-cf,
%u-cf {
  *zoom: 1;
}

// ============================================================================
// #HELPERS
// ============================================================================

// ===== Hide =====

.is-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px; width: 1px;
  margin: -1px; padding: 0; border: 0;
}

// ===== Utility classes =====

// A link that you might not know is a link...until you hover
.u-act-natural {
  color: $text-color; // The variable definition can be found in base - typography.scss
  text-decoration: none;

  // On hover, just give it an underline.
  &:hover {
    cursor: pointer;
    color: $text-color;
    text-decoration: underline;
  }
}

// ===== Clearfix =====
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.u-cf:before,
.u-cf:after,
%u-cf:before,
%u-cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.u-cf:after,
%u-cf:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.u-cf,
%u-cf {
  *zoom: 1;
}

Add a utility class for body text plain links
Add a utility class for body text plain links
