/**
 * product-sliders.css
 * 
 * Styling for four and six column product sliders.
 * 
 * Index
 * 
 * - Product Sliders: Global Styles
 * - Product Sliders: Previous and Next Buttons
 * - Product Sliders: Content
 * - Product Sliders: Six-column Slider Adjustments
 * 
 */

/*-----------------------------------------------------------------------
# Product Sliders: Global Styles
------------------------------------------------------------------------*/

/* Adds margin between slides */
.product-slider .slick-slide { margin: 0 20px; }
.product-slider .slick-list { margin: 0 -20px; }

/* Adds space above the slider, between the section title and the slider */
.product-slider { margin-top: 32px; }

/* Styles the title of the slider section and some margin above it */
.slider-section h2 { text-align: center; margin-top: 8px; }

/*-----------------------------------------------------------------------
# Product Sliders: Previous and Next Buttons
------------------------------------------------------------------------*/

.product-slider button.slick-next, .product-slider button.slick-next:hover {
  right: -60px;
  background: url(../../../img/icons/product-slider-arrow-right.png) no-repeat center center;
}

.product-slider button.slick-prev, .product-slider button.slick-prev:hover {
  left: -60px;
  background: url(../../../img/icons/product-slider-arrow-left.png) no-repeat center center;
}

/*-----------------------------------------------------------------------
# Product Sliders: Content
------------------------------------------------------------------------*/

.product-name { text-transform: uppercase; }

.product-slider .product-name { 
  margin-top: 32px;
  display: block;
  min-height: 44px;
  max-height: 44px;
  overflow: hidden;
}

/* Stock information */
.in-stock a { margin-top: 16px; }

span.in-stock a { 
  float: right; 
  color: #048E29;
  background: url(../../../img/icons/arrow-down-green.png) right center no-repeat;
  padding-right: 16px;
  font: 500 0.75rem "HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-transform: uppercase;
}

span.in-stock.low-stock a { 
  background: url(../../../img/icons/arrow-down-red.png) right center no-repeat;
  color: #CD470A; 
}

/* Reviews */
.reviews {
  background: url(../../../img/icons/reviews.png) left center no-repeat;
  height: 20px;
  width: 120px;
  margin-top: 12px; 
  display: inline-block;
  float: left;
}

/* Price */
.product-slider .price {
  margin-top: 12px;
  color: #222222;
  float: left;
}

/* Add to cart button */
.product-slider .btn { float: right; margin-top: 12px; }

/*-----------------------------------------------------------------------
# Product Sliders: Six-column Slider Adjustments
------------------------------------------------------------------------*/

.six-col span.in-stock a, .six-col .btn, .six-col span.low-stock a { 
  display: block;
  float: left;
  clear: both;
}

.six-col .in-stock a { margin-top: 4px; }