@font-face {
  font-family: "NeueHaasGroteskDisp Pro Lt";
  src: url("../fonts/Jordan/NHaasGroteskDSPro-45Lt.eot");
  src: url("../fonts/Jordan/NHaasGroteskDSPro-45Lt.eot?#iefix") format("embedded-opentype"), url("../fonts/Jordan/NHaasGroteskDSPro-45Lt.woff2") format("woff2"), url("../fonts/Jordan/NHaasGroteskDSPro-45Lt.woff") format("woff"), url("../fonts/Jordan/NHaasGroteskDSPro-45Lt.ttf") format("truetype"), url("../fonts/Jordan/NHaasGroteskDSPro-45Lt.svg#NHaasGroteskDSPro-45Lt") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NeueHaasGroteskDisp Pro";
  src: url("../fonts/Jordan/NHaasGroteskDSPro-55Rg.eot");
  src: url("../fonts/Jordan/NHaasGroteskDSPro-55Rg.eot?#iefix") format("embedded-opentype"), url("../fonts/Jordan/NHaasGroteskDSPro-55Rg.woff2") format("woff2"), url("../fonts/Jordan/NHaasGroteskDSPro-55Rg.woff") format("woff"), url("../fonts/Jordan/NHaasGroteskDSPro-55Rg.ttf") format("truetype"), url("../fonts/Jordan/NHaasGroteskDSPro-55Rg.svg#NHaasGroteskDSPro-55Rg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NeueHaasGroteskDisp Pro Md";
  src: url("../fonts/Jordan/NHaasGroteskDSPro-65Md.eot");
  src: url("../fonts/Jordan/NHaasGroteskDSPro-65Md.eot?#iefix") format("embedded-opentype"), url("../fonts/Jordan/NHaasGroteskDSPro-65Md.woff2") format("woff2"), url("../fonts/Jordan/NHaasGroteskDSPro-65Md.woff") format("woff"), url("../fonts/Jordan/NHaasGroteskDSPro-65Md.ttf") format("truetype"), url("../fonts/Jordan/NHaasGroteskDSPro-65Md.svg#NHaasGroteskDSPro-65Md") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JordanNHGText-75Bold";
  src: url("../fonts/Jordan/JordanNHGText-75Bold.eot");
  src: url("../fonts/Jordan/JordanNHGText-75Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Jordan/JordanNHGText-75Bold.woff2") format("woff2"), url("../fonts/Jordan/JordanNHGText-75Bold.woff") format("woff"), url("../fonts/Jordan/JordanNHGText-75Bold.ttf") format("truetype"), url("../fonts/Jordan/JordanNHGText-75Bold.svg#JordanNHGText-75Bold") format("svg");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alianza2024";
  src: url("../../fonts/Personalization/Al24-Regular.woff2") format("woff2"), url("../../fonts/Personalization/Al24-Regular.woff") format("woff"), url("../../fonts/Personalization/Al24-Regular.otf") format("opentype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alianza2025";
  src: url("../../fonts/Personalization/Al25-Regular.woff2") format("woff2"), url("../../fonts/Personalization/Al25-Regular.woff") format("woff"), url("../../fonts/Personalization/Al25-Regular.otf") format("opentype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alianza2026";
  src: url("../../fonts/Personalization/Al26-Regular.woff2") format("woff2"), url("../../fonts/Personalization/Al26-Regular.woff") format("woff"), url("../../fonts/Personalization/Al26-Regular.otf") format("opentype");
  font-style: normal;
  font-display: swap;
}
h1,
.h1 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h1-size-mobile);
}
@media screen and (min-width: 768px) {
  h1,
.h1 {
    font-size: var(--h1-size-desktop);
  }
}

h2,
.h2 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h2-size-mobile);
}
@media screen and (min-width: 768px) {
  h2,
.h2 {
    font-size: var(--h2-size-desktop);
  }
}

h3,
.h3 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h3-size-mobile);
}
@media screen and (min-width: 768px) {
  h3,
.h3 {
    font-size: var(--h3-size-desktop);
  }
}

h4,
.h4 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h4-size-mobile);
}
@media screen and (min-width: 768px) {
  h4,
.h4 {
    font-size: var(--h4-size-desktop);
  }
}

h5,
.h5 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h5-size-mobile);
}
@media screen and (min-width: 768px) {
  h5,
.h5 {
    font-size: var(--h5-size-desktop);
  }
}

p,
span {
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  font-size: var(--p-size-mobile);
}
@media screen and (min-width: 768px) {
  p,
span {
    font-size: var(--p-size-desktop);
  }
}

b,
strong {
  font-family: var(--body-bold-font-family);
  font-weight: var(--body-bold-font-weight);
  font-size: var(--p-size-mobile);
}
@media screen and (min-width: 768px) {
  b,
strong {
    font-size: var(--p-size-desktop);
  }
}

body,
.card,
.card-header,
.hero {
  background-color: var(--skin-background-color-1);
  font-family: var(--skin-body-font);
  color: var(--skin-main-text-color-1);
}

.hero {
  border-bottom-color: var(--skin-background-color-1);
}

.main-menu {
  background-color: var(--skin-banner-background-color-1);
}

.banner-color {
  background-color: var(--skin-banner-background-color-1);
}

.header-banner {
  background-color: var(--skin-banner-background-color-2);
  color: var(--skin-banner-text-color-1);
}

.header-banner .close-button .close {
  background-color: var(--skin-primary-color-1);
}

h1.header.page-title,
h1.header.page-title::before {
  background-color: var(--skin-heading-color-1);
  color: var(--skin-heading-color-1-invert);
}

.product-tile {
  background-color: var(--skin-background-color-1);
  border: 10px solid var(--skin-border-color-1);
}

.refinements ul li button {
  color: var(--skin-primary-color-1);
}

.custom-select {
  background-color: var(--skin-selectbox-background-color-1);
  color: var(--skin-selectbox-text-color-1);
}

a {
  color: var(--skin-primary-color-1);
}

header ~ #maincontent .container a:not(.btn, .btn) {
  color: var(--skin-primary-color-1);
}

.price {
  color: var(--skin-price-1);
}

.navbar,
.navbar .nav-item,
.navbar .nav-item a,
.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown a,
.dropdown-menu,
.dropdown-menu a {
  color: var(--skin-menu-color-1);
}
@media (min-width: 769px) {
  .navbar,
.navbar .nav-item,
.navbar .nav-item a,
.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown a,
.dropdown-menu,
.dropdown-menu a {
    color: var(--skin-menu-color-1-invert);
  }
}

.navbar .nav-item.dropdown,
.navbar .nav-item.dropdown .dropdown-menu.show {
  color: var(--skin-selectbox-text-color-1);
}

.navbar .nav-item.dropdown .dropdown-menu.show {
  background-color: var(--skin-selectbox-background-color-1);
}
.navbar .nav-item.dropdown .dropdown-menu.show a,
.navbar .nav-item.dropdown .dropdown-menu.show .nav-item {
  color: var(--skin-selectbox-text-color-1);
}

.nav-item .nav-link:hover,
.nav-item .nav-link:focus,
.nav-item.show .nav-link {
  background-color: var(--skin-menu-color-1-invert);
  color: var(--skin-menu-color-1) !important;
}

.btn-primary {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  color: var(--skin-primary-color-invert-1);
}

.btn-primary:hover {
  color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
  background-color: var(--skin-primary-color-invert-1);
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color);
  color: var(--skin-primary-color-invert-1);
  opacity: 0.5;
}

.btn-outline-primary {
  color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
}

.btn-outline-primary:hover {
  color: var(--skin-primary-color-invert-1);
  background-color: var(--skin-primary-color-1);
  border-color: var(--skin-primary-color-1);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--skin-header-font), sans-serif;
}

a {
  color: var(--skin-link-color-1);
}

h1,
.h1 {
  font-family: var(--header-bold-font-family);
  font-weight: var(--header-bold-font-weight);
  line-height: var(--h1-size-mobile);
}
@media (min-width: 992px) {
  h1,
.h1 {
    line-height: var(--h1-size-desktop);
  }
}

h2,
.h2 {
  font-family: var(--header-bold-font-family);
  font-weight: var(--header-bold-font-weight);
  line-height: var(--h2-size-mobile);
}
@media (min-width: 992px) {
  h2,
.h2 {
    line-height: var(--h2-size-desktop);
  }
}

h6,
.h6 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h6-size-mobile);
}
@media screen and (min-width: 768px) {
  h6,
.h6 {
    font-size: var(--h6-size-desktop);
  }
}

.h7 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h7-size-mobile);
  font-family: var(--body-bold-font-family);
  font-weight: var(--body-bold-font-weight);
}
@media screen and (min-width: 768px) {
  .h7 {
    font-size: var(--h7-size-desktop);
  }
}

.h8 {
  font-family: var(--header-font-family);
  font-weight: var(--header-font-weight);
  margin-top: var(--header-margin-top);
  margin-bottom: var(--header-margin-bottom);
  line-height: var(--header-line-height);
  color: var(--header-color);
  font-size: var(--h8-size-mobile);
}
@media screen and (min-width: 768px) {
  .h8 {
    font-size: var(--h8-size-desktop);
  }
}

html {
  --p-size-desktop: inherit;
  --body-font-weight: inherit;
  --body-font-family: inherit;
  overflow: var(--global-overflow);
  position: relative;
}
html body {
  overflow: var(--global-overflow);
  -webkit-font-smoothing: antialiased;
}
html.isMobile.isIos body {
  position: var(--global-pos);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

p, span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}
@media screen and (min-width: 768px) {
  p, span {
    font-size: inherit;
  }
}

.price {
  font-size: unset;
}
.price .starting,
.price .range,
.price .sales {
  font-weight: 500;
}
.price .strike-through {
  margin: 0;
}