/* resources/css/component-agenda-list.css */
.agenda-list {
  --height-portrait: calc(1.6 * var(--width-portrait));
  --width-portrait: 200px;
  align-items: center;
  border-style: solid;
  border-width: 1px 0 1px 0;
  display: flex;
  flex-direction: column;
  margin: var(--spacing-2x) 0;
  width: 100%;
}
.agenda-list__agenda {
  align-items: center;
  border-bottom: 1px solid black;
  display: flex;
  flex-direction: column;
  width: 100%;
  h2 {
    max-width: var(--max-width-page-content);
    padding: 0 var(--spacing-base-plus-half);
    width: 100%;
  }
}
.agenda-list__content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.agenda-list__more-to-come {
  align-items: center;
  display: flex;
  flex-direction: column;
  p {
    max-width: var(--max-width-page-content);
    padding: 0 var(--spacing-base-plus-half);
    width: 100%;
  }
}
.agenda-list__item__presented-by {
  grid-area: presented-by;
}
.agenda-list__item {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
  &:not(:last-of-type) {
    border-bottom: 1px solid black;
  }
}
.agenda-list__item__content {
  background-color: white;
  border-color: black;
  border-style: solid;
  border-width: 0 1px 0 1px;
  display: grid;
  gap: var(--spacing-base);
  max-width: var(--max-width-page-content);
  padding: var(--spacing-base-plus-half);
  width: 100%;
  @media (max-width: 900px) {
    grid-template-areas: "talk " "name" "bio" "photo";
  }
  @media (min-width: 900px) {
    grid-template-areas: "talk nothing" "name nothing" "bio photo";
  }
}
.agenda-list__item__speaker-bio {
  grid-area: bio;
}
.agenda-list__item__speaker-name {
  font-size: var(--font-size-l1);
  grid-area: name;
}
.agenda-list__item__speaker-photo {
  border: 1px solid black;
  grid-area: photo;
  height: var(--height-portrait);
  object-fit: cover;
  width: var(--width-portrait);
}
.agenda-list__item__presented-by {
  font-style: italic;
  grid-area: presented-by;
}
.agenda-list__item__talk {
  font-size: var(--font-size-l2);
  font-weight: bold;
  grid-area: talk;
}
/*# sourceMappingURL=/assets/component-agenda-list_5SY2VWHC.css.map */