/*$green: #43a047;*/
/*$primaryColor: $blue;*/
/*$secondaryColor: #f9fafb;*/
/*$black: red;
$white: red;
$gray: red;
$light-gray: red;
$red: green;
$blue: red;
$darkBlue: red;
$green: red;
$primaryColor: red;*/
/*$green: #43a047;*/
/*$primaryColor: $blue;*/
/*$secondaryColor: #f9fafb;*/
/*$black: red;
$white: red;
$gray: red;
$light-gray: red;
$red: green;
$blue: red;
$darkBlue: red;
$green: red;
$primaryColor: red;*/
.brands-wrapper {
  overflow: hidden;
  padding: 0 15px;
}

.brands-list {
  margin: 0 -15px;
}
.brands-list .brand-wrapper {
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 3px 8px -2px #b7b4b4;
  display: inline-block;
  transition: box-shadow ease-in-out 0.4s;
}
.brands-list .brand-wrapper:hover {
  box-shadow: 0 3px 16px -2px #a9a6a6;
}
.brands-list .brand-wrapper:hover .brand-name {
  background-color: #f6f6f6;
}
.brands-list .brand-col {
  width: 16%;
  float: left;
  padding: 0 15px;
}
.brands-list .brand-image {
  padding: 10px;
}
.brands-list .brand-name {
  padding: 10px 0;
  background: #f3f3f3;
  color: #7b7b84;
  transition: background-color ease-in-out 0.3s, color ease-in-out 0.3s;
}

@media (min-width: 768px) {
  .col-sm-2 {
    width: 13.66666667%;
  }
}
.brandtext-spacing {
  margin-bottom: 25px;
}

/*$green: #43a047;*/
/*$primaryColor: $blue;*/
/*$secondaryColor: #f9fafb;*/
/*$black: red;
$white: red;
$gray: red;
$light-gray: red;
$red: green;
$blue: red;
$darkBlue: red;
$green: red;
$primaryColor: red;*/
.categories-menu {
  border-bottom: 1px solid #333;
  margin-bottom: 30px;
}
.categories-menu .category-title {
  text-align: center;
  margin-bottom: 30px;
}
.categories-menu .category-list {
  margin-bottom: 30px;
}
.categories-menu .category-list-seperator {
  background: #333;
  width: 1px;
  position: absolute;
  left: 50%;
  top: 60px;
  bottom: 0;
}

/* Category SearchResult Tile */
.category-tile {
  width: 100%;
  max-width: 400px;
  padding-right: 15px;
  float: left;
  margin-bottom: 40px;
  text-align: center;
  /* TODO: COlor variable */
}
.category-tile .category-tile-inner {
  overflow: hidden;
  border: 1px solid #c9c8d0;
  border-radius: 4px;
  padding: 20px;
  box-shadow: 3px 3px 8px -3px rgba(123, 123, 132, 0.6);
}

/*$green: #43a047;*/
/*$primaryColor: $blue;*/
/*$secondaryColor: #f9fafb;*/
/*$black: red;
$white: red;
$gray: red;
$light-gray: red;
$red: green;
$blue: red;
$darkBlue: red;
$green: red;
$primaryColor: red;*/
/* Fitler */
.facet-menu {
  padding: 0 30px 0 15px;
  float: left;
  width: 250px;
}
@media (min-width: 992px) {
  .facet-menu {
    min-height: 350px;
    margin-top: 23px;
  }
}
.facet-menu .filter-container {
  margin-bottom: 0;
}
.facet-menu .facet {
  margin-bottom: 30px;
}
.facet-menu .checkbox {
  margin: 0;
}
.facet-menu .show-all-values {
  color: darkorange;
  font-size: 0.85em;
  margin-top: 5px;
}
.facet-menu .show-all-values a {
  cursor: pointer;
}
.facet-menu .facet-heading {
  color: darkorange;
  font-weight: bold;
  margin: 15px 0;
  font-size: 1em;
  /*font-size: 14px;*/
}
.facet-menu label {
  /*white-space: nowrap;*/
  font-weight: normal;
  margin: 0;
}
.facet-menu .filter-count {
  /*float: right;*/
  font-size: 0.85em;
  /*font-size: 85%;*/
}
.facet-menu h4 {
  color: #3b618e;
}
.facet-menu .filter-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background: #0f1824;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s all ease-in-out;
}
.facet-menu .filter-open-button, .facet-menu .filter-close-button, .facet-menu .filter-apply-button {
  display: none;
}

.make-and-model-selector {
  width: 100% !important;
  border: darkorange 1px;
  border-radius: 3px;
  border-style: solid;
  margin-top: 5px;
}

.make-and-model-selector {
  width: 100% !important;
  border: darkorange 1px;
  border-radius: 3px;
  border-style: solid;
  margin-top: 5px;
}

@media (max-width: 991px) {
  .facet-menu {
    width: 100%;
    float: none;
    padding: 0 15px;
  }
  .facet-menu .filter-close-button, .facet-menu .filter-apply-button {
    display: initial;
  }
  .facet-menu .filter-container {
    position: fixed;
    left: -70%;
    width: 70%;
    max-width: 270px;
    top: 0;
    bottom: 0;
    z-index: 100;
    padding: 15px;
    transition: 0.4s margin ease-in-out;
  }
  .facet-menu .filter-container form {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    left: 0;
    padding: 15px;
    overflow: auto;
    background: #f9f9fb;
    margin-top: 40px;
  }
  .facet-menu .filter-open-button {
    display: initial;
  }
  .facet-menu .filter-close-button, .facet-menu .filter-apply-button {
    position: absolute;
    z-index: 101;
    width: 50%;
    top: 0;
    padding: 12px 0;
  }
  .facet-menu .filter-close-button {
    right: 0px;
    background: #757575;
    color: #fff;
    border: 0;
  }
  .facet-menu .filter-apply-button {
    left: 0px;
    background: #43a047;
    color: #fff;
    border: 0;
  }

  .filter-open .facet-menu .filter-container {
    margin-left: 70%;
  }

  .filter-open .filter-overlay {
    opacity: 0.8;
    visibility: visible;
  }

  body.filter-open {
    overflow: hidden;
  }
}
/*$green: #43a047;*/
/*$primaryColor: $blue;*/
/*$secondaryColor: #f9fafb;*/
/*$black: red;
$white: red;
$gray: red;
$light-gray: red;
$red: green;
$blue: red;
$darkBlue: red;
$green: red;
$primaryColor: red;*/
.pagination-pages > * {
  padding: 5px;
}
.pagination-pages a {
  color: #7b7b84;
}
.pagination-pages .active {
  color: #7b7b84;
  font-size: 1.3em;
  font-weight: 900;
}

/*$green: #43a047;*/
/*$primaryColor: $blue;*/
/*$secondaryColor: #f9fafb;*/
/*$black: red;
$white: red;
$gray: red;
$light-gray: red;
$red: green;
$blue: red;
$darkBlue: red;
$green: red;
$primaryColor: red;*/
/* Breadcrumbs */
.breadcrumbs {
  padding: 15px;
  /*margin-top: -15px;*/
  /* TODO: Switch to SASS variable */
  color: darkgrey;
  /* This style is only applied when placed on ProductPage */
}
.breadcrumbs--element {
  color: darkorange;
}
.breadcrumbs--element:not(:last-child):after {
  content: " /";
}
.product-page .breadcrumbs {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -15px;
}

.support-text {
  float: right;
  color: darkorange;
  padding: 15px;
  font-weight: bold;
}
.product-page .support-text {
  margin-right: -15px;
  margin-top: -15px;
}

.product-list {
  padding: 0 15px;
  /*.no-products-found .umb-grid .container {
      max-width: 1170px;
      padding: 0 25px;
  }*/
}
@media (max-width: 1310px) {
  .product-list {
    padding: 0;
    /*.container-fluid {
        max-width: 1170px;
    }*/
  }
}
.product-list .sort-order {
  font-size: 0.85em;
}
.product-list .sort-order .sort-order-item {
  padding: 0 4px;
  color: #7b7b84;
}
.product-list .sort-order .sort-order-item.active {
  color: darkorange;
  font-weight: bold;
}
.product-list .step-by-step-guide {
  overflow: hidden;
  /*margin-bottom: 15px;*/
}
.product-list .step-by-step-guide select {
  float: left;
  width: initial;
  margin-right: 15px;
}
.product-list .umb-grid {
  overflow: hidden;
}
.product-list .umb-grid .container {
  max-width: 100%;
  padding: 0;
}

.guide-brand-selector:focus {
  border-color: #7b7b84;
}

.guide-model-selector:focus {
  border-color: #7b7b84;
}

.guide-year-selector:focus {
  border-color: #7b7b84;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Projects/KRAM/KRAM.Webshop.Umbraco/css/src/Utils/_Colors.scss%22,%22file:///C:/Projects/KRAM/KRAM.Webshop.Umbraco/css/src/partials/_BrandsList.scss%22,%22file:///C:/Projects/KRAM/KRAM.Webshop.Umbraco/css/src/partials/_CategoriesMenu.scss%22,%22file:///C:/Projects/KRAM/KRAM.Webshop.Umbraco/css/src/partials/_FacetMenu.scss%22,%22file:///C:/Projects/KRAM/KRAM.Webshop.Umbraco/css/src/partials/_Pagination.scss%22,%22file:///C:/Projects/KRAM/KRAM.Webshop.Umbraco/css/src/partials/_Breadcrumbs.scss%22,%22file:///C:/Projects/KRAM/KRAM.Webshop.Umbraco/css/src/partials/_SupportText.scss%22,%22file:///C:/Projects/KRAM/KRAM.Webshop.Umbraco/css/src/Templates/ProductList.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAeA;AACA;AAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AANA;AACA;AAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACnBA;EACI;EACA;;;AAGJ;EAEI;;AAEA;EACI;EACA,YDZA;ECaA;EACA;EACA;;AAEA;EACI;;AAEA;EACI;;AAKZ;EACI;EACA;EACA;;AAIJ;EACI;;AAGJ;EACI;EACA,YDnCK;ECoCL,ODrCD;ECsCC;;;AAGR;EACI;IACI;;;AAGR;EACI;;;ADpCJ;AACA;AAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AEnBA;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI,YFhBC;EEiBD;EACA;EACA;EACA;EACA;;;AAIR;AACA;EACI;EACA;EACA;EACA;EACA;EACA;AACA;;AACA;EACI;EACA;EACA;EACA;EACA;;;AFxBR;AACA;AAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AGnBA;AACA;EACI;EACA;EACA;;AAEA;EALJ;IAMQ;IACA;;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;AACA;;AAGJ;AACI;EACA;EACA;;AAGJ;AACI;EACA;AACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAKJ;EAGI;IACI;IACA;IACA;;EAEA;IACI;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACI;;EAGJ;IACI;IACA;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;;;EAKR;IACI;;;EAGJ;IACI;IACA;;;EAGJ;IACI;;;AH1JR;AACA;AAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AIlBI;EACI;;AAGJ;EACI,OJJD;;AIOH;EACI,OJRD;EISC;EACA;;;AJCR;AACA;AAGA;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AKjBA;AACA;EACI;AACA;AAEA;EACA,OARa;AAkBb;;AARA;EACI,OLDC;;AKGD;EACI;;AAKR;EACI;EACA;EACA;;;ACvBR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;;ACCR;EACI;AA6CA;AAAA;AAAA;AAAA;;AA3CA;EAHJ;IAIQ;AACA;AAAA;AAAA;;;AAKJ;EACI;;AAEA;EACI;EACA,OPrBL;;AOuBK;EACI,OPhBP;EOiBO;;AAMZ;EACI;AACA;;AAEA;EACI;EACA;EACA;;AAKR;EACI;;AAEA;EACI;EACA;;;AASZ;EACI,cP1DG;;;AO4DP;EACI,cP7DG;;;AO+DP;EACI,cPhEG%22%7D */