/*#search-menu{position:fixed;width:100%;height:20em;top:-20em;left:0;right:0;white-space:nowrap;z-index:99999999999;background:-moz-linear-gradient(top,rgba(207,230,209,1) 25%,rgba(207,230,209,0) 100%);background:-webkit-linear-gradient(top,rgba(15,240,255,1) 25%,rgba(179,179,179,0) 100%);background:linear-gradient(to bottom,rgba(207,230,209,1) 25%,rgba(207,230,209,0) 100%);opacity:0;visibility:hidden;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;transition:.5s ease all}#search-menu.toggled{top:0;opacity:1;visibility:visible}#search-menu .wrapper{position:relative;margin:3em auto 0;padding:0 1em}#search-menu .wrapper input{width:90%;padding:0 0 .125em;background:0 0;border:none;border-bottom:1px solid rgba(106,106,106,.4);font-family:'Palatino';font-size:2.4em;color:#6a6a6a;font-weight:200}#search-menu .wrapper input:focus{outline:0}#search-menu .wrapper button{position:absolute;display:block;width:10%;right:0;top:0;background:0 0;border:none;color:#6a6a6a;font-size:3em;-webkit-transition:.5s ease all;-moz-transition:.5s ease all;transition:.5s ease all}#search-menu .wrapper button:hover{color:rgba(106,106,106,.4)}#search-menu .wrapper button:focus{outline:rgba(106,106,106,.4)}*/

#search-menu {
  position: fixed;
  width: 100%;
  height: 20em;
  top: -20em;
  left: 0;
  right: 0;
  white-space: nowrap;
  z-index: 9999;
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004a83+0,004a83+100&1+54,0+100 */
background: -moz-linear-gradient(top, rgba(255, 0, 0,1) 0%, rgba(255, 0, 0,1) 54%, rgba(255, 0, 0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255, 0, 0,1) 0%,rgba(255, 0, 0,1) 54%,rgba(255, 0, 0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255, 0, 0,1) 0%,rgba(255, 0, 0,1) 54%,rgba(255, 0, 0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a83', endColorstr='#00004a83',GradientType=0 ); /* IE6-9 */


  opacity: 0;
  visibility: hidden;
  -webkit-transition: 500ms ease all;
  -moz-transition: 500ms ease all;
  transition: 500ms ease all;
}
#search-menu.toggled {
  top: 0;
  opacity: 1;
  visibility: visible;
}
#search-menu .wrapper {
  position: relative;
  margin: 3em auto 0 auto;
  padding: 0 1em;
}
#search-menu .wrapper input {
  width: 90%;
  padding: 0 0 0.125em 0;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	 
  font-size: 3em;
  color: #bfbfbf;
	font-weight: 200;
}
#search-menu .wrapper input:focus {
  outline: none;
}
#search-menu .wrapper button {
  position: absolute;
  display: block;
  width: 10%;
  right: 0;
  top: 0;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 4em;
  -webkit-transition: 500ms ease all;
  -moz-transition: 500ms ease all;
  transition: 500ms ease all;
}
#search-menu .wrapper button:hover {
  color:#ededdd;
}
#search-menu .wrapper button:focus {
  outline: none;
}