@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;
}

.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 */