.query {
  display: flex;
  align-items: flex-end;
  margin-bottom: calc(var(--line-height-em)*2);
}

.search-input {
  color: var(--almost-black);
  width: 75%;
  margin-right: 1em;
  margin-bottom: 0;
  box-shadow: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid var(--burnt-orange);
  background-color: transparent;
  background-image: url('/static/components/assets/search-icon.webp');
  background-repeat: no-repeat;
  background-size: 1em;
  background-position: 0 40%;
  padding: 0 0 calc(var(--line-height-em)/4) 2em;
}

.search-input:focus {
  box-shadow: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid var(--bright-orange);
  background-color: transparent;
}

.search-button {
  border-radius: 4px;
  background-color: var(--burnt-orange);
  color: var(--background-white);
  border: none;
  padding: calc(var(--line-height-em)/4) var(--line-height-em);
  cursor: pointer;
}

.search-button:hover {
  background-color: var(--bright-orange);
}

.results__title {
  font-weight: var(--fw-book);
  font-size: var(--fs-small);
}

.results__list {
  margin-top: 0;
  padding-left: 0;
  margin-left: 1em;
}

.results__list-item:first-of-type {
  border-top: 1px solid var(--border-gray);
}

.results__list-item {
  padding: var(--line-height-em) 0;
  list-style: none;
  border-bottom: 1px solid var(--border-gray);
}

.results__list-item__type {
  font-size: var(--fs-small);
  margin-bottom: calc(var(--line-height-em)/2);
  font-weight: var(--fw-book);
  text-transform: uppercase;
}

.results__list-item__type.person {
  color: var(--navy-blue);
}

.results__list-item__type.partnership {
  color: var(--lime);
}

.results__list-item__type.crosscutting {
  color: var(--teal-blue);
}

.results__list-item__type.news {
  color: var(--grass-green);
}

.results__list-item__type.team {
  color: var(--bright-orange);
}

.results__list-item__title-wrapper {
  margin-bottom: var(--line-height-em);
}

.results__list-item__title-wrapper > p {
  margin-bottom: 0;
}

.results__list-item__title {
  font-weight: var(--fw-medium);
  text-decoration: none;
}

.results__list-item__sub-title {
  font-size: var(--fs-small);
  color: var(--muted);
}

.results__highlight-matching {
  display: inline-block;
  background: var(--yellow);
}

.pagination {
  display: block;
  margin-right: 0;
  margin-left: auto;
}