/* -------------------------------------------------- Mixins */
/*
<div class="progress-circle p{VALUE_OF_PROGRESS} {if VALUE_OF_PROGRESS > 50}over50{/if}">
	<span>{VALUE_OF_PROGRESS}%</span>
	<div class="left-half-clipper">
		<div class="first50-bar"></div>
		<div class="value-bar"></div>
	</div>
</div>
*/
/* --------------------------------------------------------------------- */
/* -------------------------------------------------- wkAgencysearch */
.wkAgencysearch {
  margin: 5rem auto;
  max-width: 130rem;
}
.wkAgencysearch__container {
  border-radius: 1.5rem;
  overflow: hidden;
  position: relative;
}
.wkAgencysearch__form {
  background-color: var(--grey);
  padding: 3rem 1.5rem;
}
@media (min-width: 1024px) {
  .wkAgencysearch__form {
    border-radius: 1.5rem;
    left: 2rem;
    padding: 3rem;
    position: absolute;
    top: 2rem;
    z-index: 1;
  }
}
.wkAgencysearch__form #searchButton {
  background-color: var(--secondary);
  width: 100%;
}
.wkAgencysearch__title {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 2rem;
}
.wkAgencysearch__radios {
  display: flex;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .wkAgencysearch__radios {
    gap: 3rem;
  }
}
.wkAgencysearch__radio {
  align-items: center;
  display: flex;
}
.wkAgencysearch__radio input[type=radio] {
  top: -0.1rem;
}
.wkAgencysearch__select {
  margin-bottom: 2rem;
}
.wkAgencysearch__select input {
  border: 1px solid var(--grey);
  height: 4rem;
  outline: 0;
  padding: 0 1rem;
  width: 100%;
}
.wkAgencysearch__select .selectWrapper {
  height: 4rem;
}
.wkAgencysearch__select .selectWrapper:after {
  top: 1.5rem;
}
.wkAgencysearch__image {
  height: 30vw;
}
@media (min-width: 1024px) {
  .wkAgencysearch__image {
    height: 40rem;
  }
}
.wkAgencysearch__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
/*# sourceMappingURL=wkAgencysearch.css.map */