@charset "utf-8";

.EventDetailCard { position: relative; }

.EventDetailCard__eyebrow { overflow-wrap: break-word; margin-bottom: var(--pal-l-internal-spacer-00); }

@media (min-width: 1024px) {
  .EventDetailCard__eyebrow { margin-bottom: var(--pal-l-internal-spacer-01); }
}

.EventDetailCard__title1 { overflow-wrap: break-word; margin-bottom: var(--pal-l-internal-spacer-00); }

@media (min-width: 1024px) {
  .EventDetailCard__title1 { margin-bottom: var(--pal-l-internal-spacer-01); }
}

.EventDetailCard__body1 { overflow-wrap: break-word; }

.EventDetailCard__title2, .EventDetailCard__title3 { overflow-wrap: break-word; margin-top: var(--pal-l-internal-spacer-02); }

.EventDetailCard__contentImage { background-color: var(--pal-colors-default-background-default); grid-column: 1 / 7; }

.EventDetailCard__contentImage .Image { text-align: center; }

.EventDetailCard__contentImage .Image img { display: block; height: auto; max-width: 100%; }

@media (min-width: 1024px) {
  .EventDetailCard__contentImage { align-self: center; grid-column: 1 / 7; }
}

@media (min-width: 1440px) {
  .EventDetailCard__contentImage { align-self: center; grid-column: 2 / 8; }
}

.EventDetailCard__contentDetails { grid-column: 1 / 7; padding-top: var(--pal-l-internal-spacer-02); position: relative; }

@media (min-width: 768px) {
  .EventDetailCard__contentDetails { align-self: center; display: flex; flex-direction: column; height: 100%; padding-top: var(--pal-l-internal-spacer-03); }
}

@media (min-width: 1024px) {
  .EventDetailCard__contentDetails { grid-column: 8 / 13; }
}

@media (min-width: 1440px) {
  .EventDetailCard__contentDetails { grid-column: 9 / 12; }
}

@media (min-width: 1024px) {
  .EventDetailCard__style-offset .EventDetailCard__contentImage { align-self: center; grid-column: 1 / 7; }
}

@media (min-width: 1440px) {
  .EventDetailCard__style-offset .EventDetailCard__contentImage { align-self: center; grid-column: 2 / 8; }
}

@media (min-width: 1024px) {
  .EventDetailCard__style-offset .EventDetailCard__contentDetails { grid-column: 8 / 13; }
}

@media (min-width: 1440px) {
  .EventDetailCard__style-offset .EventDetailCard__contentDetails { grid-column: 9 / 12; }
}

@media (min-width: 1024px) {
  .EventDetailCard__style-50-50 .EventDetailCard__contentImage { grid-column: 1 / 7; }
  .EventDetailCard__style-50-50 .EventDetailCard__contentDetails { grid-column: 8 / 13; }
}

.EventDetailCard__textContent { align-self: flex-start; margin-top: var(--pal-l-internal-spacer-02); width: 100%; }

@media (min-width: 768px) {
  .EventDetailCard__textContent { margin-top: var(--pal-l-internal-spacer-02); }
}

@media (min-width: 1024px) {
  .EventDetailCard__textContent { padding: 0px; width: 14rem; }
}

@media (min-width: 1440px) {
  .EventDetailCard__textContent { width: 21rem; }
}

.EventDetailCard__shareEvent { margin-top: var(--pal-l-internal-spacer-01); }

.EventDetailCard__actions { display: grid; margin-top: var(--pal-l-internal-spacer-02); }

@media (min-width: 1024px) {
  .EventDetailCard__actions { display: grid; margin-top: var(--pal-l-internal-spacer-03); }
}

@media (min-width: 1440px) {
  .EventDetailCard__actions { display: grid; margin-top: var(--pal-l-internal-spacer-03); }
}

.EventDetailCard__directionLink { display: flex; justify-content: center; }

.EventDetailCard__Container { align-items: center; border: 1px solid var(--pal-color-button-primary-border); border-radius: var(--pal-border-corners-rounded); display: grid; margin-right: var(--pal-l-internal-spacer-02); }

@media (min-width: 1024px) {
  .EventDetailCard__Container { height: fit-content; margin-right: var(--pal-l-internal-spacer-02); }
}

.EventDetailCard__addressContainer { display: flex; flex-flow: wrap; gap: var(--pal-l-internal-spacer-04); justify-content: space-between; }

.EventDetailCard__addressContainer p { flex: 1 1 0%; min-width: 0px; word-break: break-word; }

.VideoPlayer__thumbnail { cursor: pointer; position: relative; }

.VideoPlayer__play { background: var(--pal-color-button-secondary-background); border: none; border-radius: 5rem; cursor: pointer; height: 2rem; left: 50%; padding: 0px; width: 2rem; z-index: 3; }

.VideoPlayer__play, .VideoPlayer__play svg { font-size: 6.25rem; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); }

.VideoPlayer__play svg { left: 54%; }

@media (min-width: 1024px) {
  .react-player__preview { height: 28.81rem !important; object-fit: fill; }
}

.InlineVideo { position: relative; }

.InlineVideo--paused svg { margin-left: 0.275rem; }

.InlineVideo video { vertical-align: bottom; }

.InlineVideo__controlButton { cursor: pointer; left: 1rem; position: absolute; z-index: 3; }

.InlineVideo__controlButton, .InlineVideo__controlButton:active, .InlineVideo__controlButton:focus, .InlineVideo__controlButton:hover { background-color: var(--pal-color-button-secondary-background); border-color: var(--pal-color-button-secondary-border); bottom: 1rem; color: var(--pal-color-button-secondary-content); }

.InlineVideo__controlButton:active svg, .InlineVideo__controlButton:focus svg, .InlineVideo__controlButton:hover svg { fill: var(--pal-color-button-secondary-content); }

.InlineVideo__controlButton svg { vertical-align: middle; }