nav.scss

/*	NAV
--------------------------------------------------------------*/		

// Move these to cs-variables.scss

$nav-secondary-border-color:		#ccc					!default;
$nav-secondary-border-radius: 	$border-radius-base	!default;
$nav-secondary-padding:			5px						!default;
$nav-secondary-bg-color: 			#fff					!default;			
$nav-secondary-font-size:			.9em					!default;

$nav-secondary-pills-padding:							5px							!default;
$nav-secondary-pills-border-radius:                   $border-radius-base 		!default;
$nav-secondary-pills-link-bg:							transparent				!default;
$nav-secondary-pills-link-color:							inherit						!default;
$nav-secondary-pills-link-hover:							#eee				!default;

$nav-secondary-pills-active-link-hover-bg:            $component-active-bg 		!default;
$nav-secondary-pills-active-link-hover-color:         $component-active-color 	!default;

 

#nav-secondary {
	
	padding:			$nav-secondary-padding; 
	border:				1px solid transparent;
	border-color: 		$nav-secondary-border-color;
	border-radius: 	$nav-secondary-border-radius;
	background-color:	$nav-secondary-bg-color;
	font-size:			$nav-secondary-font-size;
	
	
	.nav.nav-pills.nav-stacked {
	
		a {
			@include cs-word-break;
			
			//padding:			$nav-secondary-pills-padding;
			border-radius:		$nav-secondary-pills-border-radius;
			background-color:	$nav-secondary-pills-link-bg;
			color:				$nav-secondary-pills-link-color;
			
			&:hover {
				background-color:	$nav-secondary-pills-link-hover;
					
			}
			
		}
		
		.active a {
			background-color:	$nav-secondary-pills-active-link-hover-bg;
			color:				$nav-secondary-pills-active-link-hover-color;
			&:hover {
				
			}
		}
		
	}
	
	
	
	// Hiding Other Levels. 
	
	& > ul {
		
		margin:0;
		padding:0;
		list-style-type:none;
	
		& > li {
			
			& > a {
			}
			
			& > ul {
				margin:0;
				padding:0;
				
				& > li {
					
					& > a {
					}
				}
			}
		}
	}	
	
	ul ul ul {
		display:none;
	}
	
}



/*
// Support for mulitple-level dropdown menus. 
.dropdown-submenu{
    position:relative;
	}
 
	.dropdown-submenu > .dropdown-menu {
		top:0;
		left:100%;
		padding:0;
		}
 
		.dropdown-submenu:hover > .dropdown-menu{
			display:block;
			}
			
		.dropdown-submenu:hover > a {
			color: $navbar-default-link-hover-color;
			background-color: $navbar-default-link-hover-bg;
		}
 
		.dropdown-submenu > a:after{
			display:block;
			content:" ";
			float:right;
			width:0;
			height:0;
			border-color:transparent;
			border-style:solid;
			border-width:5px 0 5px 5px;
			border-left-color:$navbar-default-link-color;
			margin-top:5px;
			margin-right:-10px;
			}

			.dropdown-submenu:hover > a:after{
				border-left-color:$navbar-default-link-hover-color;
				}
 
		.dropdown-submenu .pull-left{
			float:none;
			}
 
			.dropdown-submenu.pull-left > .dropdown-menu{
				left:-100%;
				margin-left:10px;
				}


.dropdown-menu {
	.dropdown-menu {
		margin:0;
		top:-1px;	
	}
}

/**/


// Mobile Nav Changes 
	.navbar-collapse {
		max-height:none;
		}
	
		
	.menu-icon, 
	.menu-label {
		display: inline-block;
		}
		.menu-label {
			position: relative;
			top:-.15em;
			margin-left: .2em;
			}	
		


// Display Alternate Site Identity in Mobile

.navbar-default .navbar-brand {
	height:auto;
	float:none;
	margin-right:130px;
	font:500 18px "Proxima Nova", Helvetica, Arial, sans-serif;
	color:black;
	}

/**/
// For IE 7

$nav-z: 9999;
#masthead {
	z-index:$nav-z;
	#nav-wrapper {
		z-index:$nav-z;
		.container{
			z-index:$nav-z;
			#site-navigation {
				z-index:$nav-z;
				
				.dropdown-menu{
					z-index:$nav-z;
				}
			}
		}
	}
}