/*shipment styling start*/
:root {
  --color-light-pure-white: #ffffff;
  --color-light-brand-white: #FFFFFF;
  --color-light-brand-color: #ABABAB;
  --color-light-brand-accent: #CC9F75;
  --color-light-brand-alt1: #f9f9f9;
  --color-light-brand-alt2: #ededed;
  --color-light-brand-alt3: #f9f9f9;
  --color-dark-pure-black: #000000;
  --color-dark-brand-black: #000000;
  --color-dark-brand-color: #333333;
  --color-dark-brand-accent: #735030;
  --color-dark-brand-alt1: #1C1C1C;
  --color-dark-brand-alt2: #565656;
  --color-dark-brand-alt3: #595959;
  --wishlist-icon: #735030;
  --color-minicart-bubble-background: #735030;
  --color-minicart-bubble-text: #ffffff;
  --share-this-fill-color: #cc9d71; }

@font-face {
  font-family: 'Crimsontext-Regular';
  font-display: swap;
  src: url("../fonts/Crimsontext-Regular.ttf") format("opentype"); }

@font-face {
  font-family: 'Crimsontext-Regular';
  font-display: swap;
  src: url("../fonts/Crimsontext-Regular.ttf") format("opentype"); }

@font-face {
  font-family: 'Crimsontext-Regular';
  font-display: swap;
  src: url("../fonts/Crimsontext-Regular.ttf") format("opentype"); }

@font-face {
  font-family: 'OpenSans-Regular';
  font-display: swap;
  src: url("../fonts/OpenSans-Regular.ttf") format("opentype"); }

@font-face {
  font-family: 'OpenSans-SemiBold';
  font-display: swap;
  src: url("../fonts/OpenSans-SemiBold.ttf") format("opentype"); }

@font-face {
  font-family: 'OpenSans-Bold';
  font-display: swap;
  src: url("../fonts/OpenSans-Bold.ttf") format("opentype"); }

/* overriding the bootstrap header font sizes */
.btn {
  font-family: "OpenSans-Bold";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.0625rem;
  padding: 0;
  border-radius: 0;
  border: 0.0625rem solid #735030;
  height: 2.5rem;
  letter-spacing: 0.0375rem;
  text-transform: uppercase; }
  .btn:focus {
    box-shadow: none; }

.btn-primary {
  background-color: transparent;
  color: #735030;
  border-color: #735030;
  position: relative;
  font-family: "OpenSans-Regular";
  font-weight: 400;
  font-size: 1rem;
  height: 3rem;
  line-height: 1.125rem;
  letter-spacing: 0.01562rem;
  padding: 0.625rem;
  border-radius: 0;
  border: 0.0625rem solid #735030;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 8rem;
  overflow: visible; }
  .btn-primary:hover, .btn-primary:focus {
    background-color: rgba(147, 101, 37, 0.17);
    color: #735030;
    border-color: #735030; }
  .btn-primary:active {
    background-color: rgba(115, 80, 48, 0.18);
    color: #735030;
    border-color: rgba(115, 80, 48, 0.18); }
  .btn-primary.disabled, .btn-primary:disabled {
    pointer-events: none;
    background-color: rgba(86, 86, 86, 0.2);
    color: #565656;
    border-color: rgba(86, 86, 86, 0.2); }
    .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary:disabled:hover, .btn-primary:disabled:focus {
      background-color: #FFFFFF;
      color: #333333;
      border-color: #333333; }
    .btn-primary.disabled:active, .btn-primary:disabled:active {
      background-color: #615C57;
      color: #333333;
      border-color: #333333; }
  .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
    background-color: rgba(115, 80, 48, 0.17);
    border-color: #735030;
    color: #735030; }
  .btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0rem 0rem 0rem 0.1875rem #a18636; }
  .btn-primary::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 2px;
    bottom: 0px;
    border: 1px solid #735030;
    width: 101%;
    height: 101%;
    z-index: 10;
    transform: scale(0.998, 0.99); }
    .btn-primary::before:hover {
      border-color: #c19063; }

.btn-primary--dark-mode,
.btn-primary.jfw_dark {
  background-color: rgba(0, 0, 0, 0.3);
  color: #CC9F75;
  border-color: #735030;
  position: relative;
  font-family: "OpenSans-Regular";
  font-weight: 400;
  font-size: 1rem;
  height: 3rem;
  line-height: 1.125rem;
  letter-spacing: 0.01562rem;
  padding: 0.625rem;
  border-radius: 0;
  border: 0.0625rem solid #735030;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 8rem;
  overflow: visible;
  text-decoration: none; }
  .btn-primary--dark-mode:hover, .btn-primary--dark-mode:focus,
  .btn-primary.jfw_dark:hover,
  .btn-primary.jfw_dark:focus {
    background-color: rgba(0, 0, 0, 0.75);
    color: #ecb679;
    border-color: #ecb679; }
  .btn-primary--dark-mode:active,
  .btn-primary.jfw_dark:active {
    background-color: rgba(0, 0, 0, 0.3);
    color: #CC9F75;
    border-color: #CC9F75; }
  .btn-primary--dark-mode.disabled, .btn-primary--dark-mode:disabled,
  .btn-primary.jfw_dark.disabled,
  .btn-primary.jfw_dark:disabled {
    pointer-events: none;
    background-color: rgba(171, 171, 171, 0.95);
    color: #1C1C1C;
    border-color: rgba(171, 171, 171, 0.95); }
    .btn-primary--dark-mode.disabled:hover, .btn-primary--dark-mode.disabled:focus, .btn-primary--dark-mode:disabled:hover, .btn-primary--dark-mode:disabled:focus,
    .btn-primary.jfw_dark.disabled:hover,
    .btn-primary.jfw_dark.disabled:focus,
    .btn-primary.jfw_dark:disabled:hover,
    .btn-primary.jfw_dark:disabled:focus {
      background-color: #FFFFFF;
      color: #333333;
      border-color: #333333; }
    .btn-primary--dark-mode.disabled:active, .btn-primary--dark-mode:disabled:active,
    .btn-primary.jfw_dark.disabled:active,
    .btn-primary.jfw_dark:disabled:active {
      background-color: #615C57;
      color: #333333;
      border-color: #333333; }
  .btn-primary--dark-mode:not(:disabled):not(.disabled).hover, .btn-primary--dark-mode:hover,
  .btn-primary.jfw_dark:not(:disabled):not(.disabled).hover,
  .btn-primary.jfw_dark:hover {
    color: #ecb679;
    background-color: rgba(0, 0, 0, 0.75);
    border-color: #ecb679; }
    .btn-primary--dark-mode:not(:disabled):not(.disabled).hover:before, .btn-primary--dark-mode:hover:before,
    .btn-primary.jfw_dark:not(:disabled):not(.disabled).hover:before,
    .btn-primary.jfw_dark:hover:before {
      border-color: #ecb679; }
  .btn-primary--dark-mode::before,
  .btn-primary.jfw_dark::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    right: 2px;
    bottom: 0px;
    border: 1px solid #735030;
    width: 101%;
    height: 101%;
    z-index: 10;
    transform: scale(0.998, 0.99);
    transition: border-color 0.15s ease-in-out; }
  .btn-primary--dark-mode:not(:disabled):not(.disabled):active:focus, .btn-primary--dark-mode:focus,
  .btn-primary.jfw_dark:not(:disabled):not(.disabled):active:focus,
  .btn-primary.jfw_dark:focus {
    box-shadow: none; }
  .btn-primary--dark-mode:not(:disabled):not(.disabled).active, .btn-primary--dark-mode:not(:disabled):not(.disabled):active,
  .btn-primary.jfw_dark:not(:disabled):not(.disabled).active,
  .btn-primary.jfw_dark:not(:disabled):not(.disabled):active {
    color: #CC9F75;
    background-color: rgba(0, 0, 0, 0.3);
    border-color: #CC9F75;
    box-shadow: 0 0 0 3px #735030, 0 0 0 4px #CC9F75; }

.btn-secondary {
  background-color: transparent;
  color: var(--color-dark-brand-accent);
  border-color: var(--color-dark-brand-accent);
  font-weight: 400;
  font-family: "OpenSans-Regular";
  font-size: 1rem;
  line-height: 1.125rem;
  padding: 0.625rem;
  border-radius: 0;
  border: 0.0625rem solid var(--color-dark-brand-accent);
  height: 3rem;
  min-width: 8rem;
  letter-spacing: 0.01562rem;
  display: inline-flex;
  justify-content: center;
  align-items: center; }
  .btn-secondary:hover, .btn-secondary:focus {
    background-color: rgba(147, 101, 37, 0.17);
    color: #936525;
    border-color: rgba(147, 101, 37, 0.17); }
  .btn-secondary:active {
    background-color: transparent;
    color: transparent;
    border-color: var(--color-dark-brand-accent); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    opacity: 1;
    pointer-events: none;
    background-color: transparent;
    color: #787880;
    border-color: #787880;
    text-decoration: underline;
    text-decoration-color: #565656; }
    .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary:disabled:hover, .btn-secondary:disabled:focus {
      background-color: #FFFFFF;
      color: #333333;
      border-color: #333333; }
    .btn-secondary.disabled:active, .btn-secondary:disabled:active {
      background-color: #615C57;
      color: #333333;
      border-color: #333333; }
  .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active {
    color: #936525;
    background-color: transparent;
    border-color: #501B27; }
  .btn-secondary:not(:disabled):not(.disabled):active:focus {
    color: #936525;
    text-decoration: underline;
    text-decoration-color: #936525;
    box-shadow: none; }

.btn-secondary--dark-mode,
.btn-secondary.jfw_dark {
  background-color: #1C1C1C;
  color: #cc9d71;
  border-color: #1C1C1C; }
  .btn-secondary--dark-mode:hover, .btn-secondary--dark-mode:focus,
  .btn-secondary.jfw_dark:hover,
  .btn-secondary.jfw_dark:focus {
    background-color: #1C1C1C;
    color: #e9ac69;
    border-color: #ecb679; }
  .btn-secondary--dark-mode:active,
  .btn-secondary.jfw_dark:active {
    background-color: #1C1C1C;
    color: #e9ac69;
    border-color: #e9ac69; }
  .btn-secondary--dark-mode:not(:disabled):not(.disabled).active, .btn-secondary--dark-mode:not(:disabled):not(.disabled):active,
  .btn-secondary.jfw_dark:not(:disabled):not(.disabled).active,
  .btn-secondary.jfw_dark:not(:disabled):not(.disabled):active {
    color: #e9ac69;
    background-color: #1C1C1C;
    border-color: #e9ac69; }

.btn-outline-primary {
  background-color: transparent;
  color: var(--color-dark-brand-accent);
  border-color: transparent;
  font-weight: 600;
  font-family: "OpenSans-Bold";
  font-size: 1rem;
  line-height: 1.125rem;
  padding: 0.625rem;
  border-radius: 0;
  border: 0.0625rem solid transparent;
  height: 2.5rem;
  letter-spacing: 0.0375rem;
  text-decoration: underline;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto; }
  .btn-outline-primary:hover, .btn-outline-primary:focus {
    background-color: rgba(147, 101, 37, 0.17);
    color: #936525;
    border-color: rgba(147, 101, 37, 0.17); }
  .btn-outline-primary:active {
    background-color: transparent;
    color: transparent;
    border-color: transparent; }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    opacity: 1;
    pointer-events: none;
    background-color: transparent;
    color: #787880;
    border-color: #393633; }
    .btn-outline-primary.disabled:hover, .btn-outline-primary.disabled:focus, .btn-outline-primary:disabled:hover, .btn-outline-primary:disabled:focus {
      background-color: #FFFFFF;
      color: #333333;
      border-color: #333333; }
    .btn-outline-primary.disabled:active, .btn-outline-primary:disabled:active {
      background-color: #615C57;
      color: #333333;
      border-color: #333333; }
  .btn-outline-primary:not(:disabled):not(.disabled).hover, .btn-outline-primary:hover {
    color: #936525;
    background-color: rgba(147, 101, 37, 0.17);
    border-color: rgba(147, 101, 37, 0.17); }
  .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #936525;
    background-color: rgba(115, 80, 48, 0.17);
    border-color: #735030;
    border: solid 0.09375rem;
    padding: 0.3125rem;
    background: content-box; }
  .btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    color: #936525;
    box-shadow: 0rem 0rem 0rem 0.1875rem #a18636;
    text-decoration: underline;
    text-decoration-color: #936525; }

.btn-link {
  border: none;
  color: #735030; }
  .btn-link:not(:disabled):not(.disabled).hover, .btn-link:hover {
    text-decoration: underline;
    color: #936525; }
  .btn-link:active {
    text-decoration: underline;
    color: #57300c; }
  .btn-link:disabled {
    text-decoration: underline;
    color: #464646; }

.btn-link--dark-mode {
  border: none;
  color: #cc9d71; }
  .btn-link--dark-mode:not(:disabled):not(.disabled).hover, .btn-link--dark-mode:hover {
    text-decoration: underline;
    color: #b97331; }
  .btn-link--dark-mode:active {
    text-decoration: underline;
    color: #b97331; }
  .btn-link--dark-mode:disabled {
    text-decoration: underline;
    color: #ABABAB; }

.btn-link-with-arrow {
  border: none;
  color: #735030; }
  .btn-link-with-arrow:not(:disabled):not(.disabled).hover, .btn-link-with-arrow:hover {
    text-decoration: underline;
    color: #936525; }
  .btn-link-with-arrow:active {
    text-decoration: underline;
    color: #57300c; }
  .btn-link-with-arrow:disabled {
    text-decoration: underline;
    color: #464646; }
  .btn-link-with-arrow:after {
    content: '\2192';
    font-size: inherit;
    color: inherit; }

.btn-link-with-arrow--dark-mode {
  border: none;
  color: #cc9d71; }
  .btn-link-with-arrow--dark-mode:not(:disabled):not(.disabled).hover, .btn-link-with-arrow--dark-mode:hover {
    text-decoration: underline;
    color: #b97331; }
  .btn-link-with-arrow--dark-mode:active {
    text-decoration: underline;
    color: #b97331; }
  .btn-link-with-arrow--dark-mode:disabled {
    text-decoration: underline;
    color: #ABABAB; }
  .btn-link-with-arrow--dark-mode:after {
    content: '\2192';
    font-size: inherit;
    color: inherit; }

:root {
  --color-light-pure-white: #ffffff;
  --color-light-brand-white: #FFFFFF;
  --color-light-brand-color: #ABABAB;
  --color-light-brand-accent: #CC9F75;
  --color-light-brand-alt1: #f9f9f9;
  --color-light-brand-alt2: #ededed;
  --color-light-brand-alt3: #f9f9f9;
  --color-dark-pure-black: #000000;
  --color-dark-brand-black: #000000;
  --color-dark-brand-color: #333333;
  --color-dark-brand-accent: #735030;
  --color-dark-brand-alt1: #1C1C1C;
  --color-dark-brand-alt2: #565656;
  --color-dark-brand-alt3: #595959;
  --wishlist-icon: #735030;
  --color-minicart-bubble-background: #735030;
  --color-minicart-bubble-text: #ffffff;
  --share-this-fill-color: #cc9d71; }

/* overriding the bootstrap header font sizes */
.address-book-detailcheckbox {
  font: 400 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.5; }

.savedaddress-card-detailspositioning {
  font: 400 1rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.2; }

.wallet-section-show-more-btn {
  font: 700 0.875rem "OpenSans-Bold";
  letter-spacing: 0.0875rem;
  color: #333333;
  line-height: 1;
  text-transform: uppercase;
  border: none;
  text-align: center; }

.wallet-section-add-pay-method-btn {
  font: 600 0.875rem "OpenSans-SemiBold";
  letter-spacing: 0.0875rem;
  color: #735030;
  line-height: 1.2;
  text-transform: uppercase; }

.paymentInstruments-default-payment {
  font: 600 0.625rem "OpenSans-SemiBold";
  letter-spacing: 0.125rem;
  color: #333333;
  line-height: 1;
  text-align: left;
  text-transform: uppercase; }
  @media (min-width: 960px) {
    .paymentInstruments-default-payment {
      font: 600 0.625rem "OpenSans-SemiBold";
      letter-spacing: 0.125rem;
      color: #735030;
      line-height: 1.2; } }

.empty-payment-add-new-payment-method {
  font: 600 0.875rem "OpenSans-Regular";
  letter-spacing: 0.0875rem;
  color: #333333;
  line-height: 1;
  text-transform: uppercase;
  background: #f1f2f2; }

.cart-variant-size {
  font: 600 1rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.37; }

.cart-pricing {
  font: 700 1.25rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.2; }

.cart-page-btl {
  font: 600 1rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.37;
  letter-spacing: normal; }

.checkout-grand-total-text {
  font: 400 2rem "Crimsontext-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.37; }

.search-recommendation-product-price {
  font: 600 0.875rem "OpenSans-Bold";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.5;
  text-transform: uppercase; }
  @media (min-width: 960px) {
    .search-recommendation-product-price {
      font: 700 1.25rem "OpenSans-Bold";
      letter-spacing: initial;
      color: #58595b;
      line-height: 1.2; } }

.prod-info-learn-more-heading {
  font: 700 1rem "OpenSans-Bold";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.18; }

.product-tile-acclaim-rating {
  font: 400 1.5rem "Crimsontext-Regular";
  letter-spacing: initial;
  color: #735030;
  line-height: 1.37; }

.product-tile-action-msg {
  font: 600 0.875rem "OpenSans-Regular";
  letter-spacing: 0.0875rem;
  color: #735030;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center; }

.product-tile-pdp-winery-name {
  font: 700 0.75rem "OpenSans-Regular";
  letter-spacing: 0.075rem;
  color: #615c57;
  line-height: 1.2;
  text-transform: uppercase; }

.product-tile-pdp-variation {
  font: 400 0.75rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #615c57;
  line-height: 1;
  text-align: right; }
  @media (min-width: 576px) {
    .product-tile-pdp-variation {
      font: 400 0.875rem "OpenSans-Regular";
      letter-spacing: initial;
      color: #615c57;
      line-height: 1.57; } }

.product-tile-pdp-sales-value {
  font: 400 1rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.06; }

.product-tile-pdp-brand-details {
  font: 600 0.75rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.2; }
  @media (min-width: 960px) {
    .product-tile-pdp-brand-details {
      font: 600 0.875rem "OpenSans-Regular";
      letter-spacing: initial;
      color: #333333;
      line-height: 1.2; } }

.product-tile-brand-heading {
  font: 400 1.25rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #735030;
  line-height: 1.1; }
  @media (min-width: 960px) {
    .product-tile-brand-heading {
      font: 400 1.25rem "OpenSans-Regular";
      letter-spacing: initial;
      color: #735030;
      line-height: 1.1; } }

.wishlist-show-more {
  font: 700 1.125rem "OpenSans-Regular";
  letter-spacing: 0.1125rem;
  color: #333333;
  line-height: 1.2;
  text-transform: uppercase; }
  .wishlist-show-more:hover {
    color: #735030; }

.sort-list-items {
  font: 600 0.875rem "OpenSans-Regular";
  letter-spacing: 0.0875rem;
  color: #58595b;
  line-height: 1.2;
  text-transform: uppercase;
  background-color: #FFFFFF; }
  .sort-list-items:focus {
    background-color: #EBEBEB;
    outline: none;
    text-decoration: none; }
  .sort-list-items:hover {
    background-color: #EBEBEB;
    text-decoration: none; }
  .sort-list-items.active {
    background-color: #EBEBEB; }

.search-suggestions-text {
  font: 400 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.58; }

.search-suggestions-link {
  font: 700 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.58; }
  .search-suggestions-link:hover {
    text-decoration: none; }

.search-suggestions-section {
  font: 400 0.75rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.58; }

.search-product-copy-text {
  font: 600 0.875rem "OpenSans-Regular";
  letter-spacing: 0.0875rem;
  color: #333333;
  line-height: 1.21;
  text-transform: uppercase;
  color: #735030; }

.search-show-more {
  font: 700 1.125rem "OpenSans-Regular";
  letter-spacing: 0.1125rem;
  color: #333333;
  line-height: 1.2;
  text-transform: uppercase; }

.search-quantity-control {
  font: 400 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #735030;
  line-height: 1.57; }
  @media (max-width: 959.98px) {
    .search-quantity-control {
      font: 400 1rem "OpenSans-Regular";
      letter-spacing: initial;
      color: #735030;
      line-height: 1.18; } }

.minicart-icepack {
  font: 600 0.75rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.12; }
  @media (min-width: 960px) {
    .minicart-icepack {
      font: 600 0.875rem "OpenSans-Regular";
      letter-spacing: initial;
      color: #333333;
      line-height: 1.12; } }

.minicart-appelation {
  font: 600 0.625rem "OpenSans-SemiBold";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.2; }
  @media (min-width: 576px) {
    .minicart-appelation {
      font: 600 0.75rem "OpenSans-SemiBold";
      letter-spacing: initial;
      color: #333333;
      line-height: 1.58; } }

.minicart-btl-text {
  font: 600 0.75rem "OpenSans-SemiBold";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.58;
  text-transform: uppercase; }

.minicart-line-item-variant {
  font: 600 0.625rem "OpenSans-SemiBold";
  letter-spacing: initial;
  color: #333333;
  line-height: 1; }

.minicart-total-price {
  font: 700 1.25rem "OpenSans-Bold";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.2; }

.minicart-subtotal-label {
  font: 700 1rem "OpenSans-Bold";
  letter-spacing: initial;
  color: #333333;
  line-height: 1;
  text-transform: uppercase; }

.minicart-subtotal {
  font: 400 1.5rem "Crimsontext-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.37; }

.minicart-line-item-promo {
  font: 500 0.75rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #735030;
  line-height: 1.58; }

.minicart-strikethrough {
  font: 400 1rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #958D82;
  line-height: 1.18; }

.acct-navigation-selector, .account-NavigationContainer .nav-header .nav-link, .dropdown-menu-profile .select-id {
  font: 700 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #735030;
  line-height: 1.2; }
  @media (min-width: 960px) {
    .acct-navigation-selector, .account-NavigationContainer .nav-header .nav-link, .dropdown-menu-profile .select-id {
      font: 700 1rem "OpenSans-Regular";
      letter-spacing: initial;
      color: #735030;
      line-height: 1.2 "OpenSans-Regular"; } }

.order-track-cta {
  font: 400 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #735030;
  line-height: 1.2;
  text-decoration-line: underline; }
  @media (min-width: 960px) {
    .order-track-cta {
      font: 400 0.875rem "OpenSans-Regular";
      letter-spacing: initial;
      color: #735030;
      line-height: 1; } }

.order-ice-pack-config {
  font: 600 0.75rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.25; }
  @media (min-width: 960px) {
    .order-ice-pack-config {
      font: 600 0.875rem "OpenSans-Regular";
      letter-spacing: initial;
      color: #333333;
      line-height: 1.07; } }

.order-unit-price {
  font: 600 0.875rem "OpenSans-SemiBold";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.7;
  text-transform: uppercase; }

.order-line-item-price {
  font: 600 0.875rem "OpenSans-SemiBold";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.2; }

.order-product-summ-line-items {
  font: 700 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.71; }

.order-product-variants {
  font: 600 0.75rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.83; }

.order-details-price {
  font: 600 1rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.18; }
  @media (min-width: 960px) {
    .order-details-price {
      font: 700 1.25rem "OpenSans-Bold";
      letter-spacing: initial;
      color: #58595b;
      line-height: 1.2; } }

.order-membership-saving {
  font: 700 0.875rem "OpenSans-Bold";
  letter-spacing: 0.0625rem;
  color: #D4CEC5;
  line-height: 1.2;
  text-transform: uppercase; }

.order-outstock-header {
  font: 400 2.25rem "Crimsontext-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.38; }

.order-outstock-body {
  font: 400 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.57; }

.applePay-span {
  font: 600 0.625rem "OpenSans-SemiBold";
  letter-spacing: initial;
  color: #333333;
  line-height: 1; }

.qty-card-count {
  font: 600 0.75rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.375; }

.order-label {
  font: 700 1rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.18; }

.item-attribute {
  font: 600 0.75rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1; }

.item-brand-name {
  font: 700 0.625rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1; }

.qty-card-variant {
  font: 700 0.75rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.375; }

.total-price-amt {
  font: 700 1.25rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.5; }

.shipping-pricing {
  font: 400 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1; }

.custom-message-font {
  font: 600 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.063; }

.shipping-method-price {
  font: 600 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1; }

.display-name {
  font: 600 1rem "Crimsontext-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1; }
  @media (min-width: 960px) {
    .display-name {
      font: 700 0.875rem "OpenSans-Regular";
      letter-spacing: initial;
      color: #58595b;
      line-height: 1; } }

.order-total-tooltip {
  font: 700 0.875rem "OpenSans-Bold";
  letter-spacing: initial;
  color: #735030;
  line-height: 1.063; }

.special-header-message {
  font: 700 1rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1; }

.add-heading {
  font: 700 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #735030;
  line-height: 1 "OpenSans-Bold"; }

.get-direction {
  font: 600 0.875rem "OpenSans-SemiBold";
  letter-spacing: initial;
  color: #735030;
  line-height: 1; }

.total-tooltip-msg {
  font: 400 0.75rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.18; }

.employeeWillCall {
  font: 700 #000000 1.125 "OpenSans-Regular";
  letter-spacing: initial;
  color: 1.125rem;
  line-height: "OpenSans-Bold"; }

.blogs-show-more-wrapper-button {
  font: 700 1.125rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1; }

.profile-order-hidden-card {
  font: 400 1rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1; }

.profile-order-product-count {
  font: 400 0.625rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #FFFFFF;
  line-height: 1; }

.profile-customized-forgot-password-btn {
  font: 600 0.875rem "OpenSans-Regular";
  letter-spacing: 0.0875rem;
  color: #735030;
  line-height: 1.2; }

.search-show-more {
  font: 700 1.125rem "OpenSans-Regular";
  letter-spacing: 0.1125rem;
  color: #333333;
  line-height: 1.2;
  text-transform: uppercase; }

.search-quantity-control {
  font: 400 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #735030;
  line-height: 1.57; }
  @media (max-width: 959.98px) {
    .search-quantity-control {
      font: 400 1rem "OpenSans-Regular";
      letter-spacing: initial;
      color: #735030;
      line-height: 1.18; } }

.quantity-cntrl-btn {
  font: 400 1rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.18; }

.pdp-pairing-popup-content {
  font: 400 0.75rem "OpenSans-Regular";
  letter-spacing: 0.075rem;
  color: #58595b;
  line-height: 1.58; }

.pdp-pairing-popup-color-heading {
  font: 700 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #735030;
  line-height: 1.2; }

.accordion-text, .accordion-custom .card-header .card-link {
  font: 600 1.125rem "OpenSans-Regular";
  letter-spacing: 0.0625rem;
  color: #735030;
  line-height: 1.16; }

.login-alert {
  font: 400 0.75rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #890101;
  line-height: 1.58; }

.login-password-reset, .login-nav-link {
  font: 400 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.2;
  text-transform: unset; }

.create-acct-invalid-feedback-send-text {
  font: 400 0.75rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #890101;
  line-height: 1.33; }

.create-acct-back-to-signs {
  font: 700 0.875rem "OpenSans-Bold";
  letter-spacing: initial;
  color: #735030;
  line-height: 1.2;
  text-transform: uppercase; }

.shipping-asap-dependent {
  font: 600 0.625rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 0.875rem; }

.gift-membership-edit {
  font: 600 0.75rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #735030;
  line-height: 0.75; }

.birthday-msg {
  font: 400 0.75rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.18; }

.result-Heading {
  font: 700 1rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #000000;
  line-height: 1; }

.shipping-cost {
  font: 700 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.063; }
  @media (min-width: 576px) {
    .shipping-cost {
      font: 400 0.875rem "OpenSans-Regular";
      letter-spacing: initial;
      color: #58595b;
      line-height: 1.25; } }

.membership-link-variation-split {
  font: 600 0.875rem "OpenSans-SemiBold";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.2; }

.adyen-stored-payment-label {
  font: 600 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.2; }

.duo-tile-card-custom-badge {
  font: 700 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #FFFFFF;
  line-height: 1; }

.duo-blog-tile-heading {
  font: 700 1rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #735030;
  line-height: 1; }

.cart-page-strike-through {
  font: 400 1rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #958D82;
  line-height: 1.18; }

.cart-checkout-page-ice-pack-config {
  font: 600 0.75rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #333333;
  line-height: 1.25; }
  @media (min-width: 960px) {
    .cart-checkout-page-ice-pack-config {
      font: 600 1rem "OpenSans-Regular";
      letter-spacing: initial;
      color: #333333;
      line-height: 1.2; } }

.cart-page-tooltip-header {
  font: 600 0.875rem "OpenSans-SemiBold";
  letter-spacing: initial;
  color: #735030;
  line-height: 1.2; }

.cart-page-promosavings {
  font: 700 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #735030;
  line-height: 1; }

.cart-page-promo-coupon-header {
  font: 400 1.5rem "Crimsontext-Regular";
  letter-spacing: initial;
  color: #735030;
  line-height: 1.37; }

.cart-page-promo-coupon-description {
  font: 400 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #735030;
  line-height: 1; }

.cart-page-promotions-applied-header {
  font: 700 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1; }

.cart-page-automaticPromoCallout {
  font: 400 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #735030;
  line-height: 1; }

.checkout-strike-through {
  font: 400 1rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #958D82;
  line-height: 1.18; }

.order-details-product-price {
  font: 700 1.25rem "OpenSans-Bold";
  letter-spacing: initial;
  color: #58595b;
  line-height: 1.2; }

.checkout-shipping-method-label {
  font: 700 1rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #565656;
  line-height: 1.18; }

.allocation-resetAllocationsModal-header {
  font: 400 2rem "Crimsontext-Regular";
  letter-spacing: initial;
  color: #735030;
  line-height: 1.37; }
  @media (min-width: 960px) {
    .allocation-resetAllocationsModal-header {
      font: 400 2.25rem "Crimsontext-Regular";
      letter-spacing: initial;
      color: #735030;
      line-height: 1.36; } }

.adyen-payment-updation-msg {
  font: 400 0.875rem "OpenSans-Regular";
  letter-spacing: initial;
  color: #525352;
  line-height: 1.2; }

.ds1-heading1, .heading1, h1.page-title, #modal-agegate .model-content-box .b-age_gate-title, .account-NavigationContainer .customerName, .container.header-wineclubname .header .header-page-title,
h1 {
  font-family: "Crimsontext-Regular";
  font-weight: 400;
  font-size: 2.3125rem;
  line-height: 1.08;
  color: var(--color-dark-brand-alt1); }
  @media (min-width: 960px) {
    .ds1-heading1, .heading1, h1.page-title, #modal-agegate .model-content-box .b-age_gate-title, .account-NavigationContainer .customerName, .container.header-wineclubname .header .header-page-title,
    h1 {
      font-size: 2.4375rem;
      line-height: 1.28; } }

.ds1-heading2, .heading2, .clubMembership-infotile .preference-select, .paymentMethods-heading,
h2 {
  font-family: "Crimsontext-Regular";
  font-weight: 400;
  font-size: 2.1875rem;
  line-height: 1.31; }

.ds1-heading3, .heading3, .membership-title, .upcomingshipment-data .membership-title,
h3 {
  font-family: "OpenSans-Regular";
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.389;
  color: var(--color-dark-brand-alt2);
  text-transform: uppercase; }

.ds1-heading4, .heading4,
h4 {
  font-family: "OpenSans-Regular";
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.4;
  letter-spacing: 0.106em; }

.ds1-heading5, .heading5,
h5 {
  font-family: "OpenSans-Regular";
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.53;
  text-transform: uppercase; }

.ds1-heading6, .heading6,
h6 {
  font-family: "Crimsontext-Regular";
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1.538; }

.ds1-subheading1-xl, .account__section-title {
  font-family: "Crimsontext-Regular";
  font-weight: 500;
  font-size: 2.1875rem;
  line-height: 1.314;
  color: #333333; }

.ds1-subheading1-large, .pd-price {
  font-family: "Crimsontext-Regular";
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 1.57;
  color: #333333; }

.ds1-subheading1-standard, .h2-alt1 {
  font-family: "Crimsontext-Regular";
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.125;
  color: #735030; }

.ds1-subheading1-small, .h3-alt {
  font-family: "Crimsontext-Regular";
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.2;
  color: #735030; }

.ds1-subheading1-xs, .pdp-badge-info-text {
  font-family: "Crimsontext-Regular";
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.33;
  letter-spacing: 0.166em;
  text-transform: uppercase; }

.ds1-subheading2-xl, .h2-alt2 {
  font-family: "OpenSans-Regular";
  font-weight: 300;
  font-size: 1.4375rem;
  line-height: 1.17;
  color: #735030; }

.ds1-subheading2-large, .cart-product-name {
  font-family: "OpenSans-Regular";
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.3;
  letter-spacing: 0.02em; }
  @media (min-width: 960px) {
    .ds1-subheading2-large, .cart-product-name {
      font-size: 1.25rem; } }

.ds1-subheading2-standard, .subheading3, .acct-edit-profile-button {
  font-family: "OpenSans-Regular";
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.1; }

.ds1-subheading2-small, .subheading1 {
  font-family: "OpenSans-Regular";
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5;
  text-transform: capitalize;
  color: #735030; }

.ds1-subheading2-xs, .subheading, .subheading2, .edit-download, .filter-price, .returned-label {
  font-family: "OpenSans-Regular";
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.667;
  letter-spacing: normal;
  text-transform: uppercase;
  color: var(--color-dark-brand-color); }

.ds1-body-standard, body,
.body, #account-membership-layout.membership-container .upcoming-shipment__order-error-block, .body1, #modal-agegate .model-content-box .b-age_gate-description .t-paragraph_3, #modal-agegate .model-content-box .b-age_gate-link, .region_varietal, .upcoming-shipment__subheader {
  font-family: "OpenSans-Regular";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625;
  color: #333333; }

.ds1-body-standard-bold {
  font-family: "OpenSans-Regular";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.625;
  color: #333333; }

.ds1-body-standard-light {
  font-family: "OpenSans-Regular";
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.625;
  color: #333333; }

.ds1-body-small, .body2, .quantity, .shipment-product-brandname {
  font-family: "OpenSans-Regular";
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.538;
  color: #333333; }
  @media (min-width: 960px) {
    .ds1-body-small, .body2, .quantity, .shipment-product-brandname {
      font-size: 1rem; } }

.ds1-body-small-bold {
  font-family: "OpenSans-Regular";
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1.538;
  color: #333333; }

.ds1-body-xs {
  font-family: "OpenSans-SemiBold";
  font-weight: 300;
  font-size: 0.8rem;
  line-height: 1.58;
  letter-spacing: normal;
  color: #333333; }
  @media (min-width: 960px) {
    .ds1-body-xs {
      font-size: 0.95rem; } }

.ds1-body-xs-bold {
  font-family: "OpenSans-SemiBold";
  font-weight: 700;
  font-size: 0.8rem;
  line-height: 1.58;
  letter-spacing: normal;
  color: #333333; }
  @media (min-width: 960px) {
    .ds1-body-xs-bold {
      font-size: 0.95rem; } }

.ds1-body-xs-strike {
  font-family: "OpenSans-SemiBold";
  font-size: 0.8rem;
  line-height: 1.58;
  text-decoration-line: line-through;
  color: #958D82; }
  @media (min-width: 960px) {
    .ds1-body-xs-strike {
      font-size: 0.95rem; } }

.ds1-label, .acclaim-title, .acclaim-date {
  font-family: "OpenSans-Regular";
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 1.6; }
  .ds1-label-large, .label,
  label {
    font-family: "OpenSans-Regular";
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1.53846; }
  .ds1-label-xs, .acclaim-points {
    font-family: "OpenSans-Regular";
    font-weight: 400;
    font-size: 0.5rem;
    line-height: 2;
    letter-spacing: 0.1em;
    text-transform: uppercase; }

.ds1-button-text-standard, .button-text,
.button, .cta,
.btn.cta {
  font-family: "OpenSans-Regular";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.125;
  letter-spacing: 0.015625em; }

.ds1-button-text-small {
  font-family: "OpenSans-Regular";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.4285; }

.ds1-header-nav-links {
  font-family: "Crimsontext-Regular";
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.267;
  letter-spacing: 0.1em;
  text-transform: uppercase; }

.ds1-sub-nav-links {
  font-family: "Crimsontext-Regular";
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.267;
  letter-spacing: 0.1em; }

.ds1-footer-nav-links {
  font-family: "OpenSans-Regular";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.625;
  text-decoration: underline; }

.ds1-legal-nav-links {
  font-family: "OpenSans-Regular";
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.538;
  text-decoration: underline; }

.ds1-tooltip, .tool-tip-text, .tags {
  font-family: "OpenSans-Regular";
  font-weight: 600;
  font-size: 0.625rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-transform: uppercase; }

.ds1-accent-copy-xl {
  font-family: "Crimsontext-Regular";
  font-weight: 500;
  font-size: 1.71875rem;
  letter-spacing: 0.0638em;
  text-transform: uppercase;
  color: #735030; }
  @media (min-width: 960px) {
    .ds1-accent-copy-xl {
      font-size: 2.125rem; } }

.ds1-accent-copy-large {
  font-family: "Crimsontext-Regular";
  font-weight: 500;
  font-size: 1.1875rem;
  letter-spacing: 0.07894em;
  text-transform: uppercase;
  color: #735030; }
  @media (min-width: 960px) {
    .ds1-accent-copy-large {
      font-size: 1.375rem; } }

.ds1-accent-copy-standard {
  font-family: "Crimsontext-Regular";
  font-weight: 500;
  font-size: 0.96875rem;
  line-height: 1.225;
  letter-spacing: 0.111em;
  color: #735030; }
  @media (min-width: 960px) {
    .ds1-accent-copy-standard {
      font-size: 1.03125rem; } }

.ds1-accent-copy-small {
  font-family: "Crimsontext-Regular";
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.214;
  letter-spacing: 0.107em;
  text-transform: uppercase;
  color: #735030; }
  @media (min-width: 960px) {
    .ds1-accent-copy-small {
      font-size: 0.9375rem; } }

.ds1-accent-copy-xs {
  font-family: "Crimsontext-Regular";
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.166;
  letter-spacing: 0.125em;
  text-transform: uppercase;
  color: #735030; }
  @media (min-width: 960px) {
    .ds1-accent-copy-xs {
      font-size: 0.78125rem; } }

/* class for font weight bold */
.bold {
  font-weight: 700; }

p {
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
  font-size: inherit; }

.subheading4 {
  font: 700 0.625rem "OpenSans-Regular";
  letter-spacing: 0.0625rem;
  color: #333333;
  line-height: 1.1;
  text-transform: uppercase; }

a,
.a {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  line-height: inherit;
  color: #735030;
  text-decoration: none; }
  a:hover,
  .a:hover {
    text-decoration: underline;
    color: #936525; }
  a:active,
  .a:active {
    text-decoration: underline;
    color: #57300c; }
  a:disabled,
  .a:disabled {
    text-decoration: underline;
    color: #464646; }

p > a {
  text-decoration: underline; }

ul {
  padding-inline-start: 20px; }

ol {
  padding-inline-start: 30px; }

table {
  border-collapse: collapse; }

@media (min-width: 960px) {
  th {
    border: 1px solid #735030;
    background-color: transparent;
    padding: 1rem; } }

td {
  border: 1px solid #735030;
  background-color: transparent;
  padding: 1rem; }

tr {
  border: 1px solid #735030;
  border-color: #735030 !important; }

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

.filter-price {
  letter-spacing: 0.1em;
  text-transform: lowercase; }

.big-link {
  text-decoration-line: underline; }

.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.returned-label {
  text-transform: uppercase;
  letter-spacing: 0.1em; }

.shipment-product-brandname {
  text-transform: uppercase; }

.state-selector-btn {
  font-family: "Crimsontext-Regular";
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.26;
  letter-spacing: 0.133em;
  color: #735030; }

.notify-me-close-icon {
  color: #827461; }

.plp-badge-text, .membership-container .clubMembership-description .onhold_container__msg {
  font: 700 0.84375rem "Crimsontext-Regular";
  letter-spacing: 0.125rem;
  color: #FFFFFF;
  line-height: 1.33;
  text-transform: uppercase; }

.browse-only-text {
  font: 600 0.875rem "OpenSans-Regular";
  letter-spacing: 0.0875rem;
  color: #735030;
  line-height: 1;
  text-transform: uppercase; }

.pdp-badge-info-text {
  color: #000000; }

.acct-edit-profile-button {
  line-height: 1.125;
  letter-spacing: 0.0875em; }

body {
  background-color: #f1f2f2;
  -webkit-font-smoothing: antialiased; }

.main-content {
  overflow: hidden; }

.veil {
  z-index: 9999; }

#consent-tracking,
#modal-agegate {
  z-index: 9999; }

.fullPage#modal-agegate .modal-dialog {
  margin: 0;
  max-width: unset;
  height: 100dvh; }

.fullPage#modal-agegate .modal-content {
  height: 100dvh;
  width: 100vw;
  margin: 0; }

.fullPage#modal-agegate .model-content-box {
  height: 100dvh;
  border: 0; }

h1.page-title {
  left: unset !important; }
  h1.page-title::before {
    display: none; }

@media (min-width: 576px) {
  .nopadding {
    padding: 0 !important; } }

@media (min-width: 576px) {
  .nopadding-right {
    padding-right: 0 !important; } }

@media (min-width: 576px) {
  .nopadding-left {
    padding-left: 0 !important; } }

.case-lower {
  text-transform: lowercase !important; }

.unmarked-list ul {
  padding-inline-start: 0;
  list-style-type: none; }

.unmarked-list li {
  padding-left: 0; }
  .unmarked-list li::before {
    display: none; }
  .unmarked-list li::marker {
    content: none; }

#modal-agegate .modal-dialog {
  max-width: unset;
  width: auto;
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (min-width: 576px) {
    #modal-agegate .modal-dialog {
      max-width: 50.9375rem; } }

#modal-agegate .modal-content {
  width: 100%;
  border: 0;
  margin: auto 2rem; }

#modal-agegate .model-content-box {
  margin: 0.625rem;
  border: 0.0625rem solid #615C57; }
  #modal-agegate .model-content-box .b-age_gate-title {
    text-align: center;
    padding: 1.25rem 0.5rem 1rem; }
    @media (min-width: 960px) {
      #modal-agegate .model-content-box .b-age_gate-title {
        padding: 1.5rem 3.46875rem 1rem; } }
  #modal-agegate .model-content-box .b-age_gate-description {
    display: flex;
    align-items: center;
    text-align: center;
    margin-bottom: 1rem; }
    @media (min-width: 960px) {
      #modal-agegate .model-content-box .b-age_gate-description {
        font-size: 0.875rem;
        padding: 0 4.5625rem;
        min-height: 4rem; } }
    #modal-agegate .model-content-box .b-age_gate-description .t-paragraph_3 {
      margin: 0; }
  #modal-agegate .model-content-box .b-age_gate-link {
    text-decoration: underline; }

#modal-agegate .agegate-consent-popup {
  padding: 0.625rem; }

.product-breadcrumb {
  margin-bottom: 2rem; }
  .product-breadcrumb .breadcrumb {
    padding: 0 1rem; }
    .product-breadcrumb .breadcrumb .breadcrumb-product-name {
      font-size: 0.75rem;
      line-height: 1rem;
      color: #501B27; }

.breadcrumb-item {
  font-size: 0.75rem;
  line-height: 1rem;
  font-family: "OpenSans-Regular";
  color: #501B27;
  text-decoration: none;
  display: inline-block;
  position: relative; }
  .breadcrumb-item a {
    font-size: 0.75rem; }
  .breadcrumb-item:not(:first-child) {
    padding-left: 1rem; }
    .breadcrumb-item:not(:first-child)::before {
      content: '>';
      font-size: 0.75rem;
      line-height: 1.5rem;
      color: #501B27; }

.modal.accelerator-slideout .modal-header {
  border: 0;
  margin: 1rem 1rem 0;
  padding: 0;
  display: block;
  position: relative; }
  .modal.accelerator-slideout .modal-header .close {
    font-size: 1.5rem;
    color: #333333;
    font-weight: normal; }
  .modal.accelerator-slideout .modal-header h3 {
    font-family: "Crimsontext-Regular";
    font-size: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: 0.0625rem;
    margin: 0;
    padding-top: 3rem; }
  .modal.accelerator-slideout .modal-header .close {
    position: absolute;
    margin: 0;
    top: 0;
    right: 0;
    padding: 0; }

.modal.accelerator-slideout .modal-body {
  margin-bottom: 10rem;
  padding: 0 1rem; }
  .modal.accelerator-slideout .modal-body h4 {
    font-family: "Crimsontext-Regular";
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.0625rem;
    padding-bottom: 1rem; }

.modal.accelerator-slideout .modal-dialog {
  position: fixed;
  margin: auto;
  transform: translate3d(0%, 0, 0);
  height: 100%;
  transition: all 0.3s;
  width: 100%;
  right: -100%; }
  @media (min-width: 960px) {
    .modal.accelerator-slideout .modal-dialog {
      width: 60%;
      right: -60%; } }
  @media (min-width: 1200px) {
    .modal.accelerator-slideout .modal-dialog {
      width: 40%;
      right: -40%; } }
  @media (min-width: 1362px) {
    .modal.accelerator-slideout .modal-dialog {
      width: 33%;
      right: -33%; } }

.modal.accelerator-slideout .modal-content {
  height: 100%;
  overflow-y: auto;
  border-radius: 0;
  border: none; }

.modal.accelerator-slideout.fade {
  opacity: 1; }

.modal.accelerator-slideout.show {
  opacity: 1; }
  .modal.accelerator-slideout.show .modal-dialog {
    right: 0; }

.modal-backdrop {
  width: 0;
  height: 0;
  transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
  z-index: 100; }
  .modal-backdrop.show {
    width: 100vw;
    height: 100vh;
    opacity: 0.8;
    transition: opacity 0.3s; }

.accordion-custom .card {
  border: none;
  margin: 0; }
  .accordion-custom .card-header {
    padding: 0;
    border: none;
    background: none; }
    .accordion-custom .card-header .card-link {
      display: block;
      padding: 0.625rem 1.25rem; }
      .accordion-custom .card-header .card-link:hover {
        color: #1C1C1C !important; }
      .accordion-custom .card-header .card-link::before {
        content: '\2212';
        padding-right: 2.5rem;
        font-weight: bold; }
      .accordion-custom .card-header .card-link.collapsed::before {
        content: '\002B';
        padding-right: 2.5rem;
        font-weight: bold; }

/*upcomingshipment styling start*/
.upcomingshipment-data {
  margin-top: 2.5rem;
  margin-bottom: 2rem; }
  @media (min-width: 960px) {
    .upcomingshipment-data {
      margin-top: 2rem;
      margin-bottom: 2rem; } }

.membership-title {
  text-align: initial;
  margin-bottom: 0; }

.upcoming-shipment {
  display: flex;
  flex-direction: column;
  padding-bottom: 2rem; }
  @media (min-width: 960px) {
    .upcoming-shipment {
      padding: .5rem 3.4375rem 2rem 3.4375rem; } }
  .upcoming-shipment .upcomingshipment-nodata {
    padding-top: 3.375rem;
    padding-bottom: 2.8125rem;
    text-align: center;
    border: 0.0625rem solid #d5cec5; }
    @media (min-width: 960px) {
      .upcoming-shipment .upcomingshipment-nodata {
        padding: 3.25rem 0; } }
    .upcoming-shipment .upcomingshipment-nodata h4 {
      text-align: center;
      letter-spacing: 0.1em;
      text-transform: uppercase; }
  .upcoming-shipment .upcomingshipment-image-bottle {
    padding-bottom: 0.5rem; }

.account-NavigationContainer {
  background-color: #FFFFFF;
  padding-bottom: 2.5rem; }
  .account-NavigationContainer .customerName {
    text-align: left;
    margin: 0 1.5rem 2.5rem;
    padding-top: 1.5rem; }
    @media (min-width: 960px) {
      .account-NavigationContainer .customerName {
        margin-left: 3.5rem;
        margin-right: 3.5rem; } }
  @media (min-width: 960px) {
    .account-NavigationContainer {
      padding-bottom: 0; } }
  .account-NavigationContainer .nav-header {
    padding-top: 2rem;
    border-bottom: 1px solid #615C57; }
    @media (max-width: 1199.98px) {
      .account-NavigationContainer .nav-header {
        text-align: left !important;
        border: 0;
        border-bottom: 1px solid #D4CEC5;
        margin-top: 2.5rem;
        padding: 0.90625rem 0;
        display: none; } }
    @media (min-width: 960px) {
      .account-NavigationContainer .nav-header {
        padding: 0;
        background-color: #FFFFFF;
        padding-top: 2rem;
        text-align: center !important; }
        .account-NavigationContainer .nav-header .nav-item {
          margin-right: 5rem; }
        .account-NavigationContainer .nav-header .nav-link {
          color: #333333 !important;
          letter-spacing: .1em; }
          .account-NavigationContainer .nav-header .nav-link.active {
            padding-bottom: 1.1875rem;
            border-bottom: 3px solid #735030;
            color: #735030 !important; } }
  .account-NavigationContainer .drop-down {
    position: relative; }

#accountCardActivate.nav {
  margin: 1.25rem 3.5rem 0;
  padding: 0; }

.dropdown-menu-profile {
  display: flex;
  text-align: left;
  border: 1px solid #D4CEC5;
  margin: 2.5rem 1.5rem 0;
  padding: 0.90625rem 0.9375rem;
  background-color: #FFFFFF; }
  .dropdown-menu-profile:after {
    content: "";
    background: url(../../images/svg-icons/arrowDown.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 40px;
    top: 20px;
    height: 7px;
    width: 12px; }
  .dropdown-menu-profile .select-id {
    border: 0;
    color: #735030;
    width: 100%;
    appearance: none;
    padding-top: 0.125rem;
    background-color: transparent; }
  @media (min-width: 960px) {
    .dropdown-menu-profile {
      display: none; } }

.breadcrumb {
  background-color: #FFFFFF; }
  @media (min-width: 576px) {
    .breadcrumb {
      display: none; } }

.acc-overview__pagedesigner {
  min-height: calc(100vh - 200px); }

/*upcomingshipment styling start*/
.upcomingshipment-data {
  margin-top: 2.5rem;
  margin-bottom: 2rem; }
  @media (min-width: 960px) {
    .upcomingshipment-data {
      margin-top: 2rem;
      margin-bottom: 2rem; } }

.membership-title {
  text-align: initial;
  margin-bottom: 0; }

.upcoming-shipment {
  display: flex;
  flex-direction: column;
  padding-bottom: 2rem; }
  @media (min-width: 960px) {
    .upcoming-shipment {
      padding: .5rem 3.4375rem 2rem 3.4375rem; } }
  .upcoming-shipment .upcomingshipment-nodata {
    padding-top: 3.375rem;
    padding-bottom: 2.8125rem;
    text-align: center;
    border: 0.0625rem solid #d5cec5; }
    @media (min-width: 960px) {
      .upcoming-shipment .upcomingshipment-nodata {
        padding: 3.25rem 0; } }
    .upcoming-shipment .upcomingshipment-nodata h4 {
      text-align: center;
      letter-spacing: 0.1em;
      text-transform: uppercase; }
  .upcoming-shipment .upcomingshipment-image-bottle {
    padding-bottom: 0.5rem; }

.account-NavigationContainer {
  background-color: #FFFFFF;
  padding-bottom: 2.5rem; }
  .account-NavigationContainer .customerName {
    text-align: left;
    margin: 0 1.5rem 2.5rem;
    padding-top: 1.5rem; }
    @media (min-width: 960px) {
      .account-NavigationContainer .customerName {
        margin-left: 3.5rem;
        margin-right: 3.5rem; } }
  @media (min-width: 960px) {
    .account-NavigationContainer {
      padding-bottom: 0; } }
  .account-NavigationContainer .nav-header {
    padding-top: 2rem;
    border-bottom: 1px solid #615C57; }
    @media (max-width: 1199.98px) {
      .account-NavigationContainer .nav-header {
        text-align: left !important;
        border: 0;
        border-bottom: 1px solid #D4CEC5;
        margin-top: 2.5rem;
        padding: 0.90625rem 0;
        display: none; } }
    @media (min-width: 960px) {
      .account-NavigationContainer .nav-header {
        padding: 0;
        background-color: #FFFFFF;
        padding-top: 2rem;
        text-align: center !important; }
        .account-NavigationContainer .nav-header .nav-item {
          margin-right: 5rem; }
        .account-NavigationContainer .nav-header .nav-link {
          color: #333333 !important;
          letter-spacing: .1em; }
          .account-NavigationContainer .nav-header .nav-link.active {
            padding-bottom: 1.1875rem;
            border-bottom: 3px solid #735030;
            color: #735030 !important; } }
  .account-NavigationContainer .drop-down {
    position: relative; }

#accountCardActivate.nav {
  margin: 1.25rem 3.5rem 0;
  padding: 0; }

.dropdown-menu-profile {
  display: flex;
  text-align: left;
  border: 1px solid #D4CEC5;
  margin: 2.5rem 1.5rem 0;
  padding: 0.90625rem 0.9375rem;
  background-color: #FFFFFF; }
  .dropdown-menu-profile:after {
    content: "";
    background: url(../../images/svg-icons/arrowDown.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 40px;
    top: 20px;
    height: 7px;
    width: 12px; }
  .dropdown-menu-profile .select-id {
    border: 0;
    color: #735030;
    width: 100%;
    appearance: none;
    padding-top: 0.125rem;
    background-color: transparent; }
  @media (min-width: 960px) {
    .dropdown-menu-profile {
      display: none; } }

.breadcrumb {
  background-color: #FFFFFF; }
  @media (min-width: 576px) {
    .breadcrumb {
      display: none; } }

.acc-overview__pagedesigner {
  min-height: calc(100vh - 200px); }

.container.header-wineclubname {
  width: 100%;
  background: #FFFFFF;
  max-width: 100%;
  margin: 0; }
  .container.header-wineclubname .header {
    margin: 0;
    align-items: center; }
    .container.header-wineclubname .header .header-page-title {
      text-align: center; }
      @media (min-width: 960px) {
        .container.header-wineclubname .header .header-page-title {
          width: 90%; } }

.ClubMem-headerdata {
  padding-bottom: 8.9375rem;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%; }
  @media (min-width: 960px) {
    .ClubMem-headerdata {
      padding-bottom: 6.6875rem;
      max-width: 100%; } }

@media (min-width: 960px) {
  .header-wineclubname-top {
    display: flex; } }

.back-link {
  font: 600 0.875rem/1.0625rem "OpenSans-Regular";
  color: #735030;
  padding: 0.5rem;
  text-transform: uppercase; }
  @media (min-width: 960px) {
    .back-link {
      padding-left: 2.875rem; } }
  .back-link a img {
    margin: 0 0.3125rem 0.25rem 0;
    display: inline-block; }

.clubMemProduct-selectionlist.preferenceSelectionType .clubMemProduct-tile-header:nth-child(3n) {
  margin-right: 0; }

.clubMemProduct-selectionlist.preferenceSelectionType .clubMemProduct-tile-header {
  margin-bottom: 20px; }
  @media (min-width: 960px) {
    .clubMemProduct-selectionlist.preferenceSelectionType .clubMemProduct-tile-header {
      margin-right: 20px; } }

.clubMemProduct-selectionlist.preferenceSelectionType {
  display: flex;
  flex-wrap: wrap;
  background-color: #f1f2f2;
  margin: auto;
  height: auto; }
  @media (min-width: 960px) {
    .clubMemProduct-selectionlist.preferenceSelectionType {
      margin-right: -15px; } }
  .clubMemProduct-selectionlist.preferenceSelectionType .clubMemProduct-tile-header {
    border: 0.0625rem solid #333333;
    background: white;
    max-width: 100%;
    min-height: 10.8125rem; }
    @media (min-width: 960px) {
      .clubMemProduct-selectionlist.preferenceSelectionType .clubMemProduct-tile-header {
        min-width: 20rem;
        max-width: 32%;
        padding: 0 0.75rem; } }
    .clubMemProduct-selectionlist.preferenceSelectionType .clubMemProduct-tile-header .clubMemProduct-prefSelection .clubMemProduct-tierPricing {
      padding-top: 0.5625rem; }
      .clubMemProduct-selectionlist.preferenceSelectionType .clubMemProduct-tile-header .clubMemProduct-prefSelection .clubMemProduct-tierPricing span {
        font: 400 0.75rem/1.1875rem "OpenSans-Regular";
        color: #58595b;
        margin: 0; }
        @media (min-width: 960px) {
          .clubMemProduct-selectionlist.preferenceSelectionType .clubMemProduct-tile-header .clubMemProduct-prefSelection .clubMemProduct-tierPricing span {
            font: 400 0.875rem/1.5rem "OpenSans-Regular"; } }
    @media (min-width: 960px) {
      .clubMemProduct-selectionlist.preferenceSelectionType .clubMemProduct-tile-header .clubMemProduct-prefSelection {
        bottom: 0;
        padding-right: 1.5rem;
        width: 100%; } }
  .clubMemProduct-selectionlist.preferenceSelectionType .clubMemProduct-tile-info {
    justify-content: unset;
    flex-direction: column; }
    @media (min-width: 960px) {
      .clubMemProduct-selectionlist.preferenceSelectionType .clubMemProduct-tile-info {
        flex-direction: unset; } }
    .clubMemProduct-selectionlist.preferenceSelectionType .clubMemProduct-tile-info .clubMemProduct-tileimage {
      margin-right: 0; }
      @media (min-width: 960px) {
        .clubMemProduct-selectionlist.preferenceSelectionType .clubMemProduct-tile-info .clubMemProduct-tileimage {
          margin-right: 1rem; } }

.clubMembership-containertile {
  background-color: #f1f2f2; }
  .clubMembership-containertile .btn.selectbtn.preferenceSelectBtn {
    display: flex;
    width: 7.4375rem;
    padding: 0.5625rem 1.9375rem;
    align-items: center;
    margin: 1rem auto 1.5625rem;
    justify-content: center; }

.container.clubMembership-containertile {
  display: block;
  margin: auto; }
  @media (min-width: 960px) {
    .container.clubMembership-containertile {
      max-width: 100%;
      padding-left: 56px;
      padding-right: 56px; } }

.clubproduct-header .clubMemProduct-name {
  font: 700 1.25rem/1.5rem "OpenSans-Regular";
  color: #58595b;
  margin: 0.5625rem;
  margin-left: 0;
  margin-bottom: 0; }
  @media (min-width: 960px) {
    .clubproduct-header .clubMemProduct-name {
      font-size: 1.625rem;
      line-height: 2.5625rem; } }

.clubproduct-header .clubMemProduct-description p {
  font: 400 0.75rem/1.1875rem "OpenSans-Regular";
  color: #58595b;
  margin: 0; }
  @media (min-width: 960px) {
    .clubproduct-header .clubMemProduct-description p {
      font: 400 0.875rem/1.5rem "OpenSans-Regular"; } }

.clubMemProduct-tile-info {
  display: flex;
  justify-content: space-between; }
  .clubMemProduct-tile-info .clubMemProduct-tileimage {
    margin: 0.625rem;
    margin-left: 0;
    margin-top: 1rem; }
    .clubMemProduct-tile-info .clubMemProduct-tileimage img {
      width: 100%;
      height: 6.5625rem;
      object-fit: cover; }
      @media (min-width: 960px) {
        .clubMemProduct-tile-info .clubMemProduct-tileimage img {
          width: 5.4375rem;
          height: 7rem; } }

.clubMembership-infotile .preference-select {
  margin: 0 0 1.5rem 0;
  padding-top: 1.5rem;
  text-align: left; }
  @media (max-width: 1199.98px) {
    .clubMembership-infotile .preference-select {
      text-align: center; } }
  .clubMembership-infotile .preference-select p {
    font: 400 0.875rem/1.0625rem "OpenSans-Regular";
    color: #333333;
    text-align: end; }

.clubMembership-infotile p {
  text-align: center; }
  @media (min-width: 960px) {
    .clubMembership-infotile p {
      text-align: left; } }

.line-separate {
  border: 0.03125rem solid #333333;
  border: 0;
  border-bottom: 0.03125rem solid #333333;
  margin: 0; }

#maincontent {
  background-color: #f1f2f2; }

#account-membership-layout .card {
  border: 0;
  background: inherit; }

#account-membership-layout .card-header {
  padding-left: 0; }

#account-membership-layout .card-body {
  padding: 1rem 1rem 1rem 0; }

#account-membership-layout .card-header,
#account-membership-layout .card-body {
  border-bottom: 0;
  background-color: #f1f2f2; }

#account-membership-layout .text-header {
  margin-top: 1.25rem;
  margin-bottom: 0.25rem;
  visibility: visible; }
  @media (min-width: 960px) {
    #account-membership-layout .text-header {
      margin-top: 2.5rem;
      margin-bottom: 2rem; } }

.clubMembership-info {
  background-color: #FFFFFF;
  max-width: 100%;
  border: 1px solid #333333;
  box-sizing: border-box;
  margin-bottom: 1rem; }
  @media (min-width: 960px) {
    .clubMembership-info {
      margin-right: 0.9375rem;
      max-width: 26.375rem;
      flex: 0 0 32%; } }
  .clubMembership-info .clubMembership-title {
    padding-top: 1rem;
    width: calc(100% - 140px);
    padding-bottom: 5px; }
    @media (min-width: 960px) {
      .clubMembership-info .clubMembership-title {
        width: calc(100% - 130px); } }
  .clubMembership-info .club-manage-btn {
    position: absolute;
    top: 1rem;
    right: 0.8125rem; }

.clubMembership-manage {
  font: 600 0.875rem/0.875rem "OpenSans-Regular";
  text-transform: uppercase; }
  @media (min-width: 960px) {
    .clubMembership-manage {
      width: 8rem; } }

.addMemberShip-card {
  font: 400 1rem/1rem "OpenSans-Regular";
  color: #333333;
  text-align: center;
  border: 1px solid #D4CEC5;
  box-sizing: border-box;
  margin-top: 0.3125rem;
  width: 100%;
  padding: 4.1875rem 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (min-width: 960px) {
    .addMemberShip-card {
      width: 26.875rem;
      margin-top: 0rem;
      max-width: 26.375rem;
      flex: 0 0 32%;
      margin-bottom: 1rem; } }
  @media (min-width: 960px) {
    .addMemberShip-card .vector-icon-plus {
      display: block;
      margin-bottom: 0.625rem; } }
  .addMemberShip-card .vector-icon-plus .product-vector-circle {
    border: 2px solid #333333;
    border-radius: 100%;
    padding: 0.375rem;
    margin-right: 0.625rem; }
  .addMemberShip-card .addMemberShip-text {
    color: #333333 !important; }

.clubMembership-productQuantity {
  text-transform: uppercase;
  margin-top: 0.75rem;
  margin-bottom: 0.5625rem !important;
  display: flex;
  width: 100%; }
  @media (min-width: 960px) {
    .clubMembership-productQuantity {
      margin-top: 0.90625rem;
      margin-bottom: 1.34375rem; } }
  .clubMembership-productQuantity .vector-icon-bottle .product-vector-bottle {
    width: 0.4375rem;
    height: auto;
    margin-right: 0.73687rem;
    margin-top: -0.125rem; }
    @media (min-width: 960px) {
      .clubMembership-productQuantity .vector-icon-bottle .product-vector-bottle {
        margin-right: 0.83437rem;
        margin-top: -0.1875rem; } }
  .clubMembership-productQuantity .vector-icon-calender .product-vector-calender {
    width: 0.78125rem;
    height: 0.83313rem;
    margin-right: 0.635rem;
    margin-top: -0.25rem; }
    @media (min-width: 960px) {
      .clubMembership-productQuantity .vector-icon-calender .product-vector-calender {
        width: 0.9375rem;
        height: 1rem;
        margin-right: 0.6875rem;
        margin-top: -0.3125rem; } }

.clubMembership-description {
  border-bottom: 0.5px solid #333333;
  padding-bottom: 1rem;
  margin-bottom: 1px !important; }

.clubMembership-estTotal {
  display: flex;
  justify-content: center;
  border: none;
  text-align: center;
  padding-top: 0.90625rem;
  padding-bottom: 1.3125rem; }
  @media (min-width: 960px) {
    .clubMembership-estTotal {
      padding-top: 1rem; } }

@media (min-width: 960px) {
  .card-info-group {
    display: flex; } }

.card-info-group .divider {
  border-left: 1px solid #333333;
  margin: 0 0.70625rem 0 0.5rem; }
  @media (min-width: 960px) {
    .card-info-group .divider {
      margin: 0 0.9375rem 0 0.6875rem; } }

.vector-icon-arrow .product-vector-arrow {
  width: 0.375rem;
  height: 0.75rem;
  background-size: cover;
  align-items: center;
  justify-content: center; }
  @media (min-width: 960px) {
    .vector-icon-arrow .product-vector-arrow {
      display: none; } }

.breadcrumb {
  background-color: #FFFFFF; }
  @media (min-width: 960px) {
    .breadcrumb {
      display: none; } }

#account-membership-layout.membership-container {
  margin: 0 auto; }
  @media (min-width: 960px) {
    #account-membership-layout.membership-container {
      padding: .5rem 3.4375rem; } }
  #account-membership-layout.membership-container .upcoming-shipment__order-error-block {
    background-color: rgba(235, 235, 235, 0.4);
    color: #890101;
    display: flex;
    padding: 0.75rem;
    margin-top: 2.5rem;
    align-items: center;
    word-break: break-word; }
    #account-membership-layout.membership-container .upcoming-shipment__order-error-block::before {
      position: relative;
      width: 0.75rem;
      height: inherit;
      top: 0;
      margin-right: 0.5rem;
      content: url("../../images/svg-icons/warning.svg"); }
  #account-membership-layout.membership-container #membershipComponent .prefs-tier-changed-container {
    padding: 0.75rem;
    margin-bottom: 2rem;
    background-color: #FFF7D9; }
    @media (min-width: 960px) {
      #account-membership-layout.membership-container #membershipComponent .prefs-tier-changed-container {
        width: 95%; } }
    #account-membership-layout.membership-container #membershipComponent .prefs-tier-changed-container-msg {
      font-weight: 500; }

.membership-container {
  position: relative;
  background-size: cover;
  margin: 0 0 3rem; }
  @media (min-width: 960px) {
    .membership-container {
      margin: 0 0 7.8125rem; } }
  .membership-container .top-image img {
    height: 21.25rem; }

.content-centered {
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center; }
  @media (min-width: 960px) {
    .content-centered {
      top: 57%; } }
  .content-centered .backbody-header {
    font: 400 1.5rem/2.0625rem "Crimsontext-Regular";
    text-align: center;
    color: #FFFFFF;
    margin: 2.75rem 0 1rem; }
    @media (min-width: 960px) {
      .content-centered .backbody-header {
        font-size: 2rem;
        line-height: 3rem;
        margin: 3.5rem 0 1rem; } }
  .content-centered .navpara-clubMember {
    width: 17.5625rem;
    font: 400 1rem/1rem "OpenSans-Regular";
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 3.25rem; }
    @media (min-width: 960px) {
      .content-centered .navpara-clubMember {
        width: 46.75rem;
        font-size: 0.875rem;
        line-height: 1.375rem;
        margin-bottom: 2.5rem; } }
  .content-centered a.joinbtn.btn {
    font: 600 0.875rem/1.0625rem "OpenSans-SemiBold";
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 0.5rem 1.5625rem;
    border: 0.0625rem solid #FFFFFF;
    height: fit-content; }

.text-header {
  margin: 1.5rem 0 1.5rem 0; }
  @media (min-width: 960px) {
    .text-header {
      margin: 2.375rem 0 1.5rem; } }

.paymentMethods-heading {
  text-align: left; }

.stored-payments {
  padding-bottom: 1.25rem;
  padding-left: 0.3125rem; }

.upcomingshipment-data {
  margin-top: 4.0625rem;
  margin-bottom: 2rem; }
  @media (min-width: 960px) {
    .upcomingshipment-data {
      margin-top: 2rem;
      margin-bottom: 2rem; } }
  .upcomingshipment-data .membership-title {
    text-align: initial; }

.toast .toast-membership--resume::before, .toast .toast-membership--updated::before, .toast .toast-membership--cancelled::before {
  content: url(../images/svg-icons/icon-success.png);
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  left: -1.25rem;
  top: 50%;
  transform: translateY(-50%); }

.toast .toast-alert-membership--updated::before {
  content: url(../images/svg-icons/icon-success.png);
  width: 0.75rem;
  height: 0.75rem;
  position: absolute;
  left: -1.25rem;
  top: 50%;
  transform: translateY(-50%); }

.addMemberShip-card {
  padding: 0; }
  .addMemberShip-card .addMemberShip-btn {
    width: 100%; }
    .addMemberShip-card .addMemberShip-btn .addMemberShip-text {
      padding: 5.1875rem 3.125rem;
      display: flex;
      flex-direction: column;
      width: 100%; }

.clubMembership-info .pauseMembership-Description {
  background-color: #FAF2D8;
  padding: 0.625rem; }
  @media (min-width: 960px) {
    .clubMembership-info .pauseMembership-Description {
      margin-bottom: 3.125rem; } }

.membership-container .clubMembership-estTotal {
  border-top: 0.5px solid #827461; }
  @media (min-width: 960px) {
    .membership-container .clubMembership-estTotal {
      position: absolute;
      bottom: 0;
      width: 90%;
      margin: 0 auto;
      left: 0;
      right: 0;
      padding: 1.25rem;
      border-top: 0.5px solid #827461; } }

.membership-container .clubMembership-description {
  border-bottom: 0; }
  @media (min-width: 960px) {
    .membership-container .clubMembership-description {
      min-height: 9.375rem; } }
  .membership-container .clubMembership-description .onhold_container__msg {
    padding: 0.125rem 0.375rem;
    background: #735030;
    font-weight: 500 !important;
    text-transform: uppercase;
    width: fit-content; }

@media (min-width: 960px) {
  .cleanUpShipmentModal .modal-dialog {
    max-width: 40.875rem;
    margin-top: 10.875rem; } }

.cleanUpShipmentModal .modal-dialog .modal-content {
  border-radius: 0;
  margin: 0 auto;
  border: none;
  padding-top: 2.5rem;
  padding-left: 1.3125rem;
  padding-right: 2.3125rem; }
  @media (min-width: 960px) {
    .cleanUpShipmentModal .modal-dialog .modal-content {
      max-width: 40.875rem;
      padding-top: 3.5rem;
      padding-left: 5rem; } }
  .cleanUpShipmentModal .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding: 0; }
  .cleanUpShipmentModal .modal-dialog .modal-content .modal-body {
    padding: 0rem 0 3.4375rem 0; }
    @media (min-width: 960px) {
      .cleanUpShipmentModal .modal-dialog .modal-content .modal-body {
        padding: 0rem 5rem 3.4375rem 0; } }
    .cleanUpShipmentModal .modal-dialog .modal-content .modal-body .cleanup-shipment-desc {
      margin: 0.5rem 0 1rem 0; }
    .cleanUpShipmentModal .modal-dialog .modal-content .modal-body .cleanup-shipment-back-btn, .cleanUpShipmentModal .modal-dialog .modal-content .modal-body .cleanup-shipment-continue-btn {
      margin: 2.1875rem 1rem 0 0; }

.page,
#maincontent,
#account-membership-layout .card {
  background-color: #FFFFFF; }