@charset "UTF-8";
/* CSS Document */

.topnav{
/*	background-color:#333;  		/* Set NavBar Background Color */
	overflow:hidden;	
}

.topnav a{
	float:left;						/* Style the links in the NavBar */
	display:block;
	color:#f2f2f2;
	text-align:center;
	padding:10px 16px;		/* was "14px 16px" */
	text-decoration:none;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
}

.active{
	background-color:#0b3231;		/* Highlights the current page */
	color:white;	
}

.topnav .icon{
	display:none;					/* Hides navbar's small-screen link */
}

.dropdown{
	float:left;						/* Positions the drop-down menu */
	overflow:hidden;	
}

.dropdown .dropbtn{
	font-size:17px;					/* Styles the Drop-down button w/im topnav */
	border:none;
	outline:none;
	color:#f2f2f2;
	padding:10px 16px;
	background-color:inherit;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;	
}

.dropdown-content{
	display:none;					/* Styles the drop-down content (hidden) */
	position:absolute;
	background-color:#f9f9f9;
	min-width:160px;
	box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:1;	
}

.dropdown-content a{
	float:none;						/* Styles links inside the drop-down */
	color:black;
	padding:12px 16px;
	text-decoration:none;
	display:block;
	text-align:left;
}

.topnav a:hover, .dropdown:hover .dropbtn{
	background-color:#555;			/* Dark background on topnav links and drop-down button on hover */
	color:white;	
}

.dropdown-content a:hover{
	background-color:#ddd;			/* Grey background on drop-down links on hover */
	color:black;	
}

.dropdown:hover .dropdown-content{
	display:block;					/* Show drop-down menu on hover of drop-down button */	
}

/* Patched CSS Code for the side nav */
.side-nav{
	height:100%;
	width:0;
	position:fixed;
	z-index:1;
	top:85px;
	left:0;
	background-color:#111;
	opacity:0.9;
	overflow-x:hidden;
	padding-top:60px;
	transition:0.25s;
}

.side-nav a{
	padding:10px 10px 10px 30px;
	text-decoration:none;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ccc;
	display:block;
	transition:0.3s;
}

.side-nav a:hover{
	color:#fff;	
}

.side-nav .btn-close{
	position:absolute;
	top:0;
	right:22px;
	font-size:36px;
	margin-left:50px;	
}


/* When screen is less than 600px wide, hide all links except "Home" */
/* Show the link that contains icon that opens and closes topnav */
/*@media screen and (max-width:600px){
	.topnav a:not(:first-child), .dropdown .dropbtn{
		display:none;	
	}
	
	.topnav a.icon{
		float:right;
		display:block;	
	}
}

@media screen and (max-width600px){
	.topnav.responsive	
}*/