:root {
  --color-text: #000000;
  --color-text-rgb: 0, 0, 0;
  --color-body-text: #151515;
  --color-sale-text: #da2f0c;
  --color-small-button-text-border: #162950;
  --color-text-field: #ffffff;
  --color-text-field-text: #000000;
  --color-text-field-text-rgb: 0, 0, 0;

  --color-btn-primary: #947d1d;
  --color-btn-primary-darker: #695915;
  --color-btn-primary-text: #ffffff;

  --color-blankstate: rgba(21, 21, 21, 0.35);
  --color-blankstate-border: rgba(21, 21, 21, 0.2);
  --color-blankstate-background: rgba(21, 21, 21, 0.1);

  --color-text-focus: #404040;
  --color-overlay-text-focus: #e6e6e6;
  --color-btn-primary-focus: #695915;
  --color-btn-social-focus: #cbcbcb;
  --color-small-button-text-border-focus: #27488c;
  --predictive-search-focus: #f2f2f2;

  --color-body: #ffffff;
  --color-bg: #ffffff;
  --color-bg-rgb: 255, 255, 255;
  --color-bg-alt: rgba(21, 21, 21, 0.05);
  --color-bg-currency-selector: rgba(21, 21, 21, 0.2);

  --color-overlay-title-text: #ffffff;
  --color-image-overlay: #3d3d3d;
  --color-image-overlay-rgb: 61, 61, 61;
  --opacity-image-overlay: 0.4;
  --hover-overlay-opacity: 0.8;

  --color-border: #e4e4e4;
  --color-border-form: #909090;
  --color-border-form-darker: #767676;

  --font-weight-body--bold: 700;
  --font-weight-body--bolder: 700;

  --font-style-header: normal;
  --font-weight-header: 400;

  --font-stack-body: Muli, sans-serif;
  --font-style-body: normal;
  --font-weight-body: 400;

  --font-size-header: 31;

  --font-size-base: 16;

  --font-h1-desktop: 41;
  --font-h1-mobile: 38;
  --font-h2-desktop: 24;
  --font-h2-mobile: 21;
  --font-h3-mobile: 24;
  --font-h4-desktop: 21;
  --font-h4-mobile: 18;
  --font-h5-desktop: 17;
  --font-h5-mobile: 16;
  --font-h6-desktop: 16;
  --font-h6-mobile: 15;

  --font-mega-title-large-desktop: 77;

  --font-rich-text-large: 18;
  --font-rich-text-small: 14;

  --color-video-bg: #f2f2f2;

  --global-color-image-loader-primary: rgba(0, 0, 0, 0.06);
  --global-color-image-loader-secondary: rgba(0, 0, 0, 0.12);
}
*,
::after,
::before {
  box-sizing: border-box;
}
button {
  font-size: calc(var(--font-size-base) * 1px);
  font-style: var(--font-style-body);
  font-weight: var(--font-weight-body);
  color: var(--color-text);
  line-height: 1.5;
}
button {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
.border-bottom {
  border-bottom: 1px solid var(--color-border);
}
.btn--link {
  background-color: transparent;
  border: 0;
  margin: 0;
  color: var(--color-text);
  text-align: left;
}
.text-right {
  text-align: right;
}
.icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  fill: currentColor;
}
.icon__fallback-text,
.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
svg.icon:not(.icon--full-color) circle,
svg.icon:not(.icon--full-color) ellipse,
svg.icon:not(.icon--full-color) g,
svg.icon:not(.icon--full-color) line,
svg.icon:not(.icon--full-color) path,
svg.icon:not(.icon--full-color) polygon,
svg.icon:not(.icon--full-color) polyline,
svg.icon:not(.icon--full-color) rect,
symbol.icon:not(.icon--full-color) circle,
symbol.icon:not(.icon--full-color) ellipse,
symbol.icon:not(.icon--full-color) g,
symbol.icon:not(.icon--full-color) line,
symbol.icon:not(.icon--full-color) path,
symbol.icon:not(.icon--full-color) polygon,
symbol.icon:not(.icon--full-color) polyline,
symbol.icon:not(.icon--full-color) rect {
  fill: inherit;
  stroke: inherit;
}
.main-content li {
  list-style: none;
}
.list--inline {
  padding: 0;
  margin: 0;
}
.list--inline > li {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.main-content a {
  color: var(--color-text);
  text-decoration: none;
}
.main-content .h1,
.main-content .h2,
.main-content h1,
.main-content h2 {
  margin: 0 0 17.5px;
  font-style: var(--font-style-header);
  font-weight: var(--font-weight-header);
  line-height: 1.2;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.main-content .h1 a,
.main-content .h2 a,
.main-content h1 a,
.main-content h2 a {
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
}
.main-content .h1,
.main-content h1 {
  font-size: calc(((var(--font-h1-desktop)) / (var(--font-size-base))) * 1em);
  text-transform: none;
  letter-spacing: 0;
}
@media only screen and (max-width: 749px) {
  .main-content .h1,
  .main-content h1 {
    font-size: calc(((var(--font-h1-mobile)) / (var(--font-size-base))) * 1em);
  }
}
.main-content .h2,
.main-content h2 {
  font-size: calc(((var(--font-h2-desktop)) / (var(--font-size-base))) * 1em);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 749px) {
  .main-content .h2,
  .main-content h2 {
    font-size: calc(((var(--font-h2-mobile)) / (var(--font-size-base))) * 1em);
  }
}
.main-content p {
  color: var(--color-body-text);
  margin: 0 0 19.44444px;
}
@media only screen and (max-width: 749px) {
  .main-content p {
    font-size: calc(
      ((var(--font-size-base) - 1) / (var(--font-size-base))) * 1em
    );
  }
}
.main-content p:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 749px) {
  .small--hide {
    display: none !important;
  }
}
.grid {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -30px;
}
.grid::after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (max-width: 749px) {
  .grid {
    margin-left: -22px;
  }
}
.grid::after {
  content: "";
  display: table;
  clear: both;
}
.grid--no-gutters {
  margin-left: 0;
}
.grid--no-gutters .grid__item {
  padding-left: 0;
}
.grid--table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.grid--table > .grid__item {
  float: none;
  display: table-cell;
  vertical-align: middle;
}
.grid__item {
  float: left;
  padding-left: 30px;
  width: 100%;
}
@media only screen and (max-width: 749px) {
  .grid__item {
    padding-left: 22px;
  }
}
.grid__item[class*="--push"] {
  position: relative;
}
@media only screen and (min-width: 750px) {
  .medium-up--one-quarter {
    width: 25%;
  }
  .medium-up--push-one-third {
    width: 33.33%;
  }
  .medium-up--one-half {
    width: 50%;
  }
  .medium-up--push-one-third {
    left: 33.33%;
    position: relative;
  }
}
.site-header {
  position: relative;
  background-color: var(--color-body);
}
@media only screen and (max-width: 749px) {
  .site-header {
    border-bottom: 1px solid var(--color-border);
  }
}
@media only screen and (min-width: 750px) {
  .site-header {
    padding: 0 55px;
  }
  .site-header.logo--center {
    padding-top: 30px;
  }
}
.site-header__logo {
  margin: 15px 0;
}
.logo-align--center .site-header__logo {
  text-align: center;
  margin: 0 auto;
}
@media only screen and (max-width: 749px) {
  .logo-align--center .site-header__logo {
    text-align: left;
    margin: 15px 0;
  }
}
@media only screen and (max-width: 749px) {
  .site-header__logo {
    padding-left: 22px;
    text-align: left;
  }
  .site-header__logo img {
    margin: 0;
  }
}
.site-header__logo-link {
  display: inline-block;
  word-break: break-word;
}
@media only screen and (min-width: 750px) {
  .logo-align--center .site-header__logo-link {
    margin: 0 auto;
  }
}
.site-header__logo-image {
  display: block;
}
@media only screen and (min-width: 750px) {
  .site-header__logo-image {
    margin: 0 auto;
  }
}
.site-header__logo-image img {
  width: 100%;
}
.site-header__logo-image--centered img {
  margin: 0 auto;
}
.site-header__logo img {
  display: block;
}
.site-header__icons {
  position: relative;
  white-space: nowrap;
}
@media only screen and (max-width: 749px) {
  .site-header__icons {
    width: auto;
    padding-right: 13px;
  }
  .site-header__icons .btn--link,
  .site-header__icons .site-header__cart {
    font-size: calc(((var(--font-size-base)) / (var(--font-size-base))) * 1em);
  }
}
.site-header__icons-wrapper {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.site-header__account,
.site-header__cart,
.site-header__search {
  position: relative;
}
.site-header__search.site-header__icon {
  display: none;
}
@media only screen and (min-width: 1400px) {
  .site-header__search.site-header__icon {
    display: block;
  }
}
.site-header__search-toggle {
  display: block;
}
@media only screen and (min-width: 750px) {
  .site-header__account,
  .site-header__cart {
    padding: 10px 11px;
  }
}
.site-header__cart-title,
.site-header__search-title {
  position: absolute !important;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  display: block;
  vertical-align: middle;
}
.site-header__cart-title {
  margin-right: 3px;
}
.site-header__cart-count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0.4rem;
  top: 0.2rem;
  font-weight: 700;
  background-color: var(--color-btn-primary);
  color: var(--color-btn-primary-text);
  border-radius: 50%;
  min-width: 1em;
  height: 1em;
}
.site-header__cart-count span {
  font-size: calc(11em / 16);
  line-height: 1;
}
@media only screen and (max-width: 749px) {
  .site-header__cart-count {
    top: calc(7em / 16);
    right: 0;
    border-radius: 50%;
    min-width: calc(19em / 16);
    height: calc(19em / 16);
  }
}
@media only screen and (max-width: 749px) {
  .site-header__cart-count span {
    padding: 0.25em calc(6em / 16);
    font-size: 12px;
  }
}
.site-header__menu {
  display: none;
}
@media only screen and (max-width: 749px) {
  .site-header__icon {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 11px;
    margin: 0;
  }
}
@media only screen and (min-width: 750px) {
  .site-header__icon .icon-search {
    margin-right: 3px;
  }
}
.announcement-bar {
  z-index: 10;
  position: relative;
  text-align: center;
  border-bottom: 1px solid transparent;
  padding: 2px;
}
.announcement-bar__link {
  display: block;
}
.announcement-bar__message {
  display: block;
  padding: 11px 22px;
  font-size: calc(((16) / (var(--font-size-base))) * 1em);
  font-weight: var(--font-weight-header);
}
@media only screen and (min-width: 750px) {
  .announcement-bar__message {
    padding-left: 55px;
    padding-right: 55px;
  }
}
.site-nav {
  position: relative;
  padding: 0;
  text-align: center;
  margin: 25px 0;
}
.site-nav a {
  padding: 3px 10px;
}
.site-nav__link {
  display: block;
  white-space: nowrap;
}
.site-nav--centered .site-nav__link {
  padding-top: 0;
}
.site-nav__link .icon-chevron-down {
  width: calc(8em / 16);
  height: calc(8em / 16);
  margin-left: 0.5rem;
}
.site-nav__label {
  border-bottom: 1px solid transparent;
}
.site-nav__link--active .site-nav__label {
  border-bottom-color: var(--color-text);
}
.site-nav__link--button {
  border: none;
  background-color: transparent;
  padding: 3px 10px;
}
.site-header__mobile-nav {
  z-index: 11;
  position: relative;
  background-color: var(--color-body);
}
@media only screen and (max-width: 749px) {
  .site-header__mobile-nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
  }
}
.mobile-nav--open .icon-close {
  display: none;
}
.main-content {
  opacity: 0;
}
.main-content .shopify-section {
  display: none;
}
.main-content .shopify-section:first-child {
  display: inherit;
}
.critical-hidden {
  display: none;
}