/************************
Menu/Navigation 
*************************/


/* Ottawa Hospital Color Palette

sky blue: #b9d3dc
rich blue: #3b8dc1
dark blue: #00375c
blue-grey (footer): #3d424b
yellow: #f3d03e

*/



#main-nav {
	color:#FFF;
	padding:0;
}
	
	#site-header-main-nav {
		padding:0;
	}

.menu-main-menu-container {
	float:left;
    margin-left: 50px;
}

#report-title-container {
	text-align:right;
}

#main-nav h1 {
	margin-top:0;
}

#main-nav h2 {
	font-family: 'OpenSansLight', Helvetica, sans-serif;
	font-size:1.65em;
	color:#00375c;
	font-weight:lighter;
}

#main-nav h2 span {
	font-family: 'OpenSansBold', Helvetica, sans-serif;
	font-weight:bold;
}

#main-nav #site-header-main-nav ul {
	list-style: none;
	margin: 0;
	padding:0;
	display:table;
	width:100%;
}

#main-nav #site-header-main-nav ul li {
	vertical-align:middle;
	line-height:0.75em;
	float: left;
	text-align:center;
	position:relative;
}

#main-nav #site-header-main-nav > ul > li {
	display:table-cell;
}

	#main-nav #site-header-main-nav ul li a,
	#main-nav #site-header-main-nav ul li a:visited {
		font-family: 'OpenSansBold', Helvetica, sans-serif;
		text-decoration:none;
		color:#00375c;
		font-weight:bold;
		font-size:1.1em;
	}
	
	#main-nav #site-header-main-nav ul li a {
	    padding: 30px 15px 10px 0;
		display:block;
	}

	#main-nav #site-header-main-nav ul li a:hover,
	#main-nav #site-header-main-nav ul li:hover a {
		text-decoration:none;
	}
	
	#main-nav #site-header-main-nav ul > li > a:hover {
		/* text-decoration:underline !important; */
	}



#main-nav #site-header-main-nav ul li:hover > .sub-menu {
	visibility:visible;
	opacity:1.0;
	transition-delay: 0s;
}

#main-nav #site-header-main-nav ul li ul.sub-menu {
	position:absolute;
	z-index:1000;
	left:auto;
	width:auto;
	min-width: 130px;
	height:auto;
	visibility:hidden;
	opacity:0;
	transition:0.2s;
	margin-top:0;
	padding:10px 0;
	border-top:5px solid #3b8dc1;
	border-radius:0 0 5px 5px;
	background-color:#00375c;
	font-family: 'OpenSansBold', Helvetica, sans-serif;
	font-size:0.7em;
	line-height:3em !important;
	font-weight:bold;
}

	#main-nav nav ul li .sub-menu .sub-menu {
		left: 100%;
    	margin-top: 0;
	    top: 0;
		border:1px solid #FFF;
	}

#menu-wrapper {
	width:100%;
	padding:0em 0 0em 0;
}

#main-nav #site-header-main-nav ul .sub-menu li,
.sub-menu li:first-child,
.sub-menu li:last-child {
	display:block;
	text-align:left;
	font-family: 'OpenSansLight', Helvetica, sans-serif;
	font-weight:lighter;
	line-height:1.5em;
	
}

#menu-main-menu li ul > li {
	display:block !important;
	text-align:left !important;
	font-family: 'OpenSansLight', Helvetica, sans-serif;
	font-weight:lighter !important;
	line-height:1.5em !important;
}

#main-nav nav ul .sub-menu li:hover {
	background-color:transparent;
	text-decoration-color:#FFF !important;
}

	#main-nav #site-header-main-nav ul .sub-menu li:hover a,
	#main-nav #site-header-main-nav ul .sub-menu li .sub-menu li:hover a {
		color:#FFF;
	}
	
		#main-nav #site-header-main-nav ul .sub-menu li:hover .sub-menu a { 
			color:#FFF;
		}

#main-nav #site-header-main-nav ul li .sub-menu li {
	padding:8px 0;
	float:none;
	clear:both;
}

#main-nav #site-header-main-nav ul .sub-menu li:last-child {
	padding-bottom:10px;
}

#main-nav #site-header-main-nav ul .sub-menu li a {
	display:block;
	font-family: 'OpenSansBold', Helvetica, sans-serif;
	font-weight:bold;
	padding:0 10px;
	color:#FFF;
}

	#main-nav #site-header-main-nav ul .sub-menu li a:hover {
		color:#EEE;
		text-decoration:underline;
	}

#menu {
	padding:0;
}

.menu-top-menu-container { 
	float:right; 
	display:table; 
	margin-top:30px;
    margin-bottom: 10px; /* in case of tablet view (prevent words from touching 'slider' */
}

#menu-top-menu { 
	display:table-row; 
	font-size:12px;
	color:#FFF;
}

#menu-top-menu li { 
	display:table-cell;
	padding:0 0 0 10px;
}

	#menu-top-menu li a {
		color:#00375c;
		text-decoration:none;
	}
	
		#menu-top-menu li a:hover {
			text-decoration:underline;
		}
		

/************************
Mobile Menu/Navigation 
*************************/

#mobile-nav-wrapper {
	margin:0;
	width:100%;
	font-size:1.1em;
}

#mobile-nav-wrapper .col-md-12 {
	width:100%;
	overflow:hidden;
	padding:0;
}


a#mobile-nav-toggle {
	display:none;
	font-size:1em;
	margin:0 15px;
	text-align: center;
	text-decoration:none;
	float:right;
	border:1px solid #00375c;
}

	a#mobile-nav-toggle img {
		padding:10px 5px;			
	}
	
	.menu-text {
		line-height: 30px;
		color:#00375c;
		float: right;
		margin: 5px 0 0 15px;
	}

/* accordion elements */

ul#mobile-nav {
	display:none;
	padding:0;
}

ul#mobile-nav li {
	list-style-type: none;
	position:relative;
	display:block;
	font-size:14px;
    padding:0;
	background-color:#00375c;
	text-decoration:none;
	border-bottom:1px solid #666;
	overflow:hidden;
}

ul#mobile-nav li a {
	display:block;
	float:left;
	width:auto;
	padding: 13px 15px;
	color:#fff;
	text-decoration:none;
	transition: all 0.15s;
}

ul#mobile-nav li:hover a,
ul#mobile-nav li ul.sub-menu li:hover a {
	color:#00375c;
}	

	ul#mobile-nav li:hover { background-color:#FFF; }

ul#mobile-nav li:hover ul.sub-menu a {
	color:#FFF;
}

ul#mobile-nav li img {
	cursor: pointer;
	cursor: hand;
}

ul#mobile-nav li div.toggle-icon {
	display:block;
	float:right;
	text-align:right;
	width:auto;
	margin:5px 15px;
}

/* submenus */

ul#mobile-nav li ul.sub-menu li:first-child {
	border-top:1px solid #666;
}

ul#mobile-nav li ul.sub-menu li:last-child {
	border-bottom:none;
}

ul#mobile-nav li ul.sub-menu {
	clear:both;
	margin:0;
	padding:0;
}

	ul#mobile-nav li ul.sub-menu li {
		background-color:#00375c;
		padding:0;
	}
	
	ul#mobile-nav li ul.sub-menu li a {
		width:70%;
	    margin-left: 15px;
	}
	
	ul#mobile-nav li ul.sub-menu li:hover a {
		color:#00375c;
	}
	
		ul#mobile-nav li ul.sub-menu li:hover {
			background-color:#FFF;
		}

	ul#mobile-nav li.mobile-search-li:hover {
		background-color:#00375c;
		color:#FFF;
	}
	
/* sub-sub-menus */

ul#mobile-nav li ul.sub-menu li ul.sub-menu {
	clear:both;
}

	ul#mobile-nav li ul.sub-menu li ul.sub-menu li {	
		background-color:#00375c;
		padding-left:20px;
	}
	
	ul#mobile-nav li ul.sub-menu li ul.sub-menu li a {
		width:90% !important;
		color:#FFF;
	}

		ul#mobile-nav li ul.sub-menu li ul.sub-menu li:hover a {
			color:#00375c;
		}
	
		ul#mobile-nav li ul.sub-menu li ul.sub-menu li:hover {
			background-color:#FFF;
		}

ul#mobile-nav li ul.sub-menu {
	display: block !important;
}

#search-form-mobile { padding:10px 15px; color:#FFF; }