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


/*Strip the ul of padding and list styling*/

	nav {
		width: 100%;
    margin-top: 0px;
		position: absolute;
		z-index: 3;
}

 #menu {
    width: 100%;
	padding-left: 0%;
	 margin-top: 0px;
}

ul {
		position: static;
		display: none;
	}


/*Create a horizontal list with spacing*/
li {
		width: 100%;
		float: left;
    margin-bottom: 0px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #ffffff;
   background-color: #f8a54b;	
		padding-bottom: 17px;
		padding-top: 17px;
	}



/*Style for menu links*/
li a {
  font-family: "Hanken Grotesk", serif;
  font-weight: 500;
  color: #ffffff;
  font-size: 22px;
  line-height: 22px;
}

/*Hover state for top level links*/
li:hover a {
    color: #ffdc51;
	text-decoration: none;
}

/*Style for dropdown links*/
li:hover ul a {
    background: #f3f3f3;
    height: 25px;
	text-decoration: none;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #19c589;
	color: #fff;
	text-decoration: none;
}

/*Hide dropdown links until they are needed*/

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

ul li, li a {
    width: 100%;
	text-align: center;
	text-decoration: none;
	}


.show-menu {
	display: block;
    margin-top: 0px;
	text-align: right;
	}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}