.search {
  /* position: absolute; */
  /* top: 0; */
  /* left: calc((100% - 994px) / 2 + 226px); */
  width: 500px;
  z-index: 1000;
  border-radius: .25em;
  /* float:right; */
}
/*SEARCH*/
div.search_shield{
    background-color: rgba(245,248,256,0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

div#searchForm{
  display: inline;
}
input.searchField{
    float: left;
    background: transparent;
    background-clip: padding-box;
    display: inline-block;
    height: 30px;
    font-size: 0.9em;
    outline: none;
    border-width: 0;
    width: 0;
    transition: opacity 0.1s ease-in;
}

li.searchInput_wide, li.search_input{
  margin-right: 7px;
}
input.searchInput_wide{
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  width: 300px;
  transition: opacity 0.3s ease-in;
  opacity: 1;
  color: white;
  padding-top: .9em;
  margin-left: -1px;
}
li.searchInput_wide{
  border-bottom: 1px solid white;
  transition: opacity 0.3s ease-in;
  opacity: 1;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: white;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: white;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: white;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
}

::placeholder { /* Most modern browsers support this now. */
    color: white;
}
input.searchInput_wide::placeholder,
input.searchInput_wide::-webkit-input-placeholder,
input.searchInput_wide:-moz-placeholder,
input.searchInput_wide::-ms-input-placeholder,
input.searchInput_wide:-ms-input-placeholder,{
  color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  font-weight: 300;
  opacity: .1;
}


span#searchTerm{
	font-weight: bold;
}
/* remove x from input */
input[type=text]::-ms-clear, input[type=text]::-ms-reveal{
  display: none; 
  height: 0;
}
input[type=text]::-ms-clear{
  width : 0;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{
  display: none; 
}

div#searchResult:not([open]), div.search_shield:not([open]){
  display:none;
}


div#searchResult{
  position: relative;
  visibility: visible;
  opacity: 1;
  background-color: #FFF;
  padding: 1em;
	float: right;
	width:30em;
  height: 100%;
  border-left: 1px solid lightgray;
	border-right: 1px solid lightgray;
	z-index: 1;
/*	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;*/
	/*transition: opacity 400ms ease-in;*/
	overflow-y: scroll;
  -ms-overflow-style: scrollbar;
	margin: 0 0 auto auto;
	cursor: auto;
	/*max-width: 73em;*/
	box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.5);
}

button.close {
  /*position: fixed;*/
  background: #606061;
  color: #FFF;
  border-radius: 2px;
  margin-left: 803px;
  border: none;
  padding-left: 5px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  float:right;
}
p.search_result_text{
  padding-left: 15px;
  font-size: 0.8em;
  margin-top: 0.5em;
}

div#searchResult > .close:hover{
  background: #b71c1c;
}
div#searchResult > h2{
  margin-top:0;
  margin-bottom: 0;
}
p#resultsIntro{
  margin-top: .3em;
}
h1 > .markHighlight,
h2 > .markHighlight,
h3 > .markHighlight,
h4 > .markHighlight,
h5 > .markHighlight{
  color: #2371a9;
}
.markHighlight{
  background-color: #fff59d;
  border: 1px solid #fff59d;
  background-color: #fff9c4;
}
section.search_result_title {
  border-bottom: 1px solid lightgray;
}
section.search_result_title > a {
  text-decoration: none
}
section#searchReturn > section > a > h3{
  margin-bottom: .4em;
}

span#searchTerm{
	font-weight: bold;
}

div#searchResult::backdrop{
	background: rgba(0,0,0,0.5);
}