/*--- standard variables ---*/
/*--- product item ratio (thumb + content) ---*/
/* set ProductImageRatio in productOverview! */
/*--- media queries. When using responsive ---*/
/* Range breakpoints */
/*--- media queries. When using responsive: only mobile & desktop ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 480px)";
@tablet:		~"only screen and (min-width: 999999999px)";
@tabletLand:	~"only screen and (min-width: 768px)";
@desktop:		~"only screen and (min-width: 768px)";

@upToTablet:	~"only screen and (max-width: 767px)";
@upToDesktop:	~"only screen and (max-width: 767px)";*/
/*--- media queries. When not using responsive ---
@responsive:	false;
@largePhone:	~"only screen and (min-width: 1px)";
@tablet:		~"only screen and (min-width: 1px)";
@tabletLand:	~"only screen and (min-width: 1px)";
@desktop:		~"only screen and (min-width: 1px)";

@upToTablet:	~"only screen and (max-width: 1px)";
@upToDesktop:	~"only screen and (max-width: 1px)";*/
/*----- Default functions -----*/
/*----- Default Crossbrowser functions -----*/
/*----- CSS3 functions -----*/
/*----- CSS3 Animation functions -----*/
/*----- Buttons -----*/
/*----- Responsive functions -----*/
/*-- algemeen --*/

.productList .item .thumb {
  background: white;
}
.productList .item .thumb > a {
  opacity: 0.97;
}
#bottomBlock {
  background-color: black;
}
@media only screen and (min-width: 1024px) {
  #bottomBlock {
    background: none;
  }
}
/*-- homepage --*/

.homepage #banner img,
.homepage #banners img {
  background: whitesmoke;
}
/*-- product detail --*/

.productDetail #mainImage {
  -webkit-box-shadow: 0 2px 8px -4px black;
  -moz-box-shadow: 0 2px 8px -4px black;
  box-shadow: 0 2px 8px -4px black;
}
.productDetail #mainImage .largeImage {
  background: black;
}
.productDetail #mainImage > a,
.productDetail #mainImage .large {
  background: white;
  opacity: 0.97;
}
.productDetail #mainImage .thumbnails {
  background: white;
}
@media only screen and (min-width: 1024px) {
  /*-- product overview --*/
  
  .productOverview #categoryDiv {
    background: whitesmoke;
  }
  .productOverview .selectedFilters {
    padding: 10px 0;
  }
}
