/*!
 * ===========================
 * Author: Steve Gotthardt
 * Created: 10/2024
 * ===========================
 */


.session-detail  {
  margin:0 0 4rem;
}
.session-detail .session-date {
  display:none;
}
.session-detail .session-speakers {
  margin:2rem 0;
}
.session-detail .session-speakers .item-list__link {
  width:100%;
  display:grid;
  grid-template-columns: 110px 1fr;
  gap:18px;
}
.session-detail h3.item-list__title {
  font-family: "Lora", serif;
  font-weight: 600;
  font-size: 32px;
  line-height: 1.4;
  color: #00a2ad;
  margin-bottom: 24px;
}
.session-detail .session-speakers ul.item-list--speakers {
  gap:0;
  margin:0;
}
.session-detail .session-speakers ul.item-list--speakers li.item-list__item {
  border-top: 1px solid #ededed;
}
.session-detail .session-speakers ul.item-list--speakers li.item-list__item .item-list__link::after,
.session-detail .session-speakers ul.item-list--speakers li.item-list__item::after {
  display:none;
}
.session-detail .session-speakers .item-list__link .item-list__title {
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  font-weight:400;
}
.session-detail .session-speakers div.item-list__link {
  pointer-events:none;
}
.session-detail .session-speakers div.item-list__link .item-list__title {
  color:#444444;
}
.session-detail .session-speakers .item-list__link .item-list__media {
  margin:0;
}
@media screen and (min-width:768px) {
  .session-detail {
    display:grid;
    grid-template-columns: 1fr 2fr;
    grid-template-areas: "title title" "speakers content";
    grid-column-gap: 3rem;
  }
  .session-detail h3.item-list__title {
    grid-area: title;
  }
  .session-detail .session-content {
    grid-area: content;
  }
  .session-detail .session-speakers {
    margin-top:0;
    grid-area: speakers;
  }
  .session-detail .session-speakers .item-list__link .item-list__media,
  .session-detail .session-speakers .item-list__link .item-list__content {
    max-width:none;
  }
  .session-detail .session-speakers .item-list__link .item-list__media img {
    width:100%;
    max-width:110px;
  }
}
@media screen and (min-width:768px) and (max-width:1200px) { 
  .session-detail .session-speakers .item-list__link {
    grid-template-columns: 1fr;
  }
  .session-detail .session-speakers .item-list__link .item-list__content {
    text-align:center;
  }
}

.speaker-container {
  font-size:1rem;
}
.speaker-container .card__body {
  display:grid;  
  grid-gap:1rem;
  justify-content: center;
  align-items: center;
  text-align:center;
}
.speaker-container .card__body img {
  max-width:110px;
}
@media screen and (min-width:450px) and (max-width:768px) {
  .speaker-container .card__body {
    grid-template-columns: 110px auto;
    justify-content: start;
    text-align:start;
  }
}
@media screen and (min-width:1200px) {
  .speaker-container .card__body {
    grid-template-columns: 110px auto;
    justify-content: start;
    text-align:start;
  }
}