/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/* ========================================
=                Meeting                  =
======================================== */
@layer sdc {
  .meeting__hero {
    color: var(--color-white);
    border-block-end: solid 0.25rem var(--color-secondary);
    background-color: var(--color-dark);
    padding-block: 3.75rem;
  }
  .meeting__hero__content {
    display: flex;
    flex-direction: column;
    row-gap: 0.625rem;
  }
  .meeting__hero__info {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    column-gap: 0.625rem;
    color: var(--color-black-main);
    background-color: var(--color-grey-three);
    padding-block: 0.3125rem;
    padding-inline: 0.625rem;
  }
  .meeting__hero__info__image {
    display: flex;
    align-items: center;
  }
  .meeting__hero__info__location {
    display: flex;
    font-weight: 300;
  }
  .meeting__hero__info__location__city {
    display: inline-flex;
  }
  .meeting__hero__info__location__city:after {
    content: "|";
    margin-inline: 0.25rem;
  }
  .meeting__hero__title {
    margin: 0 0 1rem;
    font-size: clamp(2rem, -0.7692rem + 4.3269vw, 3.125rem);
  }
  @media (min-width: 64em) {
    .meeting__hero__title {
      max-width: 41.25rem;
    }
  }
  .meeting__hero__date-time {
    column-gap: 0.625rem;
  }
  .meeting__hero__date-time,
  .meeting__hero__date-time__image {
    display: flex;
    align-items: center;
  }
  .meeting__hero__date-time__date,
  .meeting__hero__date-time__time {
    font-size: 1.125rem;
    line-height: 1.1;
  }
  @media (width >= 56.3125em) {
    .meeting__hero__date-time__date,
    .meeting__hero__date-time__time {
      font-size: 1.5rem;
    }
  }
  .meeting__hero__date-time__date {
    margin: 0;
    letter-spacing: -0.48px;
    font-family: var(--font-primary);
    font-weight: 400;
  }
  .meeting__hero__date-time__time {
    letter-spacing: -0.48px;
    font-weight: 300;
  }
}
