:root {
  --wb-blue: #1b1f9a;
  --wb-blue-strong: #000f9f;
  --wb-blue-dark: #141775;
  --wb-ink: #2e2e2e;
  --wb-black: #000000;
  --wb-muted: #50546a;
  --wb-line: #d4d4d4;
  --wb-sky: #edf6fd;
  --wb-sky-accent: #afcefa;
  --wb-grey: #f2f2f2;
  --wb-white: #ffffff;
  --wb-radius: 10px;
  --wb-font: 'PragmaticaExtended', Arial, sans-serif;
}

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

#allrecords .wb,
#allrecords .wb *,
#allrecords .wb *::before,
#allrecords .wb *::after { box-sizing: border-box; }

#allrecords .wb {
  font-family: var(--wb-font);
  color: var(--wb-ink);
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.wb :where(p, ul, ol, h1, h2, h3, figure) { margin: 0; padding: 0; }
#allrecords .wb ul,
#allrecords .wb ol { margin: 0; padding: 0; list-style: none; }

/* Grid widths follow the Zero-block grids of the site: 1200 / 960 / 640 / 480 / 320. */
.wb-wrap { width: 1200px; max-width: calc(100% - 40px); margin: 0 auto; }
@media (max-width: 1199px) { .wb-wrap { width: 960px; } }
@media (max-width: 959px) { .wb-wrap { width: 640px; } }
@media (max-width: 639px) { .wb-wrap { width: 480px; } }
@media (max-width: 479px) { .wb-wrap { width: 320px; max-width: calc(100% - 32px); } }

#allrecords .wb a { color: var(--wb-blue); text-decoration: none; }
#allrecords .wb a:hover { text-decoration: underline; }
#allrecords .wb a:focus-visible,
#allrecords .wb button:focus-visible {
  outline: 3px solid var(--wb-blue);
  outline-offset: 2px;
}
#allrecords .wb .wb-band a:focus-visible { outline-color: var(--wb-white); }

.wb-crumbs { font-size: 14px; color: var(--wb-muted); margin-bottom: 36px; }
.wb-crumbs span[aria-current] { color: var(--wb-blue); }

.wb-eyebrow {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 200;
  color: var(--wb-blue);
  margin-bottom: 12px;
}
#allrecords .wb .wb-h2 {
  font-family: var(--wb-font);
  font-size: 40px;
  line-height: 1.3;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--wb-ink);
  margin-bottom: 40px;
}

.wb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  padding: 0 36px;
  border-radius: 5px;
  font-family: var(--wb-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  transition: background-color .2s ease-out, color .2s ease-out, box-shadow .2s ease-out;
}
#allrecords .wb .wb-btn,
#allrecords .wb .wb-btn:hover,
#allrecords .wb .wb-btn:focus { text-decoration: none; }
#allrecords .wb .wb-btn--primary { background: var(--wb-blue-strong); color: var(--wb-white); }
#allrecords .wb .wb-btn--primary:hover { background: var(--wb-blue-dark); }
#allrecords .wb .wb-btn--light { background: var(--wb-white); color: var(--wb-blue-strong); }
#allrecords .wb .wb-btn--light:hover { background: var(--wb-sky); }
.wb-btn:active { transform: translateY(1px); }

/* Hero */
.wb-hero { padding: 36px 0 80px; background: var(--wb-white); }
.wb-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
  gap: 60px;
  align-items: center;
}
#allrecords .wb .wb-hero__title { font-family: var(--wb-font); margin: 0 0 24px; }
.wb-hero__main {
  display: block;
  font-size: 48px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--wb-blue);
  margin-bottom: 16px;
}
.wb-hero__sub {
  display: block;
  font-size: 28px;
  line-height: 1.25;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--wb-black);
}
.wb-hero__lead { font-size: 18px; line-height: 1.5; color: var(--wb-muted); max-width: 560px; margin-bottom: 28px; }
.wb-facts { display: flex; flex-wrap: wrap; gap: 12px; }
#allrecords .wb .wb-facts { margin-bottom: 36px; }
.wb-facts li {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 18px;
  border: 1px solid var(--wb-sky-accent);
  border-radius: 5px;
  background: var(--wb-sky);
  font-size: 16px;
  font-weight: 400;
  color: var(--wb-blue);
}
.wb-facts svg,
.wb-evcard__meta svg { flex: none; width: 20px; height: 20px; }
.wb-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; }
.wb-countdown { font-size: 15px; color: var(--wb-muted); }
.wb-countdown__value { font-weight: 400; color: var(--wb-blue); white-space: nowrap; }
.wb-hero__media { position: relative; }
.wb-hero__media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--wb-radius);
  aspect-ratio: 829 / 985;
  object-fit: cover;
}

/* Programme */
.wb-program { padding: 100px 0; background: var(--wb-sky); }
.wb-program__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  counter-reset: wb-step;
}
.wb-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 36px 36px 40px;
  background: var(--wb-white);
  border-radius: var(--wb-radius);
}
.wb-card__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.wb-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 8px;
  background: var(--wb-sky);
  color: var(--wb-blue);
}
.wb-card__icon svg { width: 28px; height: 28px; }
.wb-card__num { font-size: 20px; font-weight: 200; color: var(--wb-blue); }
#allrecords .wb .wb-card__title {
  font-family: var(--wb-font);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 400;
  color: var(--wb-blue);
}
.wb-card__text { font-size: 16px; line-height: 1.5; color: var(--wb-ink); }

/* Speaker */
.wb-speaker { padding: 100px 0 60px; background: var(--wb-white); }
.wb-speaker__card {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 48px;
  align-items: center;
  padding: 40px;
  border: 1px solid var(--wb-line);
  border-radius: var(--wb-radius);
}
.wb-speaker__photo {
  display: block;
  width: 280px;
  height: auto;
  aspect-ratio: 3 / 4;
  border-radius: var(--wb-radius);
  object-fit: cover;
  background: var(--wb-sky);
}
.wb-speaker__role { font-size: 20px; font-weight: 200; color: var(--wb-blue); margin-bottom: 8px; }
#allrecords .wb .wb-speaker__name {
  font-family: var(--wb-font);
  font-size: 32px;
  line-height: 1.2;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--wb-black);
  margin-bottom: 24px;
}
.wb-speaker__list li {
  position: relative;
  padding: 12px 0 12px 22px;
  border-top: 1px solid var(--wb-line);
  font-size: 16px;
  line-height: 1.45;
}
.wb-speaker__list li:last-child { border-bottom: 1px solid var(--wb-line); }
.wb-speaker__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--wb-blue);
}

/* Call-to-action band */
.wb-band-wrap { padding: 20px 0 100px; background: var(--wb-white); }
.wb-band {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px 40px;
  padding: 40px 60px;
  border-radius: var(--wb-radius);
  background: var(--wb-blue);
  color: var(--wb-white);
}
.wb-band__text { font-size: 20px; line-height: 1.4; font-weight: 200; color: var(--wb-white); max-width: 720px; }
.wb-band__text strong { font-weight: 500; }

/* Registration */
.wb-register { padding: 100px 0; background: var(--wb-grey); scroll-margin-top: 70px; }
.wb-register__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
  gap: 24px;
  align-items: stretch;
}
.wb-summary { display: flex; flex-direction: column; }
.wb-summary__person { margin-top: auto; }
#allrecords .wb .wb-summary__facts { margin-bottom: 28px; }
.wb-register__grid > *,
.wb-hero__grid > *,
.wb-program__list > * { min-width: 0; }
.wb-formcard,
.wb-summary {
  background: var(--wb-white);
  border-radius: var(--wb-radius);
  padding: 44px 48px 40px;
}
#allrecords .wb .wb-formcard__title {
  font-family: var(--wb-font);
  font-size: 28px;
  line-height: 1.2;
  font-weight: 400;
  color: var(--wb-blue);
  margin-bottom: 10px;
}
.wb-formcard__note { font-size: 16px; color: var(--wb-muted); margin-bottom: 28px; }
.wb-consent { margin-top: 18px; font-size: 13px; line-height: 1.5; color: var(--wb-muted); }
.wb-summary__kind { font-size: 20px; font-weight: 200; color: var(--wb-blue); margin-bottom: 10px; }
#allrecords .wb .wb-summary__title {
  font-family: var(--wb-font);
  font-size: 22px;
  line-height: 1.25;
  font-weight: 400;
  color: var(--wb-black);
  margin-bottom: 24px;
}
.wb-summary__facts li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid var(--wb-line);
  font-size: 16px;
  font-weight: 400;
  color: var(--wb-blue);
}
.wb-summary__facts svg { flex: none; width: 22px; height: 22px; }
.wb-summary__person { display: flex; align-items: center; gap: 16px; padding-top: 20px; border-top: 1px solid var(--wb-line); }
.wb-summary__person img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; flex: none; }
.wb-summary__person p { font-size: 14px; line-height: 1.4; color: var(--wb-muted); }
.wb-summary__person strong { display: block; font-size: 16px; font-weight: 400; color: var(--wb-ink); }

/* Tilda form inside the registration card */
#rec1790589630 .t-form__inputsbox { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; }
#rec1790589630 .t-input-group { margin-bottom: 20px; }
#rec1790589630 .t-input-group_nm,
#rec1790589630 .t-form__errorbox-middle,
#rec1790589630 .t-form__submit { grid-column: 1 / -1; }
#rec1790589630 .t-input-title {
  display: block;
  height: auto;
  padding: 0 0 8px;
  font-family: var(--wb-font);
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  color: var(--wb-ink);
}
#rec1790589630 .t-input-title .wb-req { color: var(--wb-blue); }
#rec1790589630 .t-input {
  height: 56px;
  width: 100%;
  padding: 0 16px;
  font-family: var(--wb-font);
  font-size: 16px;
  font-weight: 300;
  color: var(--wb-blue);
  background: var(--wb-white);
  border: 1px solid var(--wb-blue);
  border-radius: 5px;
  outline: none;
}
#rec1790589630 .t-input:focus,
#rec1790589630 .t-input:focus-visible {
  outline: none;
  border-color: var(--wb-blue);
  box-shadow: 0 0 0 1px var(--wb-blue), 0 0 0 4px var(--wb-sky-accent);
}
#rec1790589630 .t-input-phonemask__wrap {
  display: flex;
  align-items: center;
  padding: 0 0 0 14px;
}
#rec1790589630 .t-input-phonemask__wrap:focus-within { box-shadow: 0 0 0 1px var(--wb-blue), 0 0 0 4px var(--wb-sky-accent); }
#rec1790589630 .t-input-phonemask__wrap .t-input-phonemask,
#rec1790589630 .t-input-phonemask__wrap .t-input-phonemask:focus,
#rec1790589630 .t-input-phonemask__wrap .t-input-phonemask:focus-visible {
  outline: none;
  box-shadow: none;
}
#rec1790589630 .t-input-phonemask__wrap .t-input-phonemask {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  height: 54px;
  padding: 0 12px 0 6px;
  border: 0;
  box-shadow: none;
  background: transparent;
}
#rec1790589630 input::placeholder { color: var(--wb-blue); opacity: .45; }
#rec1790589630 .t-input-error { font-family: var(--wb-font); font-size: 13px; color: #c62828; }
#rec1790589630 .js-error-control-box .t-input:not(.t-input-phonemask) { border-color: #c62828 !important; }
#rec1790589630 .t-form__errorbox-wrapper {
  margin: 4px 0 16px;
  padding: 14px 16px;
  border-radius: 5px;
  background: #fdecea;
  text-align: left;
}
#allrecords #rec1790589630 .t-form__errorbox-text,
#allrecords #rec1790589630 .t-form__errorbox-link,
#rec1790589630 .t-form__errorbox-item {
  font-family: var(--wb-font);
  font-size: 15px;
  line-height: 1.4;
  color: #b3261e;
  text-decoration: none;
}
#rec1790589630 .t-form__submit { margin-top: 8px; }
#rec1790589630 .t-form__inputsbox > * { min-width: 0; }
#rec1790589630 .t-submit {
  width: 100%;
  height: auto;
  min-height: 56px;
  padding: 8px 16px;
  white-space: normal;
  color: var(--wb-white);
  background-color: var(--wb-blue-strong);
  border: 0;
  border-radius: 5px;
  font-family: var(--wb-font);
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  transition: background-color .2s ease-out;
}
#rec1790589630 .t-submit:hover { background-color: var(--wb-blue-dark); }
#rec1790589630 .t-form__successbox {
  padding: 24px;
  border-radius: 5px;
  background: var(--wb-sky);
  color: var(--wb-blue);
  font-family: var(--wb-font);
  font-size: 18px;
  line-height: 1.45;
  text-align: left;
}

/* Upcoming event card on /events */
.wb-upcoming { padding: 8px 0 40px; background: var(--wb-white); }
#allrecords .wb .wb-upcoming__label {
  font-family: var(--wb-font);
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--wb-black);
  padding-bottom: 14px;
  border-bottom: 1px solid var(--wb-line);
  margin-bottom: 14px;
}
.wb-evcard {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr) 236px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  overflow: hidden;
  background: var(--wb-white);
}
.wb-evcard__media { display: block; line-height: 0; }
.wb-evcard__media img { display: block; width: 100%; height: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.wb-evcard__body { padding: 36px 40px; }
.wb-evcard__kind { font-size: 14px; font-weight: 200; color: var(--wb-blue); margin-bottom: 8px; }
#allrecords .wb .wb-evcard__title {
  font-family: var(--wb-font);
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--wb-blue);
  margin-bottom: 12px;
}
#allrecords .wb .wb-evcard__title a { color: var(--wb-blue); }
.wb-evcard__text { font-size: 14px; line-height: 1.45; color: var(--wb-muted); }
.wb-evcard__meta {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 36px 28px;
  border-left: 1px solid #e5e5e5;
}
.wb-evcard__meta p { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 400; color: var(--wb-ink); }
.wb-evcard__meta svg { color: var(--wb-blue); }
#allrecords .wb .wb-evcard__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: auto;
  padding: 0 20px;
  border: 1px solid var(--wb-blue);
  border-radius: 5px;
  font-size: 14px;
  font-weight: 300;
  color: var(--wb-blue);
  text-decoration: none;
  transition: background-color .2s ease-out, color .2s ease-out;
}
#allrecords .wb .wb-evcard__btn:hover { background: var(--wb-blue); color: var(--wb-white); text-decoration: none; }

@media (max-width: 1199px) {
  #rec1790589630 .t-form__inputsbox { grid-template-columns: minmax(0, 1fr); }
  .wb-hero__main { font-size: 40px; }
  .wb-hero__sub { font-size: 24px; }
  .wb-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: 40px; }
  .wb-evcard { grid-template-columns: 240px minmax(0, 1fr) 210px; }
  .wb-evcard__body { padding: 28px 28px; }
}

@media (max-width: 959px) {
  .wb-hero { padding: 24px 0 60px; }
  .wb-hero__grid { grid-template-columns: 1fr; gap: 36px; }
  .wb-hero__media img { aspect-ratio: 4 / 3.4; object-position: 50% 12%; }
  #allrecords .wb .wb-h2 { font-size: 30px; margin-bottom: 28px; }
  .wb-program,
  .wb-register { padding: 64px 0; }
  .wb-speaker { padding: 64px 0 40px; }
  .wb-band-wrap { padding: 12px 0 64px; }
  .wb-card { padding: 28px; }
  .wb-speaker__card { grid-template-columns: 1fr; gap: 28px; padding: 28px; justify-items: start; }
  .wb-speaker__photo { width: 220px; }
  .wb-band { flex-direction: column; align-items: flex-start; padding: 32px; }
  .wb-register__grid { grid-template-columns: 1fr; }
  .wb-evcard { grid-template-columns: 1fr; }
  .wb-evcard__media img { aspect-ratio: 16 / 10; object-position: 50% 30%; }
  .wb-evcard__meta { border-left: 0; border-top: 1px solid #e5e5e5; padding: 24px 28px 28px; }
  .wb-evcard__btn { align-self: flex-start; }
}

@media (max-width: 639px) {
  .wb-crumbs { margin-bottom: 24px; }
  .wb-eyebrow { font-size: 16px; }
  .wb-hero__main { font-size: 32px; }
  .wb-hero__sub { font-size: 20px; }
  .wb-hero__lead { font-size: 16px; }
  .wb-facts li { padding: 10px 14px; font-size: 15px; }
  .wb-hero__actions .wb-btn { width: 100%; }
  #allrecords .wb .wb-h2 { font-size: 24px; }
  .wb-program__list { grid-template-columns: 1fr; gap: 16px; }
  #allrecords .wb .wb-card__title { font-size: 20px; }
  #allrecords .wb .wb-speaker__name { font-size: 24px; }
  .wb-band__text { font-size: 17px; }
  .wb-band .wb-btn { width: 100%; }
  .wb-formcard,
  .wb-summary { padding: 28px 22px; }
  #rec1790589630 .t-form__inputsbox { grid-template-columns: minmax(0, 1fr); }
  .wb-evcard__body { padding: 24px 22px 8px; }
  .wb-evcard__meta { padding: 16px 22px 24px; }
}

@media (max-width: 479px) {
  .wb-hero__main { font-size: 26px; text-wrap: balance; }
}

/* Webinar popup at the bottom of the home page, placed above the cookie bar and the FOLM popup */
.wb-toast {
  --wb-toast-lift: 0px;
  position: fixed;
  right: 20px;
  bottom: calc(20px + var(--wb-toast-lift));
  z-index: 100000;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 14px;
  width: 380px;
  max-width: calc(100vw - 40px);
  padding: 18px 44px 18px 18px;
  border: 1px solid #e5e5e5;
  border-radius: var(--wb-radius);
  background: var(--wb-white);
  box-shadow: 0 10px 30px rgba(27, 31, 154, .16);
}
.wb-toast[hidden] { display: none !important; }
.wb-toast__img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.wb-toast__body { min-width: 0; }
.wb-toast__kind { font-size: 13px; line-height: 1.3; font-weight: 300; color: var(--wb-blue); margin-bottom: 4px; }
.wb-toast__title { font-size: 16px; line-height: 1.25; font-weight: 700; color: var(--wb-blue); margin-bottom: 4px; }
.wb-toast__meta { font-size: 14px; line-height: 1.35; font-weight: 400; color: var(--wb-ink); margin-bottom: 12px; }
#allrecords .wb .wb-toast__btn { min-height: 40px; padding: 0 20px; font-size: 14px; }
#allrecords .wb .wb-toast__close {
  position: absolute;
  top: 4px;
  right: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--wb-muted);
  cursor: pointer;
}
#allrecords .wb .wb-toast__close:hover { color: var(--wb-blue); background: var(--wb-sky); }
.wb-toast__close svg { width: 18px; height: 18px; }
@media (prefers-reduced-motion: no-preference) {
  .wb-toast_in { animation: wb-toast-in .25s ease-out both; }
  @keyframes wb-toast-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
}
@media (max-width: 640px) {
  .wb-toast {
    left: 10px;
    right: 10px;
    bottom: calc(10px + var(--wb-toast-lift));
    width: auto;
    max-width: none;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 12px;
    padding: 14px 44px 14px 14px;
  }
  .wb-toast__img { width: 52px; height: 52px; }
  .wb-toast__title { font-size: 15px; }
  .wb-toast__meta { margin-bottom: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .wb-btn,
  #rec1790589630 .t-submit,
  #allrecords .wb .wb-evcard__btn { transition: none; }
}