@charset "UTF-8";
.blue-border {
  border-bottom: 2px solid #46AECE; }

.green-border {
  border-bottom: 2px solid #8DBD56; }

.orange-border {
  border-bottom: 2px solid #E2803C; }

.purple-border {
  border-bottom: 2px solid #A258AD; }

.red-border {
  border-bottom: 2px solid #E44956; }

.yellow-border {
  border-bottom: 2px solid #EFC725; }

.blue-dashed-border {
  border: 1px dashed #46AECE; }

.green-dashed-border {
  border: 1px dashed #8DBD56; }

.orange-dashed-border {
  border: 1px dashed #E2803C; }

.red-dashed-border {
  border: 1px dashed #E44956; }

.purple-dashed-border {
  border: 1px dashed #A258AD; }

.yellow-dashed-border {
  border: 1px dashed #EFC725; }

.blue-solid-border {
  border: 1px solid #46AECE; }

.green-solid-border {
  border: 1px solid #8DBD56; }

.orange-solid-border {
  border: 1px solid #E2803C; }

.red-solid-border {
  border: 1px solid #E44956; }

.purple-solid-border {
  border: 1px solid #A258AD; }

.yellow-solid-border {
  border: 1px solid #EFC725; }

.blue-dots:after, .blue-dots:before {
  background: #46AECE; }

.green-dots:after, .green-dots:before {
  background: #8DBD56; }

.orange-dots:after, .orange-dots:before {
  background: #E2803C; }

.red-dots:after, .red-dots:before {
  background: #E44956; }

.purple-dots:after, .purple-dots:before {
  background: #A258AD; }

.yellow-dots:after, .yellow-dots:before {
  background: #EFC725; }

.blue-dot {
  content: "";
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 50%;
  vertical-align: middle;
  background: #46AECE; }

.green-dot {
  content: "";
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 50%;
  vertical-align: middle;
  background: #8DBD56; }

.orange-dot {
  content: "";
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 50%;
  vertical-align: middle;
  background: #E2803C; }

.purple-dot {
  content: "";
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 50%;
  vertical-align: middle;
  background: #A258AD; }

.red-dot {
  content: "";
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 50%;
  vertical-align: middle;
  background: #E44956; }

.yellow-dot {
  content: "";
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 50%;
  vertical-align: middle;
  background: #EFC725; }

.blue-dashed {
  stroke: #46AECE; }

.green-dashed {
  stroke: #8DBD56; }

.orange-dashed {
  stroke: #E2803C; }

.purple-dashed {
  stroke: #A258AD; }

.red-dashed {
  stroke: #E44956; }

.yellow-dashed {
  stroke: #EFC725; }

.blue, .green, .orange, .red, .yellow {
  filter: grayscale(1); }

.purple {
  filter: hue-rotate(50deg); }

.blue-stroke path {
  fill: #46AECE;
  stroke: #46AECE; }

.green-stroke path {
  fill: #8DBD56;
  stroke: #8DBD56; }

.orange-stroke path {
  fill: #E2803C;
  stroke: #E2803C; }

.red-stroke path {
  fill: #E44956;
  stroke: #E44956; }

.purple-stroke path {
  fill: #A258AD;
  stroke: #A258AD; }

.yellow-stroke path {
  fill: #EFC725;
  stroke: #EFC725; }

.blue-background-decor {
  background-image: url("/images/background/blue.svg");
  background-repeat: no-repeat;
  background-position: right bottom; }

.green-background-decor {
  background-image: url("/images/background/green.svg");
  background-repeat: no-repeat;
  background-position: right bottom; }

.purple-background-decor {
  background-image: url("/images/background/purple.svg");
  background-repeat: no-repeat;
  background-position: right bottom; }

.yellow-background-decor {
  background-image: url("/images/background/yellow.svg");
  background-repeat: no-repeat;
  background-position: right bottom; }

.blue-links a:hover, .blue-links a:active, .blue-links a:link {
  color: #2498BC; }

.blue-links a:visited {
  color: #46AECE; }

.green-links a:hover, .green-links a:active, .green-links a:link {
  color: #74AD34; }

.green-links a:visited {
  color: #8DBD56; }

.orange-links a:hover, .orange-links a:active, .orange-links a:link {
  color: #D86413; }

.orange-links a:visited {
  color: #E2803C; }

.red-links a:hover, .red-links a:active, .red-links a:link {
  color: #E61425; }

.red-links a:visited {
  color: #E44956; }

.purple-links a:hover, .purple-links a:active, .purple-links a:link {
  color: #8B3B97; }

.purple-links a:visited {
  color: #A258AD; }

.yellow-links a:hover, .yellow-links a:active, .yellow-links a:link {
  color: #DCB204; }

.yellow-links a:visited {
  color: #EFC725; }

.orange-links a:hover, .orange-links a:active, .orange-links a:link {
  color: #D86413; }

.orange-links a:visited {
  color: #E2803C; }

.green-links a:hover, .green-links a:active, .green-links a:link {
  color: #74AD34; }

.green-links a:visited {
  color: #8DBD56; }

.blue-button {
  color: white;
  padding: .5rem 1.25rem;
  text-decoration: none;
  background-color: #46AECE; }

.blue-button:hover {
  background-color: #2498BC; }

.purple-button {
  color: white;
  padding: .5rem 1.25rem;
  text-decoration: none;
  background-color: #A258AD; }

.purple-button:hover {
  background-color: #8B3B97; }

.orange-button {
  color: white;
  padding: .5rem 1.25rem;
  text-decoration: none;
  background-color: #E2803C; }

.orange-button:hover {
  background-color: #D86413; }

.green-button {
  color: white;
  padding: .5rem 1.25rem;
  text-decoration: none;
  background-color: green; }

.green-button:hover {
  background-color: #74AD34; }

.orange-button,
.green-button,
.purple-button,
.blue-button {
  color: white !important;
  /* force override if black comes from somewhere else */ }

@media screen and (max-width: 768px) {
  .mobile-blue-background {
    background: #46AECE; }
  .mobile-green-background {
    background: #8DBD56; }
  .mobile-orange-background {
    background: #E2803C; }
  .mobile-red-background {
    background: #E44956; }
  .mobile-purple-background {
    background: #A258AD; }
  .mobile-yellow-background {
    background: #EFC725; }
  .blue-border, .green-border, .red-border, .orange-border, .purple-border, .yellow-border {
    border-bottom: 0px; }
  .blue-background-decor, .green-background-decor, .yellow-background-decor, .purple-background-decor {
    background-image: none; } }

.form-page {
  max-width: 1024px;
  margin: 0 auto;
  padding: 4rem 0; }

.form-section {
  min-width: 70%;
  margin-bottom: 1.75rem; }

.form {
  margin-top: 2rem; }
  .form label {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: .75rem; }
  .form option {
    font-family: inherit;
    font-size: inherit; }
  .form .selection1 {
    display: flex;
    flex-direction: column;
    align-items: baseline; }
  .form .input {
    display: flex;
    flex-direction: column; }
  .form input[type=text], .form select {
    font-family: inherit;
    font-size: inherit;
    padding: .5rem .75rem;
    display: inline-block;
    box-sizing: border-box; }
  .form select {
    min-width: 50%; }
  .form input[type=checkbox] {
    font-family: inherit;
    font-size: inherit;
    height: 1.5rem;
    width: 1.5rem; }
  .form .checkbox {
    display: flex;
    flex-direction: column; }
    .form .checkbox .checkbox-container {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      width: 70%; }
  .form a {
    color: white;
    padding: .5rem 1.25rem;
    text-decoration: none;
    color: white;
    font-family: inherit;
    font-size: inherit;
    margin: 0 0 1rem 0; }
  .form a:hover {
    color: white; }

@media screen and (max-width: 768px) {
  .form-section {
    width: 100%; }
  .form-page {
    margin: 0 1rem; } }

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

.body {
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 1024px;
  background-color: #201B20;
  display: flex;
  flex-direction: column; }

html {
  font-size: 1.1rem; }

h1, h2, h3, h4, h5 {
  font-family: "Rubik", sans-serif;
  color: #201B20;
  margin-bottom: 1.3rem;
  word-break: break-word; }

h1 {
  font-size: 2.2rem; }

h3 {
  font-size: 1.3rem; }

h4 {
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0; }

a, .desktop-language {
  cursor: pointer; }

img {
  border-radius: .25rem; }

.disable {
  display: none; }

.disable-overflow {
  position: fixed;
  overflow: hidden; }

.rotate {
  transform: rotate(180deg); }

.plant {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 0;
  margin-left: -45rem;
  opacity: 0.7; }

.plant-home {
  bottom: 0; }

.page-decor {
  position: absolute;
  left: 70%;
  top: 30%;
  z-index: -10; }

.drawing {
  position: absolute;
  bottom: 0;
  left: 90%;
  z-index: 0; }

.center-container {
  text-align: center; }

/* Base button style used everywhere */
.button-link {
  display: inline-flex;
  /* ensures horizontal alignment in a flex row */
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  box-sizing: border-box;
  color: white;
  width: 20%;
  /* ← makes all buttons equal width, 5 buttons = 20% each */
  min-width: 125px;
  /* ← prevents buttons from becoming too narrow on small screens */ }

.buttons-container-desktop {
  display: flex;
  flex-wrap: nowrap;
  /* allows wrapping if needed on smaller screens */
  justify-content: space-between;
  gap: 1rem;
  /* spacing between buttons */
  margin: 3rem 0;
  padding: 0 2rem;
  box-sizing: border-box; }

.single-page {
  max-width: 1024px;
  margin: 0 auto;
  padding: 4rem 2rem; }
  .single-page .article-image {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem; }
  .single-page .partner-image {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    /* Spacing between items */ }
    .single-page .partner-image .partner-block {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 5rem;
      /* Minimum width */
      min-height: 5rem;
      /* Minimum height */
      background-color: #FAFAF9;
      border-radius: 0.2rem;
      margin: 0.2rem;
      padding: 1rem; }
      .single-page .partner-image .partner-block a {
        display: flex;
        align-items: center;
        justify-content: center; }
      .single-page .partner-image .partner-block img {
        max-width: 20rem;
        max-height: 10rem;
        border-radius: 0;
        object-fit: contain;
        /* Maintain aspect ratio */
        margin: auto; }
  .single-page .article-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .single-page .article-logo img {
    border-radius: 50%;
    margin-bottom: 1rem;
    width: 8rem;
    height: 8rem;
    overflow: hidden; }

.main-image {
  border-radius: 50%;
  margin-right: 2rem;
  width: 100%;
  align-self: baseline; }

.route-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 2rem 0 2rem; }

.route-image img {
  width: 35rem;
  height: auto;
  outline: 1px solid black; }

.route-image figcaption {
  font-size: small; }

.center-image {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 2rem 0 2rem; }

.single-page-summary {
  display: flex;
  flex-direction: row; }
  .single-page-summary .summary {
    font-size: 1.5rem;
    line-height: 1.6rem; }

.footer-social {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  .footer-social .social {
    margin: 0; }

.footer-section {
  display: flex;
  flex-direction: column;
  margin-right: 1rem; }

.footer-partners {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: auto 0; }
  .footer-partners .partner-image {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center; }
    .footer-partners .partner-image .partner-block {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 5rem;
      /* Minimum width */
      min-height: 3rem;
      /* Minimum height */
      background-color: #FAFAF9;
      border-radius: 0.5rem;
      margin: 0.25rem;
      padding: 0.5rem; }
    .footer-partners .partner-image img {
      max-height: 3rem;
      max-width: 20rem;
      filter: brightness(100%);
      object-fit: contain;
      /* Maintain aspect ratio */
      margin: auto; }

.dots-container {
  display: none; }

.accent-section {
  text-decoration: none;
  color: #201B20;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.25rem 3.375rem;
  max-width: 1024px;
  margin-bottom: 1rem; }
  .accent-section img {
    border-radius: 4px; }

.regular-section {
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: #201B20;
  background-color: white;
  max-width: 800px;
  padding: 1rem;
  margin-bottom: 1rem;
  width: 100%; }
  .regular-section h4 {
    margin-bottom: .5rem; }
  .regular-section .text {
    margin-bottom: 0; }
  .regular-section div {
    display: flex;
    flex-direction: column;
    margin-left: 1rem;
    justify-content: center; }

.regular-section-help, .regular-list-item {
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: #201B20;
  background-color: white;
  max-width: 800px;
  padding: 1rem;
  margin-bottom: 1rem;
  width: 100%;
  align-items: center; }
  .regular-section-help .text, .regular-list-item .text {
    margin: 0 0 0 1rem; }

.help-list-icon {
  height: .75rem;
  margin-right: .25rem; }

.accent-section-mobile, .regular-section-mobile {
  display: none; }

.menu-item {
  margin-right: 1rem; }

nav {
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }

.heading-with-dots {
  align-items: center; }
  .heading-with-dots h1 {
    font-size: 3.5rem;
    margin: 0; }

.heading-dots-container {
  padding-bottom: 1.1rem; }

.header-logo {
  z-index: 100;
  margin: 1.7rem 0rem 0; }

.content {
  background-color: #FAFAF9;
  flex: 1;
  position: relative;
  z-index: 0; }
  .content p, .content ul {
    line-height: 1.6rem;
    margin-bottom: 1rem; }
  .content ul {
    margin-left: 2rem; }

.partner-logos {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 3rem 0 0; }
  .partner-logos .note {
    font-size: 0.9rem; }

.logo {
  border-radius: 50%;
  margin-bottom: 1rem;
  width: 8rem;
  height: 8rem;
  overflow: hidden; }

.nav-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2; }
  .nav-links a {
    text-decoration: none;
    color: #201B20;
    color: #FAFAF9; }

.projects-page {
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 0; }
  .projects-page section {
    background-color: #FFFFFF;
    margin-bottom: 2rem;
    border-radius: 4px;
    width: 100%; }

body {
  display: flex;
  flex-direction: column;
  color: #201B20;
  font: 100% "Raleway", sans-serif;
  min-height: 100vh; }
  body .home-page {
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 2rem 0; }
  body .image {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%; }
  body .page-heading {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center; }
    body .page-heading h1:before {
      content: "";
      display: inline-block;
      height: 1.25rem;
      width: 1.25rem;
      border-radius: 50%;
      vertical-align: middle;
      margin-right: .75rem; }
    body .page-heading h1:after {
      content: "";
      display: inline-block;
      height: 1.25rem;
      width: 1.25rem;
      border-radius: 50%;
      vertical-align: middle;
      margin-left: .75rem; }
  body .social {
    display: flex;
    align-items: center;
    margin-left: 2rem; }
    body .social .inline-svg {
      width: 1.5rem;
      margin-right: 1rem;
      color: #FAFAF9; }
  body nav {
    display: flex;
    justify-content: space-between;
    min-height: 10.9rem;
    width: 100%; }
  body .header {
    display: flex;
    flex-direction: row;
    height: auto; }
    body .header ul {
      display: flex;
      flex-direction: row; }
      body .header ul li {
        list-style: none; }
    body .header .q-svg-header svg {
      width: auto;
      height: 5.75rem;
      display: inline-block; }
    body .header .burger {
      display: none;
      cursor: pointer; }
    body .header .hamburger-languages {
      display: none; }
    body .header .language-popup {
      position: absolute;
      top: 6.3rem;
      z-index: 2; }
    body .header .desktop-language {
      display: flex;
      align-items: center; }
      body .header .desktop-language svg {
        margin-left: .25rem; }
    body .header .header-rectangle {
      z-index: -100;
      position: absolute;
      overflow: hidden;
      left: 50%;
      transform: translate(-50%, 0); }
  body .column {
    margin-right: 1rem; }
  body footer {
    background-color: #201B20;
    color: #FAFAF9;
    padding: 2rem 2rem 0;
    z-index: 1; }
    body footer a {
      text-decoration: none;
      color: #201B20;
      color: #FAFAF9;
      margin-bottom: .75rem; }
    body footer a:hover, body footer a:active {
      text-decoration: underline; }
    body footer nav {
      align-items: baseline;
      min-height: 5rem; }
    body footer .q-svg-footer svg {
      width: auto;
      height: 2.5rem;
      display: inline-block; }

.calendar {
  padding: 3rem 0;
  background-color: #FAFAF9; }
  .calendar .calendar-content {
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .calendar .item {
    display: flex;
    flex-direction: row;
    width: 40rem;
    margin-bottom: 1rem; }
  .calendar .date {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1.5rem;
    min-width: 6.5rem;
    justify-content: center; }
  .calendar .calendar-date {
    font-size: 3.1rem; }
  .calendar .calendar-month {
    font-size: 1.5rem;
    margin: 0; }
  .calendar .details {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: space-between; }
  .calendar .time-location {
    display: flex;
    flex-direction: row;
    padding: .75rem 1.5rem;
    justify-content: space-between;
    width: 100%; }
    .calendar .time-location p {
      margin: 0; }
  .calendar a {
    text-decoration: none;
    color: #201B20; }
  .calendar h2 {
    font-size: 1.5rem;
    text-align: center; }
  .calendar h3 {
    margin: 0;
    padding: 1.5rem;
    font-weight: normal; }
  .calendar h4 {
    text-align: center; }
  .calendar ul.time {
    display: flex;
    justify-content: center;
    align-items: baseline;
    flex-wrap: nowrap;
    gap: 0.75rem;
    /* Adds spacing between elements */
    padding: 0;
    margin: 0;
    list-style: none; }
  .calendar .timer-style {
    display: inline-block;
    padding: 0 0 0 1rem;
    margin-right: -2.125rem;
    font-size: 3rem;
    transform: translateX(-2rem) translateY(-2rem);
    transform-origin: 0 0; }
  .calendar p.content-date {
    text-align: center;
    font-size: 3.25rem;
    line-height: 1.25em; }
  .calendar .content-timer {
    display: block;
    text-align: center;
    font-size: 4.25rem;
    margin: 0;
    padding: 2.5rem 1.25rem 0.6rem 1.25rem; }
  .calendar .time li {
    display: inline-block;
    padding: 0;
    margin: 1rem; }
  .calendar .day {
    color: #E44956; }
  .calendar .hour {
    color: #E2803C; }
  .calendar .minute {
    color: #EFC725; }
  .calendar .seconds {
    color: #8DBD56; }

.youtube-content-desktop {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.youtube-content-mobile {
  display: none; }

.buttons-container-mobile {
  display: none; }

.buttons-container-desktop {
  display: block; }

@media screen and (max-width: 1024px) {
  .body {
    min-width: auto; }
    .body nav {
      width: 90vw;
      min-height: 22vh; }
  .accent-section, .regular-section, .plant, .page-decor {
    display: none; }
  .projects-page {
    padding-top: 0; }
  .header-logo {
    margin: 0; }
  .calendar {
    margin-top: 6rem; }
    .calendar .item {
      flex-direction: column;
      margin: 1rem 1rem 0 1rem;
      width: calc(100vw - 2rem); }
    .calendar .time-location {
      flex-direction: column-reverse;
      padding: 0rem; }
      .calendar .time-location p {
        width: 100%;
        text-align: center;
        padding: .75rem 0; }
  h3 {
    padding: .75rem 0 0;
    text-align: center; }
  .regular-section-help, .regular-list-item {
    margin: 0 1rem 2rem 1rem;
    padding: .5rem;
    width: -webkit-fill-available; }
  .regular-section-help {
    flex-direction: column; }
  .regular-list-item:first-child {
    margin-left: .25rem; }
  .footer, .single-page {
    padding: 1rem; }
  .social .inline-svg {
    width: 2rem;
    margin-right: 1.5rem; }
  .nav-links {
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 0px;
    height: 78vh;
    top: 22vh;
    background-color: white;
    width: 100%;
    transform: translateX(100%);
    transition: transform 0.5s ease-in;
    overflow: hidden; }
    .nav-links .social {
      padding: .5rem;
      margin: 0;
      width: 100%;
      justify-content: center;
      border-top: 1px solid #646464;
      background-color: #201B20; }
    .nav-links .main-menu {
      display: flex;
      flex-direction: column;
      width: 100%; }
      .nav-links .main-menu .menu-item, .nav-links .main-menu .language-selector {
        padding: 1.25rem 0;
        margin-left: 0;
        margin-right: 0;
        display: flex;
        justify-content: center; }
    .nav-links a {
      color: #201B20; }
  .mobile-language {
    margin: 0; }
  html {
    font-size: 16px; }
    html .header {
      padding: 0 1rem;
      height: 22vh;
      width: 100%; }
      html .header .burger {
        display: flex; }
      html .header .desktop-language, html .header .language-popup {
        display: none; }
      html .header .hamburger-languages {
        display: flex; }
      html .header .nav-active {
        transform: translateX(0); }
    html .mobile-language-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2rem; }
    html .language-selector {
      color: #201B20; }
      html .language-selector li {
        padding: 0 1rem;
        margin: 0;
        border-right: 1px solid #201B20; }
      html .language-selector li:last-child {
        padding-right: 0;
        border-right: 0px; }
    html .active-language {
      text-decoration: underline; }
  nav {
    margin: 0;
    flex-wrap: wrap; }
  .footer-section {
    width: 43%;
    margin: 0 0 1rem 0; }
  .article-image img {
    max-width: 100%; }
  .route-image img {
    max-width: 100%; }
  .single-page .partner-image .partner-block {
    min-width: 8rem;
    /* Minimum width */
    min-height: 5rem;
    /* Minimum height */
    margin: 0.5rem; }
    .single-page .partner-image .partner-block a {
      display: flex;
      align-items: center;
      justify-content: center; }
  .single-page .partner-image img {
    max-width: 7rem;
    object-fit: contain;
    /* Maintain aspect ratio */
    margin: auto; }
  .main-image {
    align-self: center;
    width: 70%;
    margin: 0 1rem 1rem 1rem; }
  .footer-social {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    .footer-social .q-svg-footer {
      width: 43%; }
    .footer-social .social {
      align-self: end; }
  .footer-partners {
    width: 100%;
    margin: 1.5rem 0; }
    .footer-partners .partner-image {
      flex-direction: column;
      flex-wrap: nowrap; }
      .footer-partners .partner-image .partner-block {
        min-width: 5rem;
        /* Minimum width */
        min-height: 3rem;
        /* Minimum height */
        margin: 0.5rem 0; }
      .footer-partners .partner-image img {
        max-height: 3rem;
        max-width: 20rem;
        object-fit: contain;
        margin: auto; }
  .single-page-summary {
    flex-direction: column; }
    .single-page-summary h1 {
      text-align: center; }
    .single-page-summary .column {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0 0 1rem 0; }
  .page-heading {
    padding: 0 1rem 1rem 1rem;
    width: 100%; }
    .page-heading h1:before, .page-heading h1:after {
      display: none; }
  .regular-section-mobile {
    text-decoration: none;
    color: #201B20;
    display: block;
    padding: 1rem;
    margin: 0 1rem 1rem 1rem;
    width: calc(100% - 2rem); }
    .regular-section-mobile img {
      width: 30%;
      height: 30%;
      margin-right: 1rem; }
    .regular-section-mobile div {
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-bottom: 1rem; }
  .accent-section-mobile {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: #201B20;
    align-items: center;
    padding: 1rem;
    margin: 0 1rem 1rem 1rem; }
  .dots-container {
    display: flex;
    justify-content: space-around;
    margin-bottom: 1rem;
    margin: 1rem auto;
    width: 90%; }
  .home-page-heading {
    padding: 0 1rem;
    width: 100%; }
  .heading-with-dots {
    flex-direction: column;
    align-items: flex-start;
    width: 100%; }
  .heading-dots-container {
    width: 90vw;
    margin: 0 0 1rem 0;
    display: flex;
    justify-content: space-between; }
  .drawing {
    display: none;
    position: absolute;
    top: 13rem;
    left: 50%;
    z-index: -1;
    margin-left: 6rem;
    width: 5rem; }
  .logo {
    margin-right: 1rem; }
  .partner-logos img {
    width: 95vw; }
  .partner-logos .note {
    font-size: 0.75rem; }
  .page-heading {
    margin: 1rem 0 .5rem 0; }
  .page-content {
    margin: 1rem 0 .5rem 0;
    padding: 0 1rem 1rem 1rem; }
  .header-rectangle {
    display: none; }
  .youtube-content-desktop {
    display: none; }
  .youtube-content-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex; }
  .buttons-container-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 1rem;
    padding: 0 1rem;
    box-sizing: border-box; }
  .buttons-container-mobile a {
    width: 100%;
    max-width: 400px; }
  .buttons-container-desktop {
    display: none; }
  .cookie-buttons {
    flex-direction: column;
    align-items: stretch; }
  .cookie-buttons button {
    width: 100%; }
  .content-timer {
    font-size: 3.25rem;
    padding: 2rem 1rem 0.5rem 1rem; }
  .timer-style {
    font-size: 2rem;
    transform: none;
    margin: 0;
    padding: 0 0.25rem; }
  .content-timer {
    font-size: 2rem;
    padding: 1.5rem 0.75rem 0.5rem 0.75rem; }
  .timer-style {
    font-size: 1rem;
    padding: 0 0.15rem; } }

.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important; }

.lineup {
  font-family: "Rubik", sans-serif;
  font-size: 1.25rem;
  padding-top: 3rem;
  border-top: 1px dashed #C2C2C2; }

.lineup-label, .lineup-label-last {
  font-family: "Rubik", sans-serif;
  font-size: 1.25rem;
  padding-right: 1rem; }
  .lineup-label a:hover, .lineup-label a:active, .lineup-label a:link, .lineup-label-last a:hover, .lineup-label-last a:active, .lineup-label-last a:link {
    text-decoration: none; }
  .lineup-label a:visited, .lineup-label-last a:visited {
    text-decoration: none; }

.banner-gap {
  margin-bottom: 2rem; }

.lineup-label:after {
  font-family: "Rubik", sans-serif;
  display: inline-block;
  position: relative;
  content: "·";
  font-size: 1.5rem;
  top: -.0em;
  right: -.5em; }

#cookie-consent-banner {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #201B20;
  color: #FAFAF9;
  text-align: center;
  padding: 1.5em 1em;
  z-index: 1000; }

.cookie-consent-container {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }

.cookie-consent-container p {
  margin: 0;
  padding-right: 1em;
  flex: 1;
  font-size: 1.1em;
  line-height: 1.6; }

.cookie-buttons {
  display: flex;
  gap: 1em;
  flex-wrap: wrap; }

#cookie-consent-accept,
#cookie-consent-decline {
  border: none;
  padding: 0.75em 1.5em;
  font-size: 1em;
  cursor: pointer;
  border-radius: 5px; }

#cookie-consent-accept {
  background-color: #74AD34;
  color: #FAFAF9; }

#cookie-consent-decline {
  background-color: #201B20;
  color: #646464; }