// Recipes
// 
// -----------------------------------------------------

body{
	#bodyPadding{
		#mainContent{
			.storeDeals{
				width: 100%;
				
				.dealHeader{
					background: url('/Kickstrap/img/dealBG.png') repeat;
					height:37px;
					border-bottom: 6px @primary solid;
					background-position:1px;
					//text-align: center;
					img{
						display: none;
					}
					
					h3{
						margin:-10px 16px 16px 8px;
					}
				}
			
				.dealFooter{
					background: url('/Kickstrap/img/dealBG.png') repeat;
					height:63px;
					border-top: 6px @primary solid;
					background-position:1px;
					text-align: center;
					a.btn{
						margin-top: 16px;
					}
				}
				
				.caption{
					margin-top: 15px;
				}
				
				.weeklySpecial{
					//#gradient > .vertical(@grayLightMid, @grayLighter);
					padding: 2% 3.1% 1%;
					line-height:0;
					margin-bottom: 15px;
					float:left;
					width: 18.65%;
					min-height:160px;
					text-align: center;
					border-right: 1px #E4E4E4 solid;
					
					&.theLast{
						margin-right: 0;
						border-right: none;
					}
					
					&:last-child{
						margin-right: 0px;
						border: none;
					}
					
					p{
						line-height: 1.25em;
						margin:2px 0;
					}
					h5{
						margin:0;
						line-height: 1.25em;
					}
					img{
						float:none;
						margin: 0 auto 10px;
						max-height: 70px;
						display: block
					}
					.price{
						font-weight: bold;
						font-size: 18px;
					}
				}
				
				.ad-control {
					display: none;
				}
			}
		}
	}
}


// MEDIA QUERIES
// -----------------------------------------------------

@media (max-width: 995px) {
	body{
		
		#bodyPadding{
			
			#mainContent{
				
			}
		}
	}
}

@media (max-width: 780px) { //convert the nav to a button
	body{
		
		#bodyPadding{
			
			#mainContent{
				
			}
		}
	}
}

@media (max-width: 580px) {
	body{
		
		#bodyPadding{
			
			#mainContent{
				.storeDeals{
					.dealHeader{
						
					}
				
					.dealFooter{
						
					}
					
					.caption{
						
					}
					
					.weeklySpecial{
						text-align: left;
						background: none;
						padding: 2% 2% 1%;
						.border-radius(0);
						line-height:0;
						margin-bottom: 15px;
						margin-right: 0;
						float:none;
						width: 96%;
						min-height:0;
						border:none;
						
						&:last-child{
							margin-right: 0px;
						}
						
						p{
							line-height: 1.25em;
							margin:2px 0;
						}
						h5{
							margin:0;
							line-height: 1.25em;
						}
						img{
							float:left;
							margin: 0 20px 0 0;
							max-height: 200px;
							max-width: 35%;
							display: block;
						}
						.price{
							font-weight: bold;
							font-size: 18px;
						}
					}
					
					.ad-control {
						display: none;
					}
				}
			}
		}
	}
}
