/*!
Theme Name: Spectra Template Child
Author: Wineworks
Author URI: http://wineworks.co
GitHub Theme URI: https://github.com/wineworks/wp-spectratheme
Description: Custom child theme developed by Wine Works to be used with Commerce7 & WordPress
Template: wp-spectratheme
Version: 1.1.2.13
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Spectra Child
*/
@font-face {
  font-family: "Saans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/Saans/Saans-Regular.woff2") format("woff2"), url("./fonts/Saans/Saans-Regular.woff") format("woff");
}
@font-face {
  font-family: "Saans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/Saans/Saans-RegularItalic.woff2") format("woff2"), url("./fonts/Saans/Saans-RegularItalic.woff") format("woff");
}
@font-face {
  font-family: "Saans";
  font-style: normal;
  font-weight: 570;
  font-display: swap;
  src: url("./fonts/Saans/Saans-Medium.woff2") format("woff2"), url("./fonts/Saans/Saans-Medium.woff") format("woff");
}
@font-face {
  font-family: "Saans";
  font-style: italic;
  font-weight: 570;
  font-display: swap;
  src: url("./fonts/Saans/Saans-MediumItalic.woff2") format("woff2"), url("./fonts/Saans/Saans-MediumItalic.woff") format("woff");
}
@font-face {
  font-family: "Saans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./fonts/Saans/Saans-SemiBold.woff2") format("woff2"), url("./fonts/Saans/Saans-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Saans";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("./fonts/Saans/Saans-SemiBoldItalic.woff2") format("woff2"), url("./fonts/Saans/Saans-SemiBoldItalic.woff") format("woff");
}
@font-face {
  font-family: "PP Editorial New";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/PP-Editorial-New/PP-Editorial-New-Regular/PPEditorialNew-Regular.woff2") format("woff2"), url("./fonts/PP-Editorial-New/PP-Editorial-New-Regular/PPEditorialNew-Regular.woff") format("woff");
}
@font-face {
  font-family: "PP Editorial New";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/PP-Editorial-New/PP-Editorial-New-Italic/PPEditorialNew-Italic.woff2") format("woff2"), url("./fonts/PP-Editorial-New/PP-Editorial-New-Italic/PPEditorialNew-Italic.woff") format("woff");
}
@font-face {
  font-family: "PP Editorial New";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("./fonts/PP-Editorial-New/PP-Editorial-New-Ultralight/PPEditorialNew-Ultralight.woff2") format("woff2"), url("./fonts/PP-Editorial-New/PP-Editorial-New-Ultralight/PPEditorialNew-Ultralight.woff") format("woff");
}
@font-face {
  font-family: "PP Editorial New";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url("./fonts/PP-Editorial-New/PP-Editorial-New-Ultralight-Italic/PPEditorialNew-UltralightItalic.woff2") format("woff2"), url("./fonts/PP-Editorial-New/PP-Editorial-New-Ultralight-Italic/PPEditorialNew-UltralightItalic.woff") format("woff");
}
:root {
  --off-white: #fffef8;
  --beige: #f5f3ea;
  --beige-rgb: 245, 243, 234;
  --dark-gray: #181818;
  --brown: #726d5f;
  --yellow: #eeb631;
  --red: #a71930;
  --light-gray: rgba(24, 24, 24, .2);
  --placeholder-gray: #e8e5dc;
  --sans: "Saans", sans-serif;
  --serif: "PP Editorial New", serif;
  --max-narrow: 381px;
  --max-text: 583px;
  --max-medium: 785px;
  --max-wide: 1189px;
  --nav-height: 72px;
  --mobile-button-min-size: 50px;
  --border-radius: 18px;
  --inner-border-radius: 12px;
  --tiny-border-radius: 6px;
  --button-border-radius: 60px;
  --nav-item-gap: 24px;
  --drawer-height: 70vh;
  --color-background: var(--beige);
  --color-foreground: var(--dark-gray);
  --color-accent: var(--brown);
  --transition-duration: .2s;
  --hpad: 15px;
  --vpad: 40px;
  --block-margin-y: 60px;
  --block-margin-y--small: 20px;
  --gutter: 10px;
  --small-gutter: 5px;
  --footer-gap: 50px;
  --block-header-margin: 10px;
  --rich-text-heading-margin: 60px;
  --rich-text-heading-element-margin: 30px;
  --rich-text-element-margin: 40px;
  --button-padding-y: 16px;
  --button-padding-x: 24px;
  --nested-page-subnav-gap: 24px;
  --size-xl-serif: 42px;
  --size-l-serif: 36px;
  --size-m-serif: 28px;
  --size-s-serif: 22px;
  --size-xs-serif: 22px;
  --size-xxl-sans: 55px;
  --size-xl-sans: 46px;
  --size-l-sans: 34px;
  --size-special-events-sans: 32px;
  --size-m-sans: 22px;
  --size-s-sans: 16px;
  --size-xs-sans: 12px;
  --size-body-large: 18px;
  --size-body: 16px;
  --size-body-small: 14px;
  --size-button-text: 18px;
  --size-small-button-text: 16px;
  --size-menu-info: 20px;
  --size-page-heading-sans: 36px;
  --size-search-input: 20px;
  --size-press-heading: 30px;
  --logo-width: 100px;
  --attribution-margin: 30px;
  --badge-width: 96px;
  --special-event-badge-width: 150px;
}

@media screen and (min-width: 375px) {
  :root {
    --hpad: clamp(.9375rem, 1.2244897959vw + .6505102041rem, 1.875rem);
    --vpad: clamp(2.5rem, 1.6326530612vw + 2.1173469388rem, 3.75rem);
    --block-margin-y: clamp(3.75rem, 4.8979591837vw + 2.6020408163rem, 7.5rem);
    --block-margin-y--small: clamp(1.25rem, .8163265306vw + 1.0586734694rem, 1.875rem);
    --gutter: clamp(.625rem, .8163265306vw + .4336734694rem, 1.25rem);
    --small-gutter: clamp(.3125rem, .4081632653vw + .2168367347rem, .625rem);
    --footer-gap: clamp(3.125rem, 7.3469387755vw + 1.4030612245rem, 8.75rem);
    --block-header-margin: clamp(.625rem, .4081632653vw + .5293367347rem, .9375rem);
    --rich-text-heading-margin: clamp(3.75rem, 1.6326530612vw + 3.3673469388rem, 5rem);
    --rich-text-heading-element-margin: clamp(1.875rem, .8163265306vw + 1.6836734694rem, 2.5rem);
    --rich-text-element-margin: clamp(2.5rem, 1.6326530612vw + 2.1173469388rem, 3.75rem);
    --button-padding-y: clamp(1rem, .3265306122vw + .9234693878rem, 1.25rem);
    --button-padding-x: clamp(1.5rem, .7346938776vw + 1.3278061224rem, 2.0625rem);
    --nested-page-subnav-gap: clamp(1.5rem, .4897959184vw + 1.3852040816rem, 1.875rem);
    --size-xl-serif: clamp(2.625rem, 3.1020408163vw + 1.8979591837rem, 5rem);
    --size-l-serif: clamp(2.25rem, 1.5510204082vw + 1.8864795918rem, 3.4375rem);
    --size-m-serif: clamp(1.75rem, 1.4693877551vw + 1.4056122449rem, 2.875rem);
    --size-s-serif: clamp(1.375rem, 1.4693877551vw + 1.0306122449rem, 2.5rem);
    --size-xs-serif: clamp(1.375rem, .8163265306vw + 1.1836734694rem, 2rem);
    --size-xxl-sans: clamp(4.375rem, 4.8979591837vw + 3.2270408163rem, 8.125rem);
    --size-xl-sans: clamp(3.4375rem, 5.306122449vw + 2.193877551rem, 7.5rem);
    --size-l-sans: clamp(2.125rem, 2.1224489796vw + 1.6275510204rem, 3.75rem);
    --size-special-events-sans: clamp(2rem, 4.7346938776vw + .8903061224rem, 5.625rem);
    --size-m-sans: clamp(1.375rem, .4897959184vw + 1.2602040816rem, 1.75rem);
    --size-s-sans: clamp(1rem, .4897959184vw + .8852040816rem, 1.375rem);
    --size-xs-sans: clamp(.75rem, 0vw + .75rem, .75rem);
    --size-body-large: clamp(1.125rem, .4897959184vw + 1.0102040816rem, 1.5rem);
    --size-body: clamp(1rem, .4897959184vw + .8852040816rem, 1.375rem);
    --size-body-small: clamp(.875rem, .3265306122vw + .7984693878rem, 1.125rem);
    --size-button-text: clamp(1.125rem, .4897959184vw + 1.0102040816rem, 1.5rem);
    --size-small-button-text: clamp(1rem, .1632653061vw + .9617346939rem, 1.125rem);
    --size-menu-info: clamp(1.25rem, .6530612245vw + 1.0969387755rem, 1.75rem);
    --size-page-heading-sans: clamp(2.25rem, 1.9591836735vw + 1.7908163265rem, 3.75rem);
    --size-search-input: clamp(1.25rem, 1.0612244898vw + 1.0012755102rem, 2.0625rem);
    --size-press-heading: clamp(1.875rem, 1.6326530612vw + 1.4923469388rem, 3.125rem);
    --logo-width: clamp(7.625rem, 9.7959183673vw + 5.3290816327rem, 15.125rem);
    --attribution-margin: clamp(2.5rem, 1.6326530612vw + 2.1173469388rem, 3.75rem);
    --badge-width: clamp(6rem, 6.5306122449vw + 4.4693877551rem, 11rem);
    --special-event-badge-width: clamp(9.375rem, 12.2448979592vw + 6.5051020408rem, 18.75rem);
  }
}
/* Commerce7 Template - Variables */
:root {
  --c7-font-size: var(--size-body);
  --c7-bg: var(--beige);
  --c7-bg-alt: var(--off-white);
  --c7-primary-button-bg-hover: var(--yellow);
  --c7-alt-button-bg-hover: #000;
  --c7-primary-color-focus: rgba(0, 0, 0, 0.6);
  --c7-dropdown-hover: var(--beige);
  --c7-field-bg: var(--beige);
  --c7-error-bg: #fff;
}

h1, .h1 {
  font-family: "PP Editorial New", serif;
  font-weight: 400;
  font-style: normal;
  font-size: var(--size-l-serif);
  line-height: 1.1;
  letter-spacing: -0.02em;
  font-feature-settings: "ss03" 1;
}

h2, .h2 {
  font-family: "PP Editorial New", serif;
  font-weight: 400;
  font-style: normal;
  font-size: var(--size-m-serif);
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

h3, .h3 {
  font-family: "Saans", sans-serif;
  font-weight: 570;
  font-style: normal;
  font-size: var(--size-s-sans);
  line-height: 1.2;
  letter-spacing: 0;
  font-feature-settings: "ss03" 1;
}

h4, .h4 {
  font-family: "Saans", sans-serif;
  font-weight: 570;
  font-style: normal;
  font-size: var(--size-m-sans);
  line-height: 1.2;
  letter-spacing: 0;
  font-feature-settings: "ss03" 1;
}

h5, .h5 {
  font-family: "Saans", sans-serif;
  font-weight: 570;
  font-style: normal;
  font-size: var(--size-s-sans);
  line-height: 1.2;
  letter-spacing: 0;
  font-feature-settings: "ss03" 1;
}

h6, .h6, .eyebrow-message {
  font-family: "Saans", sans-serif;
  font-weight: 570;
  font-style: normal;
  font-size: var(--size-xs-sans);
  line-height: 1.1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-feature-settings: "ss03" 1;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--light-gray);
}

p, body {
  font-family: "Saans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: var(--size-body);
  line-height: 1.4;
  letter-spacing: 0;
  font-feature-settings: "ss03" 1;
  text-wrap: pretty;
}

img {
  border-radius: var(--border-radius);
}

.drawer-links-block__heading {
  font-family: "Saans", sans-serif;
  font-weight: 570;
  font-style: normal;
  font-size: var(--size-xl-sans);
  line-height: 0.95;
  letter-spacing: 0;
  font-feature-settings: "ss03" 1;
  margin: 0;
}

.link-set {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--small-gutter);
}
.link-set ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.link-set__link {
  display: block;
  padding: 5px 0;
  position: relative;
  font-family: "Saans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: var(--size-body-small);
  line-height: 1;
  letter-spacing: 0;
  font-feature-settings: "ss03" 1;
  text-decoration: none;
  text-wrap: pretty;
}
.link-set__link svg {
  position: relative;
  transition: transform var(--transition-duration);
  z-index: 1;
}
@media (prefers-reduced-motion: no-preference) {
  .link-set__link svg {
    transform: translate(3px);
  }
}
.link-set__link:hover, .link-set__link:focus {
  color: var(--color-accent);
}

.button--white, .button.white,
.commerce7-v2 .c7t-third__content .button, .c7t-third__content .button,
.c7-btn.c7-btn--alt, .c7-btn--alt, .c7-btn.c7-btn--alt--small, .c7-btn--alt--small, .button.secondary, .button--secondary,
.c7-btn--secondary, .button, .c7-btn, .button.primary, .button--primary .c7-btn--primary,
.c7-btn--primary, .c7-btn.c7-btn--primary .c7t-banner__content .button,
.commerce7-v2 .c7t-banner__content .button {
  position: relative;
  padding: var(--py, var(--button-padding-y)) var(--px, var(--button-padding-x));
  display: inline-flex;
  gap: 1px;
  justify-content: center;
  align-items: center;
  border: 1px solid;
  border-radius: 60px;
  overflow: hidden;
  text-decoration: none;
  font-family: var(--sans);
  font-weight: 570;
  font-style: normal;
  font-size: var(--size-small-button-text);
  height: auto;
  line-height: 1;
  letter-spacing: 0;
  font-feature-settings: "ss03" 1;
  transition: transform var(--transition-duration);
}

.button, .c7-btn {
  min-height: 60px;
}

.button, .c7-btn, .button.primary, .button--primary .c7-btn--primary,
.c7-btn--primary, .c7-btn.c7-btn--primary .c7t-banner__content .button,
.commerce7-v2 .c7t-banner__content .button {
  background-color: var(--background-color, transparent);
  color: var(--text-color, currentColor);
  border: 1px solid var(--border-color, currentColor);
}
.button:hover, .button:focus, .button:active, .c7-btn:hover, .c7-btn:focus, .c7-btn:active, .button.primary:hover, .button.primary:focus, .button.primary:active, .button--primary .c7-btn--primary:hover, .button--primary .c7-btn--primary:focus, .button--primary .c7-btn--primary:active,
.c7-btn--primary:hover,
.c7-btn--primary:focus,
.c7-btn--primary:active, .c7-btn.c7-btn--primary .c7t-banner__content .button:hover, .c7-btn.c7-btn--primary .c7t-banner__content .button:focus, .c7-btn.c7-btn--primary .c7t-banner__content .button:active,
.commerce7-v2 .c7t-banner__content .button:hover,
.commerce7-v2 .c7t-banner__content .button:focus,
.commerce7-v2 .c7t-banner__content .button:active {
  background-color: var(--yellow);
  color: var(--text-color, currentColor);
  border: 1px solid var(--border-color, currentColor);
}

.button.secondary, .button--secondary,
.c7-btn--secondary {
  background-color: var(--yellow);
  color: var(--dark-gray);
  border-color: var(--dark-gray);
}
.button.secondary:hover, .button.secondary:focus, .button.secondary:active, .button--secondary:hover, .button--secondary:focus, .button--secondary:active,
.c7-btn--secondary:hover,
.c7-btn--secondary:focus,
.c7-btn--secondary:active {
  background-color: var(--dark-gray);
  color: var(--beige);
}

.button--white, .button.white,
.commerce7-v2 .c7t-third__content .button, .c7t-third__content .button,
.c7-btn.c7-btn--alt, .c7-btn--alt, .c7-btn.c7-btn--alt--small, .c7-btn--alt--small {
  background-color: var(--off-white);
  color: var(--dark-gray);
  border-color: var(--dark-gray);
}
.button--white:hover, .button--white:focus, .button--white:active, .button.white:hover, .button.white:focus, .button.white:active,
.commerce7-v2 .c7t-third__content .button:hover,
.commerce7-v2 .c7t-third__content .button:focus,
.commerce7-v2 .c7t-third__content .button:active, .c7t-third__content .button:hover, .c7t-third__content .button:focus, .c7t-third__content .button:active,
.c7-btn.c7-btn--alt:hover,
.c7-btn.c7-btn--alt:focus,
.c7-btn.c7-btn--alt:active, .c7-btn--alt:hover, .c7-btn--alt:focus, .c7-btn--alt:active, .c7-btn.c7-btn--alt--small:hover, .c7-btn.c7-btn--alt--small:focus, .c7-btn.c7-btn--alt--small:active, .c7-btn--alt--small:hover, .c7-btn--alt--small:focus, .c7-btn--alt--small:active {
  color: var(--dark-gray);
  background-color: var(--yellow);
}

button.c7-link:hover, button.c7-link:focus, button.c7-link:active {
  background-color: transparent;
}

.button:after, .button.primary:after, .button--primary:after, .c7t-banner__content .button:after,
.button.secondary:after, .button--secondary:after,
.commerce7-v2 .c7t-third__content .button:after, .c7t-third__content .button:after {
  content: "";
  display: inline-block;
  width: 0.75em;
  height: 0.625em;
  margin-left: 8px;
  transition: transform var(--transition-duration);
  background: no-repeat center/contain url("data:image/svg+xml;utf8,        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 15' fill='none'>        <path d='M1.5 7.5H15.1663' stroke='currentColor' stroke-width='2' stroke-linecap='square'/>        <path d='M10.5 1.5L16.5002 7.50025L10.5 13.5005' stroke='currentColor' stroke-width='2' stroke-linecap='square'/>        </svg>");
}
.button:hover:after, .button.primary:hover:after, .button--primary:hover:after, .c7t-banner__content .button:hover:after,
.button.secondary:hover:after, .button--secondary:hover:after,
.commerce7-v2 .c7t-third__content .button:hover:after, .c7t-third__content .button:hover:after {
  transform: translate(3px);
}

.button.secondary:hover:after, .button--secondary:hover:after {
  color: var(--beige);
  stroke: var(--beige);
  background: url("data:image/svg+xml;utf8,        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 15' fill='none'>        <path d='M1.5 7.5H15.1663' stroke='%23f5f3ea' stroke-width='2' stroke-linecap='square'/>        <path d='M10.5 1.5L16.5002 7.50025L10.5 13.5005' stroke='%23f5f3ea' stroke-width='2' stroke-linecap='square'/>        </svg>");
}

.button.no-arrow:after, .button.primary.no-arrow:after, .button--primary.no-arrow:after, .c7t-banner__content .button.no-arrow:after,
.button.secondary.no-arrow:after, .button--secondary.no-arrow:after,
.commerce7-v2 .c7t-third__content .button.no-arrow:after, .c7t-third__content .button.no-arrow:after {
  content: none;
}

@media only screen and (min-width: 64.0625em) {
  .header__navigation__menu .menu-header-container > ul > li > ul {
    background: var(--beige);
  }
}

.header--centered .header__navigation__menu {
  width: auto;
}

.show-mobile-nav .menu-header-container {
  background: var(--beige);
}
.show-mobile-nav .menu-header-container a {
  color: var(--dark-gray);
}
.show-mobile-nav .menu-header-container .dropdown-toggle {
  stroke: var(--dark-gray) !important;
}
.show-mobile-nav .header__navigation-toggle {
  color: var(--dark-gray);
}
.show-mobile-nav .header__navigation-toggle span:before, .show-mobile-nav .header__navigation-toggle span:after {
  background: var(--dark-gray);
}
.show-mobile-nav #c7-account .c7-user-nav__account__login {
  color: var(--dark-gray);
}
.show-mobile-nav #c7-cart .c7-user-nav__cart__title svg {
  stroke: var(--dark-gray);
}
.show-mobile-nav .c7-user-nav__account a.c7-user-nav__account__name {
  color: var(--dark-gray);
}
.show-mobile-nav .c7-user-nav__account a.c7-user-nav__account__name svg {
  stroke: var(--dark-gray);
}

.c7-user-nav__account__dropdown {
  background: #fff;
}
.c7-user-nav__account__dropdown__logout {
  font-size: 16px;
}

.c7-tools {
  justify-content: flex-end;
}

@media screen and (max-width: 63.9375rem) {
  .header__navigation__menu {
    left: 1rem;
  }
}
.header__navigation-toggle {
  margin-right: auto;
  margin-left: 0;
}

.club-selector-wrapper {
  align-items: normal;
}
.club-selector-wrapper.c7-form select {
  text-align: center;
}

.subnavigation {
  padding-top: 0.5rem;
}
@media only screen and (min-width: 40.0625em) {
  .subnavigation {
    padding-top: 0;
  }
}
@media only screen and (min-width: 40.0625em) {
  .subnavigation-container {
    border-bottom: 1px solid var(--light-gray);
  }
}
.subnavigation-wrapper {
  position: relative;
  text-align: center;
}
.subnavigation .page-title {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: 1px solid var(--light-gray);
  border-top: 1px solid var(--light-gray);
  cursor: pointer;
  display: block;
  font-size: var(--size-body-small);
  margin: 0 0 0.5rem;
  padding: 0.5rem 0;
  text-align: left;
  letter-spacing: 0;
}
@media only screen and (min-width: 40.0625em) {
  .subnavigation .page-title {
    display: none;
  }
}
.subnavigation .page-title:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.subnavigation #toggle-mobile-dropdown {
  display: none;
}
.subnavigation #toggle-mobile-dropdown:after {
  background: transparent;
}
.subnavigation #toggle-mobile-dropdown:checked + label:after {
  border-bottom: 5px solid #333;
  border-top: 0;
}
.subnavigation #toggle-mobile-dropdown:checked ~ ul {
  opacity: 1;
  visibility: visible;
}
.subnavigation-menu-items {
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  background: var(--off-white);
  border: 1px solid var(--light-gray);
  list-style: none;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  visibility: hidden;
  z-index: 1;
  font-family: "Saans", sans-serif;
  list-style: none;
}
@media only screen and (min-width: 40.0625em) {
  .subnavigation-menu-items {
    background: none;
    border: 0;
    opacity: 1;
    position: relative;
    visibility: visible;
    display: flex;
    justify-content: space-between;
  }
}
.subnavigation-menu-items li {
  position: relative;
}
.subnavigation-menu-items a {
  -webkit-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  -webkit-transition-property: border, all;
  -o-transition-property: border, all;
  transition-property: border, all;
  color: var(--dark-gray);
  opacity: 90%;
  text-decoration: none;
  line-height: 1;
  letter-spacing: 0;
  font-size: var(--size-body-small);
  display: block;
  padding: 0.5rem 1rem;
  z-index: 3;
  position: relative;
}
@media only screen and (min-width: 40.0625em) {
  .subnavigation-menu-items a {
    display: flex;
    align-items: center;
    min-height: 60px;
  }
}
.subnavigation-menu-items a:hover {
  opacity: 100%;
  color: var(--color-accent);
}
.subnavigation.shop-navigation a {
  padding: 0.5rem 0.1rem;
  color: var(--color-accent);
  opacity: 100%;
}

.menu-item-anchor.active a {
  opacity: 100%;
  color: var(--dark-gray);
  pointer-events: none;
  font-weight: 570;
}
@media only screen and (min-width: 40.0625em) {
  .menu-item-anchor.active a {
    border-bottom: 2px solid var(--dark-gray);
  }
}

.c7-subscribe .c7-form__group {
  align-items: normal;
}
@media only screen and (min-width: 40.0625em) {
  .c7-subscribe .c7-form__group {
    align-items: center;
  }
}

.c7t-third--veil .c7t-third__item {
  border-radius: var(--border-radius);
}
.c7t-third--veil .c7t-third__item:before {
  border-radius: var(--border-radius);
}

.c7-side-cart__header button:hover, .c7-side-cart__header button:focus, .c7-side-cart__header button:active {
  background-color: transparent;
}
.c7-side-cart button,
.c7-side-cart .button,
.c7-side-cart .c7-btn,
.c7-side-cart .button.primary,
.c7-side-cart .button--primary .c7-btn--primary,
.c7-side-cart .c7t-banner__content .button,
.c7-side-cart .button.secondary,
.c7-side-cart .button--secondary,
.c7-side-cart .c7-btn--secondary,
.c7-side-cart .c7-btn.c7-btn--alt,
.c7-side-cart .c7-btn--alt,
.c7-side-cart .commerce7-v2 .c7t-third__content .button,
.c7-side-cart .c7t-third__content .button,
.c7-side-cart .button--outline,
.c7-side-cart .button.outline {
  font-size: 16px;
}

.c7-order-item select {
  font-size: 15px;
}

.c7-form input[type=text], .c7-form input[type=email], .c7-form input[type=number], .c7-form input[type=tel], .c7-form input[type=username], .c7-form input[type=password], .c7-form textarea, .c7-form--stripe, .c7-order-item input, .c7-form select, .c7-order-item select {
  height: 60px;
  background: transparent;
}

.c7-product-collection .c7-product__add-to-cart__form__quantity {
  display: none;
}

.c7-product__add-to-cart__form {
  align-items: center;
}
.c7-product__add-to-cart__price {
  color: #000;
  font-weight: 400;
  font-size: 1.375rem;
  line-height: 1.2;
}
.c7-product .c7-badge {
  width: 80px;
  position: absolute;
  top: 10px;
  left: 50%;
  right: 0;
  transform: translateX(30px);
  color: var(--beige);
  border: 1px solid var(--dark-gray);
  text-align: center;
  text-shadow: none;
  position: absolute;
  pointer-events: none;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0;
  padding: 0.2rem;
  border-radius: 50%;
}
.c7-product .c7-badge__inner {
  font-size: 13px;
  font-family: "Saans", sans-serif;
  background: var(--dark-gray);
  padding: 1rem;
  border-radius: 50%;
  text-transform: capitalize;
}

.c7-product-detail {
  padding-top: 1.25rem;
}
.c7-product-detail h1, .c7-product-detail .h1, .c7-product-detail h2, .c7-product-detail .h2 {
  color: #000;
  font-family: "PP Editorial New", serif;
  font-weight: 400;
  font-size: 2.625rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0;
  text-wrap: balance;
  margin-bottom: 1.25rem;
}
.c7-product-detail h3 {
  font-family: var(--sans);
  font-weight: 570;
  font-style: normal;
  font-size: var(--size-xs-sans);
  line-height: 1.1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-feature-settings: "ss03" 1;
}
.c7-product-detail p {
  font-size: 1.3125rem;
  line-height: 1.4;
  color: #333;
  margin-bottom: 2.5rem;
}
.c7-product-detail .c7-product__image {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 33em) {
  .c7-product-detail .c7-product__image {
    max-width: 9.375rem;
  }
}
@media only screen and (min-width: 61.251em) {
  .c7-product-detail .c7-product__image {
    max-width: 17rem;
  }
}
@media screen and (min-width: 33em) {
  .c7-product-detail .c7-product img {
    max-height: none !important;
  }
}
@media only screen and (min-width: 61.251em) {
  .c7-product-detail .c7-product .c7-badge {
    left: 60%;
  }
}
.c7-product-detail .c7-product__drilldown-notes__profile, .c7-product-detail .c7-product__drilldown-notes__specs {
  padding-top: 2rem;
}
.c7-product-detail .c7-product__spec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
}
.c7-product-detail .c7-product__spec--heading, .c7-product-detail .c7-product__spec--text {
  width: 50%;
  float: left;
}
.c7-product-detail .c7-product__spec h3, .c7-product-detail .c7-product__spec .h3 {
  margin-bottom: 0;
}

.c7-account__header {
  background: var(--beige);
}
.c7-account__menu {
  box-shadow: none;
}

.c7-checkout__footer {
  padding: 0 20px;
}