/** Shopify CDN: Minification failed

Line 1213:56 Unexpected "{"

**/



  

  



  

  
/* Core styles go here */
/* Mixins */
html::before {
  display: none;
  content: "XS,S,M,L,XL";
}
html::after {
  display: none;
  content: "XS";
}
@media screen and (min-width: 480px) {
  html::after {
    content: "S";
  }
}
@media screen and (min-width: 720px) {
  html::after {
    content: "M";
  }
}
@media screen and (min-width: 1024px) {
  html::after {
    content: "L";
  }
}
@media screen and (min-width: 1280px) {
  html::after {
    content: "XL";
  }
}

/* Tokens */
:root {
  --animation-function-general: cubic-bezier(0.17, 0.84, 0.44, 1);
}

:root {
  /* Text */
  --color-heading: #000000;
  --color-body: #000000;
  --color-accent: #333333;
  --color-body-rgb:
    0,
    0,
    0;
  --color-accent-rgb:
    51,
    51,
    51;
  --color-link: #333333;
  --color-link-rgb:
    51,
    51,
    51;
  
  
  
  --color-accent-morphed: 










#404040




;
  --color-link-hover: var(--color-accent-morphed);
  /* Backgrounds */
  --color-site-background: #fff;
  --color-site-background-secondary: #f2b1ff;
  /* Borders */
  --color-lines-and-borders: rgba(255, 255, 255, 0.15);
  --color-lines-and-borders-darker: rgba(255, 255, 255, 0.35);
  /* Products - General */
  --color-sale: #00c75c;
  --color-sale-badge-label: #ffffff;
  --color-sale-badge-background: #00c75c;
  --color-sold-out-badge: #888;
  --color-sold-out-badge-label: #fff;
  --color-price-regular: #000000;
  --color-price-sale: #00c75c;
  --color-price-savings: #00c75c;
  --color-price-compare: rgba(0, 0, 0, 0.6);
  --color-star-ratings-active: #000000;
  --color-star-ratings-inactive: rgba(0, 0, 0, 0.6);
  --color-in-stock: #1601ff;
  --color-low-in-stock: #1601ff;
  --color-out-of-stock: #d10000;
  --color-vendor: rgba(0, 0, 0, 0.75);
  /* Notifications */
  --color-error: #c93030;
  --color-error-background: #fff1f1;
  --color-error-rgb: 201, 48, 48;
  --color-success: #0c9c3d;
  --color-success-background: #dfffea;
  --color-success-rgb: 12, 156, 61;
  /* Header */
  /* Buttons */
  --color-button-main: #afa589;
  
  
  
  --color-button-main-invoked: 










#a09473




;
  --color-button-main-contrast: #333333;
  --color-button-quiet: #333333;
  --color-button-quiet-invoked: 










#404040




;
  --color-button-signpost: #333333;
  --color-button-signpost-invoked: 










#404040




;
  --color-button-disabled: #f3f3f3;
  --color-button-disabled-contrast: #828282;
  /* FAB - Floating Action Buttons */
  --color-fab-foreground: #000000;
  --color-fab-background: #fff;
  --color-fab-quiet: #000000;
  /* Forms */
  --color-form-foreground: #000000;
  --color-form-foreground-rgb:
    0,
    0,
    0;
  --color-form-active: #000000;
  --color-form-active-rgb:
    0,
    0,
    0;
  /* Overlays */
  --color-overlay:
    rgba(
      0,
      0,
      0,
      20%
    );
  --color-overlay-text: #ffffff;
  /* Dialogs */
  --color-dialog-background: #fff;
  --color-dialog-background-rgb: 255, 255, 255;
  --color-dialog-overlay: rgba(0, 0, 0, 40%);
  --color-dialog-shadow: #000;
  /* Disclosures */
  --color-disclosure-background: #fff;
  --color-disclosure-border: #000000;
  --shadow-disclosure: 3px 3px 0 #000000;
  /* Social links */
  --color-social-text: #fff;
  --color-facebook: #3a5c99;
  --color-twitter: #45aaf2;
  --color-pinterest: #bc2230;
  --color-pinterest-background: #efefef;
  --color-pinterest-border: #d3d3d3;
  /* Placeholder images */
  --color-onboarding-background: rgba(0, 0, 0, 0.04);
  --color-onboarding-foreground: rgba(0, 0, 0, 0.5);
}







:root {
  --font-size-base: 16px;
  
  --font-body-family: Helvetica,Arial, sans-serif;
  --font-body-style: normal;
  --font-body-weight: 400;
  --font-body-weight-bolder: 700;
  --font-body-size-25: 0.86328125rem;
  --font-body-size-50: 0.9296875rem;
  --font-body-size-75: 0.99609375rem;
  --font-body-size-100: 1.0625rem;
  --font-body-size-200: 1.1953125rem;
  --font-body-size-300: 1.328125rem;
  --font-body-size-400: 1.59375rem;
  --font-body-size-500: 1.7265625rem;
  --font-body-size-600: 1.859375rem;
  --font-body-size-700: 2.125rem;
  --font-body-size-800: 2.390625rem;
  --font-body-line-height: 1.3;
  --font-body-letter-spacing: 0;
  
  --font-heading-family: Helvetica,Arial, sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: 700;
  --font-heading-size-1: 2.825875rem;
  --font-heading-size-2: 2.3125rem;
  --font-heading-size-3: 1.799125rem;
  --font-heading-size-4: 1.5424375rem;
  --font-heading-size-5: 1.2834375rem;
  --font-heading-size-6: 1.15625rem;
  --font-heading-size-collapsible-tab: 1.2834375rem;
  --font-heading-size-section: 3.2120625rem;
  --font-heading-size-page-title: 3.2120625rem;
  --font-heading-size-banner: 3.8549375rem;
  
  
  --font-heading-line-height: 1.1;
  --font-heading-letter-spacing: 0.02em;
  --font-heading-transform: none;
  
  --font-subheading-family: var(--font-body-family);
  --font-subheading-style: var(--font-body-style);
  --font-subheading-weight: var(--font-body-weight);
  --font-subheading-weight-bolder: var(--font-body-weight-bolder);
  --font-subheading-size-small: var(--font-body-size-200);
  --font-subheading-size-medium: var(--font-body-size-300);
  --font-subheading-size-large: var(--font-body-size-400);
  --font-subheading-line-height: var(--font-body-line-height);
  --font-subheading-letter-spacing: var(--font-body-letter-spacing);
  
  --font-accent-size-small: var(--font-body-size-25);
  --font-accent-size-medium: var(--font-body-size-50);
  --font-accent-size-large: var(--font-body-size-75);
  --font-accent-line-height: 1.2;
  --font-accent-letter-spacing: 0.075em;
  
  --font-button-family: var(--font-body-family);
  --font-button-size-small: var(--font-body-size-100);
  --font-button-size-medium: var(--font-body-size-200);
  --font-button-size-large: var(--font-body-size-300);
  --font-button-weight: var(--font-body-weight);
  --font-button-line-height: var(--font-body-line-height);
  --font-button-transform: none;
  --font-button-letter-spacing: 0;
  
  --font-signpost-size: var(--font-body-size-300);
  --font-signpost-weight: 700;
  --font-signpost-transform: uppercase;
  --font-signpost-letter-spacing: 0.05em;
  
  --font-form-label-size: var(--font-body-size-100);
  --font-form-label-weight: var(--font-body-weight);
  --font-form-label-transform: none;
  --font-form-label-letter-spacing: 0;
  --font-form-value-size: var(--font-body-size-100);
  --font-form-value-weight: var(--font-body-weight);
  --font-form-label-info-size: var(--font-body-size-75);
  --font-form-label-message-size: var(--font-body-size-50);
  
  --font-product-item-name-size: var(--font-body-size-100);
  --font-product-item-name-family: var(--font-body-family);
  --font-product-item-name-weight: var(--font-body-weight);
  --font-product-item-vendor-size: var(--font-body-size-50);
  --font-product-item-price-size: var(--font-body-size-100);
  --font-product-item-price-size-unit: var(--font-body-size-50);
  --font-product-item-price-size-savings: var(--font-body-size-50);
  /* We need to reduce the font sizes on the product cards on mobile */
}
@media screen and (max-width: 719px) {
  :root {
    --font-product-item-name-size: calc(var(--font-body-size-100) * 0.9285);
    --font-product-item-vendor-size: calc(var(--font-body-size-50) * 0.9285);
    --font-product-item-price-size: calc(var(--font-body-size-100) * 0.9285);
    --font-product-item-price-size-unit: calc(var(--font-body-size-50) * 0.9285);
    --font-product-item-price-size-savings: calc(var(--font-body-size-50) * 0.9285);
  }
}

:root {
  --index-header: 700;
  --index-overlay: 800;
  --index-modal: 900;
  --index-max: 1000;
}

:root {
  /* Site widths */
  --width-site-full: 9999px;
  --width-site-content: 800px;
  --width-site-constrained: 600px;
  /* General (Inconsequential) Spacers */
  --space-1: 0.125rem;
  --space-2: 0.25rem;
  --space-3: 0.375rem;
  --space-4: 0.5rem;
  --space-5: 0.625rem;
  --space-6: 0.75rem;
  --space-7: 0.875rem;
  --space-8: 1rem;
  --space-9: 1.25rem;
  --space-10: 1.5rem;
  --space-11: 1.75rem;
  --space-12: 2rem;
  --space-13: 2.25rem;
  --space-14: 2.5rem;
  --space-15: 2.75rem;
  --space-16: 3rem;
  --space-17: 3.5rem;
  --space-18: 4rem;
  --space-19: 5rem;
  --space-20: 6rem;
  --space-21: 7rem;
  --space-22: 8rem;
  /* Site gutters */
  --space-gutter-mobile: 16px;
  --space-gutter-desktop: 24px;
  /* Button Spacing */
  --space-button-small-vertical: var(--space-5);
  --space-button-small-horizontal: var(--space-8);
  --space-button-medium-vertical: var(--space-7);
  --space-button-medium-horizontal: var(--space-11);
  --space-button-large-vertical: var(--space-8);
  --space-button-large-horizontal: var(--space-13);
  /* FAB Buttons */
  --dimension-button-fab-small: 2rem;
  --dimension-button-fab-medium: 2.375rem;
  --dimension-button-fab-large: 2.875rem;
  --dimension-button-fab-icon-small: 1rem;
  --dimension-button-fab-icon-medium: 1.125rem;
  --dimension-button-fab-icon-large: 1.375rem;
  /* Forms */
  --space-form-label-gap: var(--space-7);
  --space-form-input-gap: var(--space-12);
  --space-form-input-small-vertical: var(--space-3);
  --space-form-input-small-horizontal: var(--space-6);
  --space-form-input-medium-vertical: var(--space-5);
  --space-form-input-medium-horizontal: var(--space-8);
  --space-form-input-large-vertical: var(--space-8);
  --space-form-input-large-horizontal: var(--space-9);
  --space-form-chip-vertical: var(--space-3);
  --space-form-chip-horizontal: var(--space-3);
  --dimension-form-chip-width: 4rem;
  --dimension-form-choice: calc(var(--font-form-label-size) * 1.125);
  --dimension-form-swatch: 1.5rem;
  /* Content Grids */
  --space-content-grid-small: var(--space-8) var(--space-4);
  --space-content-grid-medium: var(--space-10) var(--space-8);
  --space-content-grid-large: var(--space-11) var(--space-9);
  --space-content-grid-mobile: var(--space-8) var(--space-4);
  /* RTE Spacing */
  --space-rte-paragraph: var(--space-10);
  /* Section spacing */
  --space-section-margin-mobile: var(--space-14);
  --space-section-margin-desktop: var(--space-18);
}

/* Other style tokens that don't fit into the other categories */
:root {
  /* Forms */
  --border-radius-form-input: 0;
  --border-radius-form-checkbox: 0;
  --border-radius-form-swatch: 0;
}

/* Base */
* {
  box-sizing: border-box;
}

html {
  position: relative;
  height: 100%;
  font-size: var(--font-size-base);
  -moz-osx-font-smoothing: grayscale;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-text-size-adjust: 100%;
}

body {
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100vh;
  font-family: var(--font-body-family);
  font-size: var(--font-body-size-100);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  line-height: var(--font-body-line-height);
  color: var(--color-body);
  text-align: left;
  letter-spacing: var(--font-body-letter-spacing);
  background-color: var(--color-site-background);
  word-break: break-word;
}

main {
  flex-grow: 1;
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: var(--space-10) 0 var(--space-8);
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  line-height: var(--font-heading-line-height);
  color: var(--color-heading);
  text-transform: var(--font-heading-transform);
  letter-spacing: var(--font-heading-letter-spacing);
}
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,
h1 {
  font-size: var(--font-heading-size-1);
}

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

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

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

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

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

p {
  margin: var(--space-rte-paragraph) 0;
}

a {
  color: var(--color-link);
  transition: color 0.2s ease-out;
}
a:visited {
  color: var(--color-link);
}
a:hover, a:focus, a:active {
  color: var(--color-link-hover);
}

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

ol,
ul {
  padding-left: var(--space-8);
  margin: var(--space-8) 0 var(--space-10);
}
ol > ol,
ol > ul,
ul > ol,
ul > ul {
  margin: 0;
}

ol {
  list-style-type: decimal;
}

ul {
  list-style-type: disc;
  list-style-position: inside;
}

li {
  margin-bottom: var(--space-6);
}

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

tr {
  border-bottom: 1px solid var(--color-lines-and-borders);
}
tfoot tr {
  border-bottom: none;
}

th {
  padding: var(--space-6) var(--space-6) var(--space-6) 0;
  font-size: var(--font-body-size-75);
  font-weight: var(--font-body-weight);
  color: var(--color-heading);
  line-height: var(--font-body-line-height);
  letter-spacing: 0.075;
  word-break: keep-all;
}

td {
  padding: var(--space-6) var(--space-6) var(--space-6) 0;
  word-break: keep-all;
}

blockquote {
  position: relative;
  margin: var(--space-rte-paragraph) var(--space-6);
  padding: 0 0 0 var(--space-11);
  font-family: var(--font-heading-family);
  font-size: var(--font-heading-size-2);
  font-weight: var(--font-heading-weight);
  line-height: var(--font-heading-line-height);
  color: var(--color-body);
  text-transform: var(--font-heading-transform);
  letter-spacing: var(--font-heading-letter-spacing);
  border-left: 2px solid var(--color-body);
}
blockquote > * {
  padding: var(--space-5) 0 0 var(--space-8);
}
@media screen and (min-width: 720px) {
  blockquote {
    margin: var(--space-rte-paragraph) var(--space-13);
  }
}
@media screen and (min-width: 1024px) {
  blockquote {
    margin: var(--space-rte-paragraph) var(--space-19);
  }
}

iframe {
  max-width: 100%;
}

b,
strong {
  font-weight: var(--font-body-weight-bolder);
}

em {
  font-style: italic;
}

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

label {
  display: block;
  margin-bottom: var(--space-form-label-gap);
  font-size: var(--font-form-label-size);
  font-weight: var(--font-form-label-weight);
  color: var(--color-form-foreground);
  text-transform: var(--font-form-label-transform);
  letter-spacing: var(--font-form-label-letter-spacing);
  cursor: pointer;
}

input[type=text],
input[type=email],
input[type=password],
input[type=search],
input[type=telephone],
input[type=tel],
input[type=number],
textarea,
select {
  position: relative;
  display: block;
  width: 100%;
  padding: var(--space-form-input-medium-vertical) var(--space-form-input-medium-horizontal);
  margin: var(--space-form-label-gap) 0 var(--space-form-input-gap);
  font-family: var(--font-body-family);
  font-size: var(--font-form-value-size);
  font-weight: var(--font-form-value-weight);
  color: var(--color-form-foreground);
  text-align: left;
  cursor: pointer;
  background: transparent;
  border: 1px solid rgba(var(--color-form-foreground-rgb), 0.3);
  border-radius: var(--border-radius-form-input);
  outline: none;
  transition: border-color 0.2s ease-out, box-shadow 0.2s ease-out;
  -webkit-appearance: none;
          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,
select::placeholder {
  color: rgba(var(--color-form-foreground-rgb), 0.6);
}
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,
select:hover {
  border: 1px solid var(--color-form-foreground);
}
input[type=text]:active, input[type=text]:focus,
input[type=email]:active,
input[type=email]:focus,
input[type=password]:active,
input[type=password]:focus,
input[type=search]:active,
input[type=search]:focus,
input[type=telephone]:active,
input[type=telephone]:focus,
input[type=tel]:active,
input[type=tel]:focus,
input[type=number]:active,
input[type=number]:focus,
textarea:active,
textarea:focus,
select:active,
select:focus {
  border-color: var(--color-form-active);
  box-shadow: 0 0 0 1px var(--color-form-active);
}
input[type=text]:disabled,
input[type=email]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=telephone]:disabled,
input[type=tel]:disabled,
input[type=number]:disabled,
textarea:disabled,
select:disabled {
  color: rgba(var(--color-form-foreground-rgb), 0.6);
  cursor: not-allowed;
  background-color: rgba(var(--color-form-foreground-rgb), 0.04);
  border: 1px solid rgba(var(--color-form-foreground-rgb), 0.25);
}

input[type=search]::-webkit-search-cancel-button {
  position: absolute;
  top: 50%;
  right: var(--space-8);
  width: 1rem;
  height: 1rem;
  margin: 0;
  cursor: pointer;
  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="black"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  opacity: 60%;
  transform: translateY(-50%);
  -webkit-appearance: none;
          appearance: none;
}

input[type=checkbox],
input[type=radio] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--dimension-form-choice);
  height: var(--dimension-form-choice);
  margin: 0 var(--space-6) 0 0;
  line-height: 1.5;
  vertical-align: baseline;
  cursor: pointer;
  background: transparent;
  border: 1px solid rgba(var(--color-form-foreground-rgb), 0.3);
  outline: none;
  -webkit-appearance: none;
          appearance: none;
}
input[type=checkbox]:hover,
input[type=radio]:hover {
  border: 1px solid var(--color-form-foreground);
}
input[type=checkbox]:active, input[type=checkbox]:focus,
input[type=radio]:active,
input[type=radio]:focus {
  border-color: var(--color-form-active);
  box-shadow: 0 0 0 1px var(--color-form-active);
}
input[type=checkbox]:disabled,
input[type=radio]:disabled {
  cursor: not-allowed;
  background-color: rgba(var(--color-form-foreground-rgb), 0.04);
  border: 1px solid rgba(var(--color-form-foreground-rgb), 0.25);
}

input[type=checkbox] {
  border-radius: var(--border-radius-form-checkbox);
  border: 1px solid rgba(var(--color-form-foreground-rgb), 0.6);
}
input[type=checkbox]:checked {
  background-color: var(--color-form-active);
  border: 1px solid var(--color-form-active);
}
input[type=checkbox]:checked::after {
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  content: "";
  background-color: var(--color-site-background);
  /* 
Icon check (1.0.1) begin
     */
  -webkit-mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22m1.47%209.63%204.61%203.768%208.45-9.796%22%2F%3E%3C%2Fsvg%3E");
          mask-image: url("data:image/svg+xml;ut8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22m1.47%209.63%204.61%203.768%208.45-9.796%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-size: 100%, 100%;
          mask-size: 100%, 100%;
  /* 
Icon check (1.0.1) end
     */
}
input[type=checkbox]:disabled:checked {
  background-color: rgba(var(--color-form-foreground-rgb), 0.6);
}

input[type=radio] {
  border-radius: 50%;
}
input[type=radio]:checked::after {
  position: absolute;
  width: calc(var(--dimension-form-choice) - 0.5rem);
  height: calc(var(--dimension-form-choice) - 0.5rem);
  content: "";
  background-color: var(--color-form-active);
  border-radius: 50%;
}
input[type=radio]:disabled:checked::after {
  background-color: rgba(var(--color-form-foreground-rgb), 0.6);
}

select {
  -webkit-appearance: none;
          appearance: none;
  background-clip: padding-box;
}

section {
  margin: var(--space-section-margin-mobile) 0;
}
@media screen and (min-width: 480px) {
  section {
    margin: var(--space-section-margin-desktop) 0;
  }
}

header.header {
  margin: 0 0 var(--space-section-margin-mobile) 0;
}
@media screen and (min-width: 480px) {
  header.header {
    margin: 0 0 var(--space-section-margin-desktop) 0;
  }
}

footer.footer {
  margin: var(--space-section-margin-mobile) 0 0 0;
}
@media screen and (min-width: 480px) {
  footer.footer {
    margin: var(--space-section-margin-desktop) 0 0 0;
  }
}

section-wrapper,
section-header,
section-content {
  position: relative;
  display: block;
}

section-wrapper {
  max-width: calc(var(--width-site-full) + 2 * var(--space-gutter-mobile));
  padding-right: var(--space-gutter-mobile);
  padding-left: var(--space-gutter-mobile);
  margin: 0 auto;
}
@media screen and (min-width: 720px) {
  section-wrapper {
    max-width: calc(var(--width-site-full) + 2 * var(--space-gutter-desktop));
    padding-right: var(--space-gutter-desktop);
    padding-left: var(--space-gutter-desktop);
  }
}

section-wrapper[width=wide] {
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

section-wrapper[width=content] {
  max-width: calc(var(--width-site-content) + 2 * var(--space-gutter-mobile));
}
@media screen and (min-width: 720px) {
  section-wrapper[width=content] {
    max-width: calc(var(--width-site-content) + 2 * var(--space-gutter-desktop));
  }
}

section-wrapper[width=constrained] {
  max-width: calc(var(--width-site-constrained) + 2 * var(--space-gutter-mobile));
}
@media screen and (min-width: 720px) {
  section-wrapper[width=constrained] {
    max-width: calc(var(--width-site-constrained) + 2 * var(--space-gutter-desktop));
  }
}

/* Helpers */
.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
}

.skip-to-main {
  position: absolute;
  top: 0;
  left: -9999px;
  padding: 1em;
  font-size: var(--font-body-size-100);
  text-decoration: none;
  background-color: var(--color-site-background);
}
.skip-to-main:focus, .skip-to-main:active {
  left: 0;
  z-index: 9000;
}

body:not(.user-is-tabbing) a,
body:not(.user-is-tabbing) button,
body:not(.user-is-tabbing) summary {
  outline: none;
}

.hidden {
  display: none !important;
}

.placeholder-svg {
  display: block;
  background-color: var(--color-onboarding-background);
  fill: var(--color-onboarding-foreground);
  width: 100%;
  height: 100%;
}

.errors,
.success {
  padding: var(--space-8) var(--space-4);
  margin-bottom: var(--space-12);
  text-align: center;
}

.errors {
  color: var(--color-error);
  background-color: var(--color-error-background);
  border: 1px solid var(--color-error);
}
.errors ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.errors li {
  margin: 0;
}

.success {
  color: var(--color-success);
  background-color: var(--color-success-background);
  border: 1px solid var(--color-success);
}

.field-error {
  border: 1px solid var(--color-error);
  box-shadow: 0 0 10px rgba(var(--color-error-rgb), 0.8);
}



/*MYSTYLES BEGIN HERE */
   
#site-main {
 /*background-color: white !important; */
  padding: 0px;
  margin: 0px;
}


/* HEADER */

.header__wrapper, .header__wrapper span {
  display: none;
padding: 0px 0px 0px 0px !important;
margin: 0px !important;
background-color: transparent !important;
color: #333 !important;
}

/* control header padding here */
.header__header {
margin: 0px !important;
padding: 0px 1vw 0px 1.2vw !important;
color: #333 !important;
background-color: white !important;
border-bottom: 1px solid #f3f3f3 !important;
}

/* LOGO CONTAINER */
.header__heading {
margin:  5px 2vw 0px 0vw !important;
padding: 0px 0px 0px 0px !important;
max-width: 29vw !important;
}

.header__title {
padding: 0px !important;
margin: 0px 0px 0px 0px !important;
}

/* main nav links */
.header__controls {
margin: 0px !important;
padding: 0px !important;
color: #333 !important;
}

.header__controls a{
font-size: 18px !important;
margin: 0px 0vw 0px 1.6vw !important;
padding: 0px !important;
color: #333 !important;
}

.header__controls a:hover, .header__controls a:active {
color: #999 !important;
}

/* these styles control small dropdown arrow in nav, dropdown link */

.header__controls span {
margin: 0px 20px 0px 0px !important;
padding: 0px 0px 0px 0px !important; 
color: #333 !important;
} 

.nav-desktop__tier-1-link {
margin: 0px 0px 0px 1.5vw !important;
padding: 0px 0px 0px 0px !important;
line-height: 20px !important;
color: #333333 !important;
}

.nav-desktop__tier-1-link--parent::after {
background-color: #333 !important;
}

.nav-desktop__tier-2--dropdown {
background-color: #121212 !important;
}

.nav-desktop__tier-2-item, .nav-desktop__tier-2-link {
color: yellow !important;
margin: 0px !important;
padding: 0px !important;
}

.nav-desktop__tier-2--dropdown, #nav-tier-5 {
margin: 0px !important;
padding: 10px 0px 0px 0px !important;
}

#nav-tier-5 {
  left: 20px;
}

/*end dropdown link */

.header__controls--last {
margin: 0px !important;
padding: 0px !important;
max-width: 22vw !important;
color: #333 !important;
}

.header__search-text, .header__account-text {
display: none !important; 
}

.header__live-search-takeover {
background-color: #3d3c37 !important;
}

.header__live-search-takeover input {
background-color: #fff !important;
}

.header__account-button, .header__menu-button, .header__menu-close-button   {
color: #333 !important; 
margin: 0px !important;
letter-spacing: 0px !important;
}

.header__cart-button {
min-width: 60px !important; 
}

.header__search-button {
/*color: white !important;*/
max-width: 20px !important;
padding: 0px !important;
margin: 0px !important;
}
  
.live-search__query-input {
 /*  background-color: white !important; */
}
  
.header__live-search-takeover {
/*  background-color: black !important; */
}
  
.predictive-search__product-item-content {
/*  color: white !important;*/
}
  
.live-search__results-container {
/* background-color: white !important; */
}
  
.header__mobile-image {
margin: 20px auto 0px auto; 
width: 200px;
}
  
.nav-drawer__tier-1 a, .nav-drawer__tier-1 span, .nav-drawer__account a, .button-text {
 color: #333 !important; 
}

.nav-desktop, .nav-desktop__tier-1  {
padding: 0px !important; 
margin: 0px !important;
width: 100%;
color: #333 !important; 
}

/*HEADER END*/

/* COLLECTION GRID */
 
.collection-title__wrapper {
  width: 100% !important;
  text-align: center !important;
}

.collection-title__title {
font-size: 18px;
color: #000;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
 
  min-width: 100% !important;
}

.faceted-filters, .faceted-filters__form, .main-collection-grid__products {
padding: 5px 0px!important;
margin: 0px !important; 
float: right !important;
}

.collection-title {
padding-top: 10px !important; 
  padding-bottom: 0px !important;
margin: 0px !important;
}

.section-collection-title, .collection-title__wrapper,  {
padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.main-collection-grid__products {
  padding-top: 0px !important;
  margin-top: 0px !important;
  margin-bottom: 30px !important;
}

.main-collection-grid {
    padding-top: 0px !important;
  margin-top: 10px !important;
}

.section-collection-grid {
  padding-top: 0px !important;
  margin-top: 0px !important;
}



.product-card__clickable-area a:link { color: #000 !important; }
.product-card__clickable-area a:visited { color: #000 !important; }
.product-card__clickable-area a:hover { color: #000 !important; }
.product-card__clickable-area a:active { color: #000 !important; }


.product-card__price, .price, .price__regular-value {
padding: 0px 0px 0px 0px !important;
margin: 0px !important;
color: #333 !important;
  font-size: 18px !important;
} 

.product-card__clickable-area {
/* background-color:rgba(225, 225, 225, 0.5);*/
}

.product-card__link {
  margin: 5px 0px 0px 0px !important;
  padding: 0px !important;
  font-weight: bold !important;
}

.product-card__title, .product-card__image--natural {
margin: 0px !important; 
padding: 0px !important; 
}  

.collection__list-item {
 padding: 0px !important;
  margin: 0px !important;
}
  
.main-collection-grid {
padding: 0px; margin: 0px;
}

.main-collection-grid__products {
padding: 0px; margin: 0px; 
}
  
.product-gallery__media-zoom-icon {
/*color: white; */
}

.product-gallery__media-zoom-icon {
color: black !important;
background-color: white !important;
}

.nav-drawer__cross-border {
display: none !important;
}

.product-block__title {
font-size: 18px !important;
  text-transform: capitalize;
  color: #333;
}

.shopify-payment-button {
min-height: 100px;
}

.input-select__select {
  background-color:rgba(225, 225, 225, 0.3) !important;
  color: #333;
}

.input-select__label, .product-block__quantity-label {
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  color: #333;
}

.template-collection, #site-main  {
/*background-image: linear-gradient(#3320FF, #4c54ff) !important;*/
  background-color: white;
width: 100%;
}

.product-gallery-navigation__arrows {
max-height: 20px !important;
}
  
.product-block--description, .product-block__description, .h5, .collapsible-tab__panel, .product-block--buy_buttons, #shopify-section-template--16127513002252__main {
padding: 0px !important; 
margin: 0px !important; 
}
 
.product {
margin-top: 35px;
}

.shopify-section {
margin: 0px !important;
padding: 0px !important;
}

  .product-recommendations__heading {
    font-size: 20px !important; 
    margin: 20px 0px 20px 0px !important;
    padding: 0px !important;
    color: #f3c800 !important;
    
  }

  .shopify-section-template--16127513002252__product-recommendations {
    margin-top: 0px !important;
    padding-top: 0px !important;
  }

  .shopify-payment-button__more-options {
    text-decoration: underline;
    color: #333;
    font-size: 14px !important;
  }


#brachart td, #pantychart td {
 padding: 0px 0px 0px 3px;
}

#sizechart td, #sizechart th {
 border: 1px solid black !important; 
}

#sizechart {
 border: 1px solid black !important; 
}

  #sizechart {
  margin-top: 15px;
  max-width: 100%;
  min-width: 100%;
    font-size: 14px;
}

.flyout__notification {
background-color: #8fd1ff !important;
}

.flyout__header {
margin: 0px !important;
padding: 0px !important;
}


#sizechart td, #sizechart th {
 border: 1px solid #dcdcdc !important; 
}

#sizechart {
 border: 1px solid #dcdcdc !important; 
}
  
/*FOOTER */

.footer{
display: none;
margin: 0px !important;
padding: 0px !important;
background-color: transparent !important;
}

.footer__wrapper {
margin: 0px !important;
padding: 30px 0px 30px 0px !important;
background-color: transparent !important;
}

#shopify-section-footer {
background-color: #c1c1c1 !important;
margin: 0px !important; 
padding: 20px 0px 30px 0px !important;
display: none;
/*background-image: url("https://cdn.shopify.com/s/files/1/1686/1625/files/SHEKBG_4e2bea19-f4b0-4af1-a9bb-645dc8671349.jpg?v=1658763903");*/
}

#footer-block-footer-newsletter-form-newsletter{
background-color: white !important;
color: black !important;
max-width: 400px !important;
}

.block-footer-newsletter-form {
margin-top: -20px;
background-color:rgba(130, 115, 115, 0.3);
padding: 20px;
}

#footer-block-footer-newsletter-form-newsletter::placeholder {
color: black !important;
}

.footer-newsletter-form {
margin-top: 10px !important;
}

.disclosure__wrapper {
display: none !important;
}

.footer-bottom {
margin: 0px !important;
padding: 0px !important;
}

.curflag {
 display: inline-block; 
 margin-bottom: 0px; 
  padding-bottom: 0px;
  line-height: 17px;
  text-align: center;
  margin-right: 5px;
  max-width: 25px;
}

#curtab td {

  vertical-align: top;
  padding: 0px 20px 0px 0px;

}

#curtab {
  max-width: 100%; 
  padding: 0px !important; 
  margin: 0px !important;
}

/* CART */
.cart-drawer__heading{
  font-size: 30px !important;
  padding: 20px 0px 20px 0px !important;
}

.cart-drawer-form__contents {
  margin: 0px !important;
padding: 0px !important;
}


  .header-toolbar__content-links, .header-toolbar__content-cross-border {
display: none !important;
  }

.header-toolbar__content-announcement {
max-width: 70% !important;
  margin: auto !important;
}

.header-toolbar__controls {
width: 100% !important;
}

  /* these styles control small dropdown arrow in nav, dropdown link */
.header__controls span {
margin: 0px 20px 0px 0px !important;
padding: 0px 0px 0px 0px !important; 
font-size: 14px !important;
color: #333 !important; /*HEADER LINK FONT COLOR!!!! */
} 


video::-internal-media-controls-overlay-cast-button {
    display: none;
}

#framedpics {
max-width: 100vw;
padding-top: 1.45833333125vw;
background-color: #191818;
}

.framedpic {
width: 31vw;
float: left;
position: relative;
top: 0px;
left: 0px;
margin-left: 1.4583333vw;
margin-bottom: 1.4vw;  
}

.product-recommendations {
margin-top: 0px !important;
padding-top: 0px !important;
  margin-bottom: 0px !important;
padding-bottom: 0px !important;
}
  
.block-footer-newsletter-form { 
max-width: 300px !important;
}

#shopify-section-template--25303174349134__main {
margin-top: -30px !important;
}

.collection-title__title {
color: #000 !important;
  font-weight: normal;
  font-size: 14px;
  padding: 10px 0px 0px 0px !important;
  /*text-transform: uppercase;*/
  text-align: left;
}

  .quantity-selector__input {
    color: #333 !important;
  }

.paypal-button.paypal-button-color-gold, .paypal-button-row.paypal-button-color-gold .menu-button {
   background-color: black !important; 
}
  

.header__header, .header-password__header, .footer-password__wrapper {
display: none;
}

#shopify-section-header-password .shopify-section section-header-password {
  display: none !important;
}


#vidbg {
position: absolute;
z-index: 0;
top: 0px;
left: 0px;
width: 100vw;
max-height: 100vh;
min-height: 100vh;
background-color: #ceccc6;
margin: 0px;
padding: 0px;
}

#vidbg video {

}

#myVideo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: fill; /* stretches video to match div exactly */
    z-index: 0;
    background-color: #eeff73;
}

.shopify-block--custom-liquid {
  margin: 0 !important;
  padding: 0 !important;
}

#toplayer {
position: relative;
padding: 0px 0px 30px 0px;
margin: 0px;
top: 0px;
width: 100%;
min-height: 100vh;
z-index: 5;
font-family: Helvetica, Arial, sans-serif;

}

.custom-liquid
 {
        margin: 0px !important;
        padding: 0px !important;
 }

.introbf {
margin-bottom: 5px;
color:#000;
}

#einfo {
padding: 0px;
margin-top: 0px;
margin-BOTTOM: 10px;
font-size: 20px;
color:#000;
}

#player {
position: absolute;
z-index: 0;
}





/*email form*/

#rsvpform {
position: relative;
z-index: 5;
margin-left: 3vw;
}



input[type="email"]::placeholder {
color: #000;
opacity: .5;
}

#signupclean {
width: 300px;
vertical-align: top;
border: 1px solid #000;
opacity: .5;
color: #000;
}


#clnbut {
  height: 42px;
  margin-top: 0px;
  padding: 0px 10px;
  border: 1px solid #000;
  background-color: transparent;
  color:  #000;
  font-size: 13px;
  font-family: inherit;
  box-sizing: border-box;
  vertical-align: top;
  opacity: .5;
}

#clnbut {
  cursor: pointer;
}

#added {
  color: #000;
}

/*email form end here*/




#play-btn, #pause-btn {
  height: 42px;
  
  padding: 0px 10px;
  border: 1px solid #000;
  background-color: transparent;
color: #000;
  font-size: 13px;
  font-family: inherit;
  box-sizing: border-box;
  vertical-align: top;
  position: relative;
  z-index: 2;
  opacity: .5;
}

#play-btn {
margin-left: 3vw;
}

#playbuttons {
  float: right;
  padding-right: 3vw;
  margin-top: 13px;
}

#policytext, #policytext h1 {
color:  #000;

}

#policytext h1 {
font-size: 2vw;
}

#policytext {
  border-top: 1px dotted #000;
  margin-top: 0px;
  padding-top: 10px;
  padding-right: 20vw;
    position: relative;
  z-index: 5;
  OPACITY: .5;

}

#countdown {
color:  #000;
padding: 0px;
margin: 0px;
font-size: 8vw;
font-weight: bold;
text-align: left;
  position: relative;
  z-index: 5;

}

#cdheadline {
  border-top: 1px dotted #000;
  padding-top: 30px;
  margin-bottom: 0px;
    position: relative;
  z-index: 5;
 
  color: #000;
}

#upcoming {
   OPACITY: .5;
padding-left: 3vw;
padding-right: 3vw;
  position: relative;
  z-index: 5;
}




/* MEDIA QUERIES*/

@media (min-width: 481px) {

#logotop {
width: 30vw;
min-width: 313px;
float: left;
position: relative;
z-index: 5;
margin: 3vw 0vw 0vw 3vw;
}

#policytext {
  border-top: 1px dotted #131313;
  margin-top: 0px;
  padding-top: 0px;
  padding-right: 3vw;
}

#policytext h1 {
font-size: 25px;
}

#countdown {
font-size: 11vw;
}

}


/*mobile*/
@media (max-width: 480px) {

#logotop {
position: relative;
z-index: 5;
width: 100vw;
padding: 5vw 3vw 0px 3vw;
}

  
#playbuttons {
  display: none; 
}

#added {
margin-top: 100px;
}


.introbf {
font-size: 11.5vw;
margin-bottom: 5px;

}


#signupclean {
width: 70vw;
vertical-align: top;
margin: 0px;
}


#upcoming {
padding-left: 3vw;
padding-right: 3vw;
}

#cdheadline {
  margin-bottom: 0px;
  padding-top: 5vw;
  font-size: 7w;
}

#countdown {
margin-top: 7px;
margin-bottom: 2vw;
padding-bottom: 0px;
font-size: 11.5vw;
font-weight: bold;
text-align: left;
}

#policytext, #policytext h1 {
}

#policytext h1 {
margin-top: 5vw;
font-size: 6vw;
}

#policytext {

  margin-top: 0px;
  padding-top: 0px;
  padding-right: 3vw;
  font-size: 13px;
}

}