SHOP

/* 1) Remove the card border & shadow */
.vs-products-parent .vs-products-item-stage {
  border: none !important;
  box-shadow: none !important;
}

/* 2) Style the product title */
.vs-products-parent .vs-products-item-stage .vs-products-item-info h2 {
  font-family: 'Playfair Display', serif !important;
  color:       #9C7F44          !important;
  text-align:  center             !important;
  font-size:   1.75rem            !important;
  margin:      0.5rem auto        !important;
}

/* 3) Style the description in gold, center */
.vs-products-parent .vs-products-item-stage .vs-products-item-info p,
.vs-products-parent .vs-products-item-stage .vs-products-item-info .vs-item-description {
  color:       #4A313B         !important;
  text-align:  center          !important;
  margin:      0.5rem auto     !important;
}

/* 4) Center price & add‑to‑cart button */
.vs-products-parent .vs-products-item-stage .vs-products-item-info .vs-item-price,
.vs-products-parent .vs-products-item-stage .vs-products-item-info .vs-item-addtocart {
  text-align:  center       !important;
  display:     block        !important;
  margin:      0.75rem auto !important;
}

/* 1) Make the product title slightly smaller */
.vs-products-parent .vs-products-item-stage .vs-products-item-info h2 {
  font-size: 1.25rem !important;
}

/* 2) Remove the gray border around each card */
.vs-products-parent .vs-products-item-stage {
  border: none !important;
  box-shadow: none !important;
}

/* 7) VinoShipper theme colors for gray variants */
.vs-products-parent.vs-theme-gray,
.vs-products-parent.vs-theme-gray-dark {
  --vs-link-color: #ffffff !important;
  --vs-badge-background-color: #d0b99c !important;
  --vs-badge-color: #ffffff!important;
  --vs-badge-restricted-background-color: #6C757D !important;
  --vs-badge-restricted-color: #ffffff !important;
}

/* Gray‑theme ATC (Add‑to‑Cart) button overrides */
.vs-products-parent.vs-theme-gray,
.vs-products-parent.vs-theme-gray-dark {
  --vs-atc-button-color:                 #fff    !important;
  --vs-atc-button-background-color:      #4A313B !important;
  --vs-atc-button-border-color:          #4A313B !important;
  --vs-atc-button-hover-color:           #fff    !important;
  --vs-atc-button-hover-background-color:#b38e5d!important; /* rgb(74,49,59) */
  --vs-atc-button-hover-border-color:    #b38e5d !important;
  --vs-atc-button-active-color:          #fff    !important;
  --vs-atc-button-active-background-color:#b38e5d !important; /* original gold */
  --vs-atc-button-active-border-color:   rgba(81,87.75,93.75,1) !important;
  --vs-atc-button-active-shadow:         inset 0 3px 5px rgba(0,0,0,0.125) !important;
  --vs-atc-button-disabled-color:        #000    !important;
  --vs-atc-button-disabled-background-color: #dee2e6 !important;
  --vs-atc-button-disabled-border-color: #dee2e6 !important;
}

/* 1) Card container: text color + center children in the plugin’s flex column */
.vs-products-parent .vs-products-item-stage {
  color:       #333333           !important;
  align-items: center            !important;
  text-align:  center            !important;
}

/* 2) Info wrapper becomes its own flex column – centers title, meta, price, etc. */
.vs-products-parent .vs-products-item-stage .vs-products-item-info {
  display:         flex           !important;
  flex-direction:  column         !important;
  align-items:     center         !important;
  text-align:      center         !important;
}

/* 3) Give each child element a full‑width “row” with vertical spacing */
.vs-products-parent .vs-products-item-stage .vs-products-item-info > * {
  width:           100%           !important;
  margin:          0 rem 0       !important;
}
/* 4) Let Qty + Add‑to‑Cart sit side‑by‑side, centered */
.vs-products-parent .vs-products-item-stage .vs-products-item-info .vs-item-qty,
.vs-products-parent .vs-products-item-stage .vs-products-item-info .vs-item-addtocart {
  display:         inline-block   !important;
  width:           auto           !important;
  margin:          0.5rem 0.25rem  !important;
}

/* Center the “Excluded from Discounts” and any other badges */
.vs-products-parent .vs-products-item-stage .vs-products-item-badges,
.vs-products-parent .vs-products-item-stage .vs-products-item-awards {
  display:        flex      !important;
  justify-content:center   !important;
  width:          100%      !important;
  margin:         0.5rem 0  !important;
}

/* Optional: give each badge a little horizontal breathing room */
.vs-products-parent .vs-products-item-stage
  .vs-products-item-badges .vs-products-item-badge,
.vs-products-parent .vs-products-item-stage
  .vs-products-item-awards .vs-products-item-award {
  margin: 0 0.25rem !important;
}

/* Hide the “unavailable” message/content in VinoShipper cards */
.vs-products-parent .vs-products-item-stage
  .vs-products-unavailable .vs-products-unavailable-item
  .vs-products-unavailable-item-content {
  display: none !important;
}

/* Hide the VinoShipper “Product List” title */
.vs-products-parent .vs-products-headline {
  display: none !important;
}

FONT

@font-face {
  font-family: 'Modernline';
  src: url('/wp-content/uploads/2025/06/modernline.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.modernline-text {
  font-family: 'Modernline', cursive !important;
  font-weight: normal;
  font-style: normal;
  color: #B38E5D;
}

HOME PAGE
}
/* Remove all top margin/padding on homepage */
body.home .site-content,
body.home .content-area,
body.home main {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.home .entry-header {
  display: none;
}

body.home .wp-site-blocks {
  margin-top: 0 !important;
}

.story-heading {
  text-align: center;
  font-family: 'Playfair Display', serif;
  font-size: 72px;
  line-height: 1.2;
  margin-bottom: 40px;
}

.story-heading .modernline-text {
  font-family: 'Modernline', cursive !important;
  font-size: 120px;
  color: #B38E5D;
  line-height: -5;
  display: inline-block;
  margin-left: 6px;
}

@media only screen and (max-width: 768px) {
  .story-heading {
    font-size: 38px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .story-heading .modernline-text {
    font-size: 46px;
    margin-left: 4px;
  }
}

Contact Form

/* Style Constant Contact Inline Form Inputs */
.ctct-inline-form input[type="text"],
.ctct-inline-form input[type="email"],
.ctct-inline-form input[type="tel"],
.ctct-inline-form input[type="url"],
.ctct-inline-form input[type="number"],
.ctct-inline-form textarea {
  background-color: #ffffff !important;
  color: #ffffff !important;
  border: 1px solid #ccc !important;
  padding: 12px;
  font-size: 16px;
  border-radius: 4px;
  width: 100%;
}

/* Style Placeholder Text */
.ctct-inline-form ::placeholder {
  color: #ffffff !important;
  opacity: 1;
}

/* Style the Checkbox Label */
.ctct-inline-form label {
  color: #ffffff !important;
}

/* Style Submit Button */
.ctct-inline-form button,
.ctct-inline-form input[type="submit"] {
  background-color: #ffffff !important;
  color: #ffffff !important;
  border: 1px solid #ffffff;
  font-weight: bold;
  padding: 12px 24px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.ctct-inline-form button:hover {
  background-color: #E5E5E5 !important;
  color: #2c2c2c !important;
}

.signup-enthusiast-heading .h1-lead {
  font-family: 'Playfair Display', serif;
  font-size: 40px;
  font-weight: 200;
  color: #ffffff;
  line-height: 1.2;
}

.signup-enthusiast-heading .modernline-text.white-script {
  font-family: 'Modernline', cursive;
  font-size: 48px;
  color: #ffffff;
  margin-left: 12px;
  line-height: 1;
}
.kt-adv-heading585_d417ca-79 {
  color: #ffffff !important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  background: #ffffff !important;
}



/* Mobile tweaks */
@media only screen and (max-width: 768px) {
  .signup-enthusiast-heading .h1-lead {
    font-size: 30px;
  }
  .signup-enthusiast-heading .modernline-text.white-script {
    font-size: 22px;
    margin-left: 8px;
  }
}

/* Change “View Description” link to burgundy */
.vs-products-parent .vs-products-item-stage
  .vs-products-item-desc-stage .vs-products-item-desc-actions a {
  color: #9C7F44 !important;
}

/* Make header green only on page ID 2952 */
.page-id-2952 .site-header {
  background-color: #698442 !important; /* Chateau Elan green */
}
/* Style the entire password form container */
.post-password-form {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  margin: 4rem auto;
  max-width: 500px;
}

/* Style the input */
.post-password-form input[type="password"] {
  padding: 0.75rem 1rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  font-family: 'Open Sans', sans-serif;
  max-width: 250px;
  width: 100%;
}

/* Style the submit button */
.post-password-form input[type="submit"] {
  background-color: #9C7F44;
  color: #fff;
  padding: 0.75rem 2rem;
  border: none;
  font-size: 1rem;
  cursor: pointer;
  margin-top: 1rem;
  font-family: 'Open Sans', sans-serif;
}

/* Optional: Add heading and spacing */
body:has(.post-password-form) .entry-content::before {
  content: 'Chateau Elan Wholesale Access';
  display: block;
  font-family: 'Playfair Display', serif;
  font-size: 2rem;
  margin-bottom: 0 rem;
  color: #333;
  text-align: center;
}

body:has(.post-password-form) .entry-content::after {
  content: 'Welcome to our dedicated wholesale partner portal. Here you’ll find exclusive access to trade-only pricing, product catalogs, allocation details, and ordering information for our award-winning wines. Please enter your password to continue. If you are a distributor or retail partner and need access, contact our team to request credentials.';
  display: block;
  max-width: 500px;
  margin: 1rem auto 2rem;
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
  text-align: center;
}

/* Reduce margin between page title and form */
.page .entry-title {
  margin-bottom: 0.5rem !important;
}

/* Optional: tighten spacing above and below password form */
.post-password-form {
  margin-top: 0.5rem !important;
  margin-bottom: 1.5rem;
}
.post-password-form input[type="password"] {
  background-color: #ffffff !important; /* Set your background color */
  color: #333333 !important;            /* Set your desired text color */
  border: 1px solid #ccc !important;
  font-family: 'Open Sans', sans-serif !important;
  max-width: 250px;
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 1rem;
}

/* Optional: style on focus too, to match */

.post-password-form input[type="password"]:focus {
  background-color: #ffffff !important;
}
body,
input,
select,
optgroup,
textarea {
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-family: 'Open Sans', sans-serif !important; /* or replace with your desired font */
  color: #333333 !important;
}

#post-2540 > div > div > div.kb-row-layout-wrap.kb-row-layout-id2540_9408ee-f7.alignnone.kt-row-has-bg.wp-block-kadence-rowlayout 
> div.kt-row-column-wrap.kt-has-1-columns.kt-row-layout-equal.kt-tab-layout-inherit.kt-mobile-layout-row.kt-row-valign-top 
> div > div > p:nth-child(1) > strong {
  display: none !important;
}

a[href="http://www.chateauelanwinery.com"] {
  color: #ffffff !important;
}

