/* Navbar */
#header{
	width: 100%;
	top: 0;
	z-index: 100;

	position: fixed;
	font-family: headerfont;
	-webkit-transition-duration: 	0.4s;
	-moz-transition-duration: 		0.4s;
	-ms-transition-duration: 		0.4s;
	-o-transition-duration: 		0.4s;
	transition-duration: 			0.4s;
}
#navbar {
  list-style-type: none;
  margin: 0;
  padding: 0;
	z-index: 110;
	top: 0;
	width: 100%;
	height: 			80px;
	line-height: 	80px;

	/*box-shadow: 0 4px 5px -5px #111;*/
	-webkit-transition-duration: 	0.4s;
	-moz-transition-duration: 		0.4s;
	-ms-transition-duration: 		0.4s;
	-o-transition-duration: 		0.4s;
	transition-duration: 			0.4s;
}
#navbar li {
	display: inline-block;
	height: 100%;
}
#navbar li a{
  display: block;
	height: 100%;
}


ul.topnav li.button{
	position: relative;
	font-family: headerfont;
	height: 30px;
	line-height: 	30px;
	padding: 12px 24px;

	transform: translateY(-2px); /* Because magic*/
	margin-left: 32px;
	vertical-align: middle;

	cursor: pointer;
}
ul.topnav li.button a{
}
ul.topnav li a:not(.logo) {
		/*not logo to keep all page content aligned*/
    padding: 0px 18px;
		margin: 0 0.2vw;

		-webkit-transition-duration: 	0.1s;
		-moz-transition-duration: 		0.1s;
		-ms-transition-duration: 		0.1s;
		-o-transition-duration: 		0.1s;
		transition-duration: 			0.1s;
}
#navbar li:not(.button) a:not(.logo):hover{
	background-color: rgba(255,255,255,0.3);
	line-height: auto;
	/*transform: translateY(-2px);*/
	/*border-bottom: solid 2px #E95C78;*/
	
	-webkit-transition-duration: 	0.1s;
	-moz-transition-duration: 		0.1s;
	-ms-transition-duration: 		0.1s;
	-o-transition-duration: 		0.1s;
	transition-duration: 			0.1s;
}
ul.topnav .logo-img{
	height: 100%;
	padding: 16px 0;
}


@media screen and (min-width: 1201px){
	#mobile-navbar{ display: none; }
}
@media screen and (max-width: 1200px){
	#navbar{ display: none; }

	#header{
		position: relative;
	}
	/*#navbar-balancer{ display: none; }*/
}

/* Mobile Navbar */
#mobile-navbar {
  list-style-type: none;
  margin: 0;
  padding: 0;

	z-index: 110;

	position: absolute;
	width: 100%;
	top: 0;

	height:				80px;
	line-height: 	80px;

	-webkit-transition-duration: 	0.2s;
	-moz-transition-duration: 		0.2s;
	-ms-transition-duration: 		0.2s;
	-o-transition-duration: 		0.2s;
	transition-duration: 			0.2s;
}
#mobile-navbar li a{
	display: block;
	text-decoration: none;
	height: 80px;
}
#mobile-navbar li a:not(.logo) {
	text-align: center;
}
#mobile-navbar #mobile-buttons{
	display: none;
	overflow-x: hidden;
  overflow-y: scroll;
}
#mobile-navbar #mobile-buttons::-webkit-scrollbar {
  display: none;
}
#mobile-navbar .button{
	display: block;
	left: 0;
	right: 0;
	margin: 16px auto;
	width: 80%;
}
#mobile-navbar .logo{
	padding: 0 5%;
}
#hamburger-button{
	padding: 0 5%;
	z-index: 200;
}

#mobile-navbar #mobile-buttons{
	display: none;
	padding: 10px 0 20px 0;
}




#navbar .dropdown:hover .dropdown-content{
	display: block;
}
#navbar .dropdown-content{
	display: none;
	position: absolute;

	background-color: rgba(255,255,255,0.9);
}
/*#mobile-navbar .dropdown:hover .dropdown-content{
	display: block;
}*/
#mobile-navbar .dropdown-content{
	display: none;
}