@import url(//fonts.googleapis.com/css?family=Montserrat|Audiowide|Freckle+Face|Exo+2|Hammersmith+One|Ceviche+One|Open+Sans);
/*

!!!!!!!!!! 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 Classic Hip with Less
 *   – For the Less variables and functions that you don't want available in the Style Editor, declare them in this file.
 */
/**
 *   Bigcommerce Classic Hip 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
 */
/**
 *   Import Google Fonts
 */
/**
 *   Declarations    
 */
/**
 *   Bigcommerce Classic Hip
 *   Style Initialisation
 */
.top-bar,
.title-bar {
  background-color: #f2f2f2;
}
#TopMenu li a {
  color: #8c8c8c;
}
#TopMenu li {
  color: #b2b2b2;
}
#Logo h1 a {
  color: #444444;
}
#SideCategoryList li a,
#SideCategoryList .sf-menu li a {
  color: #222222;
}
#SideCategoryList li a:hover,
#SideCategoryList .sf-menu li a:hover {
  color: #3c3c3c;
}
#SideCategoryList li ul,
#SideCategoryList .sf-menu li ul {
  background-color: #ffffff;
}
#ContainerFooter {
  background-color: #ffffff;
}
#FooterUpper,
#Footer {
  border-top-color: #f2f2f2;
}
#FooterUpper h2 {
  color: #000000;
}
#socnet .soc-msg {
  color: #000000;
}
#Footer #Menu li a {
  color: #000000;
  border-left: 1px solid #000000;
}
#FooterUpper a {
  color: #ababab;
}
#FooterUpper .RecentNews li p {
  color: #ababab;
}
#Footer p {
  color: #ababab;
}
#Footer a {
  color: #ababab;
}
.FeaturedProducts h2 {
  color: #222222;
}
#HomeFeaturedProducts .ProductList .ProductDetails a {
  color: #444444;
}
#HomeFeaturedProducts .ProductPrice,
#HomeFeaturedProducts .ProductList em {
  color: #b0b0b0;
}
h1.title {
  color: #222222;
}
#CategoryContent .ProductList .ProductDetails a {
  color: #444444;
}
#CategoryContent .ProductList .ProductPriceRating em,
#CategoryContent .ProductList .ProductPrice {
  color: #b0b0b0;
}
.PrimaryProductDetails h1 {
  color: #444444;
}
.ProductList .ProductDetails a {
  color: #444444;
}
.ProductDetailsGrid .DetailRow.PriceRow .Value em {
  color: #222222;
}
.ProductList .ProductPriceRating em {
  color: #222222;
}
.ProductDetailsGrid .Label {
  color: #000000;
}
.ProductDetailsGrid .Value {
  color: #000000;
}
a {
  color: #000000;
}
.productAttributeList .productAttributeRow {
  color: #000000;
}
.prodAccordionContent {
  color: #000000;
}
#ModalContent a,
.ModalContent a {
  color: #000000 !important;
}
#ModalContent,
.ModalContent {
  color: #000000 !important;
}
#prodAccordion .Block.current h2,
div.ExpressCheckout .ExpressCheckoutBlock:not(.ExpressCheckoutBlockCollapsed) h3 {
  color: #222222;
}
#prodAccordion .Block h2,
div.ExpressCheckout h3 {
  color: #222222;
}
.AddToWishlistLink .wishlist-button {
  color: #000000;
}
.Field45.quantityInput {
  color: #000000;
}
.Content h3 {
  color: #222222;
}
body {
  background-color: #ffffff;
}
.ProductList .ProductDetails {
  font-family: 'Montserrat', sans-serif;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: 'Montserrat', 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: #444444;
}
.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;
}