/**
* 2007-2017 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2017 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

.productsfilter-container {
  margin-top: 60px;
}

.productsfilter-title {
  color: #4a4a4a !important;
}

.productsfilter-filters {
  margin-top: 10px;
}

.productsfilter-filters button {
  color: white;
  background-color: #d8d8d8;
}

.productsfilter-filters button.active {
  color: white;
  background-color: #4a4a4a;
}

.productsfilter-group-red button.active {
  color: white;
  background-color: #e20026;
}

.productsfilter-label {
  color: #4a4a4a;
  margin-right: 1rem;
}

.productsfilter-slider {
  position: relative;
  min-height: 611px;
  margin-top: 10px;
  margin-bottom: 30px;
  overflow-x: scroll;
  width: 100%;
  white-space: nowrap;
  background-color: #d6d4d4;
}

.productsfilter--product {
  position: relative;
  display: inline-block;
  float: none;
  width: 320px;
  height: 608px;
  margin-right: 0;
  margin-left: 0;
  color: #777;
  background-color: #e4e4e4;
  vertical-align: top;
  padding: 1rem 2rem 2rem 2rem;
}

.productsfilter--product-image {
  height: 250px;
}

.productsfilter--labels {
  margin: 0 0 2rem 0;
  font-size: 15px;
}

.productsfilter--legend {
  text-align: center;
  font-weight: bold;
}

.productsfilter--rank {
  margin-left: 1rem;
}

.productsfilter--rank .icon-star {
  color: #EAA945;
}

.productsfilter-level {
  background-color: #e20026;
  padding-left: 5px;
  padding-right: 5px;
  color: #fff;
}

.productsfilter--product-title {
  font-weight: bold;
  font-size: 22px;
  word-break: normal;
  white-space: normal;
  height: 40px;
}

.productsfilter--product-description {
  height: 180px;
  margin: 1rem 0;
  word-break: normal;
  white-space: normal;
  text-align: justify;
  overflow: hidden;
  overflow-y: scroll;
}

.productsfilter--price {
  color: #e20026;
  font-size: 22px;
  font-weight: bold;
  margin-top: 8px;
}

.productsfilter--price-reduc {
  color: #e20026;
  font-size: 22px;
  font-weight: bold;
  margin-top: -8px;
}

.productsfilter--customize {
  border: 1px solid #e20026;
  color: #e20026;
}

.productsfilter--customize:hover {
  border: 1px solid #2c2c2c;
  color: #2c2c2c;
}

.productsfilter--discount, .productsfilter--free-shipping {
  position: absolute;
  z-index: 1;
  background: #6852ff;
  width: 55%;
  text-align: center;
  padding: 6px 0px;
  color: white;
  font-size: 18px;
  margin-left: -20px;
}

.productsfilter--bestseller,
.productsfilter--new {
  position: absolute;
  z-index: 1;
  background: #e20026;
  width: 55%;
  text-align: center;
  padding: 6px 0px;
  color: white;
  font-size: 18px;
  margin-left: -20px;
}

.productsfilter--new {
  background: #FFAA23;
}

.productsfilter--both-discount {
  margin-top: 38px;
}

.productsfilter--strike {
  font-weight: 200;
  font-size: 16px;
  color: #777;
}


/* Carousel arrows */
.productsfilter--previous, .productsfilter--next {
  z-index: 2;
  position: absolute;
  padding: 30px 20px;
  background-color: rgba(0, 0, 0, 0.66);
  color: white;
  font-size: 5rem;
  font-weight: bold;
  cursor: pointer;
  display: none;
}

.productsfilter--previous:hover, .productsfilter--next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.productsfilter--previous {
  margin-top: 280px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.productsfilter--next {
  right: 0;
  margin-top: 280px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.productsfilter-wrapper:hover .productsfilter--previous, .productsfilter-wrapper:hover .productsfilter--next {
  display: block;
}

@media (max-width: 992px) {
  .products-filter--btn-wrapper {
    margin: 5px 0;
  }

  .productsfilter--cpu, .productsfilter--gpu, .productsfilter--type, .productsfilter--cpu-type {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}