/*

   Legacy Craft
   Author: Mark Tate
   Date: 04/08/2019

   Filename:         menu.css
   Supporting Files: none

*/

* {
  padding: 0;
  margin: 0;
}

#icons	{
width: 55%;
float: right;
margin-top: 5px
}

#menu	{
	position: relative;
	display: block;
	width: 55%;
	float: right;
	height: 35px;
	margin-top: 10px;
	margin-bottom: 10px;
}


#menu a	{
  font-family: Calibri, Verdana, Arial;
  text-decoration: none;
  float: right;
  margin-left: 2%;
  color: #006A6A;
  font-size: 20px;
  padding-top: 5px;
  padding-right: 2%;

}

#menu a:hover {
  color: #00e6e6;
  text-shadow: 0px 1px 2px #FFFFFF;
}



/*  MOBILE MENU CONTROLS */
.toggle-button {
  background: white;
  color: #00E6E6;
  text-align: center;
  padding: 10px 0;
  display: block;
  cursor: pointer;
}


.toggle-menu {
  display: none;
  width: 480px;
  margin-bottom: 10px
}
.toggle-menu ul{
  list-style: none;
  width: 100%;
  float: left;
  padding-left: 10%;
  padding-bottom: 3%;
  font-family: myFancyFont; 
  background-color: white
}

.toggle-menu li {
  text-align: left;
  padding-left: 10px;
}

.toggle-menu a {
  text-decoration: none;
  color: #00E6E6;
  font-size: 1.250em;
}

.toggle-menu a:hover {
  color: black;
  background: white;
}