@import url(../../../warp/css/menus.css);

/* Mega Drop-Down Menu
----------------------------------------------------------------------------------------------------*/

/* Level 1 */
.menu-dropdown {}

.menu-dropdown li.level1 {
	margin-left: 20px;
	padding-bottom: 0;
}

.menu-dropdown li.level1 .level1 {
	-webkit-transition: .3s ease all;
		 -moz-transition: .3s ease all;
			 -o-transition: .3s ease all;
					transition: .3s ease all;
}


.menu-dropdown a.level1,
.menu-dropdown span.level1 {
	font-weight: 100;
	text-transform: uppercase;
	color: #ccc;
	letter-spacing: 2px;
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
	height: 30px;
	padding: 5px 0;
	line-height: 30px;
}
/* Set Active */
.menu-dropdown li.active .level1 { 
	position: relative;
	font-weight: 100;
	color: #fff;
	-webkit-box-shadow: 0 -2px 0 #d24a30 inset;
		 -moz-box-shadow: 0 -2px 0 #d24a30 inset;
					box-shadow: 0 -2px 0 #d24a30 inset;
}

/* Set Hover */
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 {
	color: #fff;
	-webkit-box-shadow: 0 -2px 0 #d24a30 inset;
		 -moz-box-shadow: 0 -2px 0 #d24a30 inset;
					box-shadow: 0 -2px 0 #d24a30 inset;
}

/* Drop-Down */
.menu-dropdown .dropdown {
	top: 40px;
	border-top: 0 none;
}

.menu-dropdown .dropdown-bg > div {
	padding: 0;
	background-color: #8bb646;
	background-color: rgba(139,182,70,.95);
}

/* Level 2 */
.menu-dropdown .nav-header.level2 {
	text-shadow: none;
	font-size: inherit;
	letter-spacing: 2px;
}
.menu-dropdown li.level2 { 
	margin: 0;
	border-top: 1px solid #6f933c;
}
.menu-dropdown li.level2:first-child { border: none; }

.menu-dropdown a.level2,
.menu-dropdown span.level2 {
	border-left: 3px solid #6f933c;
	padding: 0 10px;
	color: #fff;
	-webkit-transition: .2s ease all;
		 -moz-transition: .2s ease all;
			 -o-transition: .2s ease all;
					transition: .2s ease all;
}

/* Set Hover */
.menu-dropdown a.level2:hover,
.menu-dropdown a.current.level2 {
	border-left: 6px solid #F0D131;
	background-color: #6f933c;
}

/* Set Current */
.menu-dropdown a.current.level2 { font-weight: bold; } 

/* Set Hover */
.menu-dropdown a.level3:hover { color: #d50; }

/* Set Current */
.menu-dropdown a.current.level3 { font-weight: bold; } 


/* Sidebar/Accordion Menu
----------------------------------------------------------------------------------------------------*/

/* Link */
.menu-sidebar a,
.menu-sidebar li > span { color: #444; }

/* Hover */
.menu-sidebar a:hover,
.menu-sidebar li > span:hover { color: #d50; }

/* Current */
.menu-sidebar a.current { font-weight: bold; }

/* Level 1 */
.menu-sidebar li.level1 { border-top: 1px solid #ebebeb; }
.menu-sidebar li.level1:first-child { border-top: none; }

.menu-sidebar li.parent .level1 > span { background: url(../images/menu_sidebar_parent.png) 100% 0 no-repeat; }
.menu-sidebar li.parent.active .level1 > span { background-position: 100% -30px; }

/* Level 2-4 */
.menu-sidebar ul.level2 ul { padding-left: 10px; }


/* Line Menu
----------------------------------------------------------------------------------------------------*/

.menu-line li {
	margin-left: 12px;
	padding-left: 13px;
	background: url(../images/menu_line_item.png) 0 50% no-repeat;
}

.menu-line li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}

/* Horizontal Top-Submenu
----------------------------------------------------------------------------------------------------*/
.menu-horizontal li {
	display: inline-block;
	margin: 0;
	text-transform: uppercase;
}
.menu-horizontal li a {
	display: block;
	margin: 8px 2px;
	padding: 4px 12px;
	background-color: #333;
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.3) inset;
		 -moz-box-shadow: 0 1px 6px rgba(0,0,0,.3) inset;
					box-shadow: 0 1px 6px rgba(0,0,0,.3) inset;
	-webkit-transition: .2s ease all;
		 -moz-transition: .2s ease all;
			 -o-transition: .2s ease all;
					transition: .2s ease all;
}
.menu-horizontal li a:hover {
	background-color: #fff;
	-webkit-box-shadow: none;
		 -moz-box-shadow: none;
					box-shadow: none;
}
.menu-horizontal li a.current {
	background-color: #fff;
	font-weight: bold;
	-webkit-box-shadow: none;
		 -moz-box-shadow: none;
					box-shadow: none;
}

.menu-horizontal .nav-header { display: none; }

.hp_top-submenu-toggle {
	position: relative;
	display: none;
	margin: 0;
	padding: 8px 0 8px 25px;
	border: 0 none;
	border-bottom: 1px solid #ebebeb;
	background-color: #fff;
	color: #8bb646;
	text-align: left;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: pointer;
}
.hp_top-submenu-toggle:before {
	display: inline-block;
	font-family: FontAwesome;
	content: "\f13a";
	font-size: 14px;
	font-weight: normal;
	margin: 0 10px 0 0;
	-webkit-font-smoothing: antialiased;
}
.hp_top-submenu-toggle.open:before {
	content: "\f057";
}
.hp_top-submenu-toggle:hover {
	color: #73a128 !important;
}


/* Responsive Main Menu
----------------------------------------------------------------------------------------------------*/
.hp_menu-toggle {
	display: none;
	margin: 0;
	border: 0 none;
	background-color: #000;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	line-height: 42px;
	letter-spacing: 5px;
	text-indent: -18px;
	cursor: pointer;
}
.hp_menu-toggle:before {
	display: inline-block;
	margin: 0 5px 0 0;
	width: 36px;
	height: 36px;
	border-right: 1px solid #111;
	text-align: center;
	font-family: FontAwesome;
	content: "\f0c9";
	font-size: 18px;
	font-weight: normal;
	text-indent: 0;
	-webkit-font-smoothing: antialiased;
}
.hp_menu-toggle.open:before {
	content: "\f057";
}
.hp_menu-toggle:hover {
	color: #fff !important;
}


/* select dropdown */
select.menu-responsive {
	-webkit-appearance: none;
	height: 32px;
	border: 0 none;
	background-color: #333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 3px 5px;
	outline: none;
	cursor: pointer;
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	color: #fff;

	margin: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMjNGMEE3MzFGMEQxMUUzOTc3NUZGOTBCMTM4Mjk2NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMjNGMEE3NDFGMEQxMUUzOTc3NUZGOTBCMTM4Mjk2NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyM0YwQTcxMUYwRDExRTM5Nzc1RkY5MEIxMzgyOTY0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyM0YwQTcyMUYwRDExRTM5Nzc1RkY5MEIxMzgyOTY0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+OZXOCwAAAFJJREFUeNpi+P///7T/hME0BiDBDMR78SgCyTGDFIIwPxDfxqLoNlSOAaYQhFWA+AOSog9QMQZ0hSDsBMR/oNgJWY4RrBoVZAIxIxBPQxYECDAAYMO2eXaQbXsAAAAASUVORK5CYII=);
	background-position: 98% 50%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.1);
		 -moz-box-shadow: 0 1px 0 rgba(255,255,255,.1);
					box-shadow: 0 1px 0 rgba(255,255,255,.1);
}
select.menu-responsive:hover {
	border-color: #ffd60f;
}
select.menu-repsonsive:focus {
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2), 0 0 15px rgba(114,201,224,1);
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2), 0 0 15px rgba(114,201,224,1);
	box-shadow: 0 1px 6px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2), 0 0 15px rgba(114,201,224,1);
}