/**
 * Meta field show up on sessions, trainings, and job listing nodes.
 */
.meta-field {
  align-items: center;

  &:not(:last-child) {
    margin-right: 1em;
  }

  svg {
    max-width: 1.25rem;
    max-height: 1.25rem;
    vertical-align: text-bottom;
  }

  path {
    fill: var(--color--night-50);
  }
}

.meta-field--field-session-category {
  svg {
    max-width: 1.125rem;
    max-height: 1.125rem;
    margin-bottom: 2px;
  }

  path {
    fill: var(--color--night-60);
  }
}

/*  Add commas for multiple speakers. */
.meta-field--field-speakers .meta-field__items {
  .meta-field__item {
    &::after {
      margin-left: -0.25em;
      content: ', ';
      white-space: pre;
    }

    &:nth-last-child(2)::after {
      content: ', and';
    }

    &:first-child:last-child::after,
    &:last-child::after {
      content: none;
    }
  }
}