@charset "UTF-8";
h2 {
  font-size: 1.25rem;
}

/* _reset.scss */
/* 1. Use a more-intuitive box-sizing model */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 2. Remove default margin */
* {
  margin: 0;
  padding: 0;
}

/* 3. Allow percentage-based heights in the application */
html, body {
  height: auto;
}

/* 4. Improve text rendering */
body {
  -webkit-font-smoothing: antialiased;
}

/* 5. Remove built-in form typography styles (optional) */
input, button, textarea, select {
  font: inherit;
}

/* 6. Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* 7. Create a root stacking context */
#root, #__next {
  isolation: isolate;
}

body {
  font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
  line-height: 1.5rem;
  color: #1e1e1e;
  background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  margin-bottom: 1rem;
}

p {
  margin-bottom: 1rem;
}

html, body {
  height: auto;
  font-size: 16px;
}

body {
  display: flex;
  flex-direction: column;
  font-family: "Lato", sans-serif;
}

main {
  flex: 1 0 auto;
}

footer {
  flex-shrink: 0;
}

a {
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: underline;
}

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

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  font-family: "Karla", sans-serif;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
  color: #F29829;
  font-weight: inherit;
}

.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.component {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

footer {
  background: #f3f3f3;
  padding: 2.5rem;
  display: flex;
  justify-content: center;
  gap: 10rem;
}
footer .presenter {
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .presenter img {
  margin-bottom: 2rem;
}
footer .presenter p, footer .presenter p a {
  color: #1e1e1e;
  font-family: "Lato", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
}
footer .presenter p a, footer .presenter p a:visited {
  color: #1e1e1e;
}

@media (max-width: 670px) {
  footer {
    flex-direction: column;
    gap: 4rem;
  }
}
.menu {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  transition: background 0.3s ease, box-shadow 0.3s ease;
  background: transparent;
  box-shadow: none;
  opacity: 1;
  transform: translateY(0);
}
.menu.scrolled {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.7) 100%);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  animation: fadeInMenu 0.4s ease forwards;
}
.menu.scrolled ul#main-menu li a {
  color: #1e1e1e;
}
.menu .primary-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 2rem;
}
.menu .logo img {
  max-height: 40px;
}
.menu ul#main-menu {
  display: flex;
  gap: 1.25rem;
}
.menu ul#main-menu li {
  list-style: none;
}
.menu ul#main-menu li a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  font-family: "Karla", sans-serif;
  transition: color 0.3s;
  line-height: 2.5rem;
}
.menu ul#main-menu li a:hover {
  color: #0073e6;
}
.menu ul#main-menu li:last-child a {
  padding: 0.75rem 1.5rem;
  border-radius: 1.5rem;
  background: #129EDA;
  color: #fff;
}
.menu ul#main-menu.open li a {
  color: #1e1e1e;
}

@keyframes fadeInMenu {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.nav-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 1rem;
  z-index: 1001;
}
.nav-toggle .hamburger {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 2px;
  background-color: #fff;
  transition: background-color 0.3s ease;
}
.nav-toggle .hamburger::before, .nav-toggle .hamburger::after {
  content: "";
  position: absolute;
  left: 0;
  width: 24px;
  height: 2px;
  background-color: #fff;
  transition: transform 0.3s ease, top 0.3s ease, bottom 0.3s ease;
}
.nav-toggle .hamburger::before {
  top: -8px;
}
.nav-toggle .hamburger::after {
  top: 8px;
}
.nav-toggle.open .hamburger {
  background-color: transparent;
}
.nav-toggle.open .hamburger::before {
  transform: rotate(45deg);
  background-color: #1e1e1e;
  top: 0;
}
.nav-toggle.open .hamburger::after {
  transform: rotate(-45deg);
  background-color: #1e1e1e;
  top: 0;
}

@media (max-width: 1140px) {
  .nav-toggle {
    display: block;
  }
  .scrolled .nav-toggle .hamburger, .scrolled .nav-toggle .hamburger::before, .scrolled .nav-toggle .hamburger::after {
    background-color: #1e1e1e;
  }
  .scrolled .nav-toggle.open .hamburger {
    background-color: transparent;
  }
  ul#main-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    max-width: 300px;
    height: 100vh;
    background: white;
    flex-direction: column;
    padding: 2rem;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
    z-index: 1000;
  }
  ul#main-menu.open {
    transform: translateX(0);
  }
  .primary-nav {
    justify-content: space-between;
  }
}
.hero {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 550px;
}
.hero .hero-bg-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 99;
}
.hero .hero-content {
  z-index: 999;
}

@media (max-width: 610px) {
  .hero .hero-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.full-width-paragraph {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: justify;
  /*
  @include respond-to(mobile) {
    padding: $spacing-mobile-component-full-width-paragraph-padding;
  }
  */
}
.full-width-paragraph.in-view {
  opacity: 1;
  transform: translateY(0);
}

.full-width-image {
  width: 100%;
  height: auto;
}
.full-width-image img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.parallax-tall {
  position: relative;
  overflow: hidden;
  height: 400px;
}
.parallax-tall img {
  display: block;
  width: 100%;
  height: auto;
  transform: translateY(0);
  will-change: transform;
  transition: transform 0.05s ease-out;
  position: relative;
}

.markdown-image {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  justify-content: space-between;
  gap: 8rem;
}
.markdown-image.left {
  flex-direction: row-reverse;
}
.markdown-image .md {
  text-align: justify;
}
.markdown-image .image-block {
  flex: 0 0 44%;
}
@media (max-width: 850px) {
  .markdown-image {
    flex-direction: column;
    gap: 3rem;
  }
  .markdown-image.left {
    flex-direction: column-reverse;
  }
  .markdown-image .image-block {
    width: 100%;
  }
}

main > .image-paragraph {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.image-paragraph {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  flex-direction: column;
}
.image-paragraph h2 {
  text-transform: uppercase;
}
.image-paragraph h2 strong {
  color: #F29829;
}
.image-paragraph .wrapper {
  display: flex;
  gap: 8rem;
}
.image-paragraph .wrapper .text-block, .image-paragraph .wrapper .image-block {
  flex: 1 1 0;
}
.image-paragraph .wrapper .text-block {
  text-align: justify;
}
.image-paragraph .wrapper .text-block > p {
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.image-paragraph__image {
  flex: 0 0 40%;
}
.image-paragraph__text {
  flex: 1;
  line-height: 1.5;
  color: #1e1e1e;
}
@media (max-width: 850px) {
  .image-paragraph__image, .image-paragraph__text {
    width: 100%;
  }
  .image-paragraph .wrapper {
    flex-direction: column;
    gap: 3rem;
  }
  .image-paragraph .wrapper .text-block {
    margin: 0 !important;
  }
}

main > .paragraph-image {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.paragraph-image {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  flex-direction: column;
}
.paragraph-image h2 {
  text-transform: uppercase;
}
.paragraph-image h2 strong {
  color: #F29829;
}
.paragraph-image .wrapper {
  display: flex;
  gap: 8rem;
}
.paragraph-image .wrapper .text-block, .paragraph-image .wrapper .image-block {
  flex: 1 1 0;
}
.paragraph-image .wrapper .text-block {
  text-align: justify;
}
.paragraph-image .wrapper .text-block > p {
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.paragraph-image__image {
  flex: 0 0 40%;
}
.paragraph-image__text {
  flex: 1;
  line-height: 1.5;
  color: #1e1e1e;
}
@media (max-width: 850px) {
  .paragraph-image__image, .paragraph-image__text {
    width: 100%;
  }
  .paragraph-image .wrapper {
    flex-direction: column;
    gap: 3rem;
  }
  .paragraph-image .wrapper .text-block {
    margin: 0 !important;
  }
}

main > .blockquote {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.blockquote {
  display: flex;
  flex-direction: row;
}
.blockquote > img {
  flex-basis: 40px;
  height: 80%;
  margin-right: 3rem;
}
.blockquote .blockquote-content {
  flex: 1;
  font-size: 1.125rem;
  color: #fff;
  margin: 1rem 0;
}

.video-wrapper {
  max-width: 44.5rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  aspect-ratio: 16/9;
}
.video-wrapper .video-embed {
  width: 100%;
  height: 100%;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
}
.video-wrapper .video-native {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.5rem;
}

@media (max-width: 780px) {
  .video-wrapper .video-embed, .video-wrapper .video-native {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.registration-cta {
  position: relative;
}
.registration-cta img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
}
.registration-cta .content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: 7rem;
}
.registration-cta .content h2 {
  font-size: 3rem;
  font-weight: 300;
}
.registration-cta .content a {
  border-radius: 2.5rem;
  padding: 1rem 2.5rem;
  background: #129EDA;
  color: #fff;
  margin-top: 1.875rem;
  text-transform: uppercase;
}

@media (max-width: 640px) {
  .registration-cta .content h2 {
    font-size: 2rem;
  }
}
.interior-header {
  position: relative;
}
.interior-header > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
}
.interior-header .content {
  position: relative;
  width: 100%;
  max-width: 67.25rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8.25rem;
  padding-bottom: 2.75rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.interior-header .content h1 {
  font-weight: 200;
  font-size: 3rem;
  color: #fff;
  line-height: 100%;
}
.interior-header .content .bar {
  height: 3px;
  margin-bottom: 0.75rem;
}
.interior-header .content .blue {
  background: #129EDA;
  width: 112px;
}
.interior-header .content .orange {
  background: #F29829;
  width: 170px;
}

main > .md {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.md {
  display: flex;
  flex-direction: column;
  font-size: 1rem;
  line-height: 1.5;
}
.md h1, .md h2, .md h3, .md h4, .md h5, .md h6 {
  margin-top: 0;
  margin-bottom: 1rem;
  line-height: 1.1;
  font-weight: 600;
}
.md h1 {
  font-size: 3rem;
}
.md h2 {
  font-size: 2.5rem;
}
.md h3 {
  font-size: 2rem;
}
.md h4 {
  font-size: 1.5rem;
}
.md h5 {
  font-size: 1.25rem;
}
.md h6 {
  font-size: 1rem;
}
.md p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.md img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1rem 0;
}
.md > :first-child {
  margin-top: 0 !important;
}
.md > *:last-child {
  margin-bottom: 0 !important;
}
.md ul, .md ol {
  margin-bottom: 1rem;
  padding-left: 1rem;
}
.md li {
  margin-bottom: 0.5rem;
}
.md blockquote {
  border-left: 0.5rem solid #F29829;
  padding-left: 1rem;
  font-size: 1.125rem;
  color: #bbb;
  margin: 1rem 0;
}
.md blockquote p {
  margin-bottom: 0;
  color: #1e1e1e;
}
.md.align-center {
  align-items: center;
}
.md.align-center h1, .md.align-center h2, .md.align-center h3, .md.align-center h4, .md.align-center h5, .md.align-center h6, .md.align-center p {
  text-align: center;
}
.md.align-right {
  align-items: flex-end;
}
.md.align-right h1, .md.align-right h2, .md.align-right h3, .md.align-right h4, .md.align-right h5, .md.align-right h6, .md.align-right p {
  text-align: right;
}
.md.align-left {
  align-items: flex-start;
}
.md.align-left h1, .md.align-left h2, .md.align-left h3, .md.align-left h4, .md.align-left h5, .md.align-left h6, .md.align-left p {
  text-align: left;
}

/************* preserve this
@use '../abstracts' as *;
@use 'sass:map';

main > .md {
  @include container;
  margin-top: $spacing-component-margin-top;
  margin-bottom: $spacing-component-margin-bottom;
}

.md {
  display: flex;
  flex-direction: column;
  // Default text styling
  font-size: map.get($font-sizes, base);
  line-height: map.get($line-heights, normal);

  // Headings
  h1, h2, h3, h4, h5, h6 {
    margin-top: $spacing-md;
    margin-bottom: $spacing-sm;
    line-height: map.get($line-heights, tight);
    font-weight: 600;
  }

  // Apply font-sizes from your heading scale
  h1 { font-size: map.get($heading-sizes, h1); }
  h2 { font-size: map.get($heading-sizes, h2); }
  h3 { font-size: map.get($heading-sizes, h3); }
  h4 { font-size: map.get($heading-sizes, h4); }
  h5 { font-size: map.get($heading-sizes, h5); }
  h6 { font-size: map.get($heading-sizes, h6); }

  // Remove top margin if first child is a heading
  > :first-child {
    margin-top: 0 !important;
  }

  // Paragraph spacing
  p {
    margin-bottom: $spacing-md;
  }

  ul, ol {
    margin-bottom: $spacing-md;
    padding-left: $spacing-component-md-block-list-offset;
  }

  li {
    margin-bottom: 0.5rem;
  }

  blockquote {
    border-left: $spacing-component-blockquote-border-width solid $color-text-highlight;
    padding-left: $spacing-component-blockquote-border-offset;
    font-size: $font-component-blockquote;
    color: #bbb;
    margin: 1rem 0;
    p { 
      margin-bottom: 0; 
      color: $color-markdown-block-blockquote;
    }
  }

  &.align-center {
    align-items: center;
    h1,h2,h3,h4,h5,h6,p { text-align: center; }
  }
  &.align-right {
    align-items: flex-end;
    h1,h2,h3,h4,h5,h6,p { text-align: right; }
  }
  &.align-right {
    align-items: flex-start;
    h1,h2,h3,h4,h5,h6,p { text-align: left; }
  }
}

*/
.image-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.image-card img {
  width: auto;
  max-width: 100%;
  margin-bottom: 2rem;
}
.image-card h2, .image-card h3, .image-card h4, .image-card h5, .image-card h6 {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 100%;
}
.image-card h6 {
  color: #129EDA;
}

.multi-column-layout {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0;
}
.multi-column-layout .columns {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 4rem;
}
.multi-column-layout .column {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 850px) {
  .multi-column-layout .columns {
    flex-direction: column;
  }
  .multi-column-layout .column {
    width: 100%;
  }
}

main > .multi-column-rows {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

.multi-column-rows {
  max-width: 67.25rem;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.multi-column-rows .row {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}
.multi-column-rows .row .cell {
  flex: 0 1 auto;
  width: 100%;
}
.multi-column-rows .row.columns-2 .cell {
  width: calc((100% - 2rem) / 2);
}
.multi-column-rows .row.columns-3 .cell {
  width: calc((100% - 4rem) / 3);
}
.multi-column-rows .row.columns-4 .cell {
  width: calc((100% - 6rem) / 4);
}
@media (max-width: 67.24rem) {
  .multi-column-rows .row.columns-4 .cell {
    width: calc((100% - 4rem) / 3);
  }
}
@media (max-width: 48rem) {
  .multi-column-rows .row.columns-3 .cell, .multi-column-rows .row.columns-4 .cell {
    width: calc((100% - 2rem) / 2);
    margin-inline: auto;
  }
}
@media (max-width: 36rem) {
  .multi-column-rows .row {
    flex-direction: column;
    align-items: center;
  }
  .multi-column-rows .row .cell {
    width: 100% !important;
  }
}

/***
.multi-column-rows {
  max-width: 67.25rem;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;

  .row {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: flex-start;

    .cell {
      flex: 0 1 auto;
    }

    // Desktop
    &.columns-2 .cell {
      width: calc((100% - 2rem) / 2);
    }

    &.columns-3 .cell {
      width: calc((100% - 2rem * 2) / 3);
    }

    &.columns-4 .cell {
      width: calc((100% - 2rem * 3) / 4);
    }

    // Medium: collapse 4 cols → 3 cols
    @media (max-width: 67.24rem) {
      &.columns-4 .cell {
        width: calc((100% - 2rem * 2) / 3);
      }
    }

    // Small: collapse 3+ cols → 2 cols
    @media (max-width: 48rem) {
      &.columns-3 .cell,
      &.columns-4 .cell {
        width: calc((100% - 2rem) / 2);
      }
    }

    // Extra small: stack all
    @media (max-width: 36rem) {
      justify-content: center;

      .cell {
        width: 100%;
      }
    }
  }
}
***/
/**
.multi-column-rows {
  max-width: 67.25rem;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;

  .row {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;

    // Start with full width fallback
    .cell {
      width: 100%;
    }

    // Desktop widths
    &.columns-2 .cell {
      width: calc((100% - 2rem) / 2);
    }

    &.columns-3 .cell {
      width: calc((100% - 2rem * 2) / 3);
    }

    &.columns-4 .cell {
      width: calc((100% - 2rem * 3) / 4);
    }

    // Medium screens (≤ 1076px)
    @media (max-width: 67.25rem) {
      &.columns-4 .cell {
        width: calc((100% - 2rem * 2) / 3);
      }
    }

    // Small screens (≤ 768px)
    @media (max-width: 48rem) {
      &.columns-4 .cell,
      &.columns-3 .cell {
        width: calc((100% - 2rem) / 2);
      }
    }

    // Extra small screens (≤ 576px)
    @media (max-width: 36rem) {
      .cell {
        width: 100%;
      }
    }
  }
}
**/
/*
.multi-column-rows {
  display: flex;
  flex-direction: column;
  gap: calc(2 * $spacing-multi-column-gap);
  padding-top: 0;

  .row {
    display: flex;
    gap: calc(4 * $spacing-multi-column-gap);
    align-items: flex-end;

    .cell {
      width: 100%;

      @media (min-width: $bp-tablet) {
        // Default to 100% unless columns-* modifies it
        width: 100%;
      }
    }

    &.columns-2 {
      .cell {
        @media (min-width: $bp-tablet) {
          width: calc((100% - $spacing-multi-column-gap) / 2); // one gap of 20px between 2 items
        }
      }
    }

    &.columns-3 {
      .cell {
        @media (min-width: $bp-tablet) {
          width: calc((100% - (2 * $spacing-multi-column-gap)) / 3); // two gaps of 20px between 3 items
        }
      }
    }
    &.columns-4 {
      .cell {
        @media (min-width: $bp-tablet) {
          width: calc((100% - (3 * $spacing-multi-column-gap)) / 4); // three gaps of 20px between 4 items
        }
      }
    }
  }
}
*/
main > .button-bar {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.button-bar {
  display: flex;
  gap: 1.25rem;
}
.button-bar.justify-center {
  justify-content: center;
}
.button-bar.justify-left {
  justify-content: flex-start;
}
.button-bar.justify-right {
  justify-content: flex-end;
}
.button-bar a {
  border: none;
  border-radius: 2.5rem;
  padding: 1rem 2.5rem;
  font-size: 1.125rem;
  font-family: "Karla", sans-serif;
  font-weight: 700;
  letter-spacing: 8%;
  cursor: pointer;
  line-height: 100%;
  border-width: 2px;
  border-style: solid;
  text-transform: uppercase;
}
.button-bar.orange a {
  color: #F29829;
  border-color: #F29829;
  background: transparent;
}
.button-bar.orange a:first-child {
  color: #fff;
  background: #F29829;
}
.button-bar.blue a {
  color: #129EDA;
  border-color: #129EDA;
  background: transparent;
}
.button-bar.blue a:first-child {
  color: #fff;
  background: #129EDA;
}

.google-map {
  width: 100%;
  height: 400px;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 2rem;
}
@media (max-width: 850px) {
  .google-map {
    height: 300px;
  }
}

.csv-data-table .gridjs .gridjs-table .gridjs-thead .gridjs-tr .gridjs-th[data-column-id=date] {
  width: 225px !important;
}
.csv-data-table .gridjs .gridjs-table .gridjs-thead .gridjs-tr .gridjs-th[data-column-id=time] {
  width: 200px !important;
}

.schedule-day {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.schedule-day__header {
  width: 100%;
  background-color: #1e1e1e;
  color: white;
  border: none;
  border-radius: 8px;
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 600;
  transition: background-color 0.2s ease;
}
.schedule-day__header:hover {
  background-color: #333;
}
.schedule-day__header[aria-expanded=true] .schedule-day__toggle-icon {
  transform: rotate(180deg);
}
.schedule-day__left-content {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.schedule-day__day-name {
  color: white;
  font-weight: 600;
  text-transform: uppercase;
}
.schedule-day__date {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.schedule-day__month {
  color: #F29829;
  font-weight: 700;
  text-transform: uppercase;
}
.schedule-day__day-number {
  color: #F29829;
  font-weight: 700;
}
.schedule-day__toggle-icon {
  color: white;
  transition: transform 0.3s ease;
  font-size: 0.875rem;
}
.schedule-day__content {
  display: none;
}
.schedule-day__content[data-expanded=true] {
  display: block;
}

.schedule-item {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 1.5rem;
  padding: 1.5rem;
  border-bottom: 1px solid #f0f0f0;
}
.schedule-item:last-child {
  border-bottom: none;
}
@media (max-width: 850px) {
  .schedule-item {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.schedule-item__time-location {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.schedule-item__time {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: #1e1e1e;
}
.schedule-item__start-time, .schedule-item__end-time {
  font-feature-settings: "tnum";
}
.schedule-item__time-separator {
  color: #666;
  font-weight: 400;
}
.schedule-item__location {
  font-size: 0.875rem;
  color: #666;
  font-style: italic;
}
.schedule-item__content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.schedule-item__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
  color: #1e1e1e;
}
.schedule-item__speakers {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 1rem;
}
.schedule-item__speakers-label {
  font-weight: 600;
  color: #1e1e1e;
}
.schedule-item__speakers-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.schedule-item__speakers-list li:not(:last-child)::after {
  content: ",";
  margin-right: 0.25rem;
}
.schedule-item__speaker {
  margin: 0;
}
.schedule-item__speaker-link {
  background: none;
  border: none;
  color: #129EDA;
  text-decoration: underline;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  padding: 0;
  transition: color 0.2s ease;
}
.schedule-item__speaker-link:hover {
  color: #F29829;
  text-decoration: none;
}
.schedule-item__description {
  font-size: 1rem;
  line-height: 1.5;
  color: #1e1e1e;
}
.schedule-item__description p {
  margin: 0 0 0.75rem 0;
}
.schedule-item__description p:last-child {
  margin-bottom: 0;
}
.schedule-item__description ul, .schedule-item__description ol {
  margin: 0.75rem 0;
  padding-left: 1.5rem;
}
.schedule-item__description li {
  margin-bottom: 0.25rem;
}
.schedule-item__tracks {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.schedule-item__track {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  border-radius: 1.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  line-height: 1.2;
}

.schedule-filter {
  width: 100%;
  background: #1e1e1e;
  color: white;
  padding: 32px 0;
  margin-bottom: 24px;
}
.schedule-filter__container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.schedule-filter__title {
  font-family: "Karla", sans-serif;
  font-weight: 600;
  font-size: 24px;
  text-align: center;
  margin: 0 0 32px 0;
  color: white;
  letter-spacing: 0.5px;
}
.schedule-filter__controls {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(200px, 1.5fr) minmax(200px, 1.5fr) minmax(150px, auto);
  gap: 24px;
  align-items: end;
}
@media (max-width: 1024px) {
  .schedule-filter__controls {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .schedule-filter__controls .schedule-filter__field:nth-child(1) {
    grid-column: 1/-1;
  }
}
@media (max-width: 640px) {
  .schedule-filter__controls {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
.schedule-filter__field {
  display: flex;
  flex-direction: column;
}
.schedule-filter__label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Karla", sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: white;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.schedule-filter__icon {
  width: 16px;
  height: 16px;
  color: #F29829;
  flex-shrink: 0;
}
.schedule-filter__input, .schedule-filter__select {
  padding: 12px 16px;
  border: 2px solid #333;
  border-radius: 6px;
  background: #111;
  color: white;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  transition: border-color 0.2s ease;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}
.schedule-filter__input:focus, .schedule-filter__select:focus {
  outline: none;
  border-color: #F29829;
}
.schedule-filter__input::placeholder, .schedule-filter__select::placeholder {
  color: #666;
}
.schedule-filter__select {
  cursor: pointer;
}
.schedule-filter__select option {
  background: #111;
  color: white;
}
.schedule-filter__clear-btn {
  padding: 12px 24px;
  background: transparent;
  border: 2px solid #F29829;
  border-radius: 6px;
  color: #F29829;
  font-family: "Karla", sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box;
}
.schedule-filter__clear-btn:hover {
  background: #F29829;
  color: #000;
}
.schedule-filter__clear-btn:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(242, 152, 41, 0.3);
}
.schedule-filter__dropdown {
  position: relative;
  width: 100%;
}
.schedule-filter__dropdown.open .schedule-filter__dropdown-arrow {
  transform: rotate(180deg);
}
.schedule-filter__dropdown.open .schedule-filter__dropdown-menu {
  display: block;
}
.schedule-filter__dropdown-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #333;
  border-radius: 6px;
  background: #111;
  color: white;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.schedule-filter__dropdown-toggle:focus {
  outline: none;
  border-color: #F29829;
}
.schedule-filter__dropdown-toggle:hover {
  border-color: #555;
}
.schedule-filter__dropdown-text {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.schedule-filter__dropdown-arrow {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-left: 8px;
  transition: transform 0.2s ease;
}
.schedule-filter__dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #111;
  border: 2px solid #333;
  border-top: none;
  border-radius: 0 0 6px 6px;
  max-height: 200px;
  overflow-y: auto;
  display: none;
}
.schedule-filter__dropdown-option {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  font-family: "Lato", sans-serif;
  font-size: 16px;
  color: white;
}
.schedule-filter__dropdown-option:hover {
  background: #222;
}
.schedule-filter__dropdown-option input[type=checkbox] {
  margin-right: 12px;
  width: 16px;
  height: 16px;
  accent-color: #F29829;
}
.schedule-filter__active-filters {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #333;
}
.schedule-filter__active-filters-label {
  font-family: "Karla", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: white;
  margin-bottom: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.schedule-filter__active-filters-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.schedule-filter__tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: #222;
  border: 1px solid #444;
  border-radius: 20px;
  font-family: "Lato", sans-serif;
  font-size: 14px;
  color: white;
}
.schedule-filter__tag--search {
  background: rgba(242, 152, 41, 0.2);
  border-color: rgba(242, 152, 41, 0.4);
  color: #F29829;
}
.schedule-filter__tag--speaker {
  background: rgba(18, 158, 218, 0.2);
  border-color: rgba(18, 158, 218, 0.4);
  color: #129EDA;
}
.schedule-filter__tag--track {
  background: rgba(76, 175, 80, 0.2);
  border-color: rgba(76, 175, 80, 0.4);
  color: #4CAF50;
}
.schedule-filter__tag-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.schedule-filter__tag-remove {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: transparent;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: currentColor;
  transition: background-color 0.2s ease;
}
.schedule-filter__tag-remove:hover {
  background: rgba(255, 255, 255, 0.1);
}
.schedule-filter__tag-remove svg {
  width: 12px;
  height: 12px;
}

.schedule-item.filtered-hidden {
  display: none !important;
}

.schedule-day.filtered-empty {
  display: none !important;
}

.schedule-tracks {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.schedule-tracks__container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.schedule-tracks__title {
  font-size: 2rem;
  font-weight: 600;
  text-align: left;
  margin: 0 0 40px 0;
  line-height: 1.1;
  text-transform: uppercase;
  font-family: "Karla", sans-serif;
}
.schedule-tracks__title-session {
  color: #F29829;
}
.schedule-tracks__title-tracks {
  color: #1e1e1e;
}
.schedule-tracks__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  justify-items: center;
}
@media (max-width: 850px) {
  .schedule-tracks__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.schedule-tracks__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
}
.schedule-tracks__pill {
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  line-height: 1.2;
  margin-bottom: 16px;
  white-space: nowrap;
  width: auto;
  min-width: fit-content;
  text-transform: uppercase;
}
.schedule-tracks__description {
  font-size: 1rem;
  line-height: 1.5;
  color: #1e1e1e;
  margin: 0;
}

main > .featured-speakers {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.featured-speakers__container {
  width: 100%;
}
.featured-speakers__title {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
  margin: 0 0 1rem 0;
  text-transform: uppercase;
  font-family: "Karla", sans-serif;
}
.featured-speakers__title-year {
  color: #F29829;
}
.featured-speakers__title-speakers {
  color: #1e1e1e;
}
.featured-speakers__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  justify-items: center;
}
@media (max-width: 850px) {
  .featured-speakers__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
.featured-speakers__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 320px;
}
.featured-speakers__item.speaker-clickable {
  cursor: pointer;
  transition: transform 0.2s ease;
}
.featured-speakers__item.speaker-clickable:hover {
  transform: translateY(-2px);
}
.featured-speakers__image {
  width: 320px;
  height: 320px;
  margin-bottom: 20px;
  overflow: hidden;
}
.featured-speakers__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.featured-speakers__image .lazy-image {
  opacity: 0;
  transition: opacity 0.3s ease;
  background: #f5f5f5;
}
.featured-speakers__image .lazy-image.loaded {
  opacity: 1;
}
.featured-speakers__image .lazy-image:not([src]) {
  background: #f5f5f5 url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100" height="100" fill="%23f5f5f5"/><circle cx="50" cy="50" r="8" fill="%23ddd"><animate attributeName="opacity" values="0;1;0" dur="1.5s" repeatCount="indefinite"/></circle></svg>') center/cover;
}
.featured-speakers__info {
  width: 100%;
}
.featured-speakers__name {
  font-family: "Karla", sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  color: #1e1e1e;
  margin: 0 0 8px 0;
  line-height: 1.1;
}
.featured-speakers__title-company {
  font-family: "Karla", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #129EDA;
  margin: 0 0 4px 0;
}
.featured-speakers__title-company:last-child {
  margin-bottom: 0;
}

main > .all-speakers {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 67.25rem;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.all-speakers__container {
  width: 100%;
}
.all-speakers__title {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
  margin: 0 0 1rem 0;
  text-transform: uppercase;
  font-family: "Karla", sans-serif;
}
.all-speakers__title-year {
  color: #F29829;
}
.all-speakers__title-speakers {
  color: #1e1e1e;
}
.all-speakers__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
  justify-items: center;
}
@media (max-width: 850px) {
  .all-speakers__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.all-speakers__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 240px;
}
.all-speakers__item.speaker-clickable {
  cursor: pointer;
  transition: transform 0.2s ease;
}
.all-speakers__item.speaker-clickable:hover {
  transform: translateY(-2px);
}
.all-speakers__image {
  width: 240px;
  height: 240px;
  margin-bottom: 16px;
  overflow: hidden;
}
.all-speakers__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.all-speakers__image .lazy-image {
  opacity: 0;
  transition: opacity 0.3s ease;
  background: #f5f5f5;
}
.all-speakers__image .lazy-image.loaded {
  opacity: 1;
}
.all-speakers__image .lazy-image:not([src]) {
  background: #f5f5f5 url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100" height="100" fill="%23f5f5f5"/><circle cx="50" cy="50" r="8" fill="%23ddd"><animate attributeName="opacity" values="0;1;0" dur="1.5s" repeatCount="indefinite"/></circle></svg>') center/cover;
}
.all-speakers__info {
  width: 100%;
}
.all-speakers__name {
  font-family: "Lato", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #1e1e1e;
  margin: 0 0 6px 0;
  line-height: 1.1;
}
.all-speakers__title-company {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #1e1e1e;
  margin: 0 0 3px 0;
}
.all-speakers__title-company:last-child {
  margin-bottom: 0;
}

.speaker-dialog {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  align-items: center;
  justify-content: center;
}
.speaker-dialog.show {
  display: flex;
}
.speaker-dialog__backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.speaker-dialog__content {
  position: relative;
  background: white;
  border-radius: 40px;
  padding: 44px;
  max-width: 90vw;
  max-height: 90vh;
  overflow-y: auto;
  display: flex;
  gap: 100px;
  width: fit-content;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1000px) {
  .speaker-dialog__content {
    flex-direction: column;
    gap: 30px;
    width: auto;
    max-width: 95vw;
    padding: 30px;
  }
}
.speaker-dialog__left-column {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.speaker-dialog__right-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  width: 400px;
}
@media (max-width: 1000px) {
  .speaker-dialog__right-column {
    order: -1;
    width: auto;
    align-items: center;
  }
}
.speaker-dialog__bars {
  margin-bottom: 20px;
}
.speaker-dialog__bar {
  height: 3px;
  margin-bottom: 8px;
}
.speaker-dialog__bar--blue {
  background: #129EDA;
  width: 60px;
}
.speaker-dialog__bar--orange {
  background: #F29829;
  width: 91px;
}
.speaker-dialog__name {
  font-family: "Karla", sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #000;
  margin: 0 0 12px 0;
  line-height: 1.2;
}
.speaker-dialog__title-org {
  font-family: "Karla", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 24px;
  color: #F29829;
  margin-bottom: 20px;
}
.speaker-dialog__bio {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 16px;
  color: #000;
  line-height: 1.5;
  margin-bottom: 30px;
}
.speaker-dialog__agenda {
  margin-top: 10px;
}
.speaker-dialog__agenda-title {
  font-family: "Karla", sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #129EDA;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 15px 0;
}
.speaker-dialog__events-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Lato", sans-serif;
  font-size: 14px;
}
.speaker-dialog__events-table th {
  font-weight: 600;
  text-align: left;
  padding: 8px 12px 8px 0;
  color: #666;
  border-bottom: 1px solid #eee;
}
.speaker-dialog__events-table td {
  padding: 10px 12px 10px 0;
  border-bottom: 1px solid #f5f5f5;
  vertical-align: top;
}
.speaker-dialog__events-table td:first-child {
  font-weight: 500;
  color: #000;
}
.speaker-dialog__events-table td:not(:first-child) {
  color: #666;
  font-size: 13px;
}
.speaker-dialog__events-table tr:last-child td {
  border-bottom: none;
}
.speaker-dialog__close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: none;
  font-size: 30px;
  color: #999;
  cursor: pointer;
  padding: 5px;
  line-height: 1;
}
.speaker-dialog__close:hover {
  color: #666;
}
.speaker-dialog__close:focus {
  outline: none;
}
.speaker-dialog__close-icon {
  display: block;
}
.speaker-dialog__logo {
  margin-bottom: 30px;
  align-self: center;
}
.speaker-dialog__logo img {
  max-width: 100px;
  height: auto;
}
.speaker-dialog__image {
  align-self: flex-start;
}
.speaker-dialog__image img {
  width: 400px;
  height: 400px;
  border-radius: 8px;
  object-fit: cover;
  display: block;
}

.page-home {
  background-image: linear-gradient(75deg, hsl(208, 62%, 22%) 0%, hsl(199, 95%, 21%) 21%, hsl(195, 100%, 22%) 35%, hsl(190, 100%, 24%) 45%, hsl(186, 100%, 25%) 54%, hsl(180, 100%, 26%) 61%, hsl(173, 56%, 37%) 67%, hsl(161, 37%, 46%) 73%, hsl(144, 30%, 54%) 78%, hsl(115, 29%, 62%) 83%, hsl(88, 38%, 64%) 88%, hsl(67, 45%, 67%) 93%, hsl(50, 70%, 73%) 100%);
  /*
  background-image: linear-gradient(
    60deg,
    hsl(208deg 62% 22%) 0%,
    hsl(199deg 95% 21%) 21%,
    hsl(195deg 100% 22%) 33%,
    hsl(190deg 100% 24%) 43%,
    hsl(186deg 100% 25%) 50%,
    hsl(180deg 100% 26%) 56%,
    hsl(173deg 56% 37%) 62%,
    hsl(161deg 37% 46%) 67%,
    hsl(144deg 30% 54%) 71%,
    hsl(115deg 29% 62%) 76%,
    hsl(88deg 38% 64%) 81%,
    hsl(67deg 45% 67%) 88%,
    hsl(50deg 70% 73%) 100%
  );
  */
  color: #fff;
}
.page-home .full-width-paragraph h2, .page-home .full-width-paragraph h3, .page-home .full-width-paragraph h4, .page-home .full-width-paragraph h5, .page-home .full-width-paragraph h6 {
  font-weight: 600;
  font-size: 1.25rem;
  color: #fff;
}
.page-home .multi-column-layout {
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.page-home .multi-column-layout .columns {
  align-items: flex-start;
}
.page-home .multi-column-layout .md {
  margin-top: 0;
  margin-bottom: 0;
  align-items: center;
}
.page-home .multi-column-layout .md img {
  height: 20rem;
  width: 20rem;
}
.page-home .multi-column-layout .md h2 {
  font-size: 1.125rem;
  margin-top: 0;
  margin-bottom: 1.5rem;
}
.page-home .multi-column-layout .md h4 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.page-home .multi-column-layout .md h4, .page-home .multi-column-layout .md p {
  font-size: 1rem;
}
.page-home .multi-column-layout .md p {
  max-width: 18rem;
  width: 100%;
  text-align: justify;
}

.block-event-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "Karla", sans-serif;
}
.block-event-details > div {
  display: flex;
  justify-content: center;
}
.block-event-details > div img {
  height: 1.75rem;
  margin-right: 1rem;
}
.block-event-details > div h3 {
  font-size: 1.75rem;
  font-weight: 600;
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 400;
}
.block-event-details .event-date h3 {
  margin-bottom: 1.5rem;
}
.block-event-details > h4 {
  margin: 0;
  padding: 0;
}
.block-event-details h3, .block-event-details h4 {
  text-transform: uppercase;
}
.block-event-details .actions {
  display: flex;
  flex-direction: row;
  gap: 3rem;
  margin-top: 2.5rem;
}
.block-event-details .actions a {
  border-radius: 2.5rem;
  padding: 1rem 2.5rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.125rem;
}
.block-event-details .actions a.minor {
  background: none;
  border: 2px solid #F29829;
  color: #F29829;
}
.block-event-details .actions a.major {
  background: #129EDA;
  color: #fff;
}

@media (max-width: 460px) {
  .block-event-details .actions {
    flex-direction: column;
  }
  .block-event-details .actions a {
    align-self: center;
  }
}
.event-countdown {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1.75rem;
  position: relative;
  margin-top: -3rem;
  z-index: 999;
}
.event-countdown .countdown-part {
  width: 9.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: linear-gradient(153.43deg, #57CCD9 0%, #0BC4D9 83.33%);
  padding: 3rem;
  font-family: "Karla", sans-serif;
}
.event-countdown .countdown-part .countdown-value {
  font-size: 4rem;
  color: #fff;
  margin-bottom: 0;
  font-weight: 800;
  line-height: 100%;
}
.event-countdown .countdown-part .label {
  font-size: 1.5rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
}

@media (max-width: 730px) {
  .event-countdown .countdown-part {
    width: 7rem;
    padding: 2rem;
  }
  .event-countdown .countdown-part .countdown-value {
    font-size: 2.5rem;
  }
  .event-countdown .countdown-part .label {
    font-size: 1rem;
  }
}
@media (max-width: 550px) {
  .event-countdown .countdown-part {
    width: 5rem;
    padding: 1rem;
  }
  .event-countdown .countdown-part .countdown-value {
    font-size: 1.75rem;
  }
  .event-countdown .countdown-part .label {
    font-size: 0.75rem;
  }
}
.sgdpr-box {
  z-index: 5000;
}

.hidden {
  display: none;
}

a:hover {
  text-decoration: none;
}

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