/** Shopify CDN: Minification failed

Line 1915:2 Unexpected "}"

**/
/**
 * Styles in this file will be added to the site via theme.liquid layout (found inside the dist/layout directory) using the asset-router-css.liquid snippet )
 * for more info on theme layouts see: https://shopify.dev/tutorials/develop-theme-layouts
 *
 * This theme uses postcss-preset-env which allows for future CSS syntax to be used.
 * By default, all features are enabled.
 * https://preset-env.cssdb.org/features
 *
 * Compiles to ./dist/assets/styles/layout.theme.css
 */

/* Import Modern CSS Reset https://github.com/hankchizljaw/modern-css-reset */

*,*::before,*::after{box-sizing:border-box}

body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}

ul[role="list"],ol[role="list"]{list-style:none}

html[focus-within]{scroll-behavior:smooth}

html:focus-within{scroll-behavior:smooth}

body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}

a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}

img,picture{max-width:100%;display:block}

input,button,textarea,select{font:inherit}

@media(prefers-reduced-motion:reduce){html[focus-within]{scroll-behavior:auto}html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

/* Set project variables & settings such as colors, breakpoints, animation etc. */

/* Custom media query to only apply animations if the user has not selected 'prefers-reduced-motion: reduce' */

@media not all and (prefers-reduced-motion: reduce) {
  @keyframes fade-in {
    0% {
      opacity: 0.01;
    }
    100% {
      opacity: 1;
    }
  }

  @keyframes slide-in {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
  }
}

/* End of --motion media query */

/* Extra MQ to further reduce animations and transitions */

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001s !important;
    transition-duration: 0.001s !important;
  }
}

/**
 * Custom Breakpoints
 *
 * Use: @media (--medium) {}
 *
 * Tip: You can nest media queries.
 * https://gist.github.com/JeremyEnglert/a48ef614dc4a193eb0a7c26d3376c13b
 *
 */

/* @custom-media --motion (prefers-reduced-motion: no-preference); */

:root {
  --breakpoint: small
}

@media (min-width: 768px) {

:root {
    --breakpoint: medium
}
  }

@media (min-width: 992px) {

:root {
    --breakpoint: large
}
  }

@media (min-width: 1200px) {

:root {
    --breakpoint: xlarge
}
  }

@media (min-width: 1440px) {

:root {
    --breakpoint: xxlarge
}
  }

:root {
  /* Neutral Colors */
  --light-gray: #dddddd;
  --gray: #aaaaaa;

  /* Brand Colors */
  --dark-red: #881100;
  --mid-red: #b00000;
  --red: #cc0000;
  --light-red: #c02126;
  --gold: #c94406;
  --mid-gold: #ca6702;
  --light-gold: #ee9b00;
  --alt-brown: #976421;
  --black: #000000;
  --dark-brown: #332e26;
  --medium-brown: #6e6353;
  --light-medium-brown: #877a66;
  --light-brown: #d7cfc0;
  --light-beige: #d9d3c8;
  --off-white: #eee9de;
  --white: #fff;
  --walnut: #5e1509;
  /* End Brand Colors */

  --scrim: rgba(51, 46, 38, 0.65);

  /* Element Colors */
  --headline-color: inherit;
  --body-font-color: var(--dark-brown);
  --body-background-color: var(--off-white);

  --header-background-color: var(--body-background-color);

  --link-color: var(--gold);
  --link-color-hover: var(--mid-gold);
  --link-color-active: var(--light-gold);

  --button-primary-color: var(--dark-red);

  --button-background-color: var(--button-primary-color);
  --button-border-color: var(--button-primary-color);
  --button-color: var(--white);

  --button-hover-background-color: var(--mid-red);
  --button-hover-border-color: var(--button-hover-background-color);
  --button-hover-color: var(--white);

  --button-active-background-color: var(--red);
  --button-active-border-color: var(--button-active-background-color);
  --button-active-color: var(--white);

  --button-disabled-background-color: var(--light-brown);
  --button-disabled-border-color: var(--button-disabled-background-color);
  --button-disabled-color: var(--white);

  --primary-gradient: linear-gradient(to bottom, #6666ff, var(--red));
  --footer-gradient: linear-gradient(to bottom, var(--light-brown), var(--white));

  --input-background: var(--white);
  --input-border-color: var(--light-brown);
  --input-color: var(--black);
  --input-placeholder-color: var(--medium-brown);

  --nav-background-color: var(--off-white);
  --subnav-background-color: var(--off-white);

  --cart-drawer-bg-color: var(--off-white);
}

:root {
  --hcm-focus-outline: 0.1875rem solid transparent;
  --focus-outline-firefox: 0.3125rem auto Highlight;
  --focus-outline-webkit: 0.3125rem auto -webkit-focus-ring-color;
  --box-shadow: 0 0 0.5rem 0 rgba(51, 46, 38, 0.25);
  --header-box-shadow: 0 0.625rem 1.5rem -0.625rem rgba(51, 46, 38, 0.25);
  --box-shadow-focus: 0 0 0 0.1875rem var(--black);
  --global-border: 0.0625rem solid var(--light-brown);
}

:root {
  --font-open-sans: "Open Sans", sans-serif;
  --font-barlow-condensed: "Barlow Condensed", sans-serif;

  --font-family-primary: var(--font-open-sans);
  --font-family-secondary: var(--font-barlow-condensed);

  --body-font-family: var(--font-family-primary);
  --heading-font-family: var(--font-family-secondary);

  --font-weight-book: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --button-small-font-size: 0.875rem;
  --button-font-size: 1.125rem;
  --button-font-family: var(--font-family-secondary);
  --button-font-weight: var(--font-weight-medium);
  --paragraph-large-font-size: 1.5625rem;

  --font-size-mega: 2rem;
  --font-size-h1: 2rem;
  --font-size-h2: 1.75rem;
  --font-size-h3: 1.5rem;
  --font-size-h4: 1.25rem;
  --font-size-h5: 1.125rem;
  --font-size-h6: 1rem
}

@media (min-width: 768px) {

:root {
    --font-size-mega: 3rem
}
  }

:root {
  --global-width-xsmall: 28.125rem;
  --global-width-narrow: 60rem;
  --global-width: 77.5rem;
  --global-width-large: 87rem;
  --global-width-xlarge: 90rem;
  --global-width-max: 105rem;

  --adams-width: 26.25rem;
  --content-width-small: 35rem;
  --content-width-narrow: var(--global-width-narrow);

  --container-width-xsmall: var(--global-width-xsmall);
  --container-width-narrow: var(--global-width-narrow);
  --container-width: var(--global-width);
  --container-width-large: var(--global-width-large);
  --container-width-xlarge: var(--global-width-xlarge);
  --container-width-max: var(--global-width-max);

  --max-width-inner: calc(100vw - (var(--edge-space) * 2));

  --spacer-s: 0.75rem;
  --spacer: 0.9375rem;
  --spacer-m: 2rem;
  --spacer-l: 4rem;
  --spacer-xl: 4.5rem;
  --spacer-xxl: 8.625rem;
  --edge-space: 0.75rem;
  --gap-xs: 0.625rem;
  --gap-s: 1rem;
  --gap: 1.5rem;
  --gap-l: 2rem
}

@media (min-width: 768px) {

:root {
    --edge-space: 1.5rem;
    --gap-xs: 1rem;
    --gap-s: 1.5rem;
    --gap-l: 3rem
}
  }

:root {

  --global-border-radius: 0.25rem;

  --product-grid-gap: 0.75rem
}

@media (min-width: 768px) {

:root {
    --product-grid-gap: 1.125rem
}
  }

:root {

  --site-logo-width: 4.6875rem;
  --hero-backdrop-height: 50rem;
  --hero-slideshow-min-height: 35rem;

  --input-padding-y: 0.8125rem;
  --input-padding-x: 1rem;
  --input-padding: var(--input-padding-y) var(--input-padding-x);
  --input-border-size: 0.0625rem;
  --input-border-radius: var(--global-border-radius);
  --form-spacer: 1.375rem;
  --form-spacer-half: calc(var(--form-spacer) / 2);

  --button-border-radius: var(--global-border-radius);
  --button-border-width: 0.0625rem;
  --button-min-width: 9.375rem;

  --transition-duration: 150ms;
  --transition-timing-function: linear;
  --global-transition: var(--transition-duration) var(--transition-timing-function);

  --header-logo-width: clamp(6.25rem, 14.25rem, 50vw);
  --header-spacer: 0.625rem
}

@media (min-width: 992px) {

:root {
    --header-spacer: 1.5rem
}
  }

:root {

  --header-sticky-switch-at: 1.25rem;
  --nav-z-index: 12;
  --header-z-index: calc(var(--nav-z-index) - 1)
}

@media (min-width: 992px) {

:root {
    --header-z-index: calc(var(--nav-z-index) + 1)
}
  }

:root {
  --mountain-graphic-z-index: var(--header-z-index);
  --growave-nav-open-z-index: 10;
  --modal-z-index: calc(var(--nav-z-index) + 1);
  --cart-drawer-z-index: calc(var(--header-z-index) - 1);
  --wishlist-z-index: calc(var(--nav-z-index) - 1);
  --toast-z-index: calc(var(--nav-z-index) + 1);

  --media-image-aspect-ratio: calc(4 / 3);

  --modal-padding: var(--gap-l);

  --scrim-z-index: -1
}

@media (max-width: 991px) {

:root {
    --scrim-z-index: var(--nav-z-index)
}
  }

/* Base Styles */

/************************************************

Global

Place generic, global styles here.

*************************************************/

* {
  box-sizing: border-box;
}

*::-moz-selection {
  color: #fff;
  color: var(--white);
  background-color: #c94406;
  background-color: var(--gold);
}

*::selection {
  color: #fff;
  color: var(--white);
  background-color: #c94406;
  background-color: var(--gold);
}

html {
  height: 100%;
}

body {
  color: #332e26;
  color: var(--body-font-color);
  background-color: #eee9de;
  background-color: var(--body-background-color);
  font-family: "Open Sans", sans-serif;
  font-family: var(--body-font-family);
  min-height: 100%
}

body.nav-open,
  body.nav-open .header-wrapper {
    padding-right: var(--scrollbar-padding) !important;
  }

h1,h2,h3,h4,h5,h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: 1.04;
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  color: inherit;
  color: var(--headline-color);
  font-family: "Barlow Condensed", sans-serif;
  font-family: var(--heading-font-family);
}

h1,
.h1 {
  font-size: 2rem;
  font-size: var(--font-size-h1);
  font-weight: 600;
  font-weight: var(--font-weight-semibold)
}

h1.mega, .h1.mega {
    font-size: 2rem;
    font-size: var(--font-size-mega);
  }

h2,
.h2 {
  font-size: 1.75rem;
  font-size: var(--font-size-h2);
  font-weight: 600;
  font-weight: var(--font-weight-semibold)
}

h2.mega, .h2.mega {
    font-size: 2rem;
    font-size: var(--font-size-mega);
  }

h3,
.h3 {
  font-size: 1.5rem;
  font-size: var(--font-size-h3);
}

h4,
.h4 {
  font-size: 1.25rem;
  font-size: var(--font-size-h4);
}

h5,
.h5 {
  font-size: 1.125rem;
  font-size: var(--font-size-h5);
}

h6,
.h6 {
  font-size: 1rem;
  font-size: var(--font-size-h6);
}

.rte > * + * {
    margin-top: 1.5rem;
  }

a:not(.button) {
  color: #c94406;
  color: var(--link-color);
  transition: color 150ms linear;
  transition: color var(--global-transition)
}

a:not(.button):hover {
    color: #ca6702;
    color: var(--link-color-hover);
  }

a:not(.button):active {
    color: #ee9b00;
    color: var(--link-color-active);
  }

.skip-link:focus {
    position: absolute !important;
    overflow: auto;
    width: auto;
    height: auto;
    margin: 0;
    padding: 1.25rem;
    clip: auto;
    background-color: #cc0000;
    background-color: var(--red);
    z-index: 10000;
    transition: none;
    color: #fff;
    color: var(--white);
  }

button {
  cursor: pointer;
}

.page-title {
  margin-top: 4rem;
  margin-top: var(--spacer-l);
  margin-bottom: 2rem;
  text-align: center
}

.page-title.primary {
    font-size: 2rem;
    font-size: var(--font-size-mega);
    margin-top: 4rem;
    margin-top: var(--spacer-l);
    margin-bottom: 4rem;
    margin-bottom: var(--spacer-l);
  }

.page-title.login {
    font-size: 2rem;
    font-size: var(--font-size-mega);
    margin-top: 4rem;
    margin-top: var(--spacer-l);
    margin-bottom: 3.5rem;
  }

.page-intro {
  max-width: 60rem;
  max-width: var(--global-width-narrow);
  margin: 0 auto 4rem;
  margin: 0 auto var(--spacer-l);
}

.pagination {
  text-align: center;
  margin-top: 3rem;
}

/* account table order  */

.responsive-table {
  border-collapse: collapse;
  max-width: 100%;
  border-spacing: 0;
  margin-left: 0;
  height: 9.375rem
}

@media (max-width: 767px) {

.responsive-table {
    margin-right: 0.75rem;
    margin-right: var(--spacer-s)
}
  }

.responsive-table > * + * {
    border-spacing: 0 3.125rem;
  }

.responsive-table tr td,
.responsive-table tr th {
  border-bottom: solid 0.0625rem #d7cfc0;
  border-bottom: solid 0.0625rem var(--light-brown);
  padding: 0.75rem 1.875rem 0.75rem 0;
  text-align: left
}

.responsive-table tr td:last-child, .responsive-table tr th:last-child {
    padding-right: 0;
  }

thead {
  font-weight: bold;
  line-height: 1.5;
  font-size: 1rem;
  font-family: var(--OpenSans);
}

tbody {
  color: #332e26;
  color: var(--dark-brown);
  line-height: 1.5;
  font-family: var(--OpenSans);
  font-size: 1rem;
}

@media (max-width: 767px) {

.scroll-x {
    padding-left: 0.75rem;
    padding-left: var(--spacer-s);
    padding-right: 0.75rem;
    padding-right: var(--spacer-s);
    width: 100%;
    max-width: 95vw;
    overflow-x: auto
}
  }

.badge {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  background-color: #c94406;
  background-color: var(--gold);
  color: #fff;
  color: var(--white);
  text-transform: uppercase;
  font-size: 0.875rem;
  font-family: "Barlow Condensed", sans-serif;
  font-family: var(--font-family-secondary);
  text-align: center;
}

.rte p,
.body-copy p,
.rte,
.body-copy {
  text-align: justify
}

.rte p.text-center, .body-copy p.text-center, .rte.text-center, .body-copy.text-center {
    text-align: center;
  }

form {
  font-family: "Open Sans", sans-serif;
  font-family: var(--font-family-primary)
}

form:not(.newsletter-signup-form):not(.inline) > * + * {
    margin-top: 1.375rem;
    margin-top: var(--form-spacer);
  }

input,
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  input[type="search"],
  textarea,
  textarea[type="text"],
  textarea[type="email"],
  textarea[type="tel"],
  textarea[type="password"],
  textarea[type="search"],
  select,
  select[type="text"],
  select[type="email"],
  select[type="tel"],
  select[type="password"],
  select[type="search"] {
    line-height: 1;
    border-radius: 0.25rem;
    border-radius: var(--input-border-radius);
    border: solid 0.0625rem #d7cfc0;
    border: solid var(--input-border-size) var(--input-border-color);
    padding: 0.8125rem 1rem;
    padding: var(--input-padding)
  }

input::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, textarea::-moz-placeholder, textarea[type="text"]::-moz-placeholder, textarea[type="email"]::-moz-placeholder, textarea[type="tel"]::-moz-placeholder, textarea[type="password"]::-moz-placeholder, textarea[type="search"]::-moz-placeholder, select::-moz-placeholder, select[type="text"]::-moz-placeholder, select[type="email"]::-moz-placeholder, select[type="tel"]::-moz-placeholder, select[type="password"]::-moz-placeholder, select[type="search"]::-moz-placeholder {
      color: #6e6353;
      color: var(--input-placeholder-color);
    }

input::placeholder, input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, textarea::placeholder, textarea[type="text"]::placeholder, textarea[type="email"]::placeholder, textarea[type="tel"]::placeholder, textarea[type="password"]::placeholder, textarea[type="search"]::placeholder, select::placeholder, select[type="text"]::placeholder, select[type="email"]::placeholder, select[type="tel"]::placeholder, select[type="password"]::placeholder, select[type="search"]::placeholder {
      color: #6e6353;
      color: var(--input-placeholder-color);
    }

textarea {
  max-width: 100%;
  min-height: 4rem;
}

.input-group {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: auto;
  grid-auto-flow: row;
  grid-column-gap: 1.375rem;
  grid-column-gap: var(--form-spacer);
  grid-row-gap: 1.375rem;
  grid-row-gap: var(--form-spacer)
}

@media (min-width: 768px) {

.input-group {
    grid-template-rows: 1fr;
    grid-template-columns: auto;
    grid-auto-flow: column
}
  }

.input-wrapper {
  position: relative
}

.input-wrapper + .input-wrapper {
    margin-top: 0.9375rem;
    margin-top: var(--spacer);
  }

.input-wrapper input,
  .input-wrapper textarea {
    background-color: #fff;
    background-color: var(--input-background);
    transition: padding 200ms;
    width: 100%;
  }

.input-wrapper:not(.select-wrapper) label {
    pointer-events: none;
    position: absolute;
    top: 0.3125rem;
    left: calc(1rem + 0.0625rem);
    left: calc(var(--input-padding-x) + var(--input-border-size));
    color: #000000;
    color: var(--input-color);
    font-size: 0.875rem;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 400ms, transform 0ms linear 1s;
  }

.input-wrapper {

  /* & input:focus + label, & input:not(:placeholder-shown) + label { */
}

.input-wrapper input:not(:-moz-placeholder-shown) + label, .input-wrapper textarea:not(:-moz-placeholder-shown) + label {
    opacity: 1;
    transform: translateY(0);
    -moz-transition: opacity 400ms linear, transform 200ms ease-out;
    transition: opacity 400ms linear, transform 200ms ease-out;
  }

.input-wrapper input:not(:placeholder-shown) + label,
  .input-wrapper textarea:not(:placeholder-shown) + label {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 400ms linear, transform 200ms ease-out;
  }

.input-wrapper {

  /* & input:focus, & input:not(:placeholder-shown) { */
}

.input-wrapper input:not(:-moz-placeholder-shown), .input-wrapper textarea:not(:-moz-placeholder-shown) {
    padding-top: calc(0.8125rem + 0.5625rem);
    padding-top: calc(var(--input-padding-y) + 0.5625rem);
    padding-bottom: calc(0.8125rem - 0.5625rem);
    padding-bottom: calc(var(--input-padding-y) - 0.5625rem);
  }

.input-wrapper input:not(:placeholder-shown),
  .input-wrapper textarea:not(:placeholder-shown) {
    padding-top: calc(0.8125rem + 0.5625rem);
    padding-top: calc(var(--input-padding-y) + 0.5625rem);
    padding-bottom: calc(0.8125rem - 0.5625rem);
    padding-bottom: calc(var(--input-padding-y) - 0.5625rem);
  }

.form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0.9375rem;
  margin-top: var(--spacer)
}

.form-actions > a {
    display: inline-block;
  }

.form-actions > * + * {
    margin-left: 0.9375rem;
    margin-left: var(--spacer);
  }

.button-group > * + * {
    margin-left: 0.9375rem;
    margin-left: var(--spacer);
  }

[data-aria-hidden="true"] {
  display: none;
}

.form-error {
  color: #cc0000;
  color: var(--red);
}

.hide {
  display: none;
}

.visually-hidden {
  /* stylelint-disable-next-line */
  position: absolute !important;
  overflow: hidden;
  width: 0.0625rem;
  height: 0.0625rem;
  margin: -0.0625rem;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
}

@media (min-width: 992px) {

.mobile-only {
    display: none !important
}
  }

@media (max-width: 991px) {

.desktop-only {
    display: none !important
}
  }

/* Background Images */

.background-cover,
.background-image,
[data-responsive-background] {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

[data-responsive-background-image] {
  /* display: none; */
  opacity: 0.001;
  position: absolute;
  pointer-events: none;
  z-index: -1;
}

.paragraph-large {
  font-size: 1.5625rem;
  font-size: var(--paragraph-large-font-size);
}

.impact-text {
  font-family: "Barlow Condensed", sans-serif;
  font-family: var(--font-family-secondary);
  font-size: 2.8125rem;
  line-height: 1.25;
}

.full-width {
  width: 100%;
}

.text-center {
  text-align: center;
}

.bold {
  font-weight: 700;
  font-weight: var(--font-weight-bold);
}

.cover {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.contain {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}

.list-unstyled {
  padding-left: 0;
  margin: 0;
  list-style: none;
}

.list-inline > li {
    display: inline-block;
  }

.icon-lockup {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  grid-gap: 0.5625rem;
  gap: 0.5625rem;
  text-transform: uppercase;
  font-size: 1.125rem;
  font-family: "Open Sans", sans-serif;
  font-family: var(--font-open-sans);
  font-stretch: semi-condensed;
}

[data-whatintent="keyboard"] .focus-ring:focus {
  outline: 0.3125rem auto Highlight;
  outline: var(--focus-outline-firefox);
  outline: 0.3125rem auto -webkit-focus-ring-color;
  outline: var(--focus-outline-webkit);
  outline-offset: 0.125rem;
}

.scroll-lock {
  overflow: hidden;
}

.hidden-scroll {
  overflow-y: scroll;
  scrollbar-width: none
}

.hidden-scroll::-webkit-scrollbar {
    display: none;
  }

/* .container,
ul.container,
.container--narrow,
.container--large,
.entry-content {
  margin-left: auto;
  margin-right: auto;
} */

[class*="container"],
ul[class*="container"],
.entry-content {
  margin-left: auto;
  margin-right: auto;
}

.container,
ul.container {
  max-width: 77.5rem;
  max-width: var(--container-width);
}

.container--global-max-width {
  max-width: 105rem;
  max-width: var(--container-width-max);
  margin-left: auto;
  margin-right: auto;
}

.container--xsmall {
  max-width: 28.125rem;
  max-width: var(--container-width-xsmall);
}

.container--narrow {
  max-width: 60rem;
  max-width: var(--container-width-narrow);
}

.container--large {
  max-width: 87rem;
  max-width: var(--container-width-large);
}

.container--xlarge {
  max-width: 90rem;
  max-width: var(--container-width-xlarge);
}

.entry-content {
  max-width: 60rem;
  max-width: var(--content-width-narrow);
}

.container--half-right {
  margin-right: auto;
  max-width: calc(77.5rem / 2);
  max-width: calc(var(--container-width) / 2);
}

.container--half-left {
  margin-left: auto;
  max-width: calc(77.5rem / 2);
  max-width: calc(var(--container-width) / 2);
}

.content-wrapper {
  padding-left: 0.75rem;
  padding-left: var(--edge-space);
  padding-right: 0.75rem;
  padding-right: var(--edge-space);
}

.content-y {
  padding-top: 4rem;
  padding-top: var(--spacer-l);
  padding-bottom: 4rem;
  padding-bottom: var(--spacer-l);
}

.content-y-sm {
  padding-top: 0.75rem;
  padding-top: var(--spacer-s);
  padding-bottom: 0.75rem;
  padding-bottom: var(--spacer-s);
}

.content-bottom {
  padding-bottom: 4rem;
  padding-bottom: var(--spacer-l);
}

.content-bottom-sm {
  padding-bottom: 0.75rem;
  padding-bottom: var(--spacer-s);
}

.page-wrapper {
  padding-left: 0.75rem;
  padding-left: var(--edge-space);
  padding-right: 0.75rem;
  padding-right: var(--edge-space);
  margin-bottom: 4.5rem;
  margin-bottom: var(--spacer-xl);
}

.media-grid {
  display: grid;
  grid-column-gap: 0.75rem;
  grid-column-gap: var(--edge-space);
  grid-row-gap: 3rem;
  margin: 0 0.75rem;
  margin: 0 var(--edge-space)
}

@media (min-width: 768px) {

.media-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
  }

/* Wrapper for sidebar + content */

/* Used on account pages & Growave */

.wrapper-sidebar-content {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 4rem;
  grid-gap: var(--spacer-l);
  margin-top: 4rem;
  margin-top: var(--spacer-l);
  margin-bottom: 4rem;
  margin-bottom: var(--spacer-l);
  padding-left: 0.75rem;
  padding-left: var(--edge-space);
  padding-right: 0.75rem;
  padding-right: var(--edge-space)
}

@media (min-width: 768px) {

.wrapper-sidebar-content {
    grid-template-columns: 1fr 3fr
}
  }

.icon,
.svg-icon {
  display: inline-block;
  vertical-align: middle;
  width: 1.25em;
  height: 1.25em;
  fill: currentColor;
}

/* Boost PF&S Overrides */

.boost-pfs-filter-products.boost-pfs-filter-products.boost-pfs-filter-products {
  display: grid;
  margin: 0;
  width: 100%
}

.boost-pfs-filter-products.boost-pfs-filter-products.boost-pfs-filter-products::after {
    display: none;
  }

.boost-pfs-filter-top-sorting {
  display: flex;
  align-items: center;
}

.boost-pfs-filter-top-sorting label.icon-lockup {
  display: inline-flex;
  margin: 0;
}

/* Boost Search */

.boost-pfs-search-suggestion-mobile-top-panel > form {
  position: relative;
  max-width: 100vw;
}

.boost-pfs-search-suggestion-mobile-top-panel > form > .boost-pfs-search-btn-clear-suggestion {
  margin-top: 0 !important;
}

div.boost-pfs-search-suggestion-wrapper {
  position: fixed;
}

/* Shopify Challenge */

.shopify-challenge__container {
  padding: 4rem 0.75rem;
  padding: var(--spacer-l) var(--spacer-s);
}

/* wishlist and reward in account  */

#ssw-page #ssw-fave-create-list {
    font-family: "Barlow Condensed", sans-serif;
    font-family: var(--heading-font-family);
    color: white;
  }

#ssw-page #ssw-fave-create-list i {
    color: white;
  }

#ssw-page input {
    font-family: "Open Sans", sans-serif;
    font-family: var(--body-font-family);
  }

.ssw-page {
  margin: 0 auto !important;
  padding: 0 0.9375rem !important;
}

/* wishlist main */

#ssw-fave-list-widget #ssw-fave-create-list {
    font-family: "Barlow Condensed", sans-serif;
    font-family: var(--heading-font-family);
    color: #fff;
    color: var(--white)
  }

#ssw-fave-list-widget #ssw-fave-create-list:hover {
      background-color: #b00000;
      background-color: var(--button-hover-background-color);
      border-color: #b00000;
      border-color: var(--button-hover-border-color);
      color: #fff;
      color: var(--button-hover-color);
    }

#ssw-fave-list-widget #ssw-fave-create-list:active {
      background-color: #cc0000;
      background-color: var(--button-active-background-color);
      border-color: #cc0000;
      border-color: var(--button-active-border-color);
      color: #fff;
      color: var(--button-active-color);
    }

#ssw-fave-list-widget #ssw-fave-create-list i {
    color: white;
  }

#ssw-fave-list-widget #ssw-fave-lists-wrapper .ssw-fave-product-actions .ssw-fave-add-to-cart {
    font-family: "Barlow Condensed", sans-serif;
    font-family: var(--heading-font-family);
    color: white;
  }

#ssw-fave-list-widget input {
    font-family: "Open Sans", sans-serif;
    font-family: var(--body-font-family);
  }

/* make wishlist button full width on mobile */

@media (max-width: 767px) {

.shopify-app-block,
#widget-fave-html,
.ssw-faveappbtn,
#widget-fave-html .ssw-fave-btn-content {
    display: block;
    width: 100%;
    --gw_wishlist_button_width: 100%
}
  }

/* Wholesale All In One // Net Terms Checkout */

.cart-summary .btn.btn-lg.align_mig.btn {
  color: white !important;
  width: 100%;
  margin-top: 1.5rem;
  margin-top: var(--gap);
}

.cart-notification.active .btn.btn-lg.align_mig.btn {
  color: white !important;
  margin-top: 1.5rem;
  margin-top: var(--gap);
}

.cart-notification.active .button.secondary {
  height: 2.8125rem !important;
}

#net-term-order .ssw-reviews-caption__element {
  display: none;
}

#net-term-order .ssw-reward-tab.ssw-reward-side-tab.ssw-reward-side-tab-right {
  display: none;
}

/* WAIO's Net Terms Checkout Page */

#MainContent .NetTerm_div {
  padding-left: 0.75rem;
  padding-left: var(--edge-space);
  padding-right: 0.75rem;
  padding-right: var(--edge-space);
  max-width: 87rem;
  max-width: var(--container-width-large);
  margin: 0 auto !important;
}

/* Instafeed */

#insta-feed .slider-arrow.slider-arrow {
  z-index: 1;
  background-color: #eee9de;
  background-color: var(--off-white);
  border-radius: 0.25rem;
  color: #332e26;
  color: var(--dark-brown);
  font-size: 1.25rem;
  height: 3rem;
  width: 3rem;
  line-height: 3rem;
}

/* TODO: remove this when new badges are needed again */

.badge--new {
  display: none;
}

/* newsletter modal buttons after sign in */

.gw-container .gw-login-btn,
.gw-container .gw-login-btn.btn {
  font-family: "Barlow Condensed", sans-serif !important;
  font-family: var(--font-family-secondary) !important
}

.gw-container .gw-login-btn:hover, .gw-container .gw-login-btn.btn:hover {
    background-color: #b00000 !important;
    background-color: var(--button-hover-background-color) !important;
  }

.gw-container .gw-login-btn:active, .gw-container .gw-login-btn.btn:active {
    background-color: #cc0000 !important;
    background-color: var(--button-active-background-color) !important;
  }

/* register account subscribe to newsletter from growave */

.ssw-accept-wrapper {
  display: none !important;
}

/* fix issue where tabs overlap on mobile landscape */

@media (max-width: 900px) and (max-height: 500px) {
    body .ssw-reward-tab.ssw-reward-side-tab-right {
      top: auto;
      right: auto;
      left: 1.25rem;
      bottom: 0;
      transform: rotate(180deg);
    }

    body .ssw-reward-side-tab-right .ssw-reward-tab-ico {
      transform: rotate(180deg);
    }

    body #ssw-fave-side-button-wrapper {
      top: auto !important;
      bottom: 0 !important;
      transform: rotate(90deg);
      left: 13.75rem;
    }

    body #ssw-fave-side-button i {
      transform: rotate(0);
    }

    body .ssw-reviews-caption.ssw-right-top {
      top: auto !important;
      bottom: 0 !important;
      transform: rotate(0deg);
      left: 26.25rem;
    }
}

.gw-container {
  --gw_main_ft_family: var(--body-font-family) !important;
}

body {
  /* Title */
}

body #ssw-fave-page-side-bar .ssw-h3 h2 {
    font-family: "Barlow Condensed", sans-serif !important;
    font-family: var(--heading-font-family) !important;
  }

body {

  /* body */
}

body #ssw-fave-page-side-bar {
    font-family: "Open Sans", sans-serif !important;
    font-family: var(--body-font-family) !important;
  }

/* fix issue where tabs overlap nav menu */

body.nav-open #ssw-widget-review-bar,
  body.nav-open #ssw-fave-list-widget,
  body.nav-open .ssw-reward-tab {
    z-index: 10;
    z-index: var(--growave-nav-open-z-index);
  }

/* changes the background color to match site */

.ReturnGO_Popup-module_wrapper,
.ReturnGO_Footer-module_footer,
#ReturngoPortalEmbedding {
  background-color: #eee9de !important;
  background-color: var(--off-white) !important;
}

/* changes h1 title to be barlow */

.ReturnGO_Title-module_title,
.ReturnGO_ItemContent-module_title {
  --rtg-font: var(--heading-font-family);
}

/* changes the body text to open sans font */

.ReturnGO_Legend-module_legend,
.ReturnGO_SnippetWrapper-module_snippetWrapper,
.ReturnGO_ItemContent-module_article {
  --rtg-font: var(--body-font-family);
}

/* Primary Button for return go module  */

.ReturnGO_Button-module_button {
  border-radius: 0.25rem;
  border-radius: var(--button-border-radius)
}

.ReturnGO_Button-module_button:hover {
    background-color: #b00000 !important;
    background-color: var(--button-hover-background-color) !important;
    border-color: #b00000 !important;
    border-color: var(--button-hover-border-color) !important;
    color: #fff !important;
    color: var(--button-hover-color) !important;
    transition: color 150ms linear, background-color 150ms linear !important;
    transition: color var(--global-transition), background-color var(--global-transition) !important;
  }

.ReturnGO_Button-module_button:active {
    background-color: #cc0000;
    background-color: var(--button-active-background-color);
    border-color: #cc0000;
    border-color: var(--button-active-border-color);
    color: #fff;
    color: var(--button-active-color);
  }

.ReturnGO_Button-module_button:focus {
    background-color: #cc0000;
    background-color: var(--button-active-background-color);
    border-color: #cc0000;
    border-color: var(--button-active-border-color);
    color: #fff;
    color: var(--button-active-color);
    outline-offset: 0.125rem;
    outline: 0.125rem solid #332e26;
  }

.ReturnGO_Button-module_button .ReturnGO_Button-module_primary {
  --button-padding: var(--input-padding);

  display: inline-block;
  min-width: 9.375rem;
  min-width: var(--button-min-width);
  padding: var(--button-padding);
  background-color: #881100;
  background-color: var(--button-background-color);
  border-color: #881100;
  border-color: var(--button-border-color);
  border-width: 0.0625rem;
  border-width: var(--button-border-width);
  border-style: solid;
  border-radius: 0.25rem !important;
  border-radius: var(--button-border-radius) !important;
  color: #fff !important;
  color: var(--button-color) !important;
  font-family: "Barlow Condensed", sans-serif;
  font-family: var(--button-font-family);
  font-weight: 400;
  font-weight: var(--font-weight-book);
  font-size: 1.125rem;
  font-size: var(--button-font-size);
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  transition: color 150ms linear, background-color 150ms linear !important;
  transition: color var(--global-transition), background-color var(--global-transition) !important;
  z-index: 1;
  margin: 0 auto;

  --rtg-button-background-color: var(--button-background-color);
}

#returnGoAssistant .ReturnGO_Button-module_button.ReturnGO_Button-module_secondary,
#returnGoCartWidget .ReturnGO_Button-module_button.ReturnGO_Button-module_secondary,
#returnGoAccountWidget .ReturnGO_Button-module_button .ReturnGO_Button-module_secondary {
  --button-padding: var(--input-padding);

  display: inline-block;
  min-width: 9.375rem;
  min-width: var(--button-min-width);
  padding: var(--button-padding);
  background-color: #881100 !important;
  background-color: var(--button-background-color) !important;
  border-color: #fff !important;
  border-color: var(--button-color) !important;
  border-width: 0.0625rem;
  border-width: var(--button-border-width);
  border-style: solid;
  border-radius: 0.25rem !important;
  border-radius: var(--button-border-radius) !important;
  color: #fff !important;
  color: var(--button-color) !important;
  font-family: "Barlow Condensed", sans-serif;
  font-family: var(--button-font-family);
  font-weight: 400;
  font-weight: var(--font-weight-book);
  font-size: 1.125rem;
  font-size: var(--button-font-size);
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  transition: color 150ms linear, background-color 150ms linear !important;
  transition: color var(--global-transition), background-color var(--global-transition) !important;
  z-index: 1;
  margin: 0 0.3125rem;

  --button-background-color: var(--white) !important;
  --button-color: var(--red) !important
}

#returnGoAssistant .ReturnGO_Button-module_button.ReturnGO_Button-module_secondary:hover, #returnGoCartWidget .ReturnGO_Button-module_button.ReturnGO_Button-module_secondary:hover, #returnGoAccountWidget .ReturnGO_Button-module_button .ReturnGO_Button-module_secondary:hover {
    background-color: #b00000 !important;
    background-color: var(--button-hover-background-color) !important;
    border-color: #b00000 !important;
    border-color: var(--button-hover-border-color) !important;
    color: #fff !important;
    color: var(--button-hover-color) !important;
    transition: color 150ms linear, background-color 150ms linear !important;
    transition: color var(--global-transition), background-color var(--global-transition) !important;
  }

.ReturnGO_CheckBox-module_checkBoxLabelContainer:focus {
  outline-offset: 0.125rem;
  outline: 0.125rem solid #332e26;
}

.rondell-item.rondell-item-focused {
  box-shadow: 0 0 0.5rem 0 rgba(51, 46, 38, 0.25);
}

.rondell-item:not(.rondell-item-focused) {
  padding: 0 0.28125rem;
  border-radius: 0.25rem;
}

.form-actions[\:has\(\%23widget-fave-html\)] {
  display: flex !important;
  grid-template-columns: unset;
}

.form-actions:has(#widget-fave-html) {
  display: flex !important;
  grid-template-columns: unset;
}

/* Component Styles */

@media (max-width: 767px) {

.account-aside {
    border-bottom: 0.0625rem solid #d7cfc0;
    border-bottom: var(--global-border)
}
  }

@media (min-width: 768px) {

.account-aside {
    display: flex;
    justify-content: center
}
  }

.account-menu {
  list-style: none;
  margin: 0;
  padding: 0
}

.account-menu li {
    margin-bottom: 2rem
  }

.account-menu li a {
      text-decoration: none;
      color: #332e26;
      color: var(--dark-brown)
    }

.account-menu li a:active,
      .account-menu li a:hover {
        border-bottom: 0.125rem solid #cc0000;
        border-bottom: 0.125rem solid var(--red);
      }

.account-menu li:last-of-type {
    margin-bottom: 4rem;
    margin-bottom: var(--spacer-l);
  }

.account-left-spacer {
  margin-bottom: 3rem;
}

.account-aside ul li.active-link > a {
  border-bottom: 0.125rem solid #cc0000;
  border-bottom: 0.125rem solid var(--red);
}

.article-card {
  --link-color: var(--white);
  --link-color-hover: var(--white);

  position: relative;
  border-radius: 0.25rem;
  border-radius: var(--global-border-radius);
  box-shadow: 0 0 0.5rem 0 rgba(51, 46, 38, 0.25);
  box-shadow: var(--box-shadow);
  overflow: hidden;
}

/* Raise z-index of text above link */

.article-card__eyebrow,
.article-card__supplemental {
  position: relative;
}

.article-card__image-wrapper {
  position: relative;
  width: 100%
}

.article-card__image-wrapper::after {
    display: block;
    content: "";
    padding-bottom: 86%;
  }

.article-card__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform 150ms linear;
  transition: transform var(--global-transition);
}

.article-card:hover .article-card__image {
  transform: scale(1.1);
}

.article-card__text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.article-card__link {
  text-decoration: none
}

.article-card__link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

.article-card__title {
  position: relative;
  text-align: center;
  padding: 0.75rem;
  padding: var(--edge-space)
}

.article-card__title::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #332e26;
    background-color: var(--dark-brown);
    mix-blend-mode: multiply;
    opacity: 0.6;
  }

.article-card.opaque {
  --link-color: var(--black);
  --link-color-hover: var(--black)
}

.article-card.opaque .article-card__title::before {
    background-color: #eee9de;
    background-color: var(--off-white);
    mix-blend-mode: unset;
    opacity: 1;
  }

.article-card__title__inner {
  position: relative;
}

.list-results {
  list-style: none; /* Remove default bullets */
}

.list-results li::before {
  content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #c94406;
  color: var(--gold); /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
}

.button,
a.button,
.btn {
  --button-padding: var(--input-padding);

  display: inline-block;
  min-width: 9.375rem;
  min-width: var(--button-min-width);
  padding: var(--button-padding);
  background-color: #881100;
  background-color: var(--button-background-color);
  border-color: #881100;
  border-color: var(--button-border-color);
  border-width: 0.0625rem;
  border-width: var(--button-border-width);
  border-style: solid;
  border-radius: 0.25rem;
  border-radius: var(--button-border-radius);
  color: #fff;
  color: var(--button-color);
  font-family: "Barlow Condensed", sans-serif;
  font-family: var(--button-font-family);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  font-size: 1.125rem;
  font-size: var(--button-font-size);
  text-transform: uppercase;
  letter-spacing: 0.0625rem;
  line-height: 1;
  text-decoration: none;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
  transition: color 150ms linear, background-color 150ms linear;
  transition: color var(--global-transition), background-color var(--global-transition);
  z-index: 1

  /* Hover & Active States */
}

.button:hover, a.button:hover, .btn:hover {
    background-color: #b00000;
    background-color: var(--button-hover-background-color);
    border-color: #b00000;
    border-color: var(--button-hover-border-color);
    color: #fff;
    color: var(--button-hover-color);
  }

.button:active, a.button:active, .btn:active {
    background-color: #cc0000;
    background-color: var(--button-active-background-color);
    border-color: #cc0000;
    border-color: var(--button-active-border-color);
    color: #fff;
    color: var(--button-active-color);
  }

.button,
a.button,
.btn {

  /* Additional button styles */
}

.button.secondary, a.button.secondary, .btn.secondary {
    --button-background-color: var(--white);
    --button-hover-background-color: var(--off-white);
    --button-active-background-color: var(--light-brown);
    --button-color: var(--dark-red);
    --button-hover-color: var(--dark-red);
    --button-active-color: var(--dark-red);
  }

.button.alt, a.button.alt, .btn.alt {
    --button-primary-color: var(--white);
    --button-background-color: var(--alt-brown);
    --button-hover-background-color: var(--medium-brown);
    --button-active-background-color: var(--light-medium-brown);
    --button-border-color: var(--alt-brown);
  }

.button.small, a.button.small, .btn.small {
    --button-font-size: var(--button-small-font-size);
    --button-padding: 0.625rem 0.75rem;
  }

.button[disabled], a.button[disabled], .btn[disabled] {
    --button-background-color: var(--button-disabled-background-color);
    --button-border-color: var(--button-disabled-border-color);

    --button-hover-background-color: var(--button-disabled-background-color);
    --button-hover-border-color: var(--button-disabled-border-color);
  }

.button > *, a.button > *, .btn > * {
    pointer-events: none;
  }

[data-whatintent="keyboard"] .button:focus, [data-whatintent="keyboard"] a.button:focus {
      outline: solid 0.125rem #332e26;
      outline: solid 0.125rem var(--dark-brown);
      outline-offset: 0.25rem;
      border-radius: 0;
    }

.text-button,
button.text-button {
  background-color: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: #c94406;
  color: var(--link-color);
  text-decoration: underline
}

.text-button:hover, button.text-button:hover {
    color: #ca6702;
    color: var(--link-color-hover);
  }

.text-button:active, button.text-button:active {
    color: #ee9b00;
    color: var(--link-color-active);
  }

.button-reset {
  /* all: unset; */
  border: unset;
  background-color: transparent;
  margin: unset;
  padding: unset;
  width: auto;
  cursor: pointer;
}

.cart .product-quantity-label {
    display: none;
  }

.cart .quantity-input {
    width: 4.375rem;
    padding-right: 0.375rem;
    padding-left: 0.625rem;
    text-align: center;
  }

.cart-control {
  /* all: unset; */
  position: relative;
  cursor: pointer;
  padding: 0.75rem;
}

.cart-count {
  position: absolute;
  top: 0.5625rem;
  right: 0.3125rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6.25rem;
  min-width: 0.75rem;
  min-height: 0.75rem;
  aspect-ratio: 1;
  background-color: #881100;
  background-color: var(--dark-red);
  color: #fff;
  color: var(--white);
  font-size: 0.4375rem;
  line-height: 1;
}

.cart-footer {
}

.no-js .cart-footer {
  display: none;
}

.cart-summary {
    max-width: 20.625rem;
    margin-left: auto
}
    .cart-summary.cart-empty {
      margin-right: auto;
    }
  }

.cart-total {
  display: grid;
  grid-gap: 0.75rem;
  grid-gap: var(--spacer-s);
  margin-bottom: 2rem;
  margin-bottom: var(--spacer-m);
}

.cart-subtotal {
  display: flex;
  justify-content: space-between;
}

.cart-total__amount {
  font-weight: 700;
  font-weight: var(--font-weight-bold);
}

.cart-actions {
  display: grid;
  grid-template-columns: 1fr;
}

/* Cart Item Cards */

.cart-item-card {
  display: grid;
  grid-template-columns: min(38%, 8.75rem) auto;
  grid-gap: 1.5rem;
  grid-gap: var(--gap);
  width: -moz-fit-content;
  width: fit-content
}

.cart-item-card img {
    border-radius: 0.25rem;
    border-radius: var(--global-border-radius);
    box-shadow: 0 0 0.5rem 0 rgba(51, 46, 38, 0.25);
    box-shadow: var(--box-shadow);
  }

.cart-item-heading a {
    all: unset;
    cursor: pointer;
  }

[data-whatintent="keyboard"] .cart-item-heading a:focus {
    outline: solid 0.125rem #332e26;
    outline: solid 0.125rem var(--dark-brown);
    outline-offset: 0.25rem;
    border-radius: 0;
  }

.cart-item-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 0.375rem;
  gap: 0.375rem;
  width: -moz-fit-content;
  width: fit-content;
}

.cart-item-row .label {
    font-weight: 700;
    font-weight: var(--font-weight-bold);
  }

@media (min-width: 768px) {

.cart-item-card-price {
    display: none
}
  }

/* Cart Display */

.cart-items {
  border-collapse: collapse;
  margin-bottom: 2rem;
  margin-bottom: var(--spacer-m);
  width: 100%
}

@media (min-width: 768px) {

.cart-items {
    display: table;
    max-width: 100%
}
  }

.cart-line,
tr.cart-line {
  border-bottom: 0.0625rem solid #d7cfc0;
  border-bottom: var(--global-border)
}

@media (max-width: 767px) {

.cart-line,
tr.cart-line {
    display: flex;
    flex-wrap: wrap;
    min-width: 100%;
    width: 100%;
    max-width: 100%
}
  }

.cart-line .column--total,
  .cart-line .column--price,
  tr.cart-line .column--total,
  tr.cart-line .column--price {
    transition-property: opacity, filter;
    transition-duration: 150ms;
    transition-duration: var(--transition-duration);
    transition-timing-function: linear;
    transition-timing-function: var(--transition-timing-function);
  }

.cart-line.is-updating .column--total,
    .cart-line.is-updating .column--price,
    tr.cart-line.is-updating .column--total,
    tr.cart-line.is-updating .column--price {
      opacity: 0.3;
      filter: blur(0.125rem);
    }

.cart-cell,
.cart-heading {
  padding: 1.5rem 0;
  padding: var(--gap) 0;
  width: 10%
}

.cart-cell.column--product, .cart-heading.column--product {
    width: 50%;
  }

.cart-cell.column--quantity, .cart-heading.column--quantity {
    text-align: center;
  }

.cart-cell.column--total, .cart-heading.column--total {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
    text-align: right;
    width: 10%;
  }

@media (max-width: 767px) {

.cart-cell,
.cart-heading {
    flex: 1 0 20%
}

    .cart-cell.column--product, .cart-heading.column--product {
      flex-basis: 100%;
    }

    .cart-cell.column--price, .cart-heading.column--price {
      display: none;
    }
  }

@media (min-width: 768px) {
    .cart-cell.column--product, .cart-heading.column--product {
      padding-right: 1.5rem;
      padding-right: var(--gap);
    }
  }

.cart-cell {
  vertical-align: top;
}

.cart-headings {
}

.cart-heading {
  text-align: left
}

@media (max-width: 767px) {

.cart-heading {
    /* stylelint-disable-next-line */
    position: absolute !important;
    overflow: hidden;
    width: 0.0625rem;
    height: 0.0625rem;
    margin: -0.0625rem;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0)
}
  }

/* Footer Styles */

.footer {
  --link-color: var(--dark-brown);
  --link-color-hover: var(--gold);
  --link-color-active: var(--light-gold);
  --footer-column-gap: 2rem
}

@media (min-width: 1200px) {

.footer {
    --footer-column-gap: 4.5rem
}
  }

.footer {

  max-width: 100vw;
  background: linear-gradient(to bottom, #d7cfc0, #fff);
  background: var(--footer-gradient);
  line-height: 1.5
}

.footer a:not(:hover):not(:active) {
    text-decoration: none;
  }

.footer-heading {
  font-family: "Open Sans", sans-serif;
  font-family: var(--font-family-primary);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

.footer-top {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: var(--footer-column-gap);
  padding: 2rem 0.75rem;
  padding: 2rem var(--edge-space)
}

@media (min-width: 992px) {

.footer-top {
    grid-template-columns: 1.5fr 1fr 1fr;
    grid-gap: var(--footer-column-gap);
    justify-content: space-between;
    padding: 3rem
}
  }

@media (min-width: 1440px) {

.footer-top {
    grid-template-columns: 1.5fr 1fr auto
}
  }

.footer-nav {
  -moz-column-count: 2;
       column-count: 2;
  grid-column-gap: var(--footer-column-gap);
  -moz-column-gap: var(--footer-column-gap);
       column-gap: var(--footer-column-gap);
  list-style: none;
  padding: 0;
  margin: 0
}

@media (max-width: 767px) {

.footer-nav {
    -moz-column-count: 1;
         column-count: 1
}

    .footer-nav :last-child {
      padding-bottom: 0em;
    }
  }

.footer-nav-item {
  padding-bottom: 0.5em;
}

.footer-newsletter-wrapper {
  max-width: calc(100vw - (0.75rem * 2));
  max-width: var(--max-width-inner);
}

.footer-social-links {
  list-style: none;
  display: flex;
  margin: 0 0 2rem;
  padding: 0;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  line-height: 1
}

.footer-social-links .social-link {
    padding: 0.8125rem
  }

.footer-social-links .social-link svg {
      width: 1.375rem;
    }

.copyright {
  margin-bottom: 0.5rem;
}

.site-attribution {
  display: inline-flex;
  align-items: center;
  grid-gap: 0.5rem;
  gap: 0.5rem;
  line-height: 1
}

.site-attribution a {
    color: inherit;
  }

.site-attribution .svg-graphic {
    width: 3.125rem;
  }

.footer-image {
  width: 100%;
}

/* Hamburger */

/* ================================================== */

.hamburger {
  --hamburger-layer-height: 0.125rem;
  --hamburger-layer-width: 1.375rem;
  --hamburger-layer-spacing: 0.5625rem;
  --hamburger-layer-border-radius: 0;
  --hamburger-layer-color: var(--black);

  display: inline-block;
  position: relative;
  cursor: pointer;

  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;

  height: var(--hamburger-layer-height);
  width: var(--hamburger-layer-width);
  border-radius: var(--hamburger-layer-border-radius);
  color: inherit;
  text-transform: none;
  background-color: var(--hamburger-layer-color);
  background-clip: content-box;
  border: 0;
  margin: 0;
  overflow: visible;
  margin: var(--hamburger-layer-spacing) 0;
  transition: background-color 150ms ease;
  transition: background-color var(--transition-duration) ease
}

.hamburger::before,
  .hamburger::after {
    content: "";
    position: absolute;
    display: block;
    height: var(--hamburger-layer-height);
    width: 100%;
    left: 0;
    background-color: var(--hamburger-layer-color);
    border-radius: var(--hamburger-layer-border-radius);
    transition: transform 150ms ease;
    transition: transform var(--transition-duration) ease;
    transform-origin: center left;
  }

.hamburger::before {
    bottom: var(--hamburger-layer-spacing);
  }

.hamburger::after {
    top: var(--hamburger-layer-spacing);
  }

.hamburger.active,
.hamburger-wrap.active .hamburger {
  background-color: transparent
}

.hamburger.active::before, .hamburger-wrap.active .hamburger::before {
    transform: rotate(45deg) scaleX(1.2);
  }

.hamburger.active::after, .hamburger-wrap.active .hamburger::after {
    transform: rotate(-45deg) scaleX(1.2);
  }

.hamburger-wrap {
  padding: 0.625rem;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

/* Header Styles */

.announcement-bar {
  --link-color: var(--white);
  --link-color-hover: var(--white);

  font-size: 0.75rem;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  color: #fff;
  color: var(--white);
  text-align: center;
  line-height: 1.5;
  padding: 0.1875rem 0.75rem;
  padding: 0.1875rem var(--edge-space)
}

.announcement-bar a {
    text-decoration: none;
  }

.announcement-bar.taupe {
    background-color: #6e6353;
    background-color: var(--medium-brown);
  }

.announcement-bar.red {
    background-color: #c02126;
    background-color: var(--light-red);
  }

/* Animated logo portion of header */

.top-header {
  display: flex;
  width: 100vw;
  height: 100%;
  text-align: center;
  justify-content: center;
  padding: 1rem;
  background-color: #eee9de;
  background-color: var(--header-background-color);
  background-image: var(--header-background-large);
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: center;
  z-index: calc(12 - 1);
  z-index: var(--mountain-graphic-z-index)
}

.top-header .top-header--logo-animation {
    width: 9.375rem
  }

.top-header .top-header--logo-animation svg {
      height: 8rem;
    }

/* Replaces .top-header on condensed header */

.header-lil-mountains {
  position: relative;
  height: 2.3125rem;
  width: 100%;
  background-color: #eee9de;
  background-color: var(--header-background-color);
  background-image: var(--header-background-small);
  background-size: auto 100%;
  background-position: center;
  z-index: calc(12 - 1);
  z-index: var(--mountain-graphic-z-index)
}

@media (max-width: 991px) {

.header-lil-mountains {
    background-size: cover
}
  }

header.header {
  padding: 0.5rem 0 0 0;
  grid-gap: 0.625rem;
  gap: 0.625rem;
  grid-gap: var(--header-spacer);
  gap: var(--header-spacer);
  max-width: 100vw;
  position: relative;
  z-index: calc(12 - 1);
  z-index: var(--header-z-index);
  background-color: rgb(218, 211, 195);
  background-image: linear-gradient(180deg, rgba(218, 211, 195, 1) 0%, rgba(238, 233, 222, 1) 100%);
  border-bottom: 0.0625rem solid #d7cfc0;
  border-bottom: var(--global-border);
  box-shadow: 0 0.625rem 1.5rem -0.625rem rgba(51, 46, 38, 0.25);
  box-shadow: var(--header-box-shadow);
  align-items: center
}

@media (min-width: 992px) {

header.header {
    display: flex;
    border: none;
    box-shadow: none
}
  }

.middle-header {
  display: grid;
  width: 100%;
  height: auto;
  align-items: center;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr
}

@media (max-width: 991px) {

.middle-header {
    grid-template-columns: 1fr clamp(6.25rem, 14.25rem, 50vw) 1fr;
    grid-template-columns: 1fr var(--header-logo-width) 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
      "top-left top-center top-right"
      "bottom bottom bottom"
}

    .middle-header #monolith-nav-control,
    .middle-header .header-logo-wrapper,
    .middle-header #monolith-cart-control--mobile {
      padding-bottom: 0.625rem;
      padding-bottom: var(--gap-xs);
    }

    .middle-header .cart-control-wrapper {
      grid-area: top-right
    }

      .middle-header .cart-control-wrapper a {
        padding-right: 0.3125rem;
        margin-right: 0.75rem;
        margin-right: var(--edge-space);
      }

    .middle-header .search-form-wrapper {
      grid-area: bottom;
    }
  }

@media (max-width: 991px){

.middle-header .cart-control-wrapper {-ms-grid-row: 1;-ms-grid-column: 3
}

.middle-header .search-form-wrapper {-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-column-span: 3
}}

.make-model-year--desktop {
  display: none;
  grid-column: 3;
  margin-left: auto;
  margin-right: 0.75rem;
  margin-right: var(--edge-space);
  transform: translateY(calc(0.75rem * -1));
  transform: translateY(calc(var(--spacer-s) * -1))
}

@media (min-width: 992px) {

.make-model-year--desktop {
    display: flex
}
  }

.header-logout-wrapper {
  display: none;
  grid-column: 3;
  grid-row: 1;
  justify-content: flex-end;
  margin-right: 0.75rem;
  margin-right: var(--edge-space)
}

@media (min-width: 992px) {

.header-logout-wrapper {
    display: flex
}
  }

.mega-nav-toggle-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0.75rem;
  margin-left: var(--edge-space)
}

@media (min-width: 992px) {

.mega-nav-toggle-wrapper {
    display: none
}
  }

.header-logo .svg-graphic,
  .header-logo .header-logo-image {
    width: clamp(6.25rem, 14.25rem, 50vw);
    width: var(--header-logo-width);
    max-width: 100%;
    height: auto;
    margin-top: auto;
    vertical-align: bottom
  }

@media (min-width: 992px) {

.header-logo .svg-graphic,
  .header-logo .header-logo-image {
      margin-left: 0.75rem;
      margin-left: var(--edge-space);
      padding-right: 1rem;
      padding-right: var(--gap-s)
  }
    }

.search-form-wrapper {
  width: 100%;
  margin: 0;
  border-top: 0.0625rem solid #d7cfc0;
  border-top: 0.0625rem solid var(--light-brown);
  padding: 0 0.75rem;
  padding: 0 var(--edge-space)
}

@media (min-width: 992px) {

.search-form-wrapper {
    border-top: none;
    padding: 1rem 0;
    padding: var(--gap-s) 0
}
  }

.search-form--header {
  width: 100%;
  max-width: calc(100vw - (0.75rem * 2));
  max-width: var(--max-width-inner);
  padding-top: 1rem;
  padding-top: var(--gap-s);
  padding-bottom: 1rem;
  padding-bottom: var(--gap-s)
}

@media (min-width: 992px) {

.search-form--header {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 0
}
  }

.header-utils {
  --link-color: var(--dark-brown);

  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  font-family: "Barlow Condensed", sans-serif;
  font-family: var(--font-family-secondary)
}

.header-utils a {
    text-transform: uppercase;
    text-decoration: none;
  }

.header-utils li {
    list-style-type: none;
  }

.header-utility-link {
  padding: 0.75rem;
}

.image-grid-gallery {
  width: 100%;
  max-width: 75rem;
  margin: auto;
  display: grid;
  padding: 4rem 1rem;
  padding: var(--spacer-l) var(--gap-s);
  grid-auto-rows: 22.875rem;
  grid-gap: 1rem;
  gap: 1rem;
  grid-gap: var(--gap-s);
  gap: var(--gap-s)
}

@media (min-width: 768px) {

.image-grid-gallery {
    padding: 4rem 1.5rem;
    padding: var(--spacer-l) var(--gap);
    grid-auto-rows: 24.0625rem;
    grid-template-columns: 37fr 26fr 37fr;
    grid-gap: 1.5rem;
    gap: 1.5rem;
    grid-gap: var(--gap);
    gap: var(--gap)
}
      .image-grid-gallery .grid-card-wrapper .grid-card-text {
        opacity: 0;
        left: 1.375rem;
        transform: translateX(0%);
      }

      .image-grid-gallery .grid-card-wrapper:hover .grid-card-text {
        opacity: 1;
      }

    .image-grid-gallery .grid-card-wrapper--wide {
      grid-column: span 2;
    }

    .image-grid-gallery :last-child:nth-child(odd) {
      grid-column: span 3;
    }
  }

.grid-card-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover
}

.grid-card-wrapper::before {
    /* For filter style effects */
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
  }

.grid-card-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(1) contrast(1);
  mix-blend-mode: multiply;
  border-radius: 0.25rem;
  border-radius: var(--global-border-radius);
}

.grid-card-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.grid-card-text {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.375rem 0.75rem;
  color: #6e6353;
  color: var(--medium-brown);
  background-color: #fff;
  background-color: var(--white);
  border: solid 0.0625rem #d7cfc0;
  border: solid var(--button-border-width) var(--light-brown);
  border-radius: 0.25rem;
  border-radius: var(--button-border-radius);
  text-align: center;
  vertical-align: middle;
  font-family: "Barlow Condensed", sans-serif;
  font-family: var(--font-barlow-condensed);
  font-size: 0.875rem;
  font-size: var(--button-small-font-size);
  font-weight: 600;
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.04688rem;
  text-decoration: none;
  text-transform: uppercase;
  transition-property: opacity, background-color;
  transition-duration: 150ms;
  transition-duration: var(--transition-duration);
  transition-timing-function: linear;
  transition-timing-function: var(--transition-timing-function);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none
}

.grid-card-text:hover,
  .grid-card-text:active {
    background-color: #eee9de;
    background-color: var(--off-white);
  }

.grid-card-text:active {
    border-color: #6e6353;
    border-color: var(--medium-brown);
  }

.grid-card-wrapper-filter0 {
  /* B & W */
  background-color: #fffdfa
}

.grid-card-wrapper-filter0::before {
    background-color: #524838;
    mix-blend-mode: lighten;
  }

.grid-card-wrapper-filter1 {
  /* Green */
  background-color: #fff2e5
}

.grid-card-wrapper-filter1::before {
    background-color: #5f9570;
    mix-blend-mode: overlay;
  }

.grid-card-wrapper-filter2 {
  /* Yellow */
  background-color: #fff2e5
}

.grid-card-wrapper-filter2::before {
    background-color: #ffcb70;
    mix-blend-mode: overlay;
  }

.grid-card-wrapper-filter3 {
  /* Red */
  background-color: #eee9de
}

.grid-card-wrapper-filter3::before {
    background-color: #9c3730;
    mix-blend-mode: overlay;
  }

.grid-card-wrapper-filter4 {
  /* Blue */
  background-color: #f5f3ef
}

.grid-card-wrapper-filter4::before {
    background-color: #6b8ac7;
    mix-blend-mode: overlay;
  }

.grid-card-wrapper-filter5 {
  /* B & W */
  background-color: #ffffff
}

.grid-card-wrapper-filter5::before {
    background-color: #2d200c;
    mix-blend-mode: screen;
  }

.media-card {
  display: flex;
  flex-direction: column;
  position: relative;
  background-color: #eee9de;
  background-color: var(--off-white);
  border-radius: 0.25rem;
  border-radius: var(--global-border-radius);
  box-shadow: 0 0 0.5rem 0 rgba(51, 46, 38, 0.25);
  box-shadow: var(--box-shadow);
}

.media-card__title {
  color: #332e26;
  color: var(--dark-brown);
  margin: 0.75rem 0;
  text-transform: uppercase;
}

.media-card__text {
  margin-top: 0.9375rem;
  margin-top: var(--spacer);
  order: 1;
  text-align: center;
  padding: 0.75rem;
}

/* Date */

.media-card__eyebrow {
  color: #6e6353;
  color: var(--medium-brown);
  position: relative;
  margin-top: 1.5rem;
}

/* Summary */

.media-card__supplemental {
  position: relative;
}

.media-card__image-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden
}

.media-card__image-wrapper::after {
    display: block;
    content: "";
    padding-bottom: calc(100% / calc(4 / 3));
    padding-bottom: calc(100% / var(--media-image-aspect-ratio));
  }

.media-card__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: transform 150ms linear;
  transition: transform var(--global-transition);
}

.media-card:hover .media-card__image {
  transform: scale(1.1);
}

.media-card__link {
  text-decoration: none
}

.media-card__link::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

.media-card__readmore {
  display: block;
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: calc(12 + 1);
  z-index: var(--modal-z-index);
}

.modal__container {
  position: relative;
  background-color: #fff;
  background-color: var(--white);
  padding: 2rem;
  padding: var(--modal-padding);
  max-width: var(--modal-width);
  border-radius: 0.25rem;
  border-radius: var(--global-border-radius);
  border: solid 0.0625rem #d7cfc0;
  border: solid 0.0625rem var(--light-brown);
  box-shadow: 0 0 0.5rem 0 rgba(51, 46, 38, 0.25);
  width: 90%;
  max-height: 99vh;
  overflow-y: auto;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
}

.modal__close {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  background: transparent;
  border: 0;
}

.modal__header .modal__close:before {
  content: "\2715";
}

.modal__content {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.25s ease-out;
}

/**************************\
  Demo Animation Style
\**************************/

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

.mega-nav-wrapper {
  position: relative;
  z-index: 12;
  z-index: var(--nav-z-index)
}

@media (min-width: 992px) {

.mega-nav-wrapper {
    background-color: #eee9de;
    background-color: var(--nav-background-color);
    border-bottom: 0.0625rem solid #d7cfc0;
    border-bottom: var(--global-border);
    box-shadow: 0 0.625rem 1.5rem -0.625rem rgba(51, 46, 38, 0.25);
    box-shadow: var(--header-box-shadow)
}
  }

.mega-nav {
  --link-color: var(--dark-brown);
  --link-color-hover: var(--gold);
  --link-color-active: var(--light-gold);

  position: relative;
  z-index: 12;
  z-index: var(--nav-z-index)
}

.mega-nav .vehicle-menu-trigger-text,
  .mega-nav .button-reset {
    color: #332e26;
    color: var(--dark-brown);
  }

.mega-nav .make-model-year .text-button {
    color: #c94406;
    color: var(--gold);
  }

.mega-nav a:not(:hover):not(:active):not(.make-model-year a):not(.nav-account-logout) {
    text-decoration: none;
  }

@media (max-width: 991px) {

.mega-nav {
    --nav-mode: mobile;
    position: fixed;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 21.875rem;
    display: grid;
    grid-template-rows: auto 1fr auto;
    z-index: 12;
    z-index: var(--nav-z-index)
}

    .mega-nav:not(.active) {
      display: none;
    }
  }

@media (min-width: 992px) {

.mega-nav {
    --nav-mode: desktop
}
  }

.nav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(51, 46, 38, 0.65);
  background-color: var(--scrim);
  transition: opacity 150ms linear;
  transition: opacity var(--global-transition);
  z-index: -1;
  z-index: var(--scrim-z-index)
}

.nav-overlay:not(.active) {
    pointer-events: none;
    opacity: 0;
  }

/* .nav-menu */

.nav-menu,ol.nav-menu,ul.nav-menu {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0 0.75rem;
  padding: 0 var(--edge-space);
  margin: 0
}

@media (max-width: 991px) {

.nav-menu,ol.nav-menu,ul.nav-menu {
    grid-gap: 0.3125rem;
    gap: 0.3125rem
}
  }

@media (min-width: 992px) {

.nav-menu,ol.nav-menu,ul.nav-menu {
    grid-gap: 0.125rem;
    gap: 0.125rem

    /* Remove extra space on first list item */
}
    .nav-menu li:nth-child(1) > div > button,ol.nav-menu li:nth-child(1) > div > button,ul.nav-menu li:nth-child(1) > div > button {
      padding-left: 0;
    }
  }

@media (max-width: 991px) {

.nav-menu.primary,ol.nav-menu.primary,ul.nav-menu.primary {
      position: relative;
      padding: 1.5rem 0;
      padding: var(--gap) 0
  }
    }

@media (min-width: 992px) {

.nav-menu.primary,ol.nav-menu.primary,ul.nav-menu.primary {
      flex-direction: row
  }
    }

.nav-menu.secondary,ol.nav-menu.secondary,ul.nav-menu.secondary {
    font-weight: 700;
    font-weight: var(--font-weight-bold);
  }

.nav-menu.vehicle-menu,ol.nav-menu.vehicle-menu,ul.nav-menu.vehicle-menu {
    padding: 0;
  }

.mega-nav-toggle {
  position: relative;
  all: unset;
  align-self: stretch;
  padding: 0.625rem 0.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3
}

.mega-nav-toggle > * {
    pointer-events: none;
  }

@media (min-width: 992px) {

.mega-nav-toggle {
    display: none
}
  }

.nav-header {
  background-color: #fff;
  background-color: var(--white);
  border-bottom: 0.0625rem solid #d7cfc0;
  border-bottom: var(--global-border);
  padding: 1.25rem;
  display: flex;
  justify-content: space-between
}

.nav-header *:only-child {
    margin-left: auto;
  }

.nav-header button.button-reset.icon-lockup {
    font-family: "Open Sans", sans-serif;
    font-family: var(--font-open-sans);
  }

@media (min-width: 992px) {

.nav-header {
    display: none
}
  }

.nav-item a:focus {
    outline: 0.1875rem solid transparent;
    outline: var(--hcm-focus-outline);
  }

[data-whatintent="keyboard"] .mega-nav-toggle:focus {
  /* outline: 2px solid var(--white); */
}

[data-whatintent="keyboard"] .mega-nav-toggle:focus, [data-whatintent="keyboard"] .nav-panel-trigger:focus {
    outline: 0.3125rem auto Highlight;
    outline: var(--focus-outline-firefox);
    outline: 0.3125rem auto -webkit-focus-ring-color;
    outline: var(--focus-outline-webkit);
    outline-offset: 0.125rem;
  }

.nav-control {
  all: unset;
  color: inherit;
  border-bottom: 0.0625rem solid transparent
}

.nav-control:focus {
    border-bottom: 0.0625rem solid #fff;
    border-bottom: 0.0625rem solid var(--white);
  }

.nav-control.back-button .icon {
      width: 1.875rem;
      transform: rotate(180deg);
    }

@media (min-width: 992px) {

.nav-control.back-button {
      display: none
  }
    }

.nav-spacer {
  display: inline-block;
  min-height: 1.25em;
  width: 0.0625rem;
}

.nav-link {
  display: inline-block;
  white-space: nowrap;
}

.nav-utilities {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.9375rem;
  z-index: 1
}

@media (min-width: 992px) {

.nav-utilities {
    display: none
}
  }

.vehicle-menu-image {
  max-width: 5.6875rem;
}

@media (max-width: 991px) {

.vehicle-menu-trigger {
    display: block;
    width: 100%
}

    .vehicle-menu-trigger.open .vehicle-menu-trigger-text .svg-icon {
      transform: rotate(180deg);
    }
  }

@media (min-width: 992px) {

.vehicle-menu-trigger {
    pointer-events: none
}

    .vehicle-menu-trigger .vehicle-menu-trigger-text .svg-icon {
      display: none;
    }
  }

.vehicle-menu-trigger-text {
  padding: 0.3125rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  font-size: 0.875rem;
}

.vehicle-menu {
  --link-color: var(--medium-brown)
}

@media (max-width: 991px) {
    .vehicle-menu:not(.open) {
      transform: translateY(-100%);
      visibility: hidden;
      opacity: 0;
      height: 0;
      pointer-events: none;
      overflow: hidden;
    }
  }

.nav-block-headline {
  font-family: "Open Sans", sans-serif;
  font-family: var(--body-font-family);
  font-size: inherit;
}

.nav-panel-trigger {
  font-size: 1.125rem;
  font-family: "Open Sans", sans-serif;
  font-family: var(--font-open-sans);
  text-transform: uppercase;
  padding: 0.625rem 1.5rem;
  padding: 0.625rem var(--gap);
  cursor: pointer;
  color: #332e26;
  color: var(--dark-brown);
  font-style: normal;
  font-stretch: semi-condensed
}

@media (max-width: 991px) {

.nav-panel-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}
  }

@media (min-width: 992px) {

.nav-panel-trigger {
    padding: 1.125rem
}

    .nav-panel-trigger .svg-icon {
      display: none;
    }

    .nav-panel-trigger .trigger-inner {
      display: inline-block;
      position: relative
    }

      .nav-panel-trigger .trigger-inner::before {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 0.125rem;
        background-color: #cc0000;
        background-color: var(--red);
        transform: scaleX(0);
      }

    .nav-panel-trigger:hover .trigger-inner::before {
      transform: scaleX(1);
    }

    .nav-panel-trigger:active {
      color: #ee9b00;
      color: var(--light-gold);
    }
  }

.nav-panel {
  list-style: none;
  position: absolute;
  background-color: #eee9de;
  background-color: var(--nav-background-color)
}

@media (max-width: 991px) {

.nav-panel {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    grid-gap: 1.375rem;
    gap: 1.375rem;
    padding: 1.5rem;
    padding: var(--gap);
    overflow-y: auto
}

    .nav-panel:not(.active) {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
    }
  }

@media (min-width: 992px) {
    .nav-panel:not(.hovered):not(.active) {
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
    }

.nav-panel {

    z-index: 12;

    z-index: var(--nav-z-index);
    top: 100%;
    left: 0;
    right: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1.5rem;
    grid-gap: var(--gap);
    padding: 3rem 1.5rem;
    padding: 3rem var(--gap);
    transition: opacity 150ms linear;
    transition: opacity var(--global-transition);
    transition-delay: 100ms
}
  }

.nav-menu-item {
  padding: 0.3125rem 0;
  font-size: 0.875rem;
}

@media (max-width: 991px) {

.nav-block--card {
    display: none
}
  }

.nav-card .card-image {
    aspect-ratio: 1;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }

.nav-card figcaption {
    color: #6e6353;
    color: var(--medium-brown);
    padding-top: 0.5rem;
  }

.nav-utility-wrapper {
  border-top: 0.0625rem solid #d7cfc0;
  border-top: 0.0625rem solid var(--light-brown);
  padding: 1.5rem 0;
  padding: var(--gap) 0
}

@media (min-width: 992px) {

.nav-utility-wrapper {
    height: 100%;
    margin-top: 0;
    border-top: 0;
    padding: 0
}

    .nav-utility-wrapper .make-model-year {
      display: none;
    }
  }

.mobile-nav-utility {
  display: grid;
  grid-gap: 0.625rem
}

@media (min-width: 992px) {

.mobile-nav-utility {
    position: absolute;
    display: inline-block;
    right: 0.75rem;
    right: var(--edge-space);
    top: 50%;
    transform: translateY(-50%)
}
  }

@media (max-width: 991px) {
    .mobile-nav-utility .cart-control {
      display: none;
    }
  }

.cart-control--mobile {
  position: absolute;
  right: 0.75rem;
  right: var(--edge-space)
}

@media (min-width: 992px) {

.cart-control--mobile {
    display: none
}
  }

.nav-utility-link {
  padding: 0.875rem 1.5rem;
  padding: 0.875rem var(--gap);
}

.nav-account-wrapper {
  display: inline-flex;
}

.nav-account-logout:visited {
    color: #c94406;
    color: var(--gold);
  }

@media (min-width: 992px) {

.nav-account-logout {
    display: none
}
  }

body.customer-logged-out .nav-account-logout {
    display: none;
  }

/* Fallback Nav */

.nav-menu.fallback {
  --link-color: var(--dark-brown);
  display: flex;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
  flex-wrap: wrap
}

.nav-menu.fallback a {
    text-decoration: none;
  }

@media (min-width: 992px) {

.nav-block--menu,
.nav-block--vehicle {
    border-left: 0.0625rem solid #d7cfc0;
    border-left: var(--global-border);
    padding-left: 1rem;
    padding-left: var(--gap-s);
    list-style: none
}
  }

@media (max-width: 991px) {

.nav-block--menu:not(:first-child) {
    border-top: 0.0625rem solid #d7cfc0;
    border-top: var(--global-border);
    padding-top: 2rem;
    padding-top: var(--spacer-m)
}
  }

#monolith-collection-nav {
  margin-bottom: 1.875rem
}

@media (max-width: 767px) {

#monolith-collection-nav {
    display: none
}
  }

#monolith-collection-nav .nav-block {
    padding-left: 0;
    border: none;
  }

#monolith-collection-nav .nav-menu-item a {
    text-decoration: none;
  }

#monolith-collection-nav li {
    list-style: none;
  }

.make-model-year a {
    color: #c94406;
    color: var(--gold);
    margin-left: 0.4375rem;
    text-decoration: underline;
  }

.newsletter-signup-form {
  --button-min-width: auto;
  display: flex;
  align-items: center
}

.newsletter-signup-form .newsletter-form-input {
    width: 100%;
    border-width: 0;
    background-color: rgba(255, 255, 255, 0.4);
  }

.newsletter-signup-form .newsletter-container {
    position: relative;
    width: 23.4375rem;
    margin: 0.75rem 0 0;
    margin: var(--spacer-s) 0 0;
  }

.newsletter-signup-form .newsletter-form-button {
    position: absolute;
    color: #332e26;
    color: var(--dark-brown);
    background-color: transparent;
    border: none;
    right: 0;
  }

.paginate {
  display: flex
}

@media (min-width: 768px) {

.paginate {
    width: 100%;
    margin-bottom: 1.25rem
}
  }

.pagination {
  margin: 3.125rem auto 0;
  font-size: 1rem;
  text-align: center;

  --link-color: var(--dark-brown);
  --link-color-hover: var(--dark-brown);
  --link-color-active: var(--white);
}

.pagination,
.pagination-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style-type: none;
  max-width: 100vw;
  padding: 0;
}

.pagination-list {
  width: clamp(6.25rem, 25rem, 90vw)
}

@media (min-width: 768px) {

.pagination-list {
    grid-gap: 1.25rem;
    gap: 1.25rem
}
  }

.pagination-previous,
.pagination-next {
  --link-color: var(--dark-red);
  --link-color-active: var(--light-brown);
  font-size: 1em;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  padding: 0.3125rem;
  border-radius: 0.3125rem;
  border: 0.125rem solid transparent;
}

.pagination-link,
.pagination-ellipsis {
  font-size: 1em;
  text-decoration: none;
  border-radius: 0.3125rem;
  padding: 0.3125rem;
  border: 0.125rem solid transparent;
}

.pagination-link {
  color: #c94406;
  color: var(--link-color);
  font-family: "Barlow Condensed", sans-serif;
  font-family: var(--font-family-secondary);
  padding: 0.3125rem 0.625rem;
}

.pagination-link:hover,
.pagination-link:focus,
.pagination-previous:focus,
.pagination-next:focus {
  border: solid 0.125rem #881100;
  border: solid 0.125rem var(--dark-red);
  outline: none;
}

.pagination-previous[disabled],
.pagination-next[disabled],
.pagination-link[disabled] {
  background-color: #c94406;
  background-color: var(--link-color);
}

/* Active State */

.pagination-link.is-current,
.pagination-link:active {
  --link-color: var(--white);
  --link-color-hover: var(--white);
  --link-color-active: var(--white);

  background-color: #881100;

  background-color: var(--dark-red);
  border: solid 0.125rem #881100;
  border: solid 0.125rem var(--dark-red);
}

.pagination-ellipsis {
  color: #c94406;
  color: var(--link-color);
  pointer-events: none;
}

.price {
  color: #332e26;
  color: var(--dark-brown);
  font-family: "Open Sans", sans-serif;
  font-family: var(--font-family-primary);
  font-stretch: semi-condensed;
  font-size: 1.25rem;
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  line-height: 1.1;
}

.price--regular {
  color: #332e26;
  color: var(--dark-brown);
}

.price--compare {
  color: #6e6353;
  color: var(--medium-brown);
}

.product-card {
  display: flex;
  flex-direction: column;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  grid-gap: var(--spacer-s);
  gap: var(--spacer-s);
  border: 0.0625rem solid #d7cfc0;
  border: 0.0625rem solid var(--light-brown);
  border-radius: 0.25rem;
  border-radius: var(--global-border-radius);
  padding: 0.625rem;
  padding: var(--gap-xs);
  background-color: #fff;
  background-color: var(--white);
  box-shadow: 0 0 0.5rem 0 rgba(51, 46, 38, 0.25);
  position: relative
}

.product-card .price-wrapper {
    margin-top: auto;
  }

.product-card.available {
  }

.product-card:not(.single-variant) .product-card-button.add-to-cart,
  .product-card:not(.available) .product-card-button.add-to-cart,
  .product-card:not(.sold-out) .product-card-button.sold-out,
  .product-cart:not(.sold-out) .product-card-button.BIS_trigger
  .product-card .badge--soldout {
    display: none;
  }

.no-js .product-card .product-card-button.add-to-cart,
.no-js .quick-view-trigger {
  display: none;
}

.product-card-button,
.product-card-button.button,
a.product-card-button.button {
  flex: 0 1 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.product-card-button.learn-more, .product-card-button.button.learn-more, a.product-card-button.button.learn-more {
    flex-grow: 1;
  }

.product-card-image {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  -o-object-fit: contain;
     object-fit: contain;
}

.product-card-title {
  word-wrap: break-word;
  color: #332e26;
  color: var(--dark-brown);
  font-family: "Open Sans", sans-serif;
  font-family: var(--font-open-sans);
  font-stretch: semi-condensed;
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  line-height: 1.08;
}

.product-card-specs {
  color: #6e6353;
  color: var(--medium-brown);
  font-family: "Open Sans", sans-serif;
  font-family: var(--font-open-sans);
  font-size: 0.875rem;
  line-height: 1.5
}

.product-card-specs .spec {
    display: block;
  }

.product-card-specs .spec-title {
    font-weight: 700;
    font-weight: var(--font-weight-bold);
  }

.product-card-link,
a.product-card-link {
  all: unset;
  cursor: pointer
}

.product-card-link::before, a.product-card-link::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

[data-whatintent="keyboard"] .product-card-link:focus::before {
  outline: 0.3125rem auto Highlight;
  outline: var(--focus-outline-firefox);
  outline: 0.3125rem auto -webkit-focus-ring-color;
  outline: var(--focus-outline-webkit);
}

.product-card-badges {
  --badges-offset: 0.5rem;
  position: absolute;
  top: var(--badges-offset);
  right: var(--badges-offset);
  display: grid;
  grid-gap: 0.25rem
}

@media (min-width: 768px) {

.product-card-badges {
    --badges-offset: 0.75rem
}
  }

.product-card-actions {
  display: flex;
  grid-gap: 0.5rem;
  gap: 0.5rem
}

.product-card-actions .button {
    --button-padding: 0.625rem 0.5rem;
    font-family: "Barlow Condensed", sans-serif;
    font-family: var(--font-barlow-condensed);
    font-size: 1rem;
  }

.product-card-actions .sold-out {
    color: #881100;
    color: var(--dark-red);
  }

.product-card-actions {

  /* @media (--small-only) {
    flex-direction: column;
  } */
}

.tabs > * + * {
    margin-top: 0.75rem;
    margin-top: var(--spacer-s);
  }

.tabs .tab-titles {
    display: flex;
    flex-flow: row wrap;
    grid-gap: 0.75rem;
    gap: 0.75rem;
    grid-gap: var(--spacer-s);
    gap: var(--spacer-s);
  }

.tabs .tab-title {
    /* these styles are very similar to button styles but slight differences */
  }

.tabs .tab-title .button:not(.active) {
      min-width: auto;
      border: 0.0625rem solid #fff;
      border: 0.0625rem solid var(--white);
      font-weight: 400;
      font-weight: var(--font-weight-book)
    }

.tabs .tab-title .button:not(.active):hover {
        background-color: #eee9de;
        background-color: var(--off-white);
      }

.tabs .tab-title .button:not(.active):active {
        background-color: #d7cfc0;
        background-color: var(--light-brown);
      }

.tabs .tab-title .button.active {
      --button-background-color: var(--dark-red);
      --button-color: var(--white);
      font-weight: 400;
      font-weight: var(--font-weight-book)
    }

.tabs .tab-title .button.active:hover {
        background-color: #b00000;
        background-color: var(--mid-red);
        color: #fff;
        color: var(--white);
      }

.tabs .tab-title .button.active:active {
        background-color: #cc0000;
        background-color: var(--red);
      }

.tabs .tab-contents {
  }

.tabs .tab-content {
    display: none;
    border: 0.0625rem solid #d7cfc0;
    border: 0.0625rem solid var(--light-brown);
    padding: 1.5rem
  }

@media (min-width: 768px) {

.tabs .tab-content {
      padding: 4rem;
      padding: var(--spacer-l)
  }
    }

.tabs .tab-content.active {
      display: block;
      background-color: #fff;
      background-color: var(--white);
    }

.product-details__schematic-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.75rem;
  grid-gap: var(--spacer-s)
}

@media (min-width: 768px) {

.product-details__schematic-grid {
    grid-template-columns: repeat(4, 1fr)
}
  }

.search-form.inline,
  .search-form.full {
    display: flex;
    justify-content: center;
    align-items: center;
    --button-min-width: auto;
    pointer-events: none
  }

.search-form.inline .search-form-input, .search-form.full .search-form-input {
      width: 100%;
      border-width: 0;
      background-color: rgba(255, 255, 255, 0.4)
    }

.search-form.inline .search-form-input:-moz-placeholder-shown, .search-form.full .search-form-input:-moz-placeholder-shown {
        text-overflow: ellipsis;
      }

.search-form.inline .search-form-input:placeholder-shown, .search-form.full .search-form-input:placeholder-shown {
        text-overflow: ellipsis;
      }

.search-form.inline .search-form-input::-webkit-search-cancel-button,
      .search-form.inline .search-form-input::-webkit-search-decoration,
      .search-form.inline .search-form-input::-webkit-search-results-button,
      .search-form.inline .search-form-input::-webkit-search-results-decoration,
      .search-form.full .search-form-input::-webkit-search-cancel-button,
      .search-form.full .search-form-input::-webkit-search-decoration,
      .search-form.full .search-form-input::-webkit-search-results-button,
      .search-form.full .search-form-input::-webkit-search-results-decoration {
        display: none;
      }

.search-form.inline .search-form-input:focus, .search-form.full .search-form-input:focus {
        outline: 0.0625rem solid #c94406;
        outline: 0.0625rem solid var(--gold);
      }

.search-form.inline .search-container, .search-form.full .search-container {
      position: relative;
      width: 29.375rem;
      pointer-events: auto;
    }

.search-form.inline .search-form-button, .search-form.full .search-form-button {
      position: absolute;
      background-color: transparent;
      border: none;
      right: 0;
      top: -0.1875rem
    }

@media (max-width: 991px) {

.search-form.inline .search-form-button, .search-form.full .search-form-button {
        right: -0.625rem
    }
      }

.search-form.inline .search-form-button svg, .search-form.full .search-form-button svg {
        fill: #332e26;
        fill: var(--dark-brown);
      }

#top-of-site-pixel-anchor {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  top: 1.25rem;
  top: var(--header-sticky-switch-at);
  left: 0;
}

/* Space at top of body for header to live in */

body {
  /* For index/homepage that has large animated logo */
}

body.template-index .header-section {
    min-height: calc(
      var(--announcement-height) + var(--header-top-height) + var(--header-inner-height)
    )
  }

@media (min-width: 992px) {

body.template-index .header-section {
      min-height: calc(
        var(--announcement-height) + var(--header-top-height) + var(--header-inner-height) +
          var(--meganav-height)
      )
  }
    }

body {

  /* For all other pages with a condensed header (no animated logo) */
}

body:not(.template-index) .header-section {
    min-height: calc(
      var(--announcement-height) + var(--lil-mountains-height) + var(--header-inner-height)
    )
  }

@media (min-width: 992px) {

body:not(.template-index) .header-section {
      min-height: calc(
        var(--announcement-height) + var(--lil-mountains-height) + var(--header-inner-height) +
          var(--meganav-height)
      )
  }
    }

html:not(.no-js) .header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: calc(12 - 1);
  z-index: var(--header-z-index);
  transition: top 150ms linear;
  transition: top var(--global-transition);
  pointer-events: none
}

html:not(.no-js) .header-wrapper > * {
    pointer-events: auto;
  }

html:not(.no-js) .header-wrapper .nav-menu {
    background-color: #eee9de;
    background-color: var(--header-background-color);
    overflow: auto;
    scrollbar-width: none
  }

html:not(.no-js) .header-wrapper .nav-menu::-webkit-scrollbar {
      display: none;
    }

.mega-nav-wrapper,
.mega-nav,
.cart-notification {
  transition: transform 150ms linear;
  transition: transform var(--global-transition);
}

body.header-not-at-top .header-wrapper {
    top: calc((var(--announcement-height) + var(--header-top-height)) * -1);
  }

@media (min-width: 992px) {
    body.header-not-at-top.scroll--down .mega-nav-wrapper {
      transform: translateY(-100%);
      height: 0;
      pointer-events: none;
    }

    body.header-not-at-top.scroll--down .mega-nav {
      transform: translateY(-100%);
      border: none;
      box-shadow: none;
    }

    body.header-not-at-top.scroll--down header.header {
      border-bottom: 0.0625rem solid #d7cfc0;
      border-bottom: var(--global-border);
      box-shadow: 0 0.625rem 1.5rem -0.625rem rgba(51, 46, 38, 0.25);
      box-shadow: var(--header-box-shadow);
    }
  }

body.header-not-at-top.scroll--down .cart-notification {
    transform: translateY(calc(var(--meganav-height) * -1));
    border-top: 0.0625rem solid #d7cfc0;
    border-top: var(--global-border);
  }

/* When header at top on index page */

body:not(.header-not-at-top).template-index .header-logo-wrapper,
  body:not(.header-not-at-top).template-index .header-lil-mountains {
    display: none;
  }

.blog-tags-headline {
  margin-bottom: 2rem;
  margin-bottom: var(--spacer-m);
}

.blog-tags {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 0.8125rem;
  gap: 0.8125rem;
  margin-bottom: 2rem;
  margin-bottom: var(--spacer-m)
}

.blog-tags li {
    display: inline-block;
  }

.blog-tags a,
  .blog-tags .blog-tag-placeholder {
    display: inline-block;
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    border-radius: var(--global-border-radius);
    font-family: "Barlow Condensed", sans-serif;
    font-family: var(--heading-font-family);
    font-size: 0.875rem;
    letter-spacing: 0.04688rem;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
  }

.blog-tags a {
    border: solid 0.0625rem #d7cfc0;
    border: solid 0.0625rem var(--light-brown);
    background-color: #fff;
    background-color: var(--white);
    color: #6e6353;
    color: var(--medium-brown)

    /* Hover & Active States */
  }

.blog-tags a:hover {
      background-color: #c94406;
      background-color: var(--gold);
      color: #fff;
      color: var(--white);
    }

.blog-tags a:active {
      background-color: #ee9b00;
      background-color: var(--light-gold);
      color: #fff;
      color: var(--white);
    }

.blog-tags a[disabled] {
      background-color: #d7cfc0;
      background-color: var(--light-brown);
    }

.blog-tags .blog-tag-placeholder {
    background-color: #ee9b00;
    background-color: var(--light-gold);
    border-color: #ee9b00;
    border-color: var(--light-gold);
    color: #fff;
    color: var(--white);
  }

.reset-button-wrapper {
  margin-bottom: 4rem;
  margin-bottom: var(--spacer-l);
}

[data-whatintent="keyboard"] .blog-tag-placeholder:focus,
[data-whatintent="keyboard"] .blog-tags li a:focus {
  outline: solid 0.125rem #332e26;
  outline: solid 0.125rem var(--dark-brown);
  outline-offset: 0.25rem;
  border-radius: 0;
}

.product-form__message {
  position: relative;
  margin-top: 1.5rem;
  margin-top: var(--gap);
  padding: 0 0.75rem 0 2rem;
  padding: 0 var(--spacer-s) 0 var(--spacer-m);
}

.product-form__message-icon {
  position: absolute;
  left: 0;
}

.charge-list {
  padding: 0;
  list-style: none
}

.charge-list > * + * {
    margin-top: 1.5rem;
    margin-top: var(--gap);
  }

.charge-list-item {
  padding: 0.75rem;
  padding: var(--spacer-s);
  border: 0.0625rem solid #d7cfc0;
  border: 0.0625rem solid var(--light-brown)
}

.charge-list-item tr {
    display: flex;
    align-items: flex-start;
  }

.charge-list-item td {
    flex-shrink: 0;
    margin-left: 1.5rem;
    margin-left: var(--gap);
  }

.video-wrapper {
  text-align: center;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.text-content {
  display: flex;
  justify-content: center;
  flex-direction: column
}

.text-content > * + * {
    margin-top: 2rem;
    margin-top: var(--spacer-m);
  }

.text-content h1,
  .text-content .rte {
    text-align: center;
  }

ul.blog-tag-grid {
  display: grid;
  grid-auto-columns: 1fr 1fr;
  justify-content: center;
  grid-auto-flow: column;
  grid-gap: 0.75rem;
  grid-gap: var(--spacer-s);
  margin: 0;
  padding: 0;
  list-style: none
}

@media (min-width: 576px) {

ul.blog-tag-grid {
    grid-auto-columns: 25% 25% 25% 25%;
    grid-gap: 2rem;
    grid-gap: var(--spacer-m)
}
  }

ul.blog-tag-grid li {
    width: 100%;
  }

.blog-card {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 80%;
  width: 100%;
  border: 0.0625rem solid #dddddd;
  border: 0.0625rem solid var(--light-gray);
  border-radius: 0.25rem;
  overflow: hidden
}

.blog-card:hover img {
      transform: scale(1.1);
      transform-origin: center;
      scale: 1.1;
    }

.blog-card a {
    color: #fff;
    color: var(--white)
  }

.blog-card a:hover,
    .blog-card a:active {
      color: #dddddd;
      color: var(--light-gray);
    }

.blog-card a::after {
      display: block;
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }

.blog-card .blog-card__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
  }

.blog-card .blog-card__image img {
      height: 100%;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      transition: transform 150ms linear;
      transition: transform var(--global-transition);
    }

.blog-card .blog-card__content {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #fff;
    color: var(--white);
    background-color: rgba(51, 46, 38, 0.8);
    padding: 0.75rem;
    padding: var(--spacer-s);
    min-height: 3.875rem;
    text-decoration: none;
  }

.blog-tagged-nested-grid > * + * {
    margin-top: 4rem;
    margin-top: var(--spacer-l);
  }

.blog-tagged-nested-grid .article-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.75rem;
    grid-gap: var(--spacer-s);
    margin: 0;
    padding: 0
  }

@media (min-width: 576px) {

.blog-tagged-nested-grid .article-grid {
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 2rem;
      grid-gap: var(--spacer-m)
  }
    }

.blog-tagged-nested-grid .article-grid-wrapper > * + * {
      margin-top: 2rem;
      margin-top: var(--spacer-m);
    }

.blog-tags-wrapper > * + * {
    margin-top: 2rem;
    margin-top: var(--spacer-m);
  }

@media (min-width: 992px) {

.article-schematic {
    display: grid;
    grid-template-columns: min(38.75rem, 40vw) 1fr;
    grid-gap: 4rem;
    grid-gap: var(--spacer-l)
}
  }

.article-schematic > *:not(.desktop-only) + * {
    margin-top: 2rem;
    margin-top: var(--spacer-m);
  }

.article-schematic__content {
  position: relative
}

@media (max-width: 991px) {

.article-schematic__content {
    text-align: center
}
  }

.article-schematic__content > * + * {
    margin-top: 0.75rem;
    margin-top: var(--spacer-s);
  }

@media (max-width: 991px) {
    .article-schematic__content > * + *:last-child {
      margin-top: 2rem;
      margin-top: var(--spacer-m);
    }
  }

.article-schematic__image {
  position: relative;
}

.article-schematic__magnify {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  transform: translateY(-50%)
}

.article-schematic__magnify > * {
    border: 0.125rem solid #aaaaaa;
    border: 0.125rem solid var(--gray);
    border-radius: 0.25rem;
  }

.article-schematic__magnify img {
    max-width: none;
    max-width: initial;
  }

.schematic-linked-products {
  text-align: left
}

.schematic-linked-products > * + * {
    margin-top: 0.75rem;
    margin-top: var(--spacer-s);
  }

/* these are overrides on the wishlist widget button */

#widget-fave-html.ssw-faveappbtn {
    display: inline-block;
  }

#widget-fave-html .ssw-fave-btn-content {
    text-align: center;
    white-space: nowrap;

    /* secondary btn styles */
    --button-background-color: var(--white);
    --button-color: var(--red);

    /* button styles */
    --button-padding: var(--input-padding);
    display: inline-block;
    min-width: 9.375rem;
    min-width: var(--button-min-width);
    padding: var(--button-padding);
    background-color: #881100;
    background-color: var(--button-background-color);
    border-color: #881100;
    border-color: var(--button-border-color);
    border-width: 0.0625rem;
    border-width: var(--button-border-width);
    border-style: solid;
    border-radius: 0.25rem;
    border-radius: var(--button-border-radius);
    color: #fff;
    color: var(--button-color);
    font-family: "Barlow Condensed", sans-serif;
    font-family: var(--font-family-secondary);
    font-weight: 500;
    font-weight: var(--button-font-weight);
    font-size: 1.125rem;
    font-size: var(--button-font-size);
    letter-spacing: 0.03125rem;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    cursor: pointer;
    transition: color 150ms linear, background-color 150ms linear;
    transition: color var(--global-transition), background-color var(--global-transition);
    z-index: 1

    /* Hover & Active States */
  }

#widget-fave-html .ssw-fave-btn-content:hover {
      background-color: #b00000;
      background-color: var(--button-hover-background-color);
      border-color: #b00000;
      border-color: var(--button-hover-border-color);
      color: #fff;
      color: var(--button-hover-color);
    }

#widget-fave-html .ssw-fave-btn-content:active {
      background-color: #cc0000;
      background-color: var(--button-active-background-color);
      border-color: #cc0000;
      border-color: var(--button-active-border-color);
      color: #fff;
      color: var(--button-active-color);
    }

#widget-fave-html .ssw-fave-btn-content {

    /* hide heart icon */
  }

#widget-fave-html .ssw-fave-btn-content i {
      display: none;
    }

#widget-fave-html {

  /* disabled state */
}

#widget-fave-html.disabled {
    pointer-events: none;
  }

#widget-fave-html.disabled .ssw-fave-btn-content {
    pointer-events: none;
    color: #fff;
    color: var(--white);
    --button-background-color: var(--button-disabled-background-color);
    --button-border-color: var(--button-disabled-border-color);

    --button-hover-background-color: var(--button-disabled-background-color);
    --button-hover-border-color: var(--button-disabled-border-color);
  }

#widget-fave-html .ssw-fave-btn-counter {
    display: none;
  }

.ssw-left-top {
  position: relative;
  z-index: calc(12 - 1);
  z-index: var(--wishlist-z-index);
}

/* delete a wishlist buttons */

.ssw-btn-wrap .ssw-btn {
  font-family: "Barlow Condensed", sans-serif;
  font-family: var(--font-family-secondary);
  border-width: 0.0625rem;
  border-width: var(--button-border-width);
}

#ssw-fave-side-bar #ssw-fave-lists-wrapper .ssw-fave-list-delete-modal .ssw-btn-wrap .ssw-btn {
  font-family: "Barlow Condensed", sans-serif;
  font-family: var(--font-family-secondary)
}

#ssw-fave-side-bar #ssw-fave-lists-wrapper .ssw-fave-list-delete-modal .ssw-btn-wrap .ssw-btn:hover {
    background-color: #b00000;
    background-color: var(--button-hover-background-color);
    border-color: #b00000;
    border-color: var(--button-hover-border-color);
    color: #fff;
    color: var(--button-hover-color);
  }

#ssw-fave-side-bar #ssw-fave-lists-wrapper .ssw-fave-list-delete-modal .ssw-btn-wrap .ssw-btn:active {
    background-color: #cc0000;
    background-color: var(--button-active-background-color);
    border-color: #cc0000;
    border-color: var(--button-active-border-color);
    color: #fff;
    color: var(--button-active-color);
  }

#ssw-fave-side-bar
  #ssw-fave-lists-wrapper
  .ssw-fave-list-delete-modal
  .ssw-btn-wrap
  .ssw-btn.ssw-delete.ssw-fave-action:hover {
    border-color: #b00000;
    border-color: var(--button-hover-border-color);
  }

/* wishlist item buttons */

#ssw-fave-lists-wrapper .ssw-fave-list {
  max-width: 100vw;
}

.ssw-fave-item .ssw-fave-item__changelist {
  display: flex;
}

.ssw-fave-item__button-move.btn-move.button.btn.gw-btn-bg.gw-fsize-sm.gw-wishlist-btn {
  color: #fff;
  color: var(--button-color);
  font-family: "Barlow Condensed", sans-serif;
  font-family: var(--button-font-family);
  font-size: 1.125rem;
  font-size: var(--button-font-size);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  padding: 0;
  margin-right: 0.625rem;
  min-width: 8.125rem;
}

.ssw-fave-item .ssw-fave-item__button-delete.btn.gw-btn-bg {
  color: #cc0000;
  color: var(--red);
  border: 0.0625rem solid #cc0000;
  border: var(--button-border-width) solid var(--red);
  background-color: #fff !important;
  background-color: var(--white) !important;
  font-family: "Barlow Condensed", sans-serif;
  font-family: var(--button-font-family);
  font-size: 1.125rem;
  font-size: var(--button-font-size);
  min-width: 8.125rem;
  padding: 0;
}

body #product-single-form .swym-button-bar {
    margin-top: 0.75rem;
    margin-top: var(--spacer-s);
  }

body #product-single-form .swym-button-bar,
  body #product-single-form .swym-btn-container {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }

body #product-single-form .swym-btn-container[data-position="default"] .swym-add-to-watchlist.swym-text {
    width: 100%;
    height: 2.875rem
  }

body #product-single-form .swym-btn-container[data-position="default"] .swym-add-to-watchlist.swym-text span {
      font-family: "Barlow Condensed", sans-serif;
      font-family: var(--button-font-family);
      font-size: 1.125rem;
      font-size: var(--button-font-size);
      font-weight: 500;
      font-weight: var(--font-weight-medium);
    }

#returnGoAssistant .ReturnGO_Button-module_button.ReturnGO_Button-module_primary,
#returnGoCartWidget .ReturnGO_Button-module_button.ReturnGO_Button-module_primary,
#returnGoAccountWidget .ReturnGO_Button-module_button.ReturnGO_Button-module_primary {
  background: #881100 !important;
  background: var(--button-primary-color) !important;
  border-radius: 0.25rem !important;
  border-radius: var(--global-border-radius) !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-family: var(--button-font-family) !important
}

#returnGoAssistant .ReturnGO_Button-module_button.ReturnGO_Button-module_primary:hover, #returnGoCartWidget .ReturnGO_Button-module_button.ReturnGO_Button-module_primary:hover, #returnGoAccountWidget .ReturnGO_Button-module_button.ReturnGO_Button-module_primary:hover {
    background: #b00000 !important;
    background: var(--button-hover-background-color) !important;
  }

#returnGoAssistant .ReturnGO_Button-module_button.ReturnGO_Button-module_primary:active, #returnGoCartWidget .ReturnGO_Button-module_button.ReturnGO_Button-module_primary:active, #returnGoAccountWidget .ReturnGO_Button-module_button.ReturnGO_Button-module_primary:active {
    background: #cc0000 !important;
    background: var(--button-active-background-color) !important;
  }

#returnGoAssistant .ReturnGO_Button-module_button.ReturnGO_Button-module_disabled,
#returnGoCartWidget .ReturnGO_Button-module_button.ReturnGO_Button-module_disabled,
#returnGoAccountWidget .ReturnGO_Button-module_button.ReturnGO_Button-module_disabled {
  background: #d7cfc0 !important;
  background: var(--button-disabled-background-color) !important;
  opacity: 1 !important;
  border-radius: 0.25rem !important;
  border-radius: var(--global-border-radius) !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-family: var(--button-font-family) !important;
}

.ReturnGO_Tooltip-module_tooltip * {
  font-family: "Open Sans", sans-serif !important;
  font-family: var(--font-family-primary) !important;
}

.ReturnGO_InputField-module_input {
  background-color: rgba(255, 255, 255, 0.4) !important;
  border-radius: 0.25rem !important;
  border-radius: var(--input-border-radius) !important;
  border: none !important;
  font-family: "Open Sans", sans-serif !important;
  font-family: var(--font-family-primary) !important
}

.ReturnGO_InputField-module_input::-moz-placeholder {
    opacity: 1 !important;
  }

.ReturnGO_InputField-module_input::placeholder {
    opacity: 1 !important;
  }

#returnGoAssistant .ReturnGO_InputField-module_inputField .ReturnGO_InputField-module_label,
#returnGoCartWidget .ReturnGO_InputField-module_inputField .ReturnGO_InputField-module_label,
#returnGoAccountWidget .ReturnGO_InputField-module_inputField .ReturnGO_InputField-module_label {
  font-family: "Open Sans", sans-serif !important;
  font-family: var(--font-family-primary) !important;
  font-size: 1rem !important;
  color: #6e6353 !important;
  color: var(--medium-brown) !important;
}

#returnGoAssistant .ReturnGO_SnippetWrapper-module_snippetWrapper,
#returnGoCartWidget .ReturnGO_SnippetWrapper-module_snippetWrapper,
#returnGoAccountWidget .ReturnGO_SnippetWrapper-module_snippetWrapper {
  color: #332e26 !important;
  color: var(--dark-brown) !important;
}

@media (max-width: 991px) {
  #returnGoAssistant .ReturnGO_Common-module_content,
  #returnGoCartWidget .ReturnGO_Common-module_content,
  #returnGoAccountWidget .ReturnGO_Common-module_content {
    padding-top: 5rem !important;
  }
}

/* modal */

.cff-clean.cff-overspecification .cleanslate .cff-bootstrap .modal-content {
  background-color: #eee9de !important;
  background-color: var(--off-white) !important;
}

/* header */

.cff-clean.cff-overspecification .cleanslate .cff-bootstrap .modal-title {
  font-family: "Barlow Condensed", sans-serif !important;
  font-family: var(--heading-font-family) !important;
}

/* header title */

.cff-clean.cff-overspecification .cleanslate h4 {
  font-size: 1.125rem !important;
}

/* header message */

div#cffPCConflictModalMessage {
  text-align: center !important;
}

/* close button */

.cff-clean.cff-overspecification .cleanslate .cff-bootstrap .close {
  opacity: 1 !important;
}

/* upper border/divider */

.cff-clean.cff-overspecification .cleanslate .cff-bootstrap .modal-header {
  border-bottom: 0.0625rem solid #d7cfc0 !important;
  border-bottom: var(--global-border) !important;
}

/* lower border/divider */

.cff-clean.cff-overspecification .cleanslate .cff-bootstrap hr {
  border-top: 0.0625rem solid #d7cfc0 !important;
  border-top: var(--global-border) !important;
}

/* subtitles */

.cff-clean.cff-overspecification .cleanslate .cff-bootstrap div#cffPCFoundCartTitle,
.cff-clean.cff-overspecification .cleanslate .cff-bootstrap div#cffPCCurrentCartTitle {
  padding-bottom: 0.9375rem !important;
  padding-bottom: var(--spacer) !important;
}

/* subtitles & other text */

.cff-clean.cff-overspecification .cleanslate .cff-bootstrap div#cffPCFoundCartTitle,
.cff-clean.cff-overspecification .cleanslate .cff-bootstrap div#cffPCCurrentCartTitle,
#cffPCbootstrapContainer .cffConflictModalTable tbody > tr.vert-center > td,
.cff-clean.cff-overspecification .cleanslate .cff-bootstrap div#cffPCConflictModalTable,
.cff-clean.cff-overspecification .cleanslate .cff-bootstrap #cffPCConflictModalSelectOptionString {
  font-family: "Open Sans", sans-serif !important;
  font-family: var(--body-font-family) !important;
  color: #332e26 !important;
  color: var(--body-font-color) !important;
}

#cffPCbootstrapContainer .cffConflictModalTable tbody > tr.vert-center > td {
  font-size: 0.875rem !important;
}

/* buttons, using secondary button style */

.cff-clean.cff-overspecification .cleanslate .cff-bootstrap .btn-default {
  background-color: #881100 !important;
  background-color: var(--button-background-color) !important;
  color: #fff !important;
  color: var(--button-color) !important;
  border-color: #881100 !important;
  border-color: var(--button-border-color) !important;
  font-family: "Barlow Condensed", sans-serif !important;
  font-family: var(--button-font-family) !important;
  font-weight: 500 !important;
  font-weight: var(--font-weight-medium) !important;
  font-size: 0.875rem !important;
  font-size: var(--button-small-font-size) !important;
}

.cff-clean.cff-overspecification .cleanslate .cff-bootstrap .btn-default:hover {
  background-color: #b00000 !important;
  background-color: var(--button-hover-background-color) !important;
  color: #fff !important;
  color: var(--button-hover-color) !important;
}

.cff-clean.cff-overspecification .cleanslate .cff-bootstrap .btn-default:active {
  background-color: #cc0000 !important;
  background-color: var(--button-active-background-color) !important;
  color: #fff !important;
  color: var(--button-active-color) !important;
}

/* Monolith Styles */

.cart-notification {
  position: absolute;
  width: 100%;
  padding: 3rem 0.75rem;
  padding: 3rem var(--edge-space);
  background-color: #eee9de;
  background-color: var(--cart-drawer-bg-color);
  box-shadow: 0 0.25rem 0.375rem 0 rgba(0, 0, 0, 0.25);
  z-index: calc(calc(12 - 1) - 1);
  z-index: var(--cart-drawer-z-index);
  transition-property: right, opacity, visibility, transform;
  transition-duration: 150ms;
  transition-duration: var(--transition-duration);
  transition-timing-function: linear;
  transition-timing-function: var(--transition-timing-function)
}

.cart-notification:not(.active) {
    opacity: 0;
    visibility: hidden;
  }

@media (max-width: 767px) {
    .cart-notification .cart-subtotal {
      justify-content: center;
      grid-gap: 0.75rem;
      gap: 0.75rem;
      grid-gap: var(--spacer-s);
      gap: var(--spacer-s);
    }
  }

.cart-notification-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem;
  padding: var(--spacer-s);
  color: #332e26;
  color: var(--dark-brown)
}

@media (min-width: 768px) {

.cart-notification-close {
    top: 1.5rem;
    top: var(--gap);
    right: 1.5rem;
    right: var(--gap)
}
  }

.cart-notification-inner {
  display: grid;
  grid-template-columns: 1fr
}

@media (max-width: 767px) {
    .cart-notification-inner .cart-items-added {
      padding-bottom: 2rem;
      padding-bottom: var(--spacer-m);
      border-bottom: 0.0625rem solid #d7cfc0;
      border-bottom: var(--global-border);
      margin-bottom: 2rem;
      margin-bottom: var(--spacer-m);
    }
  }

@media (min-width: 768px) {

.cart-notification-inner {
    grid-template-columns: 1fr 1fr
}

    .cart-notification-inner > * {
      padding: 0 10%
    }

      .cart-notification-inner > *:not(:last-child) {
        border-right: 0.0625rem solid #d7cfc0;
        border-right: var(--global-border);
      }
  }

.cart-items-added__headline {
  margin-bottom: 2rem;
  margin-bottom: var(--gap-l)
}

@media (max-width: 767px) {

.cart-items-added__headline {
    text-align: center
}
  }

.cart-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.cart-info__actions {
  display: flex;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  grid-gap: var(--spacer-s);
  gap: var(--spacer-s);
  margin-top: 2rem;
  margin-top: var(--spacer-m)
}

@media (max-width: 767px) {

.cart-info__actions {
    justify-content: center
}
  }

.dropship-modal-container {
  max-width: 35rem;
  max-width: var(--content-width-small);
}

.dropship-modal-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 1rem;
  gap: 1rem;
  grid-gap: var(--gap-s);
  gap: var(--gap-s);
  text-align: center
}

.dropship-modal-inner .svg-icon {
    width: min(50%, 5rem);
    height: auto;
    fill: #881100;
    fill: var(--dark-red);
  }

.dropship-modal-message {
  white-space: pre-wrap;
}

.dropship-modal-actions {
  display: flex;
  justify-content: center;
  grid-gap: 0.625rem;
  gap: 0.625rem;
  grid-gap: var(--gap-xs);
  gap: var(--gap-xs);
}

.make-model-year-alert {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-gap: 0.625rem;
  gap: 0.625rem;
  padding: 0.75rem;
  border-radius: 0.25rem;
  border-radius: var(--global-border-radius);
  background-color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  color: #6e6353;
  color: var(--medium-brown);
  font-family: "Barlow Condensed", sans-serif;
  font-family: var(--font-family-secondary);
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.0625rem
}

.make-model-year-alert.warning {
    color: #cc0000;
    color: var(--red);
  }

#monolith-make-model-year-selector:target::before {
  content: "";
  position: relative;
  bottom: var(--header-height);
  width: 0;
  height: 0.0625rem;
  visibility: hidden;
}

.make-model-year-selector-wrapper {
  background-color: #000000;
  background-color: var(--black);
  color: #fff;
  color: var(--white);
  border-radius: 0.25rem;
  border-radius: var(--global-border-radius)
}

@media (max-width: 767px) {

.make-model-year-selector-wrapper {
    padding: 1.5rem;
    margin: 0 0.75rem;
    margin: 0 var(--edge-space)
}
  }

@media (min-width: 768px) {

.make-model-year-selector-wrapper {
    padding: 2rem 1.5rem;
    padding: var(--spacer-m) 1.5rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
  }

.make-model-year-selector-wrapper.toast {
    position: fixed;
    top: auto;
    right: 0.75rem;
    bottom: 0.75rem;
    left: 0.75rem;
    top: auto;
    right: var(--edge-space);
    bottom: var(--edge-space);
    left: var(--edge-space);
    transition: transform 150ms linear;
    transition: transform var(--global-transition);
    z-index: calc(12 + 1);
    z-index: var(--toast-z-index)
  }

.make-model-year-selector-wrapper.toast:not(.active) {
      transform: translateY(calc(100% + 0.75rem));
      transform: translateY(calc(100% + var(--edge-space)));
    }

@media (max-width: 767px) {

.make-model-year-selector-wrapper.toast {
      padding-top: 3.125rem
  }
    }

@media (min-width: 768px) {

.make-model-year-selector-wrapper.toast {
      border-top-left-radius: 0.25rem;
      border-top-left-radius: var(--global-border-radius);
      border-top-right-radius: 0.25rem;
      border-top-right-radius: var(--global-border-radius)
  }
    }

.mmy-toast-close {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  background-color: transparent;
  border: 0;
  color: #dddddd;
  color: var(--light-gray);
}

.make-model-year-selector {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  grid-gap: var(--gap-s);
  gap: var(--gap-s);

  --button-min-width: 5.625rem
}

.make-model-year-selector h2 {
    display: flex;
    align-items: center;
    text-align: center;
  }

@media (max-width: 767px) {
    .make-model-year-selector button {
      grid-column: span 2;
    }
  }

@media (min-width: 768px) {

.make-model-year-selector {
    display: flex;
    justify-content: center
}
  }

.make-model-year-selector .select-wrapper {
    display: flex;
  }

.make-model-year-selector .select-wrapper select {
    position: relative;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    min-width: 8.9375rem;
    width: 100%;
    min-height: 3.125rem;
    margin: 0;
    padding: 0.9375rem 1.875rem 0.9375rem 0.9375rem;
    background: white
      url("data:image/svg+xml;utf8,<svg viewBox='0 0 140 140' width='20' height='20' xmlns='http://www.w3.org/2000/svg'><g><path d='m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z' fill='black'/></g></svg>")
      no-repeat;
    background-position: right 0.75rem top 50%;
    color: #6e6353;
    color: var(--medium-brown);
    font-size: 1rem;
  }

.make-model-year-selector .select-wrapper.placeholder {
    border: 0.0625rem solid #d7cfc0;
    border: 0.0625rem solid var(--input-border-color);
    border-radius: 0.25rem;
    border-radius: var(--global-border-radius);
    padding: 0.5rem 0.875rem
  }

.make-model-year-selector .select-wrapper.placeholder .svg-icon {
      height: 2rem;
      width: auto;
    }

.make-model-year-top {
  display: flex;
  grid-gap: 1rem;
  gap: 1rem;
  grid-gap: var(--gap-s);
  gap: var(--gap-s)
}

@media (max-width: 767px) {

.make-model-year-top {
    grid-column: span 2;
    justify-content: space-between
}
  }

.quick-buy-modal {
  --modal-width: 65.375rem
}

.quick-buy-modal *::-webkit-scrollbar {
    width: 0.4375rem;
  }

.quick-buy-modal *::-webkit-scrollbar-track {
    background-color: var(--cotton);
  }

.quick-buy-modal *::-webkit-scrollbar-thumb {
    background-color: var(--blue);
  }

.quickbuy {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  grid-gap: var(--gap-l)
}

@media (min-width: 768px) {

.quickbuy {
    grid-template-columns: minmax(0, 1fr) 22rem
}
  }

/* Gallery */

.product-image-gallery-wrapper {
  position: relative;
}

.product-image-gallery-list,
ol.product-image-gallery-list,
.product-image-gallery-indicators {
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-image-gallery-item:not(.active) {
    display: none;
  }

.product-image-gallery-image {
  width: 100%;
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.product-image-gallery-controls {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: space-between
}

.product-image-gallery-controls button {
    all: unset;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--off-white-translucent);
    cursor: pointer
  }

.product-image-gallery-controls button:first-child svg {
      transform: rotate(180deg);
    }

.product-image-gallery-controls button svg:focus {
      outline: 0.125rem solid var(--teal);
      outline-offset: 0.5rem;
    }

.product-image-gallery-indicators {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  grid-gap: 0.75rem;
  gap: 0.75rem;
  padding-top: 2rem;
}

.product-image-gallery-indicator {
  height: 0.125rem;
  flex-basis: 2.875rem;
  max-width: 2.875rem;
  background-color: var(--cotton)
}

.product-image-gallery-indicator.active {
    background-color: var(--dusty-red);
  }

/* Details */

.quickbuy-details > * + * {
    margin-top: 1.5rem;
    margin-top: var(--gap);
  }

.quickbuy-border {
  margin-bottom: 1.5rem;
  margin-bottom: var(--gap);
  border-bottom: 0.0625rem solid #d7cfc0;
  border-bottom: var(--global-border);
  padding-bottom: 1.5rem;
  padding-bottom: var(--gap);
}

.product-gallery-wrapper {
  width: 100%;
  position: relative;
}


/* @import "../components/monolith/QuickBuy.css";
@import "../components/monolith/CartNotification.css"; */

/* **** Note **** strictly coupled template styles should not be imported here. They are
are added conditionallly via the asset-router-css.liquid file. This helps keep the css more lean  */


/*# sourceMappingURL=layout.theme.css.map?v=d01440b05a09eb3436e9315576d90d11*/