/* Shared Styles */
.home-section,
.lp-section {
  position: relative;
  font-size: 3.75vw;
  font-family: "Matter", arial, sans-serif;
  line-height: 1;
  background: #000;
  color: #fff;
}
.home-section .ag-site-width,
.lp-section .ag-site-width {
  max-width: 1910px !important;
}
.home-section .content-container,
.lp-section .content-container {
  padding: 2em 1em;
}
@media (min-width: 641px) {
  .home-section .content-container,
.lp-section .content-container {
    padding: 6em 1em 4em;
    max-width: 86em !important;
    margin: 0 auto;
  }
}
.home-section *,
.lp-section * {
  font-size: 1em;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  box-sizing: border-box;
  text-decoration: none;
}
.home-section h1,
.home-section h2,
.home-section h3,
.home-section h4,
.lp-section h1,
.lp-section h2,
.lp-section h3,
.lp-section h4 {
  font-family: "Matter-Bold", arial, sans-serif;
  text-transform: uppercase;
  margin: 0;
}
.home-section h1,
.lp-section h1 {
  font-size: 4.5em;
}
.home-section h2,
.lp-section h2 {
  font-size: 2.25em;
}
.home-section h3,
.lp-section h3 {
  font-size: 1.5em;
}
.home-section h4,
.lp-section h4 {
  font-size: 1.25em;
}
.home-section p,
.lp-section p {
  line-height: 1.3;
  margin: 0;
}
.home-section strong,
.lp-section strong {
  font-family: "Matter-Bold", arial, sans-serif;
}
.home-section small,
.lp-section small {
  display: block;
  font-size: 0.33em;
}
.home-section img,
.lp-section img {
  display: block;
  width: 100%;
}
.home-section a,
.lp-section a {
  display: inline-block;
}
.home-section a:hover,
.lp-section a:hover {
  color: inherit;
}
.home-section a.full-link,
.lp-section a.full-link {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.home-section .full-link + .overlay,
.lp-section .full-link + .overlay {
  pointer-events: none;
}
.home-section .full-link + .overlay .cta,
.lp-section .full-link + .overlay .cta {
  pointer-events: all;
}
.home-section section,
.home-section .wrapper,
.home-section .column,
.lp-section section,
.lp-section .wrapper,
.lp-section .column {
  position: relative;
}
.home-section .overlay,
.lp-section .overlay {
  position: absolute;
  text-align: center;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.home-section .overlay h1,
.home-section .overlay h2,
.home-section .overlay h3,
.home-section .overlay h4,
.home-section .overlay p,
.lp-section .overlay h1,
.lp-section .overlay h2,
.lp-section .overlay h3,
.lp-section .overlay h4,
.lp-section .overlay p {
  margin: 0 auto;
}
.home-section .actions,
.lp-section .actions {
  margin: 1em auto;
}
.home-section .cta,
.lp-section .cta {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: "Matter-Bold", arial, sans-serif;
  text-transform: uppercase;
  padding: 0.75em 2.75em;
  border: 0.15rem solid;
  border-radius: 2em;
  transition: all 0.25s;
}
.home-section .cta:hover,
.lp-section .cta:hover {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}
.home-section .inline-cta,
.lp-section .inline-cta {
  font-family: "Matter-Bold", arial, sans-serif;
  text-transform: uppercase;
  border-bottom: 0.1rem solid;
}
.home-section .animation-element,
.lp-section .animation-element {
  transition: all 1.5s;
  opacity: 0;
}
.home-section .animation-element.in-view,
.lp-section .animation-element.in-view {
  opacity: 1;
}
.home-section .flex,
.lp-section .flex {
  display: flex;
}
@media (max-width: 640px) {
  .home-section .sm-flex,
.lp-section .sm-flex {
    display: flex;
  }
}
@media (min-width: 641px) {
  .home-section,
.lp-section {
    font-size: 1.1vw;
  }
  .home-section .lg-flex,
.lp-section .lg-flex {
    display: flex;
  }
}
@media (min-width: 1910px) {
  .home-section,
.lp-section {
    font-size: 22px;
  }
  .home-section .lg-flex,
.lp-section .lg-flex {
    display: flex;
  }
}

.breadcrumb {
  display: none;
}

/* Hero */
.hero-section h2 {
  font-size: 3em;
}
.hero-section p {
  margin: 0 auto 1.5em;
}
.hero-section .cta {
  min-width: 14em;
  text-decoration: none;
}
@media (min-width: 641px) {
  .hero-section h2 {
    font-size: 3.5em;
  }
}

.callout-section {
  background: #fff;
  color: #000;
}
@media (min-width: 641px) {
  .callout-section .content-container {
    padding: 6em 1.5em 4em;
  }
}
.callout-section h2 {
  font-size: 1.3em;
  text-align: left;
  margin: 0 auto 0.5em;
}
.callout-section h3 {
  font-size: 1em;
}
.callout-section .callout-slider {
  max-width: 75em;
  margin: 0 auto;
}
.callout-section .callout {
  color: #000;
}
.callout-section .callout a {
  position: relative;
}
.callout-section .callout .text-wrapper {
  margin: 1em auto 2em;
}
.callout-section .callout .text-wrapper h2 {
  margin: 0;
}
.callout-section .callout .text-wrapper .cta {
  margin-top: 0.5rem;
  border-color: #000;
}
.callout-section .callout .text-wrapper .cta:hover {
  color: #fff;
  background: #000;
}
@media (max-width: 640px) {
  .callout-section .callout-slider {
    margin-left: -6vw;
  }
}
@media (min-width: 641px) {
  .callout-section .callout-slider {
    justify-content: space-between;
  }
  .callout-section .callout-slider .callout {
    width: calc(50% - 0.5em);
  }
}
.callout-section .staggered-callout-slider h3 {
  text-decoration: underline;
}
.callout-section .staggered-callout-slider h3:hover {
  color: #7d7d7d;
}
.callout-section .staggered-callout-slider .column .callout-anchor {
  display: flex;
  flex-direction: column;
}
.callout-section .staggered-callout-slider .column .text-wrapper {
  text-align: left;
  padding: 0.75em;
  margin: 0;
}
.callout-section .staggered-callout-slider .column .image-wrapper {
  overflow: hidden;
}
.callout-section .staggered-callout-slider .column .image-wrapper img {
  transition: all 0.3s ease;
}
.callout-section .staggered-callout-slider .column .image-wrapper:hover img {
  transform: scale(1.1);
}
.callout-section .staggered-callout-slider .column:nth-of-type(even) .callout-anchor,
.callout-section .staggered-callout-slider .slick-slide:nth-of-type(even) .callout-anchor {
  flex-direction: column-reverse;
}

/* Tiles */
.tile-section .tile {
  color: #fff;
  padding: 1em;
}
.tile-section .tile .text-wrapper {
  padding: 1em 1em 2em;
}
.tile-section .tile p {
  text-transform: uppercase;
  margin: 0.25em auto 1.5em;
}
.tile-section .tile .cta {
  min-width: 15em;
}
@media (max-width: 640px) {
  .tile-section {
    text-align: center;
  }
}
@media (min-width: 641px) {
  .tile-section .tile-gallery {
    flex-wrap: wrap;
    padding: 2.5em;
    max-width: 75em;
    margin: 0 auto;
  }
  .tile-section .tile {
    flex: 0 0 50%;
    padding: 0.5em 0.5em 4em;
  }
  .tile-section .tile h2 {
    font-size: 2.5em;
    text-decoration: none;
  }
  .tile-section .tile .text-wrapper {
    padding: 1em 0 2em;
  }
  .tile-section .tile:nth-child(odd) {
    display: flex;
    flex-direction: column-reverse;
    text-align: left;
  }
  .tile-section .tile:nth-child(even) {
    text-align: right;
  }
}

/* Slider */
.slick-slider .hero-slide {
  position: relative;
}
.slick-slider .slick-dots {
  display: flex;
  list-style-type: none;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 50%;
  bottom: 1em;
  transform: translateX(-50%);
}
.slick-slider .slick-dots li button {
  display: block;
  text-indent: -999px;
  background: transparent;
  line-height: 1;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: 0.15rem solid #fff;
  padding: 0;
  margin: 0 0.5em;
  cursor: pointer;
}
.slick-slider .slick-dots li.slick-active button {
  background-color: #fff;
  opacity: 1;
}
.slick-slider .slick-dots li.slick-active button:hover {
  opacity: 1;
}
.slick-slider .overlay {
  max-width: calc(100% - 4em);
}
.slick-slider .slick-arrow {
  display: flex;
  position: absolute;
  background: transparent;
  text-indent: -9999px;
  justify-content: center;
  align-items: center;
  width: 4em;
  height: calc(100% - 5em);
  top: 0;
  z-index: 1;
  /*
  &:hover {
    &::after {
      opacity: 1;
    }
  }
  */
}
@media (min-width: 641px) {
  .slick-slider .slick-arrow {
    width: 5em !important;
  }
}
.slick-slider .slick-arrow::before {
  display: none;
}
.slick-slider .slick-arrow::after {
  content: "";
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  top: 48%;
  background-color: transparent;
  border-top: 0.2rem solid #fff;
  border-left: 0.2rem solid #fff;
  z-index: 1;
  transition: all 0.25s;
}
@media (min-width: 641px) {
  .slick-slider .slick-arrow::after {
    width: 2em;
    height: 2em;
  }
}
.slick-slider .slick-next {
  right: 0 !important;
}
.slick-slider .slick-next::after {
  transform: rotate(135deg);
}
.slick-slider .slick-prev {
  left: 0 !important;
}
.slick-slider .slick-prev::after {
  transform: rotate(-45deg);
}

.bestsellers-section {
  background: #fff;
  color: #000;
}
@media (max-width: 640px) {
  .bestsellers-section .content-container {
    padding: 0;
  }
  .bestsellers-section h2 {
    margin-left: 1em;
  }
}
.bestsellers-section h2 {
  font-size: 1.3em;
  text-align: left;
}
@media (min-width: 641px) {
  .bestsellers-section .product-slider {
    padding: 0 2em 2em;
  }
}
.bestsellers-section .product-slider .slick-arrow {
  font-size: inherit;
  top: 40%;
}
.bestsellers-section .product-slider .slick-arrow::after {
  border-top: 0.2rem solid #7d7d7d;
  border-left: 0.2rem solid #7d7d7d;
}
.bestsellers-section .product-slider:hover .product {
  opacity: 0.5;
  transition: all 0.2s ease;
}
.bestsellers-section .product-slider:hover .product:hover {
  opacity: 1;
}
.bestsellers-section .product {
  text-align: left;
  max-width: 20em;
  padding: 1em;
}
@media (min-width: 641px) {
  .bestsellers-section .product {
    padding: 3em;
  }
}
.bestsellers-section .product h3 {
  font-size: 1em;
}
.bestsellers-section .product h3 small {
  font-size: 0.75em;
  font-family: "Matter", arial, sans-serif;
  text-transform: none;
}

#gender-hero .hero-block .cta {
  margin-top: 0.25rem;
}
#gender-hero .hero-block-sm .cta {
  padding: 0.75em 2em;
}
@media (max-width: 640px) {
  #gender-hero .hero-block-lg .cta {
    min-width: 15em;
  }
}
@media (min-width: 641px) {
  #gender-hero .flex {
    flex-direction: column;
  }
  #gender-hero .hero-block-sm .overlay {
    display: inline-block;
    text-align: right;
    width: auto;
    left: unset;
    top: unset;
    right: 1em;
    bottom: 1.5em;
    transform: unset;
  }
}

[data-category-id=mens] .breadcrumb, [data-category-id=womens] .breadcrumb {
  display: none;
}

.side-slider {
  text-align: left;
}
.side-slider h2 {
  font-size: 1.3em;
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
}
.side-slider h3 {
  font-size: 1em;
}
.side-slider .slick-slider:hover .slick-slide img {
  opacity: 0.5;
}
.side-slider .slick-slider:hover .slick-slide img:hover {
  opacity: 1;
}
.side-slider .slick-slider .slick-list {
  overflow: visible;
}
@media (min-width: 641px) {
  .side-slider .slick-slider .slick-prev {
    left: -4% !important;
  }
}
.side-slider .slick-slider .slide {
  padding: 0.5em;
}
.side-slider .slick-slider .slide img {
  margin-bottom: 1em;
  transition: opacity 0.2s ease;
}
.side-slider .slick-slider .slide .overlay {
  max-width: 100%;
}

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