.event-date-type {
  color: var(--bisque);
  font-weight: 700;
}
.event-date-icon {
  background: var(--bisque);
  color: var(--secondary-blue);
  width: 55px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mega-menu-events-container .event-date-icon {
  background: var(--TT-Red);
  color: var(--bisque);
}
.event-preview {
  display: flex;
  color: var(--bisque);
  gap: 30px;
  margin: 30px 0 0 0;
}
.mega-menu-events-container .event-preview {
  color: var(--neutral-slate-gray);
}
.event-preview:first-of-type {
  /* margin-top: 0; */
  padding: 0 0 25px 0;
}
.event-divider:last-of-type {
  display: none;
}

.event-date {
  line-height: 1;
  padding-bottom: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 2.25px;
  text-transform: uppercase;
}
.event-title {
  color: var(--bisque);
}
.mega-menu-events-container .event-title {
  color: var(--neutral-slate-gray);
}
.event-excerpt {
  line-height: 1.6;
}
.event-link {
  color: var(--bronze);
  display: flex;
  gap: 15px;
  margin-top: 20px;
  transition: 0.3s ease;
}
.mega-menu-events-container .event-link {
  color: var(--TT-Red);
}
.event-link:hover {
  color: var(--bisque);
}
.mega-menu-events-container .event-link:hover {
  color: var(--bronze);
}
.link-label {
  letter-spacing: 3px;
  text-transform: uppercase;
  line-height: 1.5;
  transform: translateY(1px);
}
span.arrow {
  display: inline-flex;
  width: 23px;
  height: 23px;
}
.event-divider.pm-post-divider {
  background-image: radial-gradient(var(--bisque) 2px, transparent 1px);
}
.mega-menu-events-container .event-divider.pm-post-divider {
  background-image: radial-gradient(var(--black) 2px, transparent 1px);
}

.single-event-block.event-portrait {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: stretch;
  margin: 2rem 0;
}
.single-event-block .event-meta {
  font-weight: 700;
  text-align: left;
  color: var(--neutral-slate-gray);
  margin-bottom: 20px;
}
.single-event--date,
.single-event--type-name {
  display: inline;
}
.single-event--featured-image {
  flex: 1 1 45%;
  display: flex;
  align-items: stretch;
  height: auto;
}

/* .et-db #et-boc.et-boc .event-featured-image-module {
  margin-bottom: 0;
} */
.et-db #et-boc.et-boc .event-featured-image-module img {
  width: 100%;
}

.single-event--featured-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}
.event-meta-col {
  flex: 1 1 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.single-event--title {
  text-align: left;
  color: var(--neutral-slate-gray);
  margin-bottom: 10px;
}
.event-flex {
  display: flex;
  gap: 8rem;
  margin-top: 1.5rem;
}
.has-image .event-overview {
  flex: 2;
  max-width: 650px;
}
.event-overview {
  flex: 2;
}
.event-speakers {
  flex: 1;
}
.event-section-header {
  color: var(--neutral-slate-gray);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1rem;
  letter-spacing: 3px;
  padding-top: 20px;
}
.border-top {
  border-top: 1px solid;
}
ul.speaker-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.speaker-item {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
  gap: 20px;
}
.speaker-avatar {
  margin-right: 0.75rem;
}
.speaker-avatar img {
  width: 84px;
  height: 84px;
  object-fit: cover;
  border-radius: 50%;
}
.speaker-name {
  text-transform: uppercase;
}
.event-featured-video iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  display: block;
}
.custom-button-link.event-register-button {
  padding: 10px 25px 6px;
}
.event-transcript {
  padding-top: 4rem;
  border-bottom: 1px solid;
}
.transcript-entry-container {
  max-height: 600px;
  overflow-y: scroll;
}
.transcript-entry {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 4rem;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.transcript-avatar {
  width: 84px;
  flex-shrink: 0;
}

.transcript-avatar img {
  width: 100%;
  height: 84px;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
.transcript-name {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
.transcript-dialog p {
  margin: 0 0 0.75rem;
}
@media (max-width: 767px) {
  .event-flex {
    flex-direction: column;
  }
}