/*----------------------------------------------*\
    FOOTER
	======

	@package piknikpress

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package piknikpress

\*----------------------------------------------*/
/* 
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Widths */
/* Breakpoints */
/* 500px */
/* 600px */
/* 700px */
/* 800px */
/* 1100px */
/* 1400px */
/* Fonts */
/* 
 *
 * / Mixins
------------------------------------------------*/
/* 
 *
 * 1./  
------------------------------------------------*/
/* line 16, ../src/footer.scss */
.site-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 4em;
  padding-top: 2em;
  background-color: #016937; }
  @media screen and (min-width: 37.5em) {
    /* line 16, ../src/footer.scss */
    .site-footer {
      padding-top: 3em; } }
  @media screen and (min-width: 50em) {
    /* line 16, ../src/footer.scss */
    .site-footer {
      margin-top: 5em; } }
  @media screen and (min-width: 68.75em) {
    /* line 16, ../src/footer.scss */
    .site-footer {
      margin-top: 6em;
      padding-top: 4em; } }
  /* line 34, ../src/footer.scss */
  .site-footer .site-branding {
    width: 35%; }
    @media screen and (min-width: 37.5em) {
      /* line 34, ../src/footer.scss */
      .site-footer .site-branding {
        width: 30%; } }
  @media screen and (min-width: 37.5em) {
    /* line 41, ../src/footer.scss */
    .site-footer .site-logo-link {
      height: 8em;
      width: 8em; } }
  @media screen and (min-width: 50em) {
    /* line 41, ../src/footer.scss */
    .site-footer .site-logo-link {
      height: 10em;
      width: 10em; } }

@media screen and (min-width: 37.5em) {
  /* line 53, ../src/footer.scss */
  .footer__text-mailing {
    width: 70%;
    margin-right: 10%; } }
@media screen and (min-width: 50em) {
  /* line 53, ../src/footer.scss */
  .footer__text-mailing {
    width: 35%;
    margin-right: 10%;
    margin-left: 40%; } }
@media screen and (min-width: 68.75em) {
  /* line 53, ../src/footer.scss */
  .footer__text-mailing {
    width: 45%;
    margin-right: 5%;
    margin-left: 35%;
    margin-bottom: 3em; } }

/* line 71, ../src/footer.scss */
.footer__text {
  margin-bottom: 2em;
  font-weight: 500;
  font-size: 1.25em;
  color: #ffffff; }
  @media screen and (min-width: 50em) {
    /* line 71, ../src/footer.scss */
    .footer__text {
      font-size: 1.5em; } }
  @media screen and (min-width: 68.75em) {
    /* line 71, ../src/footer.scss */
    .footer__text {
      margin-bottom: 1em; } }
  @media screen and (min-width: 68.75em) {
    /* line 84, ../src/footer.scss */
    .footer__text--mobile {
      display: none; } }
  /* line 90, ../src/footer.scss */
  .footer__text--desktop {
    display: none; }
    @media screen and (min-width: 68.75em) {
      /* line 90, ../src/footer.scss */
      .footer__text--desktop {
        display: block; } }

/* Mailing List */
/* line 99, ../src/footer.scss */
.mailinglist {
  width: 100%;
  margin-top: 1em;
  color: white;
  margin-bottom: 3em; }
  @media screen and (min-width: 68.75em) {
    /* line 99, ../src/footer.scss */
    .mailinglist {
      margin-bottom: 0; } }
  /* line 109, ../src/footer.scss */
  .mailinglist .indicates-required,
  .mailinglist .asterisk {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0; }
  /* line 120, ../src/footer.scss */
  .mailinglist h2 {
    letter-spacing: 1px;
    font-size: 1.25em;
    font-weight: 500; }
    @media screen and (min-width: 50em) {
      /* line 120, ../src/footer.scss */
      .mailinglist h2 {
        font-size: 1.5em; } }
  /* line 129, ../src/footer.scss */
  .mailinglist .mc-field-group label {
    margin-right: 0.5em;
    text-transform: lowercase;
    font-size: 1.25em;
    font-weight: 400; }
    @media screen and (min-width: 50em) {
      /* line 129, ../src/footer.scss */
      .mailinglist .mc-field-group label {
        font-size: 1.5em; } }
  /* line 139, ../src/footer.scss */
  .mailinglist .email {
    background-color: transparent;
    border-bottom: 2px solid #ffffff;
    font-family: davis-sans, sans-serif;
    color: #ffffff;
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 1.25em; }
    @media screen and (min-width: 50em) {
      /* line 139, ../src/footer.scss */
      .mailinglist .email {
        font-size: 1.5em; } }
  /* line 153, ../src/footer.scss */
  .mailinglist .button {
    padding: 0.35em 0.5em 0.25em;
    background-color: transparent;
    border: 2px solid #ffffff;
    font-family: davis-sans, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 1em;
    cursor: pointer;
    letter-spacing: 1px;
    margin-top: 0.75em;
    transition: color 0.3s ease, background-color 0.3s ease; }
    /* line 167, ../src/footer.scss */
    .mailinglist .button:hover, .mailinglist .button:focus {
      background-color: #ffffff;
      color: #000000; }

@media screen and (min-width: 37.5em) {
  /* line 174, ../src/footer.scss */
  .footer-navigation {
    width: 20%;
    font-size: 1.25em; } }
@media screen and (min-width: 50em) {
  /* line 174, ../src/footer.scss */
  .footer-navigation {
    width: 15%;
    font-size: 1.5em; } }
/* line 187, ../src/footer.scss */
.footer-navigation .menu-item {
  margin-bottom: 0.125em;
  display: inline-block;
  margin-right: .5em; }
  @media screen and (min-width: 37.5em) {
    /* line 187, ../src/footer.scss */
    .footer-navigation .menu-item {
      display: block;
      margin-bottom: 0; } }
/* line 199, ../src/footer.scss */
.footer-navigation a {
  color: #ffffff;
  text-decoration: none;
  text-transform: lowercase;
  font-weight: 500;
  display: inline-block; }
/* line 207, ../src/footer.scss */
.footer-navigation .current_page_item a:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-top: 0.25em;
  background-color: #ffffff;
  transform-origin: right;
  transform: translateY(-0.4rem) scaleX(1);
  transition: transform 1s ease; }
  @media screen and (min-width: 37.5em) {
    /* line 207, ../src/footer.scss */
    .footer-navigation .current_page_item a:after {
      height: 3px;
      margin-top: 0.25em; } }
/* line 223, ../src/footer.scss */
.footer-navigation .current_page_item a:hover:after,
.footer-navigation .current_page_item a:focus:after {
  transform-origin: right;
  transform: translateY(-0.4rem) scaleX(0); }

/* line 229, ../src/footer.scss */
.copyright {
  color: #ffffff;
  font-size: 0.8em;
  margin-top: 0.25rem;
  margin-bottom: 1rem; }
  @media only screen and (min-width: 31.25em) {
    /* line 229, ../src/footer.scss */
    .copyright {
      font-size: 0.6em; } }

/* line 239, ../src/footer.scss */
.made-with {
  color: #ffffff;
  font-size: 0.8em;
  margin-top: 1rem; }
  @media only screen and (min-width: 31.25em) {
    /* line 239, ../src/footer.scss */
    .made-with {
      font-size: 0.6em;
      margin-top: 2rem; } }
  /* line 248, ../src/footer.scss */
  .made-with svg {
    width: 1em;
    vertical-align: middle;
    padding-bottom: 3px; }

/* Basket Animation */
/* line 256, ../src/footer.scss */
.basket-section {
  width: 100%;
  color: #016937 !important; }
  @media only screen and (min-width: 50em) {
    /* line 256, ../src/footer.scss */
    .basket-section {
      width: 30%;
      margin-top: -14.75em; } }

/* line 265, ../src/footer.scss */
.basket-animation-wrapper {
  width: 15em;
  height: 15em;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  @media only screen and (min-width: 68.75em) {
    /* line 265, ../src/footer.scss */
    .basket-animation-wrapper {
      transform: scale(1.25) translateY(-1.5em); } }
  /* line 276, ../src/footer.scss */
  .basket-animation-wrapper img {
    display: block; }

/* line 280, ../src/footer.scss */
.basket {
  width: 15em;
  position: absolute;
  bottom: 0;
  z-index: 100; }

/* line 286, ../src/footer.scss */
.baguette {
  width: 5em;
  position: absolute;
  bottom: 4.75em;
  z-index: 10;
  opacity: 0;
  transform: rotate(0deg);
  transition: transform 2s ease !important; }

/* line 295, ../src/footer.scss */
.pear {
  width: 3.5em;
  position: absolute;
  left: 3.25em;
  bottom: 6.55em;
  z-index: 20;
  opacity: 0; }

/* line 303, ../src/footer.scss */
.cheese {
  width: 5.25em;
  position: absolute;
  left: 5em;
  bottom: 6.4em;
  z-index: 10;
  opacity: 0; }

/* line 311, ../src/footer.scss */
.apple {
  width: 4.25em;
  position: absolute;
  left: 8.5em;
  bottom: 6.75em;
  z-index: 20;
  opacity: 0; }

/* line 319, ../src/footer.scss */
.banana {
  width: 5em;
  position: absolute;
  left: 9.5em;
  bottom: 6.5em;
  z-index: 10;
  opacity: 0; }

@keyframes popup {
  0% {
    transform: translateY(6.75em);
    opacity: 0; }
  1% {
    opacity: 1; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
@keyframes jiggle {
  0% {
    transform: rotate(10deg); }
  15% {
    transform: rotate(-5deg); }
  30% {
    transform: rotate(5deg); }
  45% {
    transform: rotate(-3deg); }
  60% {
    transform: rotate(3deg); }
  75% {
    transform: rotate(-1deg); }
  100% {
    transform: rotate(0deg); } }
@keyframes bounce {
  0% {
    transform: translateY(0.25em); }
  15% {
    transform: translateY(-0.25em); }
  30% {
    transform: translateY(0.15em); }
  45% {
    transform: translateY(-0.15em); }
  60% {
    transform: translateY(0.05em); }
  75% {
    transform: translateY(-0.05em); }
  100% {
    transform: translateY(0); } }
/* line 351, ../src/footer.scss */
.scrolled-to-bottom .baguette {
  animation: popup 0.5s ease-in 1s 1 normal forwards, bounce 2s ease-in 1s 1 normal, jiggle 2s ease-in 5s 1 normal; }
/* line 354, ../src/footer.scss */
.scrolled-to-bottom .pear {
  animation: popup 1s ease-in 2s 1 normal forwards, bounce 3s ease-in 1s 1 normal, bounce 2.25s ease-in 5.5s 1 normal; }
/* line 357, ../src/footer.scss */
.scrolled-to-bottom .cheese {
  animation: popup 0.5s ease-in 2.75s 1 normal forwards, bounce 3.75s ease-in 1s 1 normal, jiggle 2s ease-in 5.75s 1 normal; }
/* line 360, ../src/footer.scss */
.scrolled-to-bottom .apple {
  animation: popup 0.75s ease-in 1.5s 1 normal forwards, bounce 2.5s ease-in 1s 1 normal, bounce 2.5s ease-in 6s 1 normal; }
/* line 363, ../src/footer.scss */
.scrolled-to-bottom .banana {
  animation: popup 0.55s ease-in 2.5s 1 normal forwards, bounce 3.5s ease-in 1s 1 normal, jiggle 3s ease-in 5s 1 normal; }