/*===================== 
	nav styles 
=======================*/

#menu-button{display: none;}
nav.mobile, .mobile-nav-cont-1 { display:none;}



nav.primary {
	width:100%;
	padding:0;
	display:block;
	margin:0;
	position:relative;
	background: #e73e30; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3M2UzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NDFlMWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #e73e30 0%, #941e1e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #e73e30 0%,#941e1e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #e73e30 0%,#941e1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e73e30', endColorstr='#941e1e',GradientType=0 ); /* IE6-8 */
		zoom:1;
	border-top:solid 2px #000;
	}


	nav.primary ul {
		margin:0 auto; 
		padding:0;
        display: flex;
		justify-content: center;
		}
		nav.primary ul li {
			display:block;
			position: relative;
			margin:0;
			list-style-type:none;
			border-right: solid 2px #c11418;
			}
		nav.primary ul li:first-of-type {
			border-left: solid 2px #c11418;
		}
			nav.primary ul li a {
				color: #fff;
				font-family: 'oswald';
				font-size: 20px;
				text-transform: uppercase;
				line-height: normal;
				text-decoration: none;
				padding: 13px 22px;
				display: block;
				margin: 0;
				text-align: center;
				-webkit-transition: .4s ease-in;
				-moz-transition: .2s ease-in;
				-o-transition: .2s ease-in;
				transition: .2s ease-in;
				font-weight: 500;
				}	
			nav.primary ul li a:hover {
				 background: #fbf9f9;
				color:#333333;
				cursor: pointer;
				}
			/* Appearance of the sub-level links */
			nav.primary ul li li a { 
				color: #333333;
				font-size: 17px;
				background: #edebeb;
				padding: 10px;
				border-bottom: solid 1px #dcdadb;
				text-align: left;
			}
			/* Appearance of the sub-level links on hover */
			nav.primary ul li li a:hover { 
				background: #fbf9f9;
				color:#333333;
			}
/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
nav.primary ul ul {
    display: none;
    position: absolute; 
	margin:0;
    border-top:solid 2px #fff;
}
nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
nav.primary ul li:hover > ul {  
    display: block;
    line-height:18px; 
    z-index: 100;
}
nav.primary ul ul li {
	display: block;
    float: none; 
	width:250px;
    position: relative;
    margin:0;
	border:0px!important;
}


/*========================== 
	  Responsive styles 
============================*/

@media screen and (max-width: 1120px)  {
	nav.primary ul li a {
		font-size: 1.7vw;
		padding: 13px 1.7vw;
	}
}


@media screen and (max-width: 768px)  {

	/*==============================
		Mobile Nav Styles			
	================================*/	
    
	nav.primary {
		display: none;
	}
	.mobile-nav-cont-1 {
		display:block;
	}
	
	#menu-button{ 
		border-top: solid 2px #000;
		display: block;
	background: linear-gradient(to bottom, #e73e30 0%,#941e1e 100%);
		width: 100%;
		align-items: center;
		position: relative;
		z-index: 400; /* needs to be lower than nav.mobile, adjust as needed */
	}
		#menu-button a{
			width:100%;
			display: flex;
		justify-content: space-between;
			align-items: center;
		padding:10px;
		box-sizing: border-box;
			 color:#fff;
			 text-decoration: none;
			 font-weight:normal;
			font-size: 18px;
			cursor: pointer;
		  }
	#menu-button a span{
		font-size: 18px;
		padding:5px 10px;
		border:1px solid #fff;
		border-radius: 2px;
		
		  }
	nav.mobile {
		display:none;
		position: absolute;
		left: 0px;
		width: 100%;
		height: auto;
		background: linear-gradient(to bottom, #e73e30 0%,#941e1e 100%);
		z-index: 500; 
		overflow:auto;
	}
	

	/* MENU LIST STYLE */
	nav.mobile ul {
		list-style: none;
		font-weight: 300;
		margin:0;
		padding:0;
	}
	nav.mobile ul li {
		position:relative;
	}

	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #fff;
		padding: 10px;
		font-family: 'oswald';
		font-size: 20px;
		text-transform: uppercase;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	nav.mobile ul li a span {
		position: relative;
		border:1px solid #fff;
		border-radius: 2px;
		width:32px;
		height: 26px;
	}
	nav.mobile ul li a span:after {
		content:"";
		height: 2px;
		width:14px;
		background:#fff;
		display: block;
		position: absolute;
		top: 12px;
    	left: 7px;
	}
	nav.mobile ul li a span:before {
		content: "";
		height: 14px;
		width: 2px;
		background: #fff;
		display: block;
		position: absolute;
		top: 6px;
		left: 13px;
	}
	nav.mobile ul li a:hover {
		background: #fbf9f9;
		color:#333333;
	}
	nav.mobile ul li a:hover span {
		border:1px solid #dc2128;
	}
	nav.mobile ul li a:hover span:after, nav.mobile ul li a:hover span:before {
		background:#dc2128;
	}

	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {
		color: #333333;
		font-size: 17px;
		background: #edebeb;
		padding: 10px;
		border-bottom: solid 1px #dcdadb;
		text-align: left;
	}
	nav.mobile ul li li a:hover {
		background: #fbf9f9;
		color:#333333;
	}

	
    

}