/**
 * Navigation Styles
 * 
 * Provides styling for the primary and secondary navigations.
 * 
 * Package: TMF Child Theme
 * Author: The Modern Firm, LLC
 * Support: support@themodernfirm.com
 * Copyright: Copyright (c) 2013, The Modern Firm, LLC
 * 
 */



/* ======================================== *
	Primary Navigation			
 * ======================================== */
#primary-nav .menu {
	width: auto;
	z-index: 1000;
	position: relative;
	font-family: 'Merriweather', 'Times New Roman', serif;
}

#primary-nav .menu > .menu-item {
	border-left: 1px solid #858585;
}

#primary-nav .menu > .menu-item.first {
	border-left: none;
}

#primary-nav .menu > .menu-item.last {}

#primary-nav .menu > .menu-item > a {
	color: #003674;
	padding: 0 17px;
	font-size: 19px;
	font-weight: 700;
}

#primary-nav .menu > .menu-item:hover a {
	text-decoration: underline;
	color: #cd3529;
}

#primary-nav .menu > .menu-item > div > .sub-menu {
	border-top: 10px solid transparent;
	background: transparent;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
#primary-nav .menu .sub-menu .menu-item {
	background: #212d53;
	border-bottom: 1px solid #ccc;
}

#primary-nav .menu .sub-menu .menu-item a {
	color: #fff;
	border-bottom: none;
	text-decoration: none;
	line-height: 20px;
	padding: 8px 15px;
}

#primary-nav .menu .sub-menu .menu-item:hover a {
	text-decoration: underline;
}

#primary-nav .menu-bar {
	color: #fff;
	border-top: 1px solid rgba(255,255,255,0.15);
	border-bottom: 1px solid rgba(255,255,255,0.1);
	background-color: #cc3529;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cc3529), to(#a22a20));
	background-image: -webkit-linear-gradient(#cc3529, #a22a20);
	background-image: -moz-linear-gradient(#cc3529, #a22a20);
	background-image: -o-linear-gradient(#cc3529, #a22a20);
	background-image: linear-gradient(#cc3529, #a22a20);
	z-index: 1000;
	position: relative;
	font-size: 20px;
}

html.mobile-nav #primary-nav .menu {
	background-color: #cc3529;
}

html.mobile-nav #primary-nav .menu .menu-item > a{
	padding: 10px 25px;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255, 0.1);
}



/* ======================================== *
	Secondary Navigation			
 * ======================================== */
#secondary-nav {
	padding: 15px 0;
}

#secondary-nav .menu {
	float: right;
}

#secondary-nav .menu > .menu-item {
	border-left: 1px solid #fff;
	padding: 0 0 2px 0;
	line-height: .8em;
}

#secondary-nav .menu > .menu-item.first {
	border-left: none;
}

#secondary-nav .menu > .menu-item > a {
	color: #fff;
	padding: 0 15px;
	font-size: .87em;
	line-height: 1em;
}

@media screen and (max-width: 600px) {
	#secondary-nav {
		padding: 1px;
	}
	#secondary-nav .menu{
		display: none;
	}
}