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

body{
  
	#bodyPadding{
	
		#mainContent{
			
			#lunchContain{
				#nextMonth, #prevMonth{
					cursor: pointer;
				}
				margin-top:20px;
				#calendar{
					width: 66%;
					float: left;
					
					.calendar{
						float: left;
						
						td{
							background:#fff;
						}
						
						caption{
							margin-bottom: 10px;
							font-size:15px;
							letter-spacing: .25em;
							font-weight: bold;
						}
						.header{
							height:30px;
							width: 80px;
							background-color: @primary;
							color:#fff;
							text-align: center;
							vertical-align: middle;
						}
						
						.day{
							height:80px;
							width: 66px;
							padding:8px;
							text-align: left;
							vertical-align: top;
							border: 1px solid #D9D9D9;
							
							&:hover{
								background-color: @primary;
								color:#fff;
								cursor: pointer;
							}
							
							p{
								text-align: center;
								margin-top:6px;
							}
						}
						
						#today_date{
							color: @primary;
							background-color: @grayLighter;
							
							&:hover{
								background-color: @primary;
								color:#fff;
								cursor: pointer;
							}
							
						}
						
						.blankDay{
							height:80px;
							width: 66px;
							padding:8px;
							text-align: left;
							vertical-align: top;
							border: 1px solid #D9D9D9;
						}
						
						.pickedDay{
							background-color: @secondary;
						}
					}
				}
				
				#weeklyLunch{
					margin-top:30px;
					
					.aLunch{
						width:18%;
						margin-right: 2%;
						float: left;
						
						h4{
							margin-bottom: -8px;
						}
						
						img{
							height: 100px;
						}
					}
				}
				
				#viewLunch{
					float: left;
					margin-left: 40px;
					width:22%;
					
					h3{
						line-height: 23px;
					}
				}
				
				#deliDropdown{
					margin-top:16px;
				}
				
			}
			
			#dailyLunch{
				color:@secondary;
				#lunchOffset{
					margin:10px 20px;
				}
				margin:0 0 15px;
				
				h3{
					line-height: 1em;
					margin-bottom: -8px;
				}
				
				h4.header{
					.rightSideHeader();
					.border-radius(6px);
					margin-bottom: 12px;
				}
				
				img{
					float: left;
					margin-right: 15px;
				}
			}
		}
	}
}


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

@media (max-width: 995px) {
	body{
		
		#bodyPadding{
			
			#mainContent{
				#lunchContain{
					#calendar{
						width:65%;
					}
				}
			}
		}
	}
}

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

@media (max-width: 580px) {
	body{
		
		#bodyPadding{
			
			#mainContent{
				#lunchContain{
					#calendar{
						width:100%;
					}
					
					#viewLunch{
						width: 100%;
						float:none;
						margin-left:0;
						margin-top:20px;
					}
					
					#weeklyLunch{
						margin-top:30px;
						
						.aLunch{
							width:44%;
							margin-right: 5%;
							float: left;
							
							h4{
								margin-bottom: -8px;
							}
							
							img{
								height: auto;
							}
						}
					}
				}
			}
		}
	}
}
