#SubNavigation { 
	background-color: white; 
	max-height: 53px;
	font-weight: 600;
	}
#SubNavigationContainer { text-transform: uppercase; display: flex;}
/*#SubNavigationFramed, .SubNavigationTitle { height: 52px;}  Temporarily hides the subnavigation menu  */
/*#SubNavigation nav, #SubNavigation nav ul, #SubNavigation nav li, #SubNavigation nav span {height: 40px;} */ 
#SubNavigation nav { float: left; }
#SubNavigation nav ul.menu {
	display: inline; 
	position: relative; 
	/*top: 1px;  For Chrome */
}

/* Code below overrides the #SubNavigation nav ul.menu {top} for IE 10+ only 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #SubNavigation nav ul.menu { top: 11px; }
}*/

/*.SubNavigationTitle { 
	float: left; 
	height: 100%; 
	line-height: 52px; 
	background-color: #f26722; 
	font-weight: 800;
	padding: 0 15px;
	top: 26px;
} */


#SubNavigation h2 {
	display: none;
	/*float: left;
	height: 100%; 
	line-height: 52px; 
	padding: 1px 15px 0 15px;
	color: #f26722;
	font-size: 1.1rem;
	font-weight: 600;*/
}

#PageWrapper #SubNavigation li {display: inline;}
#PageWrapper #SubNavigation li>a { padding: 0 13px 0 8px; line-height: 61px; color: #333333; display: inline; font-size: 1.2rem; font-weight: 600;}
#PageWrapper #SubNavigation li>a:hover { color: #f26722 ;}
#PageWrapper #SubNavigation ul li:not(:first-child)::before { content: "/"; }

/* span that shows toggle burger button */
#MenuToggleButton {height: 20px; width: 30px; margin-left: 15px;}

/* modify the burger menu icon (make it black, adjust size and position) */
.menu-icon::after {
    background: #000;
    box-shadow: 0 7px 0 #000, 0 14px 0 #000;
}

#SubNavigation .is-active { 
	/*-webkit-box-shadow:inset 0px -4px 0px 0px #000;
    -moz-box-shadow:inset 0px -4px 0px 0px #000;
    box-shadow:inset 0px -4px 0px 0px #000;*/
    color: #f26722 !important ;  
}


#SubNavigationFramed nav {display: none; }

@media only screen and (min-width: 1170px) {
		#SubNavigationFramed nav {display: block !important;margin-top: -4px;
    margin-left: 7px;}
		#MenuToggleButton {display: none;}
}