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

.pagination {
  /**
   * --------------------------------------------------------------------------------------------
   * ARABIC STYLES
   * --------------------------------------------------------------------------------------------
   */
}

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

.pagination::after {
  content: '';
  position: relative;
  display: block;
}

@media (min-width: 750px) {
  .pagination::after {
    background: #d1d1d1;
    width: 100%;
    height: .0625rem;
    margin-left: 1.625rem;
  }
}

@media (min-width: 1200px) {
  .pagination::after {
    margin-left: 4.375rem;
  }
}

html[dir="rtl"] .pagination::after {
  margin-left: 0;
}

@media (min-width: 750px) {
  .pagination__items {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}

.pagination__item {
  list-style: none;
}

.pagination__item a {
  color: #231f20;
  text-decoration: none;
}

.pagination__item--previous a,
.pagination__item--next a,
.pagination__item--first a,
.pagination__item--last a {
  color: #5b616b;
}

@media (max-width: 749px) {
  .pagination__item--previous a,
  .pagination__item--next a,
  .pagination__item--first a,
  .pagination__item--last a {
    padding-left: .625rem;
    padding-right: .625rem;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .pagination__item--previous a .pagination__text,
  html[dir="rtl"] .pagination__item--next a .pagination__text,
  html[dir="rtl"] .pagination__item--first a .pagination__text,
  html[dir="rtl"] .pagination__item--last a .pagination__text {
    font-family: "Helvetica Neue LT Arabic Bold", helvetica;
    font-size: .8125rem;
    line-height: 1.375rem;
  }
}

@media (min-width: 750px) {
  .pagination__item + .pagination__item {
    margin-left: 1rem;
  }
}

@media (min-width: 1200px) {
  .pagination__item + .pagination__item {
    margin-left: 1.25rem;
  }
}

@media (min-width: 750px) {
  .pagination__item--page {
    padding-left: .625rem;
    padding-right: .625rem;
  }
}

.pagination__item--page.is-active a {
  color: #e31c3d;
}

@media (max-width: 749px) {
  .pagination__item--page a {
    padding-left: .625rem;
    padding-right: .625rem;
  }
}

html[dir="rtl"] .pagination__item--page a span {
  font-family: "Helvetica Neue LT Arabic Bold", helvetica;
  letter-spacing: 0;
  font-size: .8125rem;
  line-height: 1.375rem;
}

@media (max-width: 749px) {
  .pagination__item--page + .pagination__item--page {
    margin-left: .625rem;
  }

  html[dir="rtl"] .pagination__item--page + .pagination__item--page {
    margin-left: 0;
    margin-right: .625rem;
  }
}

html[dir="rtl"] .pagination__item--next .pagination__icon .icon-caret {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

html[dir="rtl"] .pagination__item--previous .pagination__icon .icon-caret {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.pagination__item__pages {
  list-style: none;
  margin-top: .0625rem;
}

@media (min-width: 750px) {
  .pagination__item__pages {
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
}

.pagination__icon {
  display: none;
  padding-top: .625rem;
  padding-bottom: .625rem;
}

@media (max-width: 749px) {
  .pagination__icon {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}

.pagination__icon .icon {
  height: .375rem;
  width: .5625rem;
}

.pagination__icon .icon + .icon {
  margin-left: -0.125rem;
}

@media (max-width: 749px) {
  .pagination__text {
    display: none;
  }
}

@media (max-width: 749px) {
  .pagination.ellipsis .pagination__item--page.hidden-on-mobile {
    display: none;
  }

  .pagination.ellipsis .pagination__item--page.ellipsis-on-mobile a {
    display: none;
  }

  .pagination.ellipsis .pagination__item--page.ellipsis-on-mobile::after {
    content: '…';
    display: inline-block;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .pagination__item {
    margin-left: 0;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .pagination__item + .pagination__item {
    margin-left: 0;
    margin-right: 1rem;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .pagination__item + .pagination__item {
    margin-left: 0;
    margin-right: 1.25rem;
  }
}

@media (max-width: 749px) {
  html[dir="rtl"] .pagination__item--first,
  html[dir="rtl"] .pagination__item--last {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .pagination__item--first,
  html[dir="rtl"] .pagination__item--last {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .pagination__item--first,
  html[dir="rtl"] .pagination__item--last {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .pagination::after {
    margin-left: auto;
    margin-right: 1.625rem;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .pagination::after {
    margin-left: auto;
    margin-right: 4.375rem;
  }
}

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