/* Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback
	Usage: @include font-size(1, large);
*/
#headerSearchForm {
  position: static;
  display: flex;
  justify-content: flex-end;
  margin: 0;
}
#headerSearchForm .toggle-button {
  padding: 0;
  position: relative;
  height: 3.6rem;
  width: 3.6rem;
  border: 0;
  color: var(--white);
  background: transparent;
}
#headerSearchForm .toggle-button, #headerSearchForm .toggle-button:hover, #headerSearchForm .toggle-button:focus {
  background: transparent;
}
#headerSearchForm .toggle-button:hover, #headerSearchForm .toggle-button:focus {
  color: var(--link-color-alt);
}
#headerSearchForm .toggle-button .close {
  display: none;
  color: var(--red);
}
#headerSearchForm .toggle-button[aria-expanded=true] .open {
  display: none;
}
#headerSearchForm .toggle-button[aria-expanded=true] .close {
  display: inline-block;
}
#headerSearchForm .toggle-button svg {
  height: 2.8rem;
  width: 2.8rem;
}
#headerSearchForm .toggle-button svg.close {
  height: 2.4rem;
}
#headerSearchForm form {
  width: 100%;
  max-width: 350px;
  margin: auto;
}
#headerSearchForm form input[type=text], #headerSearchForm form input[type=search],
#headerSearchForm form button {
  border: none;
  margin: 0;
}
#headerSearchForm form button,
#headerSearchForm form input[type=submit] {
  background-color: transparent;
}
#headerSearchForm form input[type=text], #headerSearchForm form input[type=search] {
  background: var(--white);
}
#headerSearchForm form .form-type-textfield, #headerSearchForm form .form-type-textfield input, #headerSearchForm form .form-type-search, #headerSearchForm form .form-type-search input {
  width: 100%;
}
#headerSearchForm form input[type=text], #headerSearchForm form input[type=search] {
  height: 3.6rem;
}
#headerSearchForm form button {
  height: 3.4rem;
  color: var(--gray-light);
  width: 100%;
  border: none;
  background-color: transparent;
}
#headerSearchForm form button:hover, #headerSearchForm form button:focus {
  color: var(--link-hover);
}
#headerSearchForm form button svg {
  height: 1.9rem;
  width: 1.9rem;
}
#headerSearchForm form .form-actions,
#headerSearchForm form > button {
  position: absolute;
  top: 1px;
  right: 0;
  width: 3.6rem;
}
#headerSearchForm form input[type=submit] {
  background-image: url("../images/bg/search.png");
  background-image: url("data:image/svg+xml, %3Csvg data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgb%2822%2C92%2C125%29'%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.51 6.51 0 10-.7.7l.27.28v.79l5 5 1.49-1.5zm-6 0A4.5 4.5 0 1114 9.5 4.49 4.49 0 019.5 14z'/%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3C/svg%3E");
  text-indent: -9999px;
  width: 1.9rem;
  background-color: transparent;
  margin: 0;
  border: 0;
}
#headerSearchForm .form-item, #headerSearchForm .form-actions {
  margin: 0;
}
#headerSearchForm form .form-item, #headerSearchForm form .form-actions,
#headerSearchForm .form--inline .form-item,
#headerSearchForm .form--inline .form-actions {
  float: none;
}
#headerSearchForm .reset-submit {
  display: none;
}
#headerSearchForm #collapseSearchForm {
  position: absolute;
  top: -9999px;
  background: var(--gray-lighter);
  z-index: 100;
  padding: 0.8rem;
  width: 100vw;
  right: 0;
  left: 0;
}
#headerSearchForm #collapseSearchForm.show {
  top: 3.9rem;
}
@media (min-width: 600px) {
  #headerSearchForm {
    position: relative;
  }
  #headerSearchForm #collapseSearchForm {
    max-width: 350px;
    left: auto;
  }
}
/*# sourceMappingURL=../maps/components/header-search-block.css.map */