/* ==========================================================================
   Block: Event Hero
   ========================================================================== */
.spektrix-event-hero {
  --spektrix-event-hero-gap: var(--wp--style--block-gap, 1.5rem);
  --spektrix-event-hero-wide-size: var(--wp--style--global--wide-size, 1200px);
  --spektrix-event-hero-media-height: clamp(27rem, 54vw, 43rem);
  --spektrix-event-hero-overlap: clamp(4.5rem, 9vw, 7.25rem);
  /* Pull the ticket up so ~2/3 of the media sits behind it (was ~1/3). */
  --spektrix-event-hero-ticket-pull: calc(var(--spektrix-event-hero-media-height) * 2 / 3);
  --spektrix-event-hero-ticket-padding-x: clamp(2rem, 4vw, 3.5rem);
  --spektrix-event-hero-ticket-padding-y: clamp(1.25rem, 2.5vw, 2.25rem);
  --spektrix-event-hero-notch-radius: 2.75rem;
  --spektrix-event-hero-dash-color: rgb(19 19 19 / 22%);
  --spektrix-event-hero-dash-width: 3px;
  position: relative;
  isolation: isolate;
  margin-bottom: 0;
  padding: calc(var(--spektrix-event-hero-gap) * 2.75) var(--spektrix-event-hero-gap) calc(var(--spektrix-event-hero-overlap) + var(--spektrix-event-hero-gap) * 2.75);
  background-color: var(--wp--preset--color--bright-bg);
  color: var(--wp--preset--color--text-dark);
}
.spektrix-event-hero.spektrix-block-spacing--pt-compact {
  padding-top: calc(var(--spektrix-event-hero-gap) * 1.5);
}
.spektrix-event-hero.spektrix-block-spacing--pt-comfortable {
  padding-top: calc(var(--spektrix-event-hero-gap) * 2);
}
.spektrix-event-hero.spektrix-block-spacing--pt-spacious {
  padding-top: calc(var(--spektrix-event-hero-gap) * 4);
}
.spektrix-event-hero.spektrix-block-spacing--pt-extra-spacious {
  padding-top: calc(var(--spektrix-event-hero-gap) * 5);
}
.spektrix-event-hero.spektrix-block-spacing--pt-maximum {
  padding-top: calc(var(--spektrix-event-hero-gap) * 6);
}
.spektrix-event-hero.spektrix-block-spacing--pt-none {
  padding-top: 0;
}
.spektrix-event-hero.spektrix-block-spacing--pb-compact {
  padding-bottom: calc(var(--spektrix-event-hero-gap) * 1.5);
}
.spektrix-event-hero.spektrix-block-spacing--pb-comfortable {
  padding-bottom: calc(var(--spektrix-event-hero-gap) * 2);
}
.spektrix-event-hero.spektrix-block-spacing--pb-spacious {
  padding-bottom: calc(var(--spektrix-event-hero-gap) * 4);
}
.spektrix-event-hero.spektrix-block-spacing--pb-extra-spacious {
  padding-bottom: calc(var(--spektrix-event-hero-gap) * 5);
}
.spektrix-event-hero.spektrix-block-spacing--pb-maximum {
  padding-bottom: calc(var(--spektrix-event-hero-gap) * 6);
}
.spektrix-event-hero.spektrix-block-spacing--pb-none {
  padding-bottom: 0;
}
.spektrix-event-hero.spektrix-block-spacing--pb-compact {
  padding-bottom: calc(var(--spektrix-event-hero-overlap) + var(--spektrix-event-hero-gap) * 1.5);
}
.spektrix-event-hero.spektrix-block-spacing--pb-comfortable {
  padding-bottom: calc(var(--spektrix-event-hero-overlap) + var(--spektrix-event-hero-gap) * 2);
}
.spektrix-event-hero.spektrix-block-spacing--pb-spacious {
  padding-bottom: calc(var(--spektrix-event-hero-overlap) + var(--spektrix-event-hero-gap) * 4);
}
.spektrix-event-hero.spektrix-block-spacing--pb-extra-spacious {
  padding-bottom: calc(var(--spektrix-event-hero-overlap) + var(--spektrix-event-hero-gap) * 5);
}
.spektrix-event-hero.spektrix-block-spacing--pb-maximum {
  padding-bottom: calc(var(--spektrix-event-hero-overlap) + var(--spektrix-event-hero-gap) * 6);
}
.spektrix-event-hero.spektrix-block-spacing--pb-none {
  padding-bottom: var(--spektrix-event-hero-overlap);
}
.has-header-overlay .spektrix-event-hero {
  padding-top: calc(var(--spektrix-header-height) + var(--spektrix-event-hero-gap) * 2.75);
}
.has-header-overlay .spektrix-event-hero.spektrix-block-spacing--pt-compact {
  padding-top: calc(var(--spektrix-header-height) + var(--spektrix-event-hero-gap) * 1.5);
}
.has-header-overlay .spektrix-event-hero.spektrix-block-spacing--pt-comfortable {
  padding-top: calc(var(--spektrix-header-height) + var(--spektrix-event-hero-gap) * 2);
}
.has-header-overlay .spektrix-event-hero.spektrix-block-spacing--pt-spacious {
  padding-top: calc(var(--spektrix-header-height) + var(--spektrix-event-hero-gap) * 4);
}
.has-header-overlay .spektrix-event-hero.spektrix-block-spacing--pt-extra-spacious {
  padding-top: calc(var(--spektrix-header-height) + var(--spektrix-event-hero-gap) * 5);
}
.has-header-overlay .spektrix-event-hero.spektrix-block-spacing--pt-maximum {
  padding-top: calc(var(--spektrix-header-height) + var(--spektrix-event-hero-gap) * 6);
}
.has-header-overlay .spektrix-event-hero.spektrix-block-spacing--pt-none {
  padding-top: var(--spektrix-header-height);
}
.spektrix-event-hero__media {
  position: absolute;
  inset: 0 0 auto;
  z-index: 0;
  height: var(--spektrix-event-hero-media-height);
  overflow: hidden;
  background-color: var(--wp--preset--color--navy);
}
.spektrix-event-hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.24) 42%, rgba(0, 0, 0, 0.14) 100%), rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.spektrix-event-hero__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.spektrix-event-hero--image-anchor-center-center .spektrix-event-hero__image {
  object-position: center center;
}
.spektrix-event-hero--image-anchor-center-top .spektrix-event-hero__image {
  object-position: center top;
}
.spektrix-event-hero--image-anchor-center-bottom .spektrix-event-hero__image {
  object-position: center bottom;
}
.spektrix-event-hero__container {
  position: relative;
  z-index: 1;
  width: min(100%, var(--spektrix-event-hero-wide-size));
  margin: 0 auto;
}
.spektrix-event-hero__breadcrumb {
  color: var(--wp--preset--color--white);
}
.spektrix-event-hero__breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.spektrix-event-hero__breadcrumb-item {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
}
.spektrix-event-hero__breadcrumb-item:not(:last-child)::after {
  content: "/";
  opacity: 0.7;
}
.spektrix-event-hero__breadcrumb a, .spektrix-event-hero__breadcrumb span {
  color: inherit;
}
.spektrix-event-hero__ticket-shell {
  margin-top: max(2rem, var(--spektrix-event-hero-media-height) - var(--spektrix-event-hero-ticket-pull));
  margin-bottom: calc(var(--spektrix-event-hero-overlap) * -1);
  overflow: visible;
  border-radius: 1.25rem;
  filter: drop-shadow(0 0.75rem 2rem rgba(0, 0, 0, 0.2));
}
.spektrix-event-hero__ticket {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  overflow: hidden;
  background-color: var(--wp--preset--color--white);
  border-radius: inherit;
  -webkit-mask-image: radial-gradient(circle var(--spektrix-event-hero-notch-radius) at 0 50%, transparent 99%, #000 100%);
  mask-image: radial-gradient(circle var(--spektrix-event-hero-notch-radius) at 0 50%, transparent 99%, #000 100%);
}
.spektrix-event-hero__details {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--spektrix-event-hero-gap);
  padding: var(--spektrix-event-hero-ticket-padding-y) var(--spektrix-event-hero-ticket-padding-x) calc(var(--spektrix-event-hero-ticket-padding-y) + 0.3rem) calc(var(--spektrix-event-hero-ticket-padding-x) + 2rem);
}
.spektrix-event-hero__details-body {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(5rem, 1fr);
  gap: calc(var(--spektrix-event-hero-gap) * 1.25) calc(var(--spektrix-event-hero-gap) * 1.5);
}
.spektrix-event-hero__copy {
  grid-column: 1;
  min-width: 0;
}
.spektrix-event-hero__title {
  margin: 0;
  color: var(--wp--preset--color--text-dark);
}
.spektrix-event-hero__tagline {
  margin-top: calc(var(--spektrix-event-hero-gap) * 1.15);
  color: var(--wp--preset--color--text-dark);
}
.spektrix-event-hero__tagline > :first-child, .spektrix-event-hero__registration-subtitle > :first-child {
  margin-top: 0;
}
.spektrix-event-hero__tagline > :last-child, .spektrix-event-hero__registration-subtitle > :last-child {
  margin-bottom: 0;
}
.spektrix-event-hero__date-tile {
  display: inline-grid;
  grid-column: 2;
  justify-items: center;
  justify-self: end;
  align-self: start;
  color: var(--wp--preset--color--text-dark);
  text-decoration: none;
}
.spektrix-event-hero__date-day, .spektrix-event-hero__date-month {
  text-align: center;
}
.spektrix-event-hero__date-month {
  margin-top: -0.25rem;
  color: var(--wp--preset--color--error);
  text-transform: uppercase;
}
.spektrix-event-hero__meta {
  display: grid;
  min-width: 0;
  gap: calc(var(--spektrix-event-hero-gap) * 0.8);
}
.spektrix-event-hero__meta-row {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr);
  align-items: start;
  gap: 1rem;
}
.spektrix-event-hero__meta-icon {
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--wp--preset--color--primary);
}
.spektrix-event-hero__meta-icon svg {
  width: 100%;
  height: 100%;
}
.spektrix-event-hero__schedule-list {
  display: grid;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.spektrix-event-hero__schedule-item, .spektrix-event-hero__date, .spektrix-event-hero__time-line {
  margin: 0;
}
.spektrix-event-hero__time-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
}
.spektrix-event-hero__local-time {
  color: var(--wp--preset--color--text-dark);
}
.spektrix-event-hero__details-footer {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: minmax(0, 2fr) minmax(5rem, 1fr);
  gap: calc(var(--spektrix-event-hero-gap) * 1.25) calc(var(--spektrix-event-hero-gap) * 1.5);
  align-items: end;
}
.spektrix-event-hero__logo, .spektrix-event-hero__placeholder--logo {
  grid-column: 2;
  justify-self: end;
  align-self: end;
  max-width: min(100%, 14rem);
}
.spektrix-event-hero__logo-image {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 5.5rem;
  object-fit: contain;
  object-position: right bottom;
}
.spektrix-event-hero__registration {
  position: relative;
  min-width: 0;
  background-image: repeating-linear-gradient(to right, var(--spektrix-event-hero-dash-color) 0, var(--spektrix-event-hero-dash-color) 14px, transparent 14px, transparent 23px);
  background-repeat: repeat-x;
  background-position: top;
  background-size: auto var(--spektrix-event-hero-dash-width);
}
.spektrix-event-hero__registration-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5625rem;
  padding: var(--spektrix-event-hero-ticket-padding-y) calc(var(--spektrix-event-hero-ticket-padding-x) * 0.75);
}
.spektrix-event-hero__registration-title, .spektrix-event-hero__registration-subtitle {
  width: 100%;
  margin: 0;
  text-align: center;
  color: var(--wp--preset--color--text-dark);
}
.spektrix-event-hero__registration-subtitle {
  margin-top: -0.75rem;
}
.spektrix-event-hero__registration-action, .spektrix-event-hero__hubspot {
  width: 100%;
  min-width: 0;
}
.spektrix-event-hero__registration-action {
  display: flex;
  justify-content: center;
  margin-top: 0.75rem;
}
.spektrix-event-hero__hubspot {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  --hsf-background__background-color: transparent;
  --hsf-background__background-image: none;
  --hsf-background__border-width: 0;
  --hsf-background__border-radius: 0;
  --hsf-background__padding: 0;
  --hsf-default-background__padding: 0;
  --hsf-row__horizontal-spacing: 0;
  --hsf-row__vertical-spacing: calc(var(--spektrix-event-hero-gap, 1.5rem) * 0.65);
  --hsf-module__vertical-spacing: 0;
  --hsf-global__font-family: var(--wp--preset--font-family--satoshi);
  --hsf-global__color: var(--wp--preset--color--text-dark);
  --hsf-field-label__font-family: var(--wp--preset--font-family--satoshi);
  --hsf-field-label__color: var(--wp--preset--color--text-dark);
  --hsf-field-input__font-family: var(--wp--preset--font-family--satoshi);
  --hsf-field-input__font-size: 16px;
  --hsf-field-input__color: var(--wp--preset--color--text-dark);
  --hsf-field-input__background-color: var(--wp--preset--color--white);
  --hsf-field-input__border-color: var(--wp--preset--color--border);
  --hsf-field-input__border-width: 1px;
  --hsf-field-input__border-radius: 8px;
  --hsf-field-input__padding: 0.375rem 0.625rem;
  --hsf-field-input--focus__border-color: var(--wp--preset--color--primary);
  --hsf-field-input--focus__box-shadow: none;
  --hsf-button__background-color: var(--wp--preset--color--primary);
  --hsf-button__background-image: none;
  --hsf-button__color: var(--wp--preset--color--white);
  --hsf-button__border-color: var(--wp--preset--color--primary);
  --hsf-button__border-width: 2px;
  --hsf-button__border-radius: 50px;
  --hsf-button__padding: 0.75rem 1.5rem;
  --hsf-button__font-family: var(--wp--preset--font-family--satoshi);
  --hsf-button__font-size: 18px;
  --hsf-button__font-weight: 400;
  --hsf-button__width: 100%;
  --hsf-button--hover__background-color: var(--wp--preset--color--primary-hover);
  --hsf-button--hover__background-image: none;
  --hsf-button--hover__border-color: var(--wp--preset--color--primary-hover);
  --hsf-button--hover__color: var(--wp--preset--color--white);
}
.spektrix-event-hero__hubspot.hs-form-html,
.spektrix-event-hero__hubspot .hs-form-html {
  display: block;
  width: 100%;
  max-width: 100%;
}
.spektrix-event-hero__hubspot iframe {
  display: block;
  width: 100% !important;
  max-width: 100%;
  border: 0;
  box-sizing: border-box;
}
.spektrix-event-hero__hubspot-form, .spektrix-event-hero__hubspot .hs-form-html {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.spektrix-event-hero__placeholder {
  padding: 0.75rem;
  border: 1px dashed currentcolor;
  border-radius: var(--spektrix-radius-sm);
  text-align: center;
  opacity: 0.6;
}
@media (min-width: 960px) {
  .spektrix-event-hero__ticket {
    grid-template-columns: minmax(0, 14fr) minmax(0, 6fr);
  }
  .spektrix-event-hero__registration {
    display: flex;
    background-image: none;
  }
  .spektrix-event-hero__registration::before {
    content: "";
    position: absolute;
    inset: var(--spektrix-event-hero-ticket-padding-y) auto var(--spektrix-event-hero-ticket-padding-y) 0;
    width: var(--spektrix-event-hero-dash-width);
    background: repeating-linear-gradient(to bottom, var(--spektrix-event-hero-dash-color) 0, var(--spektrix-event-hero-dash-color) 14px, transparent 14px, transparent 23px);
  }
  .spektrix-event-hero__registration-card {
    flex: 1;
  }
}
@media (max-width: 1023px) {
  .spektrix-event-hero__details-body {
    grid-template-columns: minmax(0, 1fr);
  }
  .spektrix-event-hero__date-tile, .spektrix-event-hero__copy {
    grid-column: 1;
    justify-self: initial;
  }
  .spektrix-event-hero__date-tile {
    justify-self: center;
  }
  .spektrix-event-hero__details-footer {
    grid-template-columns: minmax(0, 1fr);
  }
  .spektrix-event-hero__logo, .spektrix-event-hero__placeholder--logo {
    grid-column: 1;
    justify-self: center;
  }
  .spektrix-event-hero__logo-image {
    margin-inline: auto;
    object-position: center bottom;
  }
}
@media (max-width: 700px) {
  .spektrix-event-hero {
    --spektrix-event-hero-notch-radius: 1.85rem;
    padding-inline: 1rem;
  }
  .spektrix-event-hero__ticket-shell {
    border-radius: 1rem;
  }
  .spektrix-event-hero__details {
    padding-left: var(--spektrix-event-hero-ticket-padding-x);
  }
  .spektrix-event-hero__date-tile {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */