@charset "utf-8";

/*STYLES FOR MOBILE NAVIGATION*/
.navigation-mobile {
    /*background: #000;*/
    height: auto;
    width: 100%;
    -webkit-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
    box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
    position: absolute;
    z-index: 9999;	
}



/*ACCORDIAN PANEL THAT DROPS DOWN*/
#panel { 
	display: none;
	height: auto;
	background-color: #4aaa45;
	vertical-align: middle;
	box-sizing: border-box;
	overflow: hidden;
	border-top: 45px solid #585858;
}
	#panel h2 {
		color: white;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		font-size: 18px;
		text-align: left;
		line-height: 50px;
		text-transform: uppercase;
	}
	#panel h2 span {text-align: right;}




/*1st level of Accordian*/
.mobile-bar {
	float: left;
	color: #FFF;
	/*background: #191919;*/
	/*border: 1px solid #0f8818;*/
	box-sizing: border-box;
	padding: 0px 0px 0px 20px;
	display: block;
	width: 100%;
}
	.mobile-bar:hover {background: #3c9a37;}
	
.level-indicator {
	float: right; 
	height: auto; 
	width: auto; 
	color: white; 
	font-size: 12px;
	border-left: 1px solid #2d2d2d;
	box-sizing: border-box;
	padding: 0px 20px;
}




/*2nd level of Accordian*/
.bottom {
	height: auto;
	width: 100%;
	color: #FFF;
	/*background: #000;*/
	box-sizing: border-box;
	text-align: left;
	float: left;
}
	.bottom ul {
		width: 100%;
		height: auto;
		display: inline-block;
		box-sizing: border-box;
	}
	.bottom ul li {
		width: 100%;
		height: auto;
		padding: 0px 15px;
		border-bottom: 1px solid black;
	}
	.bottom ul li:hover {background: #191919;}
	
	.bottom ul li a {
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		color: white;
		line-height: 40px;
		font-size: 11px;
	}
