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

@media (min-width: 750px) {
  .resource-block__eyebrow {
    height: 9.375rem;
  }
}

@media (min-width: 1200px) {
  .resource-block__eyebrow {
    height: 13.625rem;
  }
}

html[dir="rtl"] .resource-block__eyebrow {
  left: auto;
  right: 0;
}

@media (min-width: 750px) {
  html[dir="rtl"] .resource-block__eyebrow {
    margin-right: 5%;
  }
}

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

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

@media (min-width: 750px) {
  .resource-block__description {
    margin-left: 12.5%;
    margin-right: 25%;
  }
}

@media (min-width: 1200px) {
  .resource-block__description {
    margin-left: 6.66667%;
    margin-right: 40%;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .resource-block__description {
    margin-left: 26.66667%;
    margin-right: 6.66667%;
  }
}

.resource-block__description .eyebrow {
  display: block;
  max-height: calc(.9375rem * 5);
}

@media (min-width: 1200px) {
  .resource-block__description .eyebrow {
    max-height: calc(1.375rem * 5);
  }
}

html[dir="rtl"] .resource-block__description .eyebrow {
  font-family: "Helvetica Neue LT Arabic Roman", helvetica;
  letter-spacing: 0;
  font-size: .8125rem;
  line-height: 1.375rem;
  max-height: calc(1.375rem * 5);
}

@media (min-width: 1200px) {
  html[dir="rtl"] .resource-block__description .eyebrow {
    font-size: 1.125rem;
    line-height: 1.75rem;
    max-height: calc(1.75rem * 5);
  }
}

.resource-block .carousel {
  margin-top: 1.5rem;
}

@media (min-width: 750px) {
  .resource-block .carousel {
    margin-top: 2.5rem;
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .resource-block .carousel {
    margin-top: 2.9375rem;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .resource-block .carousel {
    margin-right: 0;
  }
}

@media (min-width: 750px) {
  .resource-block .carousel__ctrls {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 1.5rem;
    margin-left: 81.25%;
  }
}

@media (min-width: 1200px) {
  .resource-block .carousel__ctrls {
    margin-top: 2.0625rem;
    margin-left: 80%;
  }
}

@media (max-width: 749px) {
  .resource-block .carousel__item {
    width: 100%;
  }
}

@media (max-width: 749px) {
  html[dir="rtl"] .resource-block .carousel__item {
    width: 100%;
    margin-right: 0;
    margin-left: .75rem;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .resource-block .carousel__item {
    margin-right: 0;
    margin-left: .9375rem;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .resource-block .carousel__item {
    margin-left: 1.6875rem;
  }
}

.resource-block .card {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: opacity 500ms cubic-bezier(.455, .03, .515, .955);
  transition: opacity 500ms cubic-bezier(.455, .03, .515, .955);
}

@media (min-width: 750px) {
  .resource-block .card {
    margin-right: .9375rem;
  }
}

@media (min-width: 1200px) {
  .resource-block .card {
    margin-right: 1.6875rem;
  }
}

html[dir="rtl"] .resource-block .container {
  margin-left: 0;
}

@media (min-width: 750px) {
  html[dir="rtl"] .resource-block .container {
    width: 75%;
  }
}

/*# sourceMappingURL=resource-block.css.map */