@charset "UTF-8";
/*!
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
*/
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --maroon: #8C0011;
  --deep-burgundy: #4E0003;
  --deeper-burgundy: #2C0001;
  --aged-oak: #745F44;
  --light-gold: #DACEA9;
  --white: #FFFFFF;
  --classic-gray: #E1DEDA;
  --porcelain: #E6D5C3;
  --page-background: #e6d5c34d;
  --neutral: #DEDAD0;
  --subtle-gray: #9D9D9E;
  --soft-black: #39393B;
  --text-black: #231F20;
  --black: #000000;
  --heading-font-family: "EB Garamond", serif;
  --subheading-font-family: "Roboto", sans-serif;
  --menu-font-family: "Roboto", sans-serif;
  --body-font-family: "Roboto", sans-serif;
  --button-font-family: "Sweet Sans Pro", sans-serif;
  --cursive-font-family: "Brightwall", cursive;
  --content-width: 88rem;
  --c7-font-size-sub: 12px;
  --c7-primary-color: var(--maroon);
  --c7-primary-color-text: var(--deep-burgundy);
  --c7-bg-alt: var(--porcelain);
  --c7-border-color: var(--aged-oak);
  --c7-header-text-color: var(--white);
  --c7-cart-count-bg: var(--white);
  --c7-cart-count-text-color: var(--text-black);
  --c7-font-family: var(--body-font-family);
  --c7-dropdown-hover: var(--porcelain);
  --c7-primary-button-bg: var(--black);
  --c7-primary-button-bg-hover: var(--white);
  --c7-primary-button-text-color: var(--white);
  --c7-alt-button-bg-hover: var(--white);
  --c7-button-border-radius: 4px;
  --c7-heading-font-family: var(--heading-font-family);
  --c7-info-bg: var(--porcelain);
}

body {
  color: var(--text-black);
  font-family: var(--body-font-family);
  background: var(--page-background);
}

p {
  font-family: var(--menu-font-family);
}

.c7-link {
  text-decoration: underline;
}

h1, h2, h3, .blog-page > h2, h5, h6, .h1, .h2, .h3, .h5, .h6 {
  font-family: var(--heading-font-family);
  font-weight: 300;
  text-transform: uppercase;
}

h1, .h1,
h1.h1,
.c7-h1,
h1.c7-h1 {
  line-height: 48px;
  letter-spacing: 1px;
  font-size: clamp(2.25rem, 1.1941rem + 3.5343vw, 3rem);
}

h2, .h2,
h2.h2,
.c7-h2,
h2.c7-h2 {
  line-height: 40px;
  letter-spacing: 1px;
  font-size: clamp(1.875rem, 1.316rem + 1.8711vw, 2.5rem);
}

h3, .h3,
h3.h3,
.c7-h3,
h3.c7-h3 {
  line-height: 48px;
  letter-spacing: 0%;
  font-size: clamp(1.5rem, 1.2516rem + 0.8316vw, 2rem);
}

h4, .h4,
h4.h4,
.c7-h4,
h4.c7-h4 {
  line-height: 24px;
  letter-spacing: 12%;
  font-size: clamp(1.125rem, 0.9387rem + 0.6237vw, 1.5rem);
  font-family: var(--button-font-family);
  text-transform: uppercase;
}

h5, .h5,
h5.h5,
.c7-h5,
h5.c7-h5 {
  line-height: 38px;
  letter-spacing: 0%;
  font-size: clamp(1.25rem, 1.0016rem + 0.8316vw, 1.75rem);
  font-style: italic;
}

h6, .h6,
h6.h6,
.c7-h6,
h6.c7-h6 {
  line-height: 28px;
  letter-spacing: 12%;
  font-size: clamp(1rem, 0.8758rem + 0.4158vw, 1.25rem);
  font-family: var(--button-font-family);
  text-transform: uppercase;
}

.c7t-content {
  max-width: var(--content-width);
}
.c7t-content--narrow {
  max-width: 700px;
}

.text-center {
  text-align: center !important;
}
.text-center div, .text-center p, .text-center ul, .text-center li, .text-center h1, .text-center h2, .text-center h3, .text-center h4, .text-center h5, .text-center h6 {
  text-align: center !important;
}

.small-padding-top {
  padding-top: 1rem !important;
}

.medium-padding-top {
  padding-top: 1rem !important;
}
@media only screen and (min-width: 64.0625em) {
  .medium-padding-top {
    padding-top: 2.5rem !important;
  }
}

.large-padding-top {
  padding-top: 2.5rem !important;
}
@media only screen and (min-width: 64.0625em) {
  .large-padding-top {
    padding-top: 5rem !important;
  }
}

.small-padding-bottom {
  padding-bottom: 1rem !important;
}

.medium-padding-bottom {
  padding-bottom: 1rem !important;
}
@media only screen and (min-width: 64.0625em) {
  .medium-padding-bottom {
    padding-bottom: 2.5rem !important;
  }
}

.large-padding-bottom {
  padding-bottom: 2.5rem !important;
}
@media only screen and (min-width: 64.0625em) {
  .large-padding-bottom {
    padding-bottom: 5rem !important;
  }
}

.porcelain-background {
  background-color: var(--porcelain);
}
.porcelain-background--light {
  background-color: rgba(230, 213, 195, 0.52);
}

.fade-to-transparent {
  animation: hideElement 5s forwards;
}

@keyframes hideElement {
  0%, 60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.button, .c7-btn {
  border: 1px solid var(--c7-primary-button-bg);
  text-transform: uppercase;
  padding: 14px 28px;
  font-size: 14px;
}
.button:hover, .button:focus, .button:active, .c7-btn:hover, .c7-btn:focus, .c7-btn:active {
  color: var(--black);
}

.header {
  background: var(--deep-burgundy);
}
.header .c7t-template-width {
  max-width: var(--content-width);
}
@media only screen and (min-width: 64.0625em) {
  .header .c7t-template-width {
    align-items: flex-end;
  }
}
.header__logo {
  margin-bottom: 0.5rem;
}
.header__navigation__menu .menu-header-container a, .header__navigation__menu .current-menu-item a {
  color: var(--white);
  text-transform: uppercase;
  padding: 0.5rem 1.25rem;
  font-family: var(--menu-font-family);
  opacity: 100%;
}
.header__navigation__menu .menu-header-container a:hover, .header__navigation__menu .menu-header-container a:focus, .header__navigation__menu .menu-header-container a:active, .header__navigation__menu .current-menu-item a:hover, .header__navigation__menu .current-menu-item a:focus, .header__navigation__menu .current-menu-item a:active {
  color: var(--classic-gray);
}
.header__navigation__menu .menu-header-container li.menu-item-has-children > button, .header__navigation__menu .current-menu-item li.menu-item-has-children > button {
  stroke: var(--white);
}
.header__navigation__menu .menu-header-container > ul > li > ul, .header__navigation__menu .current-menu-item > ul > li > ul {
  background: var(--deep-burgundy);
  border: none;
}
@media only screen and (min-width: 64.0625em) {
  .header__navigation__menu .menu-header-container > ul > li.menu-item-has-children > button, .header__navigation__menu .current-menu-item > ul > li.menu-item-has-children > button {
    margin-left: -16px;
  }
}
.header__navigation-toggle {
  transform: translateY(-39px);
}
@media only screen and (min-width: 64.0625em) {
  .scrolled .header .c7t-template-width {
    align-items: center;
  }
}

.show-mobile-nav .menu-header-container {
  background: var(--deep-burgundy);
}

body:not(.home) .header__navigation__menu .menu-header-container a {
  color: var(--white);
  opacity: 68%;
}
body:not(.home) .header__navigation__menu .menu-header-container a:hover, body:not(.home) .header__navigation__menu .menu-header-container a:focus, body:not(.home) .header__navigation__menu .menu-header-container a:active {
  color: var(--white);
}
body:not(.home) .header__navigation__menu .menu-header-container li.menu-item-has-children > button {
  stroke: rgba(255, 255, 255, 0.68);
}
body:not(.home) .header__navigation__menu .menu-header-container li.menu-item-has-children > button:hover, body:not(.home) .header__navigation__menu .menu-header-container li.menu-item-has-children > button:focus, body:not(.home) .header__navigation__menu .menu-header-container li.menu-item-has-children > button:active {
  color: var(--white);
}
body:not(.home) .header__navigation__menu .menu-header-container .current-menu-item a {
  color: var(--white);
  opacity: 100%;
}
body:not(.home) .header__navigation__menu .menu-header-container .current-menu-item.menu-item-has-children > button {
  stroke: var(--white);
}

.c7-tools {
  max-width: var(--content-width);
  background: transparent;
  top: 0;
}

#c7-account .c7-user-nav__account__login {
  color: var(--white);
}

.c7-user-nav__account__dropdown__logout {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c7-user-nav__account a.c7-user-nav__account__name {
  color: var(--white);
}
.c7-user-nav__account a.c7-user-nav__account__name svg {
  stroke: var(--white);
}

.footer {
  background: var(--deep-burgundy);
  padding: 0;
  font-family: var(--menu-font-family);
}
.footer .c7t-template-width {
  max-width: var(--content-width);
}
.footer__main {
  padding: 3rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
}
@media only screen and (min-width: 64.0625em) {
  .footer__main {
    flex-direction: row;
    gap: 0;
  }
}
.footer__logo {
  width: 100%;
}
@media only screen and (min-width: 64.0625em) {
  .footer__logo {
    width: 314px;
  }
}
.footer__contact {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .footer__contact {
    flex-direction: row;
  }
}
.footer__address {
  font-size: 14px;
  margin-bottom: 0;
}
.footer__address__phone {
  display: block;
  margin-bottom: 0;
}
.footer__address__phone:after {
  content: "";
}
.footer__subscribe {
  width: 100%;
}
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .footer__subscribe .button {
    font-size: 12px;
    padding: 18px 8px;
    letter-spacing: 1px;
  }
}
.footer__menu ul li, .footer__hours ul li, .footer__hours--location-1 ul li, .footer__hours--location-2 ul li {
  font-size: 13px;
}
@media only screen and (min-width: 64.0625em) {
  .footer__menu ul li, .footer__hours ul li, .footer__hours--location-1 ul li, .footer__hours--location-2 ul li {
    font-size: 14px;
  }
}
.footer__menu ul li a, .footer__hours ul li a, .footer__hours--location-1 ul li a, .footer__hours--location-2 ul li a {
  font-size: 16px;
}
@media only screen and (min-width: 64.0625em) {
  .footer__menu ul li a, .footer__hours ul li a, .footer__hours--location-1 ul li a, .footer__hours--location-2 ul li a {
    font-size: 14px;
  }
}
.footer__menu .menu, .footer__hours .menu, .footer__hours--location-1 .menu, .footer__hours--location-2 .menu {
  display: flex;
  flex-direction: column;
}
.footer__hours--locations {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 40.0625em) {
  .footer__hours--locations {
    justify-content: flex-start;
    gap: 100px;
  }
}
.footer__hours--location-1 ul, .footer__hours--location-2 ul {
  margin-block-end: 0;
}
.footer__menu .menu-footer-container {
  text-transform: uppercase;
}
@media only screen and (max-width: 40em) {
  .footer__menu .menu-footer-container {
    text-align: center;
  }
}
.footer__menu ul li {
  display: block;
  margin: 0;
}
.footer__bottom {
  background: var(--deeper-burgundy);
}
.footer__bottom__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  max-width: 900px;
  padding-bottom: 1em;
}
@media only screen and (min-width: 40.0625em) {
  .footer__bottom__container {
    flex-direction: row;
    gap: 40px;
    padding-bottom: 0;
  }
}
.footer__bottom .menu-footer-legal-container .menu {
  display: flex;
  gap: 40px;
  text-transform: uppercase;
}
.footer__bottom .menu-footer-legal-container .menu .menu-item {
  font-size: 12px;
  position: relative;
}
.footer__bottom .menu-footer-legal-container .menu .menu-item:after {
  content: " | ";
  position: absolute;
  right: -20px;
}
@media only screen and (max-width: 40em) {
  .footer__bottom .menu-footer-legal-container .menu .menu-item:last-of-type:after {
    content: "";
  }
}
.footer h2 {
  font-size: 16px;
  font-family: var(--menu-font-family);
  text-transform: uppercase;
  font-weight: 400;
}
@media only screen and (max-width: 40em) {
  .footer h2 {
    font-size: 13px;
  }
}
.footer ul {
  list-style: none;
  padding-left: 0;
}
.footer .button {
  border: 1px solid var(--white);
  background: transparent;
}

.footer--1 .footer__menu {
  float: none;
  width: 100%;
  text-align: left;
}
.footer--1 .footer__address {
  float: none;
  width: 100%;
  text-align: left;
}
.footer--1 .footer__social-media {
  float: none;
  width: 100%;
  justify-content: flex-start;
}
@media only screen and (max-width: 40em) {
  .footer--1 .footer__social-media {
    justify-content: center;
  }
}
.footer--1 .footer__copyright {
  float: none;
  margin: 0;
  width: auto;
}

@media only screen and (min-width: 40.0625em) {
  .select-navigation {
    display: none;
  }
}
.select-navigation form {
  max-width: 330px;
  margin: 0 auto;
}
.select-navigation form label {
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-style: normal;
}
.select-navigation form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  cursor: pointer;
  display: block;
  font-size: 14px;
  padding: 0.5rem 1rem;
  text-align: left;
  border-radius: 2px;
  position: relative;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20role%3D%22presentation%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C/polyline%3E%3C/svg%3E"); /* Path to your custom arrow image */
  background-repeat: no-repeat;
  background-position: 95% center;
  padding-right: 25px; /* Adjust padding to accommodate arrow */
  color: var(--soft-black);
}
.select-navigation form select:focus-visible {
  outline-color: var(--deep-burgundy);
}

.banner-overlap-wrapper {
  padding-top: 1px;
  margin-top: 6rem;
  background-color: var(--deep-burgundy);
}

.c7t-banner--overlap {
  background-size: 95%;
  margin-top: -90px;
}
@media only screen and (min-width: 40.0625em) {
  .c7t-banner--overlap {
    margin-top: -65px;
  }
}
.c7t-banner--overlap .c7t-template-width {
  height: 250px;
}
@media only screen and (min-width: 40.0625em) {
  .c7t-banner--overlap .c7t-template-width {
    height: 425px;
  }
}
@media only screen and (min-width: 64.0625em) {
  .c7t-banner--overlap .c7t-template-width {
    height: 680px;
  }
}
.c7t-banner__caption {
  position: absolute;
  top: 100%;
  right: 3%;
  padding-top: 5px;
  color: var(--subtle-gray);
  font-size: 15px;
}
.c7t-banner__caption p {
  font-size: 15px;
}
.c7t-banner__caption a {
  color: var(--subtle-gray);
}
.c7t-banner:has(.c7t-banner__caption) {
  margin-bottom: 40px;
}
@media only screen and (min-width: 40.0625em) {
  .c7t-banner:has(.c7t-banner__caption) {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 64.0625em) {
  .c7t-banner:has(.c7t-banner__caption) {
    margin-bottom: 0;
  }
}

.c7t-banner--overlap + .c7t-template-width .c7t-banner__content {
  max-width: 700px;
  padding: 1.5rem 1rem 3.5rem;
  margin: auto;
  text-align: left;
}
@media only screen and (min-width: 40.0625em) {
  .c7t-banner--overlap + .c7t-template-width .c7t-banner__content {
    padding: 3.5rem 1rem 5rem;
  }
}
.c7t-banner--overlap + .c7t-template-width--content-centered .c7t-banner__content {
  text-align: center;
}

.comparison-columns-section {
  text-align: center;
  padding: 2.5rem 0;
  background: var(--deep-burgundy);
  color: var(--white);
}
@media only screen and (min-width: 40.0625em) {
  .comparison-columns-section {
    padding: 5rem 0;
  }
}
.comparison-columns-section h2 {
  margin-bottom: 2rem;
}

.club-grid {
  display: grid;
  gap: 1rem;
  text-align: center;
}
@media only screen and (min-width: 40.0625em) {
  .club-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.club-gridbox {
  background-color: var(--white);
  height: 100%;
}
.club-gridbox__inner {
  color: var(--deep-burgundy);
  padding: 2rem;
  display: flex;
  flex-direction: column;
  background-color: var(--page-background);
  width: 100%;
  height: 100%;
}
.club-gridbox__logo {
  height: 80px;
  width: 80px;
  border: 3px double var(--deep-burgundy);
  border-radius: 50%;
  margin: 1rem auto;
}
.club-gridbox__logo img {
  height: 100% !important;
  width: auto;
  padding: 12px;
}
.club-gridbox__content {
  font-size: 14px;
}
.club-gridbox__link {
  margin-top: auto;
}

.club-table-section {
  background: var(--porcelain);
  padding: 2.5rem 0;
  font-family: var(--menu-font-family);
}
@media only screen and (min-width: 40.0625em) {
  .club-table-section {
    padding: 5rem 0;
  }
}
.club-table-section h2 {
  text-align: center;
  margin-bottom: 2rem;
}

.club-table .select-navigation {
  margin-bottom: 2rem;
}
.club-table-wrapper {
  font-size: 14px;
}
.club-table .column {
  padding: 1.5rem;
  width: 50%;
  text-transform: uppercase;
  text-align: center;
  align-content: center;
  background: var(--white);
}
@media only screen and (min-width: 40.0625em) {
  .club-table .column {
    width: 25%;
  }
}
.club-table .column.column-1, .club-table .column.column-2, .club-table .column.column-3 {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid var(--deep-burgundy);
  text-transform: none;
}
@media only screen and (max-width: 40em) {
  .club-table .column.column-1, .club-table .column.column-2, .club-table .column.column-3 {
    display: none;
  }
  .club-table .column.column-1.active, .club-table .column.column-2.active, .club-table .column.column-3.active {
    display: block;
    border-left: 1px solid var(--deep-burgundy);
    width: 50%;
  }
}
@media only screen and (max-width: 40em) {
  .club-table .column:first-of-type {
    width: 60%;
  }
}
@media only screen and (min-width: 40.0625em) {
  .club-table .column:nth-of-type(2) {
    border-right: 1px solid var(--deep-burgundy);
  }
}
@media only screen and (min-width: 40.0625em) {
  .club-table .column:nth-of-type(3) {
    border-right: 1px solid var(--deep-burgundy);
  }
}
.club-table .column--title {
  border-bottom: 1px solid var(--white);
  width: 30%;
  text-transform: uppercase;
  background: var(--deep-burgundy);
  color: var(--white);
  font-weight: 600;
}
@media only screen and (max-width: 40em) {
  .club-table .column--title {
    font-size: 13px;
  }
}
.club-table .column--title:last-of-type {
  border-bottom: none;
}
.club-table .column--name {
  font-family: var(--heading-font-family);
  font-size: 18px;
  font-weight: 500;
  color: var(--deep-burgundy);
}
.club-table .column--spacer {
  background: transparent;
  border: none;
  width: 30%;
}
.club-table .row {
  display: flex;
}
@media only screen and (max-width: 40em) {
  .club-table .row.hide-mobile {
    display: none;
  }
}
.club-table .row:nth-of-type(7) {
  border-bottom: none;
}
.club-table .row:nth-of-type(7) .column {
  border-bottom: none;
}
.club-table .row:last-of-type {
  border-bottom: none;
}
.club-table .row:last-of-type .column {
  border-left: none;
  border-right: none;
  padding-top: 1rem;
  background: transparent;
  border: none;
}
@media only screen and (max-width: 40em) {
  .club-table .row:last-of-type .column {
    width: 100%;
  }
  .club-table .row:last-of-type .column:first-of-type {
    display: none;
  }
}

.c7t-faq-block h2 {
  text-align: center;
}

.faq-item {
  border-bottom: 1px solid rgba(78, 0, 3, 0.32);
}
.faq-item__container {
  padding: 1.25rem 0;
}
.faq-item__container__title {
  font-family: var(--heading-font-family);
  font-size: 20px;
  color: var(--deep-burgundy);
  font-weight: 500;
}
.faq-item__container button {
  background: transparent;
  border: 1px solid var(--deep-burgundy);
  border-radius: 50%;
  height: 36px;
  width: 36px;
  opacity: 32%;
}
.faq-item__container button:before {
  content: "+";
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 400;
  height: 34px;
  width: 34px;
  color: var(--deep-burgundy);
}

.expanded .faq-item__container button {
  opacity: 100%;
}
.expanded .faq-item__container button:before {
  content: "—";
}

.subnavigation {
  background: var(--maroon);
}
.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;
  cursor: pointer;
  display: block;
  font-size: 13px;
  font-family: var(--menu-font-family);
  text-transform: uppercase;
  margin: 0 0 0.5rem;
  padding: 0.5rem 0;
  text-align: left;
  color: var(--white);
  font-weight: 600;
}
@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 var(--white);
  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 var(--white);
  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(--maroon);
  list-style: none;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  visibility: hidden;
  z-index: 1;
  font-family: var(--menu-font-family);
  list-style: none;
}
@media only screen and (min-width: 40.0625em) {
  .subnavigation-menu-items {
    background: none;
    border: 0;
    opacity: 1;
    position: relative;
    visibility: visible;
  }
}
.subnavigation-menu-items li {
  position: relative;
  text-transform: uppercase;
}
@media only screen and (min-width: 40.0625em) {
  .subnavigation-menu-items li {
    display: inline-block;
  }
}
.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(--white);
  opacity: 68%;
  text-decoration: none;
  line-height: 28px;
  letter-spacing: 1.5px;
  font-size: 13px;
  display: block;
  padding: 0.5rem 1rem;
  z-index: 3;
  position: relative;
  font-weight: 600;
}
@media only screen and (min-width: 40.0625em) {
  .subnavigation-menu-items a {
    display: inline-block;
    font-size: 14px;
  }
}
.subnavigation-menu-items a:hover {
  opacity: 100%;
}

.menu-item-anchor.active a {
  opacity: 100%;
  color: var(--white);
  pointer-events: none;
}

.page-template-page-collection .subnavigation {
  background: transparent;
  border-bottom: 1px solid var(--deep-burgundy);
  width: 95%;
  margin: 0 auto 3rem;
}
.page-template-page-collection .subnavigation-menu-items {
  background: var(--white);
  font-family: var(--heading-font-family);
}
@media only screen and (min-width: 40.0625em) {
  .page-template-page-collection .subnavigation-menu-items {
    background: transparent;
  }
}
.page-template-page-collection .subnavigation-menu-items a {
  color: var(--deep-burgundy);
  opacity: 100%;
}
.page-template-page-collection .subnavigation .menu-item-anchor.active a {
  color: var(--black);
}
.page-template-page-collection .subnavigation .page-title {
  color: var(--deep-burgundy);
}
.page-template-page-collection .subnavigation .page-title:after {
  border-top-color: var(--deep-burgundy);
}
.page-template-page-collection .subnavigation #toggle-mobile-dropdown:checked + label:after {
  border-bottom-color: var(--deep-burgundy);
}

.c7t-team__member__position {
  font-family: var(--heading-font-family);
  line-height: 1.2;
  letter-spacing: 1.5px;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 40.0625em) {
  .c7t-team__member__position {
    font-size: 14px;
  }
}
.c7t-team__detail .c7t-team__member__position {
  margin-bottom: 1em;
  text-align: left;
}

@media only screen and (min-width: 48.0625em) {
  .c7t-text-block--2col .c7t-template-width {
    align-items: center;
  }
}
.c7t-text-block .square-image {
  aspect-ratio: 1/1;
  object-fit: cover;
}
.c7t-text-block .square-image--top {
  object-position: top;
}
.c7t-text-block .square-image--bottom {
  object-position: bottom;
}
.c7t-text-block .rectangle-image {
  aspect-ratio: 3/2;
  object-fit: cover;
}
.c7t-text-block .rectangle-image--top {
  object-position: top;
}
.c7t-text-block .rectangle-image--bottom {
  object-position: bottom;
}

@media only screen and (min-width: 48.0625em) {
  .floating-content.c7t-text-block--2col .c7t-template-width {
    align-items: flex-start;
  }
}
@media only screen and (min-width: 40.0625em) {
  .floating-content.c7t-text-block--2col .c7t-template-width > div + div {
    width: 40%;
    padding-top: 5rem;
  }
  .floating-content.c7t-text-block--2col .c7t-template-width > div + div img {
    padding-top: 5rem;
  }
}

@media only screen and (min-width: 48.0625em) {
  .subscribe-form-block.c7t-text-block--2col .c7t-template-width {
    align-items: flex-start;
  }
}

@media only screen and (min-width: 64.0625em) {
  .c7t-third .c7t-template-width {
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 0.5%;
  }
}
@media only screen and (min-width: 64.0625em) {
  .c7t-third__item {
    min-height: 380px;
  }
}
.commerce7-v2 .c7t-third__content .button {
  background: transparent;
  color: var(--white);
  box-shadow: none;
  border-radius: 0;
  border: none;
}
.commerce7-v2 .c7t-third__content .button:hover {
  background: transparent;
}
.c7t-third__content p {
  margin: 0 auto 0;
}
.c7t-third__content .button {
  border-color: transparent;
  font-family: var(--heading-font-family);
  font-size: 36px;
  letter-spacing: 1px;
}
@media only screen and (min-width: 64.0625em) {
  .c7t-third--with-space .c7t-third__item {
    width: 100%;
    margin: 0.5% 0 0.5% 0;
  }
  .c7t-third--with-space .c7t-third__item + .c7t-third__item {
    margin: 0.5% 0 0.5% 0;
  }
}
.c7t-third--veil .c7t-third__item:before {
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 64.0625em) {
  .c7t-third + .c7t-half--with-space .c7t-half__item, .c7t-third + .c7t-half--with-space .c7t-third__item, .c7t-third + .c7t-third--with-space .c7t-half__item, .c7t-third + .c7t-third--with-space .c7t-third__item {
    width: 100%;
    margin: 0 0 0.5% 0;
  }
  .c7t-third + .c7t-half--with-space .c7t-half__item + .c7t-third__item, .c7t-third + .c7t-half--with-space .c7t-third__item + .c7t-third__item, .c7t-third + .c7t-third--with-space .c7t-half__item + .c7t-third__item, .c7t-third + .c7t-third--with-space .c7t-third__item + .c7t-third__item {
    margin: 0 0 0.5% 0;
  }
}

.c7t-half {
  margin-bottom: 0;
}
@media only screen and (min-width: 64.0625em) {
  .c7t-half .c7t-template-width {
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 0.5%;
  }
}
@media only screen and (min-width: 64.0625em) {
  .c7t-half__item {
    min-height: 420px;
  }
}
.commerce7-v2 .c7t-half__content .button {
  background: transparent;
  color: var(--white);
  box-shadow: none;
  border-radius: 0;
  border: none;
}
.commerce7-v2 .c7t-half__content .button:hover {
  background: transparent;
}
.c7t-half__content p {
  margin: 0 auto 0;
}
.c7t-half__content .button {
  border-color: transparent;
  font-family: var(--heading-font-family);
  font-size: 36px;
  letter-spacing: 1px;
}
@media only screen and (min-width: 64.0625em) {
  .c7t-half--with-space .c7t-half__item {
    width: 100%;
    margin: 0.5% 0 0.5% 0;
  }
}
.c7t-half--veil .c7t-half__item:before {
  background-color: rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 64.0625em) {
  .c7t-half + .c7t-half--with-space .c7t-half__item, .c7t-half + .c7t-half--with-space .c7t-third__item, .c7t-half + .c7t-third--with-space .c7t-half__item, .c7t-half + .c7t-third--with-space .c7t-third__item {
    width: 100%;
    margin: 0 0 0.5% 0;
  }
  .c7t-half + .c7t-half--with-space .c7t-half__item + .c7t-third__item, .c7t-half + .c7t-half--with-space .c7t-third__item + .c7t-third__item, .c7t-half + .c7t-third--with-space .c7t-half__item + .c7t-third__item, .c7t-half + .c7t-third--with-space .c7t-third__item + .c7t-third__item {
    margin: 0 0 0.5% 0;
  }
}

.c7t-video__video {
  padding-top: 56%;
}
.c7t-video__logo-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  background-image: url("/wp-content/uploads/2026/07/Dirty-Laundry-Emblem-White-1.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40%;
  z-index: 2;
}
@media only screen and (min-width: 64.0625em) {
  .c7t-video__logo-overlay {
    background-size: auto;
  }
}

.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: 51px;
}

.c7-product-collection,
.c7-related-products,
.c7-product-allocation {
  max-width: var(--content-width);
}
.c7-product-collection .c7-product,
.c7-related-products .c7-product,
.c7-product-allocation .c7-product {
  padding: 2rem 1.3rem;
}
.c7-product-collection .c7-product:hover,
.c7-related-products .c7-product:hover,
.c7-product-allocation .c7-product:hover {
  background: rgba(230, 213, 195, 0.52);
}
.c7-product-collection .c7-product__image,
.c7-related-products .c7-product__image,
.c7-product-allocation .c7-product__image {
  margin-right: 0;
}
.c7-product-collection .c7-product__details,
.c7-related-products .c7-product__details,
.c7-product-allocation .c7-product__details {
  display: flex;
  flex-direction: column;
}
.c7-product-collection .c7-product__title,
.c7-related-products .c7-product__title,
.c7-product-allocation .c7-product__title {
  font-size: 18px;
}
.c7-product-collection .c7-product__title a,
.c7-related-products .c7-product__title a,
.c7-product-allocation .c7-product__title a {
  text-transform: uppercase;
}
.c7-product-collection .c7-product__subtitle,
.c7-related-products .c7-product__subtitle,
.c7-product-allocation .c7-product__subtitle {
  text-align: center;
}
.c7-product-collection .c7-product__add-to-cart__price,
.c7-related-products .c7-product__add-to-cart__price,
.c7-product-allocation .c7-product__add-to-cart__price {
  font-size: 17px;
}
.c7-product-collection .c7-product__vintage,
.c7-related-products .c7-product__vintage,
.c7-product-allocation .c7-product__vintage {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 2px;
  color: var(--deep-burgundy);
  font-weight: 600;
  text-align: center;
}

@media only screen and (min-width: 40.0625em) {
  .c7t-products--1up .c7-product-collection .c7-product__image,
  .c7t-products--1up .c7-related-products .c7-product__image,
  .c7t-products--1up .c7-product-allocation .c7-product__image {
    width: 50%;
    margin-right: 40px;
  }
}
.c7t-products--1up .c7-product-collection .c7-product__image img,
.c7t-products--1up .c7-related-products .c7-product__image img,
.c7t-products--1up .c7-product-allocation .c7-product__image img {
  max-height: 360px;
}
@media screen and (min-width: 768px) {
  .c7t-products--4up .c7-product-collection__product-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 960px) {
  .c7t-products--4up .c7-product-collection__product-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1200px) {
  .c7t-products--4up .c7-product-collection__product-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.c7-related-products {
  margin: auto;
  text-align: center;
  padding: 2.5rem 1rem 0;
}
@media only screen and (min-width: 64.0625em) {
  .c7-related-products {
    padding: 5rem 1rem 0;
  }
}
@media screen and (min-width: 960px) {
  .c7-related-products__product-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.c7-related-products .c7-product__add-to-cart {
  margin-top: auto;
}
.c7-related-products .c7-product__add-to-cart__form {
  justify-content: center;
}

.c7-product .c7-form input[type=text] {
  height: 51px;
}

.page-template-page-product .c7t-content {
  max-width: none;
  padding: 0;
}

.c7-product-detail {
  padding: 0 1rem 2.5rem !important;
}
@media only screen and (min-width: 64.0625em) {
  .c7-product-detail {
    padding: 0 1rem 5rem !important;
  }
}
@media only screen and (min-width: 40.0625em) {
  .c7-product-detail h1 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 40.0625em) {
  .c7-product-detail h2 {
    font-size: 24px;
  }
}
.c7-product-detail .c7-product {
  max-width: var(--content-width);
  margin: 4rem auto 0;
  align-items: center;
}
.c7-product-detail .c7-product__back-link {
  padding: 1rem;
  max-width: var(--content-width);
  text-transform: uppercase;
  display: flex;
  margin: auto;
}
@media screen and (min-width: 769px) {
  .c7-product-detail .c7-product__image {
    flex: 0 0 600px;
  }
}
@media only screen and (min-width: 40.0625em) {
  .c7-product-detail .c7-product img {
    max-height: 620px;
  }
}
.c7-product-detail--additional {
  padding: 2.5rem 1rem !important;
}
@media only screen and (min-width: 64.0625em) {
  .c7-product-detail--additional {
    padding: 5rem 1rem !important;
  }
}
.c7-product-detail--additional .c7-product {
  max-width: var(--content-width);
  margin: 0 auto;
  display: grid;
  row-gap: 50px;
}
@media only screen and (min-width: 40.0625em) {
  .c7-product-detail--additional .c7-product {
    grid-template-columns: 1fr 1fr;
    column-gap: 100px;
  }
}
.c7-product-detail--additional--right {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
}

.c7-badge {
  text-shadow: none;
  color: var(--maroon);
  border: 1px solid var(--maroon);
  border-radius: 50%;
  height: 68px;
  width: 68px;
  flex-direction: column;
}
.c7-badge--points .points-number {
  font-family: var(--heading-font-family);
  font-size: 34px;
  line-height: 32px;
  letter-spacing: 1px;
}
.c7-badge--points .points-text {
  font-size: 9px;
  line-height: 12px;
  letter-spacing: 1px;
}

.c7-form--coupon-code-container .c7-form input[type=text],
.c7-form--coupon-code-container .c7-form input[type=email],
.c7-form--coupon-code-container .c7-form input[type=number],
.c7-form--coupon-code-container .c7-form input[type=tel],
.c7-form--coupon-code-container .c7-form input[type=username],
.c7-form--coupon-code-container .c7-form input[type=password],
.c7-form--coupon-code-container .c7-form textarea,
.c7-form--coupon-code-container .c7-form--stripe,
.c7-form--coupon-code-container .c7-order-item input,
.c7-form--coupon-code-container .c7-form select,
.c7-form--coupon-code-container .c7-order-item select {
  height: 51px;
}

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

@media only screen and (max-width: 40em) {
  .c7-account-details__header {
    flex-direction: column;
  }
}

.c7-product__login-message, .c7-reservation-type__booking__message {
  color: var(--text-black);
}
.c7-product__login-message p, .c7-reservation-type__booking__message p {
  margin-bottom: 20px !important;
}

.c7-reservation-type__booking .c7-btn {
  padding: 14px 14px;
}
