@import url(//fonts.googleapis.com/css?family=Helvetica+Neue|Arvo|Freckle+Face|Hammersmith+One|Ceviche+One);
/*

!!!!!!!!!! WARNING !!!!!!!!!!

If you edit theme.css, your changes will be overwritten by any compilation of theme.less
Please remember to replicate your changes in init.less, or just make your changes in another file if possible

!!!!!!!!!! WARNING !!!!!!!!!!

*/
/**
 *   Bigcommerce Wine Store with Less
 *   – For the Less variables and functions that you don't want available in the Style Editor, declare them in this file.
 */
/**
 *   Bigcommerce Winestore with Less
 *
 *   For compatability with the Bigcommerce Style Editor:
 *    + Import your Google fonts first
 *
 *    + Declare your fonts for use in the editor by using '@font-declaration' (JSON format)
 *      eg @font-declaration: '{ "Open Sans":["Open Sans","Arial","sans-serif"], "Freckle Face":["Freckle Face","cursive"] }'
 *
 *    + Declare your color palette for use in the editor by using '@color-declaration'
 *      eg @color-declaration: '["#333", "#1399BE", "#EDEDED", "#FFF"]';
 *
 *    + Prefix fonts with '@font-' for the style editor to make it editable by the end user
 *
 *    + Prefix colors with '@color-' for the style editor to make it editable by the end user
 *
 *    + Prefix settings with '@setting-' for the style editor to make it adjustable by the end user
 */
/**
 *   Declarations    
 */
/**
 *   Bigcommerce Wine Store
 *   Style Initialisation
 */
#HeaderUpper {
  background: rgba(65, 57, 47, 0.85);
}
#SearchForm {
  background: rgba(255, 255, 255, 0.15);
}
#HeaderLower {
  background-color: #41392f;
}
#Logo h1 a {
  color: #ffffff;
}
#SideCategoryList li a:first-child,
#SideCategoryList .sf-menu li a:first-child {
  color: #ffffff !important;
}
#Header a,
#Menu li a {
  color: #ffffff;
}
#HeaderLower li ul li {
  background-color: #41392f;
  border-bottom: 1px solid #5f5344 !important;
}
#ContainerFooter .Center {
  background-color: #ffffff;
}
#FooterUpper h2 {
  color: #000000;
}
#Footer #Menu li a {
  color: #000000 !important;
  border-left: 1px solid #000000 !important;
}
#FooterUpper a {
  color: #ababab;
}
#Footer p {
  color: #ababab;
}
#Footer a {
  color: #ababab;
}
#socnet .soc-msg {
  color: #000000;
}
.NewsletterSubscription .btn {
  background-color: #e6df00;
}
.FeaturedProducts h2 {
  color: #222222;
}
#HomeFeaturedProducts .ProductList .ProductDetails a {
  color: #444444;
}
#HomeFeaturedProducts .ProductList em {
  color: #777777;
}
.PrimaryProductDetails .ProductMain h1 {
  color: #41392f;
}
#ModalContentContainer .Content h3 {
  color: #41392f;
}
.ProductDetailsGrid .DetailRow.PriceRow .Value em {
  color: #222222;
}
#QuickViewProductDetails .ProductPrice {
  color: #222222;
}
.ProductDetailsGrid .Label {
  color: #000000;
}
a {
  color: #000000;
}
.ProductDetailsGrid .Value {
  color: #000000;
}
.Field45.quantityInput {
  color: #000000;
}
#ProductDescription {
  color: #000000;
}
#ProductReviews p {
  color: #000000;
}
#QuickViewProductDetails p {
  color: #000000;
}
.productOptionViewRectangle .option label .name {
  color: #000000;
}
.ProductAddToCart .productAttributeLabel {
  color: #000000;
}
#QuickViewProductDetails .Label,
#QuickViewProductDetails .productAttributeLabel {
  color: #000000;
}
#QuickViewProductDetails {
  color: #000000;
}
.AddToWishlistLink .wishlist-button {
  color: #666666;
}
#ModalContent a,
.ModalContent a {
  color: #666666;
}
#prodAccordion .Block.current h2,
div.ExpressCheckout .ExpressCheckoutBlock:not(.ExpressCheckoutBlockCollapsed) h3 {
  color: #000000;
}
#prodAccordion .Block h2,
div.ExpressCheckout .ExpressCheckoutTitle {
  color: #000000;
}
#SimilarProductsByCustomerViews .ProductDetails a {
  color: #41392f !important;
}
#SimilarProductsByCustomerViews .ProductList em {
  color: #222222;
}
.Content h3 {
  color: #000000;
}
h1.title {
  color: #000000;
}
#CategoryContent .ProductList .ProductDetails a {
  color: #000000;
}
#CategoryContent .ProductList em,
#CategoryContent .ProductList .ProductPrice {
  color: #777777;
}
.Content {
  background-color: #ffffff;
}
#Outer {
  background-color: #ffffff;
}
.Breadcrumb li a {
  color: #999999;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Arvo", Helvetica, Arial, sans-serif;
}
#prodAccordion .Block.current h2,
div.ExpressCheckout .ExpressCheckoutBlock:not(.ExpressCheckoutBlockCollapsed) h3 {
  font-family: "Arvo", Helvetica, Arial, sans-serif;
}
#prodAccordion .Block h2,
div.ExpressCheckout .ExpressCheckoutTitle {
  font-family: "Arvo", Helvetica, Arial, sans-serif;
}
/* --- Faceted Search --- */
.facet-container {
  border-top: 1px solid #f2f2f2;
}
.facet-container [class^="js-facet-clear"] {
  color: #666666;
}
.facet-container [class^="js-facet-clear"]:hover {
  color: #333333;
}
.facet-container .btn-facet-more-options.more {
  color: #000000;
}
.facet-container .btn-facet-more-options.more:hover {
  color: #ababab;
}
.facet-container .facet-option:hover {
  background: #f2f2f2;
}
.facet-container .facet-option .facet-option-product-count {
  color: #666666;
}
.js-faceted-search-container > [class^='js-facet-']:last-of-type .facet-container {
  border-bottom: 1px solid #f2f2f2;
}