.story-max-gird ul li a,
.story-max-gird h3,
.plan-visit-max h5,
.wine-top-cont h3,
.wine-grid-right-col h4,
.events_main_title p {
 color: #6b6759;
}

.story-max-gird ul li a:hover,
.story-max-gird ul li a:focus {
 color: #710018;
}

/* the separator between the Our Story / Team / Vineyard links (non-text, keep visible) */
.story-max-gird ul li {
 border-right-color: #6b6759;
}

/* ------------------------------------------------------------------ */
/* 2. Header / main navigation                                          */
/* ------------------------------------------------------------------ */

/* White nav text sits on top of photographic banners: give the transparent
   header a dark gradient so the white text always has a dark backdrop. */
.header:not(.sticky) {
 background: linear-gradient(to bottom, rgba(25, 25, 25, 0.85) 0%, rgba(25, 25, 25, 0.6) 70%, rgba(25, 25, 25, 0) 100%);
}

.navbar-default .navbar-nav > li > a {
 color: #fff;
}

/* active item used #972C5A (2.4:1 on #191919) */
.navbar-default .navbar-nav li.active a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
 color: #eee8d4;
 text-decoration: underline !important;
}

/* Drop-down: white links on a 41% transparent white panel were ~1.3:1.
   Use a solid dark panel (same colour as the sticky header). */
.navbar-nav li ul,
.header.sticky .navbar-nav li ul {
 background: #191919;
}

.navbar-nav li ul li a,
.navbar-default .navbar-nav li.active ul li a {
 color: #fff;
}

.navbar-nav li ul li:hover a,
.navbar-nav li ul li:focus-within > a,
.navbar-nav li ul li a:hover,
.navbar-nav li ul li a:focus {
 color: #eee8d4 !important;
}

/* third-level menu (light panel) used #807D7D (4.1:1) and white-on-white on hover */
.navbar-nav li ul ul {
 background: #fcfcfc;
}

.navbar-nav li ul ul li a,
.navbar-nav li ul li:hover ul li a,
.navbar-nav li ul li:focus-within ul li a,
.navbar-nav li ul li:hover .navbar-nav li ul ul li a,
.navbar-nav li ul li:hover ul li:hover a,
.navbar-nav li ul li:focus-within ul li:hover a,
.navbar-nav li ul li:focus-within ul li:focus-within > a {
 color: #504d4d !important;
}

/* menu button label */
.navbar-header .sr-only {
 color: #191919;
}

/* ------------------------------------------------------------------ */
/* 3. Text over photographs (home banner + wine-club banner)            */
/* ------------------------------------------------------------------ */
.bannermain .banner-posb .banner-posb-gird .banner-scroll {
 background: rgba(25, 25, 25, 0.75);
 padding: 6px 14px 0;
 border-radius: 4px;
}

.bannermain .banner-posb .banner-posb-gird .banner-scroll h3 {
 color: #fff;
 text-shadow: none;
}

/* home page "Plan your visit" / "Wine club" tiles: cream text sits directly on a photo.
   Worst case (white photo) with this backing is still about 6:1. */
.visit-box .visit-posb .visit-content a {
 background-color: rgba(0, 0, 0, 0.65);
 padding: 6px 16px;
}

/* darken the background image behind the white "complimentary" copy.
   An inset box-shadow paints over the background-image but under the content. */
.wineclub-complimentary-main {
 box-shadow: inset 0 0 0 100vmax rgba(0, 0, 0, 0.6);
}

.wineclub-complimentery-grid h2,
.wineclub-complimentery-grid p {
 color: #fff;
}

/* ------------------------------------------------------------------ */
/* 4. Forms, validation messages and placeholders                      */
/* ------------------------------------------------------------------ */
.form-control::placeholder,
.form-control::-webkit-input-placeholder,
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control:-moz-placeholder,
input::placeholder,
textarea::placeholder {
 color: #5f5c5c;
 opacity: 1;
}

/* pure red (#f00) is only 4.0:1 on white */
.red,
.error,
label.error,
span[style*='color:red'],
span[style*='color: red'],
div[style*='color:red'],
div[style*='color: red'],
#error {
 color: #b00020 !important;
}

/* default "green" success text -> darker green (7.0:1 on white) */
span[style*='color:green'],
span[style*='color: green'],
div[style*='color:green'],
div[style*='color: green'] {
 color: #146c2e !important;
}

/* ------------------------------------------------------------------ */
/* 5. Small UI details                                                  */
/* ------------------------------------------------------------------ */

/* modal close button: #ED1556 / #D01D24 on cream was ~3.4:1 */
.close,
.close span {
 color: #710018 !important;
}

/* cart badge: 50% transparent grey on cream */
.button-right .cart-btn .badge {
 color: #504d4d;
}

/* date-picker: white text on light teal (#8cc7be, 1.9:1) */
.k-calendar .k-state-selected .k-link,
.k-calendar .k-weekend.k-state-selected .k-link,
.k-calendar:not(.k-calendar-infinite) .k-content .k-state-selected .k-link,
.k-calendar:not(.k-calendar-infinite) .k-content .k-weekend .k-state-selected .k-link,
.k-event.k-state-selected {
 color: #fff;
 background-color: #710018;
}

/* event-details "button" (white on #007bff was 4.0:1) */
.button {
 background-color: #0056b3;
 color: #fff;
}

.button:hover,
.button:focus {
 background-color: #003d82;
 color: #fff;
}

/* carousel dots: stronger non-text contrast */
.owl-theme .owl-dots .owl-dot span {
 background: #767676;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
 background: #710018;
}

/* footer copyright bar (kept explicit so it can never be overridden by a later rule) */
footer .design-gird,
footer .design-gird p,
footer .design-gird p a {
 background-color: #191919;
 /* color: #fff !important; */
 color: #eee8d4 !important;
 font-size: 12px !important;
}

footer .footer-left ul li {
 padding-right: 9px !important;
}