/**
 * @file
 * Person styles.
 */

.person__main {
  -webkit-padding-after: var(--size-8);
  padding-block-end: var(--size-8);
}

@media (min-width: 1024px) {
  .person__main {
    -webkit-padding-after: var(--size-12);
    padding-block-end: var(--size-12);
  }
}

@media (--laptop) {
  .person__main {
    -webkit-padding-after: var(--size-12);
    padding-block-end: var(--size-12);
  }
}

@media (min-width: 1024px) {
  .person__main .container {
    display: grid;
    grid-template-columns: calc(50% - 1rem) 1fr;
    grid-template-rows: auto 1fr;
    grid-column-gap: var(--size-10);
  }
}

@media (--laptop) {
  .person__main .container {
    display: grid;
    grid-template-columns: calc(50% - 1rem) 1fr;
    grid-template-rows: auto 1fr;
    grid-column-gap: var(--size-10);
  }
}

.person__main .person__sidebar {
  -webkit-margin-before: var(--size-12);
  margin-block-start: var(--size-12);
}

.person__sidebar--label {
  font-family: var(--font-heading);
  font-size: var(--font-size-2);
  font-weight: var(--font-weight-600);
  -webkit-margin-before: var(--size-10);
  margin-block-start: var(--size-10);
  -webkit-margin-after: var(--size-1);
  margin-block-end: var(--size-1);
}

/* Removes top margin from first taxonomy block title
    to align main content heading with sidebar heading. */

.person__taxonomy-wrapper--first .person__sidebar--label {
  -webkit-margin-before: 0;
  margin-block-start: 0;
}