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

.related-block {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

html[dir="rtl"] .related-block > .eyebrow {
  font-family: "Helvetica Neue LT Arabic Bold", helvetica;
  font-size: 1.375rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  margin-left: 0;
  margin-right: 10%;
}

@media (min-width: 750px) {
  html[dir="rtl"] .related-block > .eyebrow {
    margin-left: 0;
    margin-right: 25%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .related-block > .eyebrow {
    font-size: 1.5rem;
    line-height: 1.375rem;
    letter-spacing: 0;
  }
}

@media (min-width: 750px) {
  .related-block {
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
  }
}

@media (min-width: 1200px) {
  .related-block {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem;
  }
}

@media (min-width: 750px) {
  .related-block .carousel {
    margin-left: 25%;
  }

  html[dir="rtl"] .related-block .carousel {
    margin-right: 25%;
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .related-block .carousel {
    margin-left: 25%;
  }

  html[dir="rtl"] .related-block .carousel {
    margin-right: get-right(5, 20);
    margin-left: 0;
  }
}

@media (min-width: 750px) {
  .related-block .carousel__track {
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
  }
}

@media (min-width: 750px) {
  .related-block .carousel__ctrls {
    display: none;
  }
}

@media (min-width: 750px) {
  .related-block .carousel__item:not(:last-child) {
    margin-right: .9375rem;
  }
}

@media (min-width: 1200px) {
  .related-block .carousel__item:not(:last-child) {
    margin-right: 1.6875rem;
  }
}

html[dir="rtl"] .related-block .carousel__item {
  margin-right: 0;
  margin-left: .75rem;
}

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

@media (min-width: 1200px) {
  html[dir="rtl"] .related-block .carousel__item:not(:last-child) {
    margin-right: 0;
    margin-left: 1.6875rem;
  }
}

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