/* SET UP TALLER NAV ELEMENT WITH AN ABSOLUTELY POSITIONED BLUE AREA FOR BEHIND THE DIVISIONS MENU POSITION */
/* Version: 1.0.2 */

nav#site-navigation.navbar-default {
    border-color: #004982;
    height: 91px;
    background: #fff !important;
}
#new-primary-wrapper {
	margin-top:0px;
}
#new-primary-background {
	background-color:#004982;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 55px;
	z-index:-99999;
}

/* Using the knockout logo */

a.navbar-brand {
	width:240px;
	height:40px;
	background-image:url(../logos/cshllogo_KO.svg);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	margin-left:0px !important;
	margin-top:7px;
}

/* search toggle styling */
div#search-toggle-new a {
	width: 35px;
    border: 1px solid #666;
    padding: 0 8px;
    border-radius: 4px;		
}

/* OVERRIDE THE TEXT-TRANSFORM ON THE NAV LISTS FOR MOBILE CHILD LISTS */
#primary-menu.show-on-mobile > li > ul.sub-menu > li > a, #primary-menu.show-on-mobile > li.menu-minus-icon > ul > li.menu-minus-icon > ul > li > a, #primary-menu-right.show-on-mobile > li > ul.sub-menu > li > a, #primary-menu-right.show-on-mobile > li.menu-minus-icon > ul > li.menu-minus-icon > ul > li > a, #divisions-menu.show-on-mobile > li > ul.sub-menu > li > a, #divisions-menu.show-on-mobile > li.menu-minus-icon > ul > li.menu-minus-icon > ul > li > a
{
	text-transform: none;
	font-weight:400;
}

/*  START OF THE MEDIA QUERIES  */
/* fix for mobile button problem */
@media (max-width: 480px){
.btn-lg {
	font-size:.8em;
}
}	

/* Start of the mobile media query */
@media (max-width: 891px){
	div.menu {
		padding-left: 15px;
		padding-right: 15px;
	}
	div.menu-container {
	background:#f8f8f8;	
	}
	div#new-primary-wrapper {
	padding-left:0px;
	padding-right:0px;
	}
	ul#primary-menu.show-on-mobile, ul#primary-menu-right.show-on-mobile {
		margin-bottom: 9px;
	    border-bottom: 1px solid #c4c4c4;
	    padding-bottom: 9px;

	}
	/* Changed to smaller value because now the menu item font is smaller */
		li.menu-dropdown-icon:before, li.menu-minus-icon:before {
		padding: .85em 1.7em;
	}
	.container-fluid>.navbar-header{
	margin-left:0px;
	margin-right:0px;	
	}
	nav#site-navigation.navbar-default {
	    border-color: #e7e7e7;
	    height: 55px;
	    background: #fff !important;
	}
	ul#primary-menu.show-on-mobile li > a {
	font-size:14px;
	font-family: "Source Sans Pro", sans-serif;
	text-transform:uppercase;
	padding-top:1em;
	padding-bottom:1em;
	}
	ul#primary-menu-right.show-on-mobile li > a {
	font-size:14px;
	font-family: "Source Sans Pro", sans-serif;
	text-transform:uppercase;
	padding-top:1em;
	padding-bottom:1em;
	}
	ul#divisions-menu.show-on-mobile li > a {
	font-size:14px;
	font-family: "Source Sans Pro", sans-serif;
	text-transform:uppercase;
	padding-top:1em;
	padding-bottom:1em;
	}


	ul#primary-menu-right li > a:first-child{
	padding-top:14px;
	}
	.menu-container{
		background: #fff;
		margin-left:0px;
		padding-left: 
	}
    a.menu-mobile {
        display: block;
        position:absolute;
        top:20px;
        right:0;
        color:#fff;
    }
    .menu-mobile:focus{
    	color:#fff;
    }
    .menu-mobile:hover{
    	color: #6588a8;
    }
	/* position the search toggle for mobile */
	 div#search-toggle-new {
	    display: block;
	    float: right;
	    margin-top:15px;
	    /*width: 69px;*/
	    width: 82px;
	    z-index: 99999;
	}
	#search-toggle-new > a > i{
		color:#fff;
	}
	#search-toggle-new > a > i:hover {
		color:#6588a8;
	}

	div.search-inline {
	 	top:54px;
	}
} /* End of the mobile media queries */

/* Start of the desktop media queries */
@media (min-width:892px){
	nav#site-navigation.navbar-default {
		border-color: #004982;
		height: 91px;
		background: #fff !important;
	}
	ul#primary-menu, ul#primary-menu-right {
		height:55px;
	}
	ul#primary-menu{
		margin-left:7px;	
	}
	.menu > ul#primary-menu > li, .menu > ul#primary-menu-right > li{
		height:100%;
		background-color:#004982;
	}
/* Highly specific selectors needed to override Boostrap and previous styles for colors and hover states */
	#primary-menu > li.menu-item.menu-item-type-post_type.menu-item-object-page > a, 
	#primary-menu-right > li.menu-item.menu-item-type-post_type.menu-item-object-page > a, 
	#search-toggle-new > a > i {
		color:#fff;
	}
	#search-toggle-new > a:hover {
		color:#004982 !important;
	}
	#search-toggle-new > a > i:hover {
		color:#6588a8;
	}
	#primary-menu > li.menu-item.menu-item-type-post_type.menu-item-object-page.page_item:hover {
		background-color:#fff !important;
		color:#004982 !important;
	}
	.menu > ul#primary-menu > li:hover, .menu > ul#primary-menu-right > li:hover {
		background-color:#fff !important;
	}
	.menu > ul#primary-menu > li a:hover, .menu > ul#primary-menu-right > li a:hover {
		color:#004982 !important;
	}
	.menu-container {
		background: transparent;
	}
	.search-inline { 
		top:54px!important; 
	}
	.menu-container, .divisions-menu { 
		text-transform:uppercase; 
	}



	
	.menu > ul#primary-menu > li a {
		padding: 16px 8px 15px 8px;
	}
	.menu > ul#divisions-menu {
		height:30px;
		margin-left: 5px;
	}


	.menu > ul#divisions-menu > li {
		padding:0px !important;
		height:30px;
		margin: 0px 2px;
	}
	.menu > ul#divisions-menu > li > a {
		padding:4px 6px !important;
		height:36px;
	}
	.menu > ul#divisions-menu > li:hover {
		background:#004982;
		padding:2px 6px;
		height:36px;
	}
	.menu > ul#divisions-menu > li > a:hover {
		color:#fff;
		padding:4px 6px;
		height:36px
	}





	ul#primary-menu li a, ul#divisions-menu li a{
		font-size:15px;
		font-family: "Source Sans Pro", sans-serif;
		text-transform:uppercase;
	}
	/* make the primary-menu-right have a smaller font-size */
	ul#primary-menu-right li a {
		font-size:13px;
		font-family: "Source Sans Pro", sans-serif;
		text-transform:uppercase;
	}
	/* position the primary-menu-right */
	ul#primary-menu-right{
		position:absolute;
		top:0px;
		/*right:30px;*/
		right:44px;
		width:300px;
	}
	
	.page-template-page-incident-report ul#primary-menu-right {
	    right: 0px !important;
	    width: 280px !important;
	}
	.page-template-page-incident-report #search-toggle-new {
    	right: 21px !important;
    	width: 30px !important;
    }
	
	/* position the search toggle */
	div#search-toggle-new {
		position:absolute;
		top:15px;
		right:100px;
	/*	width:95px;*/
		z-index:99999;
	}
	/* move the search toggle and primary-right over for pages with no hamburger */
	body.page-template-homepage div#search-toggle-new, body.page-template-flexible-content-template-no-hamburger div#search-toggle-new, body.search-results div#search-toggle-new, body.search-no-results div#search-toggle-new   {
		position:absolute;
		top:15px;
		right:21px;
		width:30px;
		z-index:99999;
	}	
	body.page-template-homepage ul#primary-menu-right, body.page-template-flexible-content-template-no-hamburger ul#primary-menu-right, body.search-results ul#primary-menu-right, body.search-no-results ul#primary-menu-right {
		position:absolute;
		top:0px;
		right:0px;
		width:280px;
	}
	.drawer--right.drawer-open .drawer-hamburger {
		top: 4px !important;
	}
	.insite-nav {
		top:1px;
		color:#fff;
	}
	.insite-nav span { background-color:#004982; }

	/* reverse the hamburger icon colors */
	.drawer-hamburger-icon, .drawer-hamburger-icon:after, 
	.drawer-hamburger-icon:before, 
	span.drawer-hamburger-icon:after, 
	span.drawer-hamburger-icon:before { 
		background-color:#fff!important; 
	}
	.drawer-open .drawer-hamburger-icon, 
	.drawer-open .drawer-hamburger-icon:after, 
	.drawer-open .drawer-hamburger-icon:before, 
	.drawer-open span.drawer-hamburger-icon:after, 
	.drawer-open span.drawer-hamburger-icon:before { 
		background-color:#004982!important; 
	}
	/* fix for hamburger just for now */
	.drawer-open .drawer-hamburger-icon {
	    background-color: transparent !important;
	}
	div#new-primary-wrapper {
		padding-left:-15px;
		padding-right:-15px;
	}
	/*two fixes for pi profile template to accommodate new menus*/
	body.page-template-piprofile-php #content > div > div > div.insite-nav > button {
		top:18px;    
	}	
	@media (min-width: 892px){
	body.page-template-piprofile-php.drawer--right.drawer-open .drawer-hamburger {
	    top: 4px !important;
	}
	
} /* end the media query for desktop */

/* Adjusting shifting hamburger button */
@media (min-width:892px) and (max-width:992px){
	#main>div>button.drawer-hamburger {
	    top: 19px;
	}
}
@media (min-width: 992px){
	#main>div>button.drawer-hamburger {
	    top: 4px;
	}
}

/* Fitting things in at tightest breakpoint */
@media (min-width: 892px) and (max-width: 1106px){

	/* position the primary-menu-right */
	ul#primary-menu-right{
		position:absolute;
		top:0px;
		right:30px;
		width:300px;
	}

	body.page-template-homepage ul#primary-menu-right {
	    position: absolute;
	    top: 0px;
	    right: 0px;
	    width: 260px;
	}

	a.navbar-brand {
		width:100px;
		height:50px;
		background-image:url(../logos/logo-alternate-knockout.svg);
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
		margin: 3px 0px 4px 0px;
	}
	.menu > ul#divisions-menu > li {
		padding:2px 0px !important;
		height:30px;
	}
	.menu > ul#primary-menu > li a {
    	padding: 16px 6px 15px 6px;
	}
	.menu > ul#divisions-menu > li > a {
		padding:2px 5px !important;
		height:30px;
	}
	.menu > ul#divisions-menu > li:hover {
		background:#004982;
		padding:2px 5px;
		height:36px;
	}
	.menu > ul#divisions-menu > li > a:hover {
		color:#fff;
		padding:2px 5px;
		height:36px;
	}
	ul#primary-menu li a, ul#divisions-menu li a{
		font-size:14px ;
		font-family: "Source Sans Pro", sans-serif;
		text-transform:uppercase;
	}
	/* make the primary-menu-right have a smaller font-size */
	ul#primary-menu-right li a {
		font-size:12px;
		font-family: "Source Sans Pro", sans-serif;
		text-transform:uppercase;
	}
	.menu > ul#divisions-menu > li > a {
		padding:2px 6px !important;
		height:30px;
	}
}
/* Finally, overriding some styles present in styles.css with new values */
@media (min-width: 992px) and (max-width: 1218px) {
	nav.navbar.navbar-default.navbar-static-top li a {
		padding: 16px 8px 17px 8px;
	}
}
@media (min-width: 1219px){
	nav.navbar.navbar-default.navbar-static-top li a {
		padding: 16px 8px 17px 8px;
	}
}



/* Additional Styles to Accommodate Collapsible Division Navigation */

@media (min-width:892px){

ul.sub-menu.normal-sub {
	background:#fff;
	border:1px solid #e7e7e7;
}
.ul-reset {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
}
 li.nav-sub-item.overview {
line-height: 1.1;
border-bottom: 1px solid #e7e7e7;
}

 #divisions-menu.divisions-dropdown > li.menu-dropdown-icon > a::after {
 	font-family: "FontAwesome";
    content: " \f0d7";
  }

 #divisions-menu > li.menu-item-has-children.menu-dropdown-icon > ul.sub-menu > li.menu-dropdown-icon > a::after {
 	font-family: "FontAwesome";
    content: " \f0d7";
  }
 
li:not(.menu-dropdown-icon.menu-item-has-children) > a::after{
  	 content:none;
  }
li:not(.menu-item-has-children) > a::after{
  	 content:none;
  }
 #divisions-menu > li.menu-item-has-children.menu-dropdown-icon > ul > li ul > li a::after {
 
    content:none;
  }

  #divisions-menu  li#nav-overview > a::after {
 
    content: "";
  }
 #divisions-menu  li#nav-overview > li.menu-item:not(.menu-dropdown-icon) > a::after {
 
    content: "";
  }
}


/* style the desktop nested sub-menus to look like subs */
@media (min-width:892px){
#divisions-menu	ul:not(.normal-sub) {
border-left:1px solid #e7e7e7;
margin-left:10px;				
	}
}

/*additional styles for nested  menus - rcg */
@media (min-width:891px){
#divisions-menu > li > ul > li.menu-item-has-children.menu-dropdown-icon > ul > li:first-of-type.menu-item {
	border-bottom:1px solid #e7e7e7
}

li.division-overview-item{
	border-bottom:1px solid #e7e7e7;
}
} 
/*border to retain width*/
@media (max-width:891px){
#divisions-menu > li.menu-item.menu-item-has-children > ul > li.menu-item.menu-item-has-children.menu-dropdown-icon{
border:1px solid transparent;
}
}