@charset "UTF-8";
/*
$custom-select-padding-y:           $input-btn-padding-y;
$custom-select-padding-x:           $input-btn-padding-x;
$custom-select-indicator-padding:   1rem; // Extra padding to account for the presence of the background-image based indicator
$custom-select-bg-size:             12px 7px; // In pixels because image dimensions
$custom-select-box-shadow:          none;
$custom-select-indicator-color:     $brand-blue;
$custom-select-indicator:           url("../icons/sprite.svg");
$custom-select-background:          escape-svg($custom-select-indicator) no-repeat $custom-select-padding-x center / $custom-select-bg-size; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
*/
/*
    All z-index values should be stored in the array below.

    Reference index map in SCSS using:
    map-get($z-index-map, contentNavigationTitle)
*/
.making-return-form {
  padding: 2.5rem 0.8125rem 2.8125rem; }
  .making-return-form form {
    max-width: 650px;
    margin: 0 auto; }

.track-your-order {
  color: #071D49;
  margin-bottom: 2.5rem; }
  .track-your-order .content form {
    max-width: 650px;
    margin: 0 auto; }
  .track-your-order .component-text {
    margin-bottom: 1.875rem;
    font-size: 15px; }

.fit-guide .title,
.size-chart .title,
.size-chart-modal .title {
  font-size: 1.1875rem;
  color: #666;
  letter-spacing: 0.1475rem; }
  .fit-guide .title h2,
  .size-chart .title h2,
  .size-chart-modal .title h2 {
    letter-spacing: 0.01375rem; }
  .fit-guide .title .separator,
  .size-chart .title .separator,
  .size-chart-modal .title .separator {
    border-left: 2px solid #666;
    height: 2.5rem; }
  @media (max-width: 767.98px) {
    .fit-guide .title,
    .size-chart .title,
    .size-chart-modal .title {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin: 1.75rem 0; } }

.fit-guide ol,
.size-chart ol,
.size-chart-modal ol {
  counter-reset: number;
  list-style-type: none; }
  .fit-guide ol li::before,
  .size-chart ol li::before,
  .size-chart-modal ol li::before {
    counter-increment: number;
    content: counter(number) " ";
    font-size: 1.125rem;
    font-weight: bold;
    margin-right: 0.9375rem; }

.fit-guide table,
.size-chart table,
.size-chart-modal table {
  color: #071D49;
  font-size: 0.8125rem;
  border: 1px solid #CCC; }
  .fit-guide table td,
  .size-chart table td,
  .size-chart-modal table td {
    border-style: solid;
    border-color: #CCC; }
  @media (max-width: 767.98px) {
    .fit-guide table,
    .size-chart table,
    .size-chart-modal table {
      font-size: 0.625rem; }
      .fit-guide table td,
      .size-chart table td,
      .size-chart-modal table td {
        padding: 0.5625rem; } }
  .fit-guide table thead th,
  .size-chart table thead th,
  .size-chart-modal table thead th {
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    background-color: #EBEBEB;
    border-style: solid;
    border-color: #CCC; }
  .fit-guide table tr:nth-child(even),
  .size-chart table tr:nth-child(even),
  .size-chart-modal table tr:nth-child(even) {
    background-color: #EBEBEB; }
  .fit-guide table tr:nth-child(odd),
  .size-chart table tr:nth-child(odd),
  .size-chart-modal table tr:nth-child(odd) {
    background-color: #F5F5F5; }

.fit-guide .size-chart-summary,
.size-chart .size-chart-summary,
.size-chart-modal .size-chart-summary {
  color: #707070; }

.fit-guide .collection-title,
.size-chart .collection-title,
.size-chart-modal .collection-title {
  font-size: 1.3125rem; }
  @media (max-width: 767.98px) {
    .fit-guide .collection-title,
    .size-chart .collection-title,
    .size-chart-modal .collection-title {
      text-align: center; } }

@media (max-width: 767.98px) {
  .fit-guide .collection-body,
  .fit-guide .size-chart-summary,
  .size-chart .collection-body,
  .size-chart .size-chart-summary,
  .size-chart-modal .collection-body,
  .size-chart-modal .size-chart-summary {
    font-size: 0.875rem;
    text-align: center; } }

.content-page-navigation .fit-guide-content-wrapper {
  background-color: #EBEBEB;
  color: #071D49;
  padding-top: 5.3125rem;
  padding-bottom: 7.75rem; }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .content-page-navigation .fit-guide-content-wrapper {
      padding-left: 1.875rem;
      padding-right: 1.875rem; } }
  @media (max-width: 767.98px) {
    .content-page-navigation .fit-guide-content-wrapper {
      padding-top: 0; } }
  .content-page-navigation .fit-guide-content-wrapper ol {
    line-height: 1rem; }
  .content-page-navigation .fit-guide-content-wrapper .fit-guide-collections-wrapper {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 100%; }

@media (max-width: 767.98px) {
  .content-page-navigation .fit-guide-content {
    background-color: #EBEBEB; }
    .content-page-navigation .fit-guide-content .fit-guide-img-wrapper {
      max-width: 250px;
      margin: 0 auto; } }

.error-page {
  margin-top: 7.125rem; }
  .error-page .content-asset {
    width: 100%; }
  .error-page .not-found {
    color: #454545; }
  .error-page p {
    font-size: 18px; }
  @media (max-width: 767.98px) {
    .error-page h1 {
      font-size: 1.875rem; } }
  .error-page .error-page-content {
    padding-bottom: 3.5rem; }
    @media (max-width: 767.98px) {
      .error-page .error-page-content {
        padding-bottom: 2rem; } }
  .error-page .continue-shopping {
    max-width: 20.1875rem; }

/**
 * This CSS is loaded when a content asset is rendered using these templates:
 *     /rendering/content/contentPage.isml
 *     /rendering/content/contentPageNavigation.isml
 */
.content-page {
  line-height: 1.57;
  margin: 2.8125rem auto; }
  .content-page .h1 {
    margin-bottom: 4.5rem; }
  .content-page .h4 {
    margin: 0.9375rem 0 0.9375rem; }
  .content-page p {
    margin: 0 0 0.625rem; }
  .content-page__page-title {
    font-size: 2.25rem; }
    @media (max-width: 1199.98px) {
      .content-page__page-title {
        font-size: 2.125rem; } }
    @media (max-width: 991.98px) {
      .content-page__page-title {
        font-size: 1.625rem; } }
  @media (max-width: 767.98px) {
    .content-page__body {
      padding-right: 1.875rem;
      padding-left: 1.875rem; } }
  .content-page .hero-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .content-page .short-banner {
    margin-top: -2.8125rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
    .content-page .short-banner.content-page-header {
      border-bottom: 1px solid #CCC; }
      .content-page .short-banner.content-page-header p.text-center {
        margin: 0; }
  .content-page .short-line {
    background-color: #707070;
    display: block;
    height: 2px;
    margin: 20px auto;
    width: 100px; }
  .content-page .banner-inner {
    padding: 15px; }
  .content-page ol {
    counter-reset: item;
    list-style-type: none;
    padding-left: 0; }
    .content-page ol li {
      counter-increment: item;
      display: table; }
      .content-page ol li::before {
        content: counters(item, ".") ". ";
        display: table-cell;
        padding-right: 0.625rem; }
      .content-page ol li li::before {
        content: counters(item, ".") " "; }
    .content-page ol > li {
      margin-bottom: 0.625rem; }
    .content-page ol .conditions-summary {
      margin: -2.1875rem; }

header ~ #maincontent .content-page-navigation.container a.nav-link:not(.btn-primary):not(.btn-outline-primary) {
  color: #707070; }
  header ~ #maincontent .content-page-navigation.container a.nav-link:not(.btn-primary):not(.btn-outline-primary).active, header ~ #maincontent .content-page-navigation.container a.nav-link:not(.btn-primary):not(.btn-outline-primary):hover, header ~ #maincontent .content-page-navigation.container a.nav-link:not(.btn-primary):not(.btn-outline-primary):focus {
    color: #071D49; }
  header ~ #maincontent .content-page-navigation.container a.nav-link:not(.btn-primary):not(.btn-outline-primary).active {
    font-weight: bold; }

.content-page-navigation .nav-item {
  border-top: 1px solid #CCC;
  font-size: 1rem; }
  .content-page-navigation .nav-item:first-of-type {
    border-top: none; }

.content-page-navigation .nav-link,
.content-page-navigation .content-page-nav-menu-title {
  text-decoration: none; }

.content-page-navigation .nav-link {
  padding: 0.9375rem; }

.content-page-navigation .content-page-nav-menu-title {
  font-size: 1.125rem;
  padding: 0 0.9375rem; }
  .content-page-navigation .content-page-nav-menu-title::after {
    font-size: 0.625rem;
    font-weight: 400;
    margin-left: 0.9375rem; }

.content-page-navigation .content-page-nav-menu-title-container {
  background: #071D49;
  position: relative;
  z-index: 3; }

.content-page-navigation #content-navigation-container {
  display: block;
  position: static; }
  .content-page-navigation #content-navigation-container .content-page-nav-menu-title-container {
    display: none; }
  .content-page-navigation #content-navigation-container #content-page-navigation,
  .content-page-navigation #content-navigation-container .nav {
    display: block; }
  .content-page-navigation #content-navigation-container .nav {
    background: #fff;
    -webkit-transition: top 150ms;
    transition: top 150ms;
    -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out; }
  .content-page-navigation #content-navigation-container.sticky {
    position: fixed;
    z-index: 3; }
    .content-page-navigation #content-navigation-container.sticky:not(.active) #content-page-navigation {
      display: none; }
    .content-page-navigation #content-navigation-container.sticky .content-page-nav-menu-title-container {
      display: block; }
    .content-page-navigation #content-navigation-container.sticky .nav {
      -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
              box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }
    @media (max-width: 991.98px) {
      .content-page-navigation #content-navigation-container.sticky + .col-md-8 {
        margin-top: 5rem; } }

@media (min-width: 992px) {
  .content-page-navigation #content-navigation-container {
    width: calc(100% / 3);
    position: static; }
    .content-page-navigation #content-navigation-container.sticky {
      position: relative;
      z-index: 1; }
      .content-page-navigation #content-navigation-container.sticky:not(.active) #content-page-navigation {
        display: block; }
      .content-page-navigation #content-navigation-container.sticky #content-page-navigation {
        position: fixed;
        top: 0; }
        .content-page-navigation #content-navigation-container.sticky #content-page-navigation.bottom {
          position: absolute;
          top: auto !important;
          bottom: 0; }
      .content-page-navigation #content-navigation-container.sticky .nav {
        -webkit-box-shadow: none;
                box-shadow: none; } }

@media (max-width: 991.98px) {
  .content-page-navigation #content-navigation-container .content-page-nav-menu-title-container,
  .content-page-navigation #content-navigation-container .nav {
    padding-right: calc((100% - 720px) / 2);
    padding-left: calc((100% - 720px) / 2); }
  .content-page-navigation #content-navigation-container.sticky {
    width: 100%;
    left: 0;
    padding: 0; } }

.store-mapper #storemapper-left {
  overflow: auto !important; }
