/* ==========================================================================
   UTILITIES / #IE9
   ========================================================================== */

/**
 * This file is a crude, hacky dumping ground for any IE9-specific bug/fixes.
 */
.ie9 {
  /**
   * Nasty hard-coded height to fix IE bug with sizes of form inputs:
   * http://joshnh.com/weblog/line-height-doesnt-work-as-expected-on-inputs/
   */
  .c-form-date,
  .c-form-input,
  .c-form-select {
    height: 2.3em;
  }

  /**
   * Remove custom icon offset.
   */
  .c-form-select__dropdown {
    padding-right: $global-spacing-unit-tiny;
  }

  /**
   * Remove custom icon and gradient overflow on form select inputs
   */
  .c-form-select::before,
  .c-form-select::after {
    content: normal;
  }

  /**
   * IE9 doesn’t support CSS animations, so let’s just undo everything visual
   * and drop back to some simple ‘Loading…’ text.
   */
  .c-spinner {
    font-size: inherit;
    width: auto;
    height: auto;
    animation: none;
    border: none;
    border-radius: 0;
    overflow: visible;
    text-indent: 0;
  }
}