#search {
display:block;
}

#search-expanded {
width:100%;
height:100%;
/*height:10em;
margin-top:-10em;*/
background-color:rgba(240, 240, 240, .9);
position:fixed;
top:0;
z-index:1001;
}

#search-button {
display:block;
background-image: url("../../img/search.png");
background-size:1.5em 1.5em;
background-position:center center;
background-repeat:none;
width:1.5em;
height:1.5em;
z-index:1002;
position:fixed;
top:0;
right:0;
margin-top:.5em;
margin-right:.5em;
}

#search-button.x-button {
background-image: url("../../img/x.png");
width:2.5em;
height:2.5em;
background-size:2.45em;
margin-top:1em;
margin-right:1em;

}

#search-top-row {
display: table;
width: 100%;
height: 100%;
}

#search-top-cell {
display: table-cell;
vertical-align: middle;
padding-left: 30px;
padding-right: 30px;
}

.js div#search-expanded {
display:none;
}

.js div#search-expanded.search-button {

}

input::-webkit-textfield-decoration-container {
content:"Search" !important;
}

#search-expanded input[type="search"] {
-webkit-appearance:none;
background:#ccc;
/*background-color:yellow;*/
float:left;
/*padding:.25em;*/
font-size:2em;
font-family: 'Merriweather Sans', Verdana, sans-serif;
border-width:0px;
color:#333;
/*-webkit-background-color: cyan;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-style: inset;
border-right-style: inset;
border-bottom-style: inset;
border-left-style: inset;
border-top-color: initial;
border-right-color: initial;
border-bottom-color: initial;*/
float:left;
}

#search-expanded .search-block-form {
position: relative;
max-width: 29em;
  	}
#search-expanded .search-block-form:after {
 	content:"";
	float:left;
	width:2.25em;
	height:0;
	border-bottom:2.6667px solid #666;
	margin-left:.5em;
	margin-top:.75em;
	margin-bottom:.75em;
	clear:both;
}

#search-block-form input.form-submit {
    -webkit-appearance:none;
    background:transparent;
    background-color:#BA0C2F;
    font-weight:bold;
    border:0px;
    padding:0em;
    /*float:left;*/
    margin-left:1em;
    margin-top:-.15em;
    font-size:1.4em;
    color:#eee;
    padding:.25em;
    text-transform:uppercase;
   	font-family: 'Oswald', Impact, Arial Narrow, sans-serif;
   	font-weight:normal;
	}


#search-form {
margin-bottom:2em;
}

@media screen and (max-width:500px) {

#search-expanded input[type="search"] {
clear:both;
}

#search-block-form input.form-submit {
clear:both;
margin-top:.5em;
margin-left:0em;
}

#search-expanded .search-block-form:after {
content:none;
}
/*
#search-top-cell {
padding-left: 10px;
padding-right: 10px;
}*/

}