/*-------------------------------------------------------------
	          Searchfield
--------------------------------------------------------------- */

.field {
  display: flex;
  position: relative;
  margin: 1em auto;
  width: 100%;
  flex-direction: row;
}

.field > input[type="text"],
.field > button {
  display: block;
  font: 1.2em "Montserrat Alternates";
  outline: none;
}

.field > input[type="text"] {
  flex: 1;
  padding: 0.6em;
  border: 0.2em solid $yellow;
}

.field > button {
  padding: 0.6em 0.8em;
  background-color: $yellow;
  color: white;
  border: none;
}
