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

.nav-section {
  /**
   * --------------------------------------------------------------------------------------------
   * ARABIC STYLES
   * --------------------------------------------------------------------------------------------
   */
}

.nav-section::before {
  content: '';
  position: absolute;
  top: -0.0625rem;
  left: 0;
  width: 100%;
  height: .0625rem;
  background-color: #d1d1d1;
  z-index: 2;
}

@media (min-width: 750px) {
  .nav-section::before {
    z-index: 0;
  }
}

.nav-section.is-toc-open {
  z-index: 12;
}

.is-modal-open .nav-section {
  z-index: 1;
}

.nav-section__wrapper {
  background-color: #fff;
  border-bottom: .0625rem solid #d1d1d1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform .35s cubic-bezier(.455, .03, .515, .955);
  transition: -webkit-transform .35s cubic-bezier(.455, .03, .515, .955);
  transition: transform .35s cubic-bezier(.455, .03, .515, .955);
  transition: transform .35s cubic-bezier(.455, .03, .515, .955), -webkit-transform .35s cubic-bezier(.455, .03, .515, .955);
  will-change: transform;
}

.nav-section.is-fixed .nav-section__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.nav-section.is-hidden .nav-section__wrapper {
  -webkit-transform: translateY(-4rem);
  transform: translateY(-4rem);
}

@media (min-width: 750px) {
  .nav-section.is-hidden .nav-section__wrapper {
    -webkit-transform: translateY(-4.5rem);
    transform: translateY(-4.5rem);
  }
}

.nav-section__container::before,
.nav-section__container::after {
  content: '';
  position: absolute;
  top: 0;
  display: block;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}

.nav-section__container::before {
  left: 0;
  width: 10%;
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, .3)), to(#fff));
  background-image: linear-gradient(to left, rgba(255, 255, 255, .3), #fff);
}

@media (min-width: 750px) {
  .nav-section__container::before {
    width: 10%;
  }
}

@media (min-width: 1200px) {
  .nav-section__container::before {
    width: 15%;
  }
}

.nav-section__container::after {
  right: 0;
  width: 10%;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .3)), to(#fff));
  background-image: linear-gradient(to right, rgba(255, 255, 255, .3), #fff);
}

@media (min-width: 750px) {
  .nav-section__container::after {
    width: 10%;
  }
}

.nav-section__list {
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}

.nav-section__list::-webkit-scrollbar {
  display: none;
}

.nav-section__list.is-dragging > a {
  pointer-events: none;
}

.nav-section__link:first-child {
  margin-left: 10%;
}

@media (min-width: 1200px) {
  .nav-section__link:first-child {
    margin-left: 15%;
  }
}

.nav-section__link:last-child {
  margin-right: 10%;
}

@media (min-width: 1200px) {
  .nav-section__link:last-child {
    margin-right: 15%;
  }
}

.nav-section__link:not(:last-child) {
  margin-right: 1.25rem;
}

@media (min-width: 750px) {
  .nav-section__link:not(:last-child) {
    margin-right: 2.1875rem;
  }
}

@media (min-width: 1200px) {
  .nav-section__link:not(:last-child) {
    margin-right: 4.6875rem;
  }
}

.nav-section__link::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: .3125rem;
  background-color: #e31c3d;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -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);
}

@media (min-width: 1200px) {
  .nav-section__link::after {
    height: .4375rem;
  }
}

.nav-section__link:hover::after {
  opacity: 1;
}

.nav-section__link.is-active::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: .3125rem;
  background-color: #e31c3d;
}

@media (min-width: 1200px) {
  .nav-section__link.is-active::before {
    height: .4375rem;
  }
}

html[dir="rtl"] .nav-section__link .eyebrow {
  font-family: "Helvetica Neue LT Arabic Bold", helvetica;
  letter-spacing: 0;
  font-size: .9375rem;
  line-height: 1.3125rem;
}

.nav-section__button {
  -webkit-transition: background .35s cubic-bezier(.455, .03, .515, .955);
  transition: background .35s cubic-bezier(.455, .03, .515, .955);
}

.no-touch .nav-section__button:hover {
  background-color: #cd2026;
}

.nav-section__button .icon {
  -webkit-transition: -webkit-transform .35s cubic-bezier(.455, .03, .515, .955);
  transition: -webkit-transform .35s cubic-bezier(.455, .03, .515, .955);
  transition: transform .35s cubic-bezier(.455, .03, .515, .955);
  transition: transform .35s cubic-bezier(.455, .03, .515, .955), -webkit-transform .35s cubic-bezier(.455, .03, .515, .955);
}

.nav-section__button.is-selected .icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.nav-section__table-of-contents {
  height: calc(100vh - 3.125rem);
}

@media (min-width: 750px) {
  .nav-section__table-of-contents {
    height: calc(100vh - 3.75rem);
  }
}

@media (min-width: 1200px) {
  .nav-section__table-of-contents {
    height: calc(100vh - 5rem);
  }
}

.nav-section--iar {
  height: 3.125rem;
}

@media (min-width: 750px) {
  .nav-section--iar {
    height: 3.75rem;
  }
}

@media (min-width: 1200px) {
  .nav-section--iar {
    height: 5rem;
  }
}

.nav-section--iar .nav-section__container {
  width: auto;
  margin-left: 3.3125rem;
}

@media (min-width: 750px) {
  .nav-section--iar .nav-section__container {
    margin-left: 0;
  }
}

@media (min-width: 750px) {
  .nav-section--iar .nav-section__container::after {
    width: 5%;
  }
}

.nav-section--iar .nav-section__list {
  height: 3.125rem;
}

@media (min-width: 750px) {
  .nav-section--iar .nav-section__list {
    height: 3.75rem;
  }
}

@media (min-width: 1200px) {
  .nav-section--iar .nav-section__list {
    height: 5rem;
  }
}

@media (min-width: 750px) {
  .nav-section--iar .nav-section__link:first-child {
    margin-left: 15%;
  }
}

@media (min-width: 750px) {
  .nav-section--iar .nav-section__link:not(:last-child) {
    margin-right: 2rem;
  }
}

@media (min-width: 1200px) {
  .nav-section--iar .nav-section__link:not(:last-child) {
    margin-right: 4.5625rem;
  }
}

html[dir="rtl"] .nav-section__link:not(:last-child) {
  margin-right: 0;
  margin-left: 10%;
}

@media (min-width: 750px) {
  html[dir="rtl"] .nav-section__link:not(:last-child) {
    margin-left: 2.1875rem;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .nav-section__link:not(:last-child) {
    margin-left: 4.6875rem;
  }
}

html[dir="rtl"] .nav-section__link:first-child {
  margin-right: 1.25rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] .nav-section__link:first-child {
    margin-right: 10%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .nav-section__link:first-child {
    margin-right: 15%;
  }
}

html[dir="rtl"] .nav-section__link:last-child {
  margin-left: 10%;
  margin-right: 0;
}

@media (min-width: 1200px) {
  html[dir="rtl"] .nav-section__link:last-child {
    margin-left: 15%;
  }
}

/*# sourceMappingURL=nav-section.css.map */