/** Shopify CDN: Minification failed

Line 21:3 Unexpected "="
Line 394:14 Expected identifier but found whitespace
Line 395:13 Expected identifier but found whitespace
Line 400:13 Expected identifier but found whitespace
Line 401:13 Expected identifier but found whitespace
Line 406:13 Expected identifier but found whitespace
Line 407:13 Expected identifier but found whitespace
Line 435:0 Unexpected "@keyframes"
Line 12306:26 Expected ")" to end URL token
Line 12581:0 Unexpected "}"
... and 3 more hidden warnings

**/
/* Normalize */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document

 */
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  font-weight: 300;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Common */
html::before {
  display: none;
  content: "XS,S,M,L";
}
html::after {
  display: none;
  content: "XS";
}
@media screen and (min-width: 576px) {
  html::after {
    content: "S";
  }
}
@media screen and (min-width: 768px) {
  html::after {
    content: "M";
  }
}
@media screen and (min-width: 960px) {
  html::after {
    content: "L";
  }
}


:root {
  --font-size-heading-1: 1.875rem;
  --font-size-heading-2: 1.5rem;
  --font-size-heading-3: 1.375rem;
  --font-size-heading-4: 1.375rem;
  --font-size-heading-5: 1.25rem;
  --font-size-heading-6: 1.125rem;
}Liquid error: font_face can only be used with a font drop
Liquid error: font_modify can only be used with a font drop

  

  
Liquid error: font_face can only be used with a font drop
Liquid error: font_modify can only be used with a font drop

  

  
Liquid error: font_face can only be used with a font drop
Liquid error: font_modify can only be used with a font drop

  

  

  
  
  
  
  
  
  
  

  
  

  
  

  
  

  
  

  
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
a {
  color: #AE9364;
  transition: color 0.2s ease-out;
}
a:visited {
  color: #AE9364;
}
a:hover, a:focus, a:active {
  color: #715d3b;
}

.button-primary, .action-btn {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  font-size: 0.85rem;
  padding: 0.75em 0.875em;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
}

@media screen and (max-width: 767px) {
  .button-primary, .action-btn {
    font-size: 0.8rem;
  }
}

.button-primary:hover:not(:disabled), .button-primary:active, .action-btn:hover:not(:disabled), .action-btn:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.button-primary:disabled, .button-primary.disabled, .action-btn:disabled, .action-btn.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.button-primary:visited, .action-btn:visited {
  color: #ffffff;
}
.button-primary:disabled, .button-primary.disabled, .action-btn:disabled, .action-btn.disabled {
  cursor: not-allowed !important;
}

.button-secondary {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  line-height: 1.4;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #000000;
}
.button-secondary:hover:not(:disabled), .button-secondary:active {
  color: 










#a58956




;
  background-color: #f7f4f0;
  border: 1px solid 










#a58956




;
}
.button-secondary:disabled, .button-secondary.disabled {
  opacity: 0.5;
}
.button-secondary:visited {
  color: #000000;
}
.button-secondary:disabled, .button-secondary.disabled {
  cursor: not-allowed !important;
}

.signpost {
  display: inline-block;
  color: #AE9364;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.signpost::after {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  cursor: pointer;
  content: "";
  background-color: #AE9364;
  transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
  transform: translateY(0.25rem);
}
.signpost:hover {
  color: 










#a58956




;
}
.signpost:hover::after {
  background-color: 










#a58956




;
  transform: translateY(0);
}

input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=telephone],
input[type=tel],
input[type=number],
textarea {
  font-family: proxima-nova,sans-serif;
  font-style: normal;
  font-weight: 200;
  padding: 0.75rem 1.125rem;
  font-size: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  line-height: 1.4;
  color: #393B3F;
  background: #ffffff;
  border: 1px solid #D2D6DC;
  transition: border-color 0.2s ease-out;
  display: block;
  width: 100%;
  line-height: 1.4;
  border-radius: 3px;
  -webkit-appearance: none;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=telephone]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
textarea::placeholder {
  color: rgba(57, 59, 63, 0.4);
}
input[type=text]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=search]:hover,
input[type=telephone]:hover,
input[type=tel]:hover,
input[type=number]:hover,
textarea:hover {
  border-color: 










#b5bcc6




;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  position: absolute;
  top: 50%;
  right: 0.75rem;
  height: 1rem;
  width: 1rem;
  margin: 0;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml;utf8, %3Csvg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM4.04588 3.33875C3.85061 3.14348 3.53403 3.14348 3.33877 3.33875C3.14351 3.53401 3.14351 3.85059 3.33877 4.04585L5.29291 5.99999L3.33877 7.95413C3.14351 8.14939 3.14351 8.46597 3.33877 8.66124C3.53403 8.8565 3.85061 8.8565 4.04588 8.66124L6.00001 6.7071L7.95415 8.66124C8.14942 8.8565 8.466 8.8565 8.66126 8.66124C8.85652 8.46597 8.85652 8.14939 8.66126 7.95413L6.70712 5.99999L8.66126 4.04585C8.85652 3.85059 8.85652 3.53401 8.66126 3.33875C8.466 3.14348 8.14942 3.14348 7.95415 3.33875L6.00001 5.29288L4.04588 3.33875Z" fill="%23393b3f"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  opacity: 0.6;
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  input[type=search]::-webkit-search-cancel-button {
    height: 0.75rem;
    width: 0.75rem;
    background-size: 0.75rem 0.75rem;
  }
}

textarea {
  font-family: proxima-nova,sans-serif;
  font-style: normal;
  font-weight: 200;
}

select {
  font-family: proxima-nova,sans-serif;
  font-style: normal;
  font-weight: 200;
  padding: 0.75rem 1.125rem;
  font-size: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  line-height: 1.4;
  color: #393B3F;
  background: #ffffff;
  border: 1px solid #D2D6DC;
  transition: border-color 0.2s ease-out;
  position: relative;
  width: 100%;
  text-align: left;
  cursor: pointer;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-radius: 3px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
select::placeholder {
  color: rgba(57, 59, 63, 0.4);
}
select:hover {
  border-color: 










#b5bcc6




;
}
@media screen and (min-width: 768px) {
  select {
    min-width: 20px;
  }
}

::selection {
  background: #64aeae;
  color: #fff;
  text-shadow: none;
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
}

.skip-to-main {
  font-size: 1rem;
  position: absolute;
  top: 0;
  left: -9999px;
  text-decoration: none;
  padding: 1em;
  background-color: #ffffff;
}
.skip-to-main:focus, .skip-to-main:active {
  left: 0;
  z-index: 900;
}

.errors,
.success {
  padding: 12px 0;
  margin-bottom: 30px;
  text-align: center;
}

.errors {
  color: #ea555c;
  background-color: #fcecec;
  border: 1px solid #edabb9;
}
.errors ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.errors li {
  margin: 0;
}

.field-error {
  border: 1px solid #ee575a;
  box-shadow: 0 0 10px rgba(238, 87, 90, 0.8);
}

.success {
  color: #108144;
  background-color: #f0fbdb;
  border: 1px solid #c2cc98;
}

.placeholder-svg {
  background-color: rgba(0, 0, 0, 0.1);
  fill: rgba(0, 0, 0, 0.35);
}

.main__wrapper .shopify-challenge__container {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .main__wrapper .shopify-challenge__container {
    margin-top: 3.5rem;
  }
}

* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: proxima-nova,sans-serif;
  font-style: normal;
  font-weight: 200;
  line-height: 1.4;
  color: #000000;
  text-align: center;
  background-color: #ffffff;
}.scroll-locked body {
  overflow: hidden;
  touch-action: manipulation;
}

.site-header__wrapper {
  top:0;
  width:100%;
  z-index: 1000;
  background-color:#ffffff;
  padding:0;
  height: calc((var(--header-logo-height)) + 16px);
  border-bottom: 1px solid #D2D2D2;
}

.main__wrapper {
  width: 100%;
  margin: 0 auto;
}

section {
  border-top: 1px solid #D2D2D2;
}
.shopify-section:first-child section {
  border-top: 0;
}

.template-article .shopify-section:nth-child(2) section,
.template-collection .shopify-section:nth-child(2) section,
.template-product .shopify-section:nth-child(2) section {
  border-top: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: utopia-std,georgia, serif;
  font-style: normal;
  font-weight: 400;
  margin: 2.5rem 0 1.125rem;
  line-height: 1.3;
  color: #666666;

}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  text-decoration: none;
}
h1 a:visited, h1 a:hover, h1 a:focus, h1 a:active, h2 a:visited, h2 a:hover, h2 a:focus, h2 a:active, h3 a:visited, h3 a:hover, h3 a:focus, h3 a:active, h4 a:visited, h4 a:hover, h4 a:focus, h4 a:active, h5 a:visited, h5 a:hover, h5 a:focus, h5 a:active, h6 a:visited, h6 a:hover, h6 a:focus, h6 a:active {
  color: inherit;
}

h1 {
  font-size: var(--font-size-heading-1);
  letter-spacing: 0.1em;
  font-weight: 500;

}

h2 {
  font-size: var(--font-size-heading-2);
}

h3 {
  font-size: var(--font-size-heading-3);
}

h4 {
  font-size: var(--font-size-heading-4);
}

h5 {
  font-size: var(--font-size-heading-5);
}

h6 {
  font-size: var(--font-size-heading-6);
}

p {
  margin: 0 0 1.5rem;
}
p:last-child {
  margin-bottom: 0;
}

img {
  width: auto;
  height: auto;
  max-width: 100%;
}

ol,
ul {
  margin: 1.125rem 0 1.5rem;
  padding-left: 1.125rem;
}
ol > ol,
ol > ul,
ul > ol,
ul > ul {
  margin: 0;
}

ol {
  list-style-type: decimal;
}

ul {
  list-style-type: disc;
}

li {
  margin-bottom: 0.75rem;
}

table {
  display: block;
  border: none;
  margin-bottom: 1.5rem;
  border-collapse: collapse;
  overflow-x: auto;
  white-space: nowrap;
}
@media screen and (min-width: 576px) {
  table {
    display: table;
    overflow-x: visible;
    white-space: normal;
  }
}

tr {
  border-bottom: 1px solid #D2D2D2;
}

th {
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.875rem;
  padding: 0.75rem 0.75rem 0.75rem 0;
  color: #666666;
}

td {
  padding: 0.75rem 0.75rem 0.75rem 0;
  font-size: 1rem;
}

blockquote {
  font-family: proxima-nova,sans-serif;
  font-style: normal;
  font-weight: 200;
  position: relative;
  margin: 1.125rem 0;
  padding-left: 1.5rem;
  border-left: 2px solid #D2D2D2;
  font-size: 1.125rem;
  opacity: 0.8;
}

iframe {
  max-width: 100%;
}

b,
strong {
  font-weight: 500;
}

em {
  font-style: ;
}

b em,
strong em,
em b,
em strong {
  font-style: ;
}

label {
  cursor: default;
}

.tabs {
  font-family: utopia-std,georgia, serif;
  font-style: normal;
  font-weight: 400;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 2rem -1.5rem 1.5rem 0;
  font-size: 1.125rem;
  white-space: nowrap;
  list-style: none;
}
.grouped-content-layout-tabs:first-child .tabs {
  margin-top: 0;
}
.tabs::after {
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  z-index: -1;
  display: block;
  width: calc(100% - 1.5rem);
  height: 1px;
  background-color: #D2D2D2;
  content: "";
}
.tabs .grouped-content-trigger {
  padding-bottom: 0.5rem;
  margin: 0 1.5rem 0.5rem 0;
  color: rgba(102, 102, 102, 0.6);
  cursor: pointer;
  border-bottom: 1px solid transparent;
}
body:not(.user-is-tabbing) .tabs .grouped-content-trigger:focus {
  outline: none;
}
.tabs .grouped-content-trigger:hover, .tabs .grouped-content-trigger.active {
  color: #666666;
}
.tabs .grouped-content-trigger.active {
  border-color: #666666;
}

.tabs-content {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
  list-style: none;
}
.tabs-content > li {
  display: none;
  margin: 0;
}
.tabs-content > li.active {
  display: block;
}

/* Templates */
.template-404 .shopify-section:not(:last-child) .the-404 {
  margin-bottom: 3rem;
}

.the-404__header {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .the-404__header {
    margin-top: 3.5rem;
  }
}

.the-404__heading {
  margin-bottom: 0.5rem;
}

.the-404__subheading {
  font-size: var(--font-size-heading-4);
}

.the-404__search-form {
  display: grid;
  max-width: 650px;
  margin: 2rem auto 0;
  grid-gap: 0.75rem;
}
@media screen and (min-width: 576px) {
  .the-404__search-form {
    grid-template-columns: 1fr -webkit-min-content;
    grid-template-columns: 1fr min-content;
  }
}
.the-404__search-form input[type=text] {
  margin: 0;
}

.the-404__continue-shopping {
  margin-top: 2.5rem;
}

.the-404__continue-shopping-link {
  display: inline-block;
  color: #AE9364;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.the-404__continue-shopping-link::after {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  cursor: pointer;
  content: "";
  background-color: #AE9364;
  transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
  transform: translateY(0.25rem);
}
.the-404__continue-shopping-link:hover {
  color: 










#a58956




;
}
.the-404__continue-shopping-link:hover::after {
  background-color: 










#a58956




;
  transform: translateY(0);
}

.the-404__search-form-submit {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.75rem 1.125rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
}
.the-404__search-form-submit:hover:not(:disabled), .the-404__search-form-submit:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.the-404__search-form-submit:disabled, .the-404__search-form-submit.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.the-404__search-form-submit:visited {
  color: #ffffff;
}
.the-404__search-form-submit:disabled, .the-404__search-form-submit.disabled {
  cursor: not-allowed !important;
}

.template-cart .shopify-section:not(:last-child) .cart {
  margin-bottom: 2.5rem;
}

.cart__header {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .cart__header {
    margin-top: 3.5rem;
  }
}

.cart-table {
  --cart-item-image-size: 90px;
  display: table;
  width: 100%;
  margin-top: 2.5rem;
  margin-bottom: 2rem;
  overflow-x: visible;
  white-space: normal;
}
@media screen and (min-width: 576px) {
  .cart-table {
    --cart-item-image-size: 120px;
  }
}

.cart-table-columns__image-details {
  text-align: left;
}

.cart-table-columns__image {
  width: var(--cart-item-image-size);
  padding-right: 0;
}
.cart-table-columns__image a {
  position: relative;
}

.cart-table-columns__details {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  text-align: left;
}

.cart-table-columns__price {
  width: 25%;
  padding-right: 1.5rem;
  text-align: left;
}

.cart-table-columns__quantity {
  width: 10%;
  padding-right: 0;
}
.cart-table-columns__quantity input[type=number] {
  width: 5ch;
  padding-right: 0.25rem;
  margin: 0 auto 0.5rem;
  text-align: center;
  box-sizing: content-box;
}

.cart-table-columns__total {
  width: 15%;
  padding-right: 0;
  padding-left: 1.5rem;
  text-align: right;
}

.cart-table__header th {
  font-size: 0.8125rem;
  padding-top: 1.5rem;
  padding-bottom: 1.125rem;
}

.cart-table__row td {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.cart-item__image {
  display: block;
  width: var(--cart-item-image-size);
  height: var(--cart-item-image-size);
  object-fit: contain;
}
.cart-item__image[data-rimg] {
  background: transparent;
}

.cart-item__title {
  margin: 0;
  font-size: var(--font-size-heading-5);
}

.cart-item__variant-title,
.cart-item__selling-plan {
  margin-top: 0.25rem;
  font-size: 0.875rem;
}

.cart-item__description a {
  text-decoration: none;
}

.cart-item__remove {
  font-size: 0.875rem;
  text-decoration: none;
}

.cart-item__price-container {
  display: flex;
  flex-direction: column;
}
.cart-item__price-container .original-price {
  color: #000000;
  opacity: 0.5;
}
.cart-item__price-container .original-price ~ .final-price {
  color: #AE9364;
}

.cart-item__discounts {
  padding: 0;
  margin: 0.25rem 0 0;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #AE9364;
  list-style-type: none;
}
.cart-item__discounts .cart-item-discount {
  margin-bottom: 0;
}
.cart-item__discounts .cart-item-discount:nth-child(n+2) {
  padding-top: 5px;
}
.cart-item__discounts svg {
  width: 10px;
  height: 10px;
  padding-top: 1px;
  margin-right: 1px;
}

.cart-item__mobile-label {
  display: none;
}

@media screen and (max-width: 767px) {
  .cart-item--first {
    border-top: 1px solid #D2D2D2;
  }

  .cart-table__header {
    display: none;
  }

  .cart-table__row {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5rem 0;
  }
  .cart-table__row td {
    padding: 0;
  }
  .cart-table__row .cart-table-columns__image {
    padding-bottom: 1.5rem;
  }
  .cart-table__row .cart-table-columns__details {
    padding: 0 0 1.5rem 1.5rem;
  }
  .cart-table__row .cart-table-columns__quantity {
    padding: 0 1.5rem;
  }

  .cart-item__mobile-label {
    font-family: freight-display-pro,serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.5rem;
  }

  .cart-table-columns__details {
    align-self: center;
    width: calc(100% - var(--cart-item-image-size));
  }

  .cart-table-columns__price {
    flex: 2 2 auto;
  }

  .cart-table-columns__quantity {
    flex: 0.5 0.5 auto;
    width: auto;
  }

  .cart-table-columns__total {
    flex: 1.25 1.25 auto;
    width: auto;
    max-width: 140px;
  }
}
.cart__footer {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  grid-column-gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .cart__footer {
    grid-auto-flow: row;
  }
}

[data-cart-discount-container] {
  margin-bottom: 1.5rem;
}

.cart-discount {
  font-family: proxima-nova,sans-serif;
  font-style: normal;
  font-weight: 200;
  display: flex;
  flex-direction: row;
  font-size: 1rem;
  line-height: 1.4;
  color: #AE9364;
}
.cart-discount:nth-child(n+2) {
  padding-top: 15px;
}
.cart-discount .cart-discount__title {
  flex: 2;
}
.cart-discount .cart-discount__title svg {
  width: 12px;
  height: 12px;
  padding-top: 1px;
  margin-right: 4px;
}
.cart-discount .cart-discount__price {
  padding-left: 20px;
  text-align: right;
}

.cart__totals {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  width: 100%;
  text-align: right;
}

.cart__notes {
  width: 100%;
  text-align: left;
}
.cart__notes textarea {
  max-width: 100%;
  min-width: 100%;
  min-height: 5rem;
  margin-top: 0.75rem;
}

.cart__subtotal {
  display: flex;
  flex-direction: row;
  margin-top: 0;
  margin-bottom: 0;
  font-size: var(--font-size-heading-3);
}

.cart__subtotal .total-price {
  margin-left: 1.125rem;
  color: #666666;
  text-align: right;
}

.cart__tax-and-shipping {
  margin: 1.125rem 0;
  font-size: 1rem;
}

.cart__checkout-button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
  display: inline-flex;
  align-items: center;
}
.cart__checkout-button:hover:not(:disabled), .cart__checkout-button:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.cart__checkout-button:disabled, .cart__checkout-button.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.cart__checkout-button:visited {
  color: #ffffff;
}
.cart__checkout-button:disabled, .cart__checkout-button.disabled {
  cursor: not-allowed !important;
}
@media screen and (max-width: 767px) {
  .no-js .cart__checkout-button {
    margin-top: 1.5rem;
  }
}
.cart__checkout-button svg {
  margin-right: 10px;
}

.cart__update-button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  line-height: 1.4;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #000000;
}
.cart__update-button:hover:not(:disabled), .cart__update-button:active {
  color: 










#a58956




;
  background-color: #f7f4f0;
  border: 1px solid 










#a58956




;
}
.cart__update-button:disabled, .cart__update-button.disabled {
  opacity: 0.5;
}
.cart__update-button:visited {
  color: #000000;
}
.cart__update-button:disabled, .cart__update-button.disabled {
  cursor: not-allowed !important;
}

@media screen and (max-width: 767px) {
  .no-js .cart__checkout-button,
.no-js .cart__update-button {
    display: inline-block;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .cart__continue-shopping-wrapper {
    text-align: right;
  }
}

.cart__continue-shopping {
  display: inline-block;
  color: #AE9364;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  margin-top: 2.5rem;
}
.cart__continue-shopping::after {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  cursor: pointer;
  content: "";
  background-color: #AE9364;
  transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
  transform: translateY(0.25rem);
}
.cart__continue-shopping:hover {
  color: 










#a58956




;
}
.cart__continue-shopping:hover::after {
  background-color: 










#a58956




;
  transform: translateY(0);
}

.additional-checkout-buttons {
  width: 100%;
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .additional-checkout-buttons {
    max-width: 280px;
  }
}
.no-js .additional-checkout-buttons {
  display: none;
}

[data-shopify-buttoncontainer] {
  justify-content: flex-end;
}

.cart-item__unit-price {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #000000;
}

.account-page {
  display: grid;
  grid-column-gap: 56px;
  grid-row-gap: 0;
}
@media screen and (min-width: 576px) {
  .account-page {
    grid-template-columns: 3.75fr 1.25fr;
  }
}

.account-page__header {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 576px) {
  .account-page__header {
    margin-top: 3.5rem;
  }
}
@media screen and (min-width: 576px) {
  .account-page__header {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

.account-page__heading {
  margin-top: 0;
  margin-bottom: 1.125rem;
}

.account-page__logout {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.5rem 0.75rem;
  line-height: 1.4;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #000000;
}
.account-page__logout:hover:not(:disabled), .account-page__logout:active {
  color: 










#a58956




;
  background-color: #f7f4f0;
  border: 1px solid 










#a58956




;
}
.account-page__logout:disabled, .account-page__logout.disabled {
  opacity: 0.5;
}
.account-page__logout:visited {
  color: #000000;
}
.account-page__logout:disabled, .account-page__logout.disabled {
  cursor: not-allowed !important;
}

.account-details__heading {
  text-align: left;
}

.account-details__list {
  text-align: left;
}

.order-history__heading {
  text-align: left;
}

.order-history {
  order: 1;
  border: 0;
  /* Cells in last row */
}
@media screen and (min-width: 576px) {
  .order-history {
    order: initial;
  }
}
.order-history .order-history__table {
  display: table;
  width: 100%;
  text-align: left;
  overflow-x: visible;
  white-space: normal;
}
.order-history tr.last {
  border-bottom: 0;
}
.order-history th {
  padding-bottom: 1.125rem;
  font-size: 0.8125rem;
}
@media screen and (max-width: 767px) {
  .order-history th {
    display: none;
  }
}
.order-history td {
  width: 23.4%;
  padding: 1.125rem 1.125rem 1.125rem 0;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .order-history td::before {
    position: absolute;
    left: 0;
    width: 45%;
    color: #666666;
    text-align: left;
  }
}
.order-history td.total {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .order-history td.total::before {
    top: 0;
    content: "Total";
  }
}
.order-history td.unfulfilled {
  font-family: proxima-nova,sans-serif;
  font-style: ;
  font-weight: 200;
  color: #000000;
}
.order-history td.first {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .order-history td.last {
    padding-bottom: 20px !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 767px) {
  .order-history td.order-number::before {
    top: 0;
    content: "Order";
  }
}
@media screen and (max-width: 767px) {
  .order-history td.payment-status::before {
    top: 0;
    content: "Payment";
  }
}
@media screen and (max-width: 767px) {
  .order-history td.fulfillment-status::before {
    top: 0;
    font-style: normal;
    content: "Fulfillment";
  }
}
@media screen and (max-width: 767px) {
  .order-history td {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    padding: 0 0 0 52% !important;
    margin: 14px 0 !important;
    border-bottom: 0 !important;
  }
}
.order-history .last td {
  border-bottom: 0;
}
.order-history .no-orders {
  font-family: proxima-nova,sans-serif;
  font-style: ;
  font-weight: 200;
  padding: 1.125rem 0 0;
}

.order-number {
  width: 25%;
}

.account-details {
  text-align: left;
}

.account-details__view-addresses {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.75rem 1.125rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
}
.account-details__view-addresses:hover:not(:disabled), .account-details__view-addresses:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.account-details__view-addresses:disabled, .account-details__view-addresses.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.account-details__view-addresses:visited {
  color: #ffffff;
}
.account-details__view-addresses:disabled, .account-details__view-addresses.disabled {
  cursor: not-allowed !important;
}

.activate-account-page {
  max-width: 450px;
  margin: 0 auto;
}

.activate-account-page__header {
  margin-top: 3rem;
  margin-top: 2rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 576px) {
  .activate-account-page__header {
    margin-top: 3.5rem;
  }
}
@media screen and (min-width: 576px) {
  .activate-account-page__header {
    margin-top: 2rem;
  }
}

.activate-account-page__heading {
  margin-bottom: 0.75rem;
}

.customer-activate-account {
  text-align: left;
}

.customer-activate-account__actions {
  display: grid;
  align-items: center;
  grid-gap: 1.5rem;
}
@media screen and (min-width: 576px) {
  .customer-activate-account__actions {
    grid-template-columns: repeat(2, -webkit-min-content);
    grid-template-columns: repeat(2, min-content);
  }
}

.customer-activate-account__submit {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
  white-space: nowrap;
}
.customer-activate-account__submit:hover:not(:disabled), .customer-activate-account__submit:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.customer-activate-account__submit:disabled, .customer-activate-account__submit.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.customer-activate-account__submit:visited {
  color: #ffffff;
}
.customer-activate-account__submit:disabled, .customer-activate-account__submit.disabled {
  cursor: not-allowed !important;
}

.customer-activate-account__cancel {
  color: #AE9364;
  transition: color 0.2s ease-out;
  display: block;
  padding: 0;
  text-decoration: underline;
  white-space: nowrap;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.customer-activate-account__cancel:visited {
  color: #AE9364;
}
.customer-activate-account__cancel:hover, .customer-activate-account__cancel:focus, .customer-activate-account__cancel:active {
  color: #715d3b;
}

.addresses-page {
  max-width: 640px;
  margin: 0 auto;
}

.addresses-page__header {
  margin-top: 3rem;
  margin-top: 2rem;
  margin-bottom: 3rem;
  grid-column-start: 1;
  grid-column-end: 3;
}
@media screen and (min-width: 576px) {
  .addresses-page__header {
    margin-top: 3.5rem;
  }
}
@media screen and (min-width: 576px) {
  .addresses-page__header {
    margin-top: 2rem;
  }
}

.addresses-page__heading {
  margin-top: 2.5rem;
  margin-bottom: 0.75rem;
}

.addresses-page__add-address-btn {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.75rem 1.125rem;
  line-height: 1.4;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #000000;
}
.addresses-page__add-address-btn:hover:not(:disabled), .addresses-page__add-address-btn:active {
  color: 










#a58956




;
  background-color: #f7f4f0;
  border: 1px solid 










#a58956




;
}
.addresses-page__add-address-btn:disabled, .addresses-page__add-address-btn.disabled {
  opacity: 0.5;
}
.addresses-page__add-address-btn:visited {
  color: #000000;
}
.addresses-page__add-address-btn:disabled, .addresses-page__add-address-btn.disabled {
  cursor: not-allowed !important;
}

.addresses-page_add-address {
  padding-bottom: 3rem;
  border-bottom: 1px solid #D2D2D2;
}

.customer-address__actions {
  display: grid;
  grid-template-columns: repeat(2, -webkit-min-content);
  grid-template-columns: repeat(2, min-content);
  grid-gap: 0.5rem;
}

.customer-address__submit {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.75rem 1.125rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
  white-space: nowrap;
}
.customer-address__submit:hover:not(:disabled), .customer-address__submit:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.customer-address__submit:disabled, .customer-address__submit.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.customer-address__submit:visited {
  color: #ffffff;
}
.customer-address__submit:disabled, .customer-address__submit.disabled {
  cursor: not-allowed !important;
}

.customer-address__cancel {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.75rem 1.125rem;
  line-height: 1.4;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #000000;
  white-space: nowrap;
}
.customer-address__cancel:hover:not(:disabled), .customer-address__cancel:active {
  color: 










#a58956




;
  background-color: #f7f4f0;
  border: 1px solid 










#a58956




;
}
.customer-address__cancel:disabled, .customer-address__cancel.disabled {
  opacity: 0.5;
}
.customer-address__cancel:visited {
  color: #000000;
}
.customer-address__cancel:disabled, .customer-address__cancel.disabled {
  cursor: not-allowed !important;
}

.addresses-page__address {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 3rem;
}
.addresses-page__address:not(:last-child) {
  padding-bottom: 3rem;
  border-bottom: 1px solid #D2D2D2;
}

.address-default {
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  margin-bottom: 0.75rem;
  font-weight: 700;
}

.address__address {
  margin-top: 0;
  margin-bottom: 1.125rem;
  font-size: 1.125rem;
}

.address-actions {
  display: grid;
  grid-template-columns: repeat(2, -webkit-min-content);
  grid-template-columns: repeat(2, min-content);
  grid-gap: 0.5rem;
}

.address-actions__submit {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.5rem 0.75rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
}
.address-actions__submit:hover:not(:disabled), .address-actions__submit:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.address-actions__submit:disabled, .address-actions__submit.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.address-actions__submit:visited {
  color: #ffffff;
}
.address-actions__submit:disabled, .address-actions__submit.disabled {
  cursor: not-allowed !important;
}

.address-actions__delete {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.5rem 0.75rem;
  line-height: 1.4;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #000000;
}
.address-actions__delete:hover:not(:disabled), .address-actions__delete:active {
  color: 










#a58956




;
  background-color: #f7f4f0;
  border: 1px solid 










#a58956




;
}
.address-actions__delete:disabled, .address-actions__delete.disabled {
  opacity: 0.5;
}
.address-actions__delete:visited {
  color: #000000;
}
.address-actions__delete:disabled, .address-actions__delete.disabled {
  cursor: not-allowed !important;
}

.addresses-page__edit-address {
  width: 100%;
}

.addresses-page__edit-address-header {
  margin-top: 2.5rem;
  margin-bottom: 2rem;
  text-align: left;
}

.customer-address {
  display: grid;
  text-align: left;
  column-gap: 0.75rem;
}
@media screen and (min-width: 576px) {
  .customer-address {
    grid-template-columns: repeat(2, 1fr);
  }
}

.customer-address-default {
  display: grid;
  align-items: center;
  margin-bottom: 1.5rem;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-gap: 0.25rem;
}

@media screen and (min-width: 576px) {
  .customer-company,
.customer-address1,
.customer-address2,
.customer-address-default,
.customer-address__actions {
    grid-column-start: 1;
    grid-column-end: 3;
  }
}

.shopify-challenge__message {
  margin-top: 2.5rem;
}

.shopify-challenge__button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.75rem 1.125rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
}
.shopify-challenge__button:hover:not(:disabled), .shopify-challenge__button:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.shopify-challenge__button:disabled, .shopify-challenge__button.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.shopify-challenge__button:visited {
  color: #ffffff;
}
.shopify-challenge__button:disabled, .shopify-challenge__button.disabled {
  cursor: not-allowed !important;
}

.login-page {
  max-width: 450px;
  margin: 0 auto;
}

.login-page__header {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 576px) {
  .login-page__header {
    margin-top: 3.5rem;
  }
}

.login-page__heading {
  margin-bottom: 0.75rem;
}

.login-page__guest-login {
  padding: 0;
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.login-page__guest-login:visited {
  color: #000000;
}
.login-page__guest-login:hover {
  color: 










#0f0f0f




;
  text-decoration: underline;
}
.login-page__guest-login .icon-arrow-right {
  display: inline-block;
  width: auto;
  height: 10px;
  margin-left: 0.25rem;
}

.customer-login,
.customer-recover-password {
  text-align: left;
}

.customer-login {
  display: flex;
  flex-direction: column;
}

.customer-password__input[type=password] {
  margin-bottom: 0.75rem;
}

.customer-password__recover-password {
  color: #AE9364;
  transition: color 0.2s ease-out;
  display: block;
  padding: 0;
  margin-bottom: 2rem;
  font-size: 0.875rem;
  font-weight: inherit;
  text-decoration: none;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.customer-password__recover-password:visited {
  color: #AE9364;
}
.customer-password__recover-password:hover, .customer-password__recover-password:focus, .customer-password__recover-password:active {
  color: #715d3b;
}

.customer-login__submit {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
  display: block;
  width: 100%;
  margin-bottom: 1.125rem;
}
.customer-login__submit:hover:not(:disabled), .customer-login__submit:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.customer-login__submit:disabled, .customer-login__submit.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.customer-login__submit:visited {
  color: #ffffff;
}
.customer-login__submit:disabled, .customer-login__submit.disabled {
  cursor: not-allowed !important;
}

.customer-login__register {
  display: inline-block;
  color: #AE9364;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  align-self: center;
  text-align: center;
}
.customer-login__register::after {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  cursor: pointer;
  content: "";
  background-color: #AE9364;
  transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
  transform: translateY(0.25rem);
}
.customer-login__register:hover {
  color: 










#a58956




;
}
.customer-login__register:hover::after {
  background-color: 










#a58956




;
  transform: translateY(0);
}

.customer-recover-password__actions {
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, -webkit-min-content);
  grid-template-columns: repeat(2, min-content);
  grid-gap: 1.5rem;
}

.customer-recover-password__submit {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
}
.customer-recover-password__submit:hover:not(:disabled), .customer-recover-password__submit:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.customer-recover-password__submit:disabled, .customer-recover-password__submit.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.customer-recover-password__submit:visited {
  color: #ffffff;
}
.customer-recover-password__submit:disabled, .customer-recover-password__submit.disabled {
  cursor: not-allowed !important;
}

.customer-recover-password__cancel {
  color: #AE9364;
  transition: color 0.2s ease-out;
  display: block;
  padding: 0;
  font-weight: inherit;
  text-decoration: underline;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.customer-recover-password__cancel:visited {
  color: #AE9364;
}
.customer-recover-password__cancel:hover, .customer-recover-password__cancel:focus, .customer-recover-password__cancel:active {
  color: #715d3b;
}

.order-page {
  display: grid;
  grid-column-gap: 56px;
  grid-row-gap: 0;
}
@media screen and (min-width: 960px) {
  .order-page {
    grid-template-columns: 3.75fr 1.25fr;
  }
}

.order-page__header {
  margin-top: 2rem;
  margin-bottom: 3.5rem;
}
@media screen and (min-width: 960px) {
  .order-page__header {
    margin-top: 2rem;
    grid-column-end: span 2;
  }
}

.order-page__heading {
  margin-bottom: 0.75rem;
}

.order-page__signpost {
  margin-bottom: 2.5rem;
}

.order-item__unit-price {
  color: #000000;
}

.order-table {
  --order-item-image-size: 90px;
  display: table;
  width: 100%;
  margin-bottom: 2.5rem;
  overflow-x: visible;
  white-space: normal;
}
@media screen and (min-width: 576px) {
  .order-table {
    --order-item-image-size: 120px;
  }
}

.order-table-columns__image-details {
  text-align: left;
}

.order-table-columns__image {
  width: var(--order-item-image-size);
  padding-right: 0;
}
.order-table-columns__image a {
  position: relative;
}

.order-table-columns__details {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  text-align: left;
}

.order-table-columns__price {
  width: 25%;
  padding-right: 1.5rem;
  text-align: left;
}

.order-table-columns__quantity {
  width: 10%;
  padding-right: 0;
}

.order-table-columns__total {
  width: 15%;
  padding-right: 0;
  padding-left: 1.5rem;
  text-align: right;
}

.order-table__header th {
  font-size: 0.8125rem;
  padding-top: 0;
  padding-bottom: 1.125rem;
}

.order-table__row td {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.order-item__image {
  display: block;
  width: var(--order-item-image-size);
  height: var(--order-item-image-size);
  object-fit: contain;
}
.order-item__image[data-rimg] {
  background: transparent;
}

.order-item__title {
  margin: 0;
  font-size: var(--font-size-heading-5);
}

.order-item__variant-title,
.order-item__selling-plan {
  margin-top: 0.25rem;
  font-size: 0.875rem;
}

.order-item__description a {
  text-decoration: none;
}

.order-item__remove {
  font-size: 0.875rem;
  text-decoration: none;
}

.order-item__price-container {
  display: flex;
  flex-direction: column;
}
.order-item__price-container .original-price {
  color: #000000;
  opacity: 0.5;
}
.order-item__price-container .original-price ~ .final-price {
  color: #AE9364;
}

.order-item__discounts {
  padding: 0;
  margin: 0.25rem 0 0;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #AE9364;
  list-style-type: none;
}
.order-item__discounts .order-item-discount {
  margin-bottom: 0;
}
.order-item__discounts .order-item-discount:nth-child(n+2) {
  padding-top: 5px;
}
.order-item__discounts svg {
  width: 10px;
  height: 10px;
  padding-top: 1px;
  margin-right: 1px;
}

.order-item__mobile-label {
  display: none;
}

@media screen and (max-width: 767px) {
  .order-item--first {
    border-top: 1px solid #D2D2D2;
  }

  .order-table__header {
    display: none;
  }

  .order-table__row {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5rem 0;
  }
  .order-table__row td {
    padding: 0;
  }
  .order-table__row .order-table-columns__image {
    padding-bottom: 1.5rem;
  }
  .order-table__row .order-table-columns__details {
    padding: 0 0 1.5rem 1.5rem;
  }
  .order-table__row .order-table-columns__quantity {
    padding: 0 1.5rem;
  }

  .order-item__mobile-label {
    font-family: freight-display-pro,serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 0.75rem;
    display: block;
    margin-bottom: 0.5rem;
  }

  .order-table-columns__details {
    align-self: center;
    width: calc(100% - var(--order-item-image-size));
  }

  .order-table-columns__price {
    flex: 2 2 auto;
  }

  .order-table-columns__quantity {
    flex: 0.5 0.5 auto;
    width: auto;
  }

  .order-table-columns__total {
    flex: 1.25 1.25 auto;
    width: auto;
    max-width: 140px;
  }
}
.order-item__unit-price {
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #000000;
}

.order-totals {
  display: flex;
  flex-direction: column;
  width: 50%;
  padding: 0;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 767px) {
  .order-totals {
    width: 100%;
  }
}
.order-totals li {
  margin-bottom: 1.5rem;
}
.order-totals li.order-total {
  margin-bottom: 0;
}
.order-totals h2 {
  font-family: proxima-nova,sans-serif;
  font-style: normal;
  font-weight: 200;
  margin: 0;
  font-size: inherit;
}
.order-totals .order-subtotal,
.order-totals .order-discounts,
.order-totals .order-shipping,
.order-totals .order-tax,
.order-totals .order-total {
  display: flex;
  flex-direction: row;
  text-align: left;
}
.order-totals .order-subtotal h2,
.order-totals .order-discounts h2,
.order-totals .order-shipping h2,
.order-totals .order-tax h2,
.order-totals .order-total h2 {
  flex: 2;
}
.order-totals .order-subtotal .order-totals-money,
.order-totals .order-discounts .order-totals-money,
.order-totals .order-shipping .order-totals-money,
.order-totals .order-tax .order-totals-money,
.order-totals .order-total .order-totals-money {
  flex: 1;
  text-align: right;
}
.order-totals .order-discounts {
  color: #AE9364;
}
.order-totals .order-discounts .order-discount-title {
  line-height: 1.5;
  color: #AE9364;
  font-size: 1rem;
}
.order-totals .order-discounts .order-discount-title svg {
  width: 11px;
  height: 11px;
  padding-top: 1px;
  margin-right: 4px;
}
.order-totals .order-discounts .discount-amount {
  padding-left: 1.125rem;
}

.order-total {
  font-size: 1.125rem;
}

.order-page-details {
  text-align: left;
}

.order-page-details__heading {
  margin-bottom: 1.5rem;
  margin-top: 3.5rem;
}
@media screen and (min-width: 960px) {
  .order-page-details__heading:first-child {
    margin-top: 0;
  }
}

.order-page-details__status-label {
  font-weight: 500;
}

.register-page {
  max-width: 450px;
  margin: 0 auto;
}

.register-page__header {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 576px) {
  .register-page__header {
    margin-top: 3.5rem;
  }
}

.customer-create {
  text-align: left;
}

.customer-create__submit {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
  display: block;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 1.125rem;
}
.customer-create__submit:hover:not(:disabled), .customer-create__submit:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.customer-create__submit:disabled, .customer-create__submit.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.customer-create__submit:visited {
  color: #ffffff;
}
.customer-create__submit:disabled, .customer-create__submit.disabled {
  cursor: not-allowed !important;
}

.reset-password-page {
  max-width: 450px;
  margin: 0 auto;
}

.reset-password-page__header {
  margin-top: 3rem;
  margin-top: 2rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 576px) {
  .reset-password-page__header {
    margin-top: 3.5rem;
  }
}
@media screen and (min-width: 576px) {
  .reset-password-page__header {
    margin-top: 2rem;
  }
}

.reset-password__heading {
  margin-bottom: 0.75rem;
}

.customer-reset-password {
  text-align: left;
}

.customer-reset-password__submit {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
  display: block;
  width: 100%;
  margin-bottom: 1.125rem;
}
.customer-reset-password__submit:hover:not(:disabled), .customer-reset-password__submit:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.customer-reset-password__submit:disabled, .customer-reset-password__submit.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.customer-reset-password__submit:visited {
  color: #ffffff;
}
.customer-reset-password__submit:disabled, .customer-reset-password__submit.disabled {
  cursor: not-allowed !important;
}

.gift-card {
  max-width: 450px;
  margin: 0 auto;
  border-top: 0;
}

.gift-card__header {
  margin-top: 2.5rem;
}

.gift-card__heading {
  margin-bottom: 0.5rem;
}

.gift-card__amount-remaining,
.gift-card__disabled,
.gift-card__expired,
.gift-card__active {
  margin-bottom: 0;
}

.gift-card__amount-remaining {
  font-size: 1.125rem;
}

.gift-card__disabled,
.gift-card__expired,
.gift-card__active {
  font-size: 0.875rem;
}

.gift-card__wrapper {
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.gift-card__wrapper:first-child {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .gift-card__wrapper {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
  }
  .gift-card__wrapper:first-child {
    margin-top: 3.5rem;
  }
}

.gift-card__details {
  position: relative;
  display: inline-block;
  margin-bottom: 2rem;
}

.gift-card__img {
  display: block;
  border-radius: 19px;
}

.gift-card__amount {
  position: absolute;
  top: 1.125rem;
  right: 1.5rem;
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}

.gift-card__code {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  width: var(--gift-card-code-length);
  padding: 0.5rem;
  color: #000;
  cursor: pointer;
  transform: translateX(-50%);
  box-sizing: content-box;
}
.gift-card__code::before {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  left: -0.5rem;
  z-index: -1;
  background-color: #fff;
  border-radius: 3px;
  content: "";
}
.gift-card__code::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px dashed #000;
  border-radius: 3px;
  content: "";
}

.gift-card__qr-code {
  margin-bottom: 2rem;
}

.gift-card__actions {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0.75rem;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
}

.gift-card__shop-btn {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.75rem 1.125rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
}
.gift-card__shop-btn:hover:not(:disabled), .gift-card__shop-btn:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.gift-card__shop-btn:disabled, .gift-card__shop-btn.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.gift-card__shop-btn:visited {
  color: #ffffff;
}
.gift-card__shop-btn:disabled, .gift-card__shop-btn.disabled {
  cursor: not-allowed !important;
}

.gift-card__print-btn {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.75rem 1.125rem;
  color: #000000;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.gift-card__print-btn:hover:not(:disabled), .gift-card__print-btn:active {
  color: #AE9364;
}
.gift-card__print-btn:disabled, .gift-card__print-btn.disabled {
  opacity: 0.5;
  color: #000000;
}
.gift-card__print-btn:disabled, .gift-card__print-btn.disabled {
  cursor: not-allowed !important;
}

.standard-page--width-regular {
  max-width: 80ch;
  margin-right: auto;
  margin-left: auto;
}

.standard-page--width-wide {
  max-width: 100ch;
  margin-right: auto;
  margin-left: auto;
}

.standard-page--width-full {
  max-width: 100%;
}

.standard-page__header {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .standard-page__header {
    margin-top: 3.5rem;
  }
}

.standard-page__content {
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: left;
}
@media screen and (min-width: 576px) {
  .standard-page__content {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
}
.standard-page__content button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
}
.standard-page__content button:hover:not(:disabled), .standard-page__content button:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.standard-page__content button:disabled, .standard-page__content button.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.standard-page__content button:visited {
  color: #ffffff;
}
.standard-page__content button:disabled, .standard-page__content button.disabled {
  cursor: not-allowed !important;
}

.contact-page--width-regular {
  max-width: 80ch;
  margin-right: auto;
  margin-left: auto;
}

.contact-page--width-wide {
  max-width: 100ch;
  margin-right: auto;
  margin-left: auto;
}

.contact-page--width-full {
  max-width: 100%;
}

.contact-page__header {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .contact-page__header {
    margin-top: 3.5rem;
  }
}

.contact-page__wrapper {
  text-align: center;
  width: 98%;
  margin: 3rem auto;
}
@media screen and (min-width: 576px) {
  .contact-page__wrapper {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
}

.contact-form {
  margin-bottom: 3.5rem;
}

.contact-form__heading {
  font-size: var(--font-size-heading-3);
}

@media screen and (min-width: 576px) {
  .contact-form__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 1.5rem;
  }
}

@media screen and (min-width: 576px) {
  .contact-form__email,
.contact-form__comment {
    grid-column-start: span 2;
  }
}

.contact-form__submit {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
}
.contact-form__submit:hover:not(:disabled), .contact-form__submit:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.contact-form__submit:disabled, .contact-form__submit.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.contact-form__submit:visited {
  color: #ffffff;
}
.contact-form__submit:disabled, .contact-form__submit.disabled {
  cursor: not-allowed !important;
}

.template-password {
  text-align: center;
}
.template-password .page-wrap {
  position: relative;
  margin-bottom: 0;
}
.template-password .form-title {
  font-family: utopia-std,georgia, serif;
  font-style: normal;
  font-weight: 400;
  max-width: 695px;
  margin: 4.5rem auto 1.5rem;
  font-size: var(--font-size-heading-5);
}
.template-password .errors {
  margin: 0;
  grid-column-end: span 1;
}
@media screen and (min-width: 576px) {
  .template-password .errors {
    grid-column-end: span 2;
  }
}
.template-password .social-links {
  display: inline-grid;
  padding-top: 3rem;
}

.password-page__logo {
  width: var(--password-logo-width-mobile, auto);
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  .password-page__logo {
    width: var(--password-logo-width, auto);
  }
}
.password-page__logo img {
  display: block;
  width: 100%;
}

.password-page-header {
  display: flex;
  justify-content: center;
  margin: 24px 24px 0;
}
@media screen and (min-width: 576px) {
  .password-page-header {
    justify-content: flex-end;
  }
}

.password-page__open-modal-button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.5rem 0.75rem;
  line-height: 1.4;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #000000;
}
.password-page__open-modal-button:hover:not(:disabled), .password-page__open-modal-button:active {
  color: 










#a58956




;
  background-color: #f7f4f0;
  border: 1px solid 










#a58956




;
}
.password-page__open-modal-button:disabled, .password-page__open-modal-button.disabled {
  opacity: 0.5;
}
.password-page__open-modal-button:visited {
  color: #000000;
}
.password-page__open-modal-button:disabled, .password-page__open-modal-button.disabled {
  cursor: not-allowed !important;
}
@media screen and (min-width: 576px) {
  .password-page__open-modal-button {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    border-radius: 3px;
    transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
    font-family: freight-display-pro,serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 0.75rem;
    padding: 0.75rem 1.125rem;
    line-height: 1.4;
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #000000;
  }
  .password-page__open-modal-button:hover:not(:disabled), .password-page__open-modal-button:active {
    color: 










#a58956




;
    background-color: #f7f4f0;
    border: 1px solid 










#a58956




;
  }
  .password-page__open-modal-button:disabled, .password-page__open-modal-button.disabled {
    opacity: 0.5;
  }
  .password-page__open-modal-button:visited {
    color: #000000;
  }
  .password-page__open-modal-button:disabled, .password-page__open-modal-button.disabled {
    cursor: not-allowed !important;
  }
}

.password-page-footer {
  width: 100%;
  margin: 2.5rem auto;
  font-size: 0.875rem;
}
.password-page-footer a {
  text-decoration: none;
}

.password-page-form-header {
  font-family: utopia-std,georgia, serif;
  font-style: normal;
  font-weight: 400;
  margin-top: 4.5rem;
}

.password-page-message {
  width: 90%;
  max-width: 695px;
  margin: 2.5rem auto 0;
  font-size: 1.125rem;
}

.modal--password .form-title {
  margin-top: 0;
}
.modal--password .modal-inner {
  max-width: 650px;
  padding: 56px 36px;
}

.password-page-modal-content {
  display: none;
}

.password-page-field-wrap {
  display: grid;
  width: 75%;
  margin: 0 auto;
  grid-gap: 0.75rem;
}
@media screen and (min-width: 576px) {
  .password-page-field-wrap {
    width: 50%;
    min-width: 277px;
    margin: 0 auto;
    grid-template-columns: 1fr -webkit-min-content;
    grid-template-columns: 1fr min-content;
  }
}
.password-page-field-wrap .submit {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.75rem 1.125rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
}
.password-page-field-wrap .submit:hover:not(:disabled), .password-page-field-wrap .submit:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.password-page-field-wrap .submit:disabled, .password-page-field-wrap .submit.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.password-page-field-wrap .submit:visited {
  color: #ffffff;
}
.password-page-field-wrap .submit:disabled, .password-page-field-wrap .submit.disabled {
  cursor: not-allowed !important;
}

.password-page-input[type=email],
.password-page-input[type=password] {
  margin: 0;
}

.product__heading {
  margin: 0.5rem 0 0;
  display:flex;
  width:100%;
}

@media screen and (max-width: 767px) {
  .product__heading {
    justify-content: center;
  }
}

.product__wrapper {
  margin-top: 0.5rem;
  margin-bottom: 3rem;
  display: grid;
  text-align: left;
  overflow-wrap: anywhere;
}
.product__wrapper:first-child {
  margin-top: 2rem;
}
@media screen and (min-width: 576px) {
  .product__wrapper {
    margin-top: 2rem;
    margin-bottom: 3.5rem;
  }
  .product__wrapper:first-child {
    margin-top: 2rem;
  }
}

.product-details__price-container {
  margin-top: 1.125rem;

}

.product-quantity {
  margin-top: 1.125rem;
}

.product-details__text {
  margin-top: 1.125rem;
}

.product-details__app {
  width: 100%;
}

.product__wrapper--one-column {
  --product-single-column-content-max-width: 650px;
}
@media screen and (min-width: 576px) {
  .product__wrapper--one-column {
    margin-top: 3.5rem;
  }
}
.product__wrapper--one-column .product__heading {
  text-align: center;
}
.product__wrapper--one-column .product-gallery {
  margin-top: 2.5rem;
}
@media screen and (min-width: 576px) {
  .product__wrapper--one-column .product-gallery {
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #D2D2D2;
  }
}
.product__wrapper--one-column .product-gallery--last {
  border-bottom: none;
}
.product__wrapper--one-column .product-details {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product__wrapper--one-column .product-details__qty-price-container,
.product__wrapper--one-column .product-details__price-container {
  max-width: 650px;
}
.product__wrapper--one-column .product-details__add-to-cart-area {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-width: 650px;
}
.product__wrapper--one-column .product-quantity,
.product__wrapper--one-column .product-details__price-container {
  text-align: center;
}
.product__wrapper--one-column .product-details__add-to-cart-buttons {
  width: 100%;
  margin-top: 2rem;
}
@media screen and (min-width: 576px) {
  .product__wrapper--one-column .product-details__add-to-cart-buttons--spb-disabled .product-details__add-to-cart-button {
    width: calc(50% - (1.125rem / 2));
    justify-self: center;
  }
}
@media screen and (min-width: 576px) {
  .product__wrapper--one-column .product-details__add-to-cart-buttons--spb-enabled {
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
  }
  .product__wrapper--one-column .product-details__add-to-cart-buttons--spb-enabled .product-details__add-to-cart-button:disabled {
    width: calc(50% - (1.125rem / 2));
    justify-self: center;
  }
}
.product__wrapper--one-column .product-details__options {
  display: flex;
  flex-direction: column;
  row-gap: 1.125rem;
  width: 100%;
  margin-top: 2rem;
}
@media screen and (min-width: 576px) {
  .product__wrapper--one-column .product-details__options {
    align-self: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    width: calc(100% + 1.125rem);
    margin-right: -1.125rem;
  }
}
@media screen and (min-width: 576px) {
  .product__wrapper--one-column .product-details__option-wrapper {
    width: min(calc((100% - (2 * 1.125rem))/ 2), calc(((650px - 1.125rem) / 2)));
    margin-right: 1.125rem;
  }
}
.product__wrapper--one-column .product-details__description {
  width: 100%;
  max-width: 650px;
}
.product__wrapper--one-column .product-details__description table {
  overflow-wrap: normal;
}
@media screen and (min-width: 576px) {
  .product__wrapper--one-column .product__share-text {
    text-align: center;
  }
}

.product__wrapper--two-column {
  grid-row-gap: 44px;
  margin:0 0.5rem;
}
@media screen and (min-width: 768px) {
  .product__wrapper--two-column {
    grid-column-gap: 20px;
    grid-template-columns: 4fr 6fr;
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
  }
}
@media screen and (min-width: 960px) {
  .product__wrapper--two-column {
    grid-column-gap: 56px;
  }
}
@media screen and (min-width: 768px) {
  .product__wrapper--two-column .product-gallery {
    margin-bottom: 0;
  }
}
.product__wrapper--two-column .product-details__options {
  display: flex;
  flex-direction: column;
  width:100%;
  justify-content: center;
  row-gap: 1.125rem;
}
.product__wrapper--two-column .product-details__description table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

shopify-payment-terms {
  display: block;
  margin-top: 0.75rem;
}

:root {
  --color-body-text: #000000;
  --color-body: #ffffff;
  --color-bg: #ffffff;
}

.product__vendor {
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  margin: 0.5rem 0 0;
}
.product__vendor a {
  color: #AAAAAA;
  text-decoration: none;
}

.product__rating {
  margin-top: 1.125rem;
}

.product-details__add-to-cart-button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
  position: relative;
  align-self: start;
}
.product-details__add-to-cart-button:hover:not(:disabled), .product-details__add-to-cart-button:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.product-details__add-to-cart-button:disabled, .product-details__add-to-cart-button.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.product-details__add-to-cart-button:visited {
  color: #ffffff;
}
.product-details__add-to-cart-button:disabled, .product-details__add-to-cart-button.disabled {
  cursor: not-allowed !important;
}
.product-details__add-to-cart-buttons--spb-enabled .product-details__add-to-cart-button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  line-height: 1.4;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #000000;
}
.product-details__add-to-cart-buttons--spb-enabled .product-details__add-to-cart-button:hover:not(:disabled), .product-details__add-to-cart-buttons--spb-enabled .product-details__add-to-cart-button:active {
  color: 










#a58956




;
  background-color: #f7f4f0;
  border: 1px solid 










#a58956




;
}
.product-details__add-to-cart-buttons--spb-enabled .product-details__add-to-cart-button:disabled, .product-details__add-to-cart-buttons--spb-enabled .product-details__add-to-cart-button.disabled {
  opacity: 0.5;
}
.product-details__add-to-cart-buttons--spb-enabled .product-details__add-to-cart-button:visited {
  color: #000000;
}
.product-details__add-to-cart-buttons--spb-enabled .product-details__add-to-cart-button:disabled, .product-details__add-to-cart-buttons--spb-enabled .product-details__add-to-cart-button.disabled {
  cursor: not-allowed !important;
}

.product-details__add-to-cart-button--loading [data-product-atc-text] {
  visibility: hidden;
}
.product-details__add-to-cart-button--loading [data-product-atc-loader] {
  display: block;
}

[data-product-atc-loader] {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  transform: translate(-50%, -50%);
}
[data-product-atc-loader] svg {
  display: block;
  width: 35px;
  height: 35px;
  animation: rotate 0.7s cubic-bezier(0.69, 0.31, 0.56, 0.83) infinite;
}

.product-gallery {
  margin: 0 auto;
}

.product-details {
  display: flex;
  flex-wrap:wrap;
  width: 100%;
  min-width: 0;
  align-content: flex-start;
  justify-content: flex-start;
  gap: 1rem;

}
@media screen and (max-width: 767px) {
  .product-details {
    text-align:center;
    justify-content: center;
  }
}

.product-main-image {
  position: relative;
}
.product-main-image.zoom-enabled {
  cursor: zoom-in;
}

.product-details__options .product-details__option-name {
  display: none;
}
.product-details__options .js-required {
  display: none;
}
.js .product-details__options .js-required {
  display: block;
}
.js .product-details__options .no-js-required {
  display: none;
}

.product-details__option-wrapper {
  position: relative;
  width:50%;
  margin-top:1rem;
  margin-bottom:1rem;
}

@media screen and (max-width: 767px){
      .product-details__option-wrapper {
        width:80%;
        margin:auto;
      }


}


.product-details__option-wrapper::after {
  position: absolute;
  pointer-events: none;
  content: url('data:image/svg+xml,%3Csvg viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 0.75L8 7.75L15 0.75" stroke="%23393b3f" stroke-width="1.75"/%3E%3C/svg%3E');
  transform: translate(-100%, 25%);
  width: 13.25px;
  height: 7.5px;
  padding: 0.75rem 1.125rem;
}
.product-details__option-wrapper select {
  margin: 0;
}
.product-details__option-wrapper::after {
  transform: translate(-100%, 0);
}

.product-details__option-name {
  margin-bottom: 0.25rem;
}
.product-details__options--show-label .product-details__option-name {
  display: block;
}

.product-message {
  padding: 1.125rem;
  margin-top: 1.5rem;
  border: 1px solid #D2D2D2;
}
.product-message a {
  color: #AE9364;
  transition: color 0.2s ease-out;
}
.product-message a:visited {
  color: #AE9364;
}
.product-message a:hover, .product-message a:focus, .product-message a:active {
  color: #715d3b;
}

.product-message__form {
  display: inline-block;
}

.product-message__btn {
  color: #AE9364;
  transition: color 0.2s ease-out;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-decoration: underline;
  cursor: pointer;
  background: none;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.product-message__btn:visited {
  color: #AE9364;
}
.product-message__btn:hover, .product-message__btn:focus, .product-message__btn:active {
  color: #715d3b;
}

.product-price {
  font-size: 1.125rem;

}
@media screen and (min-width: 576px) {
  .product-price {
    font-size: 1.5rem;
  }
}

.product-price__minimum--sale {
  color: #AE9364;
}

.product-price__compare {
  margin-left: 0.25rem;
  opacity: 0.5;
}

.product-price__compare--hidden {
  display: none;
}

.product-submit {
  display: none;
}

.product-details .quantity-field {
  box-sizing: content-box;
  width: 5ch;
  padding-right: 0.25rem;
  margin-bottom: 0;
}

.product-quantity-label {
  display: block;
}

.product-details__qty-price-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  margin: 0;
}

@media screen and (max-width: 767px) { 
  .product-details__qty-price-container {

    justify-content: center;
 
  }
  
}


.product-details__qty-price-container .product-details__price-container {
  padding-top: 1.5rem;
  margin-top: 0;
}
.product-details__qty-price-container .product-quantity {
  margin-top: 0;
  margin-left: 1.2rem;
  text-align: left;

}

@media screen and (min-width: 576px) {
  .product__wrapper--one-column .product-details__qty-price-container--align-columns {
    display: grid;
    align-items: center;
    grid-gap: 1.125rem;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
  }
  .product__wrapper--one-column .product-details__qty-price-container--align-columns .product-details__price-container {
    justify-self: end;
  }
  .product__wrapper--one-column .product-details__qty-price-container--align-columns .product-quantity {
    margin-left: 0;
    justify-self: start;
  }
}

.product-details__add-to-cart-buttons {
  display: flex;
  padding-top:1.5rem;
}

@media screen and (max-width: 767px) { 
  .product-details__add-to-cart-buttons {

    justify-content: center;
 
  }
  
}

.product-details__description {
  display:flex;
  flex-direction:column;
  width:100%;
  max-width: 800px;
}

@media screen and (max-width: 767px) {
  .product-details__description {
    margin-bottom:10px;
  }

  
}


.product-image-zoomable {
  overflow: hidden;
  will-change: transform;
}
.product-image-zoomable:not(.product-image-zoomed) {
  cursor: zoom-in;
}
.product-image-zoomable.product-image-zoomed {
  cursor: zoom-out;
}

.product-details__unit-price,
.product-details__tax-label {
  margin-top: 0.25rem;
  font-size: 0.8125rem;
  color: 










#0f0f0f




;
}

.product-details__unit-price--hidden,
.product-details__tax-label--hidden {
  display: none;
}

.product__share {
  margin-top: 2.5rem;
}

.product__share-text {
  margin-bottom: 0.75rem;
}

.product__wrapper .product-block--first,
.product-block--first .product-details__add-to-cart-buttons,
.product-block--first .product-details__options--hide-label select {
  margin-top: 0;
}

.search-page #page-content {
  border-top: none;
}

.search-page__header {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .search-page__header {
    margin-top: 3.5rem;
  }
}

.search-results {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 36px 24px;
  padding-left: 0;
  margin: 3.5rem 0 2.5rem;
}
@media screen and (min-width: 576px) {
  .search-results {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 44px 36px;
  }
}

.search-results__result {
  list-style: none;
}

.search-results__article-result a {
  color: #666666;
  text-decoration: none;
}
.search-results__article-result a:hover, .search-results__article-result a:active, .search-results__article-result a:focus, .search-results__article-result a:visited {
  color: #666666;
}

.search-results__article-image {
  position: relative;
}
.search-results__article-image img {
  display: block;
}

.search-results__article-title {
  font-family: utopia-std,georgia, serif;
  font-style: normal;
  font-weight: 400;
  margin: 0.5rem 0;
  font-size: var(--font-size-heading-4);
  line-height: 1.3;
}

.search-results__article-date {
  font-size: 0.875rem;
}

.search-results__return {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  color: #000000;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.3);
  margin: 2.5rem 0 0;
}
.search-results__return:hover:not(:disabled), .search-results__return:active {
  color: #AE9364;
}
.search-results__return:disabled, .search-results__return.disabled {
  opacity: 0.5;
  color: #000000;
}
.search-results__return:disabled, .search-results__return.disabled {
  cursor: not-allowed !important;
}

/* Sections */
.blog-posts__header {
  margin-top: 2.5rem;
}

.blog-posts__heading {
  margin-bottom: 0.5rem;
}

.blog-posts__wrapper {
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  display: grid;
  grid-gap: 36px 24px;
  grid-template-columns: 1fr;
  padding: 0;
  list-style-type: none;
}
.blog-posts__wrapper:first-child {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .blog-posts__wrapper {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
  }
  .blog-posts__wrapper:first-child {
    margin-top: 3.5rem;
  }
}
@media screen and (min-width: 576px) {
  .blog-posts__wrapper {
    grid-gap: 44px 36px;
  }
}

.blog-posts--1-column {
  max-width: 80ch;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 576px) {
  .blog-posts--2-column {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 576px) {
  .blog-posts--3-column {
    grid-template-columns: repeat(2, 1fr);
  }
  .blog-posts--3-column .blog-article:first-child {
    grid-column-start: span 2;
  }
}
@media screen and (min-width: 768px) {
  .blog-posts--3-column {
    grid-template-columns: repeat(3, 1fr);
  }
  .blog-posts--3-column .blog-article:first-child {
    grid-column-start: 1;
  }
}

.collection-list__header {
  margin-top: 2.5rem;
}

.collection-list__heading {
  margin-bottom: 0.5rem;
}

.collection-list__wrapper {
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  display: grid;
  grid-gap: 36px 24px;
  grid-template-columns: repeat(2, 1fr);
}
.collection-list__wrapper:first-child {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .collection-list__wrapper {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
  }
  .collection-list__wrapper:first-child {
    margin-top: 3.5rem;
  }
}
@media screen and (min-width: 576px) {
  .collection-list__wrapper {
    grid-gap: 44px 36px;
  }
}

.collection-list--1-columns {
  grid-template-columns: 1fr;
}

@media screen and (min-width: 768px) {
  .collection-list--3-columns {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .collection-list .collection-list--3-columns .collection-list-item:first-child {
    grid-column: 1/span 2;
  }
}

.custom-liquid__wrapper {
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  display: flex;
  margin-right: auto;
  margin-left: auto;
}
.custom-liquid__wrapper:first-child {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .custom-liquid__wrapper {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
  }
  .custom-liquid__wrapper:first-child {
    margin-top: 3.5rem;
  }
}

.featured-collection__header {
  margin-top: 2.5rem;
}

.featured-collection__heading {
  margin-bottom: 0.5rem;
}

.featured-collection__wrapper {
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  display: grid;
  grid-gap: 36px 24px;
  grid-template-columns: repeat(2, 1fr);
}
.featured-collection__wrapper:first-child {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .featured-collection__wrapper {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
  }
  .featured-collection__wrapper:first-child {
    margin-top: 3.5rem;
  }
}
@media screen and (min-width: 576px) {
  .featured-collection__wrapper {
    grid-gap: 44px 36px;
  }
}

@media screen and (min-width: 576px) {
  .featured-collection--3-columns {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 576px) {
  .featured-collection--4-columns {
    grid-gap: 36px 24px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .featured-collection--4-columns {
    grid-gap: 44px 36px;
    grid-template-columns: repeat(4, 1fr);
  }
}

.image-with-text__section-heading {
  margin-bottom: 0.5rem;
}

.image-with-text__container {
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  display: flex;
  flex-wrap: wrap;
}
.image-with-text__container:first-child {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .image-with-text__container {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
  }
  .image-with-text__container:first-child {
    margin-top: 3.5rem;
  }
}
.image-with-text--mobile-image-alignment-top .image-with-text__container {
  flex-direction: column;
}
.image-with-text--mobile-image-alignment-bottom .image-with-text__container {
  flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .image-with-text--desktop-image-alignment-left .image-with-text__container {
    flex-direction: row;
  }
  .image-with-text--desktop-image-alignment-right .image-with-text__container {
    flex-direction: row-reverse;
  }
}

@supports (object-fit: cover) {
  .image-with-text__image {
    width: 100%;
    object-fit: cover;
  }
  .image-with-text__image.image-with-text__placeholder {
    background-color: rgba(0, 0, 0, 0.1);
    fill: rgba(0, 0, 0, 0.35);
  }
  .image-with-text--mobile-height-300px .image-with-text__image {
    height: 300px;
  }
  .image-with-text--mobile-height-400px .image-with-text__image {
    height: 400px;
  }
  .image-with-text--mobile-height-500px .image-with-text__image {
    height: 500px;
  }
  .image-with-text--mobile-height-natural .image-with-text__image {
    height: auto;
  }
  @media screen and (min-width: 768px) {
    .image-with-text__image {
      width: 100%;
    }
    .image-with-text--desktop-height-400px .image-with-text__image {
      height: 400px;
    }
    .image-with-text--desktop-height-500px .image-with-text__image {
      height: 500px;
    }
    .image-with-text--desktop-height-600px .image-with-text__image {
      height: 600px;
    }
    .image-with-text--desktop-height-700px .image-with-text__image {
      height: 700px;
    }
    .image-with-text--desktop-height-800px .image-with-text__image {
      height: 800px;
    }
    .image-with-text--desktop-height-natural .image-with-text__image {
      height: auto;
    }
  }
}
.image-with-text__image-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .image-with-text__image-wrapper {
    width: 50%;
  }
}

.image-with-text__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 24px 0;
}
.image-with-text__content .image-with-text-text-alignment-left {
  text-align: left;
}
.image-with-text__content .image-with-text-text-alignment-center {
  text-align: center;
}
.image-with-text__content .image-with-text-text-alignment-right {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .image-with-text__content {
    width: 50%;
    padding: 24px;
  }
  .image-with-text--desktop-image-alignment-left .image-with-text__content {
    padding-left: 44px;
  }
  .image-with-text--desktop-image-alignment-right .image-with-text__content {
    padding-right: 44px;
  }
}
@media screen and (min-width: 960px) {
  .image-with-text__content {
    padding: 36px;
  }
  .image-with-text--desktop-image-alignment-left .image-with-text__content {
    padding-left: 56px;
  }
  .image-with-text--desktop-image-alignment-right .image-with-text__content {
    padding-right: 56px;
  }
}

.image-with-text__button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
  margin: 1.5rem 0 0;
}
.image-with-text__button:hover:not(:disabled), .image-with-text__button:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.image-with-text__button:disabled, .image-with-text__button.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.image-with-text__button:visited {
  color: #ffffff;
}
.image-with-text__button:disabled, .image-with-text__button.disabled {
  cursor: not-allowed !important;
}

.image-with-text__heading {
  margin-top: 0;
  margin-bottom: 0.75rem;
}

.promotion-blocks__header {
  margin-top: 2.5rem;
}

.promotion-blocks__heading {
  margin-bottom: 0.5rem;
}

.promotion-blocks__wrapper {
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  display: grid;
  grid-gap: 36px;
  align-items: start;
}
.promotion-blocks__wrapper:first-child {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .promotion-blocks__wrapper {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
  }
  .promotion-blocks__wrapper:first-child {
    margin-top: 3.5rem;
  }
}
@media screen and (min-width: 768px) {
  .promotion-blocks__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

.promotion-block {
  position: relative;
}
@media screen and (min-width: 768px) {
  .promotion-blocks--1-columns .promotion-block, .promotion-blocks--3-columns .promotion-block:last-child {
    grid-column-end: span 2;
  }
}

.promotion-block__image img {
  display: block;
  width: 100%;
}

.promotion-block__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
}

.promotion-block--text-color-light {
  --promotion-block-text-color: #fff;
  color: var(--promotion-block-text-color);
}

.promotion-block--text-color-dark {
  --promotion-block-text-color: #333;
  color: var(--promotion-block-text-color);
}

.promotion-block__content {
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 3rem;
  text-align: center;
  transform: translateY(-50%);
}
.promotion-block__content p {
  margin: 0;
}

.promotion-block__heading {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-size: var(--font-size-heading-2);
  color: inherit;
}

.promotion-block__cta {
  display: inline-block;
  color: #AE9364;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  margin-top: 1.125rem;
  color: inherit;
}
.promotion-block__cta::after {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  cursor: pointer;
  content: "";
  background-color: #AE9364;
  transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
  transform: translateY(0.25rem);
}
.promotion-block__cta:hover {
  color: 










#a58956




;
}
.promotion-block__cta:hover::after {
  background-color: 










#a58956




;
  transform: translateY(0);
}
.promotion-block__cta::after {
  background-color: var(--promotion-block-text-color);
}
.promotion-block__cta:hover {
  color: inherit;
}
.promotion-block__cta:hover::after {
  color: var(--promotion-block-text-color);
}
.promotion-block:hover .promotion-block__cta::after {
  transform: translateY(0);
}

.promotion .placeholder-svg {
  background: rgba(0, 0, 0, 0.2);
  fill: rgba(0, 0, 0, 0.15);
}

.promotion-block--content-overflow {
  position: relative;
  height: var(--promotion-block-height);
  overflow: hidden;
}
.promotion-block--content-overflow .promotion-block__image {
  display: block;
}
.promotion-block--content-overflow .promotion-block__image img {
  position: absolute;
  left: 50%;
  height: 100%;
  width: auto;
  max-width: none;
  transform: translateX(-50%);
}

.rich-text__wrapper {
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 90%;
  margin-right: auto;
  margin-left: auto;
}
.rich-text__wrapper:first-child {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .rich-text__wrapper {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
  }
  .rich-text__wrapper:first-child {
    margin-top: 3.5rem;
  }
}

.rich-text__heading {
  max-width: 55ch;
  margin-top: 0;
}
.rich-text__heading:last-child {
  margin: 0;
}

.rich-text__content {
  max-width: 80ch;
}

.slideshow .flickity-prev-next-button {
  background: transparent;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), top 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slideshow .flickity-prev-next-button .arrow {
  fill: var(--slide-text-color);
}
.slideshow:hover .flickity-prev-next-button, .slideshow:focus-within .flickity-prev-next-button {
  opacity: 1;
}
.slideshow .flickity-prev-next-button:focus {
  opacity: 1;
  outline: var(--slide-text-color) solid 2px;
}

.slideshow__wrapper {
  margin:0

}



.slideshow-slide {
  position: relative;
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 0;
}

.slideshow-slide__background-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1;
}
.slideshow-slide__background-link:focus .slideshow-slide__image-wrapper {
  box-shadow: 0 0 6px 3px inset var(--slide-text-color);
}

.slideshow-slide__image-wrapper {
  pointer-events: none;
  overflow: hidden;
}
.slideshow--size-23-9 .slideshow-slide__image-wrapper {
  padding-bottom: 39.1304347826%;
}
.slideshow--size-2-1 .slideshow-slide__image-wrapper {
  padding-bottom: 50%;
}
.slideshow--size-8-5 .slideshow-slide__image-wrapper {
  padding-bottom: 62.5%;
}
.slideshow--size-23-9 .slideshow-slide__image-wrapper, .slideshow--size-2-1 .slideshow-slide__image-wrapper, .slideshow--size-8-5 .slideshow-slide__image-wrapper {
  position: relative;
}

.slideshow--size-original .slideshow-slide__image {
  width: 100%;
}
.slideshow--size-23-9 .slideshow-slide__image, .slideshow--size-2-1 .slideshow-slide__image, .slideshow--size-8-5 .slideshow-slide__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slideshow-slide__placeholder {
  background-color: rgba(0, 0, 0, 0.1);
  fill: rgba(0, 0, 0, 0.35);
}
.slideshow--size-23-9 .slideshow-slide__placeholder, .slideshow--size-2-1 .slideshow-slide__placeholder, .slideshow--size-8-5 .slideshow-slide__placeholder {
  top: 50%;
  left: 50%;
  width: 170%;
  transform: translate(-50%, -50%);
}

.slideshow-slide__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
@media screen and (max-width: 575px) {
  .slideshow-slide__overlay {
    display: none;
  }
}

.slideshow-slide__content {
  position: absolute;
  display: block;
  width: 100%;
  padding: 3.5rem;
  font-size: 1rem;
  color: var(--slide-text-color);
}
@media screen and (min-width: 576px) {
  .slideshow-slide__content {
    font-size: 1.125rem;
  }
}

.slideshow-slide__content--text-left-top,
.slideshow-slide__content--text-left-center,
.slideshow-slide__content--text-left-bottom {
  text-align: left;
}

.slideshow-slide__content--text-right-top,
.slideshow-slide__content--text-right-center,
.slideshow-slide__content--text-right-bottom {
  text-align: right;
}

.slideshow-slide__content--text-left-top,
.slideshow-slide__content--text-center-top,
.slideshow-slide__content--text-right-top {
  top: 0;
}

.slideshow-slide__content--text-left-center,
.slideshow-slide__content--text-center-center,
.slideshow-slide__content--text-right-center {
  top: 50%;
  transform: translateY(-50%);
}

.slideshow-slide__content--text-left-bottom,
.slideshow-slide__content--text-center-bottom,
.slideshow-slide__content--text-right-bottom {
  bottom: 0;
}

@media screen and (max-width: 575px) {
  .slideshow-slide__content--text-left-top,
.slideshow-slide__content--text-left-center,
.slideshow-slide__content--text-left-bottom,
.slideshow-slide__content--text-center-top,
.slideshow-slide__content--text-center-center,
.slideshow-slide__content--text-center-bottom,
.slideshow-slide__content--text-right-top,
.slideshow-slide__content--text-right-center,
.slideshow-slide__content--text-right-bottom {
    position: static;
    padding: 1.125rem 0 0;
    text-align: center;
    transform: none;
  }
}
.slideshow-slide__heading,
.slideshow-slide__text {
  color: var(--slide-text-color);
}
@media screen and (max-width: 575px) {
  .slideshow-slide__heading,
.slideshow-slide__text {
    color: #000000;
  }
}

.slideshow-slide__heading {
  margin-top: 0;
  font-size: var(--font-size-heading-1);
}

.slideshow-slide__button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 4px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.85rem;
  padding: 0.75em 0.875em;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
  pointer-events: none;

}
.slideshow-slide__button:hover:not(:disabled), .slideshow-slide__button:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.slideshow-slide__button:disabled, .slideshow-slide__button.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.slideshow-slide__button:visited {
  color: #ffffff;
}
.slideshow-slide__button:disabled, .slideshow-slide__button.disabled {
  cursor: not-allowed !important;
}

.pxs-announcement-bar {
  display: block;
  padding: 16px 15px;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .pxs-announcement-bar {
    padding-right: 30px;
    padding-left: 30px;
  }
}

.pxs-announcement-bar-text-mobile + .pxs-announcement-bar-text-desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .pxs-announcement-bar-text-mobile + .pxs-announcement-bar-text-desktop {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .pxs-announcement-bar-text-mobile {
    display: none;
  }
}

.pxs-announcement-bar {
  padding: 0.75rem 1.5rem;
  font-size: 0.875rem;
  line-height: 1.4;
}
@media screen and (min-width: 576px) {
  .pxs-announcement-bar {
    padding: 0.75rem 3.5rem;
  }
}

.pxs-announcement-bar-text-desktop {
  display: inline-block;
  max-width: 1320px;
  margin: 0 auto;
}

.pxs-map {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
@media screen and (max-width: 500px) {
  .pxs-map {
    flex-wrap: wrap;
  }
}

.pxs-map-wrapper {
  position: relative;
  width: 100%;
  height: 238px;
  padding: 0;
  background-size: cover;
}
@media screen and (min-width: 500px) {
  .pxs-map-wrapper {
    height: 340px;
  }
  .pxs-map-section-layout-x-outside-left .pxs-map-wrapper, .pxs-map-section-layout-x-outside-right .pxs-map-wrapper {
    width: calc(50% - 20px);
  }
}
.pxs-map-wrapper.pxs-map-wrapper-height-medium {
  height: 308px;
}
@media screen and (min-width: 500px) {
  .pxs-map-wrapper.pxs-map-wrapper-height-medium {
    height: 440px;
  }
}
.pxs-map-wrapper.pxs-map-wrapper-height-large {
  height: 392px;
}
@media screen and (min-width: 500px) {
  .pxs-map-wrapper.pxs-map-wrapper-height-large {
    height: 560px;
  }
}
.pxs-map-wrapper .pxs-map-image {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}
.pxs-map-wrapper .pxs-map-image[data-rimg=noscript] {
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
}

.pxs-map-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.pxs-map-section-layout-x-outside-left .pxs-map-overlay, .pxs-map-section-layout-x-outside-right .pxs-map-overlay {
  display: none;
}
@media screen and (max-width: 500px) {
  .pxs-map-overlay {
    display: none;
  }
}

.pxs-map-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.pxs-map-error-message {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.pxs-map-error-message p {
  margin: 0;
  text-align: center;
}
.pxs-map-error-message a {
  color: inherit;
}

.pxs-map-card-wrapper {
  width: 100%;
}
@media screen and (max-width: 500px) {
  .pxs-map-section-layout-mobile-above .pxs-map-card-wrapper {
    order: -1;
    margin-bottom: 20px;
  }
  .pxs-map-section-layout-mobile-below .pxs-map-card-wrapper {
    margin-top: 20px;
  }
}
@media screen and (min-width: 500px) {
  .pxs-map-card-wrapper {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 20px;
  }
  .pxs-map-section-layout-x-outside-left .pxs-map-card-wrapper, .pxs-map-section-layout-x-outside-right .pxs-map-card-wrapper {
    position: static;
    width: calc(50% - 20px);
    padding: 0;
    background-color: #fff;
  }
  .pxs-map-section-layout-x-outside-left .pxs-map-card-wrapper {
    order: -1;
  }
  .pxs-map-section-layout-y-outside-center .pxs-map-card-wrapper, .pxs-map-section-layout-y-overlay-center .pxs-map-card-wrapper {
    align-items: center;
  }
  .pxs-map-section-layout-y-outside-bottom .pxs-map-card-wrapper, .pxs-map-section-layout-y-overlay-bottom .pxs-map-card-wrapper {
    align-items: flex-end;
  }
  .pxs-map-section-layout-x-overlay-center .pxs-map-card-wrapper {
    justify-content: center;
  }
  .pxs-map-section-layout-x-overlay-right .pxs-map-card-wrapper {
    justify-content: flex-end;
  }
}
@media screen and (min-width: 960px) {
  .pxs-map-card-wrapper {
    top: 30px;
    bottom: 30px;
    padding: 0 30px;
  }
}

.pxs-map-card {
  width: 100%;
  padding: 30px;
  background-color: #fff;
}
@media screen and (max-width: 500px) {
  .pxs-map-card {
    max-width: 100%;
  }
}
@media screen and (min-width: 500px) {
  .pxs-map-card {
    right: auto;
    bottom: 30px;
    left: 30px;
    width: auto;
    max-width: 40%;
    min-width: 280px;
  }
  .pxs-map-section-layout-x-outside-left .pxs-map-card, .pxs-map-section-layout-x-outside-right .pxs-map-card {
    width: 100%;
    max-width: 100%;
  }
}

.pxs-map-card-text-alignment-left {
  text-align: left;
}

.pxs-map-card-text-alignment-center {
  text-align: center;
}

.pxs-map-card-text-alignment-right {
  text-align: right;
}

.pxs-map-card-heading {
  margin: 0 0 26px;
}

.pxs-map-card-content p:last-child {
  margin-bottom: 0;
}

.pxs-map {
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  padding-top: 4rem;
  border-top: 1px solid #D2D2D2;
}
.pxs-map:first-child {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .pxs-map {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
  }
  .pxs-map:first-child {
    margin-top: 3.5rem;
  }
}
.shopify-section:first-child .pxs-map {
  border-top: 0;
}

.pxs-map-section-layout-outside .pxs-map-card-wrapper {
  background: #ffffff;
}
.pxs-map-section-layout-outside .pxs-map-card {
  padding-right: 0;
  padding-left: 0;
}

.pxs-map-card {
  background: #ffffff;
}

.pxs-map-card-content.rte > * {
  width: auto;
  margin: 0;
}
.pxs-map-card-text-alignment-center .pxs-map-card-content.rte > * {
  text-align: center;
}
.pxs-map-card-text-alignment-right .pxs-map-card-content.rte > * {
  text-align: right;
}

.pxs-newsletter-section {
  position: relative;
  width: 100%;
  background-color: #F1ECE5;
  padding: 0 0 6rem;
}
@media screen and (min-width: 768px) {
  .pxs-newsletter-section {
    background-image: url(//sloanetea.com/cdn/shop/t/209/assets/teaBranch.png?v=87178224308061173461750272028);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom; /*Positioning*/
  }
}
@media screen and (max-width: 768px) {
  .pxs-newsletter-section {
    padding: 3em 0;
  }
}

.pxs-newsletter-section .newsletter-success {
  font-weight: bold;
  text-align: center;
}

.pxs-newsletter {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 95%;
  margin: 0 auto;
  padding: 0;
  border: none;
}
@media screen and (max-width: 768px) {
  .pxs-newsletter {
    flex-direction: column;
  }
}

.pxs-newsletter-figure {
  position: relative;
  flex-shrink: 1;
  order: 0;
  margin: 0;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .pxs-newsletter-mobile-alignment-bottom .pxs-newsletter-figure {
    order: 1;
  }
}
@media screen and (min-width: 768px) {
  .pxs-newsletter-desktop-alignment-right .pxs-newsletter-figure {
    order: 1;
  }
}

.pxs-newsletter-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  order: 0;
  padding: 0 20px;
}
@media screen and (min-width: 768px) {
  .pxs-newsletter-content {
    padding: 0 50px;
  }
}

.pxs-newsletter-image {
  display: block;
  width: 100%;
  opacity: 0;
}
.pxs-newsletter-image[data-rimg=noscript] {
  opacity: 1;
}

.pxs-newsletter-header {
  margin: 0 auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .pxs-newsletter-header {
    max-width: 80%;
  }
}

.pxs-newsletter-heading {
  margin-top: 0;
  margin-bottom: 12px;
}

.pxs-newsletter-text {
  margin-top: 0;
  margin-bottom: 36px;
}

.pxs-newsletter-form .contact-form {
  margin: 0;
}

.pxs-newsletter-form-fields {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.pxs-newsletter-form-label {
  display: none;
}

.pxs-newsletter-form-input {
  height: 100%;
  margin: 0;
}

.pxs-newsletter-form-button {
  height: 100%;
}

.pxs-newsletter {
  max-width: 1320px;
  padding: 0;
  padding-top: 3rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 576px) {
  .pxs-newsletter {
    padding-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
}

.pxs-newsletter-content {
  padding: 0;
}

.pxs-newsletter-heading {
  margin: 0;
}

.pxs-newsletter-text {
  margin: 0.5rem 0 0;
}

.pxs-newsletter-header {
  width: 100%;
  max-width: 40rem;
}

.pxs-newsletter-form {
  width: 100%;
  max-width: 20rem;
}

.pxs-newsletter-form {
  margin-top: 2rem;
}

.pxs-newsletter-figure {
  width: 50%;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .pxs-newsletter-figure {
    width: 100%;
    margin-bottom: 2rem;
  }
  .pxs-newsletter-mobile-alignment-bottom .pxs-newsletter-figure {
    margin-top: 2rem;
    margin-bottom: 0;
  }
}

.pxs-newsletter-figure + .pxs-newsletter-content {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .pxs-newsletter-figure + .pxs-newsletter-content {
    width: 100%;
  }
}

.pxs-newsletter-figure {
  --pxs-newsletter-figure-margin: 0;
}
@media screen and (min-width: 768px) {
  .pxs-newsletter-figure {
    --pxs-newsletter-figure-margin: 44px;
  }
}
@media screen and (min-width: 960px) {
  .pxs-newsletter-figure {
    --pxs-newsletter-figure-margin: 56px;
  }
}
.pxs-newsletter-desktop-alignment-left .pxs-newsletter-figure {
  margin-right: var(--pxs-newsletter-figure-margin);
}
.pxs-newsletter-desktop-alignment-right .pxs-newsletter-figure {
  margin-left: var(--pxs-newsletter-figure-margin);
}

.pxs-newsletter-content .footer-module {
  width: 100%;
}
.pxs-newsletter-content .footer-module .module-title {
  display: none;
}
.pxs-newsletter-content .footer-module form {
  text-align: center;
}
.pxs-newsletter-content .footer-module.footer-double-borders::before {
  content: none;
}
.pxs-newsletter-content .contact-form {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .pxs-newsletter-content .contact-form {
    display: block;
  }
}

.pxs-newsletter-form-fields {
  display: grid;
  width: 100%;
  grid-auto-flow: column;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  grid-gap: 0.75rem;
}

.pxs-newsletter-form-input[type=email] {
  width: 100%;
  margin: 0;
  background: #0000;
  border:0;
  border-bottom: 1px solid #d2d6dc
}

.pxs-newsletter-form-button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.75rem 1.125rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
}
.pxs-newsletter-form-button:hover:not(:disabled), .pxs-newsletter-form-button:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.pxs-newsletter-form-button:disabled, .pxs-newsletter-form-button.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.pxs-newsletter-form-button:visited {
  color: #ffffff;
}
.pxs-newsletter-form-button:disabled, .pxs-newsletter-form-button.disabled {
  cursor: not-allowed !important;
}

@keyframes loading-opacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.pxs-video-heading {
  font-size: 34px;
}

.pxs-video-text {
  font-size: 24px;
}

.video-container {
  position: relative;
  width: 100%;
  height: 0;
}
.video-container.video-aspect-ratio-16-9 {
  padding-bottom: 56.25%;
}
.video-container.video-aspect-ratio-21-9 {
  padding-bottom: 42.8571428571%;
}
.video-container .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-container .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  opacity: 1;
}
.video-overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: inherit;
  content: "";
}
.video-transitioning .video-overlay, .video-playing .video-overlay {
  pointer-events: none;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}
.video-playing .video-overlay {
  z-index: 0;
}
.video-overlay img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  object-fit: cover;
}
.video-overlay img[data-rimg=noscript] {
  opacity: 1;
}

.video-overlay-header {
  display: flex;
  flex-direction: column;
}
.video-overlay-header-position-below-button .video-overlay-header {
  order: 2;
}

.video-overlay-heading {
  font-size: 24px;
}

.video-overlay-text {
  font-size: 18px;
}

.video-play-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background-color: #000;
  border: 0;
  border-radius: 25px;
  outline: none;
}
.video-overlay-button-primary .video-play-button {
  background-color: #000;
}
.video-overlay-button-secondary .video-play-button {
  background-color: #fff;
}

.video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 10px;
  height: auto;
  margin-left: 2px;
  color: #fff;
  opacity: 1;
  transform: translate(-50%, -50%);
}
.video-overlay-button-primary .video-play-icon {
  color: #fff;
}
.video-overlay-button-secondary .video-play-icon {
  color: #000;
}
.video-loading .video-play-icon {
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}

.video-loading-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  opacity: 0;
  transform: translate(-50%, -50%);
}
.video-overlay-button-primary .video-loading-icon {
  color: #fff;
}
.video-overlay-button-secondary .video-loading-icon {
  color: #000;
}
.video-loading .video-loading-icon {
  opacity: 1;
  transition: opacity 200ms ease-in-out;
}

.video-loading-icon-phalange {
  animation: loading-opacity 800ms linear infinite;
}
.video-loading-icon-phalange:nth-child(2) {
  animation-delay: 100ms;
}
.video-loading-icon-phalange:nth-child(3) {
  animation-delay: 200ms;
}
.video-loading-icon-phalange:nth-child(4) {
  animation-delay: 300ms;
}
.video-loading-icon-phalange:nth-child(5) {
  animation-delay: 400ms;
}
.video-loading-icon-phalange:nth-child(6) {
  animation-delay: 500ms;
}
.video-loading-icon-phalange:nth-child(7) {
  animation-delay: 600ms;
}
.video-loading-icon-phalange:nth-child(8) {
  animation-delay: 700ms;
}

.pxs-video {
  margin: 0;
  border-top: 1px solid #D2D2D2;
}
.shopify-section:first-child .pxs-video {
  border-top: 0;
}

.pxs-video-header {
  margin-top: 2.5rem;
}

.pxs-video-heading {
  margin-bottom: 0.5rem;
  font-size: var(--font-size-heading-2);
}

.video-container {
  margin-top: 2.5rem;
  margin-bottom: 3rem;
}
.video-container:first-child {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .video-container {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
  }
  .video-container:first-child {
    margin-top: 3.5rem;
  }
}
.video-container .video {
  overflow: hidden;
}

.pxs-video-text {
  font-size: 1rem;
}
.pxs-video-text.rte > * {
  text-align: center;
}

.video-overlay-header {
  padding: 0 30px;
  margin-bottom: 20px;
  text-align: center;
}

.video-overlay-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 27px;
}

.video-overlay-text {
  font-size: 16px;
  text-align: center;
}
.video-overlay-text.rte :last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 575px) {
  .video-overlay-text {
    display: none;
  }
}

.video-overlay-button-primary .video-play-button {
  background-color: #AE9364;
}

.article-page--width-regular {
  max-width: 80ch;
  margin-right: auto;
  margin-left: auto;
}

.article-page--width-wide {
  width: 100%;
  max-width: 1800px;
  margin-right: auto;
  margin-left: auto;
}

.article-page--width-full {
  max-width: 100%;
}

.article-page__header {
  width: 95%;
  margin: 1.5rem auto;
}


.article-page__date {
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  margin-bottom: 0.5rem;
  color: #AAAAAA;
}

.article-page__heading {
  margin: 0;
}

.article-page__author {
  margin-top: 0.75rem;
}

.article-page__wrapper {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}


.article-page__image {
  position: relative;
}

.article-page__content {
  margin: 1.5rem auto 2.5rem;
  text-align: left;
  width: 95%;

}



@media screen and (max-width: 768px) {
  .article-page__content {
    width: 90%;
  }

}



.article-page__share {
  display:flex;
  flex-direction:column;
  margin: 1.5rem auto;
  text-align: center;
}

.article-page__share-text {
  margin-bottom: 0.75rem;
}

.article-page__tags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  text-align: left;
}

.article-page__tag {
  display: inline-block;
  margin-right: 0.5rem;
  color: #000000;
}
.article-page__tag:first-child {
  margin-left: 0.25rem;
}
.article-page__tag:visited {
  color: #000000;
}
.article-page__tag:hover, .article-page__tag:focus, .article-page__tag:active {
  color: #AE9364;
}

.article-comments {
  text-align: left;
  margin-bottom: 2.5rem;
}
.shopify-section:first-child .article-comments {
  border-top: 1px solid #D2D2D2;
}

.article-comments__header {
  margin-top: 2.5rem;
}

.article-comments__comment-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.article-comments__comment {
  margin-bottom: 2.5rem;
  border-top: 1px solid #D2D2D2;
}
.article-comments__comment:first-child {
  border-top: none;
}

.article-comments__author {
  margin: 2.5rem 0 1.5rem;
}

.article-comment-form {
  text-align: left;
}
.shopify-section:first-child .article-comment-form {
  border-top: 1px solid #D2D2D2;
}

.article-comment-form__header {
  margin-top: 2.5rem;
}

.article-comment-form__wrapper {
  margin: 2.5rem 0;
}

.article-comment-form__comment {
  min-height: 12rem;
}

.article-comment-form__submit-button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
}
.article-comment-form__submit-button:hover:not(:disabled), .article-comment-form__submit-button:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.article-comment-form__submit-button:disabled, .article-comment-form__submit-button.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.article-comment-form__submit-button:visited {
  color: #ffffff;
}
.article-comment-form__submit-button:disabled, .article-comment-form__submit-button.disabled {
  cursor: not-allowed !important;
}

.blog-page__header {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .blog-page__header {
    margin-top: 3.5rem;
  }
}

.blog-page__tags {
  margin-top: 1.5rem;
  margin-bottom: 0;
  margin-bottom: -0.75rem;
}
.blog-page__tags a {
  display: inline-block;
  text-decoration: none;
  margin: 0 0.75rem 1.125rem;
  color: #AE9364;
  transition: color 0.2s ease-out;
}



.blog-page__posts {
  margin-top: 3rem;
  margin-bottom: 3rem;
  display: grid;
  grid-gap: 36px 24px;
  grid-template-columns: 1fr;
  padding: 0;
  list-style-type: none;
}
@media screen and (min-width: 576px) {
  .blog-page__posts {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
}
@media screen and (min-width: 576px) {
  .blog-page__posts {
    grid-gap: 44px 36px;
  }
}

.blog-page__posts--one-column {
  max-width: 80ch;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (min-width: 576px) {
  .blog-page__posts--two-column {
    grid-template-columns: repeat(2, 1fr);
  }
}

.blog-page__post {
  margin: 0;
  padding-top: 2.5rem;
  border-top: 1px solid #D2D2D2;
}
.blog-page__post:first-child {
  padding: 0;
  border-top: 0;
}
@media screen and (min-width: 576px) {
  .blog-page__posts--two-column .blog-page__post:nth-child(2) {
    padding: 0;
    border-top: 0;
  }
}

.blog-page__rss svg {
  width: 1.125rem;
  height: 1.125rem;
  margin-left: 0.25rem;
  fill: #666666;
}

.collection-list-page__header {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .collection-list-page__header {
    margin-top: 3.5rem;
  }
}

.collection-list-page__wrapper {
  margin-top: 3rem;
  margin-bottom: 3rem;
  --collection-list-columns: 2;
  display: grid;
  grid-gap: 36px 24px;
  grid-template-columns: repeat(var(--collection-list-columns), 1fr);
}
@media screen and (min-width: 576px) {
  .collection-list-page__wrapper {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
}
@media screen and (min-width: 576px) {
  .collection-list-page__wrapper {
    --collection-list-columns: min(3, var(--collection-list-columns-setting));
    grid-gap: 44px 36px;
  }
}
@media screen and (min-width: 768px) {
  .collection-list-page__wrapper {
    --collection-list-columns: min(4, var(--collection-list-columns-setting));
  }
}
@media screen and (min-width: 960px) {
  .collection-list-page__wrapper {
    --collection-list-columns: var(--collection-list-columns-setting);
  }
}

.template-collection .shopify-section .infinite-scroll__loading,
.template-collection .shopify-section .infinite-scroll__show-more {
  margin-bottom: 3rem;
}
.template-collection .shopify-section:last-child .infinite-scroll__loading,
.template-collection .shopify-section:last-child .infinite-scroll__show-more {
  margin-bottom: 0;
}

.collection-page .infinite-scroll #pagination {
  opacity: 0;
}
.collection-page .infinite-scroll-show-more {
  display: none;
}

.collection-page__header {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .collection-page__header {
    margin-top: 3.5rem;
  }
}
@media screen and (min-width: 576px) {
  .collection-page__header {
    margin-top: 2.5rem;
  }
}

.collection-page__filter-wrapper {
  margin-top: 1.5rem;
  margin-bottom: 0;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  margin-top: 2rem;
}
@media screen and (min-width: 576px) {
  .collection-page__filter-wrapper {
    flex-direction: row;
    gap: 0.5rem;
  }
}

.collection-page__sort-filter {
  position: relative;
  align-self: flex-start;
  width: 100%;
  white-space: nowrap;
  margin-bottom: 0;
}
.collection-page__sort-filter::after {
  position: absolute;
  pointer-events: none;
  content: url('data:image/svg+xml,%3Csvg viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 0.75L8 7.75L15 0.75" stroke="%23393b3f" stroke-width="1.75"/%3E%3C/svg%3E');
  transform: translate(-100%, 25%);
  width: 10.5px;
  height: 6px;
  padding: 0.5rem 0.75rem;
}
@media screen and (min-width: 576px) {
  .collection-page__sort-filter {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.collection-page__sort-filter::after {
  height: auto;
  transform: translate(-100%, 0);
}
.collection-page__sort-filter:only-child label {
  display: inline;
}
.collection-page__sort-filter select {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  line-height: 1.4;
  color: #393B3F;
  background: #ffffff;
  border: 1px solid #D2D6DC;
  transition: border-color 0.2s ease-out;
  width: auto;
  padding-right: 2rem;
  margin-top: 0;
  margin-bottom: 0;
  background-color: transparent;
}
.collection-page__sort-filter select::placeholder {
  color: rgba(57, 59, 63, 0.4);
}
.collection-page__sort-filter select:hover {
  border-color: 










#b5bcc6




;
}
.collection-page__sort-filter label {
  display: block;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  white-space: nowrap;
}
@media screen and (min-width: 576px) {
  .collection-page__sort-filter label {
    display: inline;
    margin-bottom: 0;
  }
}

.collection-page__description {
  max-width: 76ch;
  margin: 0 auto 2rem;
}

.collection-page__empty-collection {
  display: inline-block;
  padding: 0.625em 1em;
  margin: 5.556em 0 1.667em;
}

.collection-page__product-list {
  margin-top: 3rem;
  margin-bottom: 3rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 576px) {
  .collection-page__product-list {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
  }
}
@media screen and (min-width: 576px) {
  .collection-page__product-list {
    ;
  }
}
.collection-page__product-list[data-product-count="0"] {
  display: block;
}

@media screen and (min-width: 576px) {
  .collection-page__product-list--3-columns {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 576px) {
  .collection-page__product-list--4-columns {
    grid-gap: 44px 36px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .collection-page__product-list--4-columns {
    grid-template-columns: repeat(4, 1fr);
  }
}

.footer {
  margin-top: 4rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .footer {
    margin-bottom: 3.5rem;
  }
}

.footer__wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 1320px;
  margin: 0 auto;
}

.footer-blocks {
  display: grid;
  align-items: flex-start;
  flex-basis: 100%;
  padding-top: 3rem;
  margin-bottom: 4rem;
  border-top: 1px solid #D2D2D2;
  grid-auto-columns: 1fr;
  grid-gap: 56px;
}
@media screen and (min-width: 768px) {
  .footer-blocks {
    grid-gap: 36px;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: column;
  }
}

.footer-block {
  text-align: left;
}

.footer-block__title {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: var(--font-size-heading-5);
}

.footer-navigation-attribution,
.footer-crossborder-payment {
  display: grid;
  flex-basis: 100%;
  grid-template-columns: 1fr;
  grid-template-rows: -webkit-min-content -webkit-min-content;
  grid-template-rows: min-content min-content;
}
@media screen and (min-width: 768px) {
  .footer-navigation-attribution,
.footer-crossborder-payment {
    flex-basis: 50%;
  }
}

.footer-navigation-attribution + .footer-crossborder-payment {
  margin-top: 44px;
}
@media screen and (min-width: 768px) {
  .footer-navigation-attribution + .footer-crossborder-payment {
    margin-top: 0;
  }
}

.footer-newsletter__caption {
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
}

.footer-newsletter__wrapper {
  display: grid;
  border-bottom: 1px solid #000000;
  grid-template-columns: 1fr -webkit-min-content;
  grid-template-columns: 1fr min-content;
  grid-gap: 2rem;
}

.footer-newsletter__email[type=email] {
  padding: 0.75rem 0.25rem;
  margin: 0;
  color: #000000;
  background-color: transparent;
  border: 0;
}
.footer-newsletter__email[type=email]::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
body:not(.user-is-tabbing) .footer-newsletter__email[type=email] {
  outline: none;
}

.footer-newsletter__submit {
  padding: 0;
  color: #000000;
  cursor: pointer;
  background-color: transparent;
  border: 0;
}
.footer-newsletter__submit .icon-arrow-right {
  display: block;
  width: auto;
  height: 10px;
}

.footer-menu {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer-menu__item:not(:last-child) {
  margin-bottom: 0.75rem;
}

.footer-menu__link {
  font-size: 0.875rem;
  color: #000000;
  text-decoration: none;
}
.footer-menu__link:visited {
  color: #000000;
}
.footer-menu__link:hover {
  color: 










#0f0f0f




;
  text-decoration: underline;
}

.footer-navigation {
  display: flex;
  justify-content: flex-start;
}

.footer-navigation {
  flex-wrap: wrap;
  padding: 0;
  margin: 0 -1.125rem -0.75rem 0;
  list-style: none;
}
.footer-navigation + .footer-attribution {
  margin-top: 0.75rem;
}

.footer-navigation__item {
  margin-right: 1.125rem;
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
}

.footer-navigation__link {
  color: #000000;
  text-decoration: none;
}
.footer-navigation__link:visited {
  color: #000000;
}
.footer-navigation__link:hover {
  color: 










#0f0f0f




;
  text-decoration: underline;
}

.footer-attribution {
  display: block;
  font-size: 0.8125rem;
  text-align: left;
  opacity: 0.7;
}
.footer-attribution > a {
  color: #000000;
  text-decoration: none;
}
.footer-attribution > a:visited {
  color: #000000;
}
.footer-attribution > a:hover {
  color: 










#0f0f0f




;
  text-decoration: underline;
}

.footer-cross-border,
.footer-payment-types {
  display: flex;
  justify-content: flex-start;
}
@media screen and (min-width: 768px) {
  .footer-cross-border,
.footer-payment-types {
    justify-content: flex-end;
  }
}

.footer-cross-border .shopify-localization-form {
  display: grid;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
  grid-gap: 0.5rem;
}
.footer-cross-border + .footer-payment-types {
  margin-top: 18px;
}

.footer-payment-types {
  flex-wrap: wrap;
  margin: 0 -0.5rem -0.5rem 0;
}

.footer-payment-types__icon {
  display: block;
  width: auto;
  height: 21px;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.footer-text {
  font-size: 0.875rem;
}

.footer-social-media .social-link__link {
  color: #000000;
}
.footer-social-media .social-link__link:visited {
  color: #000000;
}
.footer-social-media .social-link__link:hover {
  color: 










#0f0f0f




;
}

.site-header__outer-wrapper {
  height:100%;
  top: calc((var(--header-logo-height-mobile) + 0.375rem) * -1);
  background-color: #ffffff;
  z-index: 900;
}
@media screen and (min-width: 960px) {
  .site-header__outer-wrapper {
    top: calc((var(--header-logo-height) + 6rem) * -1);
  }
}

.site-header {
  position: relative;
  z-index: 900;
}


.site-header__heading {
  width: var(--header-logo-width-mobile, auto);
  margin: 0 auto;
  padding: 2rem 0;
}
.site-header--sticky .site-header__heading {
  opacity: var(--scroll-away-opacity, 1);
}
@media screen and (min-width: 960px) {
  .site-header__heading {
    width: var(--header-logo-width, auto);
    padding: 3rem 0;
    margin: 0 auto;
  }
  .site-header--sticky .site-header__heading {
    opacity: 1;
  }
}

.site-header__logo {
  display: block;
  position: absolute;
  top:8px;
  left:50%;
  margin-left: calc((var(--header-logo-width)) * -0.5); /* Negative half of width. */
  z-index: 9000;
}

@media screen and (min-width: 960px){
  .site-header__logo {
    left:30px;
    margin-left:0;
  }
}

.site-header__logo img {
  width: 100%;
}

.site-navigation {
  position: relative;
  display: none;
  padding: 0;
  opacity: 1;
  height:100%;
  transition: opacity 0.2s ease-out;
}
.site-header--sticky .site-navigation {
  padding: 0 7rem;
}
.site-header--search-overlap.site-header--search-active .site-navigation {
  opacity: 0;
}
@media screen and (min-width: 960px) {
  .site-navigation {
    display: block;
  }
}

.product-recommendations__header {
  margin-top: 2.5rem;
}

.product-recommendations__heading {
  margin-bottom: 0.5rem;
}

.product-recommendations__wrapper {
  margin-top: 2.5rem;
  margin-bottom: 3rem;
  display: grid;
  grid-gap: 36px 24px;
  grid-template-columns: repeat(2, 1fr);
}
.product-recommendations__wrapper:first-child {
  margin-top: 3rem;
}
@media screen and (min-width: 576px) {
  .product-recommendations__wrapper {
    margin-top: 3rem;
    margin-bottom: 3.5rem;
  }
  .product-recommendations__wrapper:first-child {
    margin-top: 3.5rem;
  }
}
@media screen and (min-width: 576px) {
  .product-recommendations__wrapper {
    grid-gap: 36px 24px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 768px) {
  .product-recommendations__wrapper {
    grid-gap: 44px 36px;
    grid-template-columns: repeat(4, 1fr);
  }
}

.surface-pick-up-embed {
  --surface-pick-up-embed-theme-success-color: rgba(50, 205, 50, 1);
  --surface-pick-up-embed-theme-error-color: rgba(179, 58, 58, 1);
  --surface-pick-up-embed-theme-paragraph-font-size: 16px;
  --surface-pick-up-embed-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-embed-theme-paragraph-font-size) - 4px);
  --surface-pick-up-embed-theme-body-font-weight-bold: 600;
  --surface-pick-up-embed-theme-body-text-color: #808080;
  --surface-pick-up-embed-theme-link-text-decoration: underline;
  --surface-pick-up-embed-row-gap: 10px;
  --surface-pick-up-embed-column-gap: 10px;
  display: grid;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  row-gap: var(--surface-pick-up-embed-row-gap);
  column-gap: var(--surface-pick-up-embed-column-gap);
  justify-content: flex-start;
  text-align: left;
}

.surface-pick-up-embed__in-stock-icon,
.surface-pick-up-embed__out-of-stock-icon {
  grid-column-start: 1;
  grid-column-end: 2;
  margin-top: 3px;
}

.surface-pick-up-embed__in-stock-icon {
  fill: var(--surface-pick-up-embed-theme-success-color);
}

.surface-pick-up-embed__out-of-stock-icon {
  fill: var(--surface-pick-up-embed-theme-error-color);
}

.surface-pick-up-embed__location-info,
.surface-pick-up-embed__modal-btn {
  grid-column-start: 2;
  grid-column-end: 3;
}

.surface-pick-up-embed__location-info {
  grid-row-start: 1;
  grid-row-end: 2;
}

.surface-pick-up-embed__location-availability {
  margin-top: 0;
  margin-bottom: 0;
  font-family: inherit;
  font-size: var(--surface-pick-up-embed-theme-paragraph-font-size);
  font-weight: inherit;
  color: var(--surface-pick-up-embed-theme-body-text-color);
}
.surface-pick-up-embed__location-availability b {
  font-weight: var(--surface-pick-up-embed-theme-body-font-weight-bold);
}

.surface-pick-up-embed__location-pick-up-time {
  font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size);
  color: var(--surface-pick-up-embed-theme-body-text-color);
}

.surface-pick-up-embed__modal-btn {
  grid-row-start: 2;
  grid-row-end: 3;
  justify-self: start;
  padding: 0;
  font-size: var(--surface-pick-up-embed-theme-paragraph-smaller-font-size);
  color: var(--surface-pick-up-theme-embed-body-text-color);
  text-align: left;
  -webkit-text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration);
          text-decoration: var(--surface-pick-up-embed-theme-link-text-decoration);
  cursor: pointer;
  background-color: initial;
  border: 0;
}

.surface-pick-up-items {
  padding: 0;
  margin: 0;
}

.surface-pick-up-item {
  --surface-pick-up-item-theme-success-color: rgba(50, 205, 50, 1);
  --surface-pick-up-item-theme-error-color: rgba(179, 58, 58, 1);
  --surface-pick-up-item-theme-paragraph-font-size: 16px;
  --surface-pick-up-item-theme-paragraph-smaller-font-size: calc(var(--surface-pick-up-item-theme-paragraph-font-size) - 4px);
  --surface-pick-up-item-theme-body-font-weight-bold: 600;
  --surface-pick-up-item-theme-body-text-color: #808080;
  --surface-pick-up-item-theme-border-color: #d9d9d9;
  --surface-pick-up-item-theme-link-text-decoration: underline;
  --surface-pick-up-item-row-gap: 10px;
  --surface-pick-up-item-column-gap: 5px;
  --surface-pick-up-item-gap: 28px;
  display: grid;
  grid-template-columns: repeat(2, auto) 1fr;
  row-gap: var(--surface-pick-up-item-row-gap);
  column-gap: var(--surface-pick-up-item-column-gap);
  justify-content: flex-start;
  padding-bottom: var(--surface-pick-up-item-gap);
  margin: var(--surface-pick-up-item-gap) 0 0;
  text-align: left;
  border-bottom: 1px solid var(--surface-pick-up-item-theme-border-color);
}
.surface-pick-up-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.surface-pick-up-item__header {
  display: flex;
  grid-column: span 3;
  align-items: flex-end;
}

.surface-pick-up-item__pick-up-location {
  margin-top: 0;
  margin-bottom: 0;
  font-family: inherit;
  font-size: var(--surface-pick-up-item-theme-paragraph-font-size);
  font-weight: var(--surface-pick-up-item-theme-body-font-weight-bold);
  color: var(--surface-pick-up-item-theme-body-text-color);
}

.surface-pick-up-item__pick-up-distance {
  padding-left: 2rem;
  margin: 0 0 0 auto;
}

.surface-pick-up-item__in-stock-icon,
.surface-pick-up-item__out-of-stock-icon {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 2;
  margin-top: 1px;
}

.surface-pick-up-item__in-stock-icon {
  fill: var(--surface-pick-up-item-theme-success-color);
}

.surface-pick-up-item__out-of-stock-icon {
  fill: var(--surface-pick-up-item-theme-error-color);
}

.surface-pick-up-item__availability {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 3;
  font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
  color: var(--surface-pick-up-item-theme-body-text-color);
}

.surface-pick-up-item__address-info {
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 3;
  font-size: var(--surface-pick-up-item-theme-paragraph-smaller-font-size);
  font-style: normal;
  line-height: 1.4;
  color: var(--surface-pick-up-item-theme-body-text-color);
}
.surface-pick-up-item__address-info p {
  margin: 0;
}
.surface-pick-up-item__address-info a,
.surface-pick-up-item__address-info a:visited {
  color: inherit;
  text-decoration: none;
}
.surface-pick-up-item__address-info a:focus,
.surface-pick-up-item__address-info a:active,
.surface-pick-up-item__address-info a:hover {
  color: inherit;
}

.surface-pick-up-item__confirm-address {
  margin-top: var(--surface-pick-up-item-row-gap);
}

.surface-pick-up-item__confirm-address-icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}

.surface-pick-up-embed {
  --surface-pick-up-embed-theme-success-color: #108144;
  --surface-pick-up-embed-theme-error-color: #ea555c;
  --surface-pick-up-embed-theme-paragraph-font-size: 1rem;
  --surface-pick-up-embed-theme-paragraph-smaller-font-size: 0.8125rem;
  --surface-pick-up-embed-theme-body-font-weight-bold: 500;
  --surface-pick-up-embed-theme-body-text-color: #000000;
  --surface-pick-up-embed-theme-link-text-decoration: underline;
  --surface-pick-up-embed-row-gap: 0.5rem;
  --surface-pick-up-embed-column-gap: 0.5rem;
  padding: 1.5rem 0 0.75rem;
  margin-top: 2rem;
  border-top: 1px solid #D2D2D2;
  transition: opacity 300ms ease-out;
}
.surface-pick-up--loading .surface-pick-up-embed {
  opacity: 0;
}

.surface-pick-up-item {
  --surface-pick-up-item-theme-success-color: #108144;
  --surface-pick-up-item-theme-error-color: #ea555c;
  --surface-pick-up-item-theme-paragraph-font-size: 1rem;
  --surface-pick-up-item-theme-paragraph-smaller-font-size: 0.8125rem;
  --surface-pick-up-item-theme-body-font-weight-bold: 500;
  --surface-pick-up-item-theme-body-text-color: #000000;
  --surface-pick-up-item-theme-border-color: #D2D2D2;
  --surface-pick-up-item-theme-link-text-decoration: underline;
  --surface-pick-up-item-row-gap: 0.5rem;
  --surface-pick-up-item-column-gap: 0.25rem;
  --surface-pick-up-item-gap: 1.5rem;
}

.modal--surface-pick-up .modal-inner {
  max-width: 450px;
  padding: 24px;
}
@media screen and (min-width: 576px) {
  .modal--surface-pick-up .modal-inner {
    padding: 36px;
  }
}

.surface-pick-up {
  width: 100%;
}

.surface-pick-up-item__address-info {
  padding-top: 0.5rem;
}

.surface-pick-up-item__out-of-stock-icon {
  margin-top: 2px;
}

.product__wrapper--one-column .surface-pick-up--spb-disabled .surface-pick-up-embed {
  justify-content: center;
}

.surface-pick-up-modal__title {
  margin: 0;
  font-size: var(--font-size-heading-3);
}

.surface-pick-up-modal__variant {
  margin-top: 0.5rem;
  color: #AAAAAA;
}

.surface-pick-up-modal__header {
  padding-right: 2.5rem;
  padding-bottom: 1.125rem;
  text-align: left;
  border-bottom: 1px solid #D2D2D2;
}

body:not(.user-is-tabbing) .surface-pick-up-embed__modal-btn:focus {
  outline: none;
}

/* Snippets */
.blog-article__date {
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  display: block;
  color: #AAAAAA;
  margin-bottom: 0.5rem;
}

.blog-article__heading {
  margin: 0 0 0.75rem;
}

.blog-article__author {
  font-size: 0.875rem;
}

.blog-article__image {
  position: relative;
  display: block;
  width: 100%;
  margin: 1.5rem 0 1.125rem;
  text-align: center;
}
.blog-article__image a, .blog-article__image img {
  display: block;
}
.blog-article__image img {
  margin: 0 auto;
}

.blog-article__content {
  width: 100%;
  margin-top: 1.125rem;
  text-align: left;
}
.blog-article__content img {
  max-width: 100%;
}

.blog-article__read-more {
  margin-top: 1.125rem;
  text-align: left;
}

.blog-article__read-more-link {
  display: inline-block;
  color: #AE9364;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
}
.blog-article__read-more-link::after {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  cursor: pointer;
  content: "";
  background-color: #AE9364;
  transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
  transform: translateY(0.25rem);
}
.blog-article__read-more-link:hover {
  color: 










#a58956




;
}
.blog-article__read-more-link:hover::after {
  background-color: 










#a58956




;
  transform: translateY(0);
}

.blog-article__tags {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
  padding-top: 0.75rem;
  font-size: 0.875rem;
  text-align: left;
}
.blog-article__tags:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.125rem;
  border-top: 1px solid #000000;
}

.blog-article__tag {
  display: inline-block;
  margin-right: 0.5rem;
  color: #000000;
}
.blog-article__tag:first-child {
  margin-left: 0.25rem;
}
.blog-article__tag:visited {
  color: #000000;
}
.blog-article__tag:hover, .blog-article__tag:focus, .blog-article__tag:active {
  color: #AE9364;
}

.breadcrumbs {
  display: none;
  margin-top: 2rem;
  color: #000000;
  font-size: 0.875rem;
}
.breadcrumbs a {
  color: #000000;
}
@media screen and (min-width: 576px) {
  .breadcrumbs {
    display: flex;
    justify-content: center;
  }
}

.breadcrumbs__separator {
  display: inline-block;
  margin: 0 0.75rem;
  color: #000000;
  opacity: 0.6;
}

.breadcrumbs__link {
  text-decoration: none;
}
.breadcrumbs__link:visited {
  color: #000000;
}
.breadcrumbs__link:hover, .breadcrumbs__link:active, .breadcrumbs__link:focus {
  color: #AE9364;
  text-decoration: underline;
}

.breadcrumbs__current {
  opacity: 0.6;
}

.collection-list-item {
  text-align: center;
}
.collection-list-item img {
  display: block;
  width: 100%;
}

.collection-list-item__title {
  margin: 1.125rem 0 0;
}
@media screen and (min-width: 576px) {
  .collection-list-item__title {
    margin-top: 1.5rem;
  }
}
.collection-list--3-columns .collection-list-item__title, .collection-list--4-columns .collection-list-item__title, .collection-list--5-columns .collection-list-item__title {
  font-size: var(--font-size-heading-3);
}

.collection-list-item__product-count {
  margin: 0.5rem 0 0;
}

.collection-list-item__description {
  margin: 0.75rem 0 0;
}

.collection-list-item__product-count {
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
}

.collection-list-item__image-wrap {
  position: relative;
  display: block;
}

.collection-list-item__image-wrap--small {
  padding-bottom: 75%;
}

.collection-list-item__image-wrap--medium {
  padding-bottom: 100%;
}

.collection-list-item__image-wrap--large {
  padding-bottom: 150%;
}

.collection-list-item__image-wrap--small,
.collection-list-item__image-wrap--medium,
.collection-list-item__image-wrap--large {
  position: relative;
}
.collection-list-item__image-wrap--small img,
.collection-list-item__image-wrap--small svg,
.collection-list-item__image-wrap--medium img,
.collection-list-item__image-wrap--medium svg,
.collection-list-item__image-wrap--large img,
.collection-list-item__image-wrap--large svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.disclosure {
  --disclosure-max-height: 300px;
  --disclosure-min-height: 92px;
  --disclosure-toggle-text-color: black;
  --disclosure-toggle-background-color: transparent;
  --disclosure-toggle-border-color: black;
  --disclosure-toggle-svg: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
  --disclosure-toggle-svg-color: black;
  --disclosure-text-color: black;
  --disclosure-background-color: white;
  --disclosure-border-color: black;
  position: relative;
  display: inline-block;
}

.disclosure__toggle {
  padding: 5px 32px 4px 11px;
  color: black;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid black;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@supports (color: var(--disclosure-toggle-text-color)) {
  .disclosure__toggle {
    color: var(--disclosure-toggle-text-color);
    background-color: var(--disclosure-toggle-background-color);
    border: 1px solid var(--disclosure-toggle-border-color);
  }
}
.disclosure__toggle:hover {
  cursor: pointer;
}
.disclosure__toggle::after {
  position: absolute;
  top: 50%;
  right: 11px;
  width: 10px;
  height: 7.5px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath class='icon-chevron-down-left' d='M4 4.5L7 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3Cpath class='icon-chevron-down-right' d='M4 4.5L1 1.5' stroke='black' stroke-width='1.25' stroke-linecap='square'/%3E%3C/svg%3E");
  content: "";
  transform: translateY(-50%);
}
@supports ((-webkit-mask-image: var(--disclosure-toggle-svg)) or (mask-image: var(--disclosure-toggle-svg))) {
  .disclosure__toggle::after {
    background-color: var(--disclosure-toggle-svg-color);
    background-image: none;
    -webkit-mask-image: var(--disclosure-toggle-svg);
            mask-image: var(--disclosure-toggle-svg);
    -webkit-mask-size: cover;
            mask-size: cover;
  }
}

.disclosure-list {
  position: absolute;
  bottom: 115%;
  display: none;
  max-height: 300px;
  min-height: 92px;
  padding: 11px 0;
  margin: 0;
  overflow-y: auto;
  list-style: outside none;
  background-color: white;
  border: 1px solid black;
  border-radius: 0;
}
@supports (max-height: var(--disclosure-max-height)) {
  .disclosure-list {
    max-height: var(--disclosure-max-height);
    min-height: var(--disclosure-min-height);
    background-color: var(--disclosure-background-color);
    border: 1px solid var(--disclosure-border-color);
  }
}

.disclosure-list--visible {
  display: block;
}

.disclosure-list--alternate-drop {
  right: 0;
}

.disclosure-list__item {
  display: block;
  padding: 5px 45px 4px 15px;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  border-bottom: 1px solid transparent;
}
.disclosure-list__item:focus, .disclosure-list__item:hover {
  color: black;
  text-decoration: underline;
}
@supports (color: var(--disclosure-text-color)) {
  .disclosure-list__item:focus, .disclosure-list__item:hover {
    color: var(--disclosure-text-color);
  }
}

.disclosure-list__item--current {
  text-decoration: underline;
}

.disclosure-list__option {
  color: inherit;
  text-decoration: inherit;
}

.disclosure {
  --disclosure-toggle-text-color: #393B3F;
  --disclosure-toggle-background-color: #ffffff;
  --disclosure-toggle-border-color: #D2D6DC;
  --disclosure-toggle-svg: url("data:image/svg+xml, %3Csvg viewBox='0 0 8 5' id='icon-dropdown' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l3 3 3-3' stroke-width='1.2' stroke='black' fill='transparent' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
  --disclosure-toggle-svg-color: #393B3F;
  --disclosure-background-color: #ffffff;
  --disclosure-border-color: #D2D6DC;
  --disclosure-text-color: #393B3F;
}

.disclosure__toggle {
  font-family: proxima-nova,sans-serif;
  font-style: normal;
  font-weight: 200;
  padding: 0.5rem 28px 0.5rem 0.5rem;
  font-size: 0.8125rem;
  border-radius: 3px;
  outline: 0;
}
.disclosure__toggle:hover {
  border-color: 










#b5bcc6




;
}
.disclosure__toggle::after {
  width: 8px;
  height: 5px;
}

.disclosure-list li {
  margin-bottom: 0;
}

.disclosure__list {
  font-family: proxima-nova,sans-serif;
  font-style: normal;
  font-weight: 200;
  font-size: 14px;
}

.disclosure-list__item {
  text-decoration: none;
}

/*! Flickity v1.0.2
http://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  position: relative;
  height: 100%;
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 88px;
  background: #fff;
  background: rgba(255, 255, 255, 0.33);
  border: 0;
  cursor: pointer;
  opacity: 0;
  transform: translateY(-50%);
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 767px) {
  .flickity-prev-next-button {
    opacity: 1;
  }
}
.slideshow:hover .flickity-prev-next-button {
  opacity: 1;
}
.inverted-controls .flickity-prev-next-button {
  background: #000;
  background: rgba(0, 0, 0, 0.33);
}

.flickity-prev-next-button:focus {
  outline: none;
}

.flickity-prev-next-button.previous {
  left: 0;
}

.flickity-prev-next-button.next {
  right: 0;
}

.flickity-prev-next-button:disabled {
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #000;
  fill: rgba(0, 0, 0, 0.33);
}
.inverted-controls .flickity-prev-next-button .arrow {
  fill: #fff;
  fill: rgba(255, 255, 255, 0.33);
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #000;
  color: rgba(0, 0, 0, 0.33);
  font-size: 26px;
}
.inverted-controls .flickity-prev-next-button.no-svg {
  color: #fff;
  color: rgba(255, 255, 255, 0.33);
}

.header-controls {
  width:100%;
  height:100%;
  position: absolute;
}

.header-controls__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

.header-controls__search {
  display: none;
  width: 10rem;
  text-align: left;
  transition: width 0.2s ease-out;
  z-index: 1;
  padding-left: 0.3rem;
}
.header-controls__search:after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 10rem;
  height: 1px;
  background-color: #D2D2D2;
  opacity: var(--scroll-away-opacity, 1);
}
.header-controls--search-overlap .header-controls__search {
  width: 10rem;
}
.header-controls--search-active .header-controls__search {
  width: 10rem;
}
@media screen and (min-width: 960px) {
  .header-controls__search {
    display: block;
  }
}

.header-controls__search-form {
  position: relative;
}

.header-controls__search-field[type=search] {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding-left: 1.5rem;
  border: none;
  color: #000000;
  background-color: transparent;
  font-size: 0.875rem;
  outline: none;
}
.header-controls__search-field[type=search]::placeholder {
  color: #000000;
  opacity: 0.6;
}

.header-controls__search-submit {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0;
  color: #333333;
  background-color: transparent;
  border: none;
  transform: translateY(-50%);
}
.header-controls__search-submit .icon-search {
  display: block;
}

@media screen and (min-width: 960px) {
  .header-controls__mobile-trigger {
    display: none;
  }
}

.header-controls__mobile-button {
  display: block;
  background: transparent;
  border: none;
  margin: 0.5rem;
  padding: 0.5rem;
  position: absolute;
  left:10px;
  top:50%;
  margin-top: -21px;
  right:0;
  color: #333333;
  cursor: pointer;
}
.header-controls__mobile-button .icon-mobile-nav {
  display: block;
}


.header-controls__account-cart {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-end;
  font-size: 0;
  margin-right:5px;
  position:absolute;
  top:50%;
  margin-top:-15px;
  right:0;
}




@media screen and (min-width: 960px) {
  .header-controls__account-cart {
    margin-top:-21.5px;
  }
}

.header-controls__account,
.header-controls__cart {
  display: flex;
  margin: -0.5rem -0.5rem -0.5rem 0.5rem;
  padding: 0.5rem;
  font-size: 1rem;
  color: #333333;
  text-decoration: none;
  z-index: 1;
}
.header-controls__account:visited,
.header-controls__cart:visited {
  color: #333333;
}

.header-controls__account .icon-user {
  display: block;
}

.header-controls__cart {
  display: flex;
  align-items: flex-end;
}

.header-controls__cart-count {
  margin: 0 0 0 0.5rem;
  font-size: 0.875rem;
}

.modal,
.modal-1 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  display: none;
  padding: 18px;
  overflow: hidden;
  overflow-y: auto;
  visibility: hidden;
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
  outline-style: auto;
  opacity: 0;
  transition: opacity 0.2s ease;
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 576px) {
  .modal,
.modal-1 {
    padding: 44px;
  }
}

.modal-loaded .modal {
  display: block;
}
.modal-loaded.modal-visible .modal {
  z-index: 5999;
  visibility: visible;
  opacity: 1;
}

.modal-1-loaded .modal-1 {
  display: block;
}
.modal-1-loaded.modal-1-visible .modal-1 {
  z-index: 5999;
  visibility: visible;
  opacity: 1;
}

.modal-inner {
  position: relative;
  z-index: -1;
  padding: 20px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
  background-color: #ffffff;
  opacity: 0;
  transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s, opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.15s;
  transform: translateY(-50px);
}
.modal-visible .modal-inner, .modal-1-visible .modal-inner {
  z-index: 6000;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.modal-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 44px;
  height: 44px;
  cursor: pointer;
  background: transparent;
  border: none;
}
.modal-close svg {
  width: 16px;
  height: 16px;
  pointer-events: none;
  fill: #AE9364;
}
.modal-close:hover svg {
  fill: #715d3b;
}

.navigation-desktop {
  margin: 0;
  padding: 0.5625rem 0;
  list-style-type: none;
  height:100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.navigation-desktop__tier-1-item {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.navigation-desktop__tier-1-item:hover .navigation-desktop__tier-1-link::after {
  transform: scaleX(1);
}

.navigation-desktop__tier-1-link {
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-size: 0.9rem;
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0.8rem;
  padding: 0.5625rem 0;
  color: #333333;
  text-decoration: none;
}
.navigation-desktop__tier-1-link .icon-chevron-small {
  margin-left: 0.5rem;
}
.navigation-desktop__tier-1-link:visited {
  color: #333333;
}
.navigation-desktop__tier-1-link::after {
  content: " ";
  position: absolute;
  bottom: 0.25rem;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #D2D2D2;
  transform: scaleX(0);
  transform-origin: center left;
  transition: 200ms ease;
  transition-property: transform;
}

.navigation-desktop__tier-2,
.navigation-desktop__tier-3 {
  display: none;
  position: absolute;
  margin: 0.5625rem 0 0 1rem;
  padding: 0.75rem 0;
  list-style-type: none;
  background-color: #ffffff;
  border: 1px solid #D2D2D2;
  z-index: 1;
}
.navigation-desktop__tier-2.open,
.navigation-desktop__tier-3.open {
  display: block;
}

.navigation-desktop__tier-2-item,
.navigation-desktop__tier-3-item {
  position: relative;
  margin: 0;
  padding: 0;
}

.navigation-desktop__tier-2-link,
.navigation-desktop__tier-3-link {
  display: block;
  padding: 0.375rem 2.5rem 0.375rem 1.5rem;
  color: #000000;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
}
.navigation-desktop__tier-2-link .icon-chevron-small,
.navigation-desktop__tier-3-link .icon-chevron-small {
  position: absolute;
  top: 50%;
  right: 1.125rem;
  height: 0.3125rem;
  transform: translateY(-50%) rotate(-90deg);
}
.navigation-desktop__tier-2-link:visited,
.navigation-desktop__tier-3-link:visited {
  color: #000000;
}
.navigation-desktop__tier-2-link:hover,
.navigation-desktop__tier-3-link:hover {
  color: #AE9364;
  text-decoration: underline;
}

.navigation-desktop__tier-2.alternate-drop {
  margin-left: 0;
  right: 1.25rem;
}

.navigation-desktop__tier-3 {
  top: 0;
  left: 100%;
  margin: 0;
  z-index: 2;
}
.navigation-desktop__tier-3.alternate-drop {
  right: 100%;
  left: auto;
}

.navigation-desktop__tier-3-link {
  padding: 0.375rem 1.5rem;
}

.no-js .site-navigation details[open] > .navigation-desktop__tier-2,
.no-js .site-navigation details[open] > .navigation-desktop__tier-3,
.no-js .site-navigation details[open] > .navigation-meganav {
  display: block;
}

.site-navigation details[open] > .navigation-meganav .icon-chevron-small {
  display: none;
}

.site-navigation details > summary::-webkit-details-marker {
  display: none;
}

.site-navigation summary {
  list-style: none;
  cursor: pointer;
}

.navigation-meganav {
  position: absolute;
  left: 0;
  display: none;
  margin: 0.5625rem 0 0;
  padding: 36px;
  width: 100%;
  flex-direction: column;
  max-width: 1320px;
  background-color: #ffffff;
  border: 1px solid #D2D2D2;
  z-index: 1;
}
.navigation-meganav.open {
  display: flex;
}
.site-header--sticky .navigation-meganav {
  max-height: calc(100vh - 8rem);
  overflow: auto;
}

.navigation-meganav__grid {
  display: grid;
  margin: 0;
  grid-gap: 56px;
  grid-template-columns: repeat(auto-fit, minmax(150px, -webkit-max-content));
  grid-template-columns: repeat(auto-fit, minmax(150px, max-content));
  justify-content: center;
  list-style-type: none;
  text-align: left;
}

.navigation-meganav__tier-3 {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.navigation-meganav__tier-2-item {
  margin: 0;
}

.navigation-meganav__tier-3-item {
  margin: 0;
}

.navigation-meganav__tier-2-link {
  font-family: utopia-std,georgia, serif;
  font-style: normal;
  font-weight: 400;
  display: block;
  margin-bottom: 0.75rem;
  font-size: var(--font-size-heading-5);
  color: #666666;
  text-decoration: none;
}
.navigation-meganav__tier-2-link:visited {
  color: #666666;
}
.navigation-meganav__tier-2-link:hover {
  color: #AE9364;
}

.navigation-meganav__tier-3-link {
  display: block;
  padding: 0.375rem 0;
  color: #000000;
  text-decoration: none;
}
.navigation-meganav__tier-3-link:visited {
  color: #000000;
}
.navigation-meganav__tier-3-link:hover {
  color: #AE9364;
  text-decoration: underline;
}

.navigation-mobile {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-right: 3.5rem;
  z-index: 1000;
}
.navigation-mobile[data-open=true] {
  display: block;
}

.navigation-mobile__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0;
}
.navigation-mobile__overlay[data-animation] {
  transition: opacity 250ms ease;
}
.navigation-mobile__overlay[data-animation-state=open] {
  opacity: 0.7;
}

.navigation-mobile__close-button {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 1.125rem;
  color: #ffffff;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.navigation-mobile__close-button .icon-close {
  display: block;
}

.navigation-mobile__flyout {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 20rem;
  padding: 1.5rem;
  background-color: #ffffff;
  overflow: auto;
  transform: translateX(-100%);
}
.navigation-mobile__flyout[data-animation] {
  transition: transform 250ms ease;
}
.navigation-mobile__flyout[data-animation-state=open] {
  transform: translateX(0);
}
.navigation-mobile[data-child-open=true] .navigation-mobile__flyout {
  overflow: hidden;
}

.navigation-mobile__account {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  color: #333333;
}

.navigation-mobile__account-link {
  display: flex;
  align-items: center;
  margin-right: 0.25rem;
  text-decoration: none;
  color: #333333;
}
.navigation-mobile__account-link:visited {
  color: #333333;
}
.navigation-mobile__account-link .icon-user {
  height: 1.25rem;
  width: 1.25rem;
  display: block;
  margin-right: 0.5rem;
}

.navigation-mobile__sign-out {
  color: #333333;
}

.navigation-mobile__search {
  margin-bottom: 0.75rem;
}

.navigation-mobile__search-form {
  position: relative;
}

.navigation-mobile__search-field[type=search] {
  display: block;
  width: 100%;
  margin: 0;
  padding-left: 2.5rem;
  background-color: #ffffff;
}

.navigation-mobile__search-submit {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
  color: #333333;
  background-color: transparent;
  border: none;
  transform: translateY(-50%);
}
.navigation-mobile__search-submit .icon-search {
  display: block;
}

.mobile-menu,
.mobile-menu__tier-2-menu,
.mobile-menu__tier-3-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.mobile-menu__tier-1-item,
.mobile-menu__tier-2-item,
.mobile-menu__tier-3-item {
  margin: 0;
  text-align: left;
}

.mobile-menu__tier-1-link,
.mobile-menu__tier-2-link,
.mobile-menu__tier-3-link {
  display: block;
  padding: 0.75rem 1.5rem 0.75rem 0;
  font-size: 1.125rem;
  color: #333333;
  text-decoration: none;
}
.mobile-menu__tier-1-link:visited, .mobile-menu__tier-1-link:hover, .mobile-menu__tier-1-link:focus, .mobile-menu__tier-1-link:active,
.mobile-menu__tier-2-link:visited,
.mobile-menu__tier-2-link:hover,
.mobile-menu__tier-2-link:focus,
.mobile-menu__tier-2-link:active,
.mobile-menu__tier-3-link:visited,
.mobile-menu__tier-3-link:hover,
.mobile-menu__tier-3-link:focus,
.mobile-menu__tier-3-link:active {
  color: #333333;
}

.mobile-menu__tier-1-button,
.mobile-menu__tier-2-button {
  font-family: proxima-nova,sans-serif;
  font-style: normal;
  font-weight: 200;
  position: relative;
  display: block;
  width: 100%;
  padding: 0.75rem 1.5rem 0.75rem 0;
  font-size: 1.125rem;
  text-align: left;
  color: #333333;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.mobile-menu__tier-1-button .icon-chevron-small,
.mobile-menu__tier-2-button .icon-chevron-small {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 0.6875rem;
  height: 0.4375rem;
  transform: translateY(-50%) rotate(-90deg);
  pointer-events: none;
}

.mobile-menu__tier-2,
.mobile-menu__tier-3 {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}
.mobile-menu__tier-2[data-open=true],
.mobile-menu__tier-3[data-open=true] {
  display: block;
}

.mobile-menu__tier-2 {
  z-index: 2;
}

.mobile-menu__tier-3 {
  z-index: 3;
}

.mobile-menu__tier-2-overlay,
.mobile-menu__tier-3-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0;
}
.mobile-menu__tier-2-overlay[data-animation],
.mobile-menu__tier-3-overlay[data-animation] {
  transition: opacity 200ms ease;
}
.mobile-menu__tier-2-overlay[data-animation-state=open],
.mobile-menu__tier-3-overlay[data-animation-state=open] {
  opacity: 0.2;
}

.mobile-menu__header {
  position: relative;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #D2D2D2;
}

.mobile-menu__back-button {
  position: absolute;
  left: -0.75rem;
  top: -0.125rem;
  padding: 0.75rem;
  color: #000000;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.mobile-menu__back-button .icon-chevron {
  display: block;
  transform: rotate(90deg);
}

.mobile-menu__heading {
  display: block;
  padding: 0 1.5rem 1.125rem;
  text-align: center;
  font-size: 1.25rem;
  color: #333333;
  text-decoration: none;
}
.mobile-menu__heading:visited, .mobile-menu__heading:hover, .mobile-menu__heading:focus, .mobile-menu__heading:active {
  color: #333333;
}

.mobile-menu__tier-2-flyout,
.mobile-menu__tier-3-flyout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.5rem;
  background-color: #ffffff;
  overflow: auto;
  transform: translateX(100%);
}
.mobile-menu__tier-2-flyout[data-animation],
.mobile-menu__tier-3-flyout[data-animation] {
  transition: transform 250ms ease;
}
.mobile-menu__tier-2-flyout[data-animation-state=open],
.mobile-menu__tier-3-flyout[data-animation-state=open] {
  transform: translateX(0);
}

.mobile-menu__tier-2[data-child-open=true] .mobile-menu__tier-2-flyout {
  overflow: hidden;
}

.pagination {
  margin: 2.5rem;
  text-align: center;
}
@media screen and (min-width: 576px) {
  .pagination {
    margin: 4rem;
  }
}

.pagination__previous-button,
.pagination__next-button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.75rem 1.125rem;
  color: #000000;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.pagination__previous-button:hover:not(:disabled), .pagination__previous-button:active,
.pagination__next-button:hover:not(:disabled),
.pagination__next-button:active {
  color: #AE9364;
}
.pagination__previous-button:disabled, .pagination__previous-button.disabled,
.pagination__next-button:disabled,
.pagination__next-button.disabled {
  opacity: 0.5;
  color: #000000;
}
.pagination__previous-button:disabled, .pagination__previous-button.disabled,
.pagination__next-button:disabled,
.pagination__next-button.disabled {
  cursor: not-allowed !important;
}

.pagination__previous-button {
  margin-right: 0.75rem;
}
@media screen and (min-width: 576px) {
  .pagination__previous-button {
    margin-right: 2rem;
  }
}
.pagination__previous-button svg {
  transform: rotate(180deg);
}

.pagination__next-button {
  margin-left: 0.75rem;
}
@media screen and (min-width: 576px) {
  .pagination__next-button {
    margin-left: 2rem;
  }
}

.pagination__page-list {
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
@media screen and (max-width: 575px) {
  .pagination__page-list {
    display: none;
  }
}

.pagination__page {
  display: inline-block;
  margin-right: 2rem;
}
.pagination__page a {
  text-decoration: none;
}
.pagination__page:last-child {
  margin-right: 0;
}
.pagination__page:hover {
  border-bottom: 1px solid #AE9364;
}

.pagination__page--current {
  border-bottom: 1px solid #000000;
}
.pagination__page--current:hover {
  border-bottom: 1px solid #000000;
}

.infinite-scroll__loading {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.75rem 1.125rem;
  color: #000000;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.3);
  margin-bottom: 1.5rem;
  cursor: default;
}
.infinite-scroll__loading:hover:not(:disabled), .infinite-scroll__loading:active {
  color: #AE9364;
}
.infinite-scroll__loading:disabled, .infinite-scroll__loading.disabled {
  opacity: 0.5;
  color: #000000;
}
.infinite-scroll__loading:disabled, .infinite-scroll__loading.disabled {
  cursor: not-allowed !important;
}
.infinite-scroll__loading.loading:focus, .infinite-scroll__loading.loading:hover, .infinite-scroll__loading.loading:active {
  color: #000000;
  outline: none;
}

.infinite-scroll__show-more {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  color: #000000;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.infinite-scroll__show-more:hover:not(:disabled), .infinite-scroll__show-more:active {
  color: #AE9364;
}
.infinite-scroll__show-more:disabled, .infinite-scroll__show-more.disabled {
  opacity: 0.5;
  color: #000000;
}
.infinite-scroll__show-more:disabled, .infinite-scroll__show-more.disabled {
  cursor: not-allowed !important;
}

.product-gallery {
  --product-gallery-max-height: 95vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  padding: 0;
}
@media screen and (max-height: 400px) {
  .product-gallery {
    --product-gallery-max-height: 400px;
  }
}

.product-gallery--viewport {
  position: relative;
  width: 80%;
  overflow: hidden;
  margin-bottom:1em;
}

@media screen and (max-width: 767px) {
  width: 85%;

}

.product-gallery--image-zoom {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none;
  cursor: zoom-out;
  background-color: #ffffff;
  background-repeat: no-repeat;
}
.product-gallery--image-zoom.active {
  display: block;
}

.product-gallery--media {
  max-width: 100%;
  margin: 0;
}
body:not(.user-is-tabbing) .product-gallery--media {
  outline: 0;
}
.product-gallery--media[data-media-type=image] img {
  background: transparent;
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  max-height: var(--product-gallery-max-height);
  object-fit: contain;
}
.product-gallery--media[data-media-type=model] {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: min(100%, var(--product-gallery-max-height));
  height: 0;
  padding-bottom: min(100%, var(--product-gallery-max-height));
}
.product-gallery--media[data-media-type=external_video] {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: min(56.25%, var(--product-gallery-max-height));
}
.product-gallery--media[data-media-type=external_video] .fluid-width-video-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.product-gallery--navigation {
  --gallery-thumbnail-gap: 0.75rem;
  display: flex;
  align-self: center;
  flex-wrap: wrap;
  margin-top: 0.05rem;
  margin-right: calc(-1 * var(--gallery-thumbnail-gap));
  margin-bottom: calc(-1 * var(--gallery-thumbnail-gap));
}
@media screen and (min-width: 576px) {
  .product-gallery--navigation {
    --gallery-thumbnail-gap: 1.125rem;
   
  }
}
@media screen and (min-width: 576px) {
  [data-product-gallery-layout=one-column] .product-gallery--navigation {
    align-self: center;
    justify-content: center;
  }
}

.product-gallery--media-thumbnail {
  position: relative;
  padding: 0;
  margin-right: var(--gallery-thumbnail-gap);
  margin-bottom: var(--gallery-thumbnail-gap);
  border: 0;
  border-radius: 0;
  background-color: transparent;
  cursor: pointer;
}
.product-gallery--media-thumbnail:hover {
  border: 0;
}
.product-gallery--media-thumbnail[data-product-gallery-selected=true] {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #666666;
}
body:not(.user-is-tabbing) .product-gallery--media-thumbnail {
  outline: 0;
}
.product-gallery--media-thumbnail svg {
  position: absolute;
  top: 3px;
  right: 3px;
  z-index: 1;
  width: 20px;
  height: 20px;
  color: #666666;
  pointer-events: none;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(102, 102, 102, 0.05);
}
.product-gallery--media-thumbnail img {
  display: block;
  width: auto;
  height: 40px;
}
@media screen and (min-width: 576px) {
  .product-gallery--media-thumbnail img {
    height: 50px;
  }
}

.product-gallery--viewinyourspace {
  font-family: proxima-nova,sans-serif;
  font-style: normal;
  font-weight: 200;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  padding: 0 38px 0 25px;
  color: #000000;
  background-color: rgba(0, 0, 0, 0.08);
  border: 0;
}
.product-gallery--viewinyourspace[data-shopify-xr-hidden] {
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  .product-gallery--viewinyourspace[data-shopify-xr-hidden] {
    display: none;
  }
}
.product-gallery--viewinyourspace svg {
  width: 44px;
  height: 44px;
  pointer-events: none;
}

.product-gallery--image-placeholder svg {
  display: block;
  width: 100%;
}

.filter-form {
  display: flex;
}

.collection__filters-wrapper {
  width: 100%;
  margin-top: 1.5rem;
}
@media screen and (min-width: 576px) {
  .collection__filters-wrapper {
    margin-top: 0;
  }
}
.collection__filters-wrapper:only-child {
  width: auto;
}

.collection__filters-title {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  white-space: nowrap;
}
@media screen and (min-width: 576px) {
  .collection__filters-title {
    display: none;
  }
}

.collection__filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
@media screen and (min-width: 576px) {
  .collection__filters {
    justify-content: left;
  }
}

.collection-filters__filter {
  position: absolute;
  left: 24px;
  z-index: 1;
  box-sizing: border-box;
  display: none;
  width: var(--mobile-width);
  min-width: -webkit-max-content;
  min-width: max-content;
  max-height: 500px;
  padding: 0.75rem;
  margin-top: 0.25rem;
  overflow-y: auto;
  list-style-type: none;
  border: 1px solid #393B3F;
  opacity: 0;
}
@media screen and (min-width: 576px) {
  .collection-filters__filter {
    right: auto;
    left: 0;
    width: -webkit-max-content;
    width: max-content;
  }
  .collection-filters__filter.filters--overflow-right {
    right: 0;
    left: auto;
  }
}
.collection-filters__filter[data-animation] {
  display: block;
}
.collection-filters__filter[data-animation="closed=>open"] {
  transition: opacity 200ms, height 300ms;
}
.collection-filters__filter[data-animation="open=>closed"] {
  transition: opacity 150ms, height 150ms;
}
.collection-filters__filter[data-animation-state=open] {
  display: block;
  height: var(--open-height);
  background-color: #ffffff;
  opacity: 1;
}

.collection-filters__details-wrapper {
  height: auto;
  margin: 0 0.5rem 0.5rem 0;
  overflow: visible;
}
@media screen and (min-width: 576px) {
  .collection-filters__details-wrapper {
    height: var(--closed-filter-height);
    margin: 0 0.5rem 0.5rem 0;
  }
}
.collection-filters__details-wrapper:last-child {
  margin-right: 0;
}

.collection-filters__filter-group {
  position: relative;
  position: unset;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #D2D6DC;
  border-radius: 3px;
  transition: border-color 0.2s ease-out;
}
.collection-filters__filter-group::after {
  position: absolute;
  pointer-events: none;
  content: url('data:image/svg+xml,%3Csvg viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 0.75L8 7.75L15 0.75" stroke="%23393b3f" stroke-width="1.75"/%3E%3C/svg%3E');
  transform: translate(-100%, 25%);
  width: 10.5px;
  height: 6px;
  padding: 0.5rem 0.75rem;
}
@media screen and (min-width: 576px) {
  .collection-filters__filter-group {
    position: relative;
  }
}
.collection-filters__filter-group:hover {
  border-color: #393B3F;
}
.collection-filters__filter-group::after {
  display: none;
}
.collection-filters__filter-group .collection-filters__filter-group-title::-webkit-details-marker {
  display: none;
}

.collection-filters__filter-group-title {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  line-height: 1.4;
  color: #393B3F;
  background: #ffffff;
  border: 1px solid #D2D6DC;
  transition: border-color 0.2s ease-out;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  padding-right: 2.5rem;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: transparent;
  border: none;
}
.collection-filters__filter-group-title::placeholder {
  color: rgba(57, 59, 63, 0.4);
}
.collection-filters__filter-group-title:hover {
  border-color: 










#b5bcc6




;
}
.collection-filters__filter-group-title:focus::after {
  outline: 0 !important;
}
.collection-filters__filter-group-title::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 10.5px;
  padding: 0.5rem 0.75rem;
  pointer-events: none;
  content: url('data:image/svg+xml,%3Csvg viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 0.75L8 7.75L15 0.75" stroke="%23393b3f" stroke-width="1.75"/%3E%3C/svg%3E');
  transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: rotate(0);
  transform-origin: center;
}
.collection-filters__filter-group[open] .collection-filters__filter-group-title::after {
  transform: rotate(180deg);
  transform-origin: center;
}

.collection-filters__filter-range {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  justify-content: center;
}

.collection-filters__filter-range--from,
.collection-filters__filter-range--to {
  position: relative;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  align-items: center;
  width: 7.5rem;
}
@media screen and (min-width: 768px) {
  .collection-filters__filter-range--from,
.collection-filters__filter-range--to {
    width: 100%;
  }
}
.collection-filters__filter-range--from .collection-filters__filter-range-input,
.collection-filters__filter-range--to .collection-filters__filter-range-input {
  margin: 0;
}

.collection-filters__filter-range--to {
  margin-right: 0;
}

.collection-filters__filter-range-currency {
  margin-right: 4px;
}

.collection-filters__filter-title {
  margin: 0;
  text-transform: none;
  letter-spacing: 0;
  pointer-events: none;
}

.collection-filters__filter-icon-wrapper {
  position: relative;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 4px;
  outline: none;
}

.collection-filters__filter-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  margin-top: -3px;
  transform: translateX(-50%);
}

.collection-filters__filter-list-item {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.collection-filters__filter-list-item:first-child {
  margin-top: 0;
}

.collection-filters__filter-link {
  display: flex;
  align-items: center;
  padding: 0.1875rem;
  margin: 0;
  font-size: var(--font-size-body-small);
  line-height: 1.15;
  color: currentColor;
  text-decoration: none;
  outline-offset: -4px;
}
.collection-filters__filter-link[data-disabled] {
  cursor: default;
  opacity: 50%;
}
.collection-filters__filter-link:hover {
  z-index: 101;
}
.modal .collection-filters__filter-link {
  width: 100%;
  padding: 4px;
}

.collection-filters__filter-list-item-text {
  display: inline-block;
  padding: 0.1875rem;
  margin-left: 0.25rem;
  line-height: 1.15;
  color: currentColor;
  text-decoration: none;
  vertical-align: middle;
}

.active-filter-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1.125rem;
  align-items: center;
  padding: 0;
  margin-top: 2rem;
  list-style-type: none;
}
.active-filter-group.active-filter-group--center {
  justify-content: center;
}
@media screen and (max-width: 575px) {
  .active-filter-group {
    justify-content: center;
  }
}

.active-filter-group__item-wrapper {
  display: inline-block;
  color: #AE9364;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  display: inline-block;
  margin: 0;
}
.active-filter-group__item-wrapper::after {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  cursor: pointer;
  content: "";
  background-color: #AE9364;
  transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
  transform: translateY(0.25rem);
}
.active-filter-group__item-wrapper:hover {
  color: 










#a58956




;
}
.active-filter-group__item-wrapper:hover::after {
  background-color: 










#a58956




;
  transform: translateY(0);
}
.active-filter-group__item-wrapper .active-filter-group__item {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding-right: 1rem;
  text-decoration: none;
  cursor: pointer;
}
.active-filter-group__item-wrapper .active-filter-group__item--clear {
  padding-right: 0;
}
.active-filter-group__item-wrapper .filter-icon--remove {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 4px;
  border-radius: 100%;
  transform: translateY(-50%);
}
.active-filter-group__item-wrapper .filter-icon--remove svg {
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
}
.active-filter-group__item-wrapper .filter-icon--remove path {
  stroke-width: 1px;
}
.active-filter-group__item-wrapper .active-filter-text {
  line-height: 1;
}

.filter-text,
.filter-icon--checkbox {
  display: inline-block;
  vertical-align: middle;
}

.filter-icon--checkbox .checkmark {
  display: block;
  width: 14px;
  height: 14px;
  color: #AE9364;
  border-color: #D2D6DC;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  stroke-miterlimit: 10;
}
.filter-icon--checkbox .checkmark[data-animation-state=unchecked] {
  border-color: #D2D6DC;
  box-shadow: inset 0 0 0 #AE9364;
  transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 100ms cubic-bezier(0.4, 0, 0.2, 1) 175ms;
}
.filter-icon--checkbox .checkmark[data-animation-state=checked] {
  border-color: #AE9364;
  box-shadow: inset 0 0 0 30px #AE9364;
  transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 100ms cubic-bezier(0.4, 0, 0.2, 1) 175ms;
}
.filter-icon--checkbox .checkmark__check {
  stroke: #ffffff;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  stroke-width: 2;
  transform-origin: 50% 50%;
}
.filter-icon--checkbox .checkmark__check[data-animation-state=unchecked] {
  stroke-dashoffset: 48;
  transition: stroke-dashoffset 175ms cubic-bezier(0.4, 0, 0.2, 1);
}
.filter-icon--checkbox .checkmark__check[data-animation-state=checked] {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 250ms cubic-bezier(0.4, 0, 0.2, 1) 125ms;
}

.product-item:hover .product-item__image-alternate {
  visibility: visible;
}
.product-item:hover .product-item__image-alternate ~ img {
  visibility: hidden;
}

.product-item__image {
  position: relative;
  text-align: center;
}
.product-item__image svg {
  width: 100%;
}
.product-item__image .product-item__quick-shop-button {
  opacity: 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  transform: translateY(5px);
}
.product-item__image .product-item__quick-shop-button:focus {
  opacity: 1;
  transform: translateY(0px);
}
.product-item__image:hover .product-item__quick-shop-button, .product-item__image:focus .product-item__quick-shop-button {
  opacity: 1;
  transform: translateY(0px);
}

.product-item__image-primary {
  display: inline-block;
  max-width: 100%;
  visibility: visible;
}

.product-item__image-alternate {
  position: absolute;
  top: 50%;
  left: 50%;
  visibility: hidden;
  transform: translate(-50%, -50%);
}

.product-item__image--natural img {
  width: 100%;
  height: auto;
}

.product-item__image--short,
.product-item__image--square,
.product-item__image--tall {
  height: 0;
}
.product-item__image--short .product-item__image-link,
.product-item__image--square .product-item__image-link,
.product-item__image--tall .product-item__image-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product-item__image--short img, .product-item__image--short svg,
.product-item__image--square img,
.product-item__image--square svg,
.product-item__image--tall img,
.product-item__image--tall svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.product-item__image--short {
  padding-bottom: 75%;
}

.product-item__image--square {
  padding-bottom: 100%;
}

.product-item__image--tall {
  padding-bottom: 150%;
}

.product-item__badge--sale,
.product-item__badge--sold-out {
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.25rem 0.5rem;
  margin: 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #AE9364;
  text-decoration: none;
}
.product-item__badge--sale:hover, .product-item__badge--sale:visited,
.product-item__badge--sold-out:hover,
.product-item__badge--sold-out:visited {
  color: #fff;
}

.product-item__badge--sold-out {
  background-color: 










#0f0f0f




;
}

.product-item__info {
  margin-top: 1.125rem;
  text-align: center;
  word-break: break-word;
}

.product-item__vendor a {
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #AAAAAA;
  text-decoration: none;
}
.product-item__vendor a:hover, .product-item__vendor a:focus {
  color: #AAAAAA;
}

.product-item__title {
  font-family: utopia-std,georgia, serif;
  font-style: normal;
  font-weight: 400;
  margin: 0.5rem 0;
  font-size: var(--font-size-heading-5);
  line-height: 1.3;
  color: #666666;
}
.product-item__title a {
  color: #666666;
}

.product-item__price {
  display: inline-block;
  margin: 0;
  font-size: 0.95rem;
}
.product-item__price.added-to-cart {
  position: relative;
  padding-left: 16px;
}
@media screen and (min-width: 768px) {
  .product-item__price.added-to-cart {
    padding-left: 20px;
  }
}
.product-item__price.sale {
  color: #AE9364;
}

.product-item__price-was,
.product-item__unit-price {
  position: relative;
  width: 100%;
  color: #000000;
}

.product-item__price-was {
  display: inline;
  margin-left: 0.25rem;
  color: #000000;
  text-decoration: line-through;
  opacity: 0.5;
}

.product-item__quick-shop-button-wrapper {
  position: absolute;
  bottom: 0;
  display: none;
  width: 100%;
  padding: 0 0.75rem 0.75rem;
}
@media screen and (min-width: 768px) {
  .product-item__quick-shop-button-wrapper {
    display: flex;
  }
}

.product-item__quick-shop-button {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.75rem 1.125rem;
  line-height: 1.4;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #000000;
  width: 100%;
}
.product-item__quick-shop-button:hover:not(:disabled), .product-item__quick-shop-button:active {
  color: 










#a58956




;
  background-color: #f7f4f0;
  border: 1px solid 










#a58956




;
}
.product-item__quick-shop-button:disabled, .product-item__quick-shop-button.disabled {
  opacity: 0.5;
}
.product-item__quick-shop-button:visited {
  color: #000000;
}
.product-item__quick-shop-button:disabled, .product-item__quick-shop-button.disabled {
  cursor: not-allowed !important;
}

.product-item__quick-shop-icon .unavailable {
  cursor: default;
}

.product-item__quickshop {
  display: none;
}

.product-item__unit-price {
  margin-top: 0.25rem;
  font-size: 0.8125rem;
}

.product-item__savings {
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.25rem 0.5rem;
  margin: 0.75rem auto 0;
  font-size: 0.75rem;
  color: #AE9364;
  text-transform: uppercase;
  border: 1px solid rgba(174, 147, 100, 0.5);
  border-radius: 3px;
}

.plyr.plyr--video {
  color: #666666;
  background-color: #ffffff;
}
.plyr.plyr--video .plyr__control {
  color: #666666;
  background: #ffffff;
  border: 0;
  -webkit-tap-highlight-color: transparent;
}
.plyr.plyr--video > .plyr__control {
  width: 60px;
  height: 60px;
  padding: 0;
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(102, 102, 102, 0.05);
}
.plyr.plyr--video > .plyr__control > svg {
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.plyr.plyr--video > .plyr__control:hover > svg {
  opacity: 0.55;
}
.plyr.plyr--video > .plyr__control:active {
  opacity: 0.7;
}
.plyr.plyr--video .plyr__progress__buffer {
  background: rgba(102, 102, 102, 0.6);
  opacity: 0.6;
}
.plyr.plyr--video .plyr__control--overlaid.plyr__tab-focus,
.plyr.plyr--video .plyr__control--overlaid:hover {
  color: #666666;
}
.plyr.plyr--video .plyr__video-wrapper video {
  max-height: var(--product-gallery-max-height);
}
.plyr.plyr--video .plyr__video-wrapper,
.plyr.plyr--video .plyr__poster {
  background-color: #ffffff;
}
.plyr.plyr--video .plyr__controls {
  background: #ffffff;
  border: none;
  box-shadow: 0 0 0 1px rgba(102, 102, 102, 0.05);
}
.plyr.plyr--video .plyr__tooltip {
  color: #ffffff;
  background: #666666;
}
.plyr.plyr--video .plyr__tooltip:before {
  border-top: 4px solid #666666;
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background-image: linear-gradient(to right, #666666 var(--value, 0%), rgba(102, 102, 102, 0.6) var(--value, 0%));
}
.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 4px rgba(102, 102, 102, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 4px rgba(102, 102, 102, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(102, 102, 102, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-moz-range-track {
  box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--video.plyr--full-ui input[type=range]::-ms-thumb {
  box-shadow: 2px 0 0 0 #ffffff;
}
.plyr.plyr--video.plyr--full-ui input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(102, 102, 102, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range]:active::-moz-range-track {
  box-shadow: 0 0 0 3px rgba(102, 102, 102, 0.25);
}
.plyr.plyr--video.plyr--full-ui input[type=range]:active::-ms-thumb {
  box-shadow: 0 0 0 3px rgba(102, 102, 102, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume {
  background-color: #666666;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-runnable-track {
  background-image: linear-gradient(to right, #ffffff var(--value, 0%), rgba(255, 255, 255, 0.6) var(--value, 0%));
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-moz-range-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range].plyr__tab-focus::-ms-track {
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-webkit-slider-thumb {
  color: #ffffff;
  box-shadow: 2px 0 0 0 #666666;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-moz-range-track {
  color: #ffffff;
  box-shadow: 2px 0 0 0 #666666;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]::-ms-thumb {
  color: #ffffff;
  box-shadow: 2px 0 0 0 #666666;
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-moz-range-track {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.plyr.plyr--video.plyr--full-ui .plyr__volume input[type=range]:active::-ms-thumb {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}

.shopify-model-viewer-ui {
  --progress-bar-color: #666666;
  --progress-bar-height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: initial;
}
.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--fullscreen) .shopify-model-viewer-ui__control-icon.shopify-model-viewer-ui__control-icon--exit-fullscreen {
  display: none;
}
.shopify-model-viewer-ui.shopify-model-viewer-ui--fullscreen .shopify-model-viewer-ui__control-icon.shopify-model-viewer-ui__control-icon--enter-fullscreen {
  display: none;
}
.shopify-model-viewer-ui model-viewer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.shopify-model-viewer-ui model-viewer.shopify-model-viewer-ui__disabled {
  pointer-events: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  cursor: pointer;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 46px;
  height: auto;
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:not(.shopify-model-viewer-ui__controls-area--playing) {
  display: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area:focus-within {
  opacity: 1;
}
.shopify-model-viewer-ui:hover .shopify-model-viewer-ui__controls-area, .user-is-tabbing .shopify-model-viewer-ui .shopify-model-viewer-ui__controls-area {
  opacity: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button:focus {
  z-index: 1;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--zoom-out,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--zoom-in,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--fullscreen {
  cursor: pointer;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
  width: 46px;
  height: 46px;
  padding: 0;
  color: #666666;
  background-color: #ffffff;
  border: 1px solid rgba(102, 102, 102, 0.05);
  transition: background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body:not(.user-is-tabbing) .shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster,
body:not(.user-is-tabbing) .shopify-model-viewer-ui .shopify-model-viewer-ui__button--control {
  outline: none;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster svg,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control svg {
  width: 46px;
  height: 46px;
  pointer-events: none;
  opacity: 1;
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover svg,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:hover svg {
  opacity: 0.55;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:active,
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:active {
  background-color: #f7f7f7;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster {
  position: absolute;
  top: calc(50% - 60px/2);
  left: calc(50% - 60px/2);
  z-index: 1;
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  border: none;
  box-shadow: 0 0 0 1px rgba(102, 102, 102, 0.05);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster:hover svg {
  opacity: 0.55;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--poster svg {
  width: 100%;
  height: 100%;
  border: none;
  opacity: 1;
  transition: opacity 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:first-child {
  border-bottom: 0;
}
.shopify-model-viewer-ui .shopify-model-viewer-ui__button--control:last-child {
  border-top: 0;
}

.rating {
  display: flex;
  align-items: center;
}

.rating__star-wrapper {
  display: flex;
}

.icon-star-background {
  transform: scaleX(var(--rating-scale, 0));
}

.icon-star-reference {
  position: absolute;
  left: -9999;
  width: 0;
  height: 0;
}

.rating__star {
  width: 20px;
  height: auto;
}

.rating__star-1 {
  --rating-scale: calc(var(--rating-value));
}

.rating__star-2 {
  --rating-scale: calc(var(--rating-value) - 1);
}

.rating__star-3 {
  --rating-scale: calc(var(--rating-value) - 2);
}

.rating__star-4 {
  --rating-scale: calc(var(--rating-value) - 3);
}

.rating__star-5 {
  --rating-scale: calc(var(--rating-value) - 4);
}

.rating__text {
  display: none;
}

.rating__count {
  margin: 0 0 0 5px;
}

@media screen and (forced-colors: active) {
  .rating__star-wrapper {
    display: none;
  }

  .rating__text {
    display: block;
  }
}
.product-details__add-to-cart-button:disabled + .shopify-payment-button {
  display: none;
}

.shopify-payment-button .shopify-payment-button__button {
  transition: none;
  min-height: 56px;
  overflow: hidden;
  border-radius: 4px;
}
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8125rem;
  padding: 1.125rem 2rem;
  line-height: 1.4;
  color: #ffffff;
  background-color: #AE9364;
  border: 1px solid #AE9364;
}
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:hover:not(:disabled), .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:active {
  color: #ffffff;
  background-color: 










#a58956




;
  border: 1px solid 










#a58956




;
}
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:disabled, .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded.disabled {
  color: #999999;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
}
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:visited {
  color: #ffffff;
}
.shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded:disabled, .shopify-payment-button .shopify-payment-button__button.shopify-payment-button__button--unbranded.disabled {
  cursor: not-allowed !important;
}
.shopify-payment-button .shopify-payment-button__more-options {
  font-family: proxima-nova,sans-serif;
  font-style: normal;
  font-weight: 200;
  color: #AE9364;
  transition: color 0.2s ease-out;
  width: 100%;
  padding: 12px 0;
  margin-top: 0;
  line-height: 1;
  text-decoration: none;
  background: none;
}
.shopify-payment-button .shopify-payment-button__more-options:visited {
  color: #AE9364;
}
.shopify-payment-button .shopify-payment-button__more-options:hover, .shopify-payment-button .shopify-payment-button__more-options:focus, .shopify-payment-button .shopify-payment-button__more-options:active {
  color: #715d3b;
}
.shopify-payment-button .shopify-payment-button__more-options:hover {
  text-decoration: none;
}
.shopify-payment-button .shopify-payment-button__more-options:hover:not(:disabled) {
  color: #715d3b;
  text-decoration: none;
}
.shopify-payment-button .shopify-payment-button__button--hidden {
  display: none;
}

.modal--quickshop .modal-inner {
  max-width: 960px;
  padding: 44px;
}
.modal--quickshop .modal-inner .product__wrapper {
  margin: 0;
}
@media screen and (min-width: 576px) {
  .modal--quickshop .modal-inner .product__wrapper--two-column {
    grid-template-columns: 11fr 9fr;
    grid-column-gap: 44px;
  }
}
.modal--quickshop .modal-inner .product__header {
  margin-right: 2.5rem;
}

.quickshop__loading-state {
  position: relative;
  height: 300px;
}
.quickshop__loading-state .icon-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  margin-left: -22px;
  animation: rotate 0.7s cubic-bezier(0.69, 0.31, 0.56, 0.83) infinite;
}

[data-rimg=lazy],
[data-rimg=loading],
[data-rimg=loaded] {
  transition: opacity 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: rgba(0, 0, 0, 0.1);
}

[data-rimg=lazy],
[data-rimg=loading] {
  opacity: 0;
}

[data-rimg=loaded] {
  background-color: transparent;
  opacity: 1;
}

[data-rimg-canvas] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: visibility 0s linear 0.1s, opacity 0.1s linear;
}
[data-rimg=loaded] + [data-rimg-canvas], [data-rimg=""] + [data-rimg-canvas] {
  opacity: 0;
  visibility: hidden;
}
.no-js [data-rimg-canvas] {
  display: none;
}

.no-js [data-rimg-noscript] + [data-rimg=lazy] {
  display: none;
}
.no-js [data-rimg=lazy] {
  opacity: 1;
}

.share-buttons {
  display: flex;
  margin-right: -0.5rem;
  align-items: center;
  justify-content: center;
}

.share-buttons__twitter,
.share-buttons__facebook,
.share-buttons__pinterest {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out, color 0.2s ease-out;
  font-family: freight-display-pro,serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
  padding: 0.5rem 0.75rem;
  color: #000000;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
}
.share-buttons__twitter:hover:not(:disabled), .share-buttons__twitter:active,
.share-buttons__facebook:hover:not(:disabled),
.share-buttons__facebook:active,
.share-buttons__pinterest:hover:not(:disabled),
.share-buttons__pinterest:active {
  color: #AE9364;
}
.share-buttons__twitter:disabled, .share-buttons__twitter.disabled,
.share-buttons__facebook:disabled,
.share-buttons__facebook.disabled,
.share-buttons__pinterest:disabled,
.share-buttons__pinterest.disabled {
  opacity: 0.5;
  color: #000000;
}
.share-buttons__twitter:disabled, .share-buttons__twitter.disabled,
.share-buttons__facebook:disabled,
.share-buttons__facebook.disabled,
.share-buttons__pinterest:disabled,
.share-buttons__pinterest.disabled {
  cursor: not-allowed !important;
}
.share-buttons__twitter svg,
.share-buttons__facebook svg,
.share-buttons__pinterest svg {
  width: auto;
  height: 1rem;
  margin-right: 0.5rem;
}

.social-links {
  display: grid;
  padding: 0;
  margin: 0;
  list-style: none;
  grid-gap: 1.125rem;
  grid-auto-columns: -webkit-min-content;
  grid-auto-columns: min-content;
  grid-auto-flow: column;
}
.social-links li {
  height: 20px;
  margin-bottom: 0;
}
.social-links svg {
  width: auto;
  height: 20px;
  fill: #AE9364;
}
.social-links svg:hover {
  fill: #715d3b;
}



/* Sloane Custom Additions
========================================================================== */
h3{
  font-size:1.2em;
  letter-spacing: 0.025em;

}

.sloaneProduct-description {
  width: 100%;
  padding: 0;

}

@media screen and (max-width: 767px){
  .sloaneProduct-description {
    width: 80%;
    margin: 0 auto;
  }

}


.sloaneProduct-description h1{
  margin-bottom:5px;
  margin-top:0px;
  letter-spacing: 0.200em;
  text-transform:uppercase;
}

.sloaneProduct-description ul {
  background: #F1ECE5;
  border-radius: 3px;
  margin: 10px 0;
  padding: 4% 0;

}

.sloaneProduct-description ul li {
  padding: 0 5%;
  letter-spacing: 0.025em;
  margin-bottom: 10px;
  text-align: left;
  font-style: normal;
}

.sloaneProduct-description ul li p {
  text-align: left;
  font-size: 0.85em;
  margin: 0;
  padding: 0;
  font-style: normal;

}

@media screen and (max-width: 767px) {
  .sloaneProduct-description ul li p {
    font-size: 1.2em;
    text-align: center;
  }
}


.sloaneProduct-description p {
  text-align: left;
  font-size: 0.85em;
  margin: 0;
  padding: 0;
  font-style: normal;

}

@media screen and (max-width: 767px) {
  .sloaneProduct-description p {
    font-size: 1.2em;
    text-align: center;
  }
}

.sloaneProduct-description ul li b {
  font-size: 0.85em;
  padding: 1px 4px;
  margin: 0;
background: #AE9364;
border-radius: 1px;
color: #FFFFFF;
text-transform: uppercase;
letter-spacing: 0.200em;
font-style: normal;
}

.sloaneFooter {
  margin: 20px 0 0;
}

#footerLogo{
  margin-top:50px;
}

#footerLogo img {
  max-width: 175px;
  width: 50%;
  margin: 20px 0 0;
}
.sloaneFooter::before {
  display: block;
  width: 100%;
  height: 3px;
border-top: 1px solid #D2D2D2;
border-bottom: 1px solid #D2D2D2;
content: "";
}

.sloaneCopyright {
  font-size: 0.688em;
color:  #AE9364;
margin:0;

}

.sloaneCopyright span{
color:  #AE9364;
text-decoration: none;
font-weight: 300;
}
.sloaneCopyright a{
color:  #AE9364;
text-decoration: none;
font-weight: 300;
}

.sloaneCopyright a:hover {
  color: #644610;
}



.social{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction:row;
  margin:15px 0;

}

.social img {
  width: 20px;
  margin: 0 10px;
  object-fit: contain;

}


.FooterNav {
  margin: 15px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;

}


.FooterNav a{
  margin:15px;
  font-size: 14px;
  letter-spacing: 0.200em;
  text-decoration: none;
font-family: utopia-std,georgia, serif;
color:#ae9364;


}

@include breakpoint(m) {
  .FooterNav {
    flex-direction: column;
  }
  .FooterNav a {
    margin:5px;
  }
}

.FooterNav img {
  height: 25px;
  margin:0 5px;
  object-fit: contain;
}


@media screen and (max-width: 767px) {
  .FooterNav img {
    display: none;
  }
}

/*Sloane pages*/


/* Page - retailer map
========================================================================== */

#map {
  height: 500px;  /* The height is 400 pixels */
  width: 85%;  /* The width is the width of the web page */
  margin: 30px auto;
}



#description {
font-family: proxima-nova,sans-serif;
font-size: 15px;
font-weight: 300;
}

#infowindow-content .title {
  font-weight: bold;
}

#infowindow-content {
  display: none;
}


.pac-card {
  margin: 10px 10px 0 0;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  box-shadow: 0 2px 6px #644610;
  background-color: #fff;
font-family: proxima-nova,sans-serif;
}

#pac-container {
  padding-bottom: 12px;
  margin-right: 12px;
}

.pac-controls {
  display: inline-block;
  padding: 5px 11px;
}

.pac-controls label {
font-family: proxima-nova,sans-serif;
font-size: 13px;
font-weight: 300;
}

#pac-input {
  background-color: #fff;
font-family: proxima-nova,sans-serif;
font-size: 15px;
font-weight: 300;
margin-left: 5px;
margin-top: 5px;
padding: 0 11px 0 13px;
text-overflow: ellipsis;
width: 350px;
height: 40px;


}


@media screen and (max-width: 767px){

  #pac-input {
    width: 225px;
  }

}



#pac-input:focus {
  border-color: #4d90fe;
}

/* Page - contact us
========================================================================== */
.form-title h1 {
  padding: 1em 0 .5em;
  font-size: 1.875em;
font-family:utopia-std,georgia, serif;
font-style: normal;
font-weight: 300;
margin: 0;
line-height: 1.3;
color: #666;
}



.form-row {
  display: flex;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 10px;
  flex-wrap: wrap;

}

.my-form-contact {
  width: 70%;
  margin: 0 auto;
  padding: 30px 0;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(43, 44, 45, 0.3);
  overflow: hidden;

}

.my-form-contact input {
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 960px){
  .my-form-contact {
    width: 80%;
  }
}

.formfieldR {
  width: 45%;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .formfieldR {
    width: 80%;
    padding-left: 0;
    margin: 0 auto 15px;
  }
}

.formfieldR label {
  display: inline-block;
  margin-bottom: 4px;
}
.formfieldR input:invalid{
  border: 1px solid red;
}

.formfieldL {
  width: 45%;
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}



@media screen and (max-width: 767px) {
  .formfieldL {
    width: 80%;
    padding-right: 0;
    margin: 0 auto 15px;
  }
}

.formfieldL label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.formfieldL input:invalid{
  border: 1px solid red;
}

.formfieldC {
  width: 90%;
}

@media screen and (max-width: 767px) {
  .formfieldC {
    margin: 0 auto 15px;
    width: 80%;
  }
}

.formfieldC label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.formfieldC input:invalid{
  border: 1px solid red;
}
.formfieldC textarea:invalid{
  border: 1px solid red;
}

.submitError{
  display: none;

}


.form-control{
  margin:0;
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  background-clip: padding-box;
  border: 1px solid $primary-border;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  text-align: center;

}


.form-intro{
  width:90%;
  margin:0 auto 1.5em;

}

.error-message {
  color: #cc0033;
  font-size: 12px;
  line-height: 15px;
  margin: 5px 0 0;
  display:none;

}


/* Page - press
========================================================================== */




.press-row{
  width: 80%;
  margin: 0 auto;
  border-bottom: 1px solid #d2d2d2;
  padding:50px 0;
  display: flex;
}

.pressLCol{
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}

.pressRCol{
  display:flex;
  flex-direction:column;
  align-items: left;
  justify-content: center;

}

.pressLogo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pressLogo img {
  align-items: center;
  justify-content: center;
  max-width: 175px;
  padding: 10px;
}

.pressSnippet {
  margin-left: 20px;
  width: 95%;
  display: flex;
  flex-direction: column;
  text-align: left;

}


.pressSnippet h4 {
  margin: 0 0 .1em;
  text-align: left;
  padding:0;
}

.pressSnippet p {
  margin-top:0;
  text-align: left;
}

.press-row:last-child {
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .press-row {
    padding: 20px 0;
  }
  .pressLogo {
    width: 100%;
  }
  .pressSnippet {
    margin-left: 0px;
    margin-top:10px;
  }
   .pressSnippet h4{
      text-align: center!important;
    }

  .pressLogo img {
    max-width: 140px;
    padding: 0;
  }
  .press-row {
    flex-direction: column;
  }
  .pressLCol{
    flex: 0 0 200px;
   
  }
}







.goldHeading {
  width: 100%;
}
.goldHeading h2 {
  text-align: center;
font-family: utopia-std,georgia, serif;
font-size: 1em;
line-height: 1.55em;
background-color: #AE9364;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 10px 0;
padding: 12px;
}

.lightGoldHeading {
  width: 100%;
  padding: 2.125em 0 1.75em;
  margin: 0;
  border-top: 1px solid #d2d2d2;
}
.lightGoldHeading h1 {
font-family: utopia-std,georgia, serif;
font-style: normal;
font-weight: 300;
margin: 0;
font-size: 1.5em;
letter-spacing: 0.1em;
line-height: 1.3;
color: #666;
text-transform: uppercase;
}
#exclusivePhotoL {
  display: flex;
  justify-content: center;
  align-content: center;
}
#exclusivePhotoL img {
  object-fit: contain;
}
#exclusiveText {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  padding: 0 0 0 30px;
}
@media screen and (max-width: 767px) {
  #exclusiveText {
    padding: 20px 0 0;
  }
}


#exclusiveTealist {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #exclusiveTealist {
    flex-direction: column;
  }
}
.exclusiveTeaItem {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 30px;
}
.exclusiveTeaItem img {
  object-fit: contain;
}
.exclusiveTeaItem span {
color: #AE9364;
}
.exclusiveTeaItem a {
  margin: 10px 0;
  width: 105px;
}
/* SACHET ========================================================================== */
.sachets {
  display: flex;
  justify-items: center;
  flex-direction: column;
  width: 80%;
  margin: auto;
}
.sachets img {
  width: 100%;
  margin-bottom: 25px;
  object-fit: contain;
}
/* FAQ ========================================================================== */
.goldBar h2 {
  text-align: center;
font-family: utopia-std,georgia, serif;
font-size: 1em;
line-height: 1.55em;
padding: 0.2em 0;
background-color: #AE9364;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.05em;
margin: 0;
}
.faq {
  margin-bottom: 20px;
}
.faq ol {
  margin-top: 10px;
  text-align: center;
}
.faq li {
  padding: 3px 0;
}
.faq a:hover {
  text-decoration: none;
  color: #644610;
}
.faqA {
  padding: 10px 0;
}
.faqSub {
  margin-top: 20px;
}
#instruction {
  background-color: #f0e9e4;
  padding: 10px;
}
#instruction li {
  margin: 6px 0;
  font-size: 0.9em;
}


/* Homepage Banner ========================================================================== */


@media screen and (max-width: 767px) {
  .bannerBTN  {
    font-size: 0.5rem;
  }
}





  
.bannerImage img {
  width: 100%;
  display: block;
}
.bannerImage {
  margin-top: 0;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .4);
  position: relative;
}
.bannerImageBlock {
  position: relative;
}
.bannerTextBox {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.bannerText {
  position: relative;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
  color: #fff;
  text-align: Left;
  top: 10%;
  -webkit-transform: translateY(-10%);
  -ms-transform: translateY(-10%);
  transform: translateY(-10%);
  padding: 0 3%;
  Z-INDEX: 500;
}
@media screen and (max-width: 767px) {
  .bannerText {
    padding: 0;
  }
}
.bannerText h1 {
  font-size: 1.875em;
  margin: 0;
}
.bannerText p {
  font-size: 1.3em;
  margin: 0;
}
.staticBannerText {
  position: absolute;
  text-shadow: 1px 1px 1px rgba(43, 44, 45, 0.1);
  padding: 0 0 0 0;
  Z-INDEX: 500;

}


.bannerimgCTAText {
  position: relative;
  text-align: center;
  padding: 0 15%;
}
.bannerimgCTAText h3 {
  text-align: center;
  font-size: 1.875em;
  font-weight:500;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
  margin: 0;
}
@media screen and (max-width: 767px) {
  .bannerimgCTAText h3 {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 767px) {
  .bannerimgCTAText {
    padding: 0 5px;
  }
}
.bannerimgCTAbtn {
  position: relative;
  text-align: center;
  padding: 0 15%;
}








.bannerImageLink {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.bannerText h1, p {
  margin-top: 0;
  margin-bottom: 10px;
}
.colourTextBlock {
  position: relative;
  width: 100%;
  display: block;
  margin-top: 0;
  padding: 40px 0;
  background-color: #f1ece5;
}
.colourTextBlock h1, p {
  margin-top: 0;
  margin-bottom: 10px;
  text-color: blue;
}
.blog-wrapper {
  margin: 0 60px;
}
.collection-wrapper {
  margin: 0 60px;
}
.text-wrapper {
  margin: 0 1em;
}
@media screen and (max-width: 767px) {
  .text-wrapper {
    margin: 0 .25em;
  }
}

.main-header {
  background-color: #fff;
}
.headerBar {
  display: flex;
  flex-direction: row;
  width: 100%;
border-bottom:1px solid #D2D2D2;
}
.bytypeGrid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 95%;
  margin: 0 auto;
}
.byTypeItem {
  display: flex;
  flex-direction: column;
  width: 33%;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .byTypeItem {
    width: 50%;
  }
}
@media screen and (max-width: 500px) {
  .byTypeItem {
    width: 80%;
  }
}
.byTypeItem h3 {
  margin: 0;
}
.byTypeTitle {
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.byTypeimg img {
  width: 80%;
}


.teaimg {
  width: 195px;
  height: 195px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  transform: translateZ(0);
  margin-top: 1em;
}


.teaimg img {
  position:relative;
  width: auto;
  transform:scale(1.2);
}

.teaimg img.image-hover {
  position:absolute;
  width: auto;
  object-fit: contain;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity:0;
  transition: opacity .2s;
  -moz-transition: opacity .2s;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;



}
.teaimg:hover img.image-hover {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity:1;
}






.teaimgP {
  width: 150px;
  height: 150px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  transform: translateZ(0);
  margin-top: 0;

}

@media screen and (max-width: 767px) {
  .teaimgP {
    margin-bottom:20px;
  }
  
}


.teaimgP img {
  position:relative;
  width: auto;
  transform:scale(1.2);
}

.teaimgP img.image-hover {
  position:absolute;
  width: auto;
  object-fit: contain;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity:0;
  transition: opacity .2s;
  -moz-transition: opacity .2s;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;



}
.teaimgP:hover img.image-hover {
  opacity: 1;
  -moz-opacity: 1;
  -webkit-opacity:1;
}



.teaimg4 {
  width: 180px;
  height: 180px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.teaimg4 img {
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;
}
.microGrid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  width: 95%;
  margin: 0 auto;
}
.microItem {
  display: flex;
  flex-direction: column;
  width: 33%;
  justify-content: center;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .microItem {
    width: 80%;
    margin-bottom: 10px;
  }
}
.microItem h3 {
  margin: 0;
}
.microTitle {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.microImg {
  display: flex;
  justify-content: center;
  align-items: center;
}
.microImg img {
  width: 80%;
}
@media screen and (max-width: 767px) {
  .microImg img {
    width: 60%;
  }
}

.latteImg {
  display: flex;
  justify-content: center;
  align-items: center;
}
.latteImg img {
  width: 95%;
}
@media screen and (max-width: 767px) {
  .latteImg img {
    width: 75%;
  }
}
.microText {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 75%;
  flex-grow:1;
}
@media screen and (max-width: 767px) {
  .microText {
    width: 50%;
  }
}
.accordion {
  background: #fff;
  cursor: pointer;
  padding: 18px;
  border-style: solid solid none;
  border-width: 1px;
  border-color: #d2d2d2;
  width: 90%;
  text-align: left;
  outline: none;
  font-size: 0.9em;
  transition: 0.4s;
}
.accordianActive {
  background-color: #ae936480;
  border-color:#d2d2d2;
  border-style:solid;
}
.accordion:hover {
  background-color: #ae936480;
}
.panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  text-align: left;
  width: 90%;
  margin: 0 auto;
  border-style: none solid;
  border-color: #d2d2d2;
  border-width: 1px;
}


.panel:last-of-type {
  border-style:none solid solid;
}



.panel p {
  padding: 10px 20px;
  font-size: 0.95em;
  margin:0;
}

.panel h1, h2, h3, h4, h5, h6 {
  
  padding: 5px 20px;
  margin: 15px 0;
}

.teaPanel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  text-align: left;
  width: 90%;
  margin: 0;
  border-style: none solid;
  border-color: #d2d2d2;
  border-width: 1px;
}
.teaPanel p {

}

.accordion:before {
  content: '\02795';
  /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  margin-left: 5px;
  margin-right: 10px;
  color: "#666";
}
.accordianActive:before {
  content: "\2796";
  /* Unicode character for "minus" sign (-) */
}
.teaGrid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 95%;
  margin: 0 auto;
}
.teaTitle {
  display: flex;
  flex-direction: column;
  margin: 1em auto .5em;
  width: 98%;
  flex:1;
}
.teaTitle a {
  font-size: 1.05em;
  letter-spacing: 0.06em;
  width: 98%;
  margin: 0 auto;
  font-family: utopia-std,georgia, serif;
  color:#ae9364;
}
.teaTitle p {
  width: 95%;
  margin: 5px auto;
  font-size: .95em;

}
.filterDiv {
  display: none;
  /* Hidden by default */
}
/* The "show" class is added to the filtered elements */
.show {
  display: flex;
  margin: 0 auto;
  width: 25%;
}

@media screen and (max-width: 1281px) {
  .show {
    width: 33.33%;
  }
}

@media screen and (max-width: 960px) {
  .show {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .show {
    width: 70%;
  }
}
.show101 {
  display: flex;
  width: 30%;
}
@media screen and (max-width: 960px) {
  .show101 {
    width: 48%;
    margin: 20px auto;
  }
}
@media screen and (max-width: 500px) {
  .show101 {
    width: 70%;
    margin: 20px auto;
  }
}
/* Style the buttons */
#myBtnContainer {
  margin-bottom: 60px;
  display: flex;
  flex-direction: row;
  justify-content:center;
  flex-wrap: wrap;

}
.btn {
font-family: utopia-std,georgia, serif;
font-weight:400;
border: none;
outline: none;
padding: .75em;
cursor: pointer;
border-radius: 5px;
background: #fff;
box-shadow: 0 2px 5px 0 rgba(43, 44, 45, .3);
text-transform: uppercase;
font-size: .95rem;
letter-spacing: 0.12em;
color: #666;
margin: 1em .5em;
}
/* Add a light grey background on mouse-over */
.btn:hover {
color: #AE9364;
}
/* Add a dark background to the active button */
.btn.active {
color: #AE9364;
box-shadow: 0 2px 5px 0 #AE9364;
}
.teaItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgb(43 44 45 / 30%);
  margin: 1.5em auto;
  max-width:280px;
}
.teaItem h3 {
  margin: 0;
}
teaItemRow {
  display: flex;
  width: 100%;
  flex-direction: row;
}
.teaItem4 {
  display: flex;
  flex-direction: column;
  width: 25%;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .teaItem4 {
    width: 50%;
  }
}
@media screen and (max-width: 500px) {
  .teaItem4 {
    width: 80%;
  }
}
.teaItem4 h3 {
  margin: 0;
}
.availFormats{
  display: flex;
  flex-direction: row;
  width:85%;
  margin:0 auto;
  justify-content: space-between;
  margin-bottom: 1em;
}
.formatIcons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:center

}
.formatIcons img {
  width: 1.3em;
  margin: 0 .3em;
}
.formatIcons h4 {
  text-transform: uppercase;
  margin: .6em 0;
  font-size: 0.6em;
}



.teapage-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-bottom: 20px;
  margin: auto;

}

.teapage-title h1 {
  margin: 0;
  font-size: 2rem;
  line-height: 1.3;
  padding: 1em 0;
  color: #666666;
  text-transform: Uppercase;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.teapage-title h4 {
  font-size: 1.2rem;
  font-weight: 300;

}

@media screen and (max-width: 767px)  {
  .teapage-title h1 {
    font-size: 1.5rem;
  }
  .teapage-title h4 {
    font-size: 1rem;

  }


}


.teapage-title p {
  width: 60%;
  margin: 12px auto 15px;
}
.teaSection {
border-bottom: 1px solid ;
}
.monogram {
  background-image: url({ { 'monogram60.png'| asset_url}});
  background-size: 1063px 598px;
  padding: 15px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.monogramInner {
  margin: 100px 0;
  background-color: #fff;
}
.wholesaleCTA {
  padding-bottom: 40px;
border-bottom: 1px solid #D2D2D2;
}
@media screen and (max-width: 767px) {
  .wholesaleCTA {
  border-bottom: 1px solid #D2D2D2;

}
}
.wholesaleCTA-title {
  margin: 0;
  font-size: 1.875em;
  line-height: 1.3;
  color: #666;
  padding: 1em 0 0;
  font-size: 1.875em;
}
.wholesalePhotos {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin: 10px 0 30px;
}
@media screen and (max-width: 767px) {
  .wholesalePhotos {
    flex-direction: column;
  }
}
.wholesaleItem {
  display: flex;
  width: 25%;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .wholesaleItem {
    width: 80%;
    margin: 0 auto;
  }
}
.wholesaleCTAimg {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}
.wholesaleCTAimg img {
  object-fit: contain;
  width: 100%;
}
.wholesaleCTAcontent h3 {
  font-size: 1.1em;
color: #AE9364;
text-transform: Uppercase;
letter-spacing: 0.1em;
margin: 10px 0;
}
.sloaneathome {
  margin-bottom: 40px;
}
.aboutSectionC {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}

.aboutText {
  display: flex;
}
.aboutBeauty {
  display: flex;
  width: 65%;
  max-width: 550px;
}
.aboutSectionC {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  padding:0;
}
@media screen and (max-width: 767px) {
  .aboutSectionC {
    flex-direction: column;
  }
}
.aboutTextC {
  width: 95%;
  margin: 1.5em auto 2.5em;
}
.aboutImgCuppingC {
  margin: 1em 0;
  width: 100%;
}
.aboutImgCuppingC img {
  width: 100%;
}
.aboutSectionL {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}
@media screen and (max-width: 767px) {
  .aboutSectionL {
    flex-direction: column;
  }
}
.aboutTextL {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .aboutTextL {
    width: 80%;
  }
}
.aboutImgCuppingL {
  width: 40%;
}
.aboutImgCuppingL img {
  width: 80%;
}
@media screen and (max-width: 767px) {
  .aboutImgCuppingL {
    width: 90%;
  }
}
.aboutSectionR {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-evenly;
  padding: 0 0 60px;
}
@media screen and (max-width: 767px) {
  .aboutSectionR {
    padding: 0 0 20px;
    flex-direction: column;
  }
}
.aboutTextR {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .aboutTextR {
    width: 80%;
  }
}
.aboutImgCuppingR {
  width: 40%;
}
.aboutImgCuppingR img {
  width: 80%;
}
@media screen and (max-width: 767px) {
  .aboutImgCuppingR {
    width: 90%;
  }
}
.aboutText-wrapper {
  margin: 0 8%;
}
@media screen and (max-width: 767px) {
  .aboutText-wrapper {
    margin: 0 5%;
  }
}
.missionBox {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: space-evenly;
}
.missionTxt {
  padding: 4%;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  width: 40%;
}
@media screen and (max-width: 767px) {
  .missionTxt {
    width: 60%;
  }
}
@media screen and (max-width: 500px) {
  .missionTxt {
    width: 80%;
  }
}
.missionimg {
  width: 25%;
  display: flex;
  align-content: center;
  justify-content: center;
}
.missionimg img {
  width: 95%;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .missionimg {
    display: none;
  }
}
.whySectionR {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-evenly;
  padding: 30px 0 60px;
  margin: 0 8%;
}
@media screen and (max-width: 767px) {
  .whySectionR {
    margin: 0 5%;
    padding: 30px 0;
    flex-direction: column;
  }
}

.whySectionC {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  padding: 60px 0;
  background-color: #f1ece5;
}
@media screen and (max-width: 767px) {
  .whySectionC {
    padding: 30px 0;
    flex-direction: column;
  }
}
.cuppingStudio {
  display: flex;
  width: 100%;
  justify-content: center;
  align-content: center;
  flex-direction: row;
  margin: 40px auto 0;
}
@media screen and (max-width: 767px) {
  .cuppingStudio {
    flex-direction: column;
    margin: 0 auto;
  }
}
.cuppingStudioImg {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  width: 50%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .cuppingStudioImg {
    width: 80%;
    margin: 0 auto 3.product-details__qty-price-container0px;
  }hi
}
.cuppingStudioImg h6 {
  margin: 0;
}
.cuppingStudioImg img {
  object-fit: contain;
  width: 80%;
  margin: 0 auto;
}
.cuppingStudioNews {
  width: 40%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .cuppingStudioNews {
    width: 80%;
  }
}
.Cupping-form-contact {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0;
border: 1px solid #D2D2D2;
border-radius: 0.25rem;
}
.cuppingform-intro {
  width: 100%;
  margin: 0 auto 20px;
}
.cuppingform-intro h2 {
  margin: 0 0 10px;
}
.whyCTAText {
  position: relative;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
  color: #fff;
  text-align: center;
  top: 30px;
}
@media screen and (max-width: 767px) {
  .whyCTAText {
    top: 5px;
  }
}
.whyCTAText h1 {
  font-size: 1.875em;
  margin: 10px;
}
.whyCTAText {
  position: relative;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.12);
  color: #666;
  text-align: center;
  top: 30px;
}
@media screen and (max-width: 767px) {
  .whyCTAText {
    top: 5px;
  }
}
.whyCTAText h1 {
  margin: 10px;
}
.microgroundImage {
  width: 60%;
  margin: 15px auto;
}
.microgroundImage img {
  width: 100%;
}
.whyCTA {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 15px;
}
.giftGuideTitle {
  display: flex;
  flex-direction: column;
  margin: 20px auto 5px;
  width: 100%;
}
.giftGuideTitle a {
  font-size: 1.1em;
  letter-spacing: 0.06em;
  width: 95%;
  margin: 0 auto;
}
.giftGuideTitle p {
  width: 80%;
  margin: 0 auto;
}
.giftGuide {
  display: flex;
  flex-direction: column;
  width: 25%;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .giftGuide {
    width: 50%;
  }
}
@media screen and (max-width: 500px) {
  .giftGuide {
    width: 80%;
  }
}
.giftGuide h3 {
  margin: 0;
}
.giftGuideimg {
  position: relative;
}
.giftGuideimg img {
  margin: 0 auto;
  width: 80%;
}
.teaCard {
  margin: 20px auto;
  border: none;
  flex-wrap: wrap;
  justify-content: center;
  width: 90%;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(43, 44, 45, .3);
  padding: 0 1.5em 1.5em;

}

.teaCardTitle a{
font-family: utopia-std,georgia, serif;
letter-spacing:0.1em;
}


.teaCardItems {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;

}

}
@media screen and (max-width: 500px) {
  .teaCardItems {
    flex-direction: column;
  }
}
.teaCardItem {
  display: flex;
  flex-direction: column;
  margin-bottom:  1em;
  width:25%;
}


@media screen and (max-width: 767px) {
  .teaCardItem {
    width: 33%;
    padding: 0 5%;
    margin: auto;
    justify-content: center;
  }
}

@media screen and (max-width: 500px) {
  .teaCardItem {
    width: 75%;
    padding: 0 5%;
    margin: auto;
    justify-content: center;
  }
}
.teaCardImg {
  padding: 10px;
}
.teaCardImg img {
  margin: auto;
  width: 100%;
  max-width: 300px;
  max-height: 100%;
}

.teaCardDescription{
  width: 90%;
  margin: .5em auto;
}









.shopStyles {
  margin: 40px auto 10px;
  display: flex;
  justify-content: center;
}
.collectionDescription {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  width: 90%;
  align-items: center;
}
.collectionDescription h1 {
  margin-bottom: 5px;
  margin-top: 0px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.collectionDescription ul {
  background: #f1ece5;
  border-radius: 3px;
  margin: 10px 0;
  padding: 4%;
  list-style-type: none;
}
.collectionDescription ul li {
  margin: 5px 0;
}
.collectionDescription ul li p {
  text-align: left;
  font-size: 0.85em;
  margin: 0;
  padding: 0;
  font-style: normal;
}
.collectionDescription ul li b {
  font-size: 0.85em;
  padding: 1px 4px;
  margin: 0;
background: #AE9364;
border-radius: 1px;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.2em;
font-style: normal;
}
.collectionCardItems {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.collectionCard {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 20px auto;
  border: none;
  flex-wrap: wrap;
  width: 60%;
  justify-content: center;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(43, 44, 45, .3);
  overflow: hidden;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .collectionCard {
    width: 95%;
  }
}

.collectionCard h1{
  padding: 0;
  margin: .5em 0 .75em;


}
.collectionTeaimg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.collectionTeaimg img {
  border-radius: 50%;
  max-height: 200px;
}
@media screen and (max-width: 767px) {
  .collectionTeaimg {
    margin-bottom: 20px;
  }
}
.pageIntro {
  display: flex;
  justify-items: center;
  flex-direction: column;
  width: 80%;
  margin: auto;
  text-align: center;
}
.pageP {
  display: flex;
  justify-items: center;
  flex-direction: column;
  width: 80%;
  margin: 0 auto 1.5rem;
  text-align: left;
}
.pageP ol {
  list-style: decimal;
  list-style-position: outside;
}
.pageImg1 {
  display: flex;
  justify-content: center;
  flex-direction: row;
  margin: 15px 0;
}
.pageImg1 img {
  width: 70%;
  margin: auto;
}
.pageImgHalf {
  display: flex;
  justify-content: center;
  flex-direction: row;
  margin: 15px 0;
}
.pageImgHalf img {
  width: 50%;
  margin: auto;
}
.pageImgThirds {
  display: flex;
  justify-content: center;
  flex-direction: row;
  margin: 15px 0;
  align-content: space-evenly;
}
.pageImgThirds img {
  width: 25%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .pageImgThirds img {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .pageImgThirds {
    flex-direction: column;
  }
}
.pageImgGrp {
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
  margin: 15px 0;
  flex-wrap: wrap;
}
.pageImgGrp img {
  width: 45%;
  height: auto;
  padding: 10px 0;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .pageImgGrp img {
    width: 100%;
  }
}
.pageImgTextR {
  display: flex;
  justify-content: space-evenly;
  flex-direction: row;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .pageImgTextR {
    flex-direction: column;
  }
}
.pageImgText {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  margin: 0 auto;
  width: 50%;
  text-align: left;
}
.pageImgText h3 {
  margin: 0;
}
.pageImgText ol {
  list-style: decimal;
}
@media screen and (max-width: 767px) {
  .pageImgText {
    width: 70%;
  }
  .pageImgText h3 {
    text-align: center;
  }
}
.pageImgText img {
  width: 85%;
  height: auto;
  padding: 10px 0;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .pageImgText img {
    width: 100%;
  }
}
.variantDescription {
  background: #f1ece5;
  border-radius: 3px;
  margin: 20px 0;
  padding: 4%;
  color: #000000;
  font-size: .9rem;
}
@media screen and (max-width: 767px) {
  .variantDescription {
    margin: 20px auto;
    width: 90%;
    font-size: 0.7rem;
  }
}
.variantDescription h3 {
  text-transform: uppercase;
  margin-top: 0;
}
.variantDescription b {
  padding: 1px 4px;
  margin: 0;
background: #AE9364;
border-radius: 1px;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.2em;
font-style: normal;
}
.variantDescription p {
  text-align: left;
  padding: 0;
  font-style: normal;
  margin: 6px 0;
}
@media screen and (max-width: 767px) {
  .variantDescription p {
    font-size: 1.2em;
  }
}



.sloaneForm{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 960px) {
  .sloaneForm{
    flex-direction: column;
  }
  .varSelect{
    width:80%;
  }

}

@media screen and (max-width: 767px) {
  .varSelect{
    margin:1em auto 0;
  }
}


#ingList{
  width:100%;

}

@media screen and (max-width: 767px) {
  #varProfile {
    text-align:center;
  }
}


@media screen and (max-width: 767px) {
  #ingList{
    width:70%;
    marigin: 1em auto 0 auto;

  }
}


.accountActions {
  display: flex;
  flex-direction: column;
  align-content: center;
}
.rewards {
  display: flex;
  flex-direction: column;
  align-content: center;
  margin: 0 auto 80px;
}
.rewards h2 {
  margin: 30px 0 50px;
}
.rewards img {
  width: 60%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .rewards {
    width: 90%;
    margin: 0px auto 30px;
  }
  .rewards img {
    width: 90%;
    margin: auto;
  }
  .rewards h2 {
    margin: 20px auto;
  }
}
.pointPerks {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .pointPerks {
    flex-direction: column;
  }
}
.pointPerksItem {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  width: 20%;
  margin: 0 3%;
}
@media screen and (max-width: 767px) {
  .pointPerksItem {
    width: 50%;
    margin: 0 auto 15px;
  }
}
.pointPerksItem img {
  width: 30%;
  margin: 0 auto 10px;
  object-fit: contain;
}
.pointPerksItem p {
  margin: 10px auto;
}
.referFriend {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  margin: 0 10% 80px;
}
@media screen and (max-width: 767px) {
  .referFriend {
    flex-direction: column;
    margin: 0 10% 30px;
  }
}
.referFriendR {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  width: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .referFriendR {
    width: 100%;
  }
}
.referFriendR h2 {
  margin: 10px auto;
  width: 90%;
}
.referFriendR p {
  width: 85%;
  margin: 0 auto;
}
.referFriendL {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  width: 40%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .referFriendL {
    width: 80%;
  }
}
.referFriendL img {
  width: 100%;
  margin: 0 auto;
  object-fit: contain;
}
.pointsMember {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  margin: 0 10% 80px;
}
.pointsMember img {
  width: 8%;
  margin: 0 auto 10px;
  object-fit: contain;
}
.pointsMember h2 {
  margin: 10px auto;
  width: 90%;
}
.pointsMember p {
  width: 40%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .pointsMember {
    margin: 0 10% 30px;
  }
  .pointsMember p {
    width: 90%;
    margin: 0 auto;
  }
  .pointsMember img {
    width: 15%;
  }
}


.single-option-selector option:disabled {
  display: none;
}
.blendTea {
  display: none;
  margin:  0;
}



@media screen and (max-width: 767px) {
  .blendTea {
    margin: 0 auto;
  }
}
.blendTea p {
  color: #FF0000;
}



#freshBatchNotif {
  display: none;
  width: 100%;
  align-content: center;
  align-items: center;
  color: #FF0000;
  font-weight:300;
  margin: 1em;
}
#freshBatchNotif p {
  margin: 0 auto;
  font-style: italic;
  font-size: 0.9em;

}
#correctItems {
  display: flex;
  width: 100%;
  align-content: center;
  align-items: center;
  color: #FF0000;
}
#correctItems p {
  margin: 0 auto;
  font-style: italic;
  font-size: 1em;
  font-weight: 300;

}
.paymentIcons {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: auto;
  align-items: center;
  align-content: center;
}
.payIcon {
  display: flex;
  flex-direction: row;
  margin: 12px 5px;
}
.Icons {
  display: flex;
  flex-direction: row;
  margin: auto;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.addOn {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  flex-grow: 1;
  margin: 0 auto;
  border: none;
  flex-wrap: wrap;
  justify-content: center;
  width: 75%;
  max-width: 800px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(43, 44, 45, .3);
  overflow: hidden;
  color: rgba(135, 135, 135, .9);
  padding: 20px;
}
.addOnTitle h1 {
font-family: utopia-std,georgia, serif;
font-style: normal;
font-weight: 300;
margin: 0 0 25px 0;
font-size: 1.5em;
letter-spacing: 0.1em;
line-height: 1.3;
color: #666;
text-transform: uppercase;
}
.addOnSection {
  display: flex;
  flex-direction: row;
  margin: auto;
  align-content: center;
  align-items: center;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .addOnSection {
    flex-direction: column;
  }
}
.addOnImg {
  display: flex;
  width: 55%;
  flex-direction: column;
  margin: auto;
  align-content: center;
  align-items: center;
}
.addOnImg img {
  width: 90%;
}
@media screen and (max-width: 767px) {
  .addOnImg {
    width: 80%;
  }
  .addOnImg img {
    width: 100%;
  }
}
.addOnText {
  display: flex;
  width: 40%;
  margin: auto;
  flex-direction: column;
  align-content: center;
  align-items: center;
  color: #666;
}
.addOnText h2 {
font-family: utopia-std,georgia, serif;
font-style: normal;
font-weight: 300;
margin: 0 0 5px 0;
font-size: 1rem;
letter-spacing: 0.1em;
line-height: 1.3;
text-transform: uppercase;
}
.addOnText p {
  margin: 0 0 10px 0;
  font-size: 0.85rem;
}
@media screen and (max-width: 767px) {
  .addOnText {
    width: 75%;
  }
  .addOnText h2 {
    margin: 10px 0 0 5px;
  }
}

.blogItems {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  width: 90%;
  margin: 0 auto;
}


.learnSnippetSection{
  margin:0 1em;
  padding: 1.5em 0 2.5em;
}







.learnPost{
  display: flex;
  flex-direction:column;
  width:100%;
  justify-content: space-around;
  border: none;
  align-items:center;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(43,44,45,0.3);
  overflow: hidden;
  padding: 8px;
  margin: 20px 0;

}

@media screen and (max-width: 960px) {
  .LearnPost {

    width: 48%;
    margin: 20px auto;
  }

}
@media screen and (max-width: 767px)  {
  .LearnPost {
    width: 70%;
    margin: 20px auto;
  }

}


.learnImage{
  display:flex;
  width: 95%;
  margin: 0 auto;
  justify-content: center;
  align-items:center;

}

.learnImage img{
  object-fit: contain;
  width:100%;
  margin: auto;
}

.learnExcerpt{
  display:flex;
  justify-content: flex-start;
  align-items:center;
  flex-direction:column;
  color:#666;
  margin:10px auto 0;
  flex: 1 0 auto;
  width: 90%;

}

.learnExcerpt p{
  font-size:.9rem;
  text-align:center;
  color:#666;
}

.learnExcerpt h4{
  font-weight: 400;
  font-size: 1.1rem;
  color: #AE9364;
  margin: .5em auto;
}

.learnExcerpt h4:hover {

    color: #715d3b;

}




.learnExcerpt a{
  text-decoration: none;

}

@media screen and (max-width: 767px) {
  .learnExcerpt p {
    font-size: 1rem;
    text-decoration: none;
  }
}


.learnHeader{
  width:100%;
  display: flex;
  flex-direction:row;
  margin: 0 0 10px;

}

.learnHeader a{
  font-style: italic;
  font-size: 0.722rem;
  color: #666;
  text-decoration: none;
font-family: freight-display-pro,serif;

}
.learnPost a{
  text-decoration: none;
font-family: freight-display-pro,serif;
font-size: .85rem;
color:#ae9364;

}



.blogPost {
  display: flex;
  flex-direction: column;
  width: 30%;
  justify-content: space-around;
  border: none;
  align-items: center;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgba(43, 44, 45, 0.3);
  overflow: hidden;
  color: rgba(135, 135, 135, 0.9);
  padding: 8px;
  margin: 20px 0;
}

.blogPost a {
  text-decoration: none;
}

@media screen and (max-width: 960px) {
  .blogPost {

    width: 48%;
    margin: 20px auto;
  }

}
@media screen and (max-width: 767px)  {
  .blogPost {
    width: 70%;
    margin: 20px auto;
  }

}
.blogImage{
  display:flex;
  width: 95%;
  margin: 0 auto;
  justify-content: center;
  align-items:center;
  flex: 1 0 auto;
}

.blogImage img{
  object-fit: contain;
  width:100%;
  margin: auto;
}

.blogExcerpt {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  color: #666;
  margin: 10px 0 0;
}



.blogExcerpt a {
  text-decoration: none;


}

.blogLink a{
  text-decoration: none;
font-family:freight-display-pro,serif;
font-size: .85rem;
}


.blogExcerpt p {
  font-size: .9rem;
  text-align: center;
  color: #666;
  margin-top: 5px;

}





.blogExcerpt h4{
font-family:freight-display-pro,serif;
margin:0;
font-size: 1.1em;
letter-spacing: 0.025em;
font-weight:400;
color:#AE9364;
}


.blogHeader {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin: 0 0 5px;
  align-content: center;
}

.blogHeader a{
  font-style: italic;
  font-size: 0.722rem;
  color: #666;

}



.blogTags {
  display: flex;
  justify-content: flex-start;
  width: 50%;
  font-style: italic;
  align-content: center;
}

.blogTags span{
  font-style: italic;
  font-size:0.6rem;
  letter-spacing: .05em;
}
.blogTags a {
@extend %font-smoothing;
  font-size: 0.722rem;
  color: #666;
}
.blogTags ul{
  list-style-type:none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin:0 0 auto;
  align-content:center;
}

.blogTags li {
  margin: 0 8px;
}



.blogShare {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  width: 50%;

}
.blogShare img {
  display: block;
  width: 25px;
  margin: auto 5px;
  object-fit: contain;
}
.blogShare span{
  font-style: italic;
  font-size:0.7rem;
  color:#AE9364;
}


.product-list {
  display:flex;
  flex-wrap:wrap;
  justify-content: center;
  margin: 5px 10px 4.438em 10px;
}

.product-item{
  width:90%;
  margin:0 auto;
}

@media screen and (max-width: 767px){
  .product-item {
    width: 50%;
  }

}

@media screen and (max-width: 500px) {
  .product-item {
    width: 90%;
  }

}

.tea-product-item {
  width: 20%;
  margin: 0 auto;

}

@media screen and (max-width: 767px){
  .tea-product-item {
    width: 50%;
  }

}

@media screen and (max-width: 500px) {
  .tea-product-item {
    width: 90%;
  }

}

.product-item-title {
  margin: 10px 0 5px;
  color:#AE9364;
  font-family: freight-display-pro,serif;

}






.page-title h1{
  margin: 0;
  font-size: 2rem;
  line-height: 1.3;
  padding: 1em 0;
  color: #666666;
  text-transform: Uppercase;
  letter-spacing: 0.1em;
  font-weight: 500;
}






.container {
  position: relative;
  width: 25%;
}


@media screen and (max-width: 960px) {
  .container {
    width: 33.33%;
  }
}


@media screen and (max-width: 767px) {
  .container {
    width: 50%;
  }

}

@media screen and (max-width: 500px) {
  .container {
    width: 65%;
  }
}

.container img{
  width: 100%;
  height:100%;
}



.image {
  display: block;
  width: 100%;
  height: 100%;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #FFFFFF;
}

@media screen and (max-width: 767px) {
  .overlay {
    display:none;
  }
}

.container:hover .overlay {
  opacity: 1;
}

.text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width:95%;
}


.text h6{
font-family:freight-display-pro,serif;
margin: 0 0 .4em;
font-size:1.2rem;
}



.text a{
font-family:freight-display-pro,serif;
font-size:1.1rem;
text-transform: uppercase;


}

.text p{
  font-size:.9rem;
}


.shopStyleImages{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  width: 90%;
  margin: 1em auto 2.5em;

}






.shopStylesBTN {
  margin: 0 auto 2em;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .shopStylesBTN {
    display:none;
  }
}

.mtext{
  display:none;
  margin:.5em auto 1.5em;
}


@media screen and (max-width: 767px) {
  .mtext{
    display:block;
  }
}

.mtext h6{
font-family:freight-display-pro,serif;
margin: 0 0 .4em;
font-size:1.1rem;


}



.mtext a{
font-family:freight-display-pro,serif;
font-size:.85rem;
text-transform: uppercase;

}

.mtext p{
  font-size:.9rem;
  width:68%;
  margin: 0 auto;
}







.byFormattext{
  margin-bottom:1.5em;
  flex-grow:1;
}


.byFormattext h6{
font-family:freight-display-pro,serif;
margin: .5em 0 .2em;
font-size:1.1rem;
color:  #AE9364;

}



.byFormattext a{
font-family:freight-display-pro,serif;
font-size:.85rem;
text-transform: uppercase;

}

.byformattext p{
  font-size:.9rem;
  margin: 0 auto;
}

.byFormatImages{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  width: 90%;
  margin: 1em auto 2.5em;

}



.byFormatContainer {
  display:flex;
  flex-direction:column;
  justify-content: center;
  align-content: center;
  width: 30%;
}

.byFormatContainer img{
  width: 90%;
  height: auto;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .byFormatContainer {
    width: 75%;
  }


}

.tiktok-embed{
  border-left: 0;
}


.freeShippingBar {
  display: block;
  padding: 5px;
  font-size: 0.8rem;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  font-weight: 300!important;
}


.manDrinkingTea{
  background-image: url(//sloanetea.com/cdn/shop/t/209/assets/manBackground.png?v=82831923666940622381750272021);
  background-repeat:no-repeat;
  background-size: contain;
  background-position: right bottom; /*Positioning*/
  height:450px;

}

.LooseleafBackground{
  background-image: url(//sloanetea.com/cdn/shop/t/209/assets/looseLeafBackground.png?v=4843954795549981971750272021);
  background-repeat:no-repeat;
  background-size: cover;
  background-position: right top;

}
@media screen and (max-width: 767px) {
  .LooseleafBackground{
    background-position: left top;
  }


}


.looseLeafSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  padding: 60px 0;

}

.looseLeafText {
  width: 45%;
  margin: auto auto auto 6%;
}

@media screen and (max-width: 767px) {
  .looseLeafText {
    width: 80%;
    margin: auto;
  }


}


.variantInfoCollection{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  width:95%;
  align-content: center;
  justify-content: center;
  max-width:900px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgb(43 44 45 / 30%);
  margin: 1.5em auto;
  padding: 1em 0 1.5em;


}

.varCollectionRow {
  display: flex;
  flex-direction: row;
  width: 95%;
  margin: 0 auto;
  justify-items: flex-start;
  align-items: center;
}


.varColCollection{
  display:flex;
  flex-direction:row;
  align-items: center;
  justify-items: center;
  margin: 0 1.2em 0.5em  0;

}

.varCollectionR{
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  width:100%;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0.5rem;
}

.varCollectionL{
  display:flex;
  flex-direction:column;
  width:40%;
  justify-content: center;
  align-items: center;
}



.varColCollection img{
  max-width: 35px;
  max-height: 35px;
  height: auto;
  margin-right: 20px;

}


@media screen and (max-width: 767px) {


  .varCollectionRow {
    flex-direction: column;
  }

  .varCollectionR{
    width:90%;
    margin:auto
  }
  .varCollectionL{
    margin-bottom:10px;
  }
}




.variantInfo{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  width:100%;
  align-content: flex-start;
  justify-content: flex-start;
  max-width:700px;


}

@media screen and (max-width: 767px) {
  .variantInfo{
        justify-content: center;
     align-content: center;
  }
}




.varRow {
  display: flex;
  flex-direction: row;
  margin: 0 0 1em;
  justify-items: flex-start;
  align-items: center;
}


.varRowL{
  display:flex;
  flex-direction:column;
  width:40%;
  justify-content: center;
  align-items: center;
}
.varRowR{
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  width:100%;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: 0.5rem;
}


@media screen and (max-width: 767px) {
  .varRow {
    justify-content: center;
    flex-direction: column;
  }
  .variantInfo{
        justify-content: center;

  }
  .varRowR{
     align-items: center;
  }
  
  
}





.varCol{
  display:flex;
  flex-direction:row;
  align-items: center;
  justify-items: center;
  margin: 0 1.2em 0.5em  0;

}



.varCol img{
  max-width:25px;
  max-height: 25px;
  height:auto;
}




.varCol p{
  margin-left:.4em;
  margin-bottom:0;
}

.varSteep{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;

}

.varSelect{
  width: 50%;
  max-width: 250px;
  display: flex;
  align-items: center;
  margin:0;
}

.varVideo{
  display:flex;
  width:80%;
  margin: 0 auto 20px;
  align-content: center;
  justify-content: center;

}


.sloaneForm{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 960px) {
  .sloaneForm{
    flex-direction: column;
  }
  .varSelect{
    width:80%;
  }

}

@media screen and (max-width: 767px) {
  .varSelect{
    margin:1em auto 0;
  }
}


#ingList{
  width:100%;

}

@media screen and (max-width: 767px) {
  #varProfile {
    text-align:center;
  }
}


@media screen and (max-width: 767px) {
  #ingList{
    width:70%;
    marigin: 1em auto 0 auto;

  }
}


.variant__ing{
  display: none;
  width:100%;

}
.variantWT{
  display: none;
  width:auto;
  justify-content: flex-start; 
  margin-left:1.2rem; 
  width: auto; 
  align-items:center;
}

.ingMainHeader{
  display:flex;
  width:80%;
  flex-direction:column;
  margin: 0 auto 1em;
  align-content: center;
  justify-content: center;
}

.aboutBlend{
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 20px 20px 0 0;
  border: none;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 5px 0 rgb(43 44 45 / 30%);
  overflow: hidden;
  padding: 30px;
  max-width:700px;
}








.textImgSection {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;

}
@media screen and (max-width: 767px) {
  .textImgSection {
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .textImgSection-img {
    width: 90%;
    margin-top:20px;
  }
}
.textImgSection-txt h3 {
  margin-top:0;
}


@media screen and (max-width: 767px) {
  .textImgSection-txt {
    width: 90%;
    margin-top:20px;
  }
}



.paragraphDiv{
  display:flex;
  flex-direction:column;
  align-content:center;
  justify-content:center;

}
.paragraph{
  margin:0 auto;
}


.teaProduct-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap:1.5rem;
}


.teaProduct-item {
  display: flex;
  flex-direction: column;
  width: 20%;
  align-items: center;
  justify-items: center;

}

@media  (max-width: 767px) {
  .teaProduct-item {
    width: 40%;

  }
}

.teaProduct-item-image{
  width: 95%;
  margin: 0 auto;
  height: auto;
}
.product-item__info h3{
  font-size:1rem;
  margin: 0 auto 5px;
}

.product-item__info a {
  color: #666666;
}

.freeShip{
  width: 100%;
  text-align: left;
  margin-bottom:2rem;"
}
@media screen and (max-width: 767px) {
  .freeShip {
    text-align: center;
  }
}


.collectionItem{
  width: 30%;
  margin:.5rem;

}

@media  (max-width: 767px) {
  .collectionItem {
    width: 80%;

  }
}