@charset "utf-8";
/* CSS Document for Featured Categories on Homepage module for PrestaShop by Presta FABRIQUE */

#featuredcats {
	clear:both;
	margin:10px auto!important;
	padding-bottom:4px;
}
#featuredcats .holder {
	border:none;
	overflow: hidden;
	position:relative;
	margin-bottom:30px;
}
#featuredcats h4 {
}
#featuredcats ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#featuredcats ul li {
	float:left;
	width:25%;
	text-align:center;
	padding:0px;
	margin-bottom:20px;
	font-weight:bold;
	transition: all 0.3s;
}
#featuredcats ul li:hover {
	background:#F6F6F6;
}
#featuredcats ul li a {
	display:block;
}
#featuredcats ul li img {
	border:1px dotted #CCC;
	padding:1px;
	max-width:90%;
	max-height:100%;
	margin-top:5px;
}

#featuredcats ul li .fcategory_description {
	font-size:11px;
	line-height:12px;
	padding:0 10px;
	font-weight:normal;
	margin-bottom:5px;
	overflow:hidden;
	height:36px;
}

div#featuredcats .categcarousel-prev, div#featuredcats .categcarousel-next {
    height: 48px;
    width: 48px;
    display: block;
    background:#CCC;
    opacity: 0.14;
    position: absolute;
    left: 0;
    top: 30%;
    z-index: 5;
	cursor:pointer;
}
div#featuredcats .categcarousel-prev:hover, div#featuredcats .categcarousel-next:hover {
	opacity: 0.83;
}
div#featuredcats .categcarousel-prev {
	background:url(../img/arrow_prev.png) center center no-repeat #CCC;
}
div#featuredcats .categcarousel-next {
	left:auto;
	right:0;
	background:url(../img/arrow_next.png) center center no-repeat #CCC;
}

@media (max-width: 767px) {
	div#featuredcats ul li {
		height:auto;
		overflow:hidden;
	}
	#featuredcats ul li .fcategory_description {
		height:60px
	}
	div#featuredcats .categcarousel-prev, div#featuredcats .categcarousel-next {
		height: 38px;
		width: 38px;
	}
}