/*===========================================================

Index

00 - Imports
01 - Variables & Mixins
02 - Basics
03 - Elements
04 - Header
05 - Footer
06 - Page Specific
07 - Mobile

===========================================================*/
/*===========================
00 - Imports
===========================*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Use Border-Box */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu li {
  position: relative;
}
.sf-menu ul {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
  display: inline;
}
.sf-menu a {
  display: block;
  position: relative;
}
.sf-menu ul ul {
  top: 0;
  left: 100%;
}
/*** DEMO SKIN ***/
.sf-menu {
  float: left;
  margin-bottom: 1em;
}
.sf-menu ul {
  min-width: 12em;
  /* allow long menu items to determine submenu width */
  *width: 12em;
  /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
  padding: 0.75em 1em;
  text-decoration: none;
  zoom: 1;
  /* IE7 */
}
.sf-menu a {
  color: var(--dark);
}
.sf-menu li {
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.sf-menu ul li {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.8);
  margin-top: 1px;
}
.sf-menu ul ul li {
  background-color: white;
  background-color: rgba(255, 255, 255, 0.8);
}
.sf-menu li:hover,
.sf-menu li.sfHover {
  background: rgb(var(--light));
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em;
  /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: rgb(var(--dark));
  /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgb(var(--highlight));
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: rgb(var(--dark));
  /* IE8 fallback colour */
  display: inline-block;
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: rgb(var(--dark));
}
/*===========================
01 - Variables & Mixins
===========================*/
:root {
  --light: 237,243,222;
  --dark: 18,133,66;
  --primary: 151,193,61;
  --highlight: 81,163,70;
  --profile: 213,231,178;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.imagereplace {
  text-indent: 100%;
  overflow: hidden;
  whitespace: nowrap;
}
.spring {
  --light: 237,243,222;
  --dark: 18,133,66;
  --primary: 151,193,61;
  --highlight: 81,163,70;
  --profile: 213,231,178;
  background: url('/lib/images/page-bg_summer.png') center top repeat-y;
}
.spring #search-box input[type='submit'] {
  background: url('/lib/images/magnify_summer.svg') center center no-repeat #f1f1f1;
}
.spring .feature-block .chexbox {
  background: url('/lib/images/chex-featured_summer.png') center center no-repeat;
}
.spring .intro-block .chexbox {
  background: url('/lib/images/chex-featured_summer.png') left top repeat-x;
}
.spring header .dcfm-logo a {
  background: url('/lib/images/dcfm-logo_header_summer.gif') center top no-repeat;
}
.spring footer p.copyright {
  background: url('/lib/images/footer-copyright-bg_summer.png') center center no-repeat rgb(var(--dark));
}
.spring footer nav .socials .twitter a {
  background: url('/lib/images/footer-twitter_summer.svg') center center no-repeat;
}
.spring footer nav .socials .facebook a {
  background: url('/lib/images/footer-facebook_summer.svg') center center no-repeat;
}
.spring footer nav .socials .instagram a {
  background: url('/lib/images/footer-instagram_summer.svg') center center no-repeat;
}
.spring.home .content-block {
  background: url('/lib/images/chex-cropped_top_summer.png') top center no-repeat;
}
.spring.market-detail .intro-home .chexbox.one {
  background: url('/lib/images/chex-featured_summer.png') left top repeat-x;
}
.spring.market-detail .available-products {
  background: rgba(var(--primary), 0.1);
}
.spring .find .chexbox,
.spring .member .chexbox {
  background: url('/lib/images/chex-featured_summer.png') left top repeat-x;
}
.spring.profile .content-block aside .socials li.twitter a {
  background: url('/lib/images/social-tw_summer.svg') left top no-repeat;
}
.spring.profile .content-block aside .socials li.facebook a {
  background: url('/lib/images/social-fb_summer.svg') left top no-repeat;
}
.spring.profile .content-block aside .socials li.instagram a {
  background: url('/lib/images/social-instagram_summer.svg') left top no-repeat;
}
.spring.profile .content-block aside .socials li.linkedin a {
  background: url('/lib/images/social-in_summer.svg') left top no-repeat;
}
.winter {
  --light: 190,229,238;
  --dark: 115,84,129;
  --primary: 0,179,213;
  --highlight: 158,218,232;
  --profile: 211,235,239;
  background: url('/lib/images/page-bg_winter.png') center top repeat-y;
}
.winter #search-box input[type='submit'] {
  background: url('/lib/images/magnify_winter.svg') center center no-repeat #f1f1f1;
}
.winter .feature-block .chexbox {
  background: url('/lib/images/chex-featured_winter.png') center center no-repeat;
}
.winter .intro-block .chexbox {
  background: url('/lib/images/chex-featured_winter.png') left top repeat-x;
}
.winter header .dcfm-logo a {
  background: url('/lib/images/dcfm-logo_header_winter.gif') center top no-repeat;
}
.winter footer p.copyright {
  background: url('/lib/images/footer-copyright-bg_winter.png') center center no-repeat rgb(var(--dark));
}
.winter footer nav .socials .twitter a {
  background: url('/lib/images/footer-twitter_winter.svg') center center no-repeat;
}
.winter footer nav .socials .facebook a {
  background: url('/lib/images/footer-facebook_winter.svg') center center no-repeat;
}
.winter footer nav .socials .instagram a {
  background: url('/lib/images/footer-instagram_winter.svg') center center no-repeat;
}
.winter.home .content-block {
  background: url('/lib/images/chex-cropped_top_winter.png') top center no-repeat;
}
.winter.market-detail .intro-home .chexbox.one {
  background: url('/lib/images/chex-featured_winter.png') left top repeat-x;
}
.winter.market-detail .available-products {
  background: rgba(var(--primary), 0.1);
}
.winter .find .chexbox,
.winter .member .chexbox {
  background: url('/lib/images/chex-featured_winter.png') left top repeat-x;
}
.winter.profile .content-block aside .socials li.twitter a {
  background: url('/lib/images/social-tw_winter.svg') left top no-repeat;
}
.winter.profile .content-block aside .socials li.facebook a {
  background: url('/lib/images/social-fb_winter.svg') left top no-repeat;
}
.winter.profile .content-block aside .socials li.instagram a {
  background: url('/lib/images/social-instagram_winter.svg') left top no-repeat;
}
.winter.profile .content-block aside .socials li.linkedin a {
  background: url('/lib/images/social-in_winter.svg') left top no-repeat;
}
.fall {
  --light: 240,212,188;
  --dark: 146,110,0;
  --primary: 244,124,72;
  --highlight: 222,169,123;
  --profile: 197,146,51;
  background: url('/lib/images/page-bg_fall.png') center top repeat-y;
}
.fall #search-box input[type='submit'] {
  background: url('/lib/images/magnify_fall.svg') center center no-repeat #f1f1f1;
}
.fall .feature-block .chexbox {
  background: url('/lib/images/chex-featured_fall.png') center center no-repeat;
}
.fall .intro-block .chexbox {
  background: url('/lib/images/chex-featured_fall.png') left top repeat-x;
}
.fall header .dcfm-logo a {
  background: url('/lib/images/dcfm-logo_header_fall.gif') center top no-repeat;
}
.fall footer p.copyright {
  background: url('/lib/images/footer-copyright-bg_fall.png') center center no-repeat rgb(var(--dark));
}
.fall footer nav .socials .twitter a {
  background: url('/lib/images/footer-twitter_fall.svg') center center no-repeat;
}
.fall footer nav .socials .facebook a {
  background: url('/lib/images/footer-facebook_fall.svg') center center no-repeat;
}
.fall footer nav .socials .instagram a {
  background: url('/lib/images/footer-instagram_fall.svg') center center no-repeat;
}
.fall.home .content-block {
  background: url('/lib/images/chex-cropped_top_fall.png') top center no-repeat;
}
.fall.market-detail .intro-home .chexbox.one {
  background: url('/lib/images/chex-featured_fall.png') left top repeat-x;
}
.fall.market-detail .available-products {
  background: rgba(var(--primary), 0.1);
}
.fall .find .chexbox,
.fall .member .chexbox {
  background: url('/lib/images/chex-featured_fall.png') left top repeat-x;
}
.fall.profile .content-block aside .socials li.twitter a {
  background: url('/lib/images/social-tw_fall.svg') left top no-repeat;
}
.fall.profile .content-block aside .socials li.facebook a {
  background: url('/lib/images/social-fb_fall.svg') left top no-repeat;
}
.fall.profile .content-block aside .socials li.instagram a {
  background: url('/lib/images/social-instagram_fall.svg') left top no-repeat;
}
.fall.profile .content-block aside .socials li.linkedin a {
  background: url('/lib/images/social-in_fall.svg') left top no-repeat;
}
.summer {
  --light: 254,215,171;
  --dark: 236,0,140;
  --primary: 248,149,33;
  --highlight: 177,39,37;
  --profile: 239,62,37;
  background: url('/lib/images/page-bg_spring.png') center top repeat-y;
}
.summer #search-box input[type='submit'] {
  background: url('/lib/images/magnify_spring.svg') center center no-repeat #f1f1f1;
}
.summer .feature-block .chexbox {
  background: url('/lib/images/chex-featured_spring.png') center center no-repeat;
}
.summer .intro-block .chexbox {
  background: url('/lib/images/chex-featured_spring.png') left top repeat-x;
}
.summer header .dcfm-logo a {
  background: url('/lib/images/dcfm-logo_header_spring.gif') center top no-repeat;
}
.summer footer p.copyright {
  background: url('/lib/images/footer-copyright-bg_spring.png') center center no-repeat rgb(var(--dark));
}
.summer footer nav .socials .twitter a {
  background: url('/lib/images/footer-twitter_spring.svg') center center no-repeat;
}
.summer footer nav .socials .facebook a {
  background: url('/lib/images/footer-facebook_spring.svg') center center no-repeat;
}
.summer footer nav .socials .instagram a {
  background: url('/lib/images/footer-instagram_spring.svg') center center no-repeat;
}
.summer.home .content-block {
  background: url('/lib/images/chex-cropped_top_spring.png') top center no-repeat;
}
.summer.market-detail .intro-home .chexbox.one {
  background: url('/lib/images/chex-featured_spring.png') left top repeat-x;
}
.summer.market-detail .available-products {
  background: rgba(var(--primary), 0.1);
}
.summer .find .chexbox,
.summer .member .chexbox {
  background: url('/lib/images/chex-featured_spring.png') left top repeat-x;
}
.summer.profile .content-block aside .socials li.twitter a {
  background: url('/lib/images/social-tw_spring.svg') left top no-repeat;
}
.summer.profile .content-block aside .socials li.facebook a {
  background: url('/lib/images/social-fb_spring.svg') left top no-repeat;
}
.summer.profile .content-block aside .socials li.instagram a {
  background: url('/lib/images/social-instagram_spring.svg') left top no-repeat;
}
.summer.profile .content-block aside .socials li.linkedin a {
  background: url('/lib/images/social-in_spring.svg') left top no-repeat;
}
/*===========================
02 - Basics
===========================*/
body {
  position: relative;
  color: #777;
  font-family: 'Assistant', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  line-height: 1.5;
}
a {
  color: inherit;
  text-decoration: none;
}
p {
  margin-bottom: 1.5em;
}
strong {
  font-weight: 700;
}
em {
  font-style: italic;
}
img {
  max-width: 100%;
}
h1,
h2,
h3,
h4 {
  margin-bottom: 0.5em;
}
h1 {
  color: #FFFFFF;
  font-size: 3em;
  font-weight: 300;
  line-height: 1.1em;
}
h2 {
  color: rgb(var(--primary));
  font-family: 'Arvo', Georgia, Times, serif;
  font-size: 1.25em;
  font-weight: 400;
}
h3 {
  color: rgb(var(--dark));
  font-size: 1em;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
blockquote {
  border-left: 4px solid #ddd;
  display: block;
  margin-bottom: 1em;
  padding-left: 2em;
}
label {
  color: rgb(var(--dark));
  display: block;
  text-align: left;
}
input[type='text'],
input[type='email'],
input[type='password'] {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgb(var(--highlight));
  color: rgb(var(--dark));
  font-size: 1.5em;
  margin-bottom: 0.5em;
  padding: 0.5em 0 0.25em 0;
  position: relative;
  width: 50%;
}
input[type='text']::placeholder,
input[type='email']::placeholder,
input[type='password']::placeholder {
  bottom: 0;
  left: 0;
  color: #aaa;
  font-size: 0.5em;
  position: absolute;
  text-align: left;
}
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus {
  outline: none;
}
input[type='submit'] {
  background-color: rgb(var(--primary));
  border: 2px solid white;
  border-radius: 3em;
  color: white;
  display: inline-block;
  font-size: 0.9em;
  font-weight: 700;
  margin: 1em 0;
  padding: 0.75em 2em;
  text-transform: uppercase;
}
input[type='submit']:hover {
  background-color: rgb(var(--dark));
  color: rgb(var(--light));
  cursor: pointer;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
select {
  padding: 0.25em;
  width: 50%;
}
/*===========================
03 - Elements
===========================*/
.button {
  margin: 2em auto 0 auto;
  text-align: center;
}
.button a {
  border: 2px solid rgb(var(--dark));
  border-radius: 3em;
  color: rgb(var(--dark));
  display: inline-block;
  font-weight: 700;
  padding: 0.75em 2em;
  text-decoration: none !important;
  text-transform: uppercase;
}
.button a:hover {
  background-color: rgb(var(--dark));
  color: white;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
#search-box h2 {
  margin-bottom: 1em;
}
#search-box form {
  margin: 0 auto;
  position: relative;
  width: 600px;
}
#search-box input[type='search'] {
  background-color: #f1f1f1;
  border: none;
  border-radius: 4px 0 0 4px;
  color: rgb(var(--dark));
  font-size: 1.1em;
  margin: 0;
  padding: 1em 2em 1em 2em;
  position: relative;
  left: 0;
  top: 0;
  width: 600px;
  -webkit-appearance: initial;
}
#search-box input[type='search']::-webkit-input-placeholder {
  font-size: 0.8em;
}
#search-box input[type='search']::-moz-placeholder {
  font-size: 0.8em;
}
#search-box input[type='search']:-ms-input-placeholder {
  font-size: 0.8em;
}
#search-box input[type='search']:-moz-placeholder {
  font-size: 0.8em;
}
#search-box input[type='submit'] {
  border: none;
  border-radius: 0 4px 4px 0;
  font-size: 1.1em;
  margin: 0;
  padding: 1em;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -5000px;
  width: 60px;
}
.feature-block {
  position: relative;
  max-width: 90%;
  margin: 0 auto 4rem auto;
}
.feature-block img {
  position: absolute;
  width: 90%;
}
.feature-block h3 {
  font-weight: 300;
}
.feature-block .text-block {
  background-color: white;
  padding: 3em;
  position: absolute;
  text-align: center;
  width: 40%;
}
.feature-block .text-block h2 {
  color: rgb(var(--dark));
}
.feature-block .text-block p.button a {
  border-color: rgb(var(--primary));
  color: rgb(var(--primary));
}
.feature-block .text-block p.button a:hover {
  background-color: rgb(var(--primary));
  color: white;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.feature-block .color-block-1,
.feature-block .color-block-2 {
  position: absolute;
}
.feature-block .chexbox {
  position: absolute;
  width: 300px;
  height: 25px;
}
.feature-block.type-a {
  height: 600px;
}
.feature-block.type-a .color-block-1 {
  background-color: rgba(var(--primary), 0.2);
  width: 40%;
  height: 360px;
  top: 0%;
  left: 0%;
}
.feature-block.type-a .color-block-2 {
  background-color: rgba(var(--highlight), 0.2);
  width: 70%;
  height: 360px;
  top: 18%;
  right: 10%;
}
.feature-block.type-a .chexbox {
  top: 10%;
  left: 10%;
}
.feature-block.type-a img {
  right: 0;
  bottom: 0%;
}
.feature-block.type-a .text-block {
  left: 15%;
  top: 12%;
}
.feature-block.type-b {
  height: 560px;
}
.feature-block.type-b .color-block-1 {
  background-color: rgba(var(--primary), 0.2);
  width: 70%;
  height: 420px;
  bottom: 0%;
  left: 10%;
}
.feature-block.type-b .color-block-2 {
  background-color: rgba(var(--highlight), 0.2);
  width: 30%;
  height: 410px;
  bottom: 18%;
  right: 0%;
}
.feature-block.type-b .chexbox {
  bottom: 18%;
  left: 15%;
}
.feature-block.type-b img {
  left: 0%;
  top: 0%;
}
.feature-block.type-b .text-block {
  right: 15%;
  bottom: 9%;
}
.feature-block.type-c {
  height: 600px;
}
.feature-block.type-c .color-block-1 {
  background-color: rgba(var(--primary), 0.2);
  width: 40%;
  height: 360px;
  top: 20%;
  left: 0%;
}
.feature-block.type-c .color-block-2 {
  background-color: rgba(var(--highlight), 0.2);
  width: 70%;
  height: 560px;
  top: 0%;
  right: 10%;
}
.feature-block.type-c .chexbox {
  top: 24%;
  right: 12%;
}
.feature-block.type-c img {
  right: 0;
  bottom: 0%;
}
.feature-block.type-c .text-block {
  left: 15%;
  top: 12%;
}
.feature-block.special-event {
  margin-top: 80px;
}
main {
  background: url('/lib/images/banner-white.png') top center repeat-x;
}
.banner {
  position: relative;
  margin: 0 auto;
  min-width: 980px;
  max-width: 1200px;
}
.banner img {
  height: inherit;
  margin-bottom: -6px;
}
.banner h1 {
  background: url('/lib/images/banner-bg.png') top center repeat;
  text-align: center;
  position: absolute;
}
.intro-block {
  margin: 0 auto;
  position: relative;
  width: 800px;
}
.intro-block p {
  background-color: rgb(var(--light));
  color: rgb(var(--dark));
  font-size: 1.5em;
  line-height: 1.5em;
  margin: 0 auto 0 auto;
  padding: 50px;
}
.intro-block .chexbox {
  position: absolute;
  height: 26px;
}
.intro-block .chexbox.one {
  top: -2px;
  right: -60px;
  width: 405px;
}
.intro-block .chexbox.two {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  left: -115px;
  bottom: 50px;
  width: 215px;
}
.content-block {
  margin: 0 auto;
  padding: 50px 250px 80px 50px;
  width: 800px;
}
.content-block p,
.content-block ul,
.content-block ol {
  margin-bottom: 1em;
  padding: 0.25em 0;
}
.content-block ul li {
  list-style: square;
  margin: 0.7em 1em;
  padding-left: 0.5em;
}
.content-block ol li {
  list-style: decimal;
  margin-bottom: 1em;
}
.content-block figure {
  margin: 2em 0;
  position: relative;
  left: -10%;
}
.content-block figure figcaption {
  color: #999;
  font-size: 80%;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.content-block a {
  color: rgb(var(--dark));
  text-decoration: underline;
}
.content-block a:hover {
  background-color: rgb(var(--light));
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.cta {
  padding: 6rem;
  text-align: center;
}
.cta .button a:hover {
  background-color: rgb(var(--dark));
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.button.cta a:hover {
  background-color: rgb(var(--dark));
  color: white;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.login input[type="text"],
.login input[type="password"] {
  background-color: #f1f1f1;
  border: none;
  border-radius: 4px 0 0 4px;
  color: rgb(var(--dark));
  font-size: 1.1em;
  margin: 0 0 1em 0;
  padding: 1em 2em 1em 2em;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-appearance: initial;
}
.login input[type="text"]::-webkit-input-placeholder,
.login input[type="password"]::-webkit-input-placeholder {
  font-size: 0.8em;
}
.login input[type="text"]::-moz-placeholder,
.login input[type="password"]::-moz-placeholder {
  font-size: 0.8em;
}
.login input[type="text"]:-ms-input-placeholder,
.login input[type="password"]:-ms-input-placeholder {
  font-size: 0.8em;
}
.login input[type="text"]:-moz-placeholder,
.login input[type="password"]:-moz-placeholder {
  font-size: 0.8em;
}
.login label {
  display: none;
}
.paginate {
  margin: 0 0 2em 0;
  text-align: center;
}
.paginate .button {
  display: inline-block;
  font-size: 0.9em;
  padding: 0.25em;
}
.paginate .button a {
  border-color: rgb(var(--primary));
  color: rgb(var(--primary));
  padding: 0.5em 1.5em;
}
.paginate .button a:hover {
  background-color: rgb(var(--primary));
  color: white;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#mce-success-response,
#mce-error-response {
  color: white;
  font-size: 1.25em;
}
.addthis_inline_share_toolbox {
  margin-top: 3em;
}
/*===========================
04 - Header
===========================*/
header {
  background-color: white;
  padding: 20px 20px 0 20px;
  text-align: center;
}
header:before,
header:after {
  content: " ";
  display: table;
}
header:after {
  clear: both;
}
header nav {
  margin: 0 auto;
  width: 800px;
}
header .dcfm-logo {
  display: block;
  margin-bottom: 50px;
}
header .dcfm-logo a {
  display: inline-block;
  height: 159px;
  text-indent: -99999px;
  width: 190px;
}
header .dcfm-logo a:hover {
  background-position-y: -159px;
}
header .veggie-burger {
  display: none;
}
header ul {
  color: rgb(var(--dark));
  font-size: 0.9em;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
header ul li {
  text-align: left;
}
header ul li:nth-of-type(6) {
  width: 10em;
}
header.header-fixed {
  background-color: white;
  height: 100px;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
header.header-fixed nav {
  margin: 0 auto;
  width: 900px;
}
header.header-fixed .dcfm-logo.hidden {
  display: none;
}
/*===========================
03 - Footer
===========================*/
footer {
  background-color: rgb(var(--primary));
  margin: 80px auto 0 auto;
  padding-top: 2em;
  max-width: 980px;
  text-align: center;
}
footer p.copyright {
  color: rgb(var(--primary));
  font-size: 0.7em;
  padding: 1.5em;
  margin: 2em 0 0 0;
}
footer h3 {
  font-size: 1.25em;
  line-height: 1.5em;
  margin: 0 auto 1em auto;
  text-align: center;
  text-transform: inherit;
  width: 50%;
}
footer #mc_embed_signup {
  margin: 0 auto;
  max-width: 400px;
  padding: 0 1em;
}
footer #mc_embed_signup label {
  color: rgb(var(--dark));
  display: block;
  text-align: left;
}
footer #mc_embed_signup input[type='text'],
footer #mc_embed_signup input[type='email'] {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgb(var(--dark));
  color: white;
  font-size: 1.5em;
  margin-bottom: 0.5em;
  padding: 0.5em 0 0.25em 0;
  position: relative;
  width: 360px;
}
footer #mc_embed_signup input[type='text']::placeholder,
footer #mc_embed_signup input[type='email']::placeholder {
  bottom: 0;
  left: 0;
  color: rgb(var(--dark));
  font-size: 0.5em;
  position: absolute;
  text-align: left;
}
footer #mc_embed_signup input[type='text']:focus,
footer #mc_embed_signup input[type='email']:focus {
  outline: none;
}
footer #mc_embed_signup input[type='submit'] {
  background-color: transparent;
  border: 2px solid white;
  border-radius: 3em;
  color: white;
  display: inline-block;
  font-size: 0.9em;
  font-weight: 700;
  margin: 1em 0;
  padding: 0.75em 2em;
  text-transform: uppercase;
}
footer #mc_embed_signup input[type='submit']:hover {
  background-color: rgb(var(--dark));
  color: rgb(var(--light));
  cursor: pointer;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
footer h2 {
  color: rgb(var(--dark));
  display: inline-block;
  margin: 1em 0;
  padding: 0 17px;
  font-size: 1.3em;
}
footer nav ul {
  display: block;
}
footer nav li {
  display: inline-block;
  padding: 1em 1em 0 1em;
}
footer nav .secondary {
  color: rgb(var(--dark));
  font-size: 0.9em;
  font-weight: 700;
  letter-spacing: 0.5px;
  margin-bottom: 0;
  text-transform: uppercase;
}
footer nav .secondary a:hover {
  color: #777;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
footer nav .socials li a {
  float: left;
  height: 36px;
  text-indent: -5000px;
  width: 36px;
}
/*===========================
03 - Page Specific
===========================*/
.home .banner .button {
  top: 350px;
  position: absolute;
  left: 0;
  right: 0;
}
.home .banner .button a {
  border-color: white;
  color: white;
}
.home .banner .button a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.home h1 {
  padding: 65px 160px 166px 160px;
  top: 140px;
}
.home .content-block {
  padding: 0;
  width: 940px;
}
.home .content-block a {
  text-decoration: none;
}
.primary h1 {
  top: 140px;
  padding: 100px 160px;
}
.secondary h1 {
  top: 60px;
  padding: 65px 160px;
}
/******   Market pages   ******/
.market-detail .banner-block {
  background: url('/lib/images/banner-bg.png') top center repeat;
  padding: 60px 120px;
  position: absolute;
  text-align: center;
  top: 140px;
}
.market-detail .banner-block h1 {
  background-image: none;
  padding: 0;
  left: inherit;
  top: 0;
  position: relative;
}
.market-detail .banner-block p {
  color: white;
  font-size: 1.3em;
  letter-spacing: 0.5px;
  margin-bottom: 0.5em;
  position: relative;
}
.market-detail .banner-block .banner-address {
  font-size: 0.9em;
  text-transform: uppercase;
}
.market-detail .content-block {
  padding: 0px;
  position: relative;
  min-width: 940px;
  max-width: 1800px;
  width: inherit;
}
.market-detail .intro-home {
  height: 26px;
  margin: 0 auto;
  position: relative;
  width: 940px;
}
.market-detail .intro-home .chexbox.one {
  left: -40px;
  margin-bottom: 80px;
  position: absolute;
  height: 26px;
  width: 570px;
}
.market-detail .intro {
  color: rgb(var(--dark));
  float: left;
  font-size: 1.5em;
  line-height: 1.5em;
  margin: 0 auto 0 auto;
  padding: 70px 0 0 70px;
  width: 520px;
}
.market-detail aside {
  float: right;
  padding: 50px 50px 50px 0;
  position: relative;
  text-align: center;
  width: 310px;
}
.market-detail aside h2 {
  margin-bottom: 1em;
}
.market-detail aside .row {
  position: relative;
  margin-bottom: 5px;
}
.market-detail aside li {
  list-style: none;
}
.market-detail aside a p {
  background-color: white;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 0;
  padding: 10px;
  width: 140px;
  height: 120px;
}
.market-detail aside a img {
  width: 120px;
}
.market-detail aside a:hover p {
  background-color: rgb(var(--light));
}
.market-detail aside a.odd p {
  float: right;
}
.market-detail aside a.odd img {
  float: left;
}
.market-detail aside a.even p {
  float: left;
}
.market-detail aside a.even img {
  float: right;
}
.market-detail aside .color-block-0,
.market-detail aside .color-block-1,
.market-detail aside .color-block-2 {
  position: absolute;
  width: 200px;
  height: 140px;
  z-index: -1;
}
.market-detail aside .color-block-0 {
  background-color: rgba(var(--primary), 0.2);
  top: 20px;
  left: -20px;
}
.market-detail aside .color-block-1 {
  background-color: rgba(var(--highlight), 0.2);
  height: 200px;
  top: -40px;
  right: -30px;
}
.market-detail aside .color-block-2 {
  background-color: rgba(var(--light), 0.3);
  top: -60px;
  left: -30px;
}
.market-detail .next-market {
  width: 846px;
  margin: 0 auto;
}
.market-detail .directions {
  margin: 0 auto;
  padding: 80px;
  width: 940px;
}
.market-detail .directions .col {
  float: left;
  width: 47%;
}
.market-detail .directions .col:first-of-type {
  margin-right: 6%;
}
.market-detail .directions .col:nth-of-type(2) {
  padding-top: 3em;
}
.market-detail .directions .parking-map {
  display: block;
  margin-bottom: 1em;
}
.market-detail .directions h3 {
  font-weight: 700;
  text-transform: none;
}
.market-detail .available-products {
  margin: 0 auto 80px auto;
  min-width: 940px;
  max-width: 1200px;
  padding: 3em 50px;
}
.market-detail .available-products h2 {
  color: rgb(var(--dark));
  margin-bottom: 2em;
  text-align: center;
}
.market-detail .available-products ul {
  margin: 0 auto;
  width: 865px;
}
.market-detail .available-products li {
  display: inline-block;
  list-style: none;
  margin: 0 0 2em 0;
  padding: 0;
}
.market-detail .available-products a {
  margin-right: 15px;
  text-align: center;
  text-decoration: none;
  width: 157px;
}
.market-detail .available-products a.last {
  margin-right: 0;
}
.market-detail .available-products a:hover {
  background-color: inherit;
}
.market-detail .available-products a img {
  display: block;
  margin-bottom: 0.5em;
  width: 157px;
  height: inherit;
}
.market-detail .special-event {
  margin: 0 auto;
  width: 940px;
}
.market-detail .special-event .event-description {
  float: right;
  padding: 2em 0;
  width: 620px;
}
.market-detail .special-event .event-description h3 {
  float: left;
  font-weight: 700;
  padding-top: 2em;
  text-align: right;
  text-transform: inherit;
  width: 170px;
}
.market-detail .special-event .event-description p,
.market-detail .special-event .event-description ul,
.market-detail .special-event .event-description ol {
  float: right;
  padding-right: 80px;
  width: 430px;
}
/******   Find a member pages   ******/
.find h2,
.member h2 {
  color: rgb(var(--dark));
}
.find h2.leadin,
.member h2.leadin {
  color: rgb(var(--primary));
  margin-bottom: 1em;
}
.find #search-box,
.member #search-box {
  margin-bottom: 40px;
  text-align: center;
}
.find .content-block,
.member .content-block {
  margin: 0 auto;
  padding: 50px 0;
  width: 840px;
}
.find .chexbox,
.member .chexbox {
  width: 100%;
}
.find .results-header,
.member .results-header {
  margin: 40px 0;
  text-align: center;
}
.find .content-block ul li,
.member .content-block ul li {
  list-style: none;
  margin: 0 0 1em 0;
  padding: 0;
}
.find .results a,
.member .results a {
  text-decoration: none;
}
.find .results h2,
.member .results h2 {
  font-size: 1.1em;
  line-height: 1.2em;
  margin: 0;
}
.find .results p,
.member .results p {
  color: #aaa;
  margin: 0;
}
.find .row,
.member .row {
  clear: both;
}
.find article.results,
.member article.results {
  float: left;
  margin-right: 33px;
  margin-bottom: 33px;
  position: relative;
  width: 258px;
}
.find article.results.last,
.member article.results.last {
  margin-right: 0;
}
.find article.results img,
.member article.results img {
  margin-bottom: 2em;
}
.find article.results h2,
.member article.results h2,
.find article.results p,
.member article.results p {
  text-align: center;
}
.find article.results .overlay-bar,
.member article.results .overlay-bar {
  background-color: rgb(var(--primary));
  opacity: 0.25;
  position: absolute;
  top: 225px;
  width: 258px;
  height: 50px;
}
.find article.results a:hover,
.member article.results a:hover {
  background-color: transparent;
}
.find article.results a:hover .overlay-bar,
.member article.results a:hover .overlay-bar {
  opacity: 0.5;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.find .article .results,
.member .article .results {
  float: left;
  margin-right: 33px;
  margin-bottom: 33px;
  position: relative;
  width: 258px;
}
.find .article .results.last,
.member .article .results.last {
  margin-right: 0;
}
.find .article .results img,
.member .article .results img {
  margin-bottom: 1.5em;
}
.find .article .results h2,
.member .article .results h2 {
  text-align: left;
}
.find .article .results .overlay-bar,
.member .article .results .overlay-bar {
  background-color: rgb(var(--primary));
  opacity: 0.25;
  position: absolute;
  top: 90px;
  width: 258px;
  height: 50px;
}
.find .article .results a:hover,
.member .article .results a:hover {
  background-color: transparent;
}
.find .article .results a:hover .overlay-bar,
.member .article .results a:hover .overlay-bar {
  opacity: 0.5;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.find .cat,
.member .cat {
  clear: both;
  margin-top: 2em;
}
.find .cat ul li,
.member .cat ul li {
  display: inline-block;
  margin-bottom: 0.25em;
  padding-right: 2%;
  width: 24%;
}
.find .cat ul li a,
.member .cat ul li a {
  color: #777;
  text-decoration: none;
}
.find .cat ul li a:hover,
.member .cat ul li a:hover {
  background-color: rgb(var(--light));
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.find .cta,
.member .cta {
  padding: 2em;
}
.member .content-block {
  padding: 50px;
  width: 940px;
}
.member .content-block .cb {
  float: left;
  width: 500px;
}
.member .content-block .sidebar {
  float: right;
  text-align: center;
  width: 300px;
}
.member .content-block .sidebar h2 {
  color: rgb(var(--dark));
  margin: 1em;
}
.member .content-block .sidebar p {
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  text-align: left;
}
.member .content-block .sidebar p a {
  text-decoration: none;
}
/******   Member profile page   ******/
.profile .content-block {
  padding: 80px 0 80px 0;
  width: 850px;
}
.profile .content-block article {
  float: right;
  padding-right: 90px;
  width: 550px;
}
.profile .content-block article h1 {
  color: rgb(var(--dark));
}
.profile .content-block article h2 {
  color: rgb(var(--dark));
}
.profile .content-block article h3 {
  color: rgb(var(--primary));
}
.profile .content-block article .owners {
  margin-bottom: 2em;
}
.profile .content-block article li {
  display: inline-block;
  margin: 0 0 0.25em 0;
  padding: 0 2% 0 0;
  width: 46%;
}
.profile .content-block article li a {
  text-decoration: none;
}
.profile .content-block article li a:hover {
  background-color: rgb(var(--light));
}
.profile .content-block aside {
  background-color: rgb(var(--profile));
  color: rgb(var(--dark));
  float: left;
  font-weight: 700;
  width: 258px;
}
.profile .content-block aside p,
.profile .content-block aside ul {
  padding: 0 40px;
}
.profile .content-block aside .profile-images {
  line-height: 0;
  margin-bottom: 20px;
  position: relative;
}
.profile .content-block aside .profile-images .overlay-bar {
  background-color: rgb(var(--primary));
  bottom: 0;
  height: 50px;
  opacity: 0.4;
  position: absolute;
  width: 100%;
}
.profile .content-block aside .member-since {
  color: rgb(var(--primary));
  font-weight: 300;
  text-align: center;
}
.profile .content-block aside .socials {
  text-align: center;
  margin: 0 auto;
}
.profile .content-block aside .socials li {
  display: inline-block;
  list-style: none;
  margin: 2px;
  padding: 0;
  position: relative;
  width: 36px;
  height: 36px;
}
.profile .content-block aside .socials li a {
  float: left;
  text-indent: -9000px;
  width: 36px;
  height: 36px;
}
.fresh .intro-block .color-block-1 {
  background-color: rgba(var(--dark), 0.2);
  top: 90px;
  height: 160px;
  right: 40px;
  position: absolute;
  width: 120px;
}
.fresh .intro-block p {
  margin-right: 100px;
}
.fresh .intro-block.detail .color-block-1 {
  top: 40px;
}
.fresh .content-block {
  padding: 50px 0;
  position: relative;
}
.fresh article {
  margin-bottom: 3em;
  width: 610px;
}
.fresh article .texts {
  float: right;
  width: 420px;
}
.fresh article h1 {
  color: rgb(var(--dark));
  padding: 0;
}
.fresh article h1 a {
  text-decoration: none;
}
.fresh article h2,
.fresh article h3 {
  margin-top: 1em;
}
.fresh article p {
  color: #777;
  margin-bottom: 0.25em;
}
.fresh article p:hover {
  color: rgb(var(--dark));
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.fresh article li {
  margin: 0.25em 0 0.25em 1.5em;
  padding: 0;
}
.fresh article.recipe ul li {
  list-style: none;
  margin-left: 0;
}
.fresh article .post-date {
  color: rgb(var(--dark));
  font-weight: 700;
}
.fresh article span {
  color: #aaa;
  font-size: 0.8em;
  font-weight: 300;
  letter-spacing: 0.5px;
  margin-left: 0.25em;
  text-transform: uppercase;
}
.fresh article span.caps {
  color: inherit;
  font-size: 0.9em;
  font-weight: inherit;
  letter-spacing: inherit;
  margin-left: inherit;
  text-transform: inherit;
}
.fresh article.listing h2 {
  margin: 0;
}
.fresh article.listing img {
  float: left;
}
.fresh aside {
  position: absolute;
  top: 60px;
  right: -40px;
  width: 180px;
  background: white;
  padding: 20px;
  z-index: 100;
}
.fresh aside a {
  display: block;
  padding: 0.25em 0.5em;
}
.fresh aside a:hover {
  background-color: rgb(var(--light));
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.fresh aside a.active {
  color: rgb(var(--dark));
  font-weight: 700;
}
.u {
  padding: 50px;
}
.u .login-info {
  background-color: #eee;
  padding: 80px;
  margin-bottom: 80px;
}
.u .content-block {
  padding: 0;
}
.u .resources {
  margin-bottom: 2rem;
}
.u .resources .resource-list {
  display: none;
}
/*===========================
00 - Mobile
===========================*/
@media (max-width: 980px) {
  header {
    position: relative;
    text-align: center;
  }
  header nav {
    width: 90vw;
  }
  header .dcfm-logo {
    margin-bottom: 20px;
  }
  header .veggie-burger ( display: block; ) nav {
    width: 100%;
  }
  header .menu-toggle {
    display: block;
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
  }
  header .menu-toggle input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    right: -5px;
    cursor: pointer;
    opacity: 0;
    z-index: 31;
    -webkit-touch-callout: none;
  }
  header .menu-toggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
  }
  header .menu-toggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }
  header .menu-toggle input:checked ~ span:nth-last-child(2) {
    opacity: 1;
    transform: rotate(-45deg) translate(0, -1px);
  }
  header .menu-toggle input:checked ~ #menu {
    transform: scale(1, 1);
    opacity: 1;
  }
  header .menu-toggle span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;
    background: #cdcdcd;
    border-radius: 3px;
    z-index: 30;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
  }
  header .menu-toggle span:first-child {
    transform-origin: 0% 0%;
  }
  header .menu-toggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
  }
  header .sf-menu {
    width: 100%;
    -webkit-font-smoothing: antialiased;
  }
  header .sf-menu ul {
    display: block;
    padding-left: 1em;
    position: relative;
    width: 100%;
    z-index: 0;
  }
  header .sf-menu ul li {
    background-color: transparent;
  }
  header .sf-menu li {
    display: block;
    float: none;
    width: 100%;
  }
  header .sf-menu li:hover ul {
    position: relative;
    left: 0;
  }
  header .sf-menu li:hover > ul,
  header .sf-menu li.sfHover > ul {
    display: block;
  }
  header .sf-menu li:hover,
  header .sf-menu li.sfHover {
    background: transparent;
  }
  header .sf-menu a {
    border-bottom: 2px solid white;
  }
  header .sf-menu a:hover {
    background-color: rgb(var(--highlight));
  }
  header ul li:nth-of-type(6) {
    width: 100%;
  }
  header #menu {
    background-color: rgb(var(--light));
    border: 3px solid white;
    margin: -60px 0 0 -30px;
    padding: 60px 30px 30px 30px;
    position: absolute;
    width: 95vw;
    z-index: 10;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  }
  body {
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
  }
  h1 {
    font-size: 2.4em;
  }
  #search-box form {
    width: inherit;
  }
  #search-box input[type='search'] {
    width: 90%;
  }
  #search-box input[type='submit'] {
    right: 40px;
  }
  .banner {
    width: 100%;
    min-width: inherit;
    max-width: inherit;
  }
  .banner img {
    object-fit: cover;
  }
  .banner h1 {
    padding: 1em 0.7em;
    width: 100%;
  }
  .intro-block {
    width: 100%;
  }
  .intro-block p {
    padding: 2em 1em;
  }
  .intro-block .chexbox.one {
    right: 0;
  }
  .content-block {
    width: 100%;
    padding: 50px 2em;
  }
  .content-block figure {
    left: 0;
  }
  .feature-block .text-block {
    padding: 2em;
    position: relative;
    width: 90%;
    margin: 0 auto;
  }
  .feature-block img {
    object-fit: cover;
    height: 400px;
  }
  .feature-block.type-a {
    height: 500px;
  }
  .feature-block.type-a .text-block {
    left: inherit;
  }
  .feature-block.type-b {
    height: 500px;
  }
  .feature-block.type-b .text-block {
    right: inherit;
    top: 15%;
  }
  .feature-block.type-b .color-block-2 {
    bottom: 11%;
  }
  .feature-block.type-c {
    height: 500px;
  }
  .feature-block.type-c .text-block {
    left: inherit;
  }
  footer h3 {
    width: 85%;
  }
  footer nav .secondary {
    margin: 0 auto 2em auto;
    width: 85%;
  }
  h3 {
    width: 85%;
  }
  .home .banner {
    height: 450px;
  }
  .home .banner h1 {
    margin-bottom: 0;
    padding: 10% 10% 40% 10%;
    top: 7%;
  }
  .home .banner .button {
    top: 310px;
  }
  .home .content-block {
    width: 100%;
    padding-bottom: 4em;
  }
  .home .cta {
    padding: 4em 1em;
  }
  .primary .banner {
    height: 450px;
  }
  .secondary .banner {
    height: 300px;
  }
  .secondary .banner h1 {
    padding: 1em 0.7em;
    width: 100%;
  }
  .member .content-block,
  .find .content-block {
    width: 100%;
    padding: 50px 2em;
  }
  .member .content-block figure,
  .find .content-block figure {
    left: 0;
  }
  .member .content-block .cb,
  .find .content-block .cb {
    width: 100%;
  }
  .member .content-block .sidebar,
  .find .content-block .sidebar {
    float: none;
    width: 100%;
  }
  .member .content-block .cta,
  .find .content-block .cta {
    padding: 2em 0;
  }
  .member article.results,
  .find article.results {
    margin-right: 0;
    text-align: center;
    width: 100%;
  }
  .member article.results img,
  .find article.results img {
    height: inherit;
    margin-bottom: 1em;
  }
  .member article.results .overlay-bar,
  .find article.results .overlay-bar {
    width: 100%;
    bottom: 97px;
  }
  .member .row,
  .find .row {
    display: inline;
  }
  .members .banner {
    height: 300px;
  }
  .members .intro-block {
    width: 100%;
  }
  .profile .content-block {
    padding: 4em 2em;
    width: 100%;
  }
  .profile .content-block article {
    width: 100%;
    padding: 0;
    float: none;
  }
  .profile .content-block article li {
    vertical-align: top;
  }
  .profile .content-block aside {
    width: 100%;
    padding: 0 0 1em 0;
    float: none;
  }
  .market-detail .banner-block {
    bottom: 0;
    top: inherit;
    padding: 2em 0.7em;
    width: 100%;
  }
  .market-detail .banner {
    height: 450px;
  }
  .market-detail .intro-home {
    width: 100%;
  }
  .market-detail .intro-home .chexbox.one {
    width: 100%;
    left: 0;
  }
  .market-detail .intro {
    padding: 2em 1em;
    width: 100%;
  }
  .market-detail .content-block {
    width: 100%;
    min-width: inherit;
    max-width: inherit;
  }
  .market-detail aside {
    float: none;
    width: 100%;
    display: none;
  }
  .market-detail .next-market {
    width: 100%;
  }
  .market-detail .directions {
    width: 100%;
    padding: 2em;
  }
  .market-detail .directions .col {
    float: none;
    width: 100%;
  }
  .market-detail .available-products {
    width: 100%;
    min-width: inherit;
    max-width: inherit;
    padding: 3em 0em;
    text-align: center;
  }
  .market-detail .available-products ul {
    width: 90%;
  }
  .market-detail .available-products .row {
    display: inline;
  }
  .market-detail .available-products a.last {
    margin-right: 15px;
  }
  .market-detail .special-event {
    width: 100%;
  }
  .market-detail .special-event .event-description {
    width: 100%;
  }
  .market-detail .special-event .event-description h3 {
    padding-left: 1em;
    width: 40%;
  }
  .market-detail .special-event .event-description p {
    padding-right: 1em;
    width: 55%;
  }
  .find .content-block {
    padding: 3em 2em;
    width: 100%;
  }
  .find .cat {
    text-align: left;
    width: 100%;
  }
  .find .cat ul {
    width: 100%;
  }
  .find .cat ul li {
    margin-bottom: 1em;
    padding-right: 7%;
    vertical-align: top;
    width: 32%;
  }
  .fresh .intro-block p {
    margin-right: 0;
  }
  .fresh .intro-block .color-block-1 {
    display: none;
  }
  .fresh .intro-block aside {
    position: relative;
    top: inherit;
    right: inherit;
    width: 100%;
    z-index: 0;
  }
  .fresh .intro-block aside li {
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 24%;
  }
  .fresh article {
    padding: 0 2em;
    width: 100%;
  }
  .fresh article a {
    text-decoration: none;
  }
  .fresh article .texts {
    float: none;
    width: 100%;
  }
  .fresh article.listing img {
    float: none;
  }
  .u {
    padding: 0;
  }
  .u .login-info {
    padding: 2em;
  }
  .u .content-block {
    padding: 1em;
  }
  .u input[type='text'],
  .u input[type='password'] {
    width: 100%;
  }
}
@media (max-width: 980px) and (min-width: 540px) {
  .home .banner h1 {
    padding-bottom: 28%;
  }
}
@media (max-width: 980px) and (min-width: 600px) {
  .member article.results,
  .find article.results {
    width: 50%;
  }
}
/*# sourceMappingURL=main.css.map */