/* CSS Document */

.topnav {
	
}

.topnav li {
	display:inline-block;
	color: #FFF;
	text-align: center;
	padding: 0.8em 1em;
	text-decoration: none;
	font-weight: bold;
}

.topnav li a {
	color: #FFF;
	text-decoration: none;
	font-size:1em;
}

.topnav a:hover {
	color:#01CDE5;
	/*
  	background-color: #ddd;
  	color: black;
	*/
}

.topnav .icon {
  	display: none;
}

.topnav li:first-child {display: none;}


/* Dropdown container - needed to position the dropdown content */
.dropdown {
  
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
  border: none;
  outline: none;
  background-color: inherit;
  margin: 0;
	color: #404347;
	text-decoration: none;
	font-size:1em;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
	margin-top:0.5em;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
}

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

/* Add a dark background on topnav links and the dropdown button on hover */


/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown:hover {
	overflow: visible;
	color:#F7D900;
}
.dropdown:hover .dropbtn {
  color:#F7D900;
}



@media screen and (max-width: 600px) {
  .topnav li:not(:first-child) {display: none;}
  .topnav li:first-child {display:inline-block; float:left; padding:0.2em;}
  .topnav li.icon {
    float: right;
    display: block;
		padding: 0.2em;
  }

	.topnav.responsive {position: relative;}
	.topnav.responsive .icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive li {
		float: none;
		display: block;
		text-align: left;
	}
	.topnav {min-height:3em;}
	/* nav {border:solid 1px #DDD;}*/
	
	.topnav li a {font-size: 1em;}


	.dropdown-content {
		position: relative !important;
	}
}