/**
 * Foundation for Sites by ZURB
 * Version 6.4.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
/* 7px tall for main H1 titles */
/* Center aligned */
/* Left aligned */
/**
 * $icon: icon name, that has been defined in the $icons map
 * $element: pseudo element (before, after)
 * $verticalAlign: if this is set, the value of this will be applied to vertical-align
 * Usage example: @include icon_pseudo('angle-right', after) / @include icon_pseudo('angle-right', before, middle);
 */
/*
  Animation keyframes for reveal animations.
*/
@-webkit-keyframes scrollFromDown {
  0% {
    display: none;
    bottom: -100px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes scrollFromDown {
  0% {
    display: none;
    bottom: -100px;
  }
  100% {
    bottom: 0;
  }
}
.field-node--field-microsite-content {
  counter-reset: section;
}
.field-node--field-microsite-content .bg-gray-light {
  background: linear-gradient(102deg, #ffffff 50%, #f6f6f6 50%);
}
@media screen and (min-width: 90em) {
  .field-node--field-microsite-content .bg-gray-light {
    width: 100vw;
    margin-left: calc(-1 * (100vw - 1440px) / 2);
  }
  .field-node--field-microsite-content .bg-gray-light > .section-wrapper {
    max-width: 1440px;
    margin: 0 auto;
  }
}
.field-node--field-microsite-content .paragraph--type--column-two .body-group.section {
  padding: 0.5rem 0;
}
@media screen and (min-width: 60em) {
  .field-node--field-microsite-content .paragraph--type--column-two .body-group.section {
    padding: 1rem 2rem;
  }
}
.field-node--field-microsite-content .section-width-full {
  background: #f6f6f6;
}
.field-node--field-microsite-content .microsite-parallax {
  padding-top: 5rem;
  min-height: 60vh;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (hover: none) {
  .field-node--field-microsite-content .microsite-parallax {
    background-attachment: initial;
  }
}
@media screen and (min-width: 90em) {
  .field-node--field-microsite-content .microsite-parallax {
    width: 100vw;
    margin-left: calc(-1 * (100vw - 1440px) / 2);
  }
}
@media screen and (max-width: 961px) {
  .field-node--field-microsite-content .microsite-mobile-ordering .section-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (max-width: 961px) {
  .field-node--field-microsite-content .microsite-mobile-ordering .section-content .section-column_1 {
    -ms-flex-order: 2;
    order: 2;
  }
}
@media screen and (max-width: 961px) {
  .field-node--field-microsite-content .microsite-mobile-ordering .section-content .section-column_2 {
    -ms-flex-order: 1;
    order: 1;
  }
}
.field-node--field-microsite-content .microsite-50-50-columns {
  background: #ffffff;
}
.field-node--field-microsite-content .microsite-50-50-columns .section-column {
  opacity: 0;
}
.field-node--field-microsite-content .microsite-50-50-columns .section-column.start {
  position: relative;
  -webkit-animation: scrollFromDown 1s ease;
  animation: scrollFromDown 1s ease;
  opacity: 1;
}
.field-node--field-microsite-content .microsite-50-50-columns .section-header h2 {
  padding-top: 5rem;
}
.field-node--field-microsite-content .microsite-50-50-columns .section-header h2::after {
  content: "";
  display: block;
  width: 3.75rem;
  height: 0.375rem;
  margin-top: 1.5625rem;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  background: #ffd51f;
}
.field-node--field-microsite-content .microsite-50-50-columns .section-header h2::after {
  width: 2.5rem;
}
.field-node--field-microsite-content .microsite-50-50-columns .section-wrapper .section-content {
  padding: 0 0.5rem;
}
.field-node--field-microsite-content .microsite-50-50-columns .section-wrapper .section-content .section-heading {
  margin: 10px 0 20px 0;
}
@media screen and (min-width: 60em) {
  .field-node--field-microsite-content .microsite-50-50-columns .section-wrapper .section-content .section-heading {
    margin-bottom: 30px;
  }
}
.field-node--field-microsite-content .microsite-50-50-columns .section-wrapper .section-content .section-heading h2 {
  font-size: 1rem;
  color: #000000;
  text-align: left;
  position: relative;
  margin-left: 70px;
}
.field-node--field-microsite-content .microsite-50-50-columns .section-wrapper .section-content .section-heading h2:before {
  position: absolute;
  counter-increment: section;
  content: counter(section) "";
  width: 50px;
  height: 50px;
  left: -70px;
  top: -10px;
  border: 1.5px solid #003d74;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.5rem;
  color: #003d74;
}
.field-node--field-microsite-content .microsite-50-50-columns .section-wrapper .section-content .section-heading h2:after {
  display: none !important;
}
.field-node--field-microsite-content .microsite-card-stacks {
  background: #ffffff;
}

.campaignPage .paragraph--type--section .section-header .section-header-inner {
  color: #676f77;
}

.node--type-microsite .paragraph--type--section-two-columns .microsite-anchor {
  display: -ms-flexbox;
  display: flex;
}

.node--type-microsite .paragraph--type--section .microsite-anchor {
  display: -ms-flexbox;
  display: flex;
}

.node--type-microsite .paragraph--type--section .microsite-anchor,
.node--type-microsite .paragraph--type--section-two-columns .microsite-anchor {
  -ms-flex-pack: center;
  justify-content: center;
}
.node--type-microsite .paragraph--type--section .microsite-anchor.visible,
.node--type-microsite .paragraph--type--section-two-columns .microsite-anchor.visible {
  visibility: visible;
}
.node--type-microsite .paragraph--type--section .microsite-anchor.hidden,
.node--type-microsite .paragraph--type--section-two-columns .microsite-anchor.hidden {
  visibility: hidden;
  height: 1px;
}
.node--type-microsite .paragraph--type--section .microsite-anchor .field-item,
.node--type-microsite .paragraph--type--section-two-columns .microsite-anchor .field-item {
  color: #ffffff;
  font-size: 1rem;
  font-family: "Produkt", "Roboto Slab", Arial, sans-serif;
  font-weight: bold;
  background-color: #323231;
  display: inline-block;
  padding: 0.9375rem 3.75rem;
  margin-top: 3.125rem;
  margin-bottom: 3.125rem;
  -webkit-clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);
  clip-path: polygon(12px 0%, 100% 0%, calc(100% - 12px) 100%, 0% 100%);
}
@media screen and (min-width: 60em) {
  .node--type-microsite .paragraph--type--section .microsite-anchor .field-item,
  .node--type-microsite .paragraph--type--section-two-columns .microsite-anchor .field-item {
    margin-top: 6.25rem;
  }
}