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

.card-listing .card {
  margin-bottom: 2.8125rem;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 750px) {
  .card-listing .card {
    margin-bottom: 1.4375rem;
    margin-right: 0;
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .card-listing .card {
    margin-bottom: 3.125rem;
  }
}

@media (min-width: 750px) {
  .card-listing .card:last-child:nth-child(3n+2) {
    margin-left: 2.85714%;
    margin-right: auto;
  }

  html[dir="rtl"] .card-listing .card:last-child:nth-child(3n+2) {
    margin-left: auto;
    margin-right: 2.85714%;
  }
}

@media (min-width: 1200px) {
  .card-listing .card:last-child:nth-child(3n+2) {
    margin-left: 3.21429%;
  }

  html[dir="rtl"] .card-listing .card:last-child:nth-child(3n+2) {
    margin-right: 3.21429%;
  }
}

@media (min-width: 1200px) {
  .card-listing .card--tall:last-child:nth-child(3n+2) {
    margin-left: 7.14286%;
  }
}

/*# sourceMappingURL=card-listing.css.map */