/* #####################################################################################################
   Theme colors
   ##################################################################################################### */

/*--- standard variables ---*/
/*Tahoma, Geneva, sans-serif;*/
/*--- product item ratio (thumb + content) ---*/
/* set ProductImageRatio in productOverview! */
/*--- media queries. When using responsive ---*/
/*----- Default functions -----*/
/*--- custom class functions ---*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*----- CSS3 Animation functions -----*/
/* !! IMPORTANT !! - @CategoryThemeColor and @HomeThemeColor come from the querystring. */
/*----- Custom theme Variables ---- */
/*@CategoryThemeColor: color("#@{CategoryThemeColor}"); LET OP TIJDELIJK UITGEZET OMDAT KLANT ALLES 'ZWART' WIL */
/*@HomeThemeColor: color("#@{HomepageThemeColor}");*/
/* ++ GENERAL ++ */

::selection {
  background: #3a3638;
}
::-moz-selection {
  background: #3a3638;
}
/* -- GENERAL -- */

/* ++ SLIDER ++ */

.ui-widget-header {
  background: #2d2a2b;
}
/* -- SLIDER -- */

/* ++ NAVIGATION ++ */

@media only screen and (min-width : 768px) {
  #globalNavWrapper {
    background: #f2f2f2;
  }
}
/* -- NAVIGATION -- */

/* ++ HOME ++ */

body.homepage #footerWrapper {
  background-color: #2d2a2b;
}
@media only screen and (min-width : 768px) {
  body.homepage #utilNavWrapper {
    /*background: @HomeThemeColor;*/
    background: #2d2a2b;
  }
  body.homepage #footerWrapper {
    background-color: #2d2a2b;
  }
  body.homepage #footerWrapper #footer #footerCols {
    background: none;
  }
}
body.homepage ::selection {
  background: #3a3638;
}
body.homepage ::-moz-selection {
  background: #3a3638;
}
/* -- HOME -- */

/* ++ PRODUCT OVERVIEW/DETAIL ++ */

body.productOverview #seoTxt,
body.productDetail #seoTxt {
  background: #f2f2f2;
}
body.productOverview #footerWrapper #footer,
body.productDetail #footerWrapper #footer {
  background-color: #2d2a2b;
}
@media only screen and (min-width : 768px) {
  body.productOverview #legal,
  body.productDetail #legal {
    background: #f2f2f2;
  }
  body.productOverview #footerWrapper #footer,
  body.productDetail #footerWrapper #footer {
    background: none;
  }
}
@media only screen and (max-width: 767px) {
  body.productOverview #filterNav .ul-1 a.activeItem,
  body.productDetail #filterNav .ul-1 a.activeItem {
    color: #2d2a2b;
  }
}
@media only screen and (min-width : 768px) {
  body.productOverview #utilNavWrapper,
  body.productDetail #utilNavWrapper {
    background-color: #2d2a2b;
  }
  body.productOverview #footerWrapper,
  body.productDetail #footerWrapper {
    background-color: #2d2a2b;
  }
  body.productOverview #footerWrapper #footer #footerCols,
  body.productDetail #footerWrapper #footer #footerCols {
    background: none;
  }
}
/* -- PRODUCT OVERVIEW/DETAIL -- */

/* ++ searchPage ++ */

@media only screen and (min-width : 768px) {
  body.searchPage #utilNavWrapper {
    background-color: #2b2b2b;
  }
  body.searchPage #footerWrapper #footer #footerCols {
    background: none;
  }
}
/* -- searchPage -- */