@charset "utf-8";
/* CSS Document */
body {
	font-family: Roboto;
}

.page-header
{
	background-color: #b8d9e0;
	background: linear-gradient(to bottom, #b8d9e0, #fff);	
	padding: 10px 0px;
}

.main-menu {
	background-color: #9bc83c;	
}

.main-menu ul {
	list-style: none;		
	margin-left: 0px;
}

.main-menu li {
	float:left;
	padding-right: 1rem;	
}

.products .item, .featured .item{
	padding: .1rem;
	border:1px solid #ddd;	
	position: relative;
        border-radius: 1px;
}

.featured .item {
    border: 0px;
}

.featured .item img {
	max-height: 300px;	
    cursor: pointer;
}

.featured .item .title {
    color: #555;
    font-family: Roboto, sans-serif;
    font-weight: 100;
    
}

.featured .item .body {
    color: #555;
    margin-bottom: 1rem;
}

.featured .item .price-list {
    color: #555;

}

.featured .item .price {
	color: darkcyan;
    font-size: 2rem;
    display: none;

}

.featured .item .banner {
	position: absolute;
	top:1rem;
	right: .9375rem;
	text-align: right;
	padding: .3rem;
	background-color: #ba2900;	
	color: yellow;
	font-size: .8rem;
}

.slick-prev:before, .slick-next:before { 
    color:#999;
}
        
.slick-prev {
    left: 50px;
    z-index: 1;

}
.slick-next {
    right: 50px;

}

.promo {
    padding: 1rem;
}

.promo .column {
    background-color: #9bc83c;
}

.promo h3 {
    font-family: Roboto, sans-serif;
    font-weight: 100;
    color: #fff;
    text-align: center;
}

.products .item img{
	max-height: 250px;
	max-width: 250px;
	width: 100%;
    cursor: pointer;
}

.products .item .item-detail {
	font-size: .8rem;	
	padding:.4rem;
    line-height:1rem;
}

.products .item .item-detail .title {

}

.products .item .item-detail .body {
	color: #777;
	font-size: .7rem;
    padding: .2rem 0rem;
    font-family:Roboto Condensed;
    line-height: .8rem;
	
}

.products .item .item-detail .price-list {
	display: inline-block;	
	font-size: .8rem;
	color: #555;
	margin-right: 1rem;
	font-family:Roboto, sans-serif;
}

.products .item .item-detail .price-list.line-through {
    text-decoration: line-through;
}

.products .item .item-detail .price {
	display: inline-block;	
	color: darkcyan;
	font-size: .9rem;
	font-family:Roboto;
}

.products .item .banner {
	position: absolute;
	top:.5rem;
	right: -.5rem;
	text-align: right;
	padding: .3rem;
	background-color: red;	
	color: white;
	font-size: .8rem;
    line-height: .5;
    opacity: .8;
    border-radius: .9rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.page-footer {
    background-color: #93af57;
    margin-top: 1.5rem;
    color:  #FFF;
    font-size: .7rem;
    padding: 1rem 0;
    font-family: Roboto Condensed;
}