@charset "utf-8";
/* CSS Document */


.menu-background { 
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.8)), url("../img/menu/menu-background.png") center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.menu {
	display: flex;
	width: 100%;
	padding: 20px;
	background: var(--color-white);
	border-radius: 10px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
	margin-bottom: 50px;
}

@media(max-width: 991px){
	.menu {
		display: flex;
		flex-direction: column;
	}	
}

@media(max-width: 575px){
	.menu:first-of-type{
		padding-top: 20px;
	}
	
	.menu:not(first-of-type){
		padding: 0 20px 20px;
	}	
}

@media(max-width: 575px){
	section  {
		padding: 0;
	}
	.menu {
		border-radius: 0;
		margin-bottom: 0;
		box-shadow: none;
	}	
}

.menu-group {
	border: 4px double var(--color-black);
	border-radius: 0 5px 5px 0;
}

@media(max-width: 768px){
	.menu-group {
		border-radius: 0 0 5px 5px;
		width: 100%;
	}	
}

@media(max-width: 1199px){
	.menu-group .weekly .week {
		width: 100%;
	}
	.menu-group .weekly .menu-items {
		width: 100%;
	}	
}

/*SEPTEMBER THRU AUGUST - YEARLY UPDATES*/

.september {
	background-image: url("../img/classes/weekly-classes/menu/2025-sept-pizza.jpg");
}

@media (max-width: 768px){
	.september {
		background-image: url("../img/classes/weekly-classes/menu/2025-sept-pizza.jpg");
		width: 100%;
	}	
}

.september-baking {
	background-image: url("../img/classes/weekly-classes/menu/2025-sept-baking.jpg");
}

@media (max-width: 768px){
	.september-baking {
		background-image: url("../img/classes/weekly-classes/menu/2025-sept-baking.jpg");
		width: 100%;
	}	
}

.october {
	background-image: url("../img/classes/weekly-classes/menu/2025-oct-tailgate.jpg");
}

@media (max-width: 768px){
	.october {
		background-image: url("../img/classes/weekly-classes/menu/2025-oct-tailgate.jpg");
		width: 100%;
	}	
}

.november {
	background-image: url("../img/classes/weekly-classes/menu/2025-nov-side-dish.jpg");
}

@media (max-width: 768px){
	.november{
		background-image: url("../img/classes/weekly-classes/menu/2025-nov-side-dish.jpg");
		width: 100%;
	}	
}

.december{
	background-image: url("../img/classes/weekly-classes/menu/2024-dec-cookies.jpg");
	background-position: center center;
}

@media (max-width: 768px){
	.december {
		background-image: url("../img/classes/weekly-classes/menu/2024-dec-cookies.jpg");
		width: 100%;
	}	
}

.january {
	background-image: url("../img/classes/weekly-classes/menu/2025-jan-knife-skills.png");
	background-position: center center;
}

@media (max-width: 768px){
	.january{
		background-image: url("../img/classes/weekly-classes/menu/2025-jan-knife-skills.png");
		width: 100%;
	}	
}

.february {
	background-image: url("../img/classes/weekly-classes/menu/2025-feb-one-pot.jpg");
}

@media (max-width: 768px){
	.february{
		background-image: url("../img/classes/weekly-classes/menu/2025-feb-one-pot.jpg");
		width: 100%;
	}	
}

.march {
	background-image: url("../img/classes/weekly-classes/menu/2025-march-beverages.jpg");
}

@media (max-width: 768px){
	.march{
		background-image: url("../img/classes/weekly-classes/menu/2025-march-beverages.jpg");
		width: 100%;
	}	
}

.april {
	background-image: url("../img/classes/weekly-classes/menu/2025-april-leftovers.jpg");
}

@media (max-width: 768px){
	.april{
		background-image: url("../img/classes/weekly-classes/menu/2025-april-leftovers.jpg");
		width: 100%;
	}	
}

.may {
	background-image: url("../img/classes/weekly-classes/menu/2025-may-burgers.jpg");
}

@media (max-width: 768px){
	.may{
		background-image: url("../img/classes/weekly-classes/menu/2025-may-burgers.jpg");
		width: 100%;
	}	
}

.june {
	background-image: url("../img/classes/weekly-classes/menu/placeholder/3.jpg");
}

@media (max-width: 768px){
	.june{
		background-image: url("../img/classes/weekly-classes/menu/placeholder/3.jpg");
		width: 100%;
	}	
}

.july {
	background-image: url("../img/classes/weekly-classes/menu/placeholder/5.jpg");
}

@media (max-width: 768px){
	.july{
		background-image: url("../img/classes/weekly-classes/menu/placeholder/5.jpg");
		width: 100%;
	}	
}

.august {
	background-image: url("../img/classes/weekly-classes/menu/placeholder/3.jpg");
}

@media (max-width: 768px){
	.august{
		background-image: url("../img/classes/weekly-classes/menu/placeholder/3.jpg");
		width: 100%;
	}	
}


.month {
    background-repeat: no-repeat;
    background-size: cover;
	/*height: 300px;*/ /* Set a specific height */
	min-height: 300px; 
	border-radius: 5px 0 0 5px;
	position: relative; 
	overflow: hidden; 
	display: flex;
	align-items: center;
	justify-content: center;
}

@media(max-width: 768px){
	.month {
		min-height: 200px; 
		border-radius: 5px 5px 0 0;
	}	
}

.month::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6); 
	z-index: 1;
}

.month .info {
	position: relative; 
	text-align: center;
	line-height: 2;
	z-index: 2;
}

.month p {
	font-family: var(--font-header);
	display: block;
	text-transform: capitalize;
	color: var(--color-primary); 
	font-size: 34px; 
	font-weight: 300;
	margin-bottom: 0;
}

.month p span {
	font-family: var(--font-primary);
	display: block;
	color: #fff; 
    font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.5;
}

.month p a {
	font-family: var(--font-primary);
	text-transform: uppercase;
	display: block;
	color: #fff; 
    font-size: .8rem;
	font-weight: 500;
	line-height: 1.5;
	margin-top: 2em;
	transition: .3;
}

.month p a:hover {
	font-family: var(--font-primary);
	text-transform: uppercase;
	display: block;
	color: var(--color-primary);
}

.menu h3 {
	font-size: 36px;
}

.menu .menu-group {
	color: var(--color-black);
}

.menu .weekly {
	display: block;
	line-height: 1.5;
	padding: 1em;
	background: var(--color-gray);
}

.menu .weekly:nth-child(2) {
	background: #fff;
}

.menu .weekly:nth-child(3) {
	background: var(--color-gray);
}

.menu .weekly:nth-child(4) {
	background: #fff;
	
}

.menu .weekly:nth-child(5) {
	background: var(--color-gray);
	
}

.menu .weekly .week {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
}

.menu .weekly .week span {
	font-family: var(--font-header);
	font-size: 20px;
	letter-spacing: 1px;
	color: var(--color-black);
	padding-right: 10px;
}

.menu .weekly .menu-items {
	font-size: 16px;
	font-weight: 400;
	text-transform: lowercase;
}

.no-class {
	display: block;
	text-align: center;
	background: var(--color-primary-middle);
	padding: 2em;
	color: var(--color-body);
	border-radius: 7px;
	outline: 2px solid var(--color-primary);
	outline-offset: -10px;
}

@media(max-width: 575px){
	.no-class {
		border-radius: 0;
	}	
}

.no-class h6{
	font-family: var(--font-header);
	font-size: 28px;
	font-weight: 600;
	margin-bottom: .5em;
}

.no-class p {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	padding: 0;
	margin: 0;
}