/* CSS Document */

#menu_expander{display: none;}
.menu-main-navigation-container{
	position: relative;
	top:0;
}
@media screen and (min-width: 1095px) {
	.nav{display: block !important;}
}

/*stacked menu*/
@media screen and (max-width: 1095px) {
	#menu_icons{
		text-align: center;
		margin-top: -10px;
		margin-bottom: -35px;
	}
	.menu-main-navigation-container{
		position: relative;
		top:40px;
	}
	.home #banner {
		margin: 40px auto 0 !important;
		padding-top: 0px;
		}
	#menu{
		min-height: 40px;
		background-image: url(//www.lazygourmet.ca/wp-content/uploads/Horizontal-Logo.png);
		background-position: 0 10px;
		background-repeat: no-repeat;
		padding: 10px 0 0 0;
		margin: 0 0 0 0;
	}
	#menu_expander{
		display: block;
		position: absolute;
		right:10px;
		color:#fff;
		padding:5px;
	}
	#menu .thelogo a{visibility: visible;padding: 9px 2px 9px 7px;}
	#menu .thelogo {background-image: none;height: auto;width:auto;}
	#menu .nav li:last-child a{background: inherit !important; color:#fff !important;}
	#menu .nav li a{background: inherit !important; color:#fff !important;}
	.nav li a {border: none;}
	#menu .nav li ul li{width:100%}
	.menu-left-container, .menu-right-container{width:50%;background-color: #7B1121;}
	.nav {
		display: none;
		list-style: none;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		width: 100%;
	}
	.nav li{
		display: block;
		margin: 1px;
		cursor: pointer;
		padding: 9px 2px 9px 7px;
		float:none;
		background-color: #2C396D;
		height: auto;
	}
	.nav ul {
		list-style: none;
		padding: 0 0 0 0;
		display: none;
		left:auto !important;
	}
	#menu .nav a{
		color:#fff;
	}
	.nav a {
		text-decoration: none;
		color:#fff;
	}
	.nav li ul{
		position: relative;
		text-align: center;
	}
	.nav li ul li{
		text-align: center;
		width:100%;
	}
	.nav li ul li a:hover{
		color:#fff;
		background-color: #9F9481;
	}
}