/**
 * Multiple Featured Module Pro
 * 
 * @author  Kyo (AKA Yasuhiro Sota)
 * @version 3.0.0
 * @license Commercial License
 * @package catalog
 * @subpackage  catalog.view.theme.default.stylesheet
 */

/* Table of Content
==================================================
  #Carousel


/* #Carousel
================================================== */

.multi-featured-carousel {}
.multi-featured-carousel .slick-slider { margin-bottom: 0; position: relative;overflow:hidden;  }
/* .multi-featured-carousel .slick-slider .slick-list  { margin-left: -14px; margin-right: -14px; } */
.multi-featured-carousel .slick-slider .slick-list .slick-slide  { padding: 10px; margin-right: 1px; }
.multi-featured-carousel .slick-slider .slick-dots > li  { margin-bottom: 10px; }

/* #Arrows */
.multi-featured-carousel .multi-featured-carousel-prev,
.multi-featured-carousel .multi-featured-carousel-next { display: block; width: 40px; height: 40px; margin: -20px 0 0; padding: 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; border: none; outline: none; }
.multi-featured-carousel .multi-featured-carousel-prev { left: -50px; }
.multi-featured-carousel .multi-featured-carousel-next { right: -50px; text-align: right; }
.multi-featured-carousel .slick-slider:hover .multi-featured-carousel-prev { opacity: 0.7; left: 15px; }
.multi-featured-carousel .slick-slider:hover .multi-featured-carousel-next { opacity: 0.7; right: 15px; }
.multi-featured-carousel .slick-slider:hover .multi-featured-carousel-next:hover, 
.multi-featured-carousel .slick-slider:hover .multi-featured-carousel-prev:hover { opacity: 1; }
.multi-featured-carousel .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.multi-featured-carousel .multi-featured-carousel-prev:before,
.multi-featured-carousel .multi-featured-carousel-next:before { font-family: FontAwesome; font-size: 40px; display: inline-block; content: ''; line-height: 1; }
.multi-featured-carousel .multi-featured-carousel-prev:before { content: '\f053'; } /* fa-chevron-left */
.multi-featured-carousel .multi-featured-carousel-next:before { content: '\f054'; } /* fa-chevron-right */

/* #Dots */
.multi-featured-carousel .multi-featured-carousel-dots { list-style: none; display: block; text-align: center; padding: 2px 0 0; margin: 0 0 30px; width: 100%; line-height: 0; }
.multi-featured-carousel .multi-featured-carousel-dots li { position: relative; display: inline-block; height: 12px; width: 12px; margin: 3px 5px; padding: 0; cursor: pointer; }
.multi-featured-carousel .multi-featured-carousel-dots li button { border: 0; background: transparent; display: block; height: 12px; width: 12px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.multi-featured-carousel .multi-featured-carousel-dots li button:hover, .
.multi-featured-carousel .multi-featured-carousel-dots li button:focus { outline: none; }
.multi-featured-carousel .multi-featured-carousel-dots li button:hover:before, 
.multi-featured-carousel .multi-featured-carousel-dots li button:focus:before { opacity: 1; }
.multi-featured-carousel .multi-featured-carousel-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 12px; height: 12px; font-family: "slick"; font-size: 12px; line-height: 12px; text-align: center; color: black; opacity: 0.45; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.multi-featured-carousel .multi-featured-carousel-dots li.slick-active button:before { color: black; opacity: 0.75; }