/**

*	Navigation Menus CSS

*	---

*/









/* +++++++++++++++++++

   MENUS - DESKTOP

   ++++++++++++++++++++ */



/* DEFAULT MENU - wp_page_menu (used for top level menu bar)

   and CUSTOM MENU - wp_nav_menu (all levels)

------------------------------------------------------------ */

div.wpPageMenu {

	position:				relative;

}



div.wpPageMenu a,

ul#primary-menu a {

	border: 				none;

}



div.wpPageMenu a:hover,

ul#primary-menu a:hover {

	border: 				none;

}



ul#primary-menu li {

	position:				relative;

}



div.wpPageMenu > ul,

ul#primary-menu {

	position:				relative;

	list-style-position:	inside;

	width:					100%;

	outline:				none; 

	overflow:				visible;

	margin:					0;

	list-style-type:		none; 

	padding:				0; 

	background:				none;

}



div.wpPageMenu > ul > li,

ul#primary-menu > li {

	display:				inline-block;

	text-align:				left;

	line-height:			110%;

	font-size:				15px;

	font-weight:			400;

	margin:					0;

	padding:				0;

	width:					auto;

}



div.wpPageMenu > ul > li > a,

ul#primary-menu > li > a {

	display:				block;

	height:					auto;

	color:					#ccc;

	text-decoration:		none; 

	padding:				18px 16px 18px 16px; 

	text-shadow: 			0 1px 1px rgba(0,0,0,.4);

}



div.wpPageMenu > ul > li > a:hover,

ul#primary-menu > li > a:hover {

	color:					#fff;

	background:				#00577f;

	text-decoration:		none;

}



div.wpPageMenu > ul > li.current_page_item > a,

div.wpPageMenu > ul > li.current_page_ancestor > a,

div.wpPageMenu > ul > li.current_page_parent > a,

ul#primary-menu > li.current_page_item > a,

ul#primary-menu > li.current_page_ancestor > a,

ul#primary-menu > li.current_page_parent > a {

	color:					#fff;

	background:				#005176;

}







/* additional stuff for sub levels */

ul#primary-menu > li ul {

	position:			absolute;

	z-index:			9999;

	display:			none;

	width:				180px;

	list-style-type:	none;

	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);

	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);

	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);

}



ul#primary-menu > li ul li {

	font-size:			13px;

	border-bottom:		1px solid #004C75;

}

ul#primary-menu > li ul li:last-child {

	border-bottom:		0px solid #ccc;

}





ul#primary-menu > li ul a {

	display: 			block;

	padding:			15px 20px;

	color:				#ccc;

}



ul#primary-menu > li ul a:hover {

	color:				#fff;

	background:			#00577f;

}





ul#primary-menu > li:hover > ul {

	display:			block;

	background:			#005C85;

	border:				1px solid #205C85;

}





ul#primary-menu > li > ul li:hover > ul {

	left:				98%;

	top:				0;

	background:			#005C85;

}



ul#primary-menu > li > ul li:hover > ul {

	display:			block;

	border:				1px solid #205C85;

		

}

















/* DEFAULT MENU - wp_list_pages (used for sub-menu bar) 

---------------------------------------------------------------- */



ul.wpPageMenuSub a {

	border: none;

}



ul.wpPageMenuSub a:hover {

	border: none;

}



ul.wpPageMenuSub {

	position:				relative;

	list-style-position:	inside;

	width:					100%;

	outline:				none; 

	overflow:				visible;

	margin:					0;

	list-style-type:		none; 

	padding:				0; 

	background:				none;

}



ul.wpPageMenuSub > li {

	display:				inline-block;

	text-align:				left;

	line-height:			110%;

	font-size:				15px;

	font-weight:			400;

	margin:					0;

	padding:				0;

	width:					auto;

}



ul.wpPageMenuSub > li > a {

	display:				block;

	height:					auto;

	color:					#ccc;

	text-decoration:		none; 

	padding:				18px 16px 21px 16px !important; 

	text-shadow: 			0 1px 1px rgba(0,0,0,.4);

}



ul.wpPageMenuSub > li > a:hover {

	color:					#f0f0f0;

	text-decoration:		none;

	border-bottom:			3px solid #508063;

	padding:				18px 16px 18px 16px !important; 

}



ul.wpPageMenuSub > li.current_page_item > a {

	color:					#fff;

}



ul.wpPageMenuSub > li.current_page_item > a:hover {

	color:					#fff;

}





@media only screen and ( min-width: 976px ) and ( max-width: 1199px ) {	

	div.wpPageMenu > ul > li,

	ul#primary-menu > li{

		font-size:16px;

	}

	

	div.wpPageMenu > ul > li > a,

	ul#primary-menu > li > a {

		padding-left:	11px;

		padding-right:	11px;

	}

	

	ul.wpPageMenuSub > li {

		font-size:14px;

	}

	

	ul.wpPageMenuSub > li > a {

		padding-left:	8px;

		padding-right:	8px;

	}

}





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

	div.wpPageMenu > ul,

	ul#primary-menu,

	ul.wpPageMenuSub {

		text-align: 	center;

	}

	

	div.wpPageMenu > ul > li,

	ul#primary-menu > li {

		font-size:		16px;

	}

	

	div.wpPageMenu > ul > li > a,

	ul#primary-menu > li > a {

		padding:		14px 11px;

	}

	

	ul.wpPageMenuSub > li {

		font-size:		14px;

	}

	

	ul.wpPageMenuSub > li > a {

		padding:		10px 8px;

	}

}







/* +++++++++++++++++++

   MENUS - MOBILE

   ++++++++++++++++++++ */



/* DEFAULT MENU - wp_page_menu (showing just top level items)

------------------------------------------------------------ */

div.wpPageMenuMobile ul,

ul#mobile-menu {

	position:			relative;

	margin:				0px;

	width:				100%;  

	background-color: 	#303030;

	margin-top: 		0;

	display: 			block !important;

	visibility: 		visible !important;

}



div.wpPageMenuMobile ul a,

ul#mobile-menu a {

	border: none;

}



div.wpPageMenuMobile ul a:hover,

ul#mobile-menu a:hover {

	border: none;

}





div.wpPageMenuMobile ul > li,

ul#mobile-menu > li {

	display: 			block;

	visibility: 		visible;

	border-bottom:		1px solid #393939;

}



div.wpPageMenuMobile ul > li:last-child,

ul#mobile-menu > li:last-child {

	border-bottom:		0px solid #505050;

}



div.wpPageMenuMobile ul > li > a,

ul#mobile-menu > li > a {

	display:			block;

	padding:			15px 15px 15px 30px;

	text-decoration: 	none !important;

	background-color: 	transparent;

	font-size:			18px;

	color:				#fff;

}  

  

div.wpPageMenuMobile ul > li > a:hover,

ul#mobile-menu > li > a:hover {

	text-decoration: none !important;

	background-color: 	#303030;

	color:				#fff;

}   



div.wpPageMenuMobile ul > li.current_page_item,

div.wpPageMenuMobile ul > li.current_page_parent,

div.wpPageMenuMobile ul > li.current_page_ancestor,

ul#mobile-menu > li.current_page_item,

ul#mobile-menu > li.current_page_parent,

ul#mobile-menu > li.current_page_ancestor {

	border-left:	8px solid #005C85;

	

}



div.wpPageMenuMobile ul > li.current_page_item a,

div.wpPageMenuMobile ul > li.current_page_parent a,

div.wpPageMenuMobile ul > li.current_page_ancestor a,

ul#mobile-menu > li.current_page_item a,

ul#mobile-menu > li.current_page_parent a,

ul#mobile-menu > li.current_page_ancestor a {

	padding-left:	22px;

}





ul#mobile-menu ul {

	margin-left:	30px;

}



ul#mobile-menu ul li {

	

}







ul#mobile-menu ul a {

	display:	 block;

	padding: 	8px 10px;

	color:		#ddd;

}



ul#mobile-menu ul a:hover {

	color:		#fff;

}







/* menu button

------------------------- */

.hamburger {

	position: absolute;

	top: 9px;

	left: 9px;

	border: 2px solid #f0f0f0;

	background: #404040;

	height: auto;

	width: 25px;

	padding: 5px;

	border-radius: 0px;

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px;

	/*box-shadow: inset 0px 1px 0px #cbcbcb, inset 0px 2px 0px #ffffff, 0px 1px 1px rgba(0,0,0,0.1);*/

}

.iconPart {

	width: 100%;

	height: 3px;

	background: #f0f0f0;

	margin: 2px 0;

}

div.closeMenuButton {

	color: #fff;

}