.splash__bg-image {
  background-image: url('splash.webp');
}

.no-webp .splash__bg-image {
  background-image: url('splash.png');
}

.overlapped-full-width-banner .splash__overlapping {
  max-width: 50em;
  width: 95%;
}

input.splash__search-input {
  font-size: var(--fs-large);
  margin-bottom: calc(var(--line-height-em)/2);
}


/* filtering --- */

.filter--topic {
  position: relative;
  width: 19em;
}


/* ---- all the centers and groups ---- */

.teams {
  padding: 0 1em;
  margin: calc(var(--line-height-em)*2) 0 calc(var(--line-height-em)*6) 0;
}

.results {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: calc(var(--line-height-em) * 2);
  justify-content: flex-start;
}


.overlapping-element {
  display: flex;
  margin-bottom: calc(var(--line-height-em) * 7);
  width: 33%;
}


/* ---- */

@media all and (max-width:1300px) {
  .overlapping-element {
    width: calc((100% - var(--line-height-em)) / 2);
  }
}

@media all and (max-width:800px) {
  input.splash__search-input {
    font-size: var(--fs-normal);
  }

  .overlapping-element {
    width: calc(100% - var(--line-height-em));
    margin-bottom: calc(var(--line-height-em)*5);
  }
}

@media screen and (max-width:450px) {
  .overlapped-full-width-banner .splash__overlapping {
    padding: var(--line-height-em);
    width: 100%;
  }

  .filter--topic {
    width: 100%;
  }

  .filter__dropdown {
    width: 100%;
  }
}

.overlapping-element__image-wrapper {
  width: 80px;
  margin-right: calc((90px - 25px) / 2);
}

.overlapping-element__image {
  object-fit: cover;
  border-radius: 50%;
  min-width: 80px;
  width: 80px;
  max-width: 80px;
  min-height: 80px;
  height: 80px;
  max-height: 80px;
}

.overlapping-element__text {
  position: relative;
  /* width: 40em; */
}

.overlapping-element__text::before {
  content: '';
  width: 100px;
  height: calc(100% + 4.5em);
  background-color: var(--block-gray);
  position: absolute;
  z-index: -1;
  left: calc(-.75 * 100px);        /* 75% of width */
  top: -3em;
}

.research-team__name {
  margin-top: 0;
  max-width: 90%;
}
.research-team__name a {
  color: var(--almost-black);
}

.research-team__name a:hover {
  color: var(--bright-orange);
}

.research-team__topic-tag {
  margin-right: 1em;
  margin-bottom: calc(var(--line-height-em) - .875em);
}

.research-team__person {
  overflow: auto;
  margin-bottom: calc(var(--line-height-em) / 2);
}


.research-team__label {
  margin-top: var(--line-height-em);
  margin-bottom: calc(var(--line-height-em) / 2);
  font-weight: var(--fw-medium);;
}

.research-team__description {
  clear: both;
  display: inline-block;
  margin-top: calc(var(--line-height-em)/2);
}