/**
 * --------------------------------------------------------------------------------------------
 * 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
 * --------------------------------------------------------------------------------------------
 */

.typo-component-title.has-line::before {
  content: '';
  display: block;
  width: 4.1875rem;
  height: .0625rem;
  margin-bottom: 2rem;
  background-color: #e31c3d;
}

@media (min-width: 750px) {
  .typo-component-title.has-line::before {
    position: absolute;
    top: 1.4375rem;
    left: -7rem;
    width: 4.6875rem;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .typo-component-title.has-line::before {
    top: 1.6875rem;
    left: -10.75rem;
    width: 7rem;
  }
}

.quote::before,
.quote::after {
  content: '';
}

.quote::before {
  content: '\201c';
  position: absolute;
  color: #e31c3d;
  font-size: 3.875rem;
  top: -1rem;
  left: -0.1875rem;
}

@media (min-width: 750px) {
  .quote::before {
    font-size: 5.0625rem;
    top: -1.25rem;
    left: -0.3125rem;
  }
}

@media (min-width: 1200px) {
  .quote::before {
    font-size: 8.75rem;
    top: -1.5625rem;
    left: -0.5rem;
  }
}

html[dir="rtl"] .quote::before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  left: auto;
  right: -0.1875rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] .quote::before {
    right: -0.3125rem;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .quote::before {
    right: -0.5rem;
  }
}

.fieldquote::before,
.fieldquote::after {
  content: '';
}

.fieldquote::before {
  content: '\201c';
  position: absolute;
  color: #e31c3d;
  font-size: 3.75rem;
  left: -0.3125rem;
  top: .6875rem;
}

@media (min-width: 750px) {
  .fieldquote::before {
    left: -0.125rem;
    top: -1.4375rem;
  }
}

@media (min-width: 1200px) {
  .fieldquote::before {
    font-size: 7.5rem;
    left: -0.25rem;
    top: -2rem;
  }
}

html[dir="rtl"] .fieldquote::before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  left: auto;
  right: -2.375rem;
  top: -0.9375rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] .fieldquote::before {
    right: -0.125rem;
    top: -1.4375rem;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .fieldquote::before {
    right: -0.375rem;
    top: -2rem;
  }
}

.cta {
  -webkit-transition-property: background, color;
  transition-property: background, color;
  -webkit-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-timing-function: cubic-bezier(.455, .03, .515, .955);
  transition-timing-function: cubic-bezier(.455, .03, .515, .955);
}

.no-touch .cta:not(.cta--underline):hover {
  background-color: #cd2026;
}

.cta:not(.cta--underline):focus {
  background-color: #e31c3d;
}

.no-touch .cta:not(.cta--underline).bg-green:hover {
  background-color: #3f9663;
}

.cta:not(.cta--underline).bg-green:focus {
  background-color: #2d8650;
}

.cta--underline::after {
  content: '';
  display: block;
  width: 1.8125rem;
  height: .0625rem;
  margin-left: .9375rem;
  background-color: #e31c3d;
}

@media (min-width: 750px) {
  .cta--underline::after {
    margin-left: .8125rem;
  }
}

.cta--underline.underline-green::after {
  background-color: #2d8650;
}

.no-touch .cta--underline:hover {
  color: #e31c3d;
}

.no-touch .cta--underline:hover.underline-green {
  color: #2d8650;
}

.cta--underline:focus {
  color: #6c6c6c;
}

.external-icon {
  width: 1.5625rem;
  height: 1.5625rem;
  -webkit-transition: background .35s cubic-bezier(.455, .03, .515, .955);
  transition: background .35s cubic-bezier(.455, .03, .515, .955);
}

.external .icon {
  width: .5rem;
  height: .5rem;
}

.no-touch .external:hover .external-icon {
  background-color: #cd2026;
}

.caption p {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

html[dir="rtl"] .caption {
  font-family: "Helvetica Neue LT Arabic Roman", helvetica;
  letter-spacing: 0;
  font-size: .6875rem;
  line-height: 1.125rem;
}

@media (min-width: 1200px) {
  html[dir="rtl"] .caption {
    font-size: .8125rem;
    line-height: 1.375rem;
  }
}

/**
 * Arabic Verison overrides
 */

html[dir="rtl"] .typo-country {
  font-family: "Helvetica Neue LT Arabic Bold", helvetica;
  letter-spacing: 0;
  font-size: 2.5rem;
  line-height: 3rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] .typo-country {
    font-size: 3.125rem;
    line-height: 3.625rem;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .typo-country {
    font-size: 5rem;
    line-height: 5.5rem;
  }
}

html[dir="rtl"] .typo-headline {
  font-family: "Helvetica Neue LT Arabic Bold", helvetica;
  letter-spacing: 0;
  font-size: 1.5rem;
  line-height: 2rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] .typo-headline {
    font-size: 2.1875rem;
    line-height: 2.6875rem;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .typo-headline {
    font-size: 3.125rem;
    line-height: 3.625rem;
  }
}

html[dir="rtl"] .typo-article {
  font-family: "Open Sans";
  letter-spacing: 0;
  font-size: 2.75rem;
  line-height: 2.5rem;
}

@media (min-width: 1200px) {
  html[dir="rtl"] .typo-article {
    font-size: 3.75rem;
    line-height: 3.5rem;
  }
}

html[dir="rtl"] h1 {
  font-family: "Helvetica Neue LT Arabic Bold", helvetica;
  letter-spacing: 0;
  font-size: 1.875rem;
  line-height: 2.375rem;
}

@media (min-width: 1200px) {
  html[dir="rtl"] h1 {
    font-size: 3.375rem;
    line-height: 3.875rem;
  }
}

html[dir="rtl"] h2 {
  font-family: "Helvetica Neue LT Arabic Bold", helvetica;
  letter-spacing: 0;
  font-size: 1.375rem;
  line-height: 1.875rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] h2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] h2 {
    font-size: 2.9375rem;
    line-height: 3.4375rem;
  }
}

html[dir="rtl"] h3 {
  font-family: "Helvetica Neue LT Arabic Bold", helvetica;
  letter-spacing: 0;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

@media (min-width: 1200px) {
  html[dir="rtl"] h3 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

html[dir="rtl"] h4 {
  font-family: "Helvetica Neue LT Arabic Bold", helvetica;
  letter-spacing: 0;
  font-size: 1.375rem;
  line-height: 1.1875rem;
}

@media (min-width: 1200px) {
  html[dir="rtl"] h4 {
    font-size: 1.5625rem;
    line-height: 1.375rem;
  }
}

html[dir="rtl"] .typo-featured {
  font-family: "Helvetica Neue LT Arabic Bold", helvetica;
  letter-spacing: 0;
  font-size: 1.5625rem;
  line-height: 2.125rem;
}

@media (min-width: 1200px) {
  html[dir="rtl"] .typo-featured {
    font-size: 2.1875rem;
    line-height: 2.6875rem;
  }
}

html[dir="rtl"] .typo-infocus {
  font-family: "Helvetica Neue LT Arabic Bold", helvetica;
  letter-spacing: 0;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 1200px) {
  html[dir="rtl"] .typo-infocus {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
}

html[dir="rtl"] .typo-card-title {
  font-family: "Helvetica Neue LT Arabic Bold", helvetica;
  letter-spacing: 0;
  font-size: 1.25rem;
  line-height: 1.75rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] .typo-card-title {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .typo-card-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

html[dir="rtl"] .teaser {
  font-family: "Helvetica Neue LT Arabic Bold", helvetica;
  letter-spacing: 0;
  font-size: .9375rem;
  line-height: 1.4375rem;
}

@media (min-width: 1200px) {
  html[dir="rtl"] .teaser {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
}

html[dir="rtl"] .eyebrow--small,
html[dir="rtl"]
.cta {
  font-family: "Helvetica Neue LT Arabic Roman", helvetica;
  letter-spacing: 0;
  font-size: .9375rem;
  line-height: 1.375rem;
}

html[dir="rtl"] .eyebrow--xsmall {
  font-family: "Helvetica Neue LT Arabic Roman", helvetica;
  letter-spacing: 0;
  font-size: 1.125rem;
  line-height: 1.375rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] .eyebrow--xsmall {
    font-size: .8125rem;
    line-height: 1.1875rem;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .eyebrow--xsmall {
    font-size: 1.125rem;
    line-height: 1.375rem;
  }
}

html[dir="rtl"] .typo-key-takeaways {
  font-family: "Helvetica Neue LT Arabic Roman", helvetica;
  letter-spacing: 0;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

@media (min-width: 1200px) {
  html[dir="rtl"] .typo-key-takeaways {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

html[dir="rtl"] p,
html[dir="rtl"]
ul > li,
html[dir="rtl"]
ol > li {
  font-family: "Helvetica Neue LT Arabic Roman", helvetica;
  letter-spacing: 0;
  font-size: .9375rem;
  line-height: 1.6875rem;
}

@media (min-width: 1200px) {
  html[dir="rtl"] p,
  html[dir="rtl"]
    ul > li,
  html[dir="rtl"]
    ol > li {
    font-size: 1.125rem;
    line-height: 1.875rem;
  }
}

html[dir="rtl"] .footer__donations p,
html[dir="rtl"] .footer__donations
ul > li,
html[dir="rtl"] .footer__donations
ol > li {
  font-size: .875rem;
  line-height: 1.4375rem;
}

html[dir="rtl"] .footer-string__text p,
html[dir="rtl"] .footer-string__text
ul > li,
html[dir="rtl"] .footer-string__text
ol > li {
  font-size: .75rem;
  line-height: 1.25rem;
}

html[dir="rtl"] .copyright {
  font-family: "Open Sans";
  letter-spacing: 0;
  font-size: .5rem;
  line-height: 1.375rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] .copyright {
    font-size: .625rem;
    line-height: 1.375rem;
  }
}

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