@charset "UTF-8";

/**
 * --------------------------------------------------------------------------------------------
 * 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: #e00;
}

@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: "“";
  position: absolute;
  color: #e00;
  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: "“";
  position: absolute;
  color: #e00;
  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):not(.cta--underline-arrow):hover {
  background-color: #cd060b;
}

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

html[dir=rtl] .cta:not(.cta--underline):not(.cta--underline-arrow) {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  padding-top: .5625rem;
  padding-bottom: .5rem;
}

html[dir=rtl] .slideshow-gallery .cta:not(.cta--underline):not(.cta--underline-arrow) {
  padding: 0;
}

.cta--underline::after,
.cta--underline-arrow::after {
  content: "";
  display: block;
  width: 1.8125rem;
  height: .0625rem;
  margin-left: .9375rem;
  background-color: #e00;
}

html[dir=rtl] .cta--underline::after,
html[dir=rtl] .cta--underline-arrow::after {
  margin-left: 0;
  margin-right: .9375rem;
}

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

  html[dir=rtl] .cta--underline::after,
  html[dir=rtl] .cta--underline-arrow::after {
    margin-left: 0;
    margin-right: .8125rem;
  }
}

.no-touch .cta--underline:hover,
.no-touch .cta--underline-arrow:hover {
  color: #e00;
}

.cta--underline:focus,
.cta--underline-arrow:focus {
  color: #7e7e7e;
}

.cta--underline-arrow::after {
  position: relative;
  height: auto;
  content: url('data:image/svg+xml;utf8,<svg width="17" height="7" viewBox="0 0 17 7" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="2.7998" width="12.6" height="1.4" fill="%23DB2E20"/><path d="M16.7996 3.5L12.5996 0V7L16.7996 3.5Z" fill="%23DB2E20"/></svg>');
  background-color: transparent;
}

html[dir=rtl] .cta--underline-arrow::after {
  top: .25rem;
  margin-right: .3125rem;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

@media (max-width: 749px) {
  html[dir=rtl] .cta--underline-arrow::after {
    top: .125rem;
  }
}

@media (max-width: 749px) {
  .cta--underline-arrow {
    width: 100%;
  }
}

.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: #cd060b;
}

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

html[dir=rtl] .caption {
  font-family: "Tajawal Medium", 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: "Tajawal ExtraBold", 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: "Tajawal ExtraBold", 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 {
  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: "Tajawal ExtraBold", 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: "Tajawal ExtraBold", 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: "Tajawal ExtraBold", 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: "Tajawal ExtraBold", 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: "Tajawal ExtraBold", 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: "Tajawal ExtraBold", 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: "Tajawal ExtraBold", 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: "Tajawal ExtraBold", 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: "Tajawal Medium", helvetica;
  letter-spacing: 0;
  font-size: .9375rem;
  line-height: 1.375rem;
}

html[dir=rtl] .eyebrow--xsmall {
  font-family: "Tajawal Medium", 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: "Tajawal Medium", 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: "Tajawal Medium", 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: "Tiempos Headline Light Italic", serif;
  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 */