/*!
* Superfish and Mobile Menu Styling Overrides
*/
.menu, #mobile-menu {
	background: #FFF;
	font-size:1.3rem;
}


.menu { height: 40px; visibility: hidden; }
.menu > ul { margin: 0; }
.menu.fit { visibility: visible; }

.sf-active { margin: 25px 0; clear: both; }
.sf-active li {  background: transparent; white-space: normal; height: inherit; line-height: 16px;  z-index: 3; }
.sf-active li.sfHover {
	background: transparent;
}

#nav-underline {
    position: fixed;
    z-index: 50;
    background: #454545;    /* Underline Color */
    height: 1px;            /* Underline Height */
    display: none;
}

/*** global link styles ***/
.sf-active a,
.sf-active li.sfHover a {
	color: #656565;
	border-left: none;
	border-top: none;
}

/*** Level One Only Styles ***/
.sf-active .sf-menu > li > a {
	text-align: center;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:1px;
}
.sf-active .sf-menu > li.sfHover > a {
	
}
.sf-active .sf-menu > li.first > a {
    padding-left: 0;
}
.sf-active .sf-menu > li.last > a {
    padding-right: 0;
}

/*** Disable first level superfish arrows ***/
.sf-active .sf-menu > li > a.sf-with-ul:after {
	border: none !important;
}
.sf-active .sf-menu.sf-arrows > li > a {
	padding-right: 0.3em;
}

/*** Level 2 Menu Styles ***/

.sf-active ul ul {
	background:#fff;
	border:1px solid #808084;
	margin-left:0;
	margin-top:35px;
	padding:10px 0;
}

.sf-active ul ul:before {
	content:url(/wp-content/themes/2104-template/_media/submenu-arrow.png);
	position:absolute;
	top:-13px;
	left:20%;
}

.sf-active ul ul li {
	text-align: left;
	background: transparent;
	white-space: nowrap;
	z-index: 2;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:400;
	font-size:1.3rem;
}

.sf-active ul ul li.sfHover {
	background: #e7e7e7;
}

.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #808084;
}


/*** Level 3 Menu Styles ***/

.sf-active ul ul ul {
	background:#fff;
	border:1px solid #808084;
	margin-left:0px;
	margin-top:0px;
	padding:10px 0;
}

.sf-active ul ul ul:before {
	content:"";
}

.sf-active ul ul ul li {
	text-align: left;
	background: transparent;
	white-space: nowrap;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:400;
	font-size:1.3rem;
	z-index: 1;
}

.sf-active ul ul ul li.sfHover {
	background: #e7e7e7;
}


/*** Swap menu position for last dropdown ***/
.sf-active li.last ul {
	left: auto;
	right: 0;
}
.sf-active li.last ul ul {
	right: 100%;
}

.sf-active li.last ul:before {
	content:url(/wp-content/themes/2104-template/_media/submenu-arrow.png);
	position:absolute;
	top:-13px;
	left:auto;
	right:20%;
}

.sf-active .sf-menu > li > a {
	padding: .75em 0.3em;
}

.sf-active .sf-menu.sf-arrows > li > a {
	padding-right: 0.3em;
}


@media only screen and (max-width: 767px) {
    #nav-underline {
        display: none !important;
    }

	/*** Mobile Menu Styles ***/
	#mobile-menu,
	#mobile-menu > a {
		font-size: 2.4rem;
		color: #333;
	}
	#mobile-menu > a {
		float: left;
		display: block;
		padding: 10px;
	}
	#mobile-menu > a:hover {
		text-decoration: none;
	}
	
	/*** Slideout Menu Styles ***/
	.sidr li a { 
		color: #FFF;
		text-align: left;
		padding-right: 36px; /* Area for arrow icon and the width for the menu expand/contract clickable region on mobile devices */
	}
	.sidr li li a { color: #ccc; }
	
	/*** Search Form ***/
	.sidr .sidebar-search {
		position: relative;
		padding: 10px 0;
		border: none;
	}
	.sidebar-search .input-medium { width: 184px; padding-right: 28px; }
	.sidebar-search button {
		line-height: 1em;
		margin-left: -40px;
		position: absolute;
		right: 5px;
		top: 16px;
		
		background: none;
		border: none;
		border-left: 1px solid #CCC;
	}
	ul.children{
		display:none;
	}
	ul.show-touch-menu {
		position: static !important;
		display:block;
	}
}