.hs-search-field {
  position: relative;
}
.hs-search-field__input {
  box-sizing: border-box;
  width: 100%;
}
.hs-search-field__suggestions {
  padding: 0;
  margin: 0;
  list-style: none;
}
.hs-search-field--open .hs-search-field__suggestions {
  border: 1px solid #000;  
}
.hs-search-field__suggestions li {
  display: block;
  margin: 0;
  padding: 0;
}
.hs-search-field__suggestions #results-for {
  font-weight: bold;
}
.hs-search-field__suggestions a,
.hs-search-field__suggestions #results-for {
  display: block;
}
.hs-search-field__suggestions a:hover,
.hs-search-field__suggestions a:focus {
  background-color:  rgba(0,0,0, .1);
  outline: none;
}
.custom_headersearch .hs-search-field__input.hs-input {
  width: 100% !important;
}
@media all and (max-width: 767px) {
  .custom_headersearch .hs-search-field__input {
    margin-bottom: 10px;
  }
}
.hs-search-field--open .hs-search-field__suggestions {
    background: white;
    color: black;
    z-index: 100;
    position: absolute;
    left: 57px;
    max-width: none;
    width: 94%;
    padding: 3%;
  	top: 25px;
}

/* stack overflow with several safari specific css hacks */
/* https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome */
/* search field in safari always renders with white background */
/* @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) 
{ @media {
		.top-header .hs-search-field form input {
        background-color: #4BAAD3 !important;
      	color: gray !important;
    }
  	::-webkit-input-placeholder {
			color: #bebebe !important;
    }
    ::placeholder {
			color: #bebebe !important;
    }
}} */
/*safari 11+*/
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
		.top-header .hs-search-field form input {
        background-color: #4BAAD3 !important;
      	color: gray !important;
    }
  	::-webkit-input-placeholder {
			color: #bebebe !important;
    }
    ::placeholder {
			color: #bebebe !important;
    }
}}
.custom_headersearch form.hs-form .hs-input {
  background-color: white !important;
  color: gray !important;
}
.custom_headersearch form.hs-form .hs-input::-webkit-input-placeholder {
  color: gray !important;
}
.custom_headersearch form.hs-form .hs-input:-moz-placeholder {
  color: gray !important;
}
.custom_headersearch form.hs-form .hs-input::-moz-placeholder {
  color: gray !important;
}
.custom_headersearch form.hs-form .hs-input:-ms-input-placeholder {
  color: gray !important;
}
.custom_headersearch form.hs-form .hs-input::-ms-input-placeholder {
  color: gray !important;
}
.custom_headersearch form.hs-form .hs-input::placeholder {
  color: gray !important;
}