@import url(//fonts.googleapis.com/css?family=Karla|Arial|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 Runway with Less
 *   – For the Less variables and functions that you don't want available in the Style Editor, declare them in this file.
 */
/**
 *   Bigcommerce Runway 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 Runway
 *   Style Initialisation
 */
#Outer {
  background-color: #ffffff;
}
#Logo h1 a {
  color: #000000;
}
#HeaderLower li a {
  color: #000000;
}
#HeaderLower li:hover a,
#HeaderLower li a.active,
#HeaderLower {
  border-top-color: #000000;
}
#HeaderLower li ul {
  border-top-color: #000000 !important;
}
#nl_email {
  border: 1px solid #333333;
}
#ContainerFooter #FooterUpper {
  border-top: 1px solid #333333;
}
hr {
  border-top: 1px dotted #333333;
}
#FooterUpper h2,
#FooterUpper h3 {
  color: #999999;
}
#Footer #PagesMenu a {
  color: #999999;
}
#FooterUpper li a {
  color: #999999;
}
#Footer {
  color: #999999;
}
#Footer a {
  color: #999999;
}
.FeaturedProducts h2 span,
#HomeNewProducts h2 span,
.PageHeader span,
#Wrapper .title span {
  color: #ffffff;
}
.FeaturedProducts h2 span,
#HomeNewProducts h2 span,
.PageHeader span,
#Wrapper .title span {
  color: #ffffff;
}
#HomeFeaturedProducts .ProductList li .ProductDetails a {
  color: #ffffff !important;
}
#HomeNewProducts .ProductList li .ProductDetails a {
  color: #ffffff !important;
}
#HomeFeaturedProducts .ProductPrice,
.ProductList em,
.CartItemIndividualPrice,
.CartItemTotalPrice {
  color: #ffffff !important;
}
#HomeNewProducts .ProductPrice,
.ProductList em,
.CartItemIndividualPrice,
.CartItemTotalPrice {
  color: #ffffff !important;
}
#HomeFeaturedProducts .ProductList li .ProductActionAdd a,
.QuickViewBtn {
  color: #ffffff !important;
  cursor: pointer;
}
#HomeNewProducts .ProductList li .ProductActionAdd a,
.QuickViewBtn {
  color: #ffffff !important;
  cursor: pointer;
}
#HomeFeaturedProducts .QuickViewBtn {
  color: #ffffff !important;
}
#HomeNewProducts .QuickViewBtn {
  color: #ffffff !important;
}
.PrimaryProductDetails .ProductMain h1 {
  color: #ffffff;
}
.DetailRow.PriceRow em.ProductPrice.VariationProductPrice {
  color: #ffffff !important;
}
#ProductDetails .DetailRow .Label {
  color: #999999;
}
#ProductDetails .productAttributeLabel .name {
  color: #999999;
}
#QuickViewProductDetails .productOptionViewRectangle .option label .name {
  color: #999999 !important;
}
#QuickViewProductDetails .productAttributeLabel .name {
  color: #999999 !important;
}
.productOptionViewRectangle .option label .name {
  color: #ffffff;
}
.productAttributeValue {
  color: #ffffff;
}
#QuickViewProductDetails .productAttributeValue {
  color: #444444 !important;
}
#ProductDetails .ProductDetailsGrid a {
  color: #ffffff;
}
.ProductDetailsGrid .Value {
  color: #ffffff;
}
.productOptionViewRectangle .option label .name {
  color: #ffffff;
}
#ProductDetails .ProductAddToCart .AddCartButton .btn {
  color: #ffffff !important;
  border-color: #ffffff !important;
}
#ProductDetails .ProductAddToCart .AddCartButton .btn-secondary {
  color: #666666 !important;
}
#ProductDetails .ProductAddToCart .AddCartButton .btn:hover {
  color: #666 !important;
  border-color: #666 !important;
}
#ProductDetails .ProductAddToCart .AddCartButton .btn-secondary:hover {
  color: #999!important;
}
#prodAccordion .Block h2 span {
  color: #ffffff;
}
#ProductDescription p {
  color: #ffffff;
}
#ProductByCategory a {
  color: #ffffff;
}
#ProductReviews p {
  color: #ffffff;
}
#ProductReviews a {
  color: #ffffff !important;
}
.Breadcrumb li a {
  color: #999999;
}
.Breadcrumb li {
  color: #999999;
}
#ProductBreadcrumb {
  border-bottom: 1px solid #000000;
}
#CompareContent h2 span,
.title span,
#CartHeader h1 span {
  color: #000000;
}
#CategoryContent .ProductList li .ProductDetails a {
  color: #ffffff !important;
}
#CategoryContent .ProductPriceRating em,
#CategoryContent .ProductList .ProductPrice {
  color: #ffffff !important;
}
#CategoryContent .ProductList li .ProductActionAdd a,
.QuickViewBtn {
  color: #ffffff !important;
  cursor: pointer;
}
#CategoryContent .QuickViewBtn {
  color: #666666 !important;
}
#CategoryContent .ProductList li .ProductActionAdd a:hover {
  color: #666666 !important;
}
#CategoryContent .QuickViewBtn:hover {
  color: #ffffff !important;
}
.CompareButton .btn {
  color: #ffffff !important;
  border-color: #ffffff !important;
}
.ProductList .ProductDetails {
  font-family: "Arial", Helvetica, Sans-Serif;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: "Karla", Arial, Helvetica, Sans-Serif;
}
.FeaturedProducts h2 span,
#HomeNewProducts h2 span,
.PageHeader span,
#Wrapper .title span {
  font-family: "Karla", Arial, Helvetica, Sans-Serif;
}
#CompareContent h2 span,
.title span,
#CartHeader h1 span {
  font-family: "Karla", Arial, Helvetica, Sans-Serif;
}
/* --- Faceted Search --- */
.facet-container {
  border-top: 1px solid #595959;
}
.facet-container [class^="js-facet-clear"] {
  color: #ffffff;
}
.facet-container [class^="js-facet-clear"]:hover {
  color: #cccccc;
}
.facet-container .btn-facet-more-options {
  color: #999999;
}
.facet-container .btn-facet-more-options:hover {
  color: #999999;
}
.facet-container .facet-option:hover {
  background: #595959;
}
.facet-container .facet-option label,
.facet-container .facet-option a {
  color: #999999 !important;
}
.facet-container .facet-option .facet-option-product-count {
  color: #cccccc;
}
.js-faceted-search-container > [class^='js-facet-']:last-of-type .facet-container {
  border-bottom: 1px solid #595959;
}