#head_container{position:relative;background:#fff;height:145px;    border-bottom: 1px solid #eaeaea;top:0px;}
#lastinsta{display:none;}
.alsolike .box-product > div{width:200px!important;}
#payfullwrap{display:none;}
#hpemail .wfc{color:#fff;}
.ui-autocomplete-category{background:#1f69b4;}
.bhdtl{padding-bottom: 15px;}
.blogwrap .rebl15 b, .wclubwrap .bhd b {font-size:20px;    }
.blogwrap .nav, .wclubwrap .nav{color:#000; font-style:italic;font-weight:bold;}
.box-category > ul > li a.active, .nav b{color:#000;}
.nav b{font-weight:bold;}
a.nav:hover{color:#000!important;}
.wclubwrap p{display:inline;}
.blogwrap p, .wclubwrap p{font-style:italic}
.wclubwrap { border-bottom:1px solid #ccc;margin-bottom:10px;padding-bottom:15px;}
.hrtov{color:#ddd;}
#footer .fa{color:#fff;}
.sf-menu a, .sf-menu a:visited{color:#444;}
.box-category > ul > li a.active{}
.prodata_cat{font-weight:bold;}
.resultdesc{font-style:italic;} 
.sf-menu a{padding:10px 20px;}
#footer ul li a:hover{color:#1f69b4;}
#logo {
    top: 50px;
    width: 175px;
    height: 175px;
    border: 4px solid var(--gold);
    border-radius: 10%;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: var(--bg);
    box-shadow: 0 0 0 5px black;
}
#logo img { width: 100% !important; height: auto; }
.box-product .name a {  font-size: 14px; font-weight: 400;}
.rgenr{padding-top:15px;}
.box-product > div{width:209px;}
.box-product .name{height: 64px; overflow: hidden;}
.box-product .price{padding-top:10px;font-weight:400;}
.login_module input.login_btn { background: #1f69b4 }
.box-product .savepc{display:none;}
#mcsec{padding-top:20px;}
.box-category > ul > li a.active{ color:rgba(65,65,65);font-weight:400;}
#topbar { background: #141414; height: 47px; position:relative;width:100%;z-index:44px;}
#topbar-inner { width: 1024px; margin: 0px auto; }
.fa-lock,.fa-user,.fa-shopping-cart{display:none!important;}
#ftwrap{padding: 40px 0px;width:100%;}
#power,#footer{width:1024px;margin:0px auto;}
.product-list > div{border:none;border-bottom:1px solid #eaeaea;}
a.button, a.button span{transition: all 0.5s ease;background:#141414;font-size:14px;}
#allpgmsg{position: relative; top: 15px; width: 1024px; margin: 0px auto;}
a.button, a.button span, .qtwc a span, .qtwc a, .qtwa a span, .qtwa a{padding: 6px 14px;}
.qtwa a, .qtwa a span{padding: 6px 0px;font-size:18px;}
.qtwa a{width:70%;}
#banner2{padding:0px 41px;}
.gallery_sec{width:300px;height:auto;}
h2.colr {font-weight:bold;}
.box .box-heading,.detail_sec h4.colr { color:#444;font-weight:400;}
.detail_sec h4.colr{font-weight:700;}
h4.colr{font-size:18px;color:#000!important}
.box .box-heading{font-size:24px;}
.banner img:hover { opacity: 0.7; }
.hrtov b{color:#000;}
.hrtov{padding-bottom:10px;}
.banner img, .banner img:hover { -webkit-transition: all 0.3s; transition: all 0.3s; -moz-transition: all 0.3s; }
.prod_detail {padding-top: 30px;padding-bottom:30px;width:870px;}
.ui-widget input{font-size:14px;}
.ui-autocomplete-input{width:140px;padding:4px 10px;border:0px;background:#fff;text-align:center;border-bottom:1px solid #454545; border-radius: 0px; }
#eme::placeholder{color:#fff;}
.navigation,.sf-menu, .sf-contener{width:670px!important;}
.detail_sec{width:550px;}
#power{width:1100px;margin:0px auto;}
#powered .grid_12{width:990px;margin:0px auto;}
#powered{padding-top:30px;}

#cart_total, #cart h4, #hdlnks a{color:#fff;font-size:18px;}
#topbar2{position:relative;top:10px;}
#hdlnks{top:-35px; left: auto; right: 0px; width:200px;}
.hdlnkln{padding-right:0px;padding-left:70px; float: none; text-align: right; }
table.faqwrap td{line-height:20px;}
.topbara,#cart_total,#hdlnks a{font-size:20px;color:#000;}
#cart_total, #hdlnks a{font-size:14px;}
.topbara{font-size:14px;position:relative;top:0px;}
.topbara:hover{color:#fff;}
#headwrap{position:relative;}
#cart { z-index:4444;top: 58px; left: auto;width:200px; right: 180px; }
#cart .content{
    -moz-box-shadow: 5px 5px 15px #666;
    -webkit-box-shadow: 5px 5px 15px #666;
    box-shadow: 5px 5px 15px #666;
    border:2px solid #141414;
}
#ftlocphone{position:relative;top:5px;}
.banner{width:auto;}
#footer .hrtov b, #footer .htxt, #footer .hdata,#footer{color:#fff;}
 #footer .htxt, #footer .hdata{padding-bottom:5px;}
.navigation { z-index: 666; top: -90px; margin-left: auto; margin-right: auto; }
.box-product .price, .product-info .price, .product-grid .price, .product-list .price, .compare-info .price-new{color:#000;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{top:2.5em;}
#sfrm{top:20px;left:auto;right: 0px;}
.button-search{top:40px; left:520px;background:none;}
.hpboxhead{border-top: 1px solid #eaeaea;border-bottom:1px solid #eaeaea;padding-top:0px;margin-top:20px;padding:5px 0px 8px;}
.fa-search{color:#444;}
#footer h3{color:#fff;background:none;font-size:20px;font-weight:bold;text-transform:uppercase;}
#pweredtb td{color:#454545;}
.ui-autocomplete-input:focus, #myemail:focus{box-shadow:none;}
#pweredtb td, #pweredtb a,.pwdwf,#footer ul li a{color:#fff}
#footer ul li{padding-bottom:5px;}
#footer ul { list-style: none;}
#container {
    /* background: url(../../../images/sites/email-banners/email-signup-vineyard-mountain.jpg) center center no-repeat; */
    background-size: cover;
}
#newsbar {
    width: 1024px;
    margin: 0px auto;
    background: none;
    margin-top: 30px;
}
#hpsup{left:30px;}
a#hpsup:hover{background:#1f69b4;}
#setuptxt {
    position: relative;
    width: 1024px;
    letter-spacing: .15em;
    text-align: center;
    font-size: 16px;
    font-weight:700;
    padding-bottom: 20px;
}
.sf-menu > li a, .sf-menu > li a:hover{font-size:18px;}
.sf-menu > li:hover, .sf-menu > li a:hover{background:none;color:#1f69b4}
a:hover,a.nav:hover{color:#1f69b4;}
#prodwrapme h2{text-transform: uppercase;}
/* #prodwrapme .cart, #prodwrapme .hqtyr{display:none;} */
#ftcspt, #ourlocwrap, #bzhr, #ftmyac{width:175px;}
#emsnbtnwrap{margin-top:10px;}
#emailsign{width:220px;}
#emfttxt{margin-bottom:10px;}
#wraka span { padding: 10px 0px; }
input#eme{background:none;border:none;border-bottom: 2px solid #fff;border-radius:0px;}
input#eme:focus{ outline: none; }
#footer a.button, #footer a.button span { background: #141414; }
#footer a.button:hover, #footer a.button:hover span { background: #808080 }
#footer input { color: #FFF }
#cart .heading h4 { display: none; }
#topbar-inner { display: none; }
#container.bottomnews {
    display: none;
}

:root{
  --bg: #0b0b0c;            /* page background (near-black) */
  --surface: #111215;       /* cards/panels */
  --surface-2: #17191d;     /* hovers/elevations */
  --text: #f2f2f2;          /* body text */
  --muted: #c7c9ce;         /* secondary text */
  --gold: #c49c2d;          /* primary accent */
  --gold-600:#bd9730;
  --focus: rgba(212,175,55,.45);
}

/* Global base (overrides inline head styles) */
html, body { background: var(--bg) !important; color: var(--text) !important; }
#u_body a { color: var(--gold) !important; text-decoration: none !important; }
#u_body a:hover { color: var(--gold-600) !important; text-decoration: underline !important; }

/* Header */
body::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 450px;
  height: 180px;
  background-color: var(--bg, #0b0b0c);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  z-index: 0;
}
#head_container{ background: var(--gold) !important; border-bottom:1px solid var(--border) !important; }
#logo img{ /* comment out if you have a light/mono logo file */
  /* filter: brightness(0) invert(1); */
}

/* Top nav */
.sf-menu a, .sf-menu a:visited { color: var(--bg) !important; }
.sf-menu > li:hover, .sf-menu > li a:hover{ background:none !important; color: var(--gold) !important; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { background: var(--surface) !important; border:1px solid var(--border); }
.ulul a { color: var(--text) !important; }
.ulul a:hover { color: var(--gold) !important; }

/* Search + header utilities */
.ui-autocomplete-input{
  background: var(--surface-2) !important;
  color: var(--text) !important;
  border-bottom:1px solid var(--border) !important;
}
.ui-menu .ui-menu-item-wrapper,
.ui-autocomplete-category{ background: var(--surface) !important; color: var(--text) !important; }
.ui-autocomplete-category{ background: var(--surface-2) !important; }

/* Cart + icons */
#cart .content { box-shadow: 0 10px 30px rgba(0,0,0,.35) !important; border:1px solid var(--border) !important; background: var(--surface) !important; color: var(--text) !important; }
.fa-shopping-cart, .fa-user { color: var(--gold) !important; }

/* Slider region */
.slideshow, #slider1_container { background: var(--bg) !important; margin-top: 100px !important;}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av { filter: hue-rotate(35deg) saturate(1.2); } /* subtle warm tone */

/* Section headings */
.box .box-heading, .hpboxhead h2 a, h2.colr, #footer h3 {
  color:#fff !important; text-transform: uppercase;
  border-color: var(--border) !important;
}
.hpboxhead{ border-top:1px solid var(--border) !important; border-bottom:1px solid var(--border) !important; }

/* Cards / product tiles */
.box, .box .box-content, .box-product > div, .product-grid > div, .product-list > div {
  background: var(--surface) !important;
  color: var(--text) !important;
  border:1px solid var(--border) !important;
}
.box-product .name a { color: var(--text) !important; }
.box-product .name a:hover { color: var(--gold) !important; }

/* Prices */
.box-product .price,
.product-info .price,
.product-grid .price,
.product-list .price { color: var(--gold) !important; }

/* Buttons/CTAs */
a.button, a.button span,
.qtwc a span, .qtwc a, .qtwa a span, .qtwa a {
  background: var(--gold) !important; color: #111 !important;
  border: 1px solid var(--gold) !important;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
a.button:hover, a.button:hover span,
.qtwa a:hover, .qtwc a:hover { background: var(--gold-600) !important; border-color: var(--gold-600) !important; }

input:not(#shipzip_id), select, textarea {
  background: var(--surface-2) !important;
  color: var(--text) !important;
  border:1px solid var(--border) !important;
}
input::placeholder, textarea::placeholder { color: #9aa0a6 !important; }
input:focus, select:focus, textarea:focus {
  outline: 0 !important; border-color: var(--gold-600) !important; box-shadow: 0 0 0 3px var(--focus) !important;
}

/* Links (site-wide) */
a{ color: var(--gold); }
a:hover{ color: var(--gold-600); }

/* Footer */
#ftwrap, #footer { background: var(--bg) !important; }
#footer, #footer .htxt, #footer .hdata, #footer ul li a, #pweredtb td, #pweredtb a, .pwdwf { color: var(--text) !important; }
#footer ul li a:hover { color: var(--gold) !important; }
#powered{ border-top:1px solid var(--border); }

/* Tables (general) */
table, .compare-info { color: var(--text) !important; border-color: var(--border) !important; }
.compare-info .price-new { color: var(--gold) !important; }

/* Small utilities */
.hrtov{ color: var(--muted) !important; }
.fa-search{ color: var(--bg) !important; }

/* Kill leftover light backgrounds */
.bg-white, .banner img { background: transparent !important; }

/* Accessibility focus ring */
:where(a, button, [role="button"], input, select, textarea):focus-visible {
  outline: 2px solid var(--gold-600) !important; outline-offset: 2px;
}
/* Product images: soften edges */
.box-product img,
.product-grid img,
.product-list img,
.product-info img {
  border-radius: 12px;       /* adjust px to taste */
  background-color: #111;    /* matches dark surface if image has transparency */
}
.secondary_color, p, body, .heading h4, #currency a, #footer ul li a, .cart_right a, .box-category > ul > li ul > li a, .product-list .wishlist a, .product-list .compare a, .product-list .price-tax {color: #aaa !important;}

.proflink {
    font-size: 14px;
    color: #febd59 !important;
}
.primary_color, h1, h2, h3, h4, h5, h6, .box .box-heading, .welcome, #currency a b, #footer-top-outside, #footer-top-outside p,
.box-product .name a, #categories_footer ul li a, #footer-top-outside li,  #twitter_footer li a, .htabs a, .product-grid .name a, .product-list .name a, .checkout-heading,
.cart-info thead td {color: #febd59 !important;}


/* PDP: main image + thumbs + hidden full-size + lightbox */
.prod_detail .gallery_sec img,
.prod_detail #galsec img,
.prod_detail #slider2 img,
.prod_detail .contentdiv img,
a.pimg img,
#imghid img,
#colorbox img,
#cboxLoadedContent img {
  border-radius: 12px !important;   /* tweak to 8/16px if you prefer */
  display: block;
  background-color: #111;           /* blends with dark theme */
}

/* If the link wrapper needs clipping too (safeguard) */
.prod_detail .contentdiv a.pimg {
  display: inline-block;
  border-radius: 12px !important;
  overflow: hidden;                  /* keeps zoom/hover effects inside the curve */
  background-color: #111;
}

/* ===========================
 *    NAV + DROPDOWNS — BLACK & GOLD
 *       =========================== */

/* make sure the nav sits above the hero/slider */
.site-header,
#head_container,
.sf-menu { position: relative; z-index: 1000; }

/* top-level items */
.sf-menu > li > a,
.sf-menu > li > a:visited {
  background: transparent !important;
  /* color: #f2f2f2 !important;        /*light text on black bar */
}
.sf-menu > li:hover > a,
.sf-menu > li.sfHover > a,
.sf-menu > li > a:hover {
  color: #d4af37 !important;        /* gold hover */
}

/* dropdown panel */
.sf-menu ul,
.sf-menu li:hover ul,
.sf-menu li.sfHover ul,
.ulul {                              /* some themes use .ulul for the panel */
  background: #121318 !important;    /* dark surface */
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.35) !important;
}

/* submenu links */
.sf-menu ul li > a,
.sf-menu ul li > a:visited {
  color: #898989 !important;
  background: transparent !important; /* kill any light gradient */
}
.sf-menu ul li > a:hover,
.sf-menu ul li.sfHover > a {
  color: #ffffff !important;
  background: rgba(212,175,55,0.12) !important; /* subtle gold wash */
}

/* optional: show the currently hovered/active submenu item in solid gold */
.sf-menu ul li.active > a,
.sf-menu ul li.current > a {
  background: #d4af37 !important;
  color: #111 !important;
}

/* tidy separators & spacing inside dropdown */
.sf-menu ul li {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.sf-menu ul li:last-child { border-bottom: 0 !important; }

/* Make submenu items consistent, including the last one */
.sf-menu ul li,
.sf-menu ul li:last-child {
  background: transparent !important;
  background-image: none !important;
}

/* Anchor background states */
.sf-menu ul li > a,
.sf-menu ul li:last-child > a {
  background: transparent !important;
  color: #e8e8ea !important;
  display: block; /* ensure full-width hover area */
}

/* Hover/active state (same for last item) */
.sf-menu ul li > a:hover,
.sf-menu ul li.sfHover > a,
.sf-menu ul li:last-child > a:hover {
  background: rgba(212,175,55,0.12) !important;
  color: #fff !important;
}

/* Panel background still dark */
.sf-menu ul,
.ulul {
  background: #121318 !important;
  background-image: none !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,0.35) !important;
}

/* Optional: remove the divider only, not the bg */
.sf-menu ul li { border-bottom: 1px solid rgba(255,255,255,0.06) !important; }
.sf-menu ul li:last-child { border-bottom: 0 !important; }


/* Search/listing page product titles */
a.rebl15 {
  color: #f2f2f2 !important;   /* light text */
  font-weight: 600;            /* stronger for readability */
  text-decoration: none;       /* cleaner look */
  font-size: 1rem;             /* adjust to match your typography */
}

a.rebl15:hover {
  color: #d4af37 !important;   /* gold hover */
  text-decoration: underline;  /* optional for accessibility */
}
a.rebl15 {
  font-size: 1.1rem;
  letter-spacing: 0.3px;
}
/* Sorting + pagination info */
.sorting .txt,
.sorting li.txt {
  color: #c7c9ce !important;   /* muted gray, matches theme */
  font-size: 0.9rem;
  letter-spacing: 0.3px;
}

/* Pagination numbers */
.sorting .numbrs a {
  background: #111215 !important;
  color: #f2f2f2 !important;
  border: 1px solid rgba(255,255,255,0.08);
  padding: 4px 8px;
}

.sorting .numbrs a:hover {
  background: #d4af37 !important;  /* gold hover */
  color: #111 !important;
  border-color: #d4af37 !important;
}

.sorting .numbrs.active a {
  background: #d4af37 !important;
  color: #111 !important;
  border-color: #d4af37 !important;
}
/* Contact Us page text fix */
#contacttop td.wf_content,
#contbl td.wf_content,
#contbl .condata,
#contbl .contxt,
#content .wf_content {
  color: #f2f2f2 !important;       /* primary body text */
  font-size: 1rem;
  line-height: 1.5;
}
/* Hero Subheading */
.hero-subheading {
  text-align: left;
  padding: 20px;
  padding-top: 38px;
  position: relative;
  z-index: 10;
  font-style: italic;
}

.hero-subheading .tagline {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
  font-style: normal !important;
}

.hero-subheading p {
  margin: 0;
  font-size: 1.1em;
  letter-spacing: 0.5px;
  color: white !important;
}

/* Muted/secondary text (optional) */
#contbl td.wf_content small,
#contbl td.wf_content .muted {
  color: #c7c9ce !important;       /* softer gray */
}

/* Emphasis (labels like Email, Phone) */
#contbl b,
#contbl strong,
#contacttop b {
  color: #d4af37 !important;       /* gold labels */
  font-weight: 600;
}

/* Links (emails, map links) */
#contbl a,
#contbl a.nav,
#contbl .directlink {
  color: #d4af37 !important;       /* gold links */
  text-decoration: none;
}
#contbl a:hover,
#contbl a.nav:hover,
#contbl .directlink:hover {
  color: #bd9730 !important;       /* darker gold hover */
  text-decoration: underline;
}

/* absolutely never frame a spacer */
img.spacer_img,
img[src*="spacer.gif"],
img[src*="/spacer.gif"] {
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    box-shadow: none !important;
    display: inline !important;
    /* keep layout intact */
}

/* Listings (category/search) + PDP + lightbox — exclude spacers by class OR filename */
.product-list img:not(.spacer_img):not([src*="spacer.gif"]),
.product-grid img:not(.spacer_img):not([src*="spacer.gif"]),
.prod_detail .gallery_sec img:not(.spacer_img):not([src*="spacer.gif"]),
#imghid img:not(.spacer_img):not([src*="spacer.gif"]),
#colorbox img:not(.spacer_img):not([src*="spacer.gif"]) {
    background-color: #fff !important;
    border-radius: 8px;
    padding: 6px;
    width: 160px;
    height: 200px;
    object-fit: contain;
    display: block;
    box-sizing: border-box;
}

/* New Arrivals slider only */
.box-product img:not(.spacer_img):not([src*="spacer.gif"]) {
    background: #fff;
    border-radius: 8px;
    padding: 6px;
    width: auto !important;
    height: auto !important;
    max-height: 220px;
    object-fit: contain;
    box-sizing: border-box;
}

/* New Arrivals slider only */
.box-product img:not(.spacer_img):not([src*="spacer.gif"]) {
  background: #fff;
  border-radius: 8px;
  padding: 6px;
  width: 180px !important;
  height: 220px !important;  
  object-fit: contain;
  box-sizing: border-box;
}
#ourlocwrap, #bzhr {
  display:none;
}
h1, h2, h3, .box-heading, a {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700;
}
.rmcart {
  color: #821a1a !important;
}

body, td, th, p, li, input, select, textarea {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400;
}

.navbar a, .sf-menu > li > a {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
}

a.nav.rmcart:hover {
  color: white !important;
}

.bx-wrapper {
  border: 1px solid white !important;
  margin-right: 5px;
  right: 10px;
  bottom: 10px;
  left: 0px;
  top: 0px;
}
.delivtable tr td div {
  color: #505050 !important;
}
.showmsgwrap {
  background-color: #505050;
  border-color: #febd59 !important;
}
#shipzip_id {
  border-color: #2d2d2d !important;
  border-width: 1px !important;
  background: var(--surface-2) !important;
}