@charset "utf-8";
/* CSS Document */
 /* The side navigation menu */ 
.sidenav {
	height: 100%; /* 100% Full-height */
	width: 0; /* 0 width - change this with JavaScript */
	position: fixed; /* Stay in place */
	z-index: 1; /* Stay on top */
	top: 0;
	left: 0;
	background-color: #fff; /* White*/
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 60px; /* Place content 60px from the top */
	transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
/* The navigation menu links */
.sidenav a {
	padding: 8px 8px 8px 32px;
	font-size: 1em;
	display: block;
	transition: 0.3s
}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus {
	color: #005da6;
}
/* Position and style the close button (top right corner) */
.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 85px;
	font-size: 36px;
	margin-left: 50px;
}
/* Nav primary */
#navprimary {
	margin-top: 20px;
	padding-top: 10px;
}
#navprimary h3 {
	margin-top: 20px !important;
	margin-top: 25px;
	margin-left: 10px;	
	color: #fff;
	background-color: #0057B8;	
}
#navprimary a {
	position: relative;
	display: block;
	outline: none !important;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 1em;
	width: 100%;
	transition: .5s ease;
	color: #FFF;
}
#navprimary a:link {
/*color: #243f89;*/
}
#navprimary a:hover {
	color: #fff;
	background-color: #99a4ad;
	text-decoration: none;
}
/* Nav secondary */

#navsecondary h3 {
	margin-top: 20px !important;
	margin-left: 10px;
	color: #fff;
	background-color: #0057B8;
}
#navsecondary a {
	position: relative;
	display: block;
	outline: none !important;
	letter-spacing: 1px;
	font-weight: 400;
	width: 100%;
	transition: .5s ease;
        color: #FFF;
}
#navsecondary a:link {
	color: #fff;
}
#navsecondary a:visited {
        color: #fff;
}

#navsecondary a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #99a3ad;
}
/* Misc */
.blue {
	background-color: #005da6;
}
.blue a:link {
	color: #FFF !important;
	background-color: #005da6;
}
.slide {
	border: none !important;
}
.slide a:hover, .slide a:focus {
	outline: none !important;
}
/* / Misc */

/* Style page content - use this if you want to push the page content to the right when you open the side navigation 
#main {
    transition: margin-left .5s;
    padding: 20px;
}
*/
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
.sidenav {
	padding-top: 15px;

}
.sidenav a {
	/*font-size: 18px;*/
}

}

/* SPECIFIC STYLES FOR MOBILE */

/* Broad brush for many viewports */
@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {



}