/********************************************************************************************* 

x. Imports

*********************************************************************************************/
@import 'https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,400;1,400&family=Karla:ital,wght@0,400;0,700;1,400;1,700&display=swap';
@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/SpaceGrotesk-Regular.woff2") format("woff2"), url("../fonts/SpaceGrotesk-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/SpaceGrotesk-Bold.woff2") format("woff2"), url("../fonts/SpaceGrotesk-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Trois Mille 18";
  src: url("../fonts/TroisMilleRegular-18.woff2") format("woff2"), url("../fonts/TroisMilleRegular-18.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Trois Mille 18";
  src: url("../fonts/TroisMilleRegularItalic-18.woff2") format("woff2"), url("../fonts/TroisMilleRegularItalic-18.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Trois Mille 22";
  src: url("../fonts/TroisMilleMedium-22.woff2") format("woff2"), url("../fonts/TroisMilleMedium-22.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Trois Mille 22";
  src: url("../fonts/TroisMilleMediumItalic-22.woff2") format("woff2"), url("../fonts/TroisMilleMediumItalic-22.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
/*
 * jquery-filestyle
 * doc: http://markusslima.github.io/jquery-filestyle/
 * github: https://github.com/markusslima/jquery-filestyle
 *
 * Copyright (c) 2015 Markus Vinicius da Silva Lima
 * Version 1.5.1
 * Licensed under the MIT license.
 */
.jfilestyle {
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
  position: relative;
}
.jfilestyle:last-child {
  margin-bottom: 0;
}
.jfilestyle .focus-jfilestyle {
  background: #3C4931;
  display: block;
}
.jfilestyle .focus-jfilestyle:hover {
  background: #F4ABAD;
}
.jfilestyle .focus-jfilestyle label {
  padding: 20px 40px;
  display: block;
  cursor: pointer;
}
.jfilestyle .focus-jfilestyle label[disabled] {
  pointer-events: none;
  opacity: 0.6;
  filter: alpha(opacity=65);
  cursor: not-allowed;
}
.jfilestyle .focus-jfilestyle label span {
  color: #FDF9EC !important;
  font-family: "Trois Mille 22", sans-serif;
  font-size: 1.25em;
  letter-spacing: 0.125em;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
  display: block;
}
.jfilestyle .focus-jfilestyle label span.count-jfilestyle {
  display: none;
}

.invalid .jfilestyle label,
.invalid-file .jfilestyle label {
  background: #AE0000;
}

/* iCheck plugin Square skin, black
----------------------------------- */
.icheckbox,
.iradio {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: white;
  border: 2px solid black;
  margin: 0 10px 0 0;
  cursor: pointer;
  position: relative;
  top: -2px;
}

.iradio {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.icheckbox.checked:after {
  content: "\f3ff";
  font-family: "Ionicons";
  font-size: 22px;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.iradio.checked:after {
  content: "";
  width: 16px;
  height: 16px;
  background: #3D3D3D;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.invalid .icheckbox,
.invalid .iradio {
  color: #AE0000;
  border-color: #AE0000;
}
.invalid .iradio.checked:after {
  background: #AE0000;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0 !important;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: auto;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/********************************************************************************************* 

x. Arrows

*********************************************************************************************/
.slick-next,
.slick-prev {
  background: none;
  border: none;
  display: block;
  position: absolute;
  top: calc(100% + 10px);
  z-index: 10;
  cursor: pointer;
}
.slick-next:before,
.slick-prev:before {
  font-family: "IonIcons";
  font-size: 2rem;
  font-weight: normal;
}

.slick-next {
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  right: 48.5%;
}
.slick-next:before {
  content: "\f119";
}

.slick-prev {
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  left: 48.5%;
}
.slick-prev:before {
  content: "\f117";
}

/********************************************************************************************* 

x. Inline Arrows

*********************************************************************************************/
.slick.inline-arrows .slick-next,
.slick.inline-arrows .slick-prev {
  width: 50px;
  height: 100px;
  background: white;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
}
.slick.inline-arrows .slick-next {
  right: 0;
}
.slick.inline-arrows .slick-prev {
  left: 0;
}

/********************************************************************************************* 

x. Variable Width

*********************************************************************************************/
.slick.variable-width {
  padding: 0 50px;
}
.slick.variable-width:after, .slick.variable-width:before {
  content: "";
  width: 50px;
  height: auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
}
.slick.variable-width:after {
  right: 50px;
}
.slick.variable-width:before {
  left: 50px;
}
.slick.variable-width:last-child {
  margin-bottom: 0;
}
.slick.variable-width .slick-next,
.slick.variable-width .slick-prev {
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
}
.slick.variable-width .slick-next {
  right: 0;
}
.slick.variable-width .slick-prev {
  left: 0;
}
.slick.variable-width .slick-track {
  display: flex;
  align-items: center;
  justify-content: center;
}
.slick.variable-width .slick-track .slick-slide {
  margin: 0 100px 0 0;
  float: none;
}
.slick.variable-width .slick-track .slick-slide a {
  display: block;
}
.slick.variable-width .slick-track .slick-slide a .image {
  display: block;
}
.slick.variable-width .slick-track .slick-slide a .image img {
  width: auto;
  height: auto;
  max-width: 250px;
  max-height: 100px;
}

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
  if greater that the natural height of the tooltip, will be enforced
  in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

/* grow */
.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* swing */
.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

/* fall */
.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

/* slide */
.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  animation: tooltipster-fading 400ms;
}

/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms;
}

/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  border-radius: 5px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: #FDF9EC;
  font-family: "Trois Mille 18", sans-serif;
  font-size: 1em;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: #C4A07C;
  padding: 10px 15px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  been positioned yet */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  left: 0;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  left: 0;
  top: -3px;
}

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

/*********************************************************************************************

x. Basic Setup (Body, Fonts, etc.) 

********************************************************************************************/
@media only screen and (max-width: 1700px) {
  .wrapper.large {
    width: auto;
    margin: 0 50px;
  }
}
@media only screen and (max-width: 1300px) {
  h1 {
    font-size: 2.25rem;
  }
  .wrapper.medium {
    width: auto;
    margin: 0 50px;
  }
}
@media only screen and (max-width: 900px) {
  .wrapper.large, .wrapper.medium {
    margin: 0 30px;
  }
}
@media only screen and (max-width: 760px) {
  h1.background,
h2.background,
h3.background,
h4.background,
h5.background,
h6.background {
    background: transparent;
    padding: 0;
  }
  .wrapper.small {
    width: auto;
    margin: 0 30px;
  }
}
@media only screen and (max-width: 1000px) {
  h1 {
    font-size: 1.75rem;
    line-height: 1.25em;
  }
  h2 {
    font-size: 1.5rem;
  }
  h4 {
    font-size: 1.25rem;
  }
  h4,
h5,
h6 {
    font-size: 1rem;
  }
}
/********************************************************************************************* 

x. Content

*********************************************************************************************/
@media only screen and (max-width: 1700px) {
  .content.bottom {
    margin: 50px 0 0 0;
  }
  .content.top {
    margin: 0 0 50px 0;
  }
}
@media only screen and (max-width: 1000px) {
  .content a.button {
    font-size: 1em;
    padding: 20px 40px;
  }
}
@media only screen and (max-width: 900px) {
  .content.bottom {
    margin: 30px 0 0 0;
  }
  .content.top {
    margin: 0 0 30px 0;
  }
}
/********************************************************************************************* 

x. Footer

*********************************************************************************************/
@media only screen and (max-width: 1500px) {
  footer .bottom .content {
    text-align: left;
  }
  footer .columns {
    margin: -25px -25px 65px -25px;
    flex-wrap: wrap;
  }
  footer .columns .column {
    width: 50%;
    order: 1;
  }
  footer .columns .column:nth-child(2) {
    width: 100%;
    order: 0;
  }
  footer .columns .column:nth-child(2) .inside {
    padding-bottom: 65px;
  }
  footer .columns .column .inside {
    padding: 25px;
  }
  footer .neighborhood-logo {
    margin: 0;
  }
}
@media only screen and (max-width: 1200px) {
  footer .bottom,
footer .top {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 1000px) {
  footer .bottom,
footer .top {
    padding: 50px 0;
  }
  footer .bottom .content {
    text-align: center;
  }
  footer .bottom .content ol.buttons,
footer .bottom .content ul.buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  footer .bottom .content ol.buttons li,
footer .bottom .content ul.buttons li {
    margin: 0 10px 20px 10px;
  }
  footer .bottom .content ol.buttons li:not(:last-child),
footer .bottom .content ul.buttons li:not(:last-child) {
    margin: 0 10px 20px 10px;
  }
  footer .columns {
    margin: -25px -25px 25px -25px;
  }
  footer .columns .column {
    width: 100%;
  }
  footer .columns .column:nth-child(2) .inside {
    padding-bottom: 25px;
  }
  footer .grid {
    margin: 0 -25px -50px -25px;
  }
  footer .grid .item {
    margin: 0 25px 50px 25px;
  }
  footer .grid .item a .image img {
    max-width: 200px;
    max-height: 80px;
  }
  footer .neighborhood-logo,
footer .support-local-logo {
    margin: 0 auto;
  }
  footer .neighborhood-logo {
    width: 200px;
  }
}
@media only screen and (max-width: 900px) {
  footer .grid {
    margin: 0 -15px -30px -15px;
  }
  footer .grid .item {
    margin: 0 15px 30px 15px;
  }
}
@media only screen and (max-width: 860px) {
  footer .columns {
    margin: -15px;
  }
  footer .columns .column .inside {
    padding: 15px;
  }
}
@media only screen and (max-width: 600px) {
  footer .grid .item a .image img {
    max-width: 150px;
    max-height: 60px;
  }
}
/********************************************************************************************* 

x. Form

*********************************************************************************************/
@media only screen and (max-width: 1300px) {
  form .grid .item.spacer.width-10 {
    display: none !important;
  }
  form .grid .item.spacer.width-20 {
    width: 10%;
  }
  form .grid .item.spacer.width-30 {
    width: 25%;
  }
  form .grid .item.width-40 {
    width: 50%;
  }
  form .grid .item.width-60 {
    width: 80%;
  }
}
@media only screen and (max-width: 1000px) {
  form .grid .item.spacer.width-30 {
    display: none !important;
  }
  form .grid .item.width-40 {
    width: 100%;
  }
}
@media only screen and (max-width: 900px) {
  form .grid .item.spacer.width-20 {
    display: none !important;
  }
  form .grid .item.spacer .inside {
    padding-bottom: 0;
  }
  form .grid .item.width-33, form .grid .item.width-50, form .grid .item.width-60 {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  form .checkboxes li,
form .radios li {
    width: 50%;
  }
}
/********************************************************************************************* 

x. Business
x. Product

*********************************************************************************************/
@media only screen and (max-width: 1500px) {
  section.business .columns,
section.product .columns {
    margin: 0 -25px;
  }
  section.business .columns .column .inside,
section.product .columns .column .inside {
    margin: 0 25px;
  }
}
@media only screen and (max-width: 860px) {
  section.business .columns,
section.product .columns {
    margin: -15px 0;
    flex-direction: column;
  }
  section.business .columns .column,
section.product .columns .column {
    width: 100%;
    padding: 15px 0;
  }
  section.business .columns .column .inside,
section.product .columns .column .inside {
    margin: 0;
  }
}
/********************************************************************************************* 

x. Businesses
x. Products

*********************************************************************************************/
@media only screen and (max-width: 1700px) {
  section.businesses .columns,
section.products .columns {
    margin: 0 -25px;
  }
  section.businesses .columns:not(:last-child),
section.products .columns:not(:last-child) {
    margin-bottom: 50px;
  }
  section.businesses .columns .column .inside,
section.products .columns .column .inside {
    padding: 0 25px;
  }
  section.businesses .filters:before,
section.products .filters:before {
    width: 9999px;
  }
  section.businesses .grid,
section.products .grid {
    margin: 0 -25px -50px -25px;
  }
  section.businesses .grid .item .inside,
section.products .grid .item .inside {
    padding: 0 25px 50px 25px;
  }
}
@media only screen and (max-width: 1400px) {
  section.businesses .grid .item.width-20,
section.products .grid .item.width-20 {
    width: 25%;
  }
}
@media only screen and (max-width: 1300px) {
  section.businesses .columns .column,
section.products .columns .column {
    width: 100%;
  }
  section.businesses .columns .column .columns .column,
section.products .columns .column .columns .column {
    width: auto;
  }
  section.businesses .filters,
section.products .filters {
    margin: 0 0 50px 0;
  }
  section.businesses .filters:after,
section.products .filters:after {
    content: "";
    width: 9999px;
    height: auto;
    background: #FDF9EC;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
  }
  section.businesses .filters .area,
section.products .filters .area {
    display: flex;
    flex-wrap: wrap;
  }
  section.businesses .filters .area.border:not(:last-child),
section.products .filters .area.border:not(:last-child) {
    margin: 0 0 15px 0;
    padding: 0;
  }
  section.businesses .filters .area:not(:last-child),
section.products .filters .area:not(:last-child) {
    border-bottom: 1px solid #FDF9EC;
    margin: 0 0 15px 0;
    padding: 0;
  }
  section.businesses .filters .area li,
section.products .filters .area li {
    margin: 0 30px 15px 0;
  }
  section.businesses .filters .area li.title,
section.products .filters .area li.title {
    width: 100%;
  }
  section.businesses .filters .area li:not(:last-child),
section.products .filters .area li:not(:last-child) {
    margin: 0 30px 15px 0;
  }
}
@media only screen and (max-width: 1100px) {
  section.businesses .grid .item.width-20,
section.products .grid .item.width-20 {
    width: 33.33%;
  }
  section.businesses .grid .item.width-20:nth-of-type(1n + 4),
section.products .grid .item.width-20:nth-of-type(1n + 4) {
    display: none;
  }
  section.businesses .grid .item.width-25,
section.products .grid .item.width-25 {
    width: 33.33%;
  }
}
@media only screen and (max-width: 900px) {
  section.businesses .columns,
section.products .columns {
    margin: 0 -15px;
  }
  section.businesses .columns:not(:last-child),
section.products .columns:not(:last-child) {
    margin-bottom: 50px;
  }
  section.businesses .columns .column .inside,
section.products .columns .column .inside {
    padding: 0 15px;
  }
  section.businesses .grid,
section.products .grid {
    margin: 0 -15px -30px -15px;
  }
  section.businesses .grid .item .inside,
section.products .grid .item .inside {
    padding: 0 15px 30px 15px;
  }
  section.businesses .filters,
section.products .filters {
    display: none;
  }
  section.businesses .mobile-filters,
section.products .mobile-filters {
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  section.businesses .columns .column .columns,
section.products .columns .column .columns {
    margin: -15px;
  }
  section.businesses .columns .column .columns:not(:last-child),
section.products .columns .column .columns:not(:last-child) {
    margin-bottom: 35px;
  }
  section.businesses .columns .column .columns .column,
section.products .columns .column .columns .column {
    width: 100%;
  }
  section.businesses .columns .column .columns .column .inside,
section.products .columns .column .columns .column .inside {
    padding: 15px;
  }
  section.businesses .grid .item.width-20, section.businesses .grid .item.width-25,
section.products .grid .item.width-20,
section.products .grid .item.width-25 {
    width: 50%;
  }
  section.businesses .grid .item.width-20:nth-child(1n+20), section.businesses .grid .item.width-25:nth-child(1n+20),
section.products .grid .item.width-20:nth-child(1n+20),
section.products .grid .item.width-25:nth-child(1n+20) {
    display: block;
  }
  section.businesses .grid .item.width-20:nth-child(1n+21), section.businesses .grid .item.width-25:nth-child(1n+21),
section.products .grid .item.width-20:nth-child(1n+21),
section.products .grid .item.width-25:nth-child(1n+21) {
    display: none;
  }
  section.businesses.products-tags .grid .item.width-20:nth-child(1n+8), section.businesses.products-tags .grid .item.width-25:nth-child(1n+8),
section.products.products-tags .grid .item.width-20:nth-child(1n+8),
section.products.products-tags .grid .item.width-25:nth-child(1n+8) {
    display: block;
  }
  section.businesses.products-tags .grid .item.width-20:nth-child(1n+9), section.businesses.products-tags .grid .item.width-25:nth-child(1n+9),
section.products.products-tags .grid .item.width-20:nth-child(1n+9),
section.products.products-tags .grid .item.width-25:nth-child(1n+9) {
    display: block;
  }
  section.businesses .page-numbers li a.page-numbers,
section.businesses .page-numbers li span.page-numbers,
section.products .page-numbers li a.page-numbers,
section.products .page-numbers li span.page-numbers {
    font-size: 0.875em;
    line-height: 30px;
    width: 30px;
    height: 30px;
  }
}
@media only screen and (max-width: 500px) {
  section.businesses .grid .item .title-and-price,
section.products .grid .item .title-and-price {
    flex-direction: column;
  }
  section.businesses .grid .item .title-and-price p:nth-child(2),
section.products .grid .item .title-and-price p:nth-child(2) {
    padding: 0;
  }
}
/********************************************************************************************* 

x. Header

*********************************************************************************************/
@media only screen and (max-width: 1300px) {
  header .wrapper.medium {
    margin: 0 !important;
  }
}
@media only screen and (max-width: 1200px) {
  header.open .hamburger {
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    position: fixed;
    top: 30px;
    right: 30px !important;
    left: auto !important;
    z-index: 9999;
  }
  header.open .hamburger .line.first, header.open .hamburger .line.third {
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    bottom: auto;
  }
  header.open .hamburger .line.first {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  header.open .hamburger .line.fourth, header.open .hamburger .line.second {
    display: none;
  }
  header.open .hamburger .line.third {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  header.open .navigation.navigation-mobile {
    pointer-events: all;
    opacity: 1;
  }
  header .columns {
    margin: 0;
    flex-direction: column;
  }
  header .columns .column {
    width: 100%;
  }
  header .columns .column .inside {
    padding: 0;
    position: relative;
  }
  header .favorites {
    padding: 30px;
  }
  header .favorites a[href="#favorites"] {
    top: 15px;
    right: 30px;
  }
  header .favorites .columns {
    margin: 0 -15px;
    flex-direction: row;
  }
  header .favorites .columns:not(:last-child) {
    margin-bottom: 30px;
  }
  header .favorites .columns .column:nth-child(1) {
    width: 25%;
  }
  header .favorites .columns .column:nth-child(2) {
    width: 75%;
  }
  header .favorites .columns .column:nth-child(3) {
    display: none;
  }
  header .favorites .columns .column .inside {
    padding: 0 15px;
  }
  header .hamburger {
    display: block;
  }
  header .logo {
    width: 450px;
    margin-bottom: 30px;
  }
  header .navigation.navigation-bottom, header .navigation.navigation-top {
    display: none;
  }
  header .navigation.navigation-mobile {
    pointer-events: none;
    opacity: 0;
    background: #FDF9EC;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
  }
  header .navigation.navigation-mobile li {
    padding: 0 100px;
  }
  header .navigation.navigation-mobile li:not(:last-child) {
    margin: 0 0 20px 0;
  }
  header .navigation.navigation-mobile li a {
    color: #3C4931;
    font-family: "Trois Mille 18", sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
    display: block;
  }
  header .navigation.navigation-mobile li a:hover {
    color: #C4A07C;
  }
  header .promotion a {
    font-size: 1em;
    padding: 10px 20px 10px 0;
  }
}
@media only screen and (max-width: 1000px) {
  header .content {
    font-size: 1.25em;
  }
  header .wrapper.large {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 860px) {
  header .favorites .content {
    margin: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  header .favorites {
    width: auto;
    border-left: none;
  }
  header .navigation.navigation-mobile li {
    padding: 0 50px;
  }
  header .logo {
    padding: 60px 0 0 0;
  }
}
@media only screen and (max-width: 400px) {
  header .navigation.navigation-mobile li {
    padding: 0 30px;
  }
}
/********************************************************************************************* 

x. Main

*********************************************************************************************/
@media only screen and (max-width: 1000px) {
  main {
    padding: 50px 0 0 0;
  }
  main section {
    margin: 0 0 50px 0;
  }
  main section.background-double-spanish-white, main section.background-orange-white {
    padding: 50px 0;
  }
  main section.full-width:first-child {
    margin-top: -50px;
  }
  section.full-width + section.full-width {
    margin-top: -50px;
  }
}
/********************************************************************************************* 

x. Text + Image

*********************************************************************************************/
@media only screen and (max-width: 1000px) {
  section.text-image .columns {
    margin: 0 -25px;
  }
  section.text-image .columns .column .inside {
    padding: 0 25px;
  }
}
@media only screen and (max-width: 860px) {
  section.text-image.text-position-left .columns {
    flex-direction: column;
  }
  section.text-image.text-position-right .columns {
    flex-direction: column;
  }
  section.text-image .columns {
    margin: -15px;
  }
  section.text-image .columns .column {
    width: 100%;
  }
  section.text-image .columns .column .inside {
    padding: 15px;
  }
}
/********************************************************************************************* 

x. Mixins

*********************************************************************************************/
/********************************************************************************************* 

x. CSS Reset 

*********************************************************************************************/
* {
  margin: 0;
  padding: 0;
  min-height: 0;
  outline: none;
}

/********************************************************************************************* 

x. Typekit

*********************************************************************************************/
.wf-loading {
  visibility: hidden;
}

.wf-active {
  visibility: visible;
}

/*********************************************************************************************

x. Basic Setup (Body, Fonts, etc.) 

********************************************************************************************/
html, body {
  font: 16px "Karla", Helvetica, sans-serif;
  color: #3D3D3D;
  width: auto;
  height: auto;
  background: white;
}

a {
  color: #3D3D3D;
  text-decoration: none;
}
a img {
  border: none;
}

.center {
  text-align: center;
}

.clear:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #3C4931;
  font-family: "Trois Mille 22", sans-serif;
  font-weight: normal;
}
h1.background,
h2.background,
h3.background,
h4.background,
h5.background,
h6.background {
  background: linear-gradient(#E7D3B9 65%, rgba(255, 255, 255, 0) 40%);
  padding: 40px 0 0 0;
}
h1.color-orange-white,
h2.color-orange-white,
h3.color-orange-white,
h4.color-orange-white,
h5.color-orange-white,
h6.color-orange-white {
  color: #FDF9EC;
}
h1.color-rodeo-dust,
h2.color-rodeo-dust,
h3.color-rodeo-dust,
h4.color-rodeo-dust,
h5.color-rodeo-dust,
h6.color-rodeo-dust {
  color: #C4A07C;
}
h1.font-space-grotesk,
h2.font-space-grotesk,
h3.font-space-grotesk,
h4.font-space-grotesk,
h5.font-space-grotesk,
h6.font-space-grotesk {
  font-family: "Space Grotesk", sans-serif;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 1.875rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
  line-height: 1.5em;
}

h6 {
  font-size: 1rem;
  line-height: 1.5em;
}

.image img,
.image svg {
  width: 100%;
  height: auto;
  display: block;
}

p {
  line-height: 1.5em;
}

svg {
  display: block;
  overflow: hidden;
}

.uppercase {
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.wrapper {
  margin: 0 auto;
  position: relative;
}
.wrapper.large {
  width: 1600px;
}
.wrapper.medium {
  width: 1200px;
}
.wrapper.small {
  width: 700px;
}

/********************************************************************************************* 

x. Margin + Padding

*********************************************************************************************/
.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

/********************************************************************************************* 

x. Columns & Widths

*********************************************************************************************/
.width-10 {
  width: 10%;
}

.width-15 {
  width: 15%;
}

.width-20 {
  width: 20%;
}

.width-25 {
  width: 25%;
}

.width-30 {
  width: 30%;
}

.width-33 {
  width: 33.33%;
}

.width-35 {
  width: 35%;
}

.width-40 {
  width: 40%;
}

.width-45 {
  width: 45%;
}

.width-50 {
  width: 50%;
}

.width-55 {
  width: 55%;
}

.width-60 {
  width: 60%;
}

.width-65 {
  width: 65%;
}

.width-66 {
  width: 66.66%;
}

.width-70 {
  width: 70%;
}

.width-75 {
  width: 75%;
}

.width-80 {
  width: 80%;
}

.width-85 {
  width: 85%;
}

.width-90 {
  width: 80%;
}

.width-95 {
  width: 95%;
}

.width-100 {
  width: 100%;
}

/********************************************************************************************* 

x. Content

*********************************************************************************************/
.content.bottom {
  margin: 60px 0 0 0;
}
.content.top {
  margin: 0 0 60px 0;
}
.content.white {
  color: white;
}
.content a {
  color: #3C4931;
  text-decoration: underline;
  text-underline-offset: 0.1em;
  text-decoration-thickness: 0.1em;
}
.content a.button {
  color: #FDF9EC;
  font-family: "Trois Mille 22", sans-serif;
  font-size: 1.25em;
  letter-spacing: 0.05em;
  line-height: 1em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  background: #C4A07C;
  padding: 20px 60px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.content a.button:hover {
  color: white;
  background: #F4ABAD;
}
.content a.no-underline {
  text-decoration: none;
}
.content a:hover {
  color: #F4ABAD;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content ol,
.content p,
.content ul {
  margin-bottom: 30px;
}
.content h1.small-margin,
.content h2.small-margin,
.content h3.small-margin,
.content h4.small-margin,
.content h5.small-margin,
.content h6.small-margin,
.content ol.small-margin,
.content p.small-margin,
.content ul.small-margin {
  margin-bottom: 5px;
}
.content ol,
.content ul {
  margin-left: 40px;
}
.content ol.buttons,
.content ul.buttons {
  margin-left: 0;
  list-style: none;
}
.content ol.buttons li:not(:last-child),
.content ul.buttons li:not(:last-child) {
  margin: 0 0 10px 0;
}
.content ol li,
.content ul li {
  line-height: 1.5em;
}

.content > :last-child {
  margin-bottom: 0 !important;
}

/********************************************************************************************* 

x. Header

*********************************************************************************************/
header {
  background: #FDF9EC;
  position: relative;
}
header.search-is-visible .columns {
  pointer-events: none;
  opacity: 0;
}
header.search-is-visible .search {
  pointer-events: all;
  opacity: 1;
}
header .columns {
  margin: 0 -25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.065, 1);
  -moz-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.065, 1);
  -ms-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.065, 1);
  -o-transition: opacity 0.25s cubic-bezier(0.4, 0, 0.065, 1);
  transition: opacity 0.25s cubic-bezier(0.4, 0, 0.065, 1);
}
header .columns .column .inside {
  padding: 0 25px;
}
header .content {
  color: #C4A07C;
  font-family: "Trois Mille 18", sans-serif;
  font-size: 1.5em;
}
header .favorites {
  width: 500px;
  height: auto;
  background: #FDF9EC;
  border-left: 10px solid #F4ABAD;
  border-bottom: 10px solid #F4ABAD;
  padding: 50px;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 9999;
}
header .favorites a[href="#favorites"] {
  display: block;
  position: absolute;
  top: 25px;
  right: 50px;
}
header .favorites a[href="#favorites"]:hover {
  opacity: 0.5;
}
header .favorites a[href="#favorites"] svg {
  width: 15px;
  height: 15px;
}
header .favorites .columns {
  margin: 0 -25px;
  align-items: center;
}
header .favorites .columns:not(:last-child) {
  margin-bottom: 50px;
}
header .favorites .columns .column .inside {
  padding: 0 25px;
}
header .favorites .columns .column .inside .image {
  position: relative;
}
header .favorites .scroller {
  max-height: 540px;
  overflow-x: hidden;
  overflow-y: scroll;
}
header .favorites .simplefavorite-button {
  background: transparent;
  position: relative;
  bottom: 0;
  right: 0;
}
header .hamburger {
  width: 27px;
  height: 21px;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
}
header .hamburger:hover .line {
  background: black;
}
header .hamburger .line {
  width: 100%;
  height: 3px;
  background: #3D3D3D;
  display: block;
  position: absolute;
  left: 0;
}
header .hamburger .line.first {
  top: 0;
}
header .hamburger .line.second {
  width: 80%;
  top: 9px;
}
header .hamburger .line.third {
  top: 18px;
}
header .logo {
  width: 600px;
  height: auto;
  max-width: 100%;
  margin: 0 auto 50px auto;
  display: block;
}
header .navigation {
  list-style: none;
}
header .navigation.navigation-bottom {
  display: flex;
  justify-content: flex-end;
}
header .navigation.navigation-bottom li:not(:last-child) {
  margin: 0 20px 0 0;
}
header .navigation.navigation-bottom li a {
  color: #3C4931;
  font-size: 1.5em;
  display: block;
}
header .navigation.navigation-bottom li a:hover {
  color: #F4ABAD;
}
header .navigation.navigation-mobile {
  display: none;
}
header .navigation.navigation-top {
  margin: 0 0 20px 0;
}
header .navigation.navigation-top li.current-menu-item a {
  text-decoration: underline;
  text-underline-offset: 0.3em;
  text-decoration-thickness: 0.1em;
}
header .navigation.navigation-top li:not(:last-child) {
  margin: 0 0 20px 0;
}
header .navigation.navigation-top li a {
  color: #3C4931;
  font-family: "Trois Mille 18", sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
  display: block;
}
header .navigation.navigation-top li a:hover {
  text-decoration: underline;
  text-underline-offset: 0.3em;
  text-decoration-thickness: 0.1em;
}
header .promotion {
  -moz-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -o-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}
header .promotion a {
  color: #FDF9EC;
  font-family: "Trois Mille 22", sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
  background: #C4A07C;
  padding: 20px 40px 20px 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
}
header .promotion a:before {
  content: "";
  width: 9999px;
  height: auto;
  background: #C4A07C;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
}
header .promotion a:hover {
  background: #F4ABAD;
}
header .promotion a:hover:before {
  background: #F4ABAD;
}
header .promotion a:hover svg {
  fill: #F4ABAD;
}
header .promotion a svg {
  fill: #C4A07C;
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(100% - 1px);
}
header .wrapper.large {
  padding: 60px 0;
}

/********************************************************************************************* 

x. Main

*********************************************************************************************/
main {
  padding: 80px 0 0 0;
  overflow: hidden;
}
main section {
  margin: 0 0 80px 0;
}
main section.background-double-spanish-white, main section.background-orange-white {
  padding: 80px 0;
}
main section.background-double-spanish-white {
  color: #3C4931;
  background: #E8D4BA;
}
main section.background-double-spanish-white .content a {
  color: #FDF9EC;
}
main section.background-double-spanish-white .content a:hover {
  color: #F4ABAD;
}
main section.background-orange-white {
  background: #FDF9EC;
}
main section.background-orange-white:first-child {
  padding-top: 0;
}
main section.full-width:first-child {
  margin-top: -80px;
}
main section.full-width:last-child {
  margin-bottom: 0;
}

section.full-width + section.full-width {
  margin-top: -80px;
}

/********************************************************************************************* 

x. Footer

*********************************************************************************************/
footer {
  overflow: hidden;
}
footer .bottom,
footer .top {
  padding: 80px 0;
}
footer .bottom {
  color: #FDF9EC;
  background: #3C4931;
}
footer .columns {
  margin: 0 -30px;
  display: flex;
  justify-content: space-between;
}
footer .columns .column .inside {
  padding: 0 30px;
}
footer .columns .column .inside .columns {
  justify-content: flex-start;
}
footer .content a:not(.button) {
  color: #F4ABAD;
}
footer .content a:not(.button):hover {
  opacity: 0.7;
}
footer .credits {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
}
footer .credits li {
  font-size: 0.875em;
  font-weight: 700;
  letter-spacing: 0.125em;
  text-transform: uppercase;
}
footer .credits li:not(:last-child) {
  margin: 0 5px 0 0;
}
footer .credits li:not(:last-child):after {
  content: "|";
  margin: 0 0 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
footer .credits li a {
  text-decoration: none;
}
footer .grid {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
footer .grid .item {
  margin: 0 50px;
}
footer .grid .item a {
  display: block;
}
footer .grid .item a .image {
  display: block;
}
footer .grid .item a .image img {
  width: auto;
  height: auto;
  max-width: 250px;
  max-height: 100px;
}
footer .neighborhood-logo {
  width: 250px;
  height: auto;
  margin: 0 auto;
  display: block;
}
footer .support-local-logo {
  fill: #FDF9EC;
  width: 100px;
  height: auto;
  display: block;
}
footer .top {
  color: #C4A07C;
  background: #FDF9EC;
}

/********************************************************************************************* 

x. Back To Top

*********************************************************************************************/
.back-to-top {
  position: fixed;
  top: 100%;
  right: 0;
  z-index: 9999;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.back-to-top.visible {
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.back-to-top a {
  width: 70px;
  height: 70px;
  background: #F4ABAD;
  display: block;
  position: relative;
}
.back-to-top a .icon {
  width: 18px;
  height: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.back-to-top a .icon svg {
  fill: white;
}

/********************************************************************************************* 

x. Favorites

*********************************************************************************************/
.simplefavorite-button {
  width: 35px;
  height: 35px;
  background: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: none;
  position: absolute;
  bottom: 15px;
  right: 15px;
  cursor: pointer;
}
.simplefavorite-button.active {
  opacity: 1 !important;
}
.simplefavorite-button:hover svg {
  opacity: 0.5;
}
.simplefavorite-button svg {
  width: 20px;
  height: auto;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

/********************************************************************************************* 

x. Form

*********************************************************************************************/
form ::-webkit-input-placeholder {
  opacity: 1;
}
form :-ms-input-placeholder {
  opacity: 1;
}
form ::placeholder {
  opacity: 1;
}
form a {
  text-decoration: underline;
}
form .checkboxes,
form .radios {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
form .checkboxes.business-main-categories li,
form .radios.business-main-categories li {
  width: 100%;
}
form .checkboxes:last-child,
form .radios:last-child {
  margin: 0 0 -20px 0;
}
form .checkboxes li,
form .radios li {
  margin: 0 30px 20px 0;
}
form .g-recaptcha div {
  margin: 0 auto;
}
form .grid {
  margin: 0 -20px -40px -20px;
  display: flex;
  flex-wrap: wrap;
}
form .grid .item.hidden {
  display: none;
}
form .grid .item.invalid *, form .grid .item.invalid-file * {
  color: #AE0000;
}
form .grid .item.invalid input[type=email],
form .grid .item.invalid input[type=number],
form .grid .item.invalid input[type=password],
form .grid .item.invalid input[type=text],
form .grid .item.invalid input[type=url],
form .grid .item.invalid textarea, form .grid .item.invalid-file input[type=email],
form .grid .item.invalid-file input[type=number],
form .grid .item.invalid-file input[type=password],
form .grid .item.invalid-file input[type=text],
form .grid .item.invalid-file input[type=url],
form .grid .item.invalid-file textarea {
  border-color: #AE0000;
}
form .grid .item.label .inside, form .grid .item.together .inside {
  padding-bottom: 20px;
}
form .grid .item .inside {
  padding: 0 20px 40px 20px;
  position: relative;
}
form input[type=submit] {
  color: #FDF9EC;
  font-family: "Trois Mille 22", sans-serif;
  font-size: 1.25em;
  letter-spacing: 0.1em;
  line-height: 1em;
  text-transform: uppercase;
  white-space: nowrap;
  background: #C4A07C;
  border: none;
  padding: 20px 60px;
  cursor: pointer;
}
form input[type=submit]:hover {
  background: #F4ABAD;
}
form input[type=email],
form input[type=number],
form input[type=password],
form input[type=text],
form input[type=url] {
  font-family: "Karla", Helvetica, sans-serif;
  font-size: 1rem;
  width: 100%;
  height: 50px;
  border: 2px solid black;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 10px 0;
  padding: 0 25px;
  display: block;
}
form input[type=email]:invalid,
form input[type=number]:invalid,
form input[type=password]:invalid,
form input[type=text]:invalid,
form input[type=url]:invalid {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
form input[type=email]:last-child,
form input[type=number]:last-child,
form input[type=password]:last-child,
form input[type=text]:last-child,
form input[type=url]:last-child {
  margin-bottom: 0;
}
form .inline {
  padding: 0 0 0 40px;
  position: relative;
}
form .inline p {
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 0;
}
form label {
  text-align: left;
  margin: 0 0 10px 0;
  display: block;
}
form label.checkbox, form label.radio {
  margin: 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  cursor: pointer;
}
form .label {
  margin: 0 0 10px 0;
}
form .review-image {
  max-width: 200px;
  margin: 10px 0 0 0;
}
form .required {
  color: #AE0000;
  font-size: 14px;
  line-height: 1em;
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
}
form textarea {
  font-family: "Karla", Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5em;
  width: 100%;
  height: 250px;
  border: 2px solid black;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 10px 0;
  padding: 25px;
  display: block;
  resize: none;
}
form textarea:invalid {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
form textarea:last-child {
  margin-bottom: 0;
}

/********************************************************************************************* 

x. Loader

*********************************************************************************************/
.loader {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url(../img/loader.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60px 60px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

/********************************************************************************************* 

x. Notification

*********************************************************************************************/
.notification {
  color: white;
  padding: 30px 0;
}
.notification.error {
  background: #AE0000;
}
.notification.success {
  background: #37B57F;
}

/********************************************************************************************* 

x. Search

*********************************************************************************************/
#search {
  color: #FDF9EC;
  background: #E8D4BA;
  padding: 50px 30px 30px 30px;
  display: none;
  position: relative;
}
#search a[href="#search"] {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
}
#search a[href="#search"]:hover {
  opacity: 0.5;
}
#search a[href="#search"] svg {
  width: 15px;
  height: 15px;
  fill: white;
}
#search form input[type=text] {
  color: #FDF9EC;
  font-size: 1.75em;
  width: 100%;
  height: 60px;
  background: none;
  border: none;
  border-bottom: 2px solid #FDF9EC;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 15px 0;
  padding: 0;
  display: block;
}
#search form input[type=text]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}
#search form input[type=text]:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/********************************************************************************************* 

x. Business
x. Product

*********************************************************************************************/
section.business a.tip-jar,
section.product a.tip-jar {
  text-decoration: none;
  min-height: 65px;
  margin: 50px 0 0 0;
  padding: 0 0 0 65px;
  display: block;
  position: relative;
}
section.business a.tip-jar .icon,
section.business a.tip-jar .subtitle,
section.business a.tip-jar .title,
section.product a.tip-jar .icon,
section.product a.tip-jar .subtitle,
section.product a.tip-jar .title {
  display: block;
}
section.business a.tip-jar .icon,
section.product a.tip-jar .icon {
  width: 40px;
  position: absolute;
  top: 0;
  left: 0;
}
section.business a.tip-jar .subtitle,
section.product a.tip-jar .subtitle {
  font-size: 0.8em;
  line-height: 1.25em;
}
section.business a.tip-jar .title,
section.product a.tip-jar .title {
  font-size: 0.9em;
  font-weight: 600;
  margin: 0 0 5px 0;
}
section.business .columns,
section.product .columns {
  margin: 0 -30px;
  display: flex;
  flex-wrap: wrap;
}
section.business .columns .column .inside,
section.product .columns .column .inside {
  margin: 0 30px;
  position: relative;
}
section.business .columns .column .inside .content .buttons,
section.product .columns .column .inside .content .buttons {
  margin-left: 0;
  list-style: none;
}
section.business .columns .column .inside .content .buttons li:not(:last-child),
section.product .columns .column .inside .content .buttons li:not(:last-child) {
  margin: 0 0 10px 0;
}
section.business .columns .column .inside .content .buttons li a.button,
section.product .columns .column .inside .content .buttons li a.button {
  text-align: center;
  width: 100%;
  max-width: 400px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
section.business .columns .column .inside .content .follow,
section.product .columns .column .inside .content .follow {
  margin-left: 0;
  list-style: none;
}
section.business .columns .column .inside .content .follow li,
section.product .columns .column .inside .content .follow li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
section.business .columns .column .inside .content .follow li:not(:last-child),
section.product .columns .column .inside .content .follow li:not(:last-child) {
  margin-right: 30px;
}
section.business .columns .column .inside .content .follow li.website a,
section.product .columns .column .inside .content .follow li.website a {
  font-size: 0.8em;
  font-weight: 700;
  letter-spacing: 0.125em;
  line-height: 1em;
  text-transform: uppercase;
}
section.business .columns .column .inside .content .follow li a,
section.product .columns .column .inside .content .follow li a {
  display: block;
}
section.business .columns .column .inside .content form,
section.product .columns .column .inside .content form {
  margin: 0 0 30px 0;
}
section.business .columns .column .inside .content form button.paypal-button,
section.product .columns .column .inside .content form button.paypal-button {
  text-indent: -9999px;
  width: 400px;
  height: 60px;
  background-color: #FDC449;
  background-image: url(../img/paypal.svg);
  background-position: center center;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  overflow: hidden;
}
section.business .columns .column .inside .content form button.paypal-button:hover,
section.product .columns .column .inside .content form button.paypal-button:hover {
  background-color: #FECF7D;
}
section.business .columns .column .inside .content form img,
section.business .columns .column .inside .content form input[type=image],
section.product .columns .column .inside .content form img,
section.product .columns .column .inside .content form input[type=image] {
  display: none;
}
section.business .columns .column .inside .content form table,
section.product .columns .column .inside .content form table {
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  height: auto;
  margin: 0 0 10px 0;
}
section.business .columns .column .inside .content form table td,
section.product .columns .column .inside .content form table td {
  padding: 0 0 5px 0;
}
section.business .columns .column .inside .content h3,
section.product .columns .column .inside .content h3 {
  font-weight: 500;
}
section.business .columns .column .inside .content .questions a:before,
section.product .columns .column .inside .content .questions a:before {
  content: "\f321";
  font-family: "IonIcons";
  font-weight: normal;
  margin: 0 10px 0 0;
}
section.business .columns .column .inside .content .share,
section.product .columns .column .inside .content .share {
  display: inline-block;
  zoom: 1;
  *display: inline;
  cursor: pointer;
}
section.business .columns .column .inside .content .share:before,
section.product .columns .column .inside .content .share:before {
  content: "\f22a";
  font-family: "IonIcons";
  font-weight: normal;
  margin: 0 10px 0 0;
}

.buttons + .follow,
.follow + .tip-jar {
  margin-top: 50px;
}

/********************************************************************************************* 

x. Businesses
x. Products

*********************************************************************************************/
section.businesses,
section.products {
  overflow: hidden;
}
section.businesses .columns,
section.products .columns {
  margin: 0 -30px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}
section.businesses .columns:not(:last-child),
section.products .columns:not(:last-child) {
  margin-bottom: 60px;
}
section.businesses .columns .column .inside,
section.products .columns .column .inside {
  padding: 0 30px;
}
section.businesses .columns .column .inside .columns,
section.products .columns .column .inside .columns {
  align-items: flex-end;
}
section.businesses .filters,
section.products .filters {
  background: #FDF9EC;
  padding: 40px 40px 40px 0;
  position: relative;
}
section.businesses .filters:before,
section.products .filters:before {
  content: "";
  width: 40px;
  height: auto;
  background: #FDF9EC;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
}
section.businesses .filters .area,
section.products .filters .area {
  list-style: none;
}
section.businesses .filters .area:not(:last-child),
section.products .filters .area:not(:last-child) {
  margin: 0 0 30px 0;
}
section.businesses .filters .area li,
section.products .filters .area li {
  font-family: "Space Grotesk", sans-serif;
}
section.businesses .filters .area li.current-menu-item a,
section.products .filters .area li.current-menu-item a {
  text-decoration: underline;
  text-underline-offset: 0.1em;
  text-decoration-thickness: 0.1em;
}
section.businesses .filters .area li.title,
section.products .filters .area li.title {
  display: flex;
}
section.businesses .filters .area li.title:after,
section.products .filters .area li.title:after {
  content: "";
  width: 20px;
  height: 16.74px;
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 16.74"><path d="m20 10.32-3.7 6.41-3.7-6.41h3.33V.74H0V0h16.67v10.32H20Z"/></svg>');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 20px auto;
  margin: 0 0 0 20px;
  display: block;
  position: relative;
  top: 5px;
}
section.businesses .filters .area li.title:not(:last-child),
section.products .filters .area li.title:not(:last-child) {
  margin: 0 0 30px 0;
}
section.businesses .filters .area li:not(:last-child),
section.products .filters .area li:not(:last-child) {
  margin: 0 0 15px 0;
}
section.businesses .filters .area li a:hover,
section.products .filters .area li a:hover {
  color: #C4A07C;
}
section.businesses .grid,
section.products .grid {
  margin: 0 -30px -60px -30px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
section.businesses .grid .item.ad .image,
section.products .grid .item.ad .image {
  background: #E8D4BA;
  padding: 30px;
}
section.businesses .grid .item:not(.ad) .image img,
section.products .grid .item:not(.ad) .image img {
  aspect-ratio: 1/1;
}
section.businesses .grid .item .content a:not(.button),
section.products .grid .item .content a:not(.button) {
  color: #3D3D3D;
}
section.businesses .grid .item .content ol.buttons li .button,
section.businesses .grid .item .content ul.buttons li .button,
section.products .grid .item .content ol.buttons li .button,
section.products .grid .item .content ul.buttons li .button {
  font-size: 1em;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 10px;
  display: block;
}
section.businesses .grid .item .image,
section.products .grid .item .image {
  margin: 0 0 20px 0;
  display: block;
  position: relative;
}
section.businesses .grid .item .inside,
section.products .grid .item .inside {
  padding: 0 30px 60px 30px;
}
section.businesses .grid .item .title-and-price,
section.products .grid .item .title-and-price {
  margin: 0 0 5px 0;
  display: flex;
  justify-content: space-between;
}
section.businesses .grid .item .title-and-price p:nth-child(2),
section.products .grid .item .title-and-price p:nth-child(2) {
  padding-left: 20px;
}
section.businesses .mobile-filters,
section.products .mobile-filters {
  display: none;
}
section.businesses .mobile-filters .area,
section.products .mobile-filters .area {
  list-style: none;
}
section.businesses .mobile-filters .area:not(:last-child),
section.products .mobile-filters .area:not(:last-child) {
  margin: 0 0 30px 0;
}
section.businesses .mobile-filters .area li.current-menu-item a,
section.products .mobile-filters .area li.current-menu-item a {
  text-decoration: underline;
  text-underline-offset: 0.1em;
  text-decoration-thickness: 0.1em;
}
section.businesses .mobile-filters .area li:not(:last-child),
section.products .mobile-filters .area li:not(:last-child) {
  margin: 0 0 15px 0;
}
section.businesses .mobile-filters .area li a:hover,
section.products .mobile-filters .area li a:hover {
  color: #C4A07C;
}
section.businesses .mobile-filters select,
section.products .mobile-filters select {
  color: #3D3D3D;
  font-family: "Space Grotesk", sans-serif;
  font-size: 1em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  width: 100%;
  height: 50px;
  background: #FDF9EC;
  border: none;
  margin: 0 0 50px 0;
  padding: 0 20px;
  appearance: none;
}
section.businesses .mobile-filters select:not(:last-child),
section.products .mobile-filters select:not(:last-child) {
  margin: 0 0 10px 0;
}
section.businesses .page-numbers,
section.products .page-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
}
section.businesses .page-numbers li:not(:last-child),
section.products .page-numbers li:not(:last-child) {
  margin: 0 2px 0 0;
}
section.businesses .page-numbers li a.page-numbers,
section.businesses .page-numbers li span.page-numbers,
section.products .page-numbers li a.page-numbers,
section.products .page-numbers li span.page-numbers {
  color: white;
  line-height: 40px;
  text-align: center;
  width: 40px;
  height: 40px;
  display: block;
}
section.businesses .page-numbers li a.page-numbers,
section.products .page-numbers li a.page-numbers {
  background: #C4A07C;
}
section.businesses .page-numbers li a.page-numbers.next, section.businesses .page-numbers li a.page-numbers.prev,
section.products .page-numbers li a.page-numbers.next,
section.products .page-numbers li a.page-numbers.prev {
  color: #FDF9EC;
  line-height: normal;
  text-align: left;
  width: auto;
  height: auto;
  background: none;
}
section.businesses .page-numbers li a.page-numbers.next:hover, section.businesses .page-numbers li a.page-numbers.prev:hover,
section.products .page-numbers li a.page-numbers.next:hover,
section.products .page-numbers li a.page-numbers.prev:hover {
  background: none;
}
section.businesses .page-numbers li a.page-numbers:hover,
section.products .page-numbers li a.page-numbers:hover {
  background: #F4ABAD;
}
section.businesses .page-numbers li span.page-numbers,
section.products .page-numbers li span.page-numbers {
  background: #3C4931;
}

/********************************************************************************************* 

x. Divider

*********************************************************************************************/
section.divider .line {
  width: 100%;
  height: 2px;
  background: #C4A07C;
}

/********************************************************************************************* 

x. Text + Image

*********************************************************************************************/
section.text-image {
  position: relative;
  overflow: hidden;
}
section.text-image.content-position-left .columns {
  flex-direction: row-reverse;
}
section.text-image.content-position-right .columns {
  flex-direction: row;
}
section.text-image:before {
  content: "";
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 150% auto;
  filter: invert(100%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
section.text-image .columns {
  margin: 0 -30px;
  display: flex;
}
section.text-image .columns .column .inside {
  padding: 0 30px;
}

/********************************************************************************************* 

x. WordPress Core

*********************************************************************************************/
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/********************************************************************************************* 

x. Imports

*********************************************************************************************/
/*********************************************************************************************

x. Basic Setup (Body, Fonts, etc.) 

********************************************************************************************/
@media only screen and (max-width: 1700px) {
  .wrapper.large {
    width: auto;
    margin: 0 50px;
  }
}
@media only screen and (max-width: 1300px) {
  h1 {
    font-size: 2.25rem;
  }
  .wrapper.medium {
    width: auto;
    margin: 0 50px;
  }
}
@media only screen and (max-width: 900px) {
  .wrapper.large, .wrapper.medium {
    margin: 0 30px;
  }
}
@media only screen and (max-width: 760px) {
  h1.background,
h2.background,
h3.background,
h4.background,
h5.background,
h6.background {
    background: transparent;
    padding: 0;
  }
  .wrapper.small {
    width: auto;
    margin: 0 30px;
  }
}
@media only screen and (max-width: 1000px) {
  h1 {
    font-size: 1.75rem;
    line-height: 1.25em;
  }
  h2 {
    font-size: 1.5rem;
  }
  h4 {
    font-size: 1.25rem;
  }
  h4,
h5,
h6 {
    font-size: 1rem;
  }
}
/********************************************************************************************* 

x. Content

*********************************************************************************************/
@media only screen and (max-width: 1700px) {
  .content.bottom {
    margin: 50px 0 0 0;
  }
  .content.top {
    margin: 0 0 50px 0;
  }
}
@media only screen and (max-width: 1000px) {
  .content a.button {
    font-size: 1em;
    padding: 20px 40px;
  }
}
@media only screen and (max-width: 900px) {
  .content.bottom {
    margin: 30px 0 0 0;
  }
  .content.top {
    margin: 0 0 30px 0;
  }
}
/********************************************************************************************* 

x. Footer

*********************************************************************************************/
@media only screen and (max-width: 1500px) {
  footer .bottom .content {
    text-align: left;
  }
  footer .columns {
    margin: -25px -25px 65px -25px;
    flex-wrap: wrap;
  }
  footer .columns .column {
    width: 50%;
    order: 1;
  }
  footer .columns .column:nth-child(2) {
    width: 100%;
    order: 0;
  }
  footer .columns .column:nth-child(2) .inside {
    padding-bottom: 65px;
  }
  footer .columns .column .inside {
    padding: 25px;
  }
  footer .neighborhood-logo {
    margin: 0;
  }
}
@media only screen and (max-width: 1200px) {
  footer .bottom,
footer .top {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 1000px) {
  footer .bottom,
footer .top {
    padding: 50px 0;
  }
  footer .bottom .content {
    text-align: center;
  }
  footer .bottom .content ol.buttons,
footer .bottom .content ul.buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  footer .bottom .content ol.buttons li,
footer .bottom .content ul.buttons li {
    margin: 0 10px 20px 10px;
  }
  footer .bottom .content ol.buttons li:not(:last-child),
footer .bottom .content ul.buttons li:not(:last-child) {
    margin: 0 10px 20px 10px;
  }
  footer .columns {
    margin: -25px -25px 25px -25px;
  }
  footer .columns .column {
    width: 100%;
  }
  footer .columns .column:nth-child(2) .inside {
    padding-bottom: 25px;
  }
  footer .grid {
    margin: 0 -25px -50px -25px;
  }
  footer .grid .item {
    margin: 0 25px 50px 25px;
  }
  footer .grid .item a .image img {
    max-width: 200px;
    max-height: 80px;
  }
  footer .neighborhood-logo,
footer .support-local-logo {
    margin: 0 auto;
  }
  footer .neighborhood-logo {
    width: 200px;
  }
}
@media only screen and (max-width: 900px) {
  footer .grid {
    margin: 0 -15px -30px -15px;
  }
  footer .grid .item {
    margin: 0 15px 30px 15px;
  }
}
@media only screen and (max-width: 860px) {
  footer .columns {
    margin: -15px;
  }
  footer .columns .column .inside {
    padding: 15px;
  }
}
@media only screen and (max-width: 600px) {
  footer .grid .item a .image img {
    max-width: 150px;
    max-height: 60px;
  }
}
/********************************************************************************************* 

x. Form

*********************************************************************************************/
@media only screen and (max-width: 1300px) {
  form .grid .item.spacer.width-10 {
    display: none !important;
  }
  form .grid .item.spacer.width-20 {
    width: 10%;
  }
  form .grid .item.spacer.width-30 {
    width: 25%;
  }
  form .grid .item.width-40 {
    width: 50%;
  }
  form .grid .item.width-60 {
    width: 80%;
  }
}
@media only screen and (max-width: 1000px) {
  form .grid .item.spacer.width-30 {
    display: none !important;
  }
  form .grid .item.width-40 {
    width: 100%;
  }
}
@media only screen and (max-width: 900px) {
  form .grid .item.spacer.width-20 {
    display: none !important;
  }
  form .grid .item.spacer .inside {
    padding-bottom: 0;
  }
  form .grid .item.width-33, form .grid .item.width-50, form .grid .item.width-60 {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  form .checkboxes li,
form .radios li {
    width: 50%;
  }
}
/********************************************************************************************* 

x. Business
x. Product

*********************************************************************************************/
@media only screen and (max-width: 1500px) {
  section.business .columns,
section.product .columns {
    margin: 0 -25px;
  }
  section.business .columns .column .inside,
section.product .columns .column .inside {
    margin: 0 25px;
  }
}
@media only screen and (max-width: 860px) {
  section.business .columns,
section.product .columns {
    margin: -15px 0;
    flex-direction: column;
  }
  section.business .columns .column,
section.product .columns .column {
    width: 100%;
    padding: 15px 0;
  }
  section.business .columns .column .inside,
section.product .columns .column .inside {
    margin: 0;
  }
}
/********************************************************************************************* 

x. Businesses
x. Products

*********************************************************************************************/
@media only screen and (max-width: 1700px) {
  section.businesses .columns,
section.products .columns {
    margin: 0 -25px;
  }
  section.businesses .columns:not(:last-child),
section.products .columns:not(:last-child) {
    margin-bottom: 50px;
  }
  section.businesses .columns .column .inside,
section.products .columns .column .inside {
    padding: 0 25px;
  }
  section.businesses .filters:before,
section.products .filters:before {
    width: 9999px;
  }
  section.businesses .grid,
section.products .grid {
    margin: 0 -25px -50px -25px;
  }
  section.businesses .grid .item .inside,
section.products .grid .item .inside {
    padding: 0 25px 50px 25px;
  }
}
@media only screen and (max-width: 1400px) {
  section.businesses .grid .item.width-20,
section.products .grid .item.width-20 {
    width: 25%;
  }
}
@media only screen and (max-width: 1300px) {
  section.businesses .columns .column,
section.products .columns .column {
    width: 100%;
  }
  section.businesses .columns .column .columns .column,
section.products .columns .column .columns .column {
    width: auto;
  }
  section.businesses .filters,
section.products .filters {
    margin: 0 0 50px 0;
  }
  section.businesses .filters:after,
section.products .filters:after {
    content: "";
    width: 9999px;
    height: auto;
    background: #FDF9EC;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
  }
  section.businesses .filters .area,
section.products .filters .area {
    display: flex;
    flex-wrap: wrap;
  }
  section.businesses .filters .area.border:not(:last-child),
section.products .filters .area.border:not(:last-child) {
    margin: 0 0 15px 0;
    padding: 0;
  }
  section.businesses .filters .area:not(:last-child),
section.products .filters .area:not(:last-child) {
    border-bottom: 1px solid #FDF9EC;
    margin: 0 0 15px 0;
    padding: 0;
  }
  section.businesses .filters .area li,
section.products .filters .area li {
    margin: 0 30px 15px 0;
  }
  section.businesses .filters .area li.title,
section.products .filters .area li.title {
    width: 100%;
  }
  section.businesses .filters .area li:not(:last-child),
section.products .filters .area li:not(:last-child) {
    margin: 0 30px 15px 0;
  }
}
@media only screen and (max-width: 1100px) {
  section.businesses .grid .item.width-20,
section.products .grid .item.width-20 {
    width: 33.33%;
  }
  section.businesses .grid .item.width-20:nth-of-type(1n + 4),
section.products .grid .item.width-20:nth-of-type(1n + 4) {
    display: none;
  }
  section.businesses .grid .item.width-25,
section.products .grid .item.width-25 {
    width: 33.33%;
  }
}
@media only screen and (max-width: 900px) {
  section.businesses .columns,
section.products .columns {
    margin: 0 -15px;
  }
  section.businesses .columns:not(:last-child),
section.products .columns:not(:last-child) {
    margin-bottom: 50px;
  }
  section.businesses .columns .column .inside,
section.products .columns .column .inside {
    padding: 0 15px;
  }
  section.businesses .grid,
section.products .grid {
    margin: 0 -15px -30px -15px;
  }
  section.businesses .grid .item .inside,
section.products .grid .item .inside {
    padding: 0 15px 30px 15px;
  }
  section.businesses .filters,
section.products .filters {
    display: none;
  }
  section.businesses .mobile-filters,
section.products .mobile-filters {
    display: block;
  }
}
@media only screen and (max-width: 600px) {
  section.businesses .columns .column .columns,
section.products .columns .column .columns {
    margin: -15px;
  }
  section.businesses .columns .column .columns:not(:last-child),
section.products .columns .column .columns:not(:last-child) {
    margin-bottom: 35px;
  }
  section.businesses .columns .column .columns .column,
section.products .columns .column .columns .column {
    width: 100%;
  }
  section.businesses .columns .column .columns .column .inside,
section.products .columns .column .columns .column .inside {
    padding: 15px;
  }
  section.businesses .grid .item.width-20, section.businesses .grid .item.width-25,
section.products .grid .item.width-20,
section.products .grid .item.width-25 {
    width: 50%;
  }
  section.businesses .grid .item.width-20:nth-child(1n+20), section.businesses .grid .item.width-25:nth-child(1n+20),
section.products .grid .item.width-20:nth-child(1n+20),
section.products .grid .item.width-25:nth-child(1n+20) {
    display: block;
  }
  section.businesses .grid .item.width-20:nth-child(1n+21), section.businesses .grid .item.width-25:nth-child(1n+21),
section.products .grid .item.width-20:nth-child(1n+21),
section.products .grid .item.width-25:nth-child(1n+21) {
    display: none;
  }
  section.businesses.products-tags .grid .item.width-20:nth-child(1n+8), section.businesses.products-tags .grid .item.width-25:nth-child(1n+8),
section.products.products-tags .grid .item.width-20:nth-child(1n+8),
section.products.products-tags .grid .item.width-25:nth-child(1n+8) {
    display: block;
  }
  section.businesses.products-tags .grid .item.width-20:nth-child(1n+9), section.businesses.products-tags .grid .item.width-25:nth-child(1n+9),
section.products.products-tags .grid .item.width-20:nth-child(1n+9),
section.products.products-tags .grid .item.width-25:nth-child(1n+9) {
    display: block;
  }
  section.businesses .page-numbers li a.page-numbers,
section.businesses .page-numbers li span.page-numbers,
section.products .page-numbers li a.page-numbers,
section.products .page-numbers li span.page-numbers {
    font-size: 0.875em;
    line-height: 30px;
    width: 30px;
    height: 30px;
  }
}
@media only screen and (max-width: 500px) {
  section.businesses .grid .item .title-and-price,
section.products .grid .item .title-and-price {
    flex-direction: column;
  }
  section.businesses .grid .item .title-and-price p:nth-child(2),
section.products .grid .item .title-and-price p:nth-child(2) {
    padding: 0;
  }
}
/********************************************************************************************* 

x. Header

*********************************************************************************************/
@media only screen and (max-width: 1300px) {
  header .wrapper.medium {
    margin: 0 !important;
  }
}
@media only screen and (max-width: 1200px) {
  header.open .hamburger {
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    position: fixed;
    top: 30px;
    right: 30px !important;
    left: auto !important;
    z-index: 9999;
  }
  header.open .hamburger .line.first, header.open .hamburger .line.third {
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    bottom: auto;
  }
  header.open .hamburger .line.first {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  header.open .hamburger .line.fourth, header.open .hamburger .line.second {
    display: none;
  }
  header.open .hamburger .line.third {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  header.open .navigation.navigation-mobile {
    pointer-events: all;
    opacity: 1;
  }
  header .columns {
    margin: 0;
    flex-direction: column;
  }
  header .columns .column {
    width: 100%;
  }
  header .columns .column .inside {
    padding: 0;
    position: relative;
  }
  header .favorites {
    padding: 30px;
  }
  header .favorites a[href="#favorites"] {
    top: 15px;
    right: 30px;
  }
  header .favorites .columns {
    margin: 0 -15px;
    flex-direction: row;
  }
  header .favorites .columns:not(:last-child) {
    margin-bottom: 30px;
  }
  header .favorites .columns .column:nth-child(1) {
    width: 25%;
  }
  header .favorites .columns .column:nth-child(2) {
    width: 75%;
  }
  header .favorites .columns .column:nth-child(3) {
    display: none;
  }
  header .favorites .columns .column .inside {
    padding: 0 15px;
  }
  header .hamburger {
    display: block;
  }
  header .logo {
    width: 450px;
    margin-bottom: 30px;
  }
  header .navigation.navigation-bottom, header .navigation.navigation-top {
    display: none;
  }
  header .navigation.navigation-mobile {
    pointer-events: none;
    opacity: 0;
    background: #FDF9EC;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
  }
  header .navigation.navigation-mobile li {
    padding: 0 100px;
  }
  header .navigation.navigation-mobile li:not(:last-child) {
    margin: 0 0 20px 0;
  }
  header .navigation.navigation-mobile li a {
    color: #3C4931;
    font-family: "Trois Mille 18", sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
    display: block;
  }
  header .navigation.navigation-mobile li a:hover {
    color: #C4A07C;
  }
  header .promotion a {
    font-size: 1em;
    padding: 10px 20px 10px 0;
  }
}
@media only screen and (max-width: 1000px) {
  header .content {
    font-size: 1.25em;
  }
  header .wrapper.large {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 860px) {
  header .favorites .content {
    margin: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  header .favorites {
    width: auto;
    border-left: none;
  }
  header .navigation.navigation-mobile li {
    padding: 0 50px;
  }
  header .logo {
    padding: 60px 0 0 0;
  }
}
@media only screen and (max-width: 400px) {
  header .navigation.navigation-mobile li {
    padding: 0 30px;
  }
}
/********************************************************************************************* 

x. Main

*********************************************************************************************/
@media only screen and (max-width: 1000px) {
  main {
    padding: 50px 0 0 0;
  }
  main section {
    margin: 0 0 50px 0;
  }
  main section.background-double-spanish-white, main section.background-orange-white {
    padding: 50px 0;
  }
  main section.full-width:first-child {
    margin-top: -50px;
  }
  section.full-width + section.full-width {
    margin-top: -50px;
  }
}
/********************************************************************************************* 

x. Text + Image

*********************************************************************************************/
@media only screen and (max-width: 1000px) {
  section.text-image .columns {
    margin: 0 -25px;
  }
  section.text-image .columns .column .inside {
    padding: 0 25px;
  }
}
@media only screen and (max-width: 860px) {
  section.text-image.text-position-left .columns {
    flex-direction: column;
  }
  section.text-image.text-position-right .columns {
    flex-direction: column;
  }
  section.text-image .columns {
    margin: -15px;
  }
  section.text-image .columns .column {
    width: 100%;
  }
  section.text-image .columns .column .inside {
    padding: 15px;
  }
}

/*# sourceMappingURL=style.css.map */