@import url(https://fonts.googleapis.com/css2?family=Jura:wght@400;700&display=swap);
/* fonts */
/* variables */
/* colors */
/* Customize Bulma colors */
html {
  scroll-behavior: smooth;
  height: 100%;
}

div.food-challenges {
  min-height: 100%;
}

img {
  display: block;
}

.section {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.local_tabs {
  max-width: 1200px;
  margin: 48px auto 24px;
  width: 100%;
}

.local_tabs .primary_tabs {
  display: flex;
  flex-wrap: wrap;
}

.local_tabs .primary_tabs li {
  margin-right: 8px;
}

.local_tabs .primary_tabs li a {
  padding: 4px 8px;
  margin-right: 8px;
  font-weight: 700;
  font-size: 13px;
  color: #fff;
  background-color: #6e00a1;
  letter-spacing: 0.2px;
}

.js-pager__items {
  display: flex;
  justify-content: center;
  align-items: center;
}

.js-pager__items li {
  margin: 2em 3em;
}

.label,
.visually-hidden {
  display: none !important;
}

html {
  scroll-behavior: smooth;
  height: 100%;
  font-size: 100% !important;
}

div.food-challenges {
  min-height: 100%;
}

/* framework */
/* abstracts */
div.food-challenges {
  font-family: "Averta", serif !important;
  font-size: 16px !important;
}

.is-size-10 {
  font-size: 0.625rem;
}

@media (min-width: 769px) {
  .is-size-10-desktop {
    font-size: 0.625rem !important;
  }
}

.is-size-11 {
  font-size: 0.6875rem;
}

@media (min-width: 769px) {
  .is-size-11-desktop {
    font-size: 0.6875rem !important;
  }
}

.is-size-12 {
  font-size: 0.75rem;
}

@media (min-width: 769px) {
  .is-size-12-desktop {
    font-size: 0.75rem !important;
  }
}

.is-size-13 {
  font-size: 0.8125rem;
}

@media (min-width: 769px) {
  .is-size-13-desktop {
    font-size: 0.8125rem !important;
  }
}

.is-size-14 {
  font-size: 0.875rem;
}

@media (min-width: 769px) {
  .is-size-14-desktop {
    font-size: 0.875rem !important;
  }
}

.is-size-15 {
  font-size: 0.9375rem;
}

@media (min-width: 769px) {
  .is-size-15-desktop {
    font-size: 0.9375rem !important;
  }
}

.is-size-16 {
  font-size: 1rem;
}

@media (min-width: 769px) {
  .is-size-16-desktop {
    font-size: 1rem !important;
  }
}

.is-size-17 {
  font-size: 1.0625rem;
}

@media (min-width: 769px) {
  .is-size-17-desktop {
    font-size: 1.0625rem !important;
  }
}

.is-size-18 {
  font-size: 1.125rem;
}

@media (min-width: 769px) {
  .is-size-18-desktop {
    font-size: 1.125rem !important;
  }
}

.is-size-19 {
  font-size: 1.1875rem;
}

@media (min-width: 769px) {
  .is-size-19-desktop {
    font-size: 1.1875rem !important;
  }
}

.is-size-20 {
  font-size: 1.25rem;
}

@media (min-width: 769px) {
  .is-size-20-desktop {
    font-size: 1.25rem !important;
  }
}

.is-size-21 {
  font-size: 1.3125rem;
}

@media (min-width: 769px) {
  .is-size-21-desktop {
    font-size: 1.3125rem !important;
  }
}

.is-size-22 {
  font-size: 1.375rem;
}

@media (min-width: 769px) {
  .is-size-22-desktop {
    font-size: 1.375rem !important;
  }
}

.is-size-23 {
  font-size: 1.4375rem;
}

@media (min-width: 769px) {
  .is-size-23-desktop {
    font-size: 1.4375rem !important;
  }
}

.is-size-24 {
  font-size: 1.5rem;
}

@media (min-width: 769px) {
  .is-size-24-desktop {
    font-size: 1.5rem !important;
  }
}

.is-size-25 {
  font-size: 1.5625rem;
}

@media (min-width: 769px) {
  .is-size-25-desktop {
    font-size: 1.5625rem !important;
  }
}

.is-size-26 {
  font-size: 1.625rem;
}

@media (min-width: 769px) {
  .is-size-26-desktop {
    font-size: 1.625rem !important;
  }
}

.is-size-27 {
  font-size: 1.6875rem;
}

@media (min-width: 769px) {
  .is-size-27-desktop {
    font-size: 1.6875rem !important;
  }
}

.is-size-28 {
  font-size: 1.75rem;
}

@media (min-width: 769px) {
  .is-size-28-desktop {
    font-size: 1.75rem !important;
  }
}

.is-size-29 {
  font-size: 1.8125rem;
}

@media (min-width: 769px) {
  .is-size-29-desktop {
    font-size: 1.8125rem !important;
  }
}

.is-size-30 {
  font-size: 1.875rem;
}

@media (min-width: 769px) {
  .is-size-30-desktop {
    font-size: 1.875rem !important;
  }
}

.is-size-31 {
  font-size: 1.9375rem;
}

@media (min-width: 769px) {
  .is-size-31-desktop {
    font-size: 1.9375rem !important;
  }
}

.is-size-32 {
  font-size: 2rem;
}

@media (min-width: 769px) {
  .is-size-32-desktop {
    font-size: 2rem !important;
  }
}

.is-size-33 {
  font-size: 2.0625rem;
}

@media (min-width: 769px) {
  .is-size-33-desktop {
    font-size: 2.0625rem !important;
  }
}

.is-size-34 {
  font-size: 2.125rem;
}

@media (min-width: 769px) {
  .is-size-34-desktop {
    font-size: 2.125rem !important;
  }
}

.is-size-35 {
  font-size: 2.1875rem;
}

@media (min-width: 769px) {
  .is-size-35-desktop {
    font-size: 2.1875rem !important;
  }
}

.is-size-36 {
  font-size: 2.25rem;
}

@media (min-width: 769px) {
  .is-size-36-desktop {
    font-size: 2.25rem !important;
  }
}

.is-size-37 {
  font-size: 2.313rem;
}

@media (min-width: 769px) {
  .is-size-37-desktop {
    font-size: 2.313rem !important;
  }
}

.is-size-38 {
  font-size: 2.375rem;
}

@media (min-width: 769px) {
  .is-size-38-desktop {
    font-size: 2.375rem !important;
  }
}

.is-size-39 {
  font-size: 2.4375rem;
}

@media (min-width: 769px) {
  .is-size-39-desktop {
    font-size: 2.4375rem !important;
  }
}

.is-size-40 {
  font-size: 2.5rem;
}

@media (min-width: 769px) {
  .is-size-40-desktop {
    font-size: 2.5rem !important;
  }
}

.is-size-42 {
  font-size: 2.625rem;
}

@media (min-width: 769px) {
  .is-size-42-desktop {
    font-size: 2.625rem !important;
  }
}

.is-size-43 {
  font-size: 2.688rem;
}

@media (min-width: 769px) {
  .is-size-43-desktop {
    font-size: 2.688rem !important;
  }
}

.is-size-44 {
  font-size: 2.75rem;
}

@media (min-width: 769px) {
  .is-size-44-desktop {
    font-size: 2.75rem !important;
  }
}

.is-size-45 {
  font-size: 2.813rem;
}

@media (min-width: 769px) {
  .is-size-45-desktop {
    font-size: 2.813rem !important;
  }
}

.is-size-50 {
  font-size: 3.125rem;
}

@media (min-width: 769px) {
  .is-size-50-desktop {
    font-size: 3.125rem !important;
  }
}

.is-size-55 {
  font-size: 3.438rem;
}

@media (min-width: 769px) {
  .is-size-55-desktop {
    font-size: 3.438rem !important;
  }
}

.is-size-60 {
  font-size: 3.75rem;
}

@media (min-width: 769px) {
  .is-size-60-desktop {
    font-size: 3.75rem !important;
  }
}

.is-size-65 {
  font-size: 4.0625rem;
}

@media (min-width: 769px) {
  .is-size-65-desktop {
    font-size: 4.0625rem !important;
  }
}

.is-size-100 {
  font-size: 6.25rem;
}

@media (min-width: 769px) {
  .is-size-100-desktop {
    font-size: 6.25rem !important;
  }
}

.is-size-150 {
  font-size: 9.375rem;
}

@media (min-width: 769px) {
  .is-size-150-desktop {
    font-size: 9.375rem !important;
  }
}

.lh-0-7 {
  line-height: 0.7;
}

@media (min-width: 769px) {
  .lh-0-7-desktop {
    line-height: 0.7 !important;
  }
}

.lh-0-8 {
  line-height: 0.8;
}

@media (min-width: 769px) {
  .lh-0-8-desktop {
    line-height: 0.8 !important;
  }
}

.lh-0-9 {
  line-height: 0.9;
}

@media (min-width: 769px) {
  .lh-0-9-desktop {
    line-height: 0.9 !important;
  }
}

.lh-1-0 {
  line-height: 1;
}

@media (min-width: 769px) {
  .lh-1-0-desktop {
    line-height: 1 !important;
  }
}

.lh-1-1 {
  line-height: 1.1;
}

@media (min-width: 769px) {
  .lh-1-1-desktop {
    line-height: 1.1 !important;
  }
}

.lh-1-2 {
  line-height: 1.2;
}

@media (min-width: 769px) {
  .lh-1-2-desktop {
    line-height: 1.2 !important;
  }
}

.lh-1-3 {
  line-height: 1.3;
}

@media (min-width: 769px) {
  .lh-1-3-desktop {
    line-height: 1.3 !important;
  }
}

.lh-1-4 {
  line-height: 1.4;
}

@media (min-width: 769px) {
  .lh-1-4-desktop {
    line-height: 1.4 !important;
  }
}

.lh-1-5 {
  line-height: 1.5;
}

@media (min-width: 769px) {
  .lh-1-5-desktop {
    line-height: 1.5 !important;
  }
}

.lh-1-6 {
  line-height: 1.6;
}

@media (min-width: 769px) {
  .lh-1-6-desktop {
    line-height: 1.6 !important;
  }
}

.lh-1-7 {
  line-height: 1.7;
}

@media (min-width: 769px) {
  .lh-1-7-desktop {
    line-height: 1.7 !important;
  }
}

.lh-1-8 {
  line-height: 1.8;
}

@media (min-width: 769px) {
  .lh-1-8-desktop {
    line-height: 1.8 !important;
  }
}

.lh-1-9 {
  line-height: 1.9;
}

@media (min-width: 769px) {
  .lh-1-9-desktop {
    line-height: 1.9 !important;
  }
}

.lh-2-0 {
  line-height: 2;
}

@media (min-width: 769px) {
  .lh-2-0-desktop {
    line-height: 2 !important;
  }
}

.lh-2-1 {
  line-height: 2.1;
}

@media (min-width: 769px) {
  .lh-2-1-desktop {
    line-height: 2.1 !important;
  }
}

.lh-2-2 {
  line-height: 2.2;
}

@media (min-width: 769px) {
  .lh-2-2-desktop {
    line-height: 2.2 !important;
  }
}

.lh-2-3 {
  line-height: 2.3;
}

@media (min-width: 769px) {
  .lh-2-3-desktop {
    line-height: 2.3 !important;
  }
}

.lh-2-4 {
  line-height: 2.4;
}

@media (min-width: 769px) {
  .lh-2-4-desktop {
    line-height: 2.4 !important;
  }
}

.lh-2-5 {
  line-height: 2.5;
}

@media (min-width: 769px) {
  .lh-2-5-desktop {
    line-height: 2.5 !important;
  }
}

.line-through {
  padding: 0 40px;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 1;
}

.line-through::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  background: #bfff00;
}

/* components */
.food-challenges {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

@media (min-width: 1024px) {
  .food-challenges {
    background-position: top center;
  }
}

/* pages */
/* partials */
.food-challenges header {
  background: linear-gradient(90deg, #6e00a1 0, #063e72);
  padding: 1rem 0;
}

.food-challenges header a {
  width: 52px;
  height: 52px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: solid 2px white;
}

.food-challenges header a:not(:last-child) {
  margin-right: 1rem;
}

.food-challenges header img {
  height: 32px;
  width: auto;
  filter: brightness(0%) invert(1);
}

main {
  font-family: "Jura", sans-serif;
  color: white;
  padding: 3.125rem 0;
}

@media (max-width: 499px) {
  main .alfa-logo {
    margin: 0 0 1rem;
    position: relative;
  }
}

@media (min-width: 500px) and (max-width: 1215px) {
  main .alfa-logo {
    position: absolute;
    right: 1rem;
    width: 75px;
    transform: translateY(-26px);
  }
}

@media (min-width: 1216px) {
  main .alfa-logo {
    position: absolute;
    left: 2rem;
  }
}

main .alfa-logo img {
  margin: 0 auto;
}

main .main-title {
  text-align: center;
  font-size: 2.125rem;
  line-height: 1.2;
  margin-bottom: 1.875rem;
}

@media (min-width: 1024px) {
  main .main-title {
    font-size: 3.125rem;
  }
}

main .main-content {
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.2;
  margin-bottom: 4rem;
}

@media (min-width: 1024px) {
  main .main-content {
    font-size: 1.75rem;
  }
}

main .video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

main .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  z-index: 1;
}

main .video-container > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}