@charset "UTF-8";
/* CSS Document */
/* ====================================================================================================
  Table of Content

  Misc Inlcudes
  Variables
  1. Typography - Copy into admin.css
  2. Header
  3. Navigation
    a. Navigation
    b. Sub Navigation
  4. Content
    a. Homepage Styles
      1. Burgundy Club
    b. Page Styles
  5. Blog
  6. Print
  7. Buttons
  8. Footer
*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: none;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ 
  color: #821b2e;}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button{
    line-height: normal; }
    @media screen and (max-width: 580px) {
    input {
      display: none; } }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
}


input {
  width: 200px !important;
  line-height: normal !important;
  }
}

@media screen and (max-width: 1129px) {
  input {
    width: 200px !important; /* Slightly reduced for better spacing on smaller screens */
  }
}

@media screen and (max-width: 969px) {
  input {
    width: 200px;
  }
}

@media screen and (max-width: 855px) {
  input {
    width: 200px;
  }
}

@media screen and (max-width: 580px) {
  input {
    width: 200px !important;
    display: inline-block;
  }
}

}



/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */




button,
select {
  text-transform: none;
  color: #555; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'icomoon';
  src:  url('../font/icomoon/icomoon.eot?d3fbhd');
  src:  url('../font/icomoon/icomoon.eot?d3fbhd#iefix') format('embedded-opentype'),
    url('../font/icomoon/icomoon.ttf?d3fbhd') format('truetype'),
    url('../font/icomoon/icomoon.woff?d3fbhd') format('woff'),
    url('../font/icomoon/icomoon.svg?d3fbhd#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-x1:before {
  content: "\e901";
}
.icon-x:before {
  content: "\e900";
}
.icon-twitter:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-menu:before {
  content: "\e9bd";
}

@font-face {
  font-family: 'fontello';
  src: url("../font/plus-minus/fontello.eot?25647131");
  src: url("../font/plus-minus/fontello.eot?25647131#iefix") format("embedded-opentype"), url("../font/plus-minus/fontello.woff2?25647131") format("woff2"), url("../font/plus-minus/fontello.woff?25647131") format("woff"), url("../font/plus-minus/fontello.ttf?25647131") format("truetype"), url("../font/plus-minus/fontello.svg?25647131#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?25647131#fontello') format('svg');
  }
}
*/
[class^="iconp-"]:before, [class*=" iconp-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 8.3em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.iconp-plus:before {
  content: '\e800'; }

/* '' */
.iconp-minus:before {
  content: '\e801'; }

/* '' */
/*
 * jQuery Nivo Slider v3.0.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* The Nivo Slider styles */
.nivoSlider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background: #fff url(../nivo/loading.gif) no-repeat 50% 50%; }

.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px; }

.nivo-main-image {
  display: block !important;
  position: relative !important;
  width: 100% !important; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none;
  cursor: hand;
  background-color: #fff;
  filter: alpha(opacity=0);
  /*non ie*/
  opacity: 0; }

/* The slices and boxes in the Slider */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
  top: 0; }

.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
  overflow: hidden; }

.nivo-box img {
  display: block; }

/* Caption styles */
.nivo-caption {
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #000;
  color: #fff;
  width: 100%;
  z-index: 8;
  padding: 5px 10px;
  opacity: 0.8;
  overflow: hidden;
  display: none;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

.nivo-caption p {
  padding: 5px;
  margin: 0; }

.nivo-caption a {
  display: inline !important; }

.nivo-html-caption {
  display: none; }

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../nivo/arrows.png) no-repeat;
  text-indent: -9999px;
  border: 0;
  position: absolute;
  top: 45%;
  z-index: 9;
  cursor: pointer; }

a.nivo-prevNav {
  left: 15px; }

a.nivo-nextNav {
  background-position: -30px 0px;
  right: 15px; }

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
  text-align: center;
  padding: 15px 0; }

.nivo-controlNav a {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../nivo/bullets.png) no-repeat;
  color: transparent;
  border: 0;
  margin: 0 2px;
  cursor: pointer; }

.nivo-controlNav a.active {
  background-position: 0 -22px; }

.hideText {
  width: 100%;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.hideText a {
  display: block;
  height: 100%;
}

/* Responsive override for mobile */
@media (max-width: 768px) {
  .hideText {
    width: 80%;
  }
}


/*   ===================================================================================================
     1. Typography - These get copied into the admin.css
======================================================================================================== */
html {
  font-size: 75%; }

body {
  background-color: #fff;
  color: #555;
  font-family: "Roboto", sans-serif;
  margin: 0 auto;
  font-size: 18px; }

h1, h2, h3, h4, h5, h6 {
  color: #333;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
  font-weight: 400; }
  h1.altTitle, h2.altTitle, h3.altTitle, h4.altTitle, h5.altTitle, h6.altTitle {
    color: #777; }

h1 {
  font-size: 2em;
  line-height: 1;
  margin-bottom: 0.2em;
  font-family: "Lora", serif;
  text-transform: none;
  color: #821B2E; }
  @media screen and (max-width: 995px) {
    h1 {
      font-size: 2em;
      margin-bottom: 0.1em; } }

h2 {
  font-size: 1.3125em;
  line-height: 1;
  margin-bottom: 0.2em;
  font-family: "Lora", serif;
  text-transform: none;
  color: #821B2E; }
  @media screen and (max-width: 995px) {
    h2 {
      font-size: 1.1em;
      margin-bottom: 0.1em; } }

h3 {
  font-size: 1.5em;
  line-height: 1;
  margin-bottom: 1em; }
  @media screen and (max-width: 995px) {
    h3 {
      font-size: 1.4em; } }

h4 {
  font-size: 1.3125em;
  line-height: 1.1428571428571428;
  margin-bottom: 1.1428571428571428em; }

h5 {
  font-size: 1.125em;
  line-height: 1.3333333333333333;
  margin-bottom: 1.3333333333333333em; }

h6 {
  font-size: 1em;
  line-height: 1.5;
  margin-bottom: 1.5em; }

h7 {
  font-size: 2.5em;
  line-height: 1;
  margin-bottom: 0.2em;
  font-family: "Lora", serif;
  text-transform: none;
  color: #2C4F0D; }
  @media screen and (max-width: 995px) {
    h7 {
      font-size: 2.2em; } }


.v65-title {
  color: #333;
  font-family: "Montserrat", sans-serif;
  font-size: 1.5em;
/*  font-style: italic; */
  font-weight: normal;
  line-height: 1;
  margin-bottom: 0.5em; }

.v65-subtitle {
  color: #333;
  font-size: 1.5em;
  font-family: "Montserrat", sans-serif;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 1em;
  margin-top: 1em;}

p, blockquote {
  margin: 0 0 .85em;
  line-height: 1.5; }

dl, ol, ul {
margin: 0 0 0.5em;
padding-inline-start: 0px; }

dd, dt, li {
  line-height: 1.25;
  margin: 0; }

a {
  color: #821B2E;
  text-decoration: none; }
  a:hover, a:focus, a:active {
    text-decoration: underline; }

img {
  border: none;
  height: auto !important;
  max-width: 100%; }

form {
  margin-bottom: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center; }

legend {
  color: #555; }

hr {
  background-color: #555;
  border: 0;
  color: #555;
  height: 1px; }

b, strong {
  font-weight: bold;
  color: #111; }

a[name=footerNav] {
  display: none !important; }

/*   ===================================================================================================
     2. Header
======================================================================================================== */
header.primary {
  position: relative;
  width: 100%;
  z-index: 1000;
  background-color: #fff0;
  padding-top: 10px;
}
@media screen and (max-width: 1024px) {
  header.primary {
    height: 80px; /* Reduced height for smaller screens */
    padding-top: 0; /* Remove extra padding */
  }
}


.utilities {
  position: absolute;
  left: 0;
  right: 0; }
  .utilities #user-tools {
    float: right;
    height: 3em;
    line-height: 3em;
    position: relative;
    width: 335px;
    z-index: 200;
    font-family: "Montserrat", sans-serif;
    font-size: 14px; }
    @media screen and (max-width: 667px) {
      .utilities #user-tools {
        width: 100%; } }
    .utilities #user-tools a {
      color: #777; }
    @media screen and (max-width: 1024px) {
      .utilities #user-tools #v65-modalCart {
        top: 9px;
        right: 10px; } }
    @media screen and (max-width: 667px) {
      .utilities #user-tools #v65-modalCart {
        right: 0;
        top: 0; } }
    @media screen and (min-width: 1025px) {
      .utilities #user-tools #v65-modalCart {
        position: absolute;
        display: inline-block;
        right:  10px; } }
  .utilities .v65-login, .utilities .v65-logout {
    display: inline-block;
    line-height: 12px;
    margin-top: 12px;
    width: 50px;
    margin-right: 15px; }
    @media screen and (max-width: 1024px) {
      .utilities .v65-login, .utilities .v65-logout {
        display: none; } }
  .utilities .v65-yourAccount, .utilities .v65-editProfile {
    border-right: 1px solid #666;
    display: inline-block;
    text-align: right;
    height: 1em;
    line-height: 1em;
    margin-top: 12px;
    margin-right: 10px;
    padding-right: 10px;
    width: 95px; }
    @media screen and (max-width: 1024px) {
      .utilities .v65-yourAccount, .utilities .v65-editProfile {
        display: none; } }
  .utilities #search {
    float: right;
    width: 200px; }
    @media screen and (max-width: 1024px) {
      .utilities #search {
        display: none; } }
    .utilities #search form {
      margin-bottom: 0; }
    .utilities #search fieldset {
      border: none;
      padding: 0.5em; }
      .utilities #search fieldset #v65-contentSearchInput input {
        font-size: 12px;
        font-family: "Montserrat", sans-serif;
        padding: 0 0.5em;
        width: 11em;
        border-color: #821B2E;
        border-width: 1px;
        color: #ccc;
        height: 2em; }
      .utilities #search fieldset #v65-contentSearchButton {
        display: none; }
  .utilities #help-section {
    float: right;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 3em;
    margin-right: 10px;
    width: 160px; }
    @media screen and (max-width: 1200px) {
      .utilities #help-section {
        display: none; } }
    .utilities #help-section a {
      color: #777; }
    .utilities #help-section #sign-up, .utilities #help-section #help {
      display: inline-block; }
    .utilities #help-section #sign-up {
      padding-right: 10px;
      margin-right: 8px;
      border-right: 1px solid #777;
      height: 1em;
      line-height: 1em; }

.logo {
  background-image: url("../images/logo.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  width: 446px;
  height: 75px;
  position: absolute;
  float: left;
  margin-left: 15px;
  margin-bottom: 0;
  z-index:10001; }
  .logo.errorLogo {
    float: none; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .logo {
      background-image: url("../images/logo@2x.png"); } }
  @media screen and (max-width: 1024px) {
    .logo {
      width: 65%;
      margin: 1% 5% 0px 13%;
      height: 74px; } }
  @media screen and (max-width: 820px) {
    .logo {
      width: 50%;
      height: 80px; } }
  @media screen and (max-width: 676px) {
    .logo {
    justify-content: center;
    align-items: center;
    width: 52%;
    height: 50px;
    }
  }


    /* Smart product search bar styling */
    /* Search Widget */
  #v65-searchWidgetInput{
    width: 200px;
  }

  #v65-searchWidgetInput input{
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    padding: 0 0.5em;
    width: 11em;
    border-color: #821B2E;
    border-width: 1px;
    color: #ccc;
    height: 2em;
  }

  #v65-searchWidgetInput select{

  }

  #v65-searchWidgetButton{
    display: none;
  }



  /*****************************************************************************
  **  AUTHOR: Ben Miley
  **  DATE UPDATED: 09-27-2022
  **  DESCRIPTION:  Enabled autocomplete + Updated Styling
  *****************************************************************************/

ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
    z-index: 1001;
    top: -3929.8px;
    left: 1039px !important;
    display: none;
    position: relative;
    width: 650px; }
@media screen and (max-width: 2564px) {
    ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
      left: 74% !important; } }
@media screen and (max-width: 2500px) {
    ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
      left: 73% !important; } }
@media screen and (max-width: 2250px) {
    ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
      left: 65% !important; } }
@media screen and (max-width: 1900px) {
    ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
      left: 60% !important; } }
@media screen and (max-width: 1700px) {
    ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
      left: 58% !important; } }
@media screen and (max-width: 1600px) {
    ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
      left: 55% !important; } }
@media screen and (max-width: 1500px) {
    ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
      left: 49% !important; } }
@media screen and (max-width: 1323px) {
    ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
      left: 47% !important; } }
@media screen and (max-width: 1214px) {
    ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
      left: 44% !important; } }
@media screen and (max-width: 1117px) {
    ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
      left: 40% !important; } }

ul.ui-autocomplete {
    width: 650px;
    list-style: none;
    margin: 0;
    padding: 10px 5px;
    border: 1px solid #ccc;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 500px;
    background-color: #fff;
}

ul.ui-autocomplete li {
    width: 650px;
    margin: 0;
    padding: 0;
}

ul.ui-autocomplete li a {
    display: block;
    width: 650px;
    cursor: pointer;
    padding: 5px 0;
    margin: 0 0 6px;
    display: table-row;
}

ul.ui-autocomplete li a img {
    float: left;
    margin: 8px;
    width: 30px;
}

ul.ui-autocomplete li a span {
    float: none;
    width: 550px;
    display: table-cell;
    vertical-align: middle;
}

/*   ===================================================================================================
     3. Navigation
======================================================================================================== */
/* ----- a. Main Menu ----- */
/* UPDATED 08-26-2021 */
.mainMenu {
  font-size: 16px;
  position: relative;
  z-index: 101;
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  float: left;
  margin: 8em 0 .1em 27%; }
  @media screen and (max-width: 2499px) {
    .mainMenu {
      margin: 8em 0 .1em 25%; } }
  @media screen and (max-width: 2399px) {
    .mainMenu {
      margin: 8em 0 .1em 24%; } }
  @media screen and (max-width: 2299px) {
    .mainMenu {
      margin: 8em 0 .1em 23%; } }
  @media screen and (max-width: 2099px) {
    .mainMenu {
      margin: 8em 0 .1em 21%; } }
  @media screen and (max-width: 1899px) {
    .mainMenu {
      margin: 8em 0 .1em 18%; } }
  @media screen and (max-width: 1649px) {
    .mainMenu {
      margin: 8em 0 .1em 13%; } }
  @media screen and (max-width: 1500px) {
    .mainMenu {
      margin: 8em auto 0;
      text-align: center;
      width: 100%;
      font-size: 12px; } }
  @media screen and (max-width: 1024px) {
    .mainMenu {
      display: none;
      position: absolute;
      background: #821B2E;
      margin-top: 0;
      text-align: left;
      top: 68px;
      width: 100%;
      max-width: 350px;
      box-shadow: 20px 3px 15px 0px rgba(0, 0, 0, 0.2); } }
  @media screen and (min-width: 1025px) {
    .mainMenu {
      display: block !important;
      margin-bottom: 1em; }}
  .mainMenu ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    display: inline-block; }
    @media screen and (max-width: 1024px) {
      .mainMenu ul {
        padding: 20px 0;
        padding-left: 10%;
        width: 100%; } }
    .mainMenu ul ul {
      background: #821B2E;
      display: none;
      font-size: 12px;
      left: -10px;
      position: absolute;
      top: 42px; }
      .mainMenu ul ul .v65-selected {
        color: #fff;
        font-weight: bold; }
      @media screen and (max-width: 1024px) {
        .mainMenu ul ul {
          display: block;
          position: relative;
          width: 86%; /* updated BM 7/28/2022 */
          margin: 0;
          padding: 0;
          padding-left: 2em;
          top: 0; } }
  .mainMenu li {
    display: inline-block;
    padding: 0;
    position: relative;
    margin: 0 0 0 10px; }
    @media screen and (max-width: 1024px) {
      .mainMenu li {
        padding: 0;
        margin: 0;
        display: block;
        width: 95%; } }
    .mainMenu li:nth-child(2) {
      margin-left: 0; }
    @media screen and (min-width: 1024px) {
      .mainMenu li:hover ul {
        display: block; } }
    .mainMenu li.v65-home {
      display: none; }
    .mainMenu li li {
      display: block;
      float: none;
      margin: 0;
      text-align: left; }
      .mainMenu li li a {
        color: #fff;
        display: block;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin: 0;
        padding: 0 0 0 20px;
        text-align: left;
        width: 261px; }
        @media screen and (max-width: 1024px) {
          .mainMenu li li a {
            opacity: 0.7;
            width: 95%;
            padding: 5px; } }
      .mainMenu li li:hover {
        background: #B17483; }
  .mainMenu > ul > li {
    padding-bottom: 10px;
    vertical-align: middle; }
    .mainMenu > ul > li:not(:nth-child(2)):not(:last-child):after {
      content: "|";
      color: #821B2E;
      margin-left: 10px; }
      @media screen and (max-width: 1024px) {
        .mainMenu > ul > li::not(:nth-child(2)):not(:last-child):after {
          display: none; } }
    @media screen and (max-width: 1024px) {
      .mainMenu > ul > li:not(:nth-child(2)):not(:last-child):after {
        display: none; } }
    @media screen and (max-width: 1024px) {
      .mainMenu > ul > li {
        padding-bottom: 0;
        left: -1em; }
        .mainMenu > ul > li:not(:nth-child(2)):not(:last-child):after > a {
          width: 85%;
          border-bottom: 1px solid;
          left: -1em; }
        .mainMenu > ul > li > a:hover {
          background: #B17483; } }
    .mainMenu > ul > li > a.hover, .mainMenu > ul > li > a:hover {
      color: #821B2E;
      text-decoration: none; }
      @media screen and (max-width: 950px) {
        .mainMenu > ul > li > a.hover, .mainMenu > ul > li > a:hover {
          color: #fff; } }
    .mainMenu ul li ul#WineClubsMenu {
    }
   /* UPDATED 08-26-2021 */
   /* UPDATED 08-19-2022 by BM - REMOVED CONTENT DIVIDER IN MAIN MENU TO ADD BORDER ON WINE SHOP MENU */
  .mainMenu a, h2.v65-mobile-subheader{
    color: #343434;
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
    height: 32px;
    line-height: 32px;
    font-size: 1.1em;
   }
    @media screen and (max-width: 1024px) {
      .mainMenu a {
        color: #fff;
        font-size: 18px;
        padding: 8px; } }
  .mainMenu .v65-pageAParent, .mainMenu .v65-selected {
/*    color: #821B2E; */}
    @media screen and (max-width: 1024px) {
      .mainMenu .v65-pageAParent, .mainMenu .v65-selected {
        color: #fff; } }
  @media screen and (max-width: 919px) {
    .mainMenu .v65-home {
      display: none; } }
  .mainMenu .footerMenuLink {
    bottom: 0;
    font-size: 1.5em;
    position: absolute;
    right: 0; }
    @media screen and (max-width: 450px) {
      .mainMenu .footerMenuLink {
        display: block; } }
    @media screen and (min-width: 451px) {
      .mainMenu .footerMenuLink {
        display: none; } }

.mainMenu .topNavBtn + ul {
  left: 10px;
  top: 58px;}
  @media screen and (max-width: 450px) {
    .mainMenu .topNavBtn + ul {
      width: 75%;
      left: -1em;
      top: 0;} }
  @media screen and (min-width:451px) {
    .mainMenu .topNavBtn + ul {
      width: 90%;
      left: -1em;
      top: 0;} }
  @media screen and (min-width:1024px) {
    .mainMenu .topNavBtn + ul {
      width: 88%;
      left: 10px;
      top: 58px;} }


.v65-layoutHeaderNav > .v65-home + li {
    border: 2px solid #821b2e;
    padding: 8px 15px;
    margin-bottom: .7em; }
    @media screen and (max-width:1024px) {
      .v65-layoutHeaderNav > .v65-home + li {
        border: none;
        padding: 0; } }

.v65-layoutHeaderNav > .v65-home + li:hover {
    color: #821B2E;
    text-decoration: none;
    text-shadow: 0 0 #821b2e; }
}

ul.v65-layoutHeaderNav a. {
    border: none;
    background: #ffffff; }

a.linkBtn.topNavBtn {
    background: none;
    border: none; }
    @media screen and (max-width:1024px) {
      ul.linkBtn.topNavBtn {
        border: 1px solid #fff; } }

a.linkBtn.topNavBtn:hover {
  background: none;
  border: none;
}

ul.v65-layoutHeaderNav a.linkBtn span {
    color: #821B2E;
    font-size: 12pt;
    letter-spacing: 2px;
    font-weight: 400;
    position: relative;
    margin-top:1.5em;
    border: 2px solid transparent;}
    @media screen and (max-width:1024px) {
      ul.v65-layoutHeaderNav a.linkBtn span {
        color: #fff;
        opacity: 0.7;
        position: relative;
        left: -1em; } }

a.linkBtn.topNavBtn span:after {
    top: -16px;
    content: "- Our Place in Burgundy -";
    font-size: 80%;
    color: #821b2e;
    display: block;
    font-variant: all-small-caps;
    position: relative;
    text-align: center; }
    @media screen and (max-width:1024px) {
      a.linkBtn.topNavBtn span:after {
        color: #fff;
        opacity: 0.7;
        position: relative;} }

a.linkBtn.topNavBtn span:hover {
    background: none;
    height: 46px;
    border: 2px solid #821b2e;
    position: relative;
    top:-.7em; }
    @media screen and (max-width:1024px) {
      a.linkBtn.topNavBtn span:hover {
        background: #B17483;
      }
    }


  /*****************************************************************************
  **  AUTHOR: Ben Miley
  **  DATE UPDATED: 08-26-2022
  **  DESCRIPTION:  Add 2nd line to "Our Place in Burgundy" Menu Item + Updated Styling
  **                (Reference scripts.js line 331)
  *****************************************************************************/

    /*****************************************************************************
  **  AUTHOR: Ben Miley
  **  DATE UPDATED: 05-02-2023
  **  DESCRIPTION:  Switch text positions of "Our Place in Burgundy" and "Domaine de Cromey"
  **                in Menu Item (Reference scripts.js line 331).
  *****************************************************************************/

/* ----- b. Sub Menu ----- */
.subMenu {
  margin-bottom: 0;
  margin-top: 6%; }
  @media screen and (min-width: 768px) {
    .subMenu {
      border-right: 1px solid #ccc;
      float: left;
      margin-right: 1%;
      padding-right: 1%;
      width: 17.5%; } }
  @media screen and (max-width: 767px) {
    .subMenu h3 {
      display: none; } }
  .subMenu ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0; }
  .subMenu li {
    line-height: 3; }
    @media screen and (max-width: 767px) {
      .subMenu li {
        border-top: 1px solid #ccc;
        line-height: 44px;
        text-align: center; } }
    .subMenu li ul {
      margin-left: 10px; }
  .subMenu a {
    display: inline-block;
    line-height: 1.5;
    width: 100%; }
  .subMenu .v65-pageAParent {
    color: #821B2E; }
  .subMenu .v65-leftSelected {
    color: #000;
    font-weight: bold; }

#mobileMenu {
  display: none;
  color: #000;
  margin-left: 35px;
  margin-top: 140px;
  font-size: 35px;
  cursor: pointer;
  float: left;
  z-index: 10001; }
  #mobileMenu:hover, #mobileMenu:active {
    text-decoration: none; }
  @media screen and (max-width: 1024px) {
    #mobileMenu {
      display: block;
      position: absolute;
      margin: 0;
      top: 8px;
      left: 7px; } }

/*   ===================================================================================================
     4. Content
======================================================================================================== */
.collectibles-page img {
  max-width: 100%;
  height: auto;
  margin: 20px auto;
  display: block;
  float: none;
}

@media (min-width: 768px) {
  .collectibles-page img {
    float: right;
    margin: 25px;
    display: inline-block;
  }
}

#v65-modalContentHeader {
  background: #333; }

.content {
  max-width: 1200px;
  padding: 10px;
  margin: 0px auto 2em;
}

@media screen and (max-width: 767px) {
  .pageContent {
    padding: 1em; } }
@media screen and (min-width: 768px) {
  .pageContent {
    padding: .25em 3em 3em 1em; } }

/* ----- a. Homepage Styles ----- */

/* Centering content within the sections */

/* General container styles to center elements */
.hero,
.card-section,
.carousel {
    text-align: center;
}

/* Center the buttons in the card sections */
.card-section .cta {
    margin: 10px auto;
    display: block;
}

/* Center the hero section content */
.hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}

.hero img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

/* Centering carousel title */
.carousel h2 {
    text-align: center;
}

/* Centering carousel items */
.carousel-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

/* Ensure the arrows are placed symmetrically on either side */
.carousel-arrow {
    display: none; /* Hidden by default, visible on desktop only */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    border: none;
    color: white;
    padding: 10px;
    cursor: pointer;
    z-index: 2;
}

.carousel-wrapper {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 16px;
    scroll-behavior: smooth;
    padding: 10px 0;
    transition: transform 0.3s ease;
    margin: 0 auto; /* Center the carousel wrapper */
    max-width: 90vw; /* Keeps carousel within viewport limits */
}

/* Arrow styles to ensure visibility on desktop only */
@media (min-width: 768px) {
    .carousel-arrow {
        display: block;
    }
}

/* Homepage 5G */

#hospiceBeauneContainer,
#burgundyGiftsContainer,
#premierCruContainer {
    overflow: visible;
    width: 100%;
    position: relative;
    white-space: nowrap;
    height: auto; /* Ensure it adjusts to content size */
}
  
#collectiblesContainer {
    max-height: 400px; /* Set a max height to control shrinkage */
}

.carousel-inner {
    display: flex;
    gap: 10px;
    white-space: nowrap;
    will-change: transform;
    height: auto;
    align-items: flex-start; /* Vertically align items */
    cursor: ew-resize; /* Add cursor style */
    position: relative;
    top: -3.5em;
}

.customProductList {
    display: flex;
    flex: 0 0 21%;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 10px;
    box-sizing: border-box;
    margin: 0;
    vertical-align: top;
}

.customProductList img {
    max-height: 220px;
    height: auto;
    width: auto;
}

.customProductList .defaultBtn {
    background-color: #2C4F0D !important;
    color: #fff !important;
    border: 2px solid #B49265;
    font-size: 0.8rem;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s;
    scale: .9;
}

.customProductList .defaultBtn:hover {
    background-color: #699144 !important;
}

/* Media queries for responsiveness */
@media (max-width: 768px) {
    .customProductList {
        flex: 0 0 45%; /* Adjust for tablets */
    }
    .carousel-inner {
        gap: 8px; /* Reduce gap for smaller screens */
    }
}

@media (max-width: 30px) {
    .customProductList {
        flex: 0 0 60%; /* Full width for mobile devices */
    }
    .carousel-inner {
        gap: 5px; /* Minimal gap for mobile */
        position: relative;
        top: -2em;
        scale: 100%;
    }
  
}

.carousel-block:last-of-type .product-carousel {
  max-height: 400px;
  overflow: hidden;
}


/* Sticky Button Ticker */

.buttonCarousel {
  display: flex;
  gap: 2rem;
  padding: 1.25rem 1rem;
  will-change: transform;
}

.buttonCarouselWrapper {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  margin-bottom: 2rem;
  position: relative;
  opacity: 1;
  transition: opacity 3s ease-in-out;
}

.buttonCarouselWrapper.tilted-left {
  transform: rotate(-3deg);
  transform-origin: center;
}
.buttonCarouselWrapper.tilted-right {
  transform: rotate(3deg);
  transform-origin: center;
}
.buttonCarouselWrapper.fade-in {
  opacity: 1;
}

/* === Hide Scrollbar === */
.noScrollBar::-webkit-scrollbar {
  display: none;
}
.noScrollBar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* === Button Styling === */
.categoryBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 0.01rem 3.5rem;
  font-size: 1.75rem;
  font-family: 'Garamond', serif;
  border: 1px solid #821B2E;
  background-color: transparent;
  color: #5E2D2F;
  text-decoration: none;
  scroll-snap-align: start;
  transition: background-color 0.3s, color 0.3s;
}

.categoryBtn:hover {
  background-color: #B17483;
  color: white;
  text-decoration: none;
}

/* Immediately hide the button ticker wrapper */
#categoryCarouselContainer {
  opacity: 0;
  transition: opacity 1s ease-in;
}

#categoryCarouselContainer.fade-in {
  opacity: 1 !important;
}


/* === Sticky Nav Styling === */
#stickyButtonNav {
  position: static;
  z-index: 99;
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  background: linear-gradient(to bottom, white 0%, white 66%, rgba(255, 255, 255, 0) 100%);
  padding: 1rem 0 1rem 0;
  transform-origin: top center;
  transition: transform 0.3s ease;
}

#stickyButtonNav .buttonTickerWrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  transition: transform 0.3s ease;
  mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
  cursor: ew-resize;
}

#stickyButtonNav .buttonTicker {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;
  padding: 0.5rem 0 0.5rem 1rem;
  scroll-snap-align: start;
  width: max-content;
  min-width: 100%;
  transform: translateX(0px);
  will-change: transform;
  transition: transform 0.2s ease-out;
}

/* === Shrink effect on scroll === */
#stickyButtonNav.shrunk .buttonTicker {
  gap: 1.2rem;
  padding: 0.25rem 0 0.25rem 1rem;
}

#stickyButtonNav.shrunk .categoryBtn {
  font-size: 1.4rem;
  padding: 0.01rem 2.5rem;
}

#stickyButtonNav.shrunk .buttonTickerWrapper,
#stickyButtonNav.shrunk .buttonTicker {
  transform: scale(1);
}

/* === Product Image Wobble === */
@keyframes slowWobble {
  0%   { transform: rotate(0deg) scale(1) translate(0px, 0px); }
  25%  { transform: rotate(var(--rotate1, 0deg)) scale(var(--scale1, 1)) translate(var(--x1, 0px), var(--y1, 0px)); }
  50%  { transform: rotate(var(--rotate2, 0deg)) scale(var(--scale2, 1)) translate(var(--x2, 0px), var(--y2, 0px)); }
  75%  { transform: rotate(var(--rotate3, 0deg)) scale(var(--scale3, 1)) translate(var(--x3, 0px), var(--y3, 0px)); }
  100% { transform: rotate(0deg) scale(1) translate(0px, 0px); }
}

.v65-product-photo img {
  transition: transform 6s ease-in-out;
  will-change: transform;
}

.v65-product-photo img.wobble-active {
  animation: slowWobble 12s ease-in-out infinite;
}

.v65-product-photo img.scale-pop {
  transform: scale(1.11);
}

/* === Global Layout === */
html, body {
  overflow-x: hidden;
  width: 100%;
}

/* === Responsive Adjustments === */
@media screen and (max-width: 575px) {
  header.primary {
    height: 35px;
    padding-top: 0;
  }
}

@media (max-width: 430px) {
  #stickyButtonNav {
    padding-bottom: 1em;
  }
}
  
.v65-product-photo img {
  transform-origin: 50% 95%; /* center horizontally, 85% from the top vertically */
}

#tickerModule {
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  padding: 10px 0;
  gap: 12px;
}

#globalPauseBtn {
  background: #ffffff;
  border: none;
  cursor: pointer;
  padding: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#globalPauseBtn svg {
  width: 24px;
  height: 24px;
  fill: #821b2e;
}

#categoryCarouselContainer {
  overflow: hidden;
  flex: 1;
  position: relative;
}

#dynamicCategoryButtons {
  display: flex;
  gap: 1rem;
  will-change: transform;
  white-space: nowrap;
}

 
/* End Sticky Button Ticker */


.carousel-header {
    display: flex;
    flex-wrap: nowrap; /* Prevent wrapping */
    justify-content: flex-start; /* Align content to the left */
    align-items: center; /* Center vertically */
    padding: 5px 13px;
    margin-bottom: 10px;
    z-index: 100;
    position: relative;
    background: #ffffffe3;
    width: 100%; /* Default full width */
    max-width: 450px; /* Limit the header to a maximum width of 450px */
    border: 1px solid #821B2E;
    top: 4em; /* Default top position */
    box-sizing: border-box; /* Include padding in width calculation */
}

#carouselControlWrapper {
  position: relative;
  top: -4.25rem;
  width: 3rem;
  display: flex;
  justify-content: flex-start;
  margin-top: 0.5rem;
  z-index: 100;
}

.carousel-pause-btn {
  background: rgba(255, 255, 255, 1);
  border: 1px solid #821b2e;
  border-radius: 0%;
  width: 26px;
  height: 26px;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
  line-height: 1;
  color: #821b2e;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 5px 0px 10px 15px rgba(255, 255, 255, 1);
}

@media (max-width: 600px) {
  #carouselControlWrapper {
    justify-content: flex-start; /* Align left below hamburger */
    padding: 0.5rem 1rem;
    margin-top: 0.5rem;
  }

  .carousel-pause-btn {
    width: 26px;
    height: 26px;
    font-size: 20px;
    background: rgba(255, 255, 255, 1);
    border-radius: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -1rem;
    left: -.5em;
    box-shadow: 5px 0px 10px 15px rgba(255, 255, 255, 1);
    color: #821b2e;
  }
}



/* Adjustments for medium-sized screens (601px to 860px) */
@media (min-width: 601px) and (max-width: 860px) {
    .carousel-header {
        top: 0em; /* Adjust top spacing */
        width: 60%; /* Allow responsive width but stay constrained */
    }
}

/* Adjustments for smaller screens (up to 600px) */
@media (max-width: 600px) {
    .carousel-header {
        top: -2em; /* Provide additional spacing for small screens */
        padding: 10px; /* Adjust padding for better fit */
        width: 100%; /* Full width for small screens */
    }

    .carousel-title {
        font-size: 2.5rem; /* Slightly smaller font size */
    }
}
  
/* Larger screens (861px and above) */
@media (min-width: 861px) {
    .carousel-header {
        top: 0em; /* Reset top spacing */
    }
}
  
.carousel-title {
    flex-grow: 1; /* Allow the title to use available space */
    text-align: left;
    color: #2C4F0D; /* Ensure consistent color */
    font-size: 2.75rem;
    margin: 0; /* Remove extra spacing */
    font-family: 'Garamond', serif;
    letter-spacing: 0.5px;
    overflow: hidden; /* Prevent overflow */
    text-overflow: ellipsis; /* Add ellipsis if text overflows */
    white-space: normal; /* Allow wrapping */
}

/* Reduce white space around the second banner while keeping the first one unchanged */
.banner-section:nth-of-type(2) {
    margin: -20px auto; /* Adjust negative margins to reduce space */
    height: 250px; /* Keep image size intact while minimizing extra space */
}

/* Ensure the first banner remains unchanged */
.banner-section:first-of-type {
    height: 300px; /* Retains the original look */
}

  .banner-section {
    position: relative;
    top: -3.75em;
    overflow: hidden;
    width: 100vw; /* Full viewport width */
    left: 50%;
    transform: translateX(-50%); /* Center the banner horizontally */
    height: 300px;
    margin: 0px 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

.banner-image {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-overlay .defaultBtn {
    background-color: #2C4F0D;
    color: white;
    padding: 10px 20px;
    border: 2px solid #B49265;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.banner-overlay .linkBtn:hover {
    background-color: #699144;
}
  
.customProductList .v65-product-infoWrapper {
    text-wrap: wrap;
    min-height: fit-content;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: block;
    text-align: center;
    max-width: 100%;
  }

.customProductList .v65-product-infoWrapper .v65-product-title {
    white-space: normal;  /* Allow text to wrap */
    word-wrap: break-word; /* Ensure long words break correctly */
    overflow-wrap: break-word; /* Alternative for better compatibility */
    display: block; /* Ensure it's treated as a block element */
    text-align: center; /* Align text for better readability */
    max-width: 100%; /* Prevent overflow */
}

  
.v65-product-addToCart fieldset {
    border: 0;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
  
 .v65-product-addToCart-price {
    display: flex;
    font-size: 1.3333333333em;
    align-items: center;
}
  
@media (max-width: 390px) and (max-height: 844px),
       (max-width: 393px) and (max-height: 852px),
       (max-width: 430px) and (max-height: 932px) {
    .banner-section {
        height: 220px;
    }
}

.v65-product-addToCart-quantity {
  margin: 1%;
}


/* Video section */

html, body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

.video-section {
    position: relative;
    top: -8.5em;
    width: 100vw;
    height: 44vw;
    overflow: hidden;
    margin-top: 0em;
    margin-bottom: -150px;
}

@media only screen and (min-width: 375px) and (max-width: 767px) {
  .video-section {
    height: 90vh;
  }
}

@media only screen and (min-width: 275px) and (max-width: 375px) {
  .video-section {
    position: relative;
    top: -8.5em;
    width: 100vw;
    height: 44vw;
    overflow: hidden;
    margin-top: -10px;
    margin-bottom: -150px;
  }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .video-section {
    margin-top: -5.5em;
  }
}

@media only screen and (max-width: 767px) and (orientation: landscape) {
  .video-section {
    margin-top: 0em;
  }
}

.video-wrapper {
    width: 134%;
    height: 100%;
    position: absolute; /* Ensure it covers the section */
    top: 0%;
    left: -17%;
    background: url('https://burgundywine.com/assets/client/Image/burgundywine.com%20hero%20fallback%20image.jpg') no-repeat center center;
    background-size: cover;
    z-index: 0; /* Ensure it is behind the iframe */
}

.video-wrapper iframe {
/*    display: none;  Initially hide the iframe */
    width: 100%;
    height: 100%;
    border: none; /* Remove the iframe border */
    object-fit: cover; /* Cover the entire area of the wrapper */
    position: absolute; /* Ensure it covers the section */
    top: 0;
    left: 0;
}

@media only screen and (min-width: 375px) and (max-width: 867px) {
  .video-wrapper iframe {
    display: none;
    width: 262%;
    height: 100%;
    border: none;
    object-fit: cover;
    top: 0;
    left: -80%;
  }
}

.video-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgb(255 255 255), rgba(255, 255, 255, 0) 53%, rgba(255, 255, 255, 0) 64%, rgba(255, 255, 255, 1));
    pointer-events: none; /* Ensure it doesn't interfere with video interaction */
    z-index: 1;
}

.video-content {
    position: relative;
    z-index: 1;
    display: flex;
    top: -1em;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* Show the iframe once it's loaded */
.video-wrapper iframe.loaded {
    display: block;
}

/* Hide the fallback image once the iframe is loaded */
.video-wrapper.loaded {
    background: none;
}

#video-overlay-cta .videoShopBtn {
    display: inline-block;
    background-color: none;
    color: #ffffff;
    padding: 0px;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0 0px 60px rgba(0, 0, 0, 0.6);
    transition: background-color 0.3s, box-shadow 0.3s;
}

#video-overlay-cta .linkBtn {
    background-color: #ffffff1c;
    color: #ffffff;
    padding: 15px 30px;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 0px 40px rgb(0 0 0 / 50%);
    transition: background-color 0.3s, box-shadow 0.3s;
}

#video-overlay-cta .linkBtn:hover {
    background-color: #a02639;
    box-shadow: 0 0px 100px rgb(255 255 255 / 70%);
}

#video-overlay-cta a.linkBtn span {
    color: #fff;
    background: none;
    height: auto;
    line-height: 2em;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 2px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 300;
    vertical-align: middle;
    padding: 8px 6px;
    text-shadow: 0px 0px 5px black;
}

#video-overlay-cta a.linkBtn {
    border: 2px solid #B49265;
    background: #821b2ee0;
    text-decoration: none;
    vertical-align: middle;
    height: 45px;
    margin: 0%
}

#whyElden h2 {
    text-align: center;
}

#slider {
  height: 0;
  padding-top: 35%;
  overflow: hidden;
  width: 100%; }
  #slider .nivo-main-image {
    position: absolute !important; }

#homepageFeature {
  background-size: cover;
  background-position: center;
  position: relative; }
  @media screen and (max-width: 995px) {
    #homepageFeature {
      height: 340px;
      background-position: -300px top; } }
  #homepageFeature .homepageFeature {
    background-size: cover;
    background-position: top;
    min-height: 360px;
    margin-bottom: 2em; }
    @media screen and (max-width: 995px) {
      #homepageFeature .homepageFeature {
        height: 340px;
        background-position: -300px top;
        margin-bottom: -1em; } }
  #homepageFeature .swiper-button-next, #homepageFeature .swiper-button-prev {
    display: none !important; }
  #homepageFeature .homepageFeatureContent {
    position: absolute;
    left: 59%;
    top: 12.5%;
    width: 40%;
    max-width: 315px;
    padding: 1%;
    background-color: #6d111170; }
    @media screen and (max-width: 995px) {
      #homepageFeature .homepageFeatureContent {
        top: 30%;
        width: 68%; } }
    @media screen and (max-width: 740px) {
      #homepageFeature .homepageFeatureContent {
        top: 40%;
        left: 4%;
        width: 92%;
        max-width: inherit; } }
    #homepageFeature .homepageFeatureContent p {
      color: #fff;
      font-family: "Montserrat", sans-serif;
      font-weight: 300;
      font-size: 14px; }
      @media screen and (max-width: 995px) {
        #homepageFeature .homepageFeatureContent p {
          margin-bottom: 6px; } }
    #homepageFeature .homepageFeatureContent h3 {
      color: #fff;
      font-family: "Lora", serif;
      text-transform: none;
      font-size: 2em; }
      @media screen and (max-width: 995px) {
        #homepageFeature .homepageFeatureContent h3 {
          font-size: 22px;
          margin-bottom: 6px; } }
    #homepageFeature .homepageFeatureContent .buttonNo {
      display: none; }
    @media screen and (max-width: 995px) {
      #homepageFeature .homepageFeatureContent .buttonYes {
        float: left; } }

#homepageFeature2 {
  background-size: cover;
  background-position: center;
  position: relative; }
  @media screen and (max-width: 995px) {
    #homepageFeature2 {
      height: 340px;
      background-position: -300px top; } }
  #homepageFeature2 .homepageFeature2 {
    background-size: cover;
    background-position: top;
    min-height: 360px; }
    @media screen and (max-width: 995px) {
      #homepageFeature2 .homepageFeature2 {
        height: 340px;
        background-position: -300px top; } }
  #homepageFeature2 .swiper-button-next, #homepageFeature2 .swiper-button-prev {
    display: none !important; }
  #homepageFeature2 .homepageFeature2Content {
    position: absolute;
    left: 55%;
    top: 12.5%;
    width: 40%;
    max-width: 315px;
    padding: 1%;
    background-color: #ffffff90; }
    @media screen and (max-width: 995px) {
      #homepageFeature2 .homepageFeature2Content {
        top: 44%;
        width: 68%; } }
    @media screen and (max-width: 740px) {
      #homepageFeature2 .homepageFeature2Content {
        top: 50%;
        left: 4%;
        width: 92%;
        max-width: inherit; } }
    #homepageFeature2 .homepageFeature2Content p {
      color: #000000;
      font-family: "Montserrat", sans-serif;
      font-weight: 300;
      font-size: 14px;
      text-shadow: 1px 1px #fff;  }
      @media screen and (max-width: 995px) {
        #homepageFeature2 .homepageFeature2Content p {
          margin-bottom: 6px; } }
    #homepageFeature2 .homepageFeature2Content h3 {
      color: #000000;
      font-family: "Lora", serif;
      text-transform: none;
      font-size: 2em;
      text-shadow: 1px 1px #fff !important; }
      @media screen and (max-width: 995px) {
        #homepageFeature2 .homepageFeature2Content h3 {
          font-size: 22px;
          margin-bottom: 6px; } }
    #homepageFeature2 .homepageFeature2Content .buttonNo {
      display: none; }
    @media screen and (max-width: 995px) {
      #homepageFeature2 .homepageFeature2Content .buttonYes {
        float: left; } }

#homepageFeature3 {
  background-size: cover;
  background-position: center;
  position: relative; }
  @media screen and (max-width: 995px) {
    #homepageFeature3 {
      height: 200px;
      background-position: -300px top; } }
  #homepageFeature3 .homepageFeature3 {
    background-size: cover;
    background-position: top;
    min-height: 225px; }
    @media screen and (max-width: 995px) {
      #homepageFeature3 .homepageFeature3 {
        height: 200px;
        background-position: -300px top; } }
  #homepageFeature3 .swiper-button-next, #homepageFeature3 .swiper-button-prev {
    display: none !important; }
  #homepageFeature3 .homepageFeature3Content {
    position: relative;
    margin-top: 1em;
    left: 16%;
/*    top: 10%; */
    font-size: 1em;
    bottom: 25%;
    width: 65%;
    max-width: 100%;
    padding: 2%;
    border-style: solid;
    border-width: 1px;
    border-color: #96001B;
    border-radius: 3px;
    background-color: transparent; }
    @media screen and (max-width: 1255px) {
      #homepageFeature3 .homepageFeature3Content {
        bottom: 30%;
        left: 10%;
        width: 75%;
        font-size: 1em;
        max-height: 155px; } }
    @media screen and (max-width: 1095px) {
      #homepageFeature3 .homepageFeature3Content {
        top: 0%;
        left: 10%;
        width: 75%;
        font-size: .8em;
        max-height: 155px;
        bottom: 0%;
        position:relative; } }
    @media screen and (max-width: 740px) {
      #homepageFeature3 .homepageFeature3Content {
        top: 15%;
        padding-bottom: 2%;
        left: 1.75%;
        width: 92%;
/*        height: 40%;*/
        font-size: .625em;
        max-width: inherit; 
        position:relative;} }
    #homepageFeature3 .homepageFeature3Content p {
      color: #821B2E;
      font-family: "Montserrat", sans-serif;
      font-weight: 300;
      font-size: .75em;  }
      @media screen and (max-width: 995px) {
        #homepageFeature3 .homepageFeature3Content p {
          bottom: 10%; } }
    #homepageFeature3 .homepageFeature3Content h3 {
      color: #821B2E;
      font-family: "Lora", serif;
      text-transform: none;
      font-size: 2em;
      text-shadow: 1px 1px #fff !important; }
      @media screen and (max-width: 995px) {
        #homepageFeature3 .homepageFeature3Content h3 {
                   } }
    #homepageFeature3 .homepageFeature3Content .buttonNo {
      display: none; }
    @media screen and (max-width: 995px) {
      #homepageFeature3 .homepageFeature3Content .buttonYes {
        margin: 0 auto;
} }

.homepageSplash {
  background-size: cover;
  background-position: center;
  position: relative;
  max-height: 400px; }
  @media screen and (max-width: 995px) {
    .homepageSplash {
      width: 100%;
      height: 320px; } }
  @media screen and (max-width: 995px) {
    .homepageSplash .swiper-slide {
      width: 100% !important;
      height: 320px; } }
  .homepageSplash .homepageSplashContent {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4); }

#homeSplash1 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #fff; }
  #homeSplash1 .splashMain {
    position: absolute;
    top: 25%;
    left: 50px; }
    @media screen and (max-width: 995px) {
      #homeSplash1 .splashMain {
        left: 2%;
        top: 25%;
        width: 96%; } }
    #homeSplash1 .splashMain p {
      margin-bottom: 0;
      line-height: 36px;
      font-family: "Lora", serif; }
    #homeSplash1 .splashMain .splashContent1 {
      font-style: italic;
      font-size: 36px;
      margin-bottom: 14px; }
      @media screen and (max-width: 995px) {
        #homeSplash1 .splashMain .splashContent1 {
          font-size: 24px;
          line-height: 28px;
          text-align: center; } }
    #homeSplash1 .splashMain .splashContent2 {
      font-size: 24px;
      margin-left: 130px; }
      @media screen and (max-width: 995px) {
        #homeSplash1 .splashMain .splashContent2 {
          font-size: 18px;
          line-height: 24px;
          margin-left: 0;
          text-align: center; } }
    #homeSplash1 .splashMain .splashContent3 {
      font-size: 24px;
      margin-left: 185px; }
      @media screen and (max-width: 995px) {
        #homeSplash1 .splashMain .splashContent3 {
          font-size: 24px;
          line-height: 28px;
          margin-left: 10%;
          text-align: center; } }
  #homeSplash1 .splashSecondary {
    position: absolute;
    right: 2%;
    bottom: 50px;
    margin-right: 5px;
    font-family: "Lora", serif;
    font-style: italic;
    font-size: 18px; }

.homepage .swiper-pagination {
  text-align: right;
  width: 98%; }
  .homepage .swiper-pagination .swiper-pagination-bullet {
    height: 28px;
    width: 28px;
    background: #fff;
    opacity: 1; }
    .homepage .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      opacity: 0.2; }
.homepage .swiper-button-prev, .homepage .swiper-button-next {
  height: 0;
  width: 0;
  border-style: solid;
  background: none; }
.homepage .swiper-button-prev {
  border-width: 25px 25px 25px 0;
  border-color: transparent #fff transparent transparent;
  left: 15px; }
.homepage .swiper-button-next {
  border-width: 25px 0 25px 25px;
  border-color: transparent transparent transparent #fff;
  right: 15px; }

.midShopBtn {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 4em;
  margin-right: 2.5%;
  margin-left: 2.5%; }

.midClubBtn {
  text-align: center;
  margin-top: 2em;
  margin-bottom: 2em;
  margin-right: 2.5%;
  margin-left: 2.5%; }

.homepageShopLinks {
  width: 100%;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  padding: 50px 0; }
  @media screen and (max-width: 930px) {
    .homepageShopLinks {
      white-space: normal;
      padding: 0; } }
  @media screen and (max-width: 955px) {
    .homepageShopLinks {
      padding: 0; } }

/*
.homepageNavBoxes {
  display: inline-grid;
  width: 256px;
  height: 148px;
  margin: 0.2em 0.4em;
  color: #ffffff;
}
*/

.homepageNavBoxes {
display: inline-block !important;
width: 256px !important;
height: 148px !important;
margin: 0.4em 0.4em !important;
color: #ffffff !important;
vertical-align: top !important;
}

.hide {
  display: none;
}

.homepageNavBoxesTitle {
  display: block;
  position: relative;
  top: -6.56em;
  padding-top: 2em;
  color: #ffffff;
  text-shadow: 0 0 6px black;
  /* background: #821B2E; */
  background-image: linear-gradient(to top, #2e2e2e, #2e2e2e00);
  /* border: 2px solid #B49265; */
  text-decoration: none;
  z-index: 9;
  border-bottom: 1px solid #362d2d;
}

.homepageNavBoxesSubtitle {
  position: relative;
  top: -8.45em;
  padding-bottom: 2em;
  font-size: 14px;
  background-image: linear-gradient(to bottom, #2e2e2e, #2e2e2e00);
  }

.homepageNavBoxes .btnWrapper {
  height: 5%;
  display: block;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 1110px) {
.boxescontainer {
width: 850px !important;
padding-top: 1em;
max-width: 850px !important;
display: block; !important;
grid-template-columns: inherit !important;
column-gap: inherit !important;}
}

/*
.boxescontainer {
  width: fit-content;
 }
  @media screen and (min-width:1110px) {
    .boxescontainer {
      width: fit-content;
      max-width: 85%;
      display: inline-grid;
      grid-template-columns: auto auto auto;
      column-gap: .5em;
    }
}
*/

.boxescontainer:hover a {
  opacity: .8;
  filter: blur(0px);
  transition: .1s;
  transition-timing-function: ease-out }
  @media screen and (max-width:930px) {
    .boxescontainer:hover a {
      opacity: 1;
      filter: blur(0px);
  }
}

.boxescontainer a:hover {
  opacity: 1;
  filter: blur(0px);
  transform: scale(1.02);
  transition: .1s;
  transition-timing-function: ease-in-out;
}

.homepageShopLink {
  position: relative;
  display: inline-block;
  width: 18%;
  max-width: 180px;
  max-height: 180px;
  margin: .67em; }
  @media screen and (max-width: 930px) {
    .homepageShopLink {
      width: 46%;
      margin: 2%; } }
  .homepageShopLink .btnWrapper {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0.85; }
    .homepageShopLink .btnWrapper .linkBtn {
     /* width: 90%; (removed because button was off center)*/
      height: auto; }
      .homepageShopLink .btnWrapper .linkBtn span {
        font-size: 14px;
        white-space: initial;
        line-height: 16px;
        letter-spacing: 0; }

p.homepageMainText {
  color: #821B2E;
  font-size: 18px;
  font-weight: 300;
  font-family: "Montserrat", sans-serif; }

section#whyElden {
  padding: 2em 10px 0px; }
  @media screen and (max-width: 950px) {
    section#whyElden {
      padding: 50px 20px;
      width: 80%; }
      section#whyElden h1 {
        text-align: center;
        font-size: 36px; } }
  section#whyElden .whyEldenGroup {
    width: 100%;
    text-align: center;
    font-size: 0; }
    section#whyElden .whyEldenGroup .whyEldenItem {
      display: inline-block;
      width: 30%;
      margin: 3.5% 2.5% 0%;
      vertical-align: top; }
      @media screen and (max-width: 950px) {
        section#whyElden .whyEldenGroup .whyEldenItem {
          width: 95%; } }
      @media screen and (min-width: 951px) {
        section#whyElden .whyEldenGroup .whyEldenItem:first-of-type {
          margin-left: 0; }
        section#whyElden .whyEldenGroup .whyEldenItem:last-of-type {
          margin-right: 0; } }
      section#whyElden .whyEldenGroup .whyEldenItem .whyEldenTop {
        position: relative;
        background-size: cover;
        background-position: center;
        display: inline-block; }
        section#whyElden .whyEldenGroup .whyEldenItem .whyEldenTop .whyEldenHeadlineWrapper {
          position: absolute;
          bottom: 10px;
          left: 0;
          right: 0;
          text-align: center; }
          section#whyElden .whyEldenGroup .whyEldenItem .whyEldenTop .whyEldenHeadlineWrapper .whyEldenHeadline {
            border: 2px solid #821B2E;
            background: #fff;
            text-decoration: none;
            height: 72px;
            width: 80%;
            margin: 0 auto;
            opacity: 0.85;
            display: table; }
            section#whyElden .whyEldenGroup .whyEldenItem .whyEldenTop .whyEldenHeadlineWrapper .whyEldenHeadline span {
              color: #555;
              background: none;
              height: auto;
              line-height: 2em;
              font-family: "Montserrat", sans-serif;
              letter-spacing: 2px;
              font-size: 18px;
              text-transform: uppercase;
              font-weight: 500;
              display: table-cell;
              vertical-align: middle; }
      section#whyElden .whyEldenGroup .whyEldenItem .whyEldenBottom {
        padding-top: 20px;
        font-size: 16px; }
        @media screen and (max-width: 950px) {
          section#whyElden .whyEldenGroup .whyEldenItem .whyEldenBottom {
            max-width: 350px;
            margin: 0 auto;
            font-size: 14px;
            margin-bottom: 40px; } }

.homepageBottomLinks {
  text-align: center;
  height: 296px;
  width: 100%;
  font-size: 0;
  background-position: center;
  background-size: cover; }
  @media screen and (max-width: 950px) {
    .homepageBottomLinks {
      display: none; } }
  .homepageBottomLinks a {
    opacity: 0.8; }
    .homepageBottomLinks a:hover, .homepageBottomLinks a:active {
      opacity: 1; }
  .homepageBottomLinks .homepageBottomLink {
    display: inline-block;
    vertical-align: top;
    border: 2px solid #fff;
    width: 26%;
    height: 165px;
    opacity: 0.8;
    margin: 0 3%;
    margin-top: 58px; }
    .homepageBottomLinks .homepageBottomLink .homepageBottomLinkImage {
      margin-top: 20px; }
    .homepageBottomLinks .homepageBottomLink .homepageBottomLinkText {
      font-size: 24px;
      color: #fff;
      text-transform: uppercase;
      font-family: "Montserrat", sans-serif; }
  .homepageBottomLinks .content {
    display: none; }

.homepagePromo {
  position: absolute;
  height: 50px;
  right: 8px;
  top: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  /*
  top: 90px; */
  color: #821B2E; }
  @media screen and (max-width: 1644px){
    .homepagePromo{
      height: 50px;
      right: 8px;
    }
  }
  @media screen and (max-width: 1560px) {
    .homepagePromo{
      height: 35px;
      right: 8px;
    }
  }
  @media screen and (max-width: 1210px) {
    .homepagePromo {
      top: 58px;
       } }
  @media screen and (max-width: 1024px) {
    .homepagePromo {
      display: none; } }


/* ----- 1. Burgundy Club ----- */


.burgundyClubSplash {
  background-size: cover;
  background-position: center;
  position: relative;
  max-height: 460px; }
  @media screen and (max-width: 995px) {
    .burgundyClubSplash {
      width: 100%;
      height: 340px; } }
  @media screen and (max-width: 995px) {
    .burgundyClubSplash .swiper-slide {
      width: 100% !important;
      height: 340px; } }
  .burgundyClubSplash .burgundyClubSplashContent {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.4); }

#homeSplash1 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #fff; }
  #homeSplash1 .splashMain {
    position: absolute;
    top: 25%;
    left: 50px; }
    @media screen and (max-width: 995px) {
      #homeSplash1 .splashMain {
        left: 2%;
        top: 25%;
        width: 96%; } }
    #homeSplash1 .splashMain p {
      margin-bottom: 0;
      line-height: 36px;
      font-family: "Lora", serif; }
    #homeSplash1 .splashMain .splashContent1 {
      font-style: italic;
      font-size: 36px;
      margin-bottom: 14px; }
      @media screen and (max-width: 995px) {
        #homeSplash1 .splashMain .splashContent1 {
          font-size: 24px;
          line-height: 28px;
          text-align: center; } }
    #homeSplash1 .splashMain .splashContent2 {
      font-size: 24px;
      margin-left: 130px; }
      @media screen and (max-width: 995px) {
        #homeSplash1 .splashMain .splashContent2 {
          font-size: 18px;
          line-height: 24px;
          margin-left: 0;
          text-align: center; } }
    #homeSplash1 .splashMain .splashContent3 {
      font-size: 24px;
      margin-left: 185px; }
      @media screen and (max-width: 995px) {
        #homeSplash1 .splashMain .splashContent3 {
          font-size: 24px;
          line-height: 28px;
          margin-left: 10%;
          text-align: center; } }
  #homeSplash1 .splashSecondary {
    position: absolute;
    right: 2%;
    bottom: 50px;
    margin-right: 5px;
    font-family: "Lora", serif;
    font-style: italic;
    font-size: 18px; }

.page .swiper-pagination {
  text-align: right;
  width: 98%; }
  .page .swiper-pagination .swiper-pagination-bullet {
    height: 28px;
    width: 28px;
    background: #fff;
    opacity: 1; }
    .page .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      opacity: 0.2; }
.page .swiper-button-prev, .page .swiper-button-next {
  height: 0;
  width: 0;
  border-style: solid;
  background: none; }
.page .swiper-button-prev {
  border-width: 25px 25px 25px 0;
  border-color: transparent #fff transparent transparent;
  left: 15px; }
.page .swiper-button-next {
  border-width: 25px 0 25px 25px;
  border-color: transparent transparent transparent #fff;
  right: 15px; }

  /* Designer-added styles for Burgundy Wine Club 11-30-2020 */
    .benefits-title{
      color: #821b2e;
      font-size: 1em;
      text-align: center;
    }

    li.benefits{
      /*font-family: "Montserrat", sans-serif; */
      padding: 0em;
      margin: 0em 0em 1em 0em;
      font-size: 1em;
      color: #555;
      text-transform: none;
      font-weight: 400;
      line-height: 1.5em;
    }

    .btn-center{
      margin: 0em auto;
      text-align: center;
    }

    .club-header{
      text-align: center; 
      margin-top: 1em; 
      font-size: 2.5em;
    }

    .article-text-box{
      margin: 0em auto 3em auto;
    }

    #the-journey{
      margin: 6em auto 2em auto;
    }

    .box-border{
      border-style: solid;
      border-width: 1px;
      border-color: #96001B;
      border-radius: 3px;
      padding: 0.5em 2.5em 0.5em 2.5em;
      text-align: center;
    }

    /* Zoom functionality for article */
    .zoom {
    transition: transform .25s; /* Animation */
    }

    .zoom:hover {
    transform: scale(1.09);
    }

    /* Zoom2 functionality for HomepageNavBoxes */
    .zoom2 {
    transition: transform .2s; /* Animation */
    }

    .zoom2:hover {
    transform: scale(1.03);
    height:6em;
    }

    /* Embeded video styling */
    .video-box{
      margin: 5em 0em 3em 0em;
    }

    iframe {
     display: block;
     margin: 0 auto;
   }

   .product-video-box{
     margin-top: 2em;
   }

   /* Responsive containers for article text and images */
   /* Container for all */
    .flex-container{
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-align-items: center;
      align-items: center;
      flex-wrap: wrap;
    }

    /* Container for each segment */
    .flex-item{
      margin: 1em 0em 1em 0em;
    }

    .flex-item.more-space{
      margin: 1em auto 2em auto;
    }

    .flex-item img{
      max-height: 35vh;
    }


    .flex-item p{
      line-height: 2;
      padding: 0;
      margin: 0em 0em 0.5em 0em;
    }

    img.left-item {
      padding: 0em 2em 1em 0em;
      float: left;
    }

    p.left-item {
      padding: 0em 0em 0em 0em;
    }

    img.right-item{
      float: right;
      padding: 0em 0em 1em 2em;
    }

    .club-text-box{
    font-family: Georgia, serif;
    padding-top: 2em;
    }


    .photo-caption{
      font-size: 0.8em;
      font-style: italic;
      color: #821b2e;
      text-align: left;
    }

    .article-text{
      text-align: left;
      font-size: 1em;
    }

    .center-item{
      display:flex;
      flex-direction: column;
      align-items: center;
      margin: 1.5em auto 1em auto;
    }

    .center-item img{
      max-height: 40vh;
      margin: 0em 0em 0.8em 0em;
    }


   /* Styling for desktop only */
    @media (min-width:650px) {
      img.expanded-item{
      height: 45%;
      width: 45%;
      /*margin: 10px;*/
    }
    }

    /* Styling for mobile */
    @media (max-width:600px)  {
      /*Embeded video styling */
       .video-box{
        margin: 5em 0em 0em 0em;
        position: relative;
        padding-bottom: 53%;
        width: 100%;
        height: 0;
      }

      .video-box iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* display: block;
        margin: 0 auto; */
      }

      .product-video-box{
        margin-top: 0em;
        margin-bottom: .4em;
      }

       .flex-container{
        display: flex;
      }
    }

        .responsive-video {
          position: relative;
          padding-bottom: 56.25%; /* 16:9 */
          height: 0;
          overflow: hidden;
          max-width: 100%;
          margin-bottom: 30px;
        }

        .responsive-video iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border: 0;
        }


    /*  -- Individual club pages styling
           Updated 7/28/2021   -- */
    .gridbox-3col{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      margin: 1em auto 1em auto;
      width: 90%;
    }

    .wine-club-bottle-img{
      width: 90%;
    }

    .wine-club-column .btnWrapper .linkBtn{
      margin: 1em auto;
      width: 90%;
    }


    /* ----- Styling for tablets ----- */
    @media screen and (max-width: 768px){
      .gridbox-3col{
        grid-template-columns: repeat(2, 1fr);
      }

      .wine-club-column{
        margin-bottom: 1em;
      }
    }

    /* ----- Styling for mobile ----- */
    @media screen and (max-width: 580px){
      .gridbox-3col{
        grid-template-columns: 1fr;
      }
    }

    .gridbox-2col{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      column-gap: 2em;
      margin: 5% auto 0 auto;
    }

    /* ----- Styling for tablets ----- */
    @media screen and (max-width: 1048px){
      .gridbox-2col{
        grid-template-columns: 1fr;
        gap: 2em;
      }

      .club-options-container{
        width: 80% !important;
      }
    }

    /* ----- Styling for mobile ----- */
    @media screen and (max-width: 580px){
      .club-type-button-container{
        flex-direction: column !important;
      }

      .club-type-button-container a.linkBtn{
        margin-bottom: 1em !important;
        width: 100% !important;
      }
    }

    .gridbox-1col{
      display: grid;
      grid-template-columns: 1fr;
      margin: 1em auto 1em auto;
      width: 30%;
    }

    .wine-subscription-bottle-img{
      width: 90%;
    }

    /* ----- Styling for tablets ----- */
    @media screen and (max-width: 768px){
      .gridbox-1col{
        width: 60%;
      }
    }

    /* ----- Styling for mobile ----- */
    @media screen and (max-width: 580px){
      .gridbox-1col{
        width: 80%;
      }
    }

    .price-details{
      font-family: "Montserrat", sans-serif;
      font-weight: 400;
      text-transform: uppercase;
    }

    /*  Styling for wine subscription landing page
        Modified by CG: 07-31-2021    */
    .club-options-container, .gridbox1col.club-options-container{
      margin-top: 3em;
      width: 70%;
    }

    .club-options-col{
      border: 1px solid #821B2E;
      padding: 1em;
    }

    .club-type-title{
      color: #821B2E;
      font-weight: 700;
      font-size: 1em;
      text-align: center;
    }

    .club-type-details{
    list-style-type: none;
      padding: 1em 0em 0em 0em;
    }

    .club-type-details li{
      line-height: 1em;
      margin-bottom: 1em;
      text-align: center;
    }

    .club-type-button-container, .villages-pg-btn-container{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
    }

    .club-type-button-container .linkBtn span{
      line-height: 1em;
      padding: 0 .2em;
      margin: 0 auto;
      text-align: center;
      white-space: normal;
    }

    .club-type-button-container a.linkBtn{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      margin: 0em;
      width: 31%;
    }

    .benefits-box{
      text-align: center;
      margin: 1em auto 4em auto;
      width: 85%;
    }

    .benefits-box ul{
      list-style:none;
      text-transform: none;
      padding: 0;
    }

    .benefits-box ul.horizontal-list{
      list-style-type: '*';
    }

    .horizontal-list li{
      display: inline;
    }

    .horizontal-list li::before{
      content: "*";
      padding: 0em 1em 0em 1em;
    }
    /* End subscription landing page styling */



/* ----- b. Page Styles ----- */

.backToTop {
  background: #333;
  bottom: .5em;
  right: .5em;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  display: none;
  height: 4em;
  width: 4em;
  line-height: 4em;
  opacity: 0.6;
  position: fixed;
  text-align: center;
  text-decoration: none;
  z-index: 1000; }

@media screen and (min-width: 768px) {
  .page {
    width: 100%; } }

.colWrapper {
  margin-bottom: 2em;
  width: 100%; }

.colWrapper:before, .colWrapper:after {
  content: "";
  display: table; }

.colWrapper:after {
  clear: both; }

.v65-colWrapper {
  margin-bottom: 2em;
  width: 100%;
}
  @media screen and (min-width: 829px) {
    .v65-colWrapper {
      width: 100%;
    }
  }
  @media screen and (min-width: 1276px) {
    .v65-colWrapper {
      width: 100%;
    }
  }

.col2 {
  float: left;
  margin-left: 0%;
  width: 75%; }

.col2:first-child {
  float: left;
  margin-left: 0%;
  width: 47%; }

.col22 {
  float: left;
  margin-left: 6%;
  width: 29%; }

.col22:first-child {
  margin-left: 0;
  width: 65%; }

.col3 {
  float: left;
  margin-left: 5%;
  width: 30%; }

.col3:first-child {
  float: left;
  margin-left: 0%;
  width: 30%; }

.col4 {
  float: left;
  margin-left: 3%;
  width: 22.7%; }

.col4:first-child {
  margin-left: 0; }

@media screen and (max-width: 850px) {
  .col4 {
    margin-left: 0;
    margin-right: 0%;
    width: 40%; }

  .col4:first-child {
    margin-left: 2%; } }
@media screen and (max-width: 580px) {
  .col2 {
    float: none;
    margin-left: 0;
    margin-bottom: 1.5em;
    width: 100%; }

  .col2:first-child {
    float: none;
    width: 100%; }

  .col22,
  .col22:first-child {
    float: none;
    margin: 0 0 2em;
    width: 100%; }

  .col3 {
    float: none;
    margin-left: 0;
    margin-bottom: 1.5em;
    width: 100%; }

  .col3:first-child {
    float: none;
    width: 100%; }

  .col4,
  .col4:first-child {
    float: none;
    margin: 0 0 2em;
    width: 100%; } }

  .v65-col4 {
    margin: 0px 0% 3em;
    width: 12em;
    float: left; }

.v65-col4:first-child {
    margin-left: 0;
  }

.v65-featureRight, .v65-right,
.v65-featureLeft, .v65-left,
.v65-border {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.headerContactLink {
  height: 32px;
  width: 32px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-top: -5px; }
  @media screen and (max-width: 1093px) {
    .headerContactLink {
      display: none; } }


/* Styling for Page Banner Title added by BM 6/14/2024 */

.content.v65-group h1 {
    text-align: left;
}

/* Styling for email subscription section updated by CG 1/11/2020 */
#subscribeSection {
  background: #fff;
  text-align: center;
  position: static; }

  #mc_embed_signup_scroll{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      width: auto;
      position: relative;
      margin: 0 20%;
  }

/* Styling for email subscription section updated by BM 6/13/2024 */


#subscribeSection button.defaultBtn, 
#subscribeSection button.modalBtn, 
#subscribeSection button.largeBtn, 
input[type="submit"]#mc-embedded-subscribe {
    background-color: #821B2E;
    color: #fff;
    line-height: 2em;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 2px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 300;
    padding: 8px 15px;
    border: 2px solid #B49265;
    text-decoration: none;
    vertical-align: middle;
    height: 48px;
    /* margin: 0px, 20px;
    display: inline-block; */
    white-space: nowrap; 
}

input[type=text],input[type=password],input[type=username],input[type=tel],input[type=email] {
    border: 1px solid #ccc;
    height: 2.25em;
    line-height: 2.5em;
    min-width: 3em;
    padding: 0 .5em
}

@media screen and (max-width: 580px) {
    input[type=text],input[type=password],input[type=username],input[type=tel],input[type=email] {
        min-width: 3em
    }
}

/* Media query for mobile devices */
@media (max-width: 767px) {
    #subscribeSection button.defaultBtn, 
    #subscribeSection button.modalBtn, 
    #subscribeSection button.largeBtn, 
    input[type="submit"]#mc-embedded-subscribe {
        max-width: 100%; 
        padding: 8px 16px; 
        font-size: 14px; 
        white-space: normal; 
    }
}

  #subscribeSection input.email {
    height: 44px;
    vertical-align: bottom;
    width: 32%;
    background: #eee;
    border: 2px solid #ccc;
    color: #777;
    font-size: 14px;
    line-height: 2.5em;
    font-family: "Montserrat", sans-serif;
    /*margin-left: 10px;*/
    margin-right: 5px;
  }

  /* Tablet and mobile styling */
  @media screen and (max-width: 995px) {
    #mc_embed_signup_scroll{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        /*justify-content: center;*/
        align-items: center;
    }

.homepage div#mc_embed_signup {
    display: none;
    position: relative;
    top: 3em;
}

    #subscribeSection input.email {
      width: 95%;
      display: block;
      margin: 0 auto 5px auto;
    }

    .submitBtn{
      width: 110px;
    }
    #subscribeSection button.defaultBtn, #subscribeSection button.modalBtn, #subscribeSection button.largeBtn, input[type="submit"]#mc-embedded-subscribe{
      width: 100%;
    }
  }

  @media screen and (max-width: 768px) {
    #subscribeSection input.email {
      width: 80%;
      display: block;
      margin: 0 auto;
      margin-bottom: 10px; } }

  @media screen and (max-width: 560px) {
    #subscribeSection input#mc-embedded-subscribe {
      font-size: 14px; } }


input[type="submit"]#mc-embedded-subscribe:hover, input[type="submit"]#mc-embedded-subscribe:active{
    background-color: #B17483;
}
/* End email subscription component styling */

.producerTeaser, .testimonialTeaser, .recipeTeaser {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 50px;
  text-align: center;
  min-height: 400px; }
  @media screen and (min-width: 769px) {
    .producerTeaser, .testimonialTeaser, .recipeTeaser {
      width: 30%;
      margin-right: 1%;
      margin-left: 1%; }
      .producerTeaser:nth-child(3n-0), .testimonialTeaser:nth-child(3n-0), .recipeTeaser:nth-child(3n+3) {
        margin-right: 1%;
        margin-left: 1%;} }
  @media screen and (max-width: 768px) {
    .producerTeaser, .testimonialTeaser, .recipeTeaser {
      width: 47.5%;
      margin-right: 4%; }
      .producerTeaser:nth-child(2n-1), .testimonialTeaser:nth-child(2n-1), .recipeTeaser:nth-child(2n-1) {
        margin-right: 0; } }
  @media screen and (max-width: 580px) {
    .producerTeaser, .testimonialTeaser, .recipeTeaser {
      width: 100%; } }
  .producerTeaser .imageWrapper, .testimonialTeaser .imageWrapper, .recipeTeaser .imageWrapper {
    margin: 0 auto 30px;
    width: 80%; }
  .producerTeaser p, .testimonialTeaser p, .recipeTeaser p {
    margin-bottom: 65px; }
  .producerTeaser a, .testimonialTeaser a, .recipeTeaser a {
    color: #821B2E; }
    .producerTeaser a h4, .testimonialTeaser a h4, .recipeTeaser a h4 {
      margin-bottom: 8px;
      color: #821B2E; }
  .producerTeaser .btnWrapper, .testimonialTeaser .btnWrapper, .recipeTeaser .btnWrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0; }

.v65-recipe-drilldown-right {
  width: 18em;
  margin-top: 1em;
}

.v65-recipe-drilldown-description {
  margin-top: 1.2em;
}

/* Recipe related products image adjustment */

.v65-product-relatedProducts .v65-product-photo img {
  max-width: none !important;
}

.palateTeaser {
  position: relative;
  display: inline-block;
  vertical-align: top;

}

.producerDrilldown h3 {
  font-weight: 300;
  text-transform: uppercase;
  color: #821B2E; }
.producerDrilldown h4 {
  font-weight: 500;
  text-transform: uppercase;
  color: #821B2E; }
.producerDrilldown .linkBtn {
  float: left;
  margin-right: 6px; }

.fancyboxGalleryItem {
  display: inline-block;
  max-width: 30%;
  padding: 1.4%; }
  @media screen and (max-width: 580px) {
    .fancyboxGalleryItem {
      max-width: 45%;
      padding: 1%; } }
  @media screen and (max-width: 400px) {
    .fancyboxGalleryItem {
      max-width: 100%;
      padding: 10px 0; } }

.pageBanner {
  width: 100%;
  height: 225px;
  background-size: cover;
  background-position: center; }
  @media screen and (max-width: 1440px) {
    .pageBanner {
      height: 300px; } }
  @media screen and (max-width: 768px) {
    .pageBanner {
      height: 200px; } }
  @media screen and (max-width: 400px) {
    .pageBanner {
      height: 150px; } }

/* REGIONS PAGE */
.regions-page #region-wrapper {
  display: table;
  table-layout: fixed; }
  @media screen and (max-width: 768px) {
    .regions-page #region-wrapper {
      display: block;
      position: relative; } }
  .regions-page #region-wrapper #region-mobile-header {
    display: none; }
    @media screen and (max-width: 768px) {
      .regions-page #region-wrapper #region-mobile-header {
        display: block; } }
  .regions-page #region-wrapper #region-map {
    display: table-cell;
    width: 434px; }
    @media screen and (max-width: 768px) {
      .regions-page #region-wrapper #region-map {
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 434px; } }
    .regions-page #region-wrapper #region-map #map-wrapper {
      width: 100%;
      position: relative;
      top: -3em; }
    .regions-page #region-wrapper #region-map .map-image {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 20;
      background-size: contain;
      top: 0; }
      .regions-page #region-wrapper #region-map .map-image.hover:not(.selected) {
        opacity: 0.75; }
    .regions-page #region-wrapper #region-map .map-tag {
      position: absolute;
      border-radius: 100%;
      cursor: pointer;
      z-index: 30; }
    .regions-page #region-wrapper #region-map #map-chablis {
      background-image: url("../images/regions-page/map_1.png"); }
      .regions-page #region-wrapper #region-map #map-chablis.selected {
        background-image: url("../images/regions-page/map_1_selected.png"); }
    .regions-page #region-wrapper #region-map #tag-chablis {
      left: 20%;
      top: 6%;
      width: 28%;
      height: 11%; }
    .regions-page #region-wrapper #region-map #map-cote-de-nuits {
      background-image: url("../images/regions-page/map_2.png"); }
      .regions-page #region-wrapper #region-map #map-cote-de-nuits.selected {
        background-image: url("../images/regions-page/map_2_selected.png"); }
    .regions-page #region-wrapper #region-map #tag-cote-de-nuits {
      left: 80%;
      top: 19%;
      width: 12%;
      height: 13%; }
    .regions-page #region-wrapper #region-map #map-cote-de-beaune {
      background-image: url("../images/regions-page/map_3.png"); }
      .regions-page #region-wrapper #region-map #map-cote-de-beaune.selected {
        background-image: url("../images/regions-page/map_3_selected.png"); }
    .regions-page #region-wrapper #region-map #tag-cote-de-beaune {
      left: 62%;
      top: 30%;
      width: 23%;
      height: 11%; }
    .regions-page #region-wrapper #region-map #map-cote-chalonnaise {
      background-image: url("../images/regions-page/map_4.png"); }
      .regions-page #region-wrapper #region-map #map-cote-chalonnaise.selected {
        background-image: url("../images/regions-page/map_4_selected.png"); }
    .regions-page #region-wrapper #region-map #tag-cote-chalonnaise {
      left: 65%;
      top: 40%;
      width: 12%;
      height: 14%; }
    .regions-page #region-wrapper #region-map #map-maconnais {
      background-image: url("../images/regions-page/map_5.png"); }
      .regions-page #region-wrapper #region-map #map-maconnais.selected {
        background-image: url("../images/regions-page/map_5_selected.png"); }
    .regions-page #region-wrapper #region-map #tag-maconnais {
      left: 66%;
      top: 52%;
      width: 21%;
      height: 18%; }
    .regions-page #region-wrapper #region-map #map-beaujolais {
      background-image: url("../images/regions-page/map_6.png"); }
      .regions-page #region-wrapper #region-map #map-beaujolais.selected {
        background-image: url("../images/regions-page/map_6_selected.png"); }
    .regions-page #region-wrapper #region-map #tag-beaujolais {
      left: 56%;
      top: 70%;
      height: 25%;
      width: 25%; }
    .regions-page #region-wrapper #region-map .map-label {
      position: absolute;
      z-index: 25;
      font-family: "Montserrat", sans-serif;
      font-size: 30px;
      font-weight: 300;
      color: #555;
      cursor: pointer; }
      @media screen and (max-width: 430px) {
        .regions-page #region-wrapper #region-map .map-label {
          font-size: 23px; } }
      .regions-page #region-wrapper #region-map .map-label.selected {
        font-weight: 400;
        color: #821B2E; }
    .regions-page #region-wrapper #region-map #label-chablis {
      top: 9%;
      left: 48%; }
    .regions-page #region-wrapper #region-map #label-cote-de-nuits {
      top: 21%;
      right: 21%; }
    .regions-page #region-wrapper #region-map #label-cote-de-beaune {
      top: 31%;
      right: 33%; }
    .regions-page #region-wrapper #region-map #label-cote-chalonnaise {
      top: 43%;
      right: 32%; }
    .regions-page #region-wrapper #region-map #label-maconnais {
      top: 59%;
      right: 30%; }
    .regions-page #region-wrapper #region-map #label-beaujolais {
      top: 79%;
      right: 41%; }
  .regions-page #region-wrapper #region-content {
    display: table-cell;
    vertical-align: top; }
    @media screen and (max-width: 768px) {
      .regions-page #region-wrapper #region-content {
        display: none; } }
    .regions-page #region-wrapper #region-content .regions-content-item {
      padding: 20px 10px 0;
      border-top: 1px solid #949494; }
      .regions-page #region-wrapper #region-content .regions-content-item h3 {
        font-weight: 100;
        color: #821B2E;
        margin-bottom: 18px;
        cursor: pointer; }
      .regions-page #region-wrapper #region-content .regions-content-item .regions-inner-content {
        display: none; }
      .regions-page #region-wrapper #region-content .regions-content-item .close-region {
        display: none; }
  .regions-page #region-wrapper #region-mobile-content {
    display: none;
    width: 100%;
    position: absolute;
    top: 0; }
    @media screen and (max-width: 768px) {
      .regions-page #region-wrapper #region-mobile-content {
        display: block; } }
    .regions-page #region-wrapper #region-mobile-content .regions-content-item {
      position: absolute;
      width: 85%;
      top: 0;
      background: #EFE8E0;
      z-index: 800;
      padding: 5%;
      margin: 5% auto;
      left: 0;
      right: 0;
      border-radius: 30px;
      max-height: 600px;
      display: none; }
      .regions-page #region-wrapper #region-mobile-content .regions-content-item .regions-inner-content {
        max-height: 560px;
        overflow-y: auto; }
      .regions-page #region-wrapper #region-mobile-content .regions-content-item .close-region {
        font-size: 28px;
        position: absolute;
        top: 26px;
        right: 35px;
        text-transform: uppercase;
        color: black;
        cursor: pointer; }
        .regions-page #region-wrapper #region-mobile-content .regions-content-item .close-region:hover {
          text-decoration: none;
          color: #fff; }
      @media screen and (max-width: 450px) {
        .regions-page #region-wrapper #region-mobile-content .regions-content-item h3 {
          font-size: 20px;
          line-height: 3em; }
        .regions-page #region-wrapper #region-mobile-content .regions-content-item .linkBtn span {
          font-size: 18px; } }
.regions-page .linkBtn {
  margin: initial; }

#v65-modalContentHeader {
  padding: 6px 10px 6px 0; }
  #v65-modalContentHeader a.modalLinkBtn {
    margin: 0;
    float: right;
    height: 24px; }
    #v65-modalContentHeader a.modalLinkBtn span {
      font-size: 8px; }


  /**********************************************************
  ****** Media Page styling added by CG 12/12/20  ----- *****
  ***********************************************************/
  .mediaContainer{
    display: flex;
    flex-wrap: wrap;
    margin: 10vh 6vw;
    /*background-color: blue;*/
  }
  .mediaTeaser{
    flex-grow: 0;
    vertical-align: top;
    margin-bottom: 20vh;
    text-align: center;
    min-height: 250px;
    /*background-color: orange;*/
  }
    /* ----- Styling for desktop ----- */
    @media screen and (min-width: 769px) {
      .mediaTeaser {
        flex: 30%;
        margin-right: 5%;
        flex-grow: 0;
      }
        .mediaTeaser:nth-child(3n+1) {
          margin-right: 0;
      }
    }
    /* ----- Styling for tablets ----- */
    @media screen and (max-width: 768px) {
      .mediaTeaser {
        flex: 46%;
        margin-right: 8%;
        flex-grow: 0;
      }
      .mediaTeaser:nth-child(2n-1) {
          margin-right: 0;
      }
    }
    /* ----- Styling for mobile ----- */
    @media screen and (max-width: 580px) {
      .mediaTeaser {
        flex: 100%;
        margin-right: 0;
      }
    }
    /* ----- Styling for media logos ----- */
    .mediaTeaser .logoWrapper {
      /*width: 80%;
      background-color: yellow;*/
      height: 30%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .logoWrapper img{
      max-width: 80%;
      height: 30%;
    }
    /* ----- Styling for teaser text ----- */
    .mediaTeaser .teaserText{
      padding: 0% 8% 5% 8%;
      height: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1.4rem;
      /*text-align: left;*/
      margin: 0;
    }

    .teaserText p, .teaser-text p{
      -webkit-box-orient: vertical;
      display: block;
      display: -webkit-box;
      overflow: hidden !important;
      text-overflow: ellipsis;
      -webkit-line-clamp: 4;
    }
    /* ----- Styling for button linking to article ----- */
    .mediaTeaser .btnWrapper {
      /*background-color: green;*/
      height: 20%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }

  /*  ------------ End Media styling -------------- */

  /* ------------- Village pages ------------------ */
  /*.teaser-item{
    flex-grow: 0;
    vertical-align: top;
    margin-bottom: 20vh;
    text-align: center;
    min-height: 300px;
    max-height: 80vh;
  } */

  .teaser-photo-box{
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .teaser-photo{
    flex: 1;
    justify-content: center;
    align-items: center;
    object-fit: contain;
  }

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

  .teaser-title {
    padding: 10% 0% 8% 0%;
    text-align: center;
    text-transform: uppercase;
  }

  .teaser-text{
    height: 40%;
    text-align: center;
  }

  .teaser-button{
    display: flex;
    justify-content: center;
    height: 20%;
  }

    /* ----- Styling for desktop ----- */
    @media screen and (min-width: 769px) {
      /*.teaser-item {
        flex: 30%;
        margin-right: 5%;
        flex-grow: 0;
        margin-bottom: 20vh;
      }
        .teaser-item:nth-child(3n) {
          margin-right: 0;
      }*/

      .teaser-photo{
        object-fit: contain;
      }
    }
    /* ----- Styling for tablets ----- */
    @media screen and (max-width: 768px) {
      /*.teaser-item {
        flex: 46%;
        margin-right: 8%;
        margin-bottom: 20vh;
        flex-grow: 0;
      }
      .teaser-item:nth-child(2n) {
          margin-right: 0;
      } */
    }
    /* ----- Styling for mobile ----- */
    @media screen and (max-width: 580px) {
     /* .teaser-item {
        flex: 100%;
        margin-right: 0;
        margin-bottom: 20vh;
      } */
    }

    /* ----- Styling for teaser text ----- */
    .teaser-item .teaser-text {
      padding: 0% 8% 5% 8%;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1.4rem;
      margin: 0;
    }

    /* ----- Styling for button linking to article ----- */
    .teaser-item .btnWrapper {
      height: 20%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
/* ---------------- End Village pages ---------------- */

  /* Flexbox containers */
  /* Flexbox for one completely centered child */
  .flex-xcenter-ycenter{
    display: flex;
    align-content: center;
    justify-content: center;
    height: 100px;
    width: 300px;
    border: solid 1px;
  }

  /* Flexbox container for column with elements centered vertically */
  .flex-1col-xcenter{

  }


  /***************************************************
  ************** -- Gridbox styles -- ****************
  ****************************************************/
  /* Grid containing three columns */
  /* Used for lists of producers and villages pages */
  .grid-container {
    display: grid;
    grid-template-columns: 32% 33% 33%;
    grid-gap: 0px;
    line-height: 90%;
    padding: 5px;
    text-align: center;
    font-size: 10pt;
  }

  .grid-container > div {
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding: 1px 0;
    font-size: 30px;
  }

  a.grid-link{
    text-transform: uppercase;
    padding-bottom: 1em;
  }

  a.grid-link:hover {
    text-shadow: 0px 0px 1px rgba(130,27,46,.5);
  }

/* Grid containing three columns */
/* Used for Wine Descriptors & Palate Advisor */

.red-descriptor-container {
  display: grid;
  background-color: #821B2E;
  width: 6em;
  height: 3em;
  padding: 10px;
  color: #ffffff;
  text-align: center;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.white-descriptor-container {
  display: grid;
  background-color: #f3e6a9;
  width: 6em;
  height: 3em;
  padding: 10px;
  color: #404040;
  text-align: center;
  justify-content: center;
  align-items: center;
  text-align: center;
}


 /* Gridbox with two columns */
 .grid-container-2col{
   display: grid;
   grid-template-columns: 42% 58%;
   margin-top: 5%;
   grid-template-areas:
    "left-column right-column";
 }

 /* Gridbox with two columns in first row, 1 col in second row */
 .grid-container-2col-1col{
   display: grid;
   grid-template-columns: 42% 58%;
   grid-template-rows: auto auto auto;
   margin-top: 5%;
   grid-template-areas:
    "left-column right-column"
    "full-column full-column";
 }

 .right-column{
   grid-area: right-column;
   padding: 0 10%;
 }

 .left-column{
   grid-area: left-column;
 }

 .full-column{
   grid-area: full-column;
 }


 img.centered-photo{
   display: block;
   margin: 0 0 10% auto;
   max-width: 75%;
 }

 .button-row{
   display: flex;
   flex-direction: row;
   justify-content: center;
   flex-wrap: wrap;
   max-width: 75%;
   margin: 0 0 10% auto;
 }

 .no-left-space{
   margin: .67em 1em .67em 0em !important;
 }



 /* ----- Styling for mobile ----- */
 @media screen and (max-width: 580px){
   .grid-container-2col{
     display: grid;
     grid-template-columns: 1fr;
     margin-top: 5%;
     grid-template-areas:
      "left-column"
      "right-column";
   }

   .grid-container-2col-1col{
     display: grid;
     grid-template-columns: 1fr;
     grid-template-rows: auto auto auto;
     margin-top: 5%;
     grid-template-areas:
      "left-column"
      "right-column"
      "full-column";
   }

   img.centered-photo{
     display: block;
     margin: 0 auto 5% auto;
     max-width: 75%;
   }

   .button-row{
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     flex-wrap: wrap;
     max-width: 75%;
     margin: 0 auto 10% auto;
   }
 }

 /* test classes */
 .blue{
   background-color: blue;
 }

 .yellow{
   background-color: yellow;
 }

 .orange{
   background-color: orange;
 }


 /*******************************************************
 **   About Us styles
 *******************************************************/
 .team-bio-container{
    margin: 0% 5% 0% 5%;
  }

  .italic-text{
    font-style: italic;
  }

  .team-bio-container .img-right{
  margin: 0px 0px 25px 35px;
  }

  .img-right{
    float: right;
  }

  .team-bio-container .img-left{
    margin: 0px 35px 25px 0px;
  }

  .img-left{
    float: left;
  }

  .team-bio-container .img-mid-text{
    margin-top: 25px;
  }

/* ----- c. Store Styles ----- */
@media screen and (max-width: 995px) {
  body.store .pageBanner {
    display: none; } }

@media screen and (max-width: 995px) {
  .hideMobile {
    display: none; } }

@media screen and (max-width: 725px) {
  #v65-fieldset-wholesalerInfo, #v65-fieldset-billingInfo,
  #v65-fieldset-shippingOptions, #v65-fieldset-shippingInfo,
  #v65-fieldset-paymentMethod, #v65-fieldset-sourceCode,
  #v65-fieldset-usernamePassword {
    width: 98%; } }

@media screen and (max-width: 720px) {
  .print {
    margin: 0 10px; } }

@media screen and (max-width: 580px) {
  .v65-product1Up .v65-product-photo {
    margin-right: 4%;
    width: 21%; } }

.v65-product2Up .v65-product-photo {
  margin: 0 15px; }

@media screen and (max-width: 580px) {
  .v65-product1UpStore .v65-product-photo {
    margin-right: 3%;
    width: 16%; } }

@media screen and (max-width: 580px) {
  .v65-product1UpStore .v65-product-infoWrapper,
  .v65-product1UpStore .v65-product-commerceWrapper {
    width: 81%; } }

.homepageProductGroup .v65-product-photo {
  margin: 0 15px 0 0; }

.v65-paging {
  clear: left; }

.v65-clear {
  display:none; }

@media screen and (min-width: 501px) {
  div#v65-navTypeVarietal, #v65-navRegionAppellation, #v65-navBrand, #v65-navAppellation {
    float: left;
    width: 33.33%; } }

@media screen and (min-width: 501px) {
  div#v65-navPalateAdvisor {
    float: left;
    width: 20%; } }

input#EREB01W-20-quantity-box {
    padding-bottom: .1em;
}


/*      CUSTOM       */
.v65-paging {
  border: none; 
  margin: 0 0 .5em;
  line-height: 1em; }

.v65-product-pagination {
  text-align: right;
  width: 100%; }

.v65-product-pagination li a {
  height: 1.75em;
  width: 1.75em;
  line-height: 1.75em;
}

#store-section {
  display: table;
  table-layout: fixed; }
  #store-section .store-left, #store-section .store-right {
    display: table-cell; }
    @media screen and (max-width: 750px) {
      #store-section .store-left, #store-section .store-right {
        display: block; } }
  #store-section .store-left {
/*    width: 260px; */
    padding-right: 20px; }
    @media screen and (max-width: 750px) {
      #store-section .store-left {
        width: 100%;
        padding: 0;
        margin-bottom: 1em; } }

#store-section-test {
  display: table;
  table-layout: fixed; }
  #store-section-test .store-left, #store-section-test .store-right {
    display: table-cell; }
    @media screen and (max-width: 768px) {
      #store-section-test .store-left, #store-section-test .store-right {
        display: block; } }
  #store-section-test .store-left {
    width: 260px; }
    @media screen and (max-width: 768px) {
      #store-section-test .store-left {
        width: 100%;
        position: absolute; } }
  @media screen and (min-width: 769px) {
    #store-section-test .wines-menu {
      display: none; } }
  @media screen and (max-width: 768px) {
    #store-section-test {
      /* The side navigation menu */ }
      #store-section-test .menu-sidenav {
        top: 70px;
        right: 32px;
        margin: 0;
        z-index: 1;
        background: white;
        position: absolute;
        transform: translateY(-200%);
        transition: transform 0.3s cubic-bezier(1, 0.5, 0, 1);
        box-shadow: -20px 13px 15px 0px rgba(0, 0, 0, 0.2); }
        #store-section-test .menu-sidenav.active {
          transform: translateY(0); }
      #store-section-test .wines-menu {
        width: 45%;
        float: right;
        position: relative;
        height: 60px;
        border: 1px solid red; }
      #store-section-test .menu-toggle {
        top: 15px;
        width: 22px;
        padding: 8px 0;
        cursor: pointer;
        position: relative;
        float: right;
        right: 5px; }
        #store-section-test .menu-toggle span {
          height: 4px;
          display: inline-block;
          overflow: visible;
          text-indent: -200px;
          font-family: "Montserrat", sans-serif;
          font-weight: 300;
          font-size: 24px;
          white-space: nowrap;
          transition: background 0.3s ease-in-out; }
          #store-section-test .menu-toggle span .icon-menu:after {
            content: '\e600';
            position: absolute; }
        #store-section-test .menu-toggle.menu-open span {
          background: transparent; } }
  @media screen and (min-width: 581px) and (max-width: 990px) {
    #store-section-test .customProductList {
      width: 45%; } }

.store-header {
  border: 1px solid #928D79;
  background: #F6F3EE;
  padding: 5px 10px;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 24px;
  color: #2C4F0D;
  margin-bottom: 12px; }
  @media screen and (max-width: 750px) {
   .store-header {
    border: 1px solid #928D79;
    border-left: 1px solid #928D79;
    border-right: 1px solid #928D79;
    background: #F6F3EE;
    padding: 5px 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: #2C4F0D;
    margin-bottom: 12px; } }
  .store-header.store-sidebar a {
    color: #555; }

#v65-navPriceTitle, #v65-navTypeVarietalTitle, #v65-navVintageTitle, #v65-navRegionAppellationTitle, #v65-navBrandTitle, #v65-navPalateAdvisorTitle, #v65-navAppellationTitle {
  width: 240px;
  background: #F6F3EE;
  display: block;
  /*text-transform: uppercase;*/
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  padding: 8px 0;
  padding-left: 20px;
  margin: 5px 0; }



#v65-navPrice, #v65-navTypeVarietal, #v65-navVintage, #v65-navRegionAppellation, #v65-navBrand, #v65-navPalateAdvisor, #v65-navAppellation {
  position: relative; }
  #v65-navPrice ul, #v65-navTypeVarietal ul, #v65-navVintage ul, #v65-navRegionAppellation ul, #v65-navBrand ul, #v65-navPalateAdvisor ul, #v65-navAppellation ul {
    margin: 10px 0;
    list-style-type: circle;
    padding: 0 0 0 25px; }
    #v65-navPrice ul li, #v65-navTypeVarietal ul li, #v65-navVintage ul li, #v65-navRegionAppellation ul li, #v65-navBrand ul li, #v65-navPalateAdvisor ul li, #v65-navAppellation ul li {
      margin: 10px 0; }
      #v65-navPrice ul li a, #v65-navTypeVarietal ul li a, #v65-navVintage ul li a, #v65-navRegionAppellation ul li a, #v65-navBrand ul li a, #v65-navPalateAdvisor ul li a, #v65-navAppellation ul li a {
        color: #555;
        font-weight: 600; }
      #v65-navPrice ul li h5, #v65-navTypeVarietal ul li h5, #v65-navVintage ul li h5, #v65-navRegionAppellation ul li h5, #v65-navBrand ul li h5, #v65-navPalateAdvisor ul li h5, #v65-navAppellation ul li h5 {
        margin-bottom: 0;
        font-size: 1em; }

#v65-navPrice ul {
  display: block; }

#v65-navTypeVarietal ul {
  display: block; }

#v65-navRegionAppellation ul {
  display: none; }

#v65-navBrand ul {
  display: none; }

#v65-navPalateAdvisor ul {
  display: none; }

#v65-navAppellation ul {
  display: none; }

.allBtn {
  position: absolute;
  top: 5px;
  left: 15px;
  font-size: 1.4em;
  cursor: pointer;
  color: #b7ad9d; }

@media screen and (min-width: 501px) {
  #v65-navTypeVarietal, #v65-navRegionAppellation, #v65-navBrand, #v65-navRegionAppellation, #v65-navBrand, #v65-navPalateAdvisor, #v65-navAppellation {
    float: none !important;
    width: auto !important; } }
.customProductList {
  display: inline-block;
  vertical-align: top;
  width: 32.5%;
  margin-right: 0%;
  margin-top: 1em;
  margin-bottom: 2em; }
  .customProductList:nth-child(2n) {
    margin-right: 0;
    min-width: 220px; }
  @media screen and (max-width: 990px) {
    .customProductList {
      margin-right: 0;
      width: 100%;
      min-width: 220px; }
      .customProductList:nth-child(2n) {
        margin-right: 0; } }
  .customProductList .v65-product-infoWrapper {
    text-align: center;
    text-wrap: auto; }
    .customProductList .v65-product-infoWrapper .v65-product-title {
      font-style: normal;
      font-weight: 100;
      font-size: 16px;
      line-height: 1.2em;
      min-height: 4em;
      align-content: center; }
      .customProductList .v65-product-infoWrapper .v65-product-title a {
        color: #2C4F0D; }
    .customProductList .v65-product-infoWrapper .v65-product-addToCart-quantity input[type='text'] {
      min-width: 1.25em;
      max-width: 1.4em; }
    .customProductList .v65-product-infoWrapper .v65-product-addToCart-button {
      margin: 5px; }

.v65-productGroup-product {
  width: 31%; }
  @media screen and (max-width: 667px) {
    .v65-productGroup-product {
      width: 100%; } }
  .v65-productGroup-product .v65-product-title {
    font-style: normal;
    font-weight: 100;
    font-size: 24px; }
    .v65-productGroup-product .v65-product-title a {
      color: #2C4F0D; }
  .v65-productGroup-product .v65-product-addToCart-button {
    margin: 5px;
    background-color: #2C4F0D !important; }
  .v65-productGroup-product:first-child {
    margin-left: 0; }
@media (max-width: 767px) {
    .v65-product-title {
        font-size: 14px; /* Reduce font size */ } }
@media screen and (max-width: 750px) {
  .v65-productGroup .v65-clear {
    display: none; } }
.v65-productGroup .v65-clear.productGroup-2Up-rowClear {
  display: none; }
  @media screen and (min-width: 581px) and (max-width: 599px) {
    .v65-productGroup .v65-clear.productGroup-2Up-rowClear {
      display: block; } }

.v65-productWrapper h1, .v65-productWrapper .v65-product-subtitle, .v65-product-subtitle.v65-subtitle a {
  float: none;
  width: 100%;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 24px;
  color: #2C4F0D; }

.no-label .v65-product-attributeLabel {
  display: none; }
.no-label .v65-product-attributeValue {
  display: block;
  margin: 0; }

.v65-product-inventoryMessage {
  margin-top:.5em;
  margin-bottom: .1em; }

.v65-product-inventoryMessage-currentInventory::before {
  content: 'Only '; }

.v65-product-inventoryMessage-currentInventory::after {
  content: '!'; }

.v65-product-socialBar {
  margin-top: 4em; }

.drilldown-content .v65-product-addToCart-button {
  margin-top: 0px; }
  .drilldown-content .v65-product-addToCart-button button {
    margin: 0 0 0 1 !important;
    display: inline-block;
    background-color: #2C4F0D !important; }
.drilldown-content .linkAltBtn {
  margin: 0 !important; }
.drilldown-content .product-values {
  margin: 30px 0; }
  .drilldown-content .product-values .v65-product-attributeValue {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 20px;
    padding: 2px; }
.drilldown-content .info-sections .v65-product-attributeLabel {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #2C4F0D;
  border-top: 1px solid #999;
  padding-top: 12px;
  cursor: pointer;
  position: relative; }
  .drilldown-content .info-sections .v65-product-attributeLabel:after {
    content: '+';
    position: absolute;
    font-size: 24px;
    right: 20px;
    top: 8px;
    font-weight: 300; }
  .drilldown-content .info-sections .v65-product-attributeLabel.opened:after {
    transform: rotateZ(45deg); }
.drilldown-content .info-sections .v65-product-attributeValue {
  line-height: 1.5;
  display: none; }



/*************************************************************
SCROLLING RELATED PRODUCT TICKER ON DRILL DOWN PAGE // BM 2024
**************************************************************/
/* Related Products Ticker */
.relatedProductsTicker {
  display: none;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding: 20px;
  background-color: #f9f9f9;
}

.relatedProductsTicker .customProductList.v65-group {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  overflow: hidden;
  width: 220px;
  background-color: #fff;
  transition: transform 0.3s, box-shadow 0.3s;
}

.relatedProductsTicker .customProductList.v65-group:hover {
  transform: scale(1.05);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.relatedProductsTicker .customProductList.v65-group img {
  width: 100%;
  height: auto;
}

.relatedProductsTicker .v65-product-title.v65-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  padding: 10px;
  text-align: center;
}

.relatedProductsTicker .v65-product-addToCart {
  padding: 10px;
  text-align: center;
  background-color: #821b2e;
  color: #fff;
  cursor: pointer;
}

.relatedProductsTicker .v65-product-addToCart:hover {
  background-color: #b02639;
}

/* Responsive adjustments */
@media screen and (max-width: 768px) {
  .relatedProductsTicker {
    flex-direction: column;
    align-items: center;
  }
}



/*************************************************************
**************************************************************/


  #v65-productFilter #v65-productFilterPrecursor {
    display: none; }
  #v65-productFilter ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    #v65-productFilter ul a {
      color: #2C4F0D; }
    #v65-productFilter ul li {
      line-height: 29px;
      display: inline-block; }
      #v65-productFilter ul li:not(:last-child):after {
        content: "/";
        padding-left: 15px;
        padding-right: 7px; }

.v65-product-sortBy {
    float: left;
    margin-top: .6em;
     width: 58%; 
}

select#v65-SortByForm {
    margin-left: .5em;
}

.v65-productGroup-title, .v65-productGroup-teaser {
  display: none; }

.v65-product-perPage {
  float: right;
  width: auto; }

#v65-cartCheckOutCoupons button.modalBtn, #v65-cartCheckOutCoupons button.altModalBtn, .v65-cartItemAmount button.modalBtn, .v65-cartItemAmount button.altModalBtn {
  height: 48px; }
  #v65-cartCheckOutCoupons button.modalBtn input, #v65-cartCheckOutCoupons button.altModalBtn input, .v65-cartItemAmount button.modalBtn input, .v65-cartItemAmount button.altModalBtn input {
    width: 90px; }
  #v65-cartCheckOutCoupons button.modalBtn span, #v65-cartCheckOutCoupons button.altModalBtn span, .v65-cartItemAmount button.modalBtn span, .v65-cartItemAmount button.altModalBtn span {
    font-size: 0.8em;
    letter-spacing: inherit; }

#v65-couponFormWrapper button.modalBtn, #v65-couponFormWrapper button.altModalBtn, #v65-giftCardFormWrapper button.modalBtn, #v65-giftCardFormWrapper button.altModalBtn {
  height: 48px; }
#v65-couponFormWrapper input, #v65-giftCardFormWrapper input {
  height: 48px; }

.v65-product-reviewStats {
  display: none; }

@media screen and (max-width: 480px) {
  #v65-checkBilling select[name=BillBirthDay], #v65-checkBilling select[name=BillBirthYear] {
    width: 31%; } }



/* ===================================================================================================
   5. Blog - Updated to include responsive adjustments for blog posts
======================================================================================================== */

.blogSearch {
  max-width: 25em;
  margin: 0 auto 2em auto; /* centers it and adds spacing below */
  text-align: center;      /* optional, depending on how inner elements behave */
}

.content.pageContent.v65-group .v65-blogPostWrapper .v65-blogPost img {
    display: block;
    max-width: 100%; /* Make sure the image fits the container */
    height: auto;
    margin-bottom: 10px; /* Space between the image and the h2 tag */
}

@media screen and (max-width: 580px) {
  .blogContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1% 0;
  }

  .blogContent > .v65-blogPostWrapper {
    width: 100%; /* Full width for smallest screens */
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 581px) and (max-width: 991px) {
  .blogContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1% 0;
  }

  .blogContent > .v65-blogPostWrapper {
    width: 48%; /* Two-column layout for medium screens */
    margin-bottom: 20px;
    margin-right: 2%;
  }

  .blogContent > .v65-blogPostWrapper:nth-child(2n) {
    margin-right: 0; /* Removes margin from every second item */
  }
}

@media screen and (min-width: 992px) {
  .blogContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding: 3% 0;
  }

  .blogContent > .v65-blogPostWrapper {
/*    width: 31%;  Three-column layout for larger screens */
    margin-bottom: 20px;
/*    margin-right: 2%; */
  }

  .blogContent > .v65-blogPostWrapper:nth-child(3n) {
    margin-right: 0; /* Removes margin from every third item */
  }
}

.v65-blogPostWrapper {
    position: relative;
    margin-bottom: 1.5em;
    padding: 0;
}

.v65-blogPost img {
  width: 100%; /* Ensures the image stretches to the container's width */
  height: auto; /* Maintains the aspect ratio of the image */
  border-radius: 4px; /* Optional: Adds rounded corners to the image */
  margin-bottom: 10px; /* Adds space between the image and the text below */
}

.v65-blogPost {
    position: relative;
    padding-bottom: 1.5em;
}

/* Mobile screen adjustment */
@media (max-width: 580px) {
    .v65-blogPost {
        margin-left: 0%;
    }
}

.blogCategories ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  width: 75%;
  margin: 4% auto;
}

.blogCategories li {
  margin: .25em .75em;
  display: flex;
  justify-content: center;
}

.blogCategories li:hover a {
  background-color: #821b2e;
  color: #FFFFFF;
  text-decoration: none;
}

.blogCategories li a {
  display: block;
  padding: 0.25em 0.75em;
  color: inherit;
}

/* Styles for blog filter wrapper */
@media screen and (min-width: 581px) {
  .blogFilterWrapper {
    float: right;
    width: 20%;
  }
}

@media screen and (min-width: 768px) {
  .blogFilterWrapper {
    width: 30%;
  }
}

.blogFilterWrapper ul {
  list-style: none;
  padding: 0;
}

.blogFilterWrapper li {
  font-size: 11px;
  margin: 0 0 0 10px;
}

@media screen and (max-width: 580px) {
  .blogFilter {
    float: left;
    width: 100%;
  }

  .blogFilterLeft {
    padding-right: 4%;
  }
}

.blogCategories li.active {
    font-weight: bold; /* Emphasizes the active link text */
    color: #821B2E; /* Keeps the visual indicator consistent */
    border-bottom: 2px solid #B49265; /* Adds a visual underline */
}

.blogCategories li.active a {
    color: inherit; /* Ensures link text color matches the active style */
    text-decoration: none; /* Removes underline for the link */
}


/* Styles for pagination, search, categories unchanged */
.v65-avatar img {
  border: none;
}

.v65-product-pagination li a, .v65-Paging li a {
  height: 2em;
  width: 2em;
  line-height: 2em;
}

.v65-product-pagination ul, .v65-Paging ul {
  margin-bottom: 1em;
}

/* Hidden elements */
.v65-blogPostDate, .v65-blogFooter, .v65-itemcount, .v65-avatar {
  display: none;
}

/* Centering pagination */
div#v65-PagingTop {
  display: none;
  justify-content: center;
  width: 100%;
}

div#v65-PagingBottom {
  display: flex;
  justify-content: center;
  width: 100%;
}

/*---------------------------------------
/* Heart of Burgundy Newsletter Archive – 'Blog' menu item navigation dropdown
-----------------------------------------*/

/* Newsletter Archive Styling */
.newsletter-archive {
  background-color: white;
  padding: 20px 0;
  margin: 0 auto;
  text-align: center; /* Center the content */
}

.newsletter-archive h1 {
  font-size: 2em; /* Matches site-wide H1 */
  line-height: 1; /* Matches site-wide H1 */
  margin-bottom: 0.2em; /* Matches site-wide H1 */
  font-family: "Lora", serif; /* Matches site-wide H1 */
  text-transform: none; /* Matches site-wide H1 */
  color: #821B2E; /* Matches site-wide H1 */
}


.newsletter-archive p {
  font-family: "Roboto", sans-serif;
  font-size: 1em;
  color: #555; /* Neutral text color */
  margin-bottom: 20px;
}

.newsletter-archive .v65-list {
  list-style: none; /* Remove bullets */
  padding: 0;
  margin: 0;
  display: inline-block; /* Center-align the list */
  text-align: left; /* Align items within the list */
}

.newsletter-archive .v65-list li {
  margin: 10px 0;
}

.newsletter-archive .v65-list li a {
  font-family: "Lora", serif; /* Matches aesthetic */
  font-size: 1.1em;
  font-weight: normal; /* Remove bold */
  color: #821B2E; /* Burgundy color */
  text-decoration: none;
  transition: color 0.3s ease;
}

.newsletter-archive .v65-list li a:hover {
  color: #b17483; /* Lighter burgundy on hover */
  text-decoration: underline;
}


/*   ===================================================================================================
     6. Buttons
======================================================================================================== */
button span {
  display: inline-block;
  padding: 0 1em; }
  @media screen and (max-width: 568px) {
    button span {
      padding: 0 6px; } }
button.defaultBtn, button.modalBtn, button.largeBtn{
  border: 2px solid #B49265;
  background: #821B2E;
  text-decoration: none;
  vertical-align: middle;
  height: 48px; }
  button.defaultBtn span, button.modalBtn span, button.largeBtn span{
    color: #fff;
    background: none;
    height: auto;
    line-height: 2em;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 2px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 300;
    padding: 8px 15px; }
  button.defaultBtn:hover, button.defaultBtn:active, button.modalBtn:hover, button.modalBtn:active, button.largeBtn:hover, button.largeBtn:active{
    background: #B17483; }
button.modalBtn, button.altModalBtn {
  height: 2.5em;
  line-height: inherit; }
button.altBtn, button.altModalBtn, button.altLargeBtn {
  border: 2px solid #B49265;
  background: #2C4F0D;
  text-decoration: none;
  vertical-align: middle;
  height: 48px;
  margin: .25em auto;
  position: relative; }
  @media screen and (max-width: 580px) {
  .v65-product-addToCart-button button {
    width: auto; } }
  button.altBtn span, button.altModalBtn span, button.altLargeBtn span {
    color: #fff;
    background: none;
    height: auto;
    line-height: 2em;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 2px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 300;
    vertical-align: middle;
    padding: 8px 6px; }
  button.altBtn:hover, button.altBtn:active, button.altModalBtn:hover, button.altModalBtn:active, button.altLargeBtn:hover, button.altLargeBtn:active {
    background: #699144; }

/* Default button styling */
a span {
  padding: 0 1em;
  height: auto;
  line-height: inherit;
}

a.linkBtn, a.modalLinkBtn, a.largeLinkBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #B49265;
  background: #821B2E;
  color: #ffffff;
  text-decoration: none;
  height: 45px;
  margin: 2% .5%;
  padding: 0 15px;
}

@media screen and (max-width: 580px) {
  #v65-modalCartDropdown .modalLinkAltBtn, #v65-modalCartDropdown .modalLinkBtn {
      display: block;
      margin-bottom: 1em;
      text-align: center;
      width: auto;
  }
}

a.linkBtn span, a.modalLinkBtn span, a.largeLinkBtn span {
  color: #fff;
  background: none;
  height: auto;
  line-height: 2em;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 2px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 300;
  padding: 8px 6px;
}

/* Hover effect */
a.linkBtn:hover, a.linkBtn:active,
a.modalLinkBtn:hover, a.modalLinkBtn:active,
a.largeLinkBtn:hover, a.largeLinkBtn:active {
  background: #B17483;
}

/* Alternate button styling */
a.linkAltBtn, a.modalLinkAltBtn, a.modalLinkAltBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #B49265;
  background: #2C4F0D;
  text-decoration: none;
  height: 44px;
  margin: 0 .1em;
}

a.linkAltBtn span, a.modalLinkAltBtn span, a.modalLinkAltBtn span {
  color: #fff;
  background: none;
  height: auto;
  line-height: 2em;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 2px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 300;
  padding: 8px 6px;
}

a.linkAltBtn:hover, a.linkAltBtn:active,
a.modalLinkAltBtn:hover, a.modalLinkAltBtn:active,
a.modalLinkAltBtn:hover, a.modalLinkAltBtn:active {
  background: #699144;
}

/* Min width adjustment for modal links */
a.modalLinkBtn, a.modalLinkAltBtn {
  min-width: auto;
  scale: 100%;
}

/* Add to Cart button styling */
.v65-product-addToCart {
  margin-bottom: .1em;
  margin-top: 0em;
  display: inline-block;
  width: 80%;
}

/* Media query for screens smaller than 580px */
@media (max-width: 580px) {
  a.linkBtn, a.modalLinkBtn, a.largeLinkBtn {
    font-size: 14px; /* Adjust font size for smaller screens */
  }
  
  a.linkBtn span, a.modalLinkBtn span, a.largeLinkBtn span {
    padding: 6px 4px; /* Adjust padding inside span for smaller screens */
  /*  line-height: normal; /* Prevents text from shifting */
    font-size: 14px; /* Adjust font size for better fit */
  }
}

@media (max-width: 580px) {
  a.modalLinkBtn, a.modalLinkAltBtn  {
    scale: 100%; /* Adjust font size for smaller screens */
  }
}


/*
.v65-product-addToCart-button button {
    width: 53%;
}
*/

.v65-product-addToCart-priceWrapper {
    display: contents !important;
    margin-bottom: .5em;

}

.v65-productWrapper .v65-productAddToCart-drilldownActivate {
    background: #fff;
    border: 0;
    opacity: 1;
    margin: 0;
    padding: 1em 0em;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 899;
    width: 100%;
}

/*   ===================================================================================================
     7. Footer
======================================================================================================== */
footer {
  color: #fff;
  padding: 1.5em 0;
  text-align: center;
  width: 100%;
  background: #821B2E; }
  @media screen and (max-width: 1500px){
    footer{
      padding: 1.5em 0 2.5em 0;
      margin-top: 2em;
    }
  }

  footer h4, footer a {
    color: #fff; }
  footer .footerWrapper {
    max-width: 1440px;
    margin: 0 auto;
    padding: 2px 0;
    overflow: hidden; }
    footer .footerWrapper .footerLeft {
      width: 100%;
      text-align: left;
      padding: 0 0 0 3%;
      margin-left:.75em; }
      @media screen and (max-width: 768px) {
        footer .footerWrapper .footerLeft {
          width: 95%;
          float: none; }
          footer .footerWrapper .footerLeft .footerLinks {
            padding-left: 10px;
            margin-top: 1em; } }
      footer .footerWrapper .footerLeft ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        footer .footerWrapper .footerLeft ul li {
          text-transform: uppercase;
          font-size: 16px;
          font-family: "Montserrat", sans-serif;
          font-weight: 300;
          line-height: 20px;
          padding: 5px 0; }
          footer .footerWrapper .footerLeft ul li a {
            opacity: 0.7; }
            footer .footerWrapper .footerLeft ul li a:hover, footer .footerWrapper .footerLeft ul li a:active {
              text-decoration: none;
              opacity: 1; }
      footer .footerWrapper .footerLeft .copyright {
        opacity: 0.8;
        font-size: 12px;
        text-transform: uppercase;
        display: none; }
        @media screen and (max-width: 768px) {
          footer .footerWrapper .footerLeft .copyright {
            display: block; } }
      footer .footerWrapper .footerLeft .footerContactDetails ul li{
        opacity: 0.8;
        font-size: 12px;
        display: none; }
        @media screen and (max-width: 768px) {
          footer .footerWrapper .footerLeft .footerContactDetails ul{
            display: block; } }
    footer .footerWrapper .footerRight {
      float: right;
      text-align: right;
      position: static; }
        @media screen and (max-width: 632px) {
        footer .footerWrapper .footerRight {
          float: right;
          width: 100%;
          padding: 0 2.5% 0 0;
          text-align: right;
          position: static; } }
      @media screen and (max-width: 768px) {
        footer .footerWrapper .footerRight {
          width: 95%;
          float: none; } }
      @media screen and (max-width: 850px) {
        footer .footerWrapper .footerRight {
          float: right;
          width: 40%;
          margin-bottom: 1em;
          text-align: right;
          position: static; } }
      @media screen and (max-width: 1381px) {
        footer .footerWrapper .footerRight {
          float: right;
          width: 342px;
          text-align: right;
          position: static;
          display: flex;
          justify-content: space-evenly;
          flex-direction: column;
          align-items: flex-end; } }
      footer .footerWrapper .footerRight .footerSocial ul {
        float: right;
        width: 342px;
        display: flex;
        justify-content: center; }
        @media screen and (max-width: 768px) {
          footer .footerWrapper .footerRight .footerSocial ul {
            text-align: center;
            padding: 0;
            margin: 0; } }
      footer .footerWrapper .footerRight .footerSocial li {
        display: inline-block;
        font-size: 33px;
        padding: 0px 6px 12px 6px; }
        @media screen and (max-width: 768px) {
          footer .footerWrapper .footerRight .footerSocial li {
            font-size:40px;
            position: static; } 
            footer .footerSocial {
              margin-left: 2em;
              margin-top: 1em;
              margin-bottom: 1em; } }
                @media screen and (max-width: 1381px) {
        footer .footerSocial {
          float: right;
          width: 130px; } }
        @media screen and (max-width: 950px) and (min-width: 769px) {
          footer .footerWrapper .footerRight .footerSocial li {
            padding: 5px 18px;
            float: right;
            width: 5%; } }
        footer .footerWrapper .footerRight .footerSocial li a {
          opacity: 0.7; }
          footer .footerWrapper .footerRight .footerSocial li a:hover, footer .footerWrapper .footerRight .footerSocial li a:active {
            text-decoration: none;
            opacity: 1; }
      footer .footerWrapper .footerRight p {
        font-size: 16px;
        text-align: right;
        margin-bottom: 10px;
        margin-top: 15px;
        opacity: 0.8; }
        @media screen and (max-width: 950px) and (min-width: 769px) {
          footer .footerWrapper .footerRight p {
            font-size: 13px; } }
        @media screen and (max-width: 768px) {
          footer .footerWrapper .footerRight p {
            text-align: left; } }
      footer .footerWrapper .footerRight #v65-subscribeWidget {
        text-align: right;
        letter-spacing: 10px; }
        @media screen and (max-width: 768px) {
          footer .footerWrapper .footerRight #v65-subscribeWidget {
            text-align: left; } }
        footer .footerWrapper .footerRight #v65-subscribeWidget input {
          width: 244px;
          height: 46px;
          vertical-align: bottom;
          color: #fff;
          background: #B17483;
          font-size: 14px; }
          @media screen and (max-width: 1100px) {
            footer .footerWrapper .footerRight #v65-subscribeWidget input {
              width: 180px; } }
          @media screen and (max-width: 950px) {
            footer .footerWrapper .footerRight #v65-subscribeWidget input {
              width: 130px; } }
          @media screen and (max-width: 768px) {
            footer .footerWrapper .footerRight #v65-subscribeWidget input {
              width: 55%; } }
        footer .footerWrapper .footerRight #v65-subscribeWidget button.defaultBtn {
          border-color: #fff;
          background: #580E1D; }
          footer .footerWrapper .footerRight #v65-subscribeWidget button.defaultBtn span {
            letter-spacing: 0;
            font-size: 16px; }
          footer .footerWrapper .footerRight #v65-subscribeWidget button.defaultBtn:hover, footer .footerWrapper .footerRight #v65-subscribeWidget button.defaultBtn:active {
            background: #B17483; }
      footer .footerWrapper .footerRight .copyright {
        opacity: 0.8;
        font-size: 12px;
        text-transform: uppercase;
        position: relative;
        right: 3em;
        margin-top: 3em; }
        @media screen and (max-width: 768px) {
          footer .footerWrapper .footerRight .copyright {
            display: none; } }

a.linkBtn.footerShopBtn {
  border-color: #fff;
  background: #580E1D;
  margin-bottom: 2em;
  text-align: center; }
  @media screen and (max-width: 768px) {
    a.linkBtn.footerShopBtn {
      margin: 0 4em;
      display: block; } }
  a.linkBtn.footerShopBtn span {
    padding-top: 8px; }
    @media screen and (max-width: 995px) {
      a.linkBtn.footerShopBtn span {
        padding-top: 8px; } }
  @media screen and (max-width: 995px) {
    a.linkBtn.footerShopBtn {
          margin-top: 15px;
      margin-bottom: 30px; } }

   /****** Style header promo and footer components; updated by BM 7/9/2021 ***********/
      .footerContactDetails ul{
        list-style-type: none;
        margin-top: 1em;
        color: #ffffff;
        font-size: 0.9em; }

      .footerContactDetails ul li{
        margin-bottom: .5em;
        line-height: 1;
      }

      .headerContactDetails{
        list-style-type: none;
        margin: 0;
        padding: 0;
        color: #777;
        font-size: 0.7em;
      }

      .headerContactDetails a{
        color: #777;
      }

        #headerPromo{
          display: flex;
          flex-direction: column;
        }

        #headerPromo p, .headerContactDetails li{
          margin-bottom: 0.2em;
          line-height: 1;
      }



  /*****************************************************************************
  **  AUTHOR: Clarissa Gasiciel
  **  DATE UPDATED: 08-10-2021
  **  DESCRIPTION:  Styling for Contact Us page
  *****************************************************************************/
  #contact-form{
    margin: 2em auto 4em auto;
  }

  #contact-form .v65-form{
    margin: 0 auto 1em auto;
  }

  #contact-form .v65-form legend{
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 1em;
    text-align: center;
    text-transform: uppercase;
  }

  #contact-form fieldset > div {
    padding-right: 2.5%;
    padding-left: 2.5%;
  }

  #contact-form input[type=text], #contact-form #Form1{
    width: 95%;
  }

  #contact-form button[type=submit]{
    width: 100%;
    margin-top: 6px;
  }

  #contact-info h3{
    font-weight: bold;
    text-align: center;
    margin-bottom: 2em;
  }

  #contact-info h4{
    font-weight: bold;
    font-size: 1em;
    margin-bottom: 0em;
    text-align: center;
    text-transform: uppercase;
  }

  #contact-info div{
    margin: 0em 0em 1.5em 0em;
  }

  #contact-info p, #contact-info a, #contact-info li{
    font-size: 1em;
    text-align: center;
  }

  #contact-info ul{
    list-style: none;
    padding: 0;
  }

  #contact-info i{
    font-size: 1em;
    padding: .2em .2em 0em 0em;
    vertical-align: middle;
  }

  .page-main-content{
    margin: 2em auto 0em auto;
    width: 90%;
  }

  #faq h3{
    margin: 1em 0em 0.5em 0em;
    text-align: center;
  }

  #faq p{
    margin: 0em 0em 2.5em 0em;
    text-align: center;
  }


  /*****************************************************************************
  **  AUTHOR: Clarissa Gasiciel
  **  DATE UPDATED: 08-18-2021
  **  DESCRIPTION:  Villages content page styling
  *****************************************************************************/
  .collapsible-container {
    margin: 0 auto 0 auto;
  }

  .collapsible-header{
    cursor: pointer;
    padding: 1em 0em 1em 0em;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    border-top: 2px solid black;
    outline: none;
  }

  /* Add plus sign */
  .collapsible-header:after {
    content: '+';
    font-size: 24px;
    font-weight: 300;
    color: #777;
    float: right;
    margin-right: 1em;
  }

  /* Add minus sign */
  .collapsible-header.active:after {
    transform: rotateZ(45deg);
  }

  .collapsible-content{
    display: none;
    margin: 0 0 1.5em 0;
    transition: 0.4s ease-in-out;
  }

  .villages-pg-content{
    margin: 0 auto;
    width: 85%;
  } 

  .villages-pg-btn-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .villages-pg-btn-container a.linkBtn{
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0em auto 1em auto;
    width: 100%;
  }

  .villages-pg-btn-container .linkBtn span{
    line-height: 1em;
    padding: 0 .2em;
    margin: 0 auto;
    text-align: center;
    white-space: normal;
  }

  .villages-pg-content .gridbox-2col .left-col{
    margin: 0em auto 1em auto;
    width: 90%;
  }

  img.village-photo{
    display: block;
    margin: 1em auto 3em auto;
  }


  /*****************************************************************************
  **  AUTHOR: Clarissa Gasiciel
  **  DATE UPDATED: 08-10-2021
  **  DESCRIPTION:  Olark button styling
  *****************************************************************************/
  button.olark-launch-button div.olark-button-text span{
    display: inline-block !important;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
  }


  /*****************************************************************************
  **  AUTHOR: Clarissa Gasiciel
  **  DATE UPDATED: 08-18-2021
  **  DESCRIPTION:  General gridbox styling 
  *****************************************************************************/



  /* Wrap list into a new column every 20 items */
  .gridbox-list-col-wrap{
    display: grid;
    grid-template-rows: repeat(20, 1fr);
    grid-auto-flow: column;
  }

  /* Styling for tablets */
  @media screen and (max-width: 920px){
    /* Wrap list into a new column every 40 items */
    .gridbox-list-col-wrap{
      grid-template-rows: repeat(40, 1fr);
    }
  }

  /* Styling for mobile */
  @media screen and (max-width: 600px){
    /* Keep list as a single column */
    .gridbox-list-col-wrap{
      grid-template-rows: repeat(1, 1fr);
      grid-auto-flow: row;
    }
  }



  /*****************************************************************************
  **  AUTHOR: Clarissa Gasiciel
  **  DATE UPDATED: 08-10-2021
  **  DESCRIPTION:  Misc. general styling for site elements
  *****************************************************************************/
  .italic{
      font-style: italic;
  }

  .bold{
      font-style: bold;
      color: #000000;
  }

  .uppercase{
    text-transform: uppercase;
  }

  .burgundy, h6.burgundy, li.burgundy{
      color: #821b2e;
  }

  /*****************************************************************************
  **  AUTHOR: Clarissa Gasiciel
  **  DATE UPDATED: 08-20-2021
  **  DESCRIPTION:  Villages landing/teaser page styling 
  *****************************************************************************/
  .gridbox-3col.teaser-container{
    column-gap: 2em;
    grid-auto-flow: row;
  }

  .gridbox-3col.teaser-list{
    column-gap: 2em;
    font-size: .7em;
    margin: 2em auto 5em auto;
    text-align: center;
  }

  .teaser-item{
    margin-bottom: 12vh;
  }




/*# sourceMappingURL=screen.min.css.map */