/**
 * 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 {}

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

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

#primary-nav .menu > .menu-item > a {
	font-family: 'Lora', 'Times New Roman', sans-serif;
	color: #fff;
	font-size: 18px;
	padding: 20px 20px;
	text-decoration: none;
}

#primary-nav .menu > .menu-item:hover {}
#primary-nav .menu > .menu-item:hover > a,
#primary-nav .menu > .menu-item.first > a {
	background-color: #f3a500;
	background-image: url(../ie-gradient.php?from=f3a500&to=d17701);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3a500), to(#d17701));
	background-image: -webkit-linear-gradient(#f3a500, #d17701);
	background-image: -moz-linear-gradient(#f3a500, #d17701);
	background-image: -ms-linear-gradient(#f3a500, #d17701);
	background-image: -o-linear-gradient(#f3a500, #d17701);
	background-image: linear-gradient(#f3a500, #d17701);
}

#primary-nav .menu:hover > .menu-item.current-menu-item > a {}

#primary-nav .menu .sub-menu {
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
#primary-nav .menu .sub-menu .menu-item {}
#primary-nav .menu .sub-menu .menu-item.first {}
#primary-nav .menu .sub-menu .menu-item.last {}
#primary-nav .menu .sub-menu .menu-item > a {}
#primary-nav .menu .sub-menu .menu-item:hover {}
#primary-nav .menu .sub-menu .menu-item:hover > a {}

#primary-nav .menu-bar {
	font-family: 'Lora', 'Times New Roman', sans-serif;
	color: #fff;
	font-size: 18px;
	padding: 10px;
}

html.mobile-nav #primary-nav .menu > .menu-item {}

html.mobile-nav #primary-nav .menu > .menu-item > a {}

@media screen and (max-width: 1200px) {
	#primary-nav .menu > .menu-item.last {
		border-right: none;
	}

}

@media screen and (max-width: 1000px) {
	#primary-nav .menu > .menu-item > a {
		font-size: 17px;
		padding: 15px 15px;
	}
}


/* ======================================== *
	Secondary Navigation			
 * ======================================== */
#secondary-nav .menu { }
#secondary-nav .menu > .menu-item {}
#secondary-nav .menu > .menu-item.first {}
#secondary-nav .menu > .menu-item.last {}
#secondary-nav .menu > .menu-item > a {}
#secondary-nav .menu > .menu-item:hover {}
#secondary-nav .menu > .menu-item:hover a {}
#secondary-nav .menu:hover > .menu-item.current-menu-item > a {}

/* ======================================== *
	Responsive Overrides
 * ======================================== */

@media screen and (min-width:750px) {
	html.mobile-nav #primary-nav .menu-bar {
		display: none;
	}
	html.mobile-nav #primary-nav .menu {
		display: table;
		padding-left:0px;
	}
	html.mobile-nav #primary-nav .menu > li {
		display: table-cell;
		border-right:1px solid #fff
	}
}

@media screen and (max-width:750px) {
	html.mobile-nav #primary-nav .menu {
		padding-left:0px;
	}
}