_nav.scss

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

#nav-tabs {
	padding-bottom:.5em;

	.nav-tabs {
		border-bottom:0;
		
		& > li > a:hover {
			border-color: $nav-tabs-border-color;
			border-radius: $border-radius-base;
		}
		
		& > li.active > a, 
		& > li.active > a:hover, 
		& > li.active > a:focus {
			background-color:$navbar-default-bg;
			z-index:9999;
			border-radius: $border-radius-base;
			border-bottom-color: $nav-tabs-border-color;
		}
		
		& > li.active.menu-item-has-children > a, 
		& > li.active.menu-item-has-children > a:hover, 
		& > li.active.menu-item-has-children > a:focus {
			//border-bottom:1px solid $navbar-default-bg;
			//position:relative;
			//bottom:-1px;	
			border-radius: $border-radius-base $border-radius-base 0 0;
			border-bottom-color: transparent;
		}
	}
}


#primary-nav {
	a.external {	
		max-height:50px;
	}
}

#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 {
				
			}
		}
		
		.sub-menu {
			margin:2px 0 2px 1.5em;	
		}
		
	}
	
	
	
	// 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;
	}
	
}


// 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;
				}
			}
		}
	}
}
// Mega Menu Cleanup
#mega-menu-primary {margin-bottom:0;}
.mega-sub-menu {
	list-style-type:none;
}
#megamenu-mobile-title {
	font-size:1.3em;
	padding:.8em;
	margin:0;
}

#mega-menu-wrap-primary  {
    .mega-menu-toggle {
        height:auto !important;
        
        &:before {
            display:none;
        }
        &:after {
            display:none;
        }
        
        .mega-toggle-block {
            display:inline-block;
            position:absolute;
            top:-44px;
            right:5px;
            
            &:before {
                content: '\f333';
                font-family: 'dashicons';
                font-size: 24px;
                margin: 0 0 0 5px;
                float:right;
           }
        }
        &.mega-menu-open {
            .mega-toggle-block {

                &:before {
                    content: '\f153';
                    font-family: 'dashicons';
                    font-size: 24px;
                    margin: 0 0 0 5px;
                }
            }
        } 
    
    }
    .mega-toggle-label-closed {
		display:none;
	}
}


// Setting menu width

.dropdown-menu {

    > li {
         > a {
            white-space:pre-wrap;
            min-width:250px;
             
        }
    }
}

#drop-multi  {
    .visible-xs-block {
        .search {
            width:200px;
            display: inline-block;
        }
        
        .btn-default {
            margin-top: -3px;
        }
    }
}