
.person {
  margin-bottom: var(--line-height-em);
}


.person-card__image-wrapper {
  position: relative;
  width: 100%;
  height: 200px;
  background: var(--block-gray);
}

.person-card__image {
  display: block;
  margin: 0 auto;
  max-height: 100%;
}

.person-card__affiliations {
  position: relative;
  left: 0;
  bottom: calc(-1/2 * var(--line-height-em));
  position: absolute;
}


.person-card__affiliation {
  float: left;
  margin-bottom: 0;
  font-size: var(--fs-x-small);
  margin-right: calc(var(--line-height-em)/4);
  padding: calc(var(--line-height-em)/5) 1em;
  background: var(--burnt-orange);
  color: var(--white);
  /* cursor: pointer; */
}


.person-card__info {
  background-color: var(--white);
  padding: var(--line-height-em) var(--line-height-em) 0 var(--line-height-em);
}

.person-card__name {
  margin-top: 0;
}

.person-card__honorarium {
  font-family: "GT Sectra Book Italic", sans-serif;
  line-height: 1.3em;
}

.person-card__appointments {
  margin-bottom: calc(var(--line-height-em));
}

.person-card__appointment {
  line-height: 1.3em;
  margin-bottom: calc((var(--line-height-em) - 1.3em) + var(--line-height-em) / 2);
}


.person-card__appt__title {
  line-height: 1.3em;
  font-family: "GT Sectra Bold", sans-serif;
}

.person-card__appt__title::after, .person-card__job-verb::after, .person-card__contact__type::after {
  padding-left: .07em;
  padding-right: .01em;
  font-size: var(--line-height-em);
  line-height: 0;
  vertical-align: sub;
  color: var(--extra-muted);
  content: "\000B7";
  content: "\022C5";
}

.person-card__appt__where {
  color: var(--muted);
}

.person-card__job-functions {
  line-height: 1.3em;
}

.person-card__job-verb {
  line-height: 1.3em;
  font-weight: var(--fw-book);
  color: var(--muted);
}

.person-card__job-noun {
  line-height: 1.3em;
  font-weight: var(--fw-medium);
  color: var(--muted);
}

.person-card__topics {
  margin-bottom: calc(var(--line-height-em) * 2/3);
}

.person-card__topic {
  margin-bottom: calc(var(--line-height-em)/3);
}

.person-card__contact {
  color: var(--muted);
  margin-top: calc((var(--line-height-em) + .125em)*2);
  font-size: var(--fs-small);
}

.person-card__contact > * {
  line-height: var(--line-height);
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
