/*input, textarea, form,
h1, h2, h3, h4, h5, h6, p, span, label, a {
    all: unset;
}
*/
body {
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif; }

a {
  cursor: pointer; }

#ghostery-tracker-tally {
  display: none; }

/*
$color-gradient-1: #ffc299;
$color-gradient-2: #ff944d;
$color-gradient-3: #ff751a;
$color-gradient-4: #ff824d;
$color-gradient-5: #ff944d;
$color-gradient-6: #ffc299;
*/
.section {
  text-align: center;
  position: relative; }

::-moz-selection {
  color: white;
  background: rgba(0, 0, 0, 0.5); }

::selection {
  color: white;
  background: rgba(0, 0, 0, 0.5); }

.deko-1 {
  position: absolute;
  background-color: #dedede;
  border-radius: 50%;
  width: 130vw;
  height: 157vh;
  top: -70vh;
  right: -80vw;
  z-index: 10;
  transform: translateX(-50%);
  overflow: hidden;
  background-image: url("/img/background-triangles_T.png");
  background-position: bottom;
  background-size: 135vh auto;
  background-repeat: repeat-x; }

.pyramid {
  --size: 180vh;
  z-index: 50;
  position: absolute;
  top: calc(calc(var(--size) - 100vh) * -1);
  right: 50vw;
  width: calc(var(--size) / 2);
  height: var(--size);
  margin: calc(var(--size) / 4);
  margin-right: 0; }
  .pyramid::before, .pyramid::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border: calc(var(--size) / 4) solid;
    position: absolute; }
  .pyramid::before {
    border-color: transparent transparent #b30000 transparent;
    transform: scaleY(2) skewY(-40deg) rotate(45deg); }
  .pyramid::after {
    border-color: transparent transparent #9a0000 transparent;
    transform: scaleY(2) skewY(40deg) rotate(-45deg); }

.praline {
  z-index: 40;
  border-radius: 50%;
  height: 15vh;
  width: 15vh;
  position: absolute;
  left: 5vh;
  top: 40vh;
  background-image: url(../img/pralinee.png);
  background-size: 100% 100%; }

.siels {
  z-index: 60;
  position: absolute;
  left: 3.5vh;
  bottom: 3.5vh;
  display: grid;
  row-gap: 1vh; }

.siel {
  position: relative;
  height: 8vh;
  width: 8vh;
  background-color: #b30000;
  border-radius: 50%; }
  .siel::after {
    content: '';
    display: block;
    top: 1vh;
    left: 1vh;
    position: absolute;
    height: 6vh;
    width: 6vh;
    background-size: 100% 100%; }
  .siel span {
    background-color: #b30000;
    color: white;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 .4vh;
    position: absolute;
    left: 7.3vh;
    font-size: 1.8vh;
    line-height: 2.2vh; }
  .siel span:nth-child(1) {
    top: 1.8vh; }
  .siel span:nth-child(2) {
    top: 4.2vh;
    text-transform: uppercase; }
  .siel--bio::after {
    background-image: url(../img/seal-bio.png); }
  .siel--vegan::after {
    background-image: url(../img/seal-vegan.png); }
  .siel--cacao::after {
    background-image: url(../img/seal-cacao.png); }

.cta {
  position: absolute;
  z-index: 100;
  bottom: 4.5vh;
  left: 50vw;
  transform: translateX(-50%);
  display: grid;
  column-gap: 10vh;
  grid-template-columns: 1fr 1fr; }

.description {
  z-index: 60;
  position: absolute;
  right: 3.5vh;
  bottom: 3.5vh; }
  .description__img {
    z-index: 61;
    position: relative;
    height: 12vh;
    width: 12vh;
    background-image: url(../img/pralinee.png);
    background-size: contain; }
  .description span {
    background-color: #b30000;
    color: white;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 2vh;
    line-height: 3vh;
    padding: 0 1.1vh;
    padding-right: 2vh;
    position: absolute;
    right: 10vh; }
  .description span:nth-child(1) {
    top: 2.8vh; }
  .description span:nth-child(2) {
    top: 6.2vh; }

.listitems {
  display: grid;
  text-align: left; }
  .listitems--left {
    text-align: right; }
  .listitems__item__title {
    display: inline-block;
    background-color: #b30000;
    color: white;
    text-transform: uppercase;
    font-size: 3vh;
    line-height: 4vh;
    padding: 0 1.1vh; }
  .listitems__item__description {
    font-size: 2vh;
    padding: 1.1vh;
    line-height: 3vh; }

.logo-wrapper {
  position: absolute;
  z-index: 100;
  top: 60vh;
  transform: translate(-50%, -50%);
  left: 50vw;
  font-size: 12vh;
  color: white; }

.logo {
  font-family: 'Dancing Script', cursive;
  font-size: 1.6em;
  line-height: .95em;
  margin-left: -2vh;
  color: white; }

.slogan {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.35em;
  margin-top: 1em;
  color: white;
  text-transform: uppercase; }

.button {
  color: white;
  background-color: transparent;
  font-size: 2em;
  padding: .4em .8em;
  text-transform: uppercase;
  cursor: pointer;
  border: .3vh solid white;
  transition: all .2s ease;
  text-decoration: none; }
  .button:hover {
    background-color: #b30000; }
  .button--strong:hover {
    background-color: #9a0000; }

.section__buy {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 3vh;
  margin-left: 50%;
  margin-top: 5vh;
  margin-bottom: 5vh;
  width: auto;
  transform: translateX(-50%);
  width: 63vw; }

.buy {
  display: grid;
  grid-template-rows: auto auto auto 1fr auto;
  background-color: #DEDEDE;
  margin-top: 3vh;
  width: 20vw;
  color: white;
  --buy-bg: #b30000; }
  .buy--favorite {
    margin: 0;
    --buy-bg: #9a0000; }
    .buy--favorite .buy__price__per {
      padding-bottom: 1vh; }
    .buy--favorite .buy__price {
      font-size: 4em; }
  .buy__name {
    background-color: var(--buy-bg);
    text-transform: uppercase;
    font-size: 2em;
    padding-top: 4vh; }
  .buy__price {
    display: grid;
    grid-template-columns: 1fr auto auto 1fr;
    background-color: var(--buy-bg);
    font-size: 3em;
    padding-top: 2vh;
    padding-bottom: 1vh; }
    .buy__price__no {
      display: block; }
    .buy__price__zent {
      display: block;
      font-size: .5em;
      margin-top: .15em; }
  .buy__price__per {
    position: relative;
    background-color: var(--buy-bg);
    margin-bottom: 4vh;
    font-size: .8em; }
    .buy__price__per::after {
      content: '';
      display: block;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      border-color: transparent;
      border-width: 10vw;
      border-style: solid;
      border-top: 4vh solid var(--buy-bg); }
  .buy__arguments {
    color: black;
    padding: 1.5vh 3vh; }
    .buy__arguments__item {
      font-size: 1.3em;
      white-space: nowrap;
      padding: 1.5vh 0;
      border-bottom: 1px solid black; }
      .buy__arguments__item:last-child {
        border-bottom: none; }
  .buy__button {
    background-color: var(--buy-bg);
    padding: 3vh; }
    .buy__button .button {
      display: block; }

.section__praline {
  display: grid;
  grid-template-columns: 3fr 2fr 2fr 3fr;
  padding: 0 5vh;
  padding-top: 20vh;
  height: 50vh; }

.praline-praline {
  position: relative;
  display: grid;
  justify-content: center;
  align-content: center; }
  .praline-praline__img {
    position: absolute;
    z-index: 45;
    top: -100vh;
    left: 50%;
    transition: all .7s ease 0s;
    transform: translateX(-50%);
    height: 18vh;
    width: 18vh;
    background-image: url(../img/pralinee.png);
    background-size: contain; }
    .praline-praline__img--left {
      transform: translateX(30%); }
    .praline-praline__img--right {
      transform: translateX(-130%); }
    .praline-praline__img--pos1 {
      transform: translateX(-50%);
      top: 10vh; }
    .praline-praline__img--pos2 {
      top: 130vh; }
      .praline-praline__img--pos2.praline-praline__img--left {
        transform: translateX(30%) scale(0.2); }
      .praline-praline__img--pos2.praline-praline__img--right {
        transform: translateX(-120%) scale(0.2); }

.section__fair {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0 5vh; }

.fair-field {
  display: grid;
  justify-content: center;
  align-content: center; }
  .fair-field__img {
    display: grid;
    grid-template-rows: 6fr 3fr 1fr;
    height: 60vh;
    width: 50vh; }
    .fair-field__img__part {
      position: relative; }
      .fair-field__img__part:nth-child(1):before {
        content: '';
        position: absolute;
        height: 18vh;
        width: 50vh;
        z-index: 43;
        background-image: url(../img/plant_img.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        bottom: -18vh;
        left: 0; }
      .fair-field__img__part:nth-child(2) {
        z-index: 48;
        background-image: url(../img/plant_img_cover.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center; }
      .fair-field__img__part:nth-child(3) {
        z-index: 46;
        background-color: white;
        margin-top: -5vh;
        padding-top: 5vh; }
      .fair-field__img__part__plant {
        z-index: 45;
        position: absolute;
        height: 46vh;
        width: 46vh;
        left: 50%;
        top: 22vh;
        transform: translateX(-48%) scale(0.3);
        background-image: url(../img/plant_sprout.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        transition: all .6s ease-in-out 0s; }
        .fair-field__img__part__plant::after {
          content: '';
          position: absolute;
          height: 46vh;
          width: 46vh;
          top: 0vh;
          left: 50%;
          background-image: url(../img/plant_sprout_leaves.png);
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center;
          transform: translateX(-50%) scale(0);
          transform-origin: bottom center;
          transition: all .6s ease-in 0s; }
        .fair-field__img__part__plant--grow {
          transform: translateX(-48%) scale(1);
          top: 0vh; }
        .fair-field__img__part__plant--grow-leaves::after {
          transform: translateX(-50%) scale(1); }

.fair-farmer {
  position: relative;
  display: grid;
  justify-content: center;
  align-content: center; }
  .fair-farmer__img {
    position: absolute;
    top: 0vh;
    height: 60vh;
    width: 60vh;
    transition: all .7s ease 0s;
    background-image: url(../img/farmers.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center; }
    .fair-farmer__img--moveDown {
      top: 100vh; }

.fair-list {
  display: grid;
  height: 60vh; }
  .fair-list__item {
    position: relative;
    text-align: left;
    padding-left: 9vh;
    /*
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto 1fr;
        grid-template-areas: 'i t' 'i d';
        */ }
    .fair-list__item__img {
      height: 10vh;
      width: 10vh;
      background-size: 76%;
      background-color: #b30000;
      border-radius: 50%;
      background-repeat: no-repeat;
      background-position: center;
      margin-left: -9vh; }
    .fair-list__item__title {
      position: absolute;
      top: 2vh;
      display: inline-block;
      background-color: #b30000;
      color: white;
      text-transform: uppercase;
      font-size: 2.7vh;
      line-height: 3.5vh;
      padding: 0 1.1vh;
      padding-left: 2vh; }
    .fair-list__item__description {
      top: 5.4vh;
      position: absolute;
      font-size: 2vh;
      padding: 1.1vh;
      padding-left: 2vh;
      line-height: 3vh; }

.section__school {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0 5vh; }

.school-disp {
  display: grid;
  justify-content: center;
  align-content: center; }
  .school-disp__box__img {
    height: 40vh;
    width: 60vh;
    background-color: gray;
    background-image: url(../img/banner_school.jpg);
    background-size: cover;
    filter: grayscale(1); }
  .school-disp__box__progress {
    position: relative;
    background-color: #DEDEDE;
    font-size: 1.6vh;
    padding: .7vh;
    margin-top: 2vh; }
    .school-disp__box__progress__bar {
      background-color: #b30000;
      width: 0%;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0; }

.school-farmer {
  display: grid;
  justify-content: center;
  align-content: center; }
  .school-farmer__img {
    height: 40vh;
    width: 60vh;
    background-color: transparent; }

@media screen and (max-width: 1200px) {
  #fp-nav.fp-right {
    right: 1vh;
    transform: translateX(50%); }
  .pyramid {
    --size: 150vh;
    top: -70vh; }
  .siels {
    left: 1vh;
    bottom: auto;
    top: -1vh;
    transform: scale(0.8); }
  .description {
    right: 1vh;
    bottom: auto;
    top: 1vh; }
    .description span {
      display: none; }
  .logo-wrapper {
    top: 50vh;
    font-size: 10vh; }
  .slogan {
    width: 100vw; }
  .cta {
    grid-template-columns: 1fr;
    width: calc(100% - 4vh);
    row-gap: 2vh;
    bottom: auto;
    top: 73vh; }
  .cta .button {
    font-size: 1.8em;
    background-color: #b30000; }
    .cta .button--strong {
      background-color: #9a0000; }
  .hide-mobile {
    display: none; }
  .praline-praline {
    display: none; }
  .section__praline {
    padding: 2vh;
    padding-top: 20vh;
    grid-template-columns: 1fr;
    height: 78vh; }
  .listitems {
    text-align: center; }
  h1 {
    font-size: 1.7em; }
  .fair-farmer {
    display: none; }
  .section__fair {
    padding: 2vh;
    grid-template-columns: 1fr;
    grid-template-rows: 27vh 1fr;
    height: 86vh;
    width: calc(100vw - 4vh);
    margin-top: -6vh; }
  .fair-field {
    width: calc(100vw - 4vh); }
  .fair-field__img {
    transform: scale(0.45); }
  .fair-list__item__title {
    font-size: 2.3vh; }
  .fair-list__item__description {
    font-size: 1.9vh;
    line-height: 2.5vh; }
  .school-farmer {
    display: none; }
  .section__school {
    padding: 0 2vh;
    grid-template-columns: 1fr;
    grid-template-rows: 32vh 56vh;
    height: 92vh;
    width: calc(100vw - 4vh);
    margin-top: -7vh; }
    .section__school .listitems,
    .section__school .school-disp {
      width: calc(100vw - 4vh); }
    .section__school .school-disp__box__img {
      height: 22vh;
      width: calc(100vw - 4vh); }
  .listitems__item__description {
    font-size: 1.9vh;
    padding: 1.1vh;
    line-height: 2.5vh; }
  .section__buy {
    display: none;
    margin: 0;
    margin-top: 4vh;
    padding: 0 2vh;
    width: calc(100vw - 4vh);
    transform: none;
    column-gap: 2vh;
    grid-template-columns: initial;
    grid-auto-flow: column !important;
    overflow-y: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory; }
  .buy {
    width: calc(90vw - 4vh);
    scroll-snap-align: center;
    overflow: hidden; }
  .buy__price__per::after {
    border-width: calc(50vw - 2vh);
    border-top: 4vh solid var(--buy-bg); } }

.section__buy {
  display: grid;
  grid-auto-flow: column;
  overflow-y: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory; }

.buy {
  scroll-snap-align: center; }

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