@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 Beautification with Less
 *   – For the Less variables and functions that you don't want available in the Style Editor, declare them in this file.
 */
/**
 *   Bigcommerce Beautification 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 Beautification
 *   Style Initialisation
 */
#HeaderUpper {
  background-color: #ffffff;
}
#Logo h1 a,
h2,
h1 {
  color: #9966cc;
}
#Header #HeaderLower {
  background: #464646;
}
#HeaderLower li a {
  color: #ffffff;
}
#HeaderLower li a:hover,
#HeaderLower ul li.over a:hover,
#HeaderLower ul li.over > a {
  color: #9966cc !important;
}
#HeaderLower ul ul {
  background-color: #efefef;
}
#FooterUpper h2 {
  color: #ffffff;
  background-color: #464646;
}
#FooterUpper li a {
  color: #464646;
}
#FooterUpper li a:hover {
  color: #cccccc;
}
#Footer p a {
  color: #464646;
}
#Footer p a:hover {
  color: #464646;
}
#HomeFeaturedProducts .ProductList .ProductDetails a {
  color: #131313;
}
#HomeFeaturedProducts .ProductPrice,
#HomeFeaturedProducts .ProductList em {
  color: #131313;
}
.NewsletterSubscription {
  background-color: #464646;
}
.NewsletterSubscription h2 {
  color: #ffffff;
}
#SideNewsletterBox .btn {
  background-color: #9966cc;
  color: #ffffff !important;
}
.BrandRow a {
  color: #464646;
}
.PrimaryProductDetails .ProductMain h1 {
  background-color: #464646;
  color: #ffffff;
}
#ProductDetails .ProductPrice,
.ProductList em {
  color: #464646;
}
.ProductDetailsGrid .Label {
  color: #464646;
}
.ProductDetailsGrid .Value {
  color: #464646;
}
.ProductAddToCart .productAttributeLabel {
  color: #464646;
}
.productOptionViewRectangle .option label .name {
  color: #464646;
}
div.selector span {
  color: #464646 !important;
}
.current .prodAccordionContent {
  color: #464646;
}
p {
  color: #464646;
}
#QuickViewProductDetails #ProductDetails .productAttributeLabel {
  color: #464646;
}
#ModalContent a,
.ModalContent a {
  color: #464646;
}
#QuickViewProductDetails {
  color: #464646;
}
.btn,
input[type="submit"],
input[type="button"] {
  background-color: #9966cc;
  color: #ffffff !important;
}
.ProductList li .ProductActionAdd a {
  background-color: #efefef;
  color: #464646;
}
#prodAccordion .Block h2 {
  background-color: #efefef;
  color: #464646;
}
em.VariationProductPrice {
  line-height: 1.35;
}
#CategoryHeading h1 {
  color: #9966cc;
}
#CategoryContent .ProductList .ProductDetails a {
  color: #464646;
}
#CategoryContent .ProductList em,
#CategoryContent .ProductPrice {
  color: #464646;
}
.CompareButton input {
  background-color: #464646 !important;
  color: #ffffff !important;
}
#CategoryContent .ProductList li .ProductActionAdd a {
  background-color: #efefef;
  color: #464646 !important;
}
#Outer {
  background-color: #ffffff !important;
}
.ProductList .ProductDetails {
  font-family: "Arial", Helvetica, Arial, sans-serif;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "oswaldbold", Helvetica, Arial, sans-serif;
}
/* --- Faceted Search --- */
.facet-container {
  border-top: 1px solid #d9d9d9;
}
.facet-container [class^="js-facet-clear"] {
  color: #acacac;
}
.facet-container [class^="js-facet-clear"]:hover {
  color: #797979;
}
.facet-container .btn-facet-more-options.more {
  color: #464646;
}
.facet-container .btn-facet-more-options.more:hover {
  color: #464646;
}
.facet-container .facet-option:hover {
  background: #d9d9d9;
}
.facet-container .facet-option .facet-option-product-count {
  color: #acacac;
}
.facet-container .facet-form .btn {
  background: #efefef !important;
  color: #464646 !important;
}
.js-faceted-search-container > [class^='js-facet-']:last-of-type .facet-container {
  border-bottom: 1px solid #d9d9d9;
}