/**
 * --------------------------------------------------------------------------------------------
 * FONT
 *
 * Apply font-size, line-height, and letter-spacing in one go.
 *
 * @usage
 *    @include font($font-size $line-height $letter-spacing);
 *    // All arguments are optional
 * --------------------------------------------------------------------------------------------
 */

.fn {
  position: relative;
}

.content .fn a {
  font-family: "Open Sans";
  font-size: .75rem;
  letter-spacing: .14375rem;
  color: #231f20 !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  -webkit-transition: color .35s cubic-bezier(.455, .03, .515, .955) !important;
  transition: color .35s cubic-bezier(.455, .03, .515, .955) !important;
}

.content .fn a::before {
  counter-increment: fn;
  content: "[" counter(fn) "]";
  color: inherit;
}

.no-touch .content .fn a:hover {
  color: #e31c3d !important;
}

.content .fn a:focus {
  color: #5b616b !important;
}

.footnotes {
  margin-bottom: 3.125rem;
  font-family: "Open Sans";
  font-size: .6875rem;
  line-height: 1.25rem;
  color: #555;
}

@media (min-width: 750px) {
  .footnotes {
    margin-bottom: 3.75rem;
  }
}

@media (min-width: 1200px) {
  .footnotes {
    font-size: .875rem;
    line-height: 1.375rem;
  }
}

html[dir="rtl"] .footnotes {
  margin-left: 10%;
  margin-right: 20%;
  font-family: "Helvetica Neue LT Arabic Roman", helvetica;
  letter-spacing: 0;
  font-size: .9375rem;
  line-height: 1.6875rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] .footnotes {
    margin-left: 0;
    margin-right: 35%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .footnotes {
    margin-right: 30%;
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}

.footnotes__item::before {
  content: "[" attr(data-footnote-no) "]";
  position: absolute;
  top: 0;
  left: -14.28571%;
  font-family: "Open Sans Condensed";
  font-size: .75rem;
  letter-spacing: .14375rem;
  color: #231f20;
}

@media (min-width: 750px) {
  .footnotes__item::before {
    left: -11.11111%;
  }
}

@media (min-width: 1200px) {
  .footnotes__item::before {
    left: -14.28571%;
  }
}

html[dir="rtl"] .footnotes__item::before {
  left: auto;
  right: -14.28571%;
}

@media (min-width: 750px) {
  html[dir="rtl"] .footnotes__item::before {
    right: -11.11111%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .footnotes__item::before {
    right: -14.28571%;
  }
}

.footnotes__item a {
  color: #d1d1d1;
}

.no-touch .footnotes__item a:hover {
  color: #e31c3d;
}

.footnotes__item a:focus {
  color: #231f20;
}

.no-touch .footnotes__ref:hover .icon {
  fill: #14284f;
}

.footnotes__ref:focus .icon {
  fill: #5b616b;
}

html[dir="rtl"] .footnotes__ref .icon {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

fn[value],
.footnotes__icon {
  display: none;
}

/*# sourceMappingURL=footnote.css.map */