@charset "UTF-8";
/********************************************************************************************* 

x. Variables

*********************************************************************************************/
/*
font-family: 'Cabin', sans-serif;
font-family: 'BenchNine', sans-serif;
font-family: 'Merriweather', serif;
font-family: 'Roboto Slab', serif;
font-family: 'Bitter', serif;
*/
/********************************************************************************************* 

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: 18px "Cabin", sans-serif;
  color: #4F291E;
  width: auto;
  height: auto;
  background: white;
}

a {
  color: #AB1B2E;
}

a:hover {
  color: #84AEB6;
}

a img {
  border: none;
}

.center {
  text-align: center;
}

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

.grecaptcha-badge {
  display: none !important;
}

h1 {
  font-family: "Roboto Slab", serif;
  font-size: 5em;
  font-weight: 300;
  line-height: 1em;
}

h2 {
  font-family: "Roboto Slab", serif;
  font-size: 3.75em;
  font-weight: 300;
  line-height: 1em;
}

h3 {
  font-family: "Roboto Slab", serif;
  font-size: 2.125em;
  font-weight: 300;
  line-height: 1em;
}

h4 {
  font-family: "Roboto Slab", serif;
  font-size: 1.75em;
  font-weight: 300;
  line-height: 1em;
}

h5 {
  font-family: "Roboto Slab", serif;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}

.hide {
  display: none;
}

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

.left {
  float: left;
}

p {
  line-height: 1.65em;
}

.right {
  float: right;
}

svg {
  display: block;
  overflow: hidden;
}

.uppercase {
  text-transform: uppercase;
}

.wrapper {
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
}

.wrapper.large {
  max-width: 1600px;
}

.wrapper.medium {
  max-width: 1200px;
}

.wrapper.shmedium {
  max-width: 990px;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
}

.wrapper.small {
  max-width: 700px;
}

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

x. Margin

*********************************************************************************************/
blockquote,
.content ol,
.content ul,
#faq span.category,
#food-access-program #food-bank .image,
#give .image,
h1,
h2,
h3,
h4,
h5,
h6,
.line,
#news .post .content,
#news .post .image,
p,
#page .photos .image,
#pike-up .carousel .tab .content,
#pike-up .piggybackers form,
#pike-up .piggybackers table,
.wp-video {
  margin-bottom: 20px;
}

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

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

x. Columns & Widths

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

.width-15 {
  width: 15%;
}

.width-16 {
  width: 16.66%;
}

.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. Header

*********************************************************************************************/
header {
  text-align: center;
  background: white;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
}

header.relative {
  position: relative;
}

header .buttons {
  list-style: none;
  float: right;
}

header .buttons a {
  display: block;
}

header .buttons li {
  margin: 0 0 0 10px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}

header .buttons li.up {
  margin: -20px 0 0 0;
}

header .buttons li.hamburger {
  display: none;
}

header .buttons svg circle,
header .buttons svg polygon {
  fill: #AB1B2E;
}

header .buttons svg:hover circle,
header .buttons svg:hover polygon {
  fill: #84AEB6;
}

header .logo {
  width: auto;
  height: 110px;
  display: block;
  float: left;
}

header .logo img {
  width: auto;
  height: 100%;
}

header .navigation.container {
  position: relative;
  z-index: 10;
}

header #search {
  display: none;
}

header #search form.search {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

header #search form.search input[type=text] {
  height: 70px;
}

header .wrapper {
  padding: 20px 0;
}

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

x. Header: Countdown

*********************************************************************************************/
#countdown {
  text-align: center;
  background: #EBF6F7;
  padding: 0 20px;
  position: relative;
  z-index: 30;
}

#countdown .description {
  font-family: "Roboto Slab", serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 50px;
  margin: 0 20px 0 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}

#countdown .timer {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

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

x. Header: Navigation: Single

*********************************************************************************************/
header .navigation.single {
  list-style: none;
}

header .navigation.single a {
  color: white;
  font-family: "BenchNine", sans-serif;
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 60px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  background: #4F291E;
  display: block;
}

header .navigation.single a:hover {
  background: #EDA551;
}

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

x. Header: Navigation: Main

*********************************************************************************************/
header .navigation.main {
  font-size: 0;
  background: #4F291E;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
  list-style: none;
  position: relative;
  z-index: 10;
}

header .navigation.main a {
  color: white;
  font-family: "BenchNine", sans-serif;
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 60px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 30px;
  display: block;
  position: relative;
}

header .navigation.main a:hover,
header .navigation.main li.current-category-ancestor a,
header .navigation.main li.current-menu-item a,
header .navigation.main li.current_page_item a,
header .navigation.main li.current_page_parent a,
header .navigation.main li.open a {
  background: #3B1F18;
}

header .navigation.main li.current-category-ancestor.closed a,
header .navigation.main li.current-menu-item.closed a,
header .navigation.main li.current_page_item.closed a,
header .navigation.main li.current_page_parent.closed a {
  background: transparent;
}

header .navigation.main li {
  border-left: 1px solid #744C28;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
}

header .navigation.main li:last-child a:hover {
  background: transparent;
}

header .navigation.main li:last-child a:hover svg {
  fill: #EDA551;
}

header .navigation.main .sub-menu {
  display: none;
}

header .navigation.main svg {
  fill: white;
  position: relative;
  top: 5px;
}

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

x. Header: Navigation: Drop-down

*********************************************************************************************/
header .navigation.drop-down {
  text-align: left;
  background: #4F291E;
  white-space: nowrap;
  padding: 40px 20px 40px 60px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  list-style: none;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 100%;
  left: 50%;
}

header .navigation.drop-down.has-highlight {
  min-height: 130px;
  padding-left: 350px;
}

header .navigation.drop-down a {
  color: white;
  font-size: 16px;
  line-height: 1em;
  text-decoration: none;
  white-space: nowrap;
  display: block;
}

header .navigation.drop-down a:after {
  content: ">";
  color: #FBAF56;
  margin: 0 0 0 5px;
}

header .navigation.drop-down a:hover,
header .navigation.drop-down li.current-menu-item > a {
  color: #FBAF56;
}

header .navigation.drop-down .column {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}

header .navigation.drop-down .column .inside {
  padding: 0 40px 0 0;
}

header .navigation.drop-down li.menu-item {
  margin: 0 0 20px 0;
}

header .navigation.drop-down li.menu-item:last-of-type {
  margin: 0;
}

header .navigation.drop-down .sub-menu {
  white-space: normal;
  padding: 15px 0 0 15px;
}

header .navigation.drop-down .sub-menu a {
  color: white;
  font-size: 14px;
  line-height: 1em;
  text-decoration: none;
  white-space: nowrap;
  display: block;
}

header .navigation.drop-down .sub-menu a:after {
  display: none;
}

header .navigation.drop-down .sub-menu a:before {
  content: "•";
  margin: 0 5px 0 0;
}

header .navigation.drop-down .sub-menu a:hover {
  color: #FBAF56;
}

header .navigation.drop-down .sub-menu li.menu-item {
  margin: 0 0 10px 0;
}

header .navigation.drop-down .sub-menu li.menu-item:last-of-type {
  margin: 0;
}

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

x. Header: Navigation: Secondary

*********************************************************************************************/
header .navigation.secondary {
  font-size: 0;
  text-align: center;
  background: #AB1B2E;
}

header .navigation.secondary a {
  color: white;
  font-size: 16px;
  line-height: 40px;
  letter-spacing: 0.05em;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0 20px;
  display: block;
}

header .navigation.secondary a:hover,
header .navigation.secondary li.current a,
header .navigation.secondary li.current-menu-item a,
header .navigation.secondary li.current-category-ancestor a {
  background: #EDA551;
}

header .navigation.secondary li {
  border-left: 1px solid white;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

header .navigation.secondary li:last-of-type {
  border-right: 1px solid white;
}

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

x. Navigation: Mobile

*********************************************************************************************/
header .hamburger a {
  width: 27px;
  height: 21px;
  display: block;
  position: relative;
}

header .hamburger .line {
  width: 100%;
  height: 4px;
  background: #84AEB6;
  display: block;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.5s ease, background, 0.15s ease;
  -moz-transition: all 0.5s ease, background, 0.15s ease;
  -ms-transition: all 0.5s ease, background, 0.15s ease;
  -o-transition: all 0.5s ease, background, 0.15s ease;
  transition: all 0.5s ease, background, 0.15s ease;
}

header .hamburger .line.first {
  top: 0;
}

header .hamburger .line.second, header .hamburger .line.third {
  top: 9px;
}

header .hamburger .line.fourth {
  top: 18px;
}

header .hamburger.open .line.first,
header .hamburger.open .line.fourth {
  width: 0%;
  top: 7px;
  left: 50%;
}

header .hamburger.open .line.second {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

header .hamburger.open .line.third {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

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

x. Header: Navigation: Highlight

*********************************************************************************************/
header .navigation.drop-down li.highlight {
  color: white;
  font-size: 0.875em;
  white-space: normal;
  background: #AB1B2E;
  width: auto;
  height: auto;
  width: 250px;
  height: auto;
  padding: 30px 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

header .navigation.drop-down li.highlight a.ribbon {
  font-size: 10px;
  line-height: 30px;
  background: #EDA551;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

header .navigation.drop-down li.highlight a.ribbon:before,
header .navigation.drop-down li.highlight a.ribbon:after {
  content: "";
  border-color: #EDA551;
  margin: 0;
}

header .navigation.drop-down li.highlight a.ribbon:hover {
  color: white;
  background: #84AEB6;
}

header .navigation.drop-down li.highlight a.ribbon:hover:before,
header .navigation.drop-down li.highlight a.ribbon:hover:after {
  border-color: #84AEB6;
}

header .navigation.drop-down li.highlight .image {
  width: 100px;
  height: auto;
  margin: 0 0 0 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}

header .navigation.drop-down li.highlight table {
  width: 100%;
  height: auto;
  margin: 0 0 20px 0;
}

header .navigation.drop-down li.highlight table td {
  vertical-align: middle;
}

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

x. Header: Shrink

*********************************************************************************************/
header.shrink .buttons svg {
  width: 80px;
  height: 80px;
}

header.shrink .buttons li.up svg {
  width: auto;
  height: 100px;
}

header.shrink .countdown {
  display: none;
}

header.shrink .logo {
  height: 80px;
}

header.shrink .navigation.secondary a {
  font-size: 14px;
  line-height: 30px;
}

header.shrink .navigation.single a {
  font-size: 18px;
  line-height: 40px;
}

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

x. Main

*********************************************************************************************/
main {
  position: relative;
  z-index: 10;
  overflow: hidden;
}

main .container {
  position: relative;
}

main .newsletter {
  padding: 40px 0 70px 0;
}

main .newsletter .content {
  border-top: 2px dotted #9BA5B0;
  padding: 70px 0 0 0;
}

main .newsletter form {
  max-width: 330px;
  margin: 0 auto;
}

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

x. Footer

*********************************************************************************************/
footer.background-gulf-stream {
  background: #84AEB6;
}

footer.background-oxley {
  background: #72A189;
  margin: 0;
}

footer a {
  text-decoration: none;
  position: relative;
  z-index: 10;
}

footer .bottom {
  background: #4F291E;
  padding: 0 0 30px 0;
  position: relative;
}

footer .hill {
  margin: 0 0 -5px 0;
}

footer .logo.pike-place-market {
  padding: 0 10px 0 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 100%;
}

footer .logo.pike-place-market svg {
  width: 130px;
  height: auto;
  margin: 0 auto -40px auto;
}

footer .logo.pike-place-market-foundation {
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 100%;
}

footer .pig {
  width: 80px;
  height: auto;
  margin: 0 auto -5px auto;
}

footer .ribbon {
  font-family: "BenchNine", sans-serif;
  font-size: 1.125em;
}

footer .ribbons {
  list-style: none;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 100%;
}

footer .ribbons li {
  margin: 0 0 10px 0;
}

footer .ribbons li:last-of-type {
  margin: 0;
}

footer span {
  display: block;
}

footer span.contact {
  color: white;
  font-size: 0.778em;
  margin: 20px 0 10px 0;
}

footer span.contact a {
  color: white;
}

footer span.credits,
footer span.links {
  color: #C3978B;
  font-size: 0.667em;
}

footer span.credits a,
footer span.links a {
  color: #C3978B;
}

footer span.credits a:hover,
footer span.links a:hover {
  color: white;
}

footer span.links {
  margin: 10px 0 0 0;
}

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

x. Pie chart

*********************************************************************************************/
.center {
  text-align: center;
}

.clearfix {
  display: block;
  width: 100%;
  clear: both;
}

.pie-chart {
  display: inline-block;
  position: relative;
}
.pie-chart .aligncenter, .pie-chart div.aligncenter {
  max-width: 50% !important;
  display: block;
  margin: 5px auto 5px auto;
}
.pie-chart img {
  width: 100%;
  height: auto !important;
  max-width: 768px;
}
.pie-chart .tip {
  position: absolute;
  width: 320px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  opacity: 0;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  pointer-events: none;
}
.pie-chart .pc {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 9;
}
.pie-chart .pc .tip-text {
  padding: 20px;
}
.pie-chart .pc .tip-text p {
  font-size: 13px;
  margin-bottom: 10px !important;
  margin-top: 10px;
}
.pie-chart .pc:hover .tip {
  display: block;
  opacity: 1;
}
.pie-chart .pc-1 {
  top: 20px;
  left: 45%;
}
.pie-chart .pc-2 {
  top: 25%;
  left: 68%;
  height: 230px;
}
.pie-chart .pc-3 {
  top: 59%;
  left: 61%;
}
.pie-chart .pc-4 {
  left: 24%;
  top: auto;
  bottom: 35px;
  width: 220px;
}
.pie-chart .pc-5 {
  top: 40%;
  left: 25px;
  height: 220px;
}
.pie-chart .pc-6 {
  top: 78px;
  left: 66px;
  width: 251px;
}

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

x. Ribbon

*********************************************************************************************/
.ribbon {
  color: white;
  font-size: 10px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  width: auto;
  height: 30px;
  background: #84AEB6;
  padding: 0 30px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  position: relative;
}

.ribbon:before,
.ribbon:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  border: 15px solid #84AEB6;
}

.ribbon:before {
  left: -15px;
  border-right-width: 15px;
  border-left-color: transparent !important;
}

.ribbon:after {
  right: -15px;
  border-left-width: 15px;
  border-right-color: transparent !important;
}

.ribbon:hover {
  color: white;
  background: #AB1B2E;
}

.ribbon:hover:before,
.ribbon:hover:after {
  border-color: #AB1B2E;
}

.ribbon.arrow-left span:before {
  content: "<";
  margin: 0 5px 0 0;
}

.ribbon.arrow-right span:after {
  content: ">";
  margin: 0 0 0 5px;
}

.ribbon.large {
  font-size: 14px;
  line-height: 40px;
  height: 40px;
}
.ribbon.large a {
  text-decoration: none;
}
.ribbon.large.text {
  font-size: 22px;
  background-color: #AB1B2E;
}
.ribbon.large.text:after, .ribbon.large.text:before {
  border-color: #AB1B2E;
}
.ribbon.large:hover.text {
  background-color: #84AEB6;
}
.ribbon.large:hover.text:after, .ribbon.large:hover.text:before {
  border-color: #84AEB6;
}

.nf-form-fields-required {
  margin-bottom: 10px;
  font-size: 12px;
}

.nf-field-container {
  margin-bottom: 0 !important;
}

#news .post .content span.ribbon.large a {
  line-height: 40px !important;
  text-decoration: none !important;
  font-size: 22px !important;
  color: #fff !important;
}

.content .ribbon.large {
  font-size: 18px;
}

.ribbon.large:before,
.ribbon.large:after {
  border-width: 20px;
}

.ribbon.large:before {
  left: -20px;
  border-right-width: 20px;
}

.ribbon.large:after {
  right: -20px;
  border-left-width: 20px;
}

.ribbon a {
  color: white;
  text-decoration: none;
}

.ribbon span {
  position: relative;
  z-index: 10;
}

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

x. Social Media

*********************************************************************************************/
.social-media {
  list-style: none;
  margin-bottom: 20px;
}

.social-media a {
  display: block;
}

.social-media li {
  margin: 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.social-media svg circle {
  fill: #AB1B2E;
}

.social-media svg:hover circle {
  fill: #84AEB6;
}

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

x. Learn More + Read More

*********************************************************************************************/
.learn-more,
.read-more {
  color: #EDA551;
  text-decoration: none;
  white-space: nowrap;
}

.learn-more:after,
.read-more:after {
  content: ">";
  margin: 0 0 0 5px;
}

.learn-more:hover,
.read-more:hover {
  color: #84AEB6;
}

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

x. Back

*********************************************************************************************/
.back {
  font-size: 0.75em;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  margin: -50px 0 90px 0;
  display: block;
}

.back:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 10px 5px 0;
  border-color: transparent #AB1B2E transparent transparent;
  margin: 0 10px 0 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.back:hover:before {
  border-color: transparent #84AEB6 transparent transparent;
}

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

x. Introduction

*********************************************************************************************/
.masthead .content {
  color: white;
  padding: 0 30px;
  -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;
  right: 0;
}

.masthead .image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.masthead .image img {
  width: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}

.masthead .inside {
  min-height: 500px;
  background: #84AEB6;
  position: relative;
}

.masthead .line {
  width: 400px;
  height: 1px;
  background: white;
  margin-left: auto;
  margin-right: auto;
}

.masthead .slideshow-wrapper {
  width: auto;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}

.masthead .slideshow-wrapper .slideshow-viewport,
.masthead .slideshow-wrapper .slideshow-viewport .slideshow,
.masthead .slideshow-wrapper .slideshow-viewport .slideshow li {
  height: 100% !important;
}

.masthead .slideshow-wrapper img {
  max-width: none;
}

.masthead .slideshow-wrapper .slideshow-controls-direction {
  display: none;
}

.masthead .slideshow-wrapper .slideshow-pager {
  text-align: center;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
  right: auto;
}

.masthead .slideshow-wrapper .slideshow-pager .slideshow-pager-item {
  margin: 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  float: none;
}

.masthead video {
  max-width: 100%;
  max-height: 100%;
  -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. Area Headline

*********************************************************************************************/
span.area-headline {
  color: white;
  font-family: "Roboto Slab", serif;
  font-size: 1.5em;
  line-height: 1em;
  padding: 15px 0;
  background: #4F291E;
  margin: 0 0 20px 0;
  display: block;
}

span.area-headline:before {
  content: "•";
  margin: 0 5px 0 0;
}

span.area-headline:after {
  content: "•";
  margin: 0 0 0 5px;
}

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

x. Content

*********************************************************************************************/
.content ol,
.content ul {
  line-height: 1.65em;
  margin-left: 40px;
}

.content > :last-child,
.content blockquote > :last-child {
  margin-bottom: 0;
}

.content blockquote {
  font-style: italic;
  padding: 0 50px;
  position: relative;
  font-size: 18px !important;
}

.content blockquote:before {
  content: "";
  width: 35px;
  height: 30px;
  background: url(../img/quotes-top.svg);
  position: absolute;
  top: 0;
  left: 0;
}

.content blockquote:after {
  content: "";
  width: 35px;
  height: 30px;
  background: url(../img/quotes-bottom.svg);
  position: absolute;
  bottom: 0;
  right: 0;
}

.content h4 {
  line-height: 1.4em;
}
.content .aligncenter, .content div.aligncenter {
  margin-bottom: 25px;
  margin-top: 25px;
}

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

x. Categories

*********************************************************************************************/
.categories {
  font-size: 0;
  text-align: center;
  margin: 60px 20px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  list-style: none;
}

.categories a {
  color: white;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 40px;
  text-decoration: none;
  text-transform: uppercase;
  width: auto;
  height: 40px;
  background: #AB1B2E;
  padding: 0 20px;
  display: block;
  position: relative;
}

.categories a:hover,
.categories li.current a {
  background: #EDA551;
}

.categories .inside {
  margin: 0 1px 2px 1px;
}

.categories li {
  /*
  display: inline-block;
  zoom: 1; 
  *display: inline;
  vertical-align: middle;
  */
}

.categories li:first-of-type a:before,
.categories li:last-of-type a:after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  border: 20px solid #AB1B2E;
}

.categories li:first-of-type a:before {
  left: -20px;
  border-right-width: 20px;
  border-left-color: transparent !important;
}

.categories li:last-of-type a:after {
  right: -20px;
  border-left-width: 20px;
  border-right-color: transparent !important;
}

.categories li.current:first-of-type a:before,
.categories li:first-of-type a:hover:before,
.categories li.current:last-of-type a:after,
.categories li:last-of-type a:hover:after {
  border-color: #EDA551;
}

.categories li.inline a {
  padding: 0 30px;
}

.categories span {
  display: block;
  position: relative;
  z-index: 10;
}

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

x. Sponsors + Partners

*********************************************************************************************/
.partners .links,
.sponsors .links {
  max-width: 500px;
  margin: 0 auto;
  padding: 30px 0 0 0;
  list-style: none;
}

.partners .links a,
.sponsors .links a {
  text-decoration: none;
}

.partners .links li,
.sponsors .links li {
  margin: 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.partners .links li.separator:last-of-type,
.sponsors .links li.separator:last-of-type {
  display: none;
}

.partners .logos,
.sponsors .logos {
  text-align: center;
  margin: 0 -20px -40px -20px;
  padding: 30px 0;
}

.partners .logos .logo,
.sponsors .logos .logo {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}

.partners .logos .inside,
.sponsors .logos .inside {
  margin: 0 20px 40px 20px;
  display: block;
}

.partners .logos .image img,
.sponsors .logos .image img {
  width: auto;
  height: auto;
  max-width: 200px;
  max-height: 100px;
}

.partners .logos.featured .image img,
.sponsors .logos.featured .image img {
  max-width: 300px;
  max-height: 150px;
}

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

x. Share

*********************************************************************************************/
.share {
  float: left;
  list-style: none;
  overflow: hidden;
}

.share a {
  display: block;
}

.share a svg {
  fill: #AB1B2E;
}

.share a:hover svg {
  fill: #84AEB6;
}

.share li {
  margin: 0 20px 0 0;
  float: left;
}

.share li:last-of-type {
  margin: 0;
}

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

x. Tags

*********************************************************************************************/
.tags {
  font-size: 0.75em;
  text-transform: uppercase;
  list-style: none;
  float: right;
}

.tags a {
  text-decoration: none;
}

.tags li {
  float: left;
}

.tags li.separator {
  margin: 0 5px 0 0;
}

.tags li.separator:last-of-type {
  display: none;
}

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

x. Pagination

*********************************************************************************************/
.pagination {
  list-style: none;
}

.pagination li.earlier {
  float: left;
}

.pagination li.later {
  float: right;
}

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

x. Home: Hooves

*********************************************************************************************/
#home #hooves {
  width: 100px;
  height: calc(100vh - 40px);
  background: url(../img/hooves.png) 0 center no-repeat;
  position: absolute;
  top: 20px;
  right: 20px;
}

#home #hooves.one {
  background-position: 0 center;
}

#home #hooves.two {
  background-position: -100px center;
}

#home #hooves.three {
  background-position: -300px center;
}

#home #hooves.four {
  background-position: -300px center;
}

#home #hooves.five {
  background-position: -400px center;
}

#home #hooves.six {
  background-position: -500px center;
}

#home #hooves.seven {
  background-position: -600px center;
}

#home #hooves.eight {
  background-position: -700px center;
}

#home #hooves.nine {
  background-position: -800px center;
}

#home #hooves.ten {
  background-position: -900px center;
}

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

x. Home: Callouts

*********************************************************************************************/
#home .callout {
  text-decoration: none;
  display: block;
}

#home .callout span.caption {
  background: rgba(79, 41, 31, 0.9);
  padding: 20px 40px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#home .callout span.inside {
  margin: 2px 1px 0 1px;
  display: block;
  position: relative;
}

#home .callout span.link {
  color: #EDA551;
  font-size: 0.875em;
  margin: 0 0 0 5px;
}

#home .callout span.link:after {
  content: ">";
  margin: 0 0 0 5px;
}

#home .callout span.title {
  color: white;
  font-family: "Bitter", serif;
  font-size: 1.25em;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

#home .callout:hover span.link {
  color: #C3978B;
}

#home .callouts {
  margin: 0 -1px;
}

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

x. Home: Highlights

*********************************************************************************************/
#home .highlights {
  padding: 70px 0 40px 0;
}

#home .highlights .item .inside {
  text-align: center;
  text-decoration: none;
  margin: 0 10px 70px 10px;
  display: block;
}

#home .highlights .item span.image,
#home .highlights .item span.subtitle,
#home .highlights .item span.title {
  display: block;
}

#home .highlights .item span.image {
  margin: 0 0 10px 0;
}

#home .highlights .item span.subtitle {
  color: #84AEB6;
  font-size: 1.125em;
  font-style: italic;
}

#home .highlights .item span.title {
  color: #4F291E;
  font-family: "Roboto Slab", serif;
  font-size: 1.75em;
  margin: 0 0 5px 0;
}

#home .highlights .item:hover .ribbon {
  background: #AB1B2E;
}

#home .highlights .item:hover .ribbon:before,
#home .highlights .item:hover .ribbon:after {
  border-color: #AB1B2E;
}

#home .highlights .items {
  margin: 0 20px -70px 20px;
}

#home .highlights p.subtitle, p.new-sub {
  color: #84AEB6;
  font-family: "Roboto Slab", serif;
  font-size: 1.25em;
  font-weight: 300;
  margin-top: 10px;
  font-style: italic;
}

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

x. Home: Feeds

*********************************************************************************************/
#home .feeds {
  padding: 70px 0;
}

#home .feeds .column .inside {
  margin: 0 15px;
}

#home .feeds .column:nth-of-type(2) span.area-headline {
  background: #AB1B2E;
}

#home .feeds .columns {
  margin: 0 -15px;
}

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

x. Home: Feeds: Event + Post

*********************************************************************************************/
#home .feeds .column .event,
#home .feeds .column .post {
  border-bottom: 2px dotted #9BA5B0;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
}

#home .feeds .column .event:last-of-type,
#home .feeds .column .post:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

#home .feeds .column .event .content,
#home .feeds .column .post .content {
  font-size: 0.875em;
}

#home .feeds .column .event p.title,
#home .feeds .column .post p.title {
  color: #84AEB6;
  font-family: "Roboto Slab", serif;
  font-size: 1.25em;
  line-height: 1.5em;
}

#home .feeds .column .event p.title a,
#home .feeds .column .post p.title a {
  color: #84AEB6;
  text-decoration: none;
}

#home .feeds .column .event p.title a:hover,
#home .feeds .column .post p.title a:hover {
  color: #AB1B2E;
}

#home .feeds .column .event {
  min-height: 80px;
  padding-left: 120px;
  position: relative;
}

#home .feeds .column .event .calendar {
  width: 85px;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

#home .feeds .column .event .calendar span.day {
  font-size: 2.125em;
  line-height: 55px;
  background: #ECEBEB;
  display: block;
}

#home .feeds .column .event .calendar span.month {
  color: white;
  font-family: "BenchNine", sans-serif;
  font-size: 1.25em;
  line-height: 25px;
  background: #AB1B2E;
  display: block;
}

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

x. Home: Feeds: Story

*********************************************************************************************/
#home .feeds .column .story {
  margin: 0 0 10px 0;
  display: block;
  position: relative;
}

#home .feeds .column .story:hover {
  text-decoration: none;
}

#home .feeds .column .story:hover span.caption {
  background: #84AEB6;
}

#home .feeds .column .story span.caption {
  background: #AB1B2E;
  padding: 20px 40px 20px 100px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#home .feeds .column .story span.image {
  display: block;
}

#home .feeds .column .story span.title {
  color: white;
  font-family: "Roboto Slab", serif;
  font-size: 1.125em;
  text-decoration: none;
  display: block;
}

#home .feeds .column .story svg {
  width: 50px;
  height: auto;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 20px;
}

#home .feeds .column .story:last-of-type {
  margin-bottom: 0;
}

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

x. News

*********************************************************************************************/
#news .feed {
  padding: 70px 0;
}

#news .feed .column .inside {
  padding: 0 40px;
}

#news .feed .columns {
  margin: 0 -40px;
}

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

x. News: Archives + Tags

*********************************************************************************************/
#news .links {
  margin-left: 0;
  margin-top: -10px;
  list-style: none;
  overflow: hidden;
}

#news .links a {
  font-size: 0.875em;
  line-height: 1.5em;
  text-decoration: none;
  display: block;
}

#news .links li {
  margin: 10px 0 0 0;
}

#news .list {
  margin-left: 0;
  list-style: none;
  overflow: hidden;
}

#news .list a {
  font-size: 0.875em;
  text-decoration: none;
}

#news .list li {
  width: 50%;
  float: left;
}

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

x. News: Post

*********************************************************************************************/
#news .post {
  border-bottom: 2px dotted #9BA5B0;
  margin: 0 0 40px 0;
  padding: 0 0 20px 0;
}

#news .post .content * {
  color: #4F291E !important;
  font-family: "Cabin", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.65em !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  border: 0 !important;
  float: none !important;
}

#news .post .content a {
  color: #AB1B2E !important;
  text-decoration: underline !important;
  margin: 0 !important;
}
#news .post .content a.ribbon.large {
  line-height: 40px !important;
  height: 40px !important;
  color: #fff !important;
  text-decoration: none !important;
}

#news .post .content a:hover {
  color: #84AEB6 !important;
}

#news .post .content .ribbon span {
  color: white !important;
  font-size: 10px !important;
  line-height: 30px !important;
}

#news .post .content img {
  width: auto;
  height: auto;
  max-width: 100%;
  display: block;
}

#news .post .content p:empty {
  display: none !important;
}

#news .post .content .read-more {
  text-decoration: none !important;
}

#news .post h3 {
  margin: 0 0 5px 0;
}

#news .post h3 a {
  color: #84AEB6;
}

#news .post h3 a:hover {
  color: #AB1B2E;
}

#news .post .meta {
  font-style: italic;
}

.wp-caption {
  border: none !important;
}

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

x. Staff + Board of Directors

*********************************************************************************************/
#staff h4 {
  color: #84AEB6;
}

#staff .content {
  padding: 70px 0;
}

#staff .item .inside {
  margin: 0 1px 2px 1px;
  display: block;
  position: relative;
}

#staff .item span.caption,
#staff .item span.image,
#staff .item span.link,
#staff .item span.name,
#staff .item span.title {
  display: block;
}

#staff .item .caption {
  background: rgba(79, 41, 31, 0.9);
  padding: 15px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#staff .item span.link {
  color: #EDA551;
  font-size: 0.875em;
  position: absolute;
  bottom: 15px;
  right: 20px;
}

#staff .item span.name {
  color: white;
  font-family: "Roboto Slab", serif;
  font-size: 1.25em;
  line-height: 1em;
  margin: 0 0 15px 0;
}

#staff .item span.name span {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

#staff .item span.name span.company {
  font-family: "Cabin", sans-serif;
  font-size: 0.7em;
  margin: 0 0 0 -5px;
}

#staff .item span.title {
  color: white;
  font-size: 0.875em;
  line-height: 1em;
}

#staff .items {
  margin: 0 -1px -2px -1px;
}

#staff .members {
  margin: 0 0 70px 0;
}

#staff .pop-up {
  display: none;
}

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

x. Market Stories

*********************************************************************************************/
#market-stories .feed,
#market-stories .form {
  padding: 70px 0;
}

#market-stories h3 {
  margin: 0 0 10px 0;
}

#market-stories .item .inside {
  margin: 0 1px 2px 1px;
  display: block;
  position: relative;
}

#market-stories .item span.caption,
#market-stories .item span.image,
#market-stories .item span.title {
  display: block;
}

#market-stories .item span.caption {
  background: rgba(79, 41, 31, 0.9);
  padding: 15px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#market-stories .item span.excerpt {
  color: white;
  font-size: 0.875em;
  display: none;
}

#market-stories .item span.title {
  color: white;
  font-family: "Roboto Slab", serif;
  font-size: 1.25em;
  line-height: 1em;
}

#market-stories .item:hover span.excerpt {
  margin: 15px 0 0 0;
  display: block;
}

#market-stories .items {
  margin: 0 -1px -2px -1px;
}

#market-stories .pagination {
  text-align: center;
  margin: 40px 0 0 0;
}

#market-stories .pagination li {
  margin: 0 30px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  float: none;
}

#market-stories .share-your-story {
  display: block;
  position: absolute;
  top: 0;
  left: calc(100% + 30px);
}

#market-stories svg circle {
  fill: #AB1B2E;
}

#market-stories svg:hover circle {
  fill: #84AEB6;
}

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

x. Market Stories: Post

*********************************************************************************************/
#market-stories .feed .columns {
  background: #4F291E;
  margin: 0 -1px 50px -1px;
}

#market-stories .feed .columns .content {
  color: white;
  padding: 0 50px;
  -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;
  right: 0;
}

#market-stories .feed .columns .inside {
  border-left: 1px solid white;
  border-right: 1px solid white;
  position: relative;
}

#market-stories .feed .columns svg {
  margin: 0 auto;
  display: block;
}

#market-stories form.search {
  max-width: 300px;
  border-bottom: none;
  margin: 0 auto;
}

#market-stories .line {
  width: 100%;
  height: 1px;
  max-width: 300px;
  background: white;
  margin-left: auto;
  margin-right: auto;
}

#market-stories .meta {
  list-style: none;
}

#market-stories .meta li {
  margin: 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

#market-stories .meta li.separator {
  color: #EDA551;
}

#market-stories .post {
  border-bottom: 2px dotted #9BA5B0;
  margin: 0 0 40px 0;
  padding: 0 0 20px 0;
}

#gdpr_text p.ctct-gdpr-text {
  display: none !important;
}

.ctct-inline-form {
  width: 100% !important;
}

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

x. Market Stories: Share Your Story

*********************************************************************************************/
#market-stories form.share {
  border-top: 2px dotted #9BA5B0;
  padding: 30px 0 0 0;
  float: none;
}

#market-stories form.share .checkboxes.ppmf-permissions {
  padding: 0 0 0 20px;
  position: relative;
  clear: both;
}

#market-stories form.share .checkboxes.ppmf-permissions input[type=checkbox] {
  position: absolute;
  top: 5px;
  left: 0;
}

#market-stories form.share .checkboxes.ppmf-permissions label.error {
  float: none;
}

#market-stories form.share input[type=submit],
#market-stories form.share input[type=text],
#market-stories form.share table,
#market-stories form.share textarea {
  clear: both;
}

#market-stories form.share table {
  width: 100%;
  height: auto;
  padding: 30px 0;
}

#market-stories form.share table .image {
  max-width: 150px;
  margin: 0 auto;
  display: block;
}

#market-stories form.share table .image img {
  margin: 20px 0 0 0;
}

#market-stories form.share table label.error,
#market-stories form.share table label.fine-print {
  text-align: center;
  margin: 10px 0 0 0;
  float: none;
}

#market-stories form.share table span.choice {
  color: #9BA5B0;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  display: block;
}

#market-stories form.share table td {
  vertical-align: top;
}

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

x. Food Access Program

*********************************************************************************************/
#food-access-program section {
  margin: 0 0 70px 0;
}

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

x. Food Access Program: Introduction

*********************************************************************************************/
#food-access-program #introduction .callout {
  border: 2px dotted #AB1B2E;
  margin: 70px 0 0 0;
  padding: 25px;
  position: relative;
}

#food-access-program #introduction .callout span.headline {
  color: #84AEB6;
  font-family: "Roboto Slab", serif;
  font-size: 1.25em;
  white-space: nowrap;
  background: white;
  padding: 0 20px;
  display: block;
  -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: 0;
  left: 50%;
}

#food-access-program #introduction .link {
  background: white;
  padding: 0 20px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

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

x. Food Access Program: Shopping Programs

*********************************************************************************************/
#food-access-program #shopping-programs .image {
  max-width: 200px;
}

#food-access-program #shopping-programs span.season {
  color: #84AEB6;
  font-style: italic;
  margin: 5px 0 20px 0;
  display: block;
}

#food-access-program #shopping-programs table {
  width: 100%;
  height: auto;
  margin: 40px 0 0 0;
}

#food-access-program #shopping-programs table ol,
#food-access-program #shopping-programs table ul {
  margin-left: 0;
}

#food-access-program #shopping-programs table td {
  width: 25%;
  height: auto;
  border-bottom: 2px dotted #9BA5B0;
  padding: 30px 20px;
  vertical-align: top;
}

#food-access-program #shopping-programs table td:first-of-type {
  padding-left: 10px;
}

#food-access-program #shopping-programs table td:last-of-type {
  padding-right: 10px;
}

#food-access-program #shopping-programs table th {
  color: white;
  font-family: "Roboto Slab", serif;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1em;
  text-align: left;
  background: #4F291E;
  padding: 10px 20px;
}

#food-access-program #shopping-programs table tr:last-of-type td {
  border-bottom: none;
  padding-bottom: 0;
}

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

x. Food Access Programs: Market Map

*********************************************************************************************/
#food-access-program #market-map .image {
  margin: 60px 0 80px 0;
}

#food-access-program #market-map span.free,
#food-access-program #market-map span.hours,
#food-access-program #market-map span.name,
#food-access-program #market-map span.note,
#food-access-program #market-map span.number {
  display: block;
}

#food-access-program #market-map span.free {
  color: #84AEB6;
  font-style: italic;
  text-align: center;
}

#food-access-program #market-map span.free:before {
  content: "•";
  margin: 0 5px 0 0;
}

#food-access-program #market-map span.free:after {
  content: "•";
  margin: 0 0 0 5px;
}

#food-access-program #market-map span.hours,
#food-access-program #market-map span.note {
  color: #84AEB6;
  font-style: italic;
}

#food-access-program #market-map span.number {
  color: white;
  line-height: 30px;
  text-align: center;
  width: 30px;
  height: 30px;
  background: #4F291E;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

#food-access-program #market-map table {
  width: 100%;
  height: auto;
  margin: 0 0 60px 0;
}

#food-access-program #market-map table img {
  margin: 0 auto;
  display: block;
}

#food-access-program #market-map table td {
  background: #ECEBEB;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  padding: 20px;
}

#food-access-program #market-map table td:first-of-type {
  border-right: none;
  padding-right: 0;
}

#food-access-program #market-map table td:last-of-type {
  border-right: none;
}

#food-access-program #market-map table td.category {
  color: white;
  background: #84AEB6 !important;
  padding: 10px;
}

#food-access-program #market-map table td.tight,
#food-access-program #market-map table th.title {
  white-space: 1%;
  width: 1%;
  height: auto;
}

#food-access-program #market-map table th {
  color: white;
  font-family: "Roboto Slab", serif;
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1em;
  text-align: center;
  background: #4F291E;
  border-bottom: 2px solid white;
  padding: 10px;
}

#food-access-program #market-map table tr:nth-child(even) td {
  background: white;
}

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

x. Food Access Program: Cooking Classes

*********************************************************************************************/
#food-access-program #cooking-classes .banner {
  color: white;
  background-image: url(../img/cooking-classes.jpg);
  background-position: center center;
  background-size: cover;
  margin: 0 0 70px 0;
  padding: 100px 0;
}

#food-access-program #cooking-classes a {
  color: white;
}

#food-access-program #cooking-classes a:hover {
  opacity: 0.75;
}

#food-access-program #cooking-classes .class {
  border-bottom: 2px dotted #9BA5B0;
  padding: 30px 0;
}

#food-access-program #cooking-classes .class:first-of-type {
  padding-top: 0;
}

#food-access-program #cooking-classes .class:last-of-type {
  border-bottom: none;
}

#food-access-program #cooking-classes .image {
  max-width: 350px;
  margin: 0 30px 30px 0;
  float: left;
}

#food-access-program #cooking-classes .title {
  color: #84AEB6;
  font-family: "Roboto Slab", serif;
  font-size: 1.25em;
}

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

x. Food Access Program: Food Bank

*********************************************************************************************/
#food-access-program #food-bank {
  color: white;
  background: #84AEB6;
  margin: 0;
  padding: 50px 0;
}

#food-access-program #food-bank .content a {
  color: white;
}

#food-access-program #food-bank .content a:hover {
  opacity: 0.75;
}

#food-access-program #food-bank .inside {
  margin: 0 20px;
}

#food-access-program #food-bank .columns {
  margin: 0 -20px;
}

#food-access-program #food-bank .ribbon:hover {
  background: #EDA551;
}

#food-access-program #food-bank .ribbon:hover:before,
#food-access-program #food-bank .ribbon:hover:after {
  border-color: #EDA551;
}

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

x. Page: Give

*********************************************************************************************/
#give .donations {
  margin: 0 10px 0 0;
}

#give .donations #cash {
  padding: 20px 0 0 0;
}

#give .donations .donate {
  list-style: none;
  display: none;
  position: relative;
}

#give .donations .donate:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 15px 10px;
  border-color: transparent transparent #ECEBEB;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  bottom: 100%;
  left: 50%;
}

#give .donations .donate a {
  text-decoration: none;
  background: #ECEBEB;
  padding: 30px 10px;
  display: block;
  position: relative;
}

#give .donations .donate a:hover,
#give .donations .donate li.open a {
  background: #E1E0DF;
}

#give .donations .donate a:hover svg circle {
  fill: #4F291E;
}

#give .donations .donate a:hover span.title {
  color: #4F291E;
}

#give .donations .donate a.border {
  border-left: 1px solid #E1E0DF;
  border-right: 1px solid #E1E0DF;
}

#give .donations .donate a.more:hover:after,
#give .donations .donate li.open a.more:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: #E1E0DF transparent transparent;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 100%;
  left: 50%;
}

#give .donations .donate span.title {
  font-size: 0.875em !important;
  line-height: 1em;
  display: block !important;
}

#give .donations .donate svg {
  width: 100%;
  max-width: 65px;
  margin: 0 auto 20px auto;
}

#give .donations .donate svg circle {
  fill: #AB1B2E;
}

#give .donations .donate.cash:before {
  display: none;
}

#give .donations .donate.cash a {
  background: none;
  padding: 0 10px;
}

#give .donations .donate.cash a:hover {
  background: none;
}

#give .image {
  display: block;
}

#give .item .inside {
  margin: 0 40px;
}

#give .item span.title {
  color: #84AEB6;
  font-family: "Roboto Slab", serif;
  text-align: center;
  display: block;
}

#give .items {
  margin: 0 -40px 30px -40px;
  overflow: hidden;
}

#give section {
  margin: 0 0 70px 0;
}

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

x. Page: FAQ

*********************************************************************************************/
#faq .answer {
  margin: 0 0 0 20px;
  padding: 0 0 0 60px;
  display: none;
  position: relative;
}

#faq .answer:before {
  content: "A.";
  color: white;
  font-family: "Roboto Slab", serif;
  line-height: 30px;
  text-align: center;
  width: 30px;
  height: 30px;
  background: #4F291E;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

#faq .question a {
  text-decoration: none;
  min-height: 30px;
  margin: 0 0 0 20px;
  padding: 0 0 0 60px;
  display: block;
  position: relative;
}

#faq .question a:before {
  content: "Q.";
  color: white;
  font-family: "Roboto Slab", serif;
  line-height: 30px;
  text-align: center;
  width: 30px;
  height: 30px;
  background: #AB1B2E;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

#faq .question a:after {
  content: ">";
  margin: 0 0 0 5px;
}

#faq .question a:hover:before {
  background: #84AEB6;
}

#faq section {
  margin: 0 0 70px 0;
}

#faq span.category {
  color: white;
  font-family: "Roboto Slab", serif;
  line-height: 1em;
  background: #4F291E;
  padding: 20px;
  display: block;
}

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

x. Page

*********************************************************************************************/
#page section {
  margin: 0 0 70px 0;
}

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

x. Page: Photo Lineup

*********************************************************************************************/
#page .photo-lineup .wrapper {
  max-width: 960px;
}

#page .photos {
  margin: 0 -30px -30px -30px;
  overflow: hidden;
}

#page .photos .inside {
  margin: 0 30px 30px 30px;
}

#page .photos .quotation {
  font-style: italic;
}

#page .photos .source {
  color: #84AEB6;
}

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

x. Page: Carousel

*********************************************************************************************/
#page .carousel .wrapper {
  max-width: 960px;
}

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

x. Page: Text Area

*********************************************************************************************/
#page .text-area img {
  width: auto;
  height: auto;
  max-width: 100%;
}

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

x. Page: Vendors

*********************************************************************************************/
#page .vendors .columns {
  padding: 30px 0 0 0;
}

#page .vendors .links {
  margin-left: 0;
  list-style: none;
}

#page .vendors .links a {
  text-decoration: none;
}

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

x. Pike Up: Callouts

*********************************************************************************************/
#pike-up .callout {
  text-decoration: none;
  display: block;
}

#pike-up .callout span.caption {
  background: rgba(171, 43, 37, 0.9);
  padding: 20px 40px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#pike-up .callout span.inside {
  margin: 2px 1px 0 1px;
  display: block;
  position: relative;
}

#pike-up .callout span.link {
  color: #EDA551;
  font-size: 0.875em;
  margin: 0 0 0 5px;
}

#pike-up .callout span.link:after {
  content: ">";
  margin: 0 0 0 5px;
}

#pike-up .callout span.title {
  color: white;
  font-family: "Bitter", serif;
  font-size: 1.25em;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

#pike-up .callout:hover span.link {
  color: white;
}

#pike-up .callouts {
  margin: 0 -1px;
}

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

x. Pike Up: Carousel

*********************************************************************************************/
#pike-up .carousel .tab {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#pike-up .carousel .tab.current {
  position: relative;
  top: 0;
  left: 0;
}

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

x. Pike Up: Design

*********************************************************************************************/
#pike-up .donation {
  padding: 70px 0;
}

#pike-up .donation .buttons {
  text-align: center;
  margin-left: 0;
  list-style: none;
}

#pike-up .donation .buttons li {
  margin: 0 30px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

#pike-up .form {
  padding: 0 0 70px 0;
}

#pike-up .form .buttons {
  text-align: center;
  list-style: none;
}

#pike-up .form .buttons li {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

#pike-up .form .checkboxes label.checkbox {
  color: #84AEB6;
  font-family: "Roboto Slab", serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
}

#pike-up .form .content.top {
  margin: 0 0 20px 0;
}

#pike-up .form .content .list {
  text-align: left;
  margin-left: 0;
  list-style: none;
}

#pike-up .form .content .list li {
  background: url(../img/hoof.svg) left 2px no-repeat;
  margin: 0 0 10px 0;
  padding: 0 0 0 40px;
}

#pike-up .form .content .list li:last-of-type {
  margin: 0;
}

#pike-up .form .content .text {
  display: none;
}

#pike-up .form .display .donation,
#pike-up .form .display .inscriptions {
  display: none;
}

#pike-up .form .display.charm .inscriptions,
#pike-up .form .display.donation .donation,
#pike-up .form .display.hoofprint .inscriptions {
  display: block;
}

#pike-up .form .display .donation .amount {
  text-align: center;
  width: 100%;
  height: auto;
  background: #AB1B2E;
  padding: 40px 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
  cursor: pointer;
}

#pike-up .form .display .donation .amount .description {
  color: white;
  font-size: 14px;
  padding: 0 20px;
  display: block;
}

#pike-up .form .display .donation .amount .number {
  color: white;
  font-size: 25px;
  margin: 0 0 10px 0;
  display: block;
}

#pike-up .form .display .donation .amount:hover,
#pike-up .form .display .donation .amount.active {
  background: #84AEB6;
}

#pike-up .form .display .donation .amount:hover .description,
#pike-up .form .display .donation .amount.active .description {
  color: white;
}

#pike-up .form .display .donation .columns {
  margin: 0 -10px 10px -10px;
}

#pike-up .form .display .donation input[type=text] {
  color: #4F291E;
  font-size: 25px;
  height: 100px;
}

#pike-up .form .display .donation input[type=radio] {
  display: none;
}

#pike-up .form .display .donation .inside {
  padding: 10px;
}

#pike-up .form .display .donation label {
  font-size: 20px;
}

#pike-up .form .display .donation .other {
  padding: 0 0 0 140px;
  position: relative;
}

#pike-up .form .display .donation .other label {
  -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;
}

#pike-up .form .display .image {
  width: 320px;
  height: auto;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

#pike-up .form .display .inscriptions .form {
  min-height: 320px;
  margin: 0 0 20px 0;
  padding: 0 0 0 340px;
  position: relative;
}

#pike-up .form .display.charm .image.charm {
  display: block;
}

#pike-up .form .display.charm .image.charm .overlay {
  padding: 20px 0 0 0;
  -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;
  right: 0;
}

#pike-up .form .display.charm .image.charm span.text {
  color: white;
  line-height: 20px;
  width: 100%;
  height: 20px;
  display: block;
}

#pike-up .form .display.hoofprint .image.hoofprint {
  display: block;
}

#pike-up .form .display.hoofprint .image.hoofprint .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

#pike-up .form .display.hoofprint .image.hoofprint span {
  font-family: Monaco, MonoSpace, sans-serif;
  font-size: 19x;
}

#pike-up .form .display.hoofprint .hoofprint span.text-1 {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);
  position: absolute !important;
  top: 80px;
  left: 30px;
  right: 0;
}

#pike-up .form .display.hoofprint .hoofprint span.text-2 {
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);
  position: absolute !important;
  top: 100px;
  left: 30px;
  right: 0;
}

#pike-up .form .display.hoofprint .hoofprint span.text-3 {
  position: absolute !important;
  top: 130px;
  left: 0;
  right: 0;
}

#pike-up .form .display .reserve {
  display: none;
}

#pike-up .form .display.hoofprint .reserve.hoofprint {
  display: block;
}

#pike-up .form .donation {
  padding: 0 !important;
}

#pike-up .form .item {
  display: none;
}

#pike-up .form .item + .item {
  padding: 70px 0 0 0;
}

#pike-up .form .total {
  border-top: 2px dotted #84AEB6;
  padding: 30px 0 0 0;
}

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

x. Pike Up: Donor Stories

*********************************************************************************************/
#pike-up .feed {
  padding: 70px 0;
}

#pike-up .item .inside {
  margin: 0 1px 2px 1px;
  display: block;
  position: relative;
}

#pike-up .item span.caption,
#pike-up .item span.image,
#pike-up .item span.title {
  display: block;
}

#pike-up .item span.caption {
  background: rgba(79, 41, 31, 0.9);
  padding: 15px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#pike-up .item span.excerpt {
  color: white;
  font-size: 0.875em;
  display: none;
}

#pike-up .item span.title {
  color: white;
  font-family: "Roboto Slab", serif;
  font-size: 1.25em;
  line-height: 1em;
}

#pike-up .item:hover span.excerpt {
  margin: 15px 0 0 0;
  display: block;
}

#pike-up .items {
  margin: 0 -1px -2px -1px;
}

#pike-up .pagination {
  text-align: center;
  margin: 40px 0 0 0;
}

#pike-up .pagination li {
  margin: 0 30px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  float: none;
}

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

x. Pike Up: Highlights

*********************************************************************************************/
#pike-up .highlights {
  padding: 70px 0 40px 0;
}

#pike-up .highlights .item .inside {
  text-align: center;
  text-decoration: none;
  margin: 0 10px 70px 10px;
  display: block;
}

#pike-up .highlights .item span.image,
#pike-up .highlights .item span.subtitle,
#pike-up .highlights .item span.title {
  display: block;
}

#pike-up .highlights .item span.image {
  margin: 0 0 10px 0;
}

#pike-up .highlights .item span.subtitle {
  color: #84AEB6;
  font-size: 1.125em;
  font-style: italic;
  margin: 5px 0 10px 0;
}

#pike-up .highlights .item span.title {
  color: #4F291E;
  font-family: "Roboto Slab", serif;
  font-size: 1.75em;
}

#pike-up .highlights .item:hover .ribbon {
  background: #AB1B2E;
}

#pike-up .highlights .item:hover .ribbon:before,
#pike-up .highlights .item:hover .ribbon:after {
  border-color: #AB1B2E;
}

#pike-up .highlights .items {
  margin: 30px 20px -70px 20px;
}

#pike-up .highlights p.subtitle {
  color: #84AEB6;
  font-family: "Roboto Slab", serif;
  font-size: 1.25em;
  font-weight: 300;
  margin-top: 10px;
}

#pike-up .highlights span.large {
  font-size: 1.5em;
}

#page .subtitle {
  color: #84AEB6;
  font-size: 1.125em;
  font-style: italic;
  margin: 5px 0 10px 0;
}

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

x. Pike Up: Market

*********************************************************************************************/
#pike-up .market {
  padding: 70px 0 0 0;
}

#pike-up .market .timeline {
  color: white;
  width: 100%;
  height: 90px;
  background: #B3CBCD;
  margin: 80px 0 0 0;
  position: relative;
}

#pike-up .market .timeline:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 0 45px 20px;
  border-color: transparent transparent transparent #B3CBCD;
  position: absolute;
  top: 0;
  left: 100%;
}

#pike-up .market .timeline .flag {
  position: absolute;
  bottom: 100%;
  right: 0;
}

#pike-up .market .timeline .grand-opening-date {
  width: auto;
  height: 90px;
  padding: 0 50px 0 0;
  position: absolute;
  top: 0;
  right: 0;
}

#pike-up .market .timeline .groundbreaking-date {
  width: 50%;
  height: 90px;
  background: #84AEB6;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#pike-up .market .timeline .groundbreaking-date:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 0 45px 20px;
  border-color: transparent transparent transparent #84AEB6;
  position: absolute;
  top: 0;
  left: 100%;
}

#pike-up .market .timeline .groundbreaking-date h5 {
  padding: 0 0 0 50px;
}

#pike-up .market .timeline h5 {
  line-height: 90px;
  position: relative;
  z-index: 10;
}

#pike-up .market .timeline .shovel {
  position: absolute;
  bottom: 100%;
  left: 15px;
}

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

x. Pike Up: Piggybackers

*********************************************************************************************/
#pike-up .piggybackers {
  padding: 70px 0;
}

#pike-up .piggybackers .categories li:last-of-type a {
  width: 60px;
}

#pike-up .piggybackers .categories li:last-of-type svg {
  -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%;
}

#pike-up .piggybackers #filter form {
  margin: 0 auto;
}

#pike-up .piggybackers #filter p,
#pike-up .piggybackers #filter ul li {
  display: none;
}

#pike-up .piggybackers .find {
  margin: 60px 0;
}

#pike-up .piggybackers form {
  max-width: 330px;
  margin: 40px auto;
}

#pike-up .piggybackers .map img {
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}

#pike-up .piggybackers p.subtitle {
  color: #84AEB6;
  font-family: "Roboto Slab", serif;
  font-size: 1.25em;
  font-weight: 300;
  margin-top: 10px;
}

#pike-up .piggybackers span.large {
  font-size: 1.5em;
}

#pike-up .piggybackers .tab {
  display: none;
}

#pike-up .piggybackers .tab.current {
  display: block;
}

#pike-up .piggybackers .tab ul {
  font-size: 0.875em;
  margin: 0;
  list-style: none;
}

#pike-up .piggybackers table {
  width: 100%;
  height: auto;
}

#pike-up .piggybackers table .loader {
  width: 25px;
  height: 25px;
  background-image: url(../img/loader.gif);
  background-size: 25px 25px;
  opacity: 0.5;
  margin: 0 auto;
  display: block;
}

#pike-up .piggybackers table td {
  width: 25%;
  height: auto;
  border-bottom: 2px dotted #9BA5B0;
  padding: 30px 20px;
  vertical-align: top;
}

#pike-up .piggybackers table td:first-of-type {
  padding-left: 10px;
}

#pike-up .piggybackers table td:last-of-type {
  padding-right: 10px;
}

#pike-up .piggybackers table th {
  color: white;
  font-family: "Roboto Slab", serif;
  font-weight: 300;
  line-height: 1em;
  text-align: center;
  width: 25%;
  height: auto;
  background: #4F291E;
  padding: 10px 20px;
}

#food-access-program #shopping-programs table tr:last-of-type td {
  border-bottom: none;
  padding-bottom: 0;
}

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

x. The Market Commons

*********************************************************************************************/
#the-market-commons h1,
#the-market-commons h2,
#the-market-commons h3,
#the-market-commons h4,
#the-market-commons h5,
#the-market-commons h6 {
  font-family: "Amatic SC", cursive;
  font-weight: 400;
}

#the-market-commons h1 strong,
#the-market-commons h2 strong,
#the-market-commons h3 strong,
#the-market-commons h4 strong,
#the-market-commons h5 strong,
#the-market-commons h6 strong {
  font-weight: 400;
}

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

x. The Market Commons: Calendar

*********************************************************************************************/
#the-market-commons #calendar {
  padding: 70px 0;
}

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

x. The Market Commons: Contact

*********************************************************************************************/
#the-market-commons #contact {
  color: white;
  background: #72A189;
  margin: 0;
  padding: 50px 0;
}

#the-market-commons #contact .content a {
  color: white;
}

#the-market-commons #contact .content a:hover {
  opacity: 0.75;
}

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

x. The Market Commons - Masthead

*********************************************************************************************/
#the-market-commons .masthead .inside {
  background: #72A189;
}

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

x. The Market Commons: News

*********************************************************************************************/
#the-market-commons #news {
  padding: 70px 0;
}

#the-market-commons #news .post:first-of-type {
  margin-top: 40px;
}

#news .post h3 a {
  color: #72A189;
}

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

x. The Market Commons - The Market Commons

*********************************************************************************************/
#the-market-commons #introduction {
  padding: 70px 0 0 0;
}

#the-market-commons #introduction .callout {
  border: 2px dotted #AB1B2E;
  padding: 25px;
  position: relative;
}

#the-market-commons #introduction .callout h3 {
  color: #72A189;
  white-space: nowrap;
  background: white;
  padding: 0 20px;
  display: block;
  -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: 0;
  left: 50%;
}

#the-market-commons #introduction .image {
  max-width: 400px;
  margin: 0 auto 70px auto;
}

#the-market-commons #introduction .link {
  background: white;
  margin: 0 0 40px 0;
  padding: 0 20px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

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

x. The Market Commons - News

*********************************************************************************************/
#the-market-commons #news .no-posts {
  margin: 30px 0;
}

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

x. The Market Commons: What We Do

*********************************************************************************************/
#the-market-commons #what-we-do {
  color: white;
  background: #72A189;
  margin: 0;
  padding: 50px 0;
}

#the-market-commons #what-we-do .content a {
  color: white;
}

#the-market-commons #what-we-do .content a:hover {
  opacity: 0.75;
}

#the-market-commons #what-we-do .inside {
  margin: 0 20px;
}

#the-market-commons #what-we-do .columns {
  margin: 0 -20px;
}

#the-market-commons #what-we-do .ribbon:hover {
  background: #EDA551;
}

#the-market-commons #what-we-do .ribbon:hover:before,
#the-market-commons #what-we-do .ribbon:hover:after {
  border-color: #EDA551;
}

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

x. Search

*********************************************************************************************/
#search section {
  padding: 70px 0;
}

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

x. Form

*********************************************************************************************/
form.search {
  border-bottom: 2px dotted #9BA5B0;
  margin: 0 0 60px 0;
  padding: 0 0 60px 0;
}

form.sign-up {
  position: relative;
}

form.sign-up button {
  border-left: 2px solid white;
  position: absolute;
  top: 0;
  right: 0;
}

form button {
  color: white;
  font-family: "Cabin", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  width: auto;
  height: 40px;
  background: #AB1B2E;
  border: none;
  padding: 0 30px;
  cursor: pointer;
}

form button:hover {
  background: #84AEB6;
}

form .checkboxes {
  color: #9BA5B0;
  font-style: italic;
  text-align: left;
  clear: both;
}

form .checkboxes input[type=checkbox] {
  margin: 0 10px 0 0;
}

form .checkboxes label {
  margin: 0 30px 20px 0;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

form .checkboxes label.checkbox {
  margin: 0 20px 20px 0;
}

form .checkboxes label.error {
  margin-top: -10px;
  display: block;
  float: none;
}

form input[type=button],
form input[type=submit] {
  color: white;
  font-family: "Cabin", sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  width: auto;
  height: 50px;
  background: #AB1B2E;
  border: none;
  margin: 0 0 20px 0;
  padding: 0 50px;
  cursor: pointer;
}

form input[type=button]:hover,
form input[type=submit]:hover {
  background: #84AEB6;
}

form input[type=button].simple {
  color: #AB1B2E;
  height: auto;
  background: transparent;
  padding: 0;
}

form input[type=email],
form input[type=number],
form input[type=password],
form input[type=text] {
  color: #9BA5B0;
  font-family: "Cabin", sans-serif;
  font-size: 16px;
  font-style: italic;
  width: 100%;
  height: 40px;
  background: #ECEBEB;
  border: none;
  margin: 0 0 20px 0;
  padding: 0 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

form .inputs {
  position: relative;
}

form .inputs svg {
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 20px;
}

form label {
  color: #9BA5B0;
  font-style: italic;
  text-align: left;
  margin: 0 0 10px 0;
  display: block;
}

form label.error {
  color: #AB1B2E;
  font-size: 10px;
  margin: -15px 0 10px 0;
  float: left;
}

form label.fine-print {
  color: #AB1B2E;
  font-size: 10px;
  margin: -15px 0 10px 0;
  float: right;
}

form textarea {
  color: #9BA5B0;
  font-family: "Cabin", sans-serif;
  font-size: 16px;
  font-style: italic;
  width: 100%;
  height: 380px;
  background: #ECEBEB;
  border: none;
  margin: 0 0 20px 0;
  padding: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
}

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

x. Pop-up

*********************************************************************************************/
.pop-up .column {
  color: white;
  display: table-cell;
  vertical-align: bottom;
}

.pop-up .column a {
  color: #EDA551;
  text-decoration: none;
}

.pop-up .column a:hover {
  color: #84AEB6;
}

.pop-up .column h3 {
  margin: 0 0 5px 0;
}

.pop-up .column h3 span.company {
  font-family: "Cabin", sans-serif;
  font-size: 0.7em;
  margin: 0 0 0 -5px;
}

.pop-up .column span.contact,
.pop-up .column span.title {
  line-height: 1em;
  display: block;
}

.pop-up .column span.contact {
  font-size: 0.875em;
  margin: 30px 0 0 0;
}

.pop-up .column.width-30 {
  border-right: 1px solid white;
}

.pop-up .column.width-70 {
  border-left: 1px solid white;
}

.pop-up .column.width-70 .inside {
  padding: 0 0 40px 40px;
}

.pop-up .columns {
  background: #4F291E;
  display: table;
}

.pop-up .content {
  padding: 70px 150px;
}

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

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 {
  max-width: 100%;
  background: #fff;
  border: 1px solid #f0f0f0;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  min-width: 100%;
  margin: 5px 0 20px 0;
}

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

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

.wp-caption a {
  display: block;
}

.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. Brett

*********************************************************************************************/
header .pig {
  position: absolute;
  width: 100px;
  right: 60px;
  bottom: -10px;
  display: block;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
header .pig .pig-btn {
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #84AEB6;
  text-decoration: none;
  color: #fff;
  padding: 7px 0;
  font-family: "Roboto Slab", serif;
  font-weight: 100;
  bottom: 16px;
  min-width: 160px;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
header .pig .pig-btn::before {
  content: "";
  border-width: 17px;
  border-style: solid;
  border-color: #84AEB6 #84AEB6 #84AEB6 transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
header .pig .pig-btn::after {
  content: "";
  border-width: 17px;
  border-style: solid;
  border-color: #84AEB6 transparent #84AEB6 #84AEB6;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
header .pig .pig-btn .bottom {
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 0;
}
header .pig:hover {
  bottom: -5px;
}
header .pig:hover .pig-btn {
  background: #AB1B2E;
}
header .pig:hover .pig-btn::before {
  border-color: #AB1B2E #AB1B2E #AB1B2E transparent;
}
header .pig:hover .pig-btn::after {
  border-color: #AB1B2E transparent #AB1B2E #AB1B2E;
}
header .pig img {
  width: 100%;
  display: block;
}

.charm-header {
  width: 140px;
  display: none;
  position: absolute;
  z-index: 99;
  top: -50px;
  right: 260px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  transform-origin: top center;
}
.charm-header img {
  width: 100%;
}
.charm-header:hover {
  -webkit-animation: spin 1s ease 1;
  -moz-animation: spin 1s ease 1;
  animation: spin 1s ease 1;
}

.show-mobile {
  display: none !important;
}

.hide-mobile {
  display: block !important;
}

.support-the-recovery-header {
  width: 280px;
  display: block;
  position: absolute;
  z-index: 99;
  bottom: -3px;
  left: 50%;
  margin-left: -140px;
  -webkit-transition: width 0.25s ease;
  -moz-transition: width 0.25s ease;
  -ms-transition: width 0.25s ease;
  -o-transition: width 0.25s ease;
  transition: width 0.25s ease;
}
.support-the-recovery-header img {
  width: 100%;
  display: block;
}

.shrink .charm-header {
  top: -80px;
}

@-moz-keyframes spin {
  33% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  66% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes spin {
  33% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  66% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes spin {
  33% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  66% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/********************************************************************************************* 

x. Shortcodes - BRett

*********************************************************************************************/
hr.hooves {
  height: 40px;
  width: 100%;
  max-width: 610px;
  margin: 30px auto 40px auto;
  background: url(../img/hoof-pattern.png) repeat-x;
  clear: both;
  border: none;
}

.content hr {
  height: 40px;
  width: 100%;
  max-width: 610px;
  margin: 30px auto 40px auto;
  background: url(../img/hoof-pattern.png) repeat-x;
  border: none;
}

#news .post .content .block-box, .content .block-box {
  padding: 60px 15%;
  color: #fff !important;
  background: #8cadb5;
  margin-top: 30px;
  margin-bottom: 40px;
  font-style: italic;
  font-size: 18px !important;
}
#news .post .content .caption p, .content .caption p {
  text-align: center;
  margin-top: 8px;
  font-family: "Roboto Slab", serif !important;
  font-size: 14px !important;
}
#news .post .content blockquote p, .content blockquote p {
  font-size: 18px !important;
  color: #8cadb5 !important;
}
#news .post .content h3, #news .post .content h3 span, .content h3, .content h3 span {
  font-family: "Roboto Slab", serif !important;
  font-size: 30px !important;
  text-transform: uppercase;
}
#news .post .content .new-list, .content .new-list {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  max-width: 800px;
  margin: 0 auto;
  float: none;
  position: relative;
  margin-top: 60px !important;
  margin-bottom: 60px !important;
  background: url(../img/billie.png) no-repeat bottom right;
  -webkit-background-size: 15%;
  background-size: 15%;
}
#news .post .content .new-list::after, .content .new-list::after {
  content: "";
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  background: #AB1B2E;
  left: 70px;
}
#news .post .content .new-list::before, .content .new-list::before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  top: 120px;
  left: 26px;
  background: #e7e7e8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#news .post .content .new-list h3, .content .new-list h3 {
  border-bottom: 1px solid #8ba494 !important;
  padding: 20px;
  padding-left: 100px;
}
#news .post .content .new-list ul, .content .new-list ul {
  list-style-type: none !important;
  margin-left: 0 !important;
  padding-bottom: 70px !important;
}
#news .post .content .new-list ul::before, .content .new-list ul::before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  margin-top: 47px;
  left: 26px;
  background: #e7e7e8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#news .post .content .new-list ul::after, .content .new-list ul::after {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  bottom: 27px;
  left: 26px;
  background: #e7e7e8;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
#news .post .content .new-list li, .content .new-list li {
  border-bottom: 1px solid #8ba494 !important;
  padding: 20px 20px 20px 100px !important;
}
#news .post .content .new-list li::before, .content .new-list li::before {
  content: "• ";
  color: #AB1B2E;
  font-size: 20px !important;
}
#news .post .content .new-list li:nth-last-child(2), .content .new-list li:nth-last-child(2) {
  padding-right: 110px !important;
}
#news .post .content .new-list li:last-child, .content .new-list li:last-child {
  padding-right: 110px !important;
}
#news .post .content .small-btn, .content .small-btn {
  padding-left: 40px !important;
  padding-right: 40px !important;
  display: inline-block !important;
}
#news .post .content .small-btn a, .content .small-btn a {
  background: #84AEB6;
  text-decoration: none;
  color: #fff !important;
  padding: 3px !important;
  font-family: "Roboto Slab", serif !important;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 13px !important;
  display: inline-block !important;
  letter-spacing: 1px;
  -webkit-transition: all 0.35s !important;
  -moz-transition: all 0.35s !important;
  transition: all 0.35s !important;
  clear: both;
  float: none;
  position: relative;
  text-decoration: none !important;
}
#news .post .content .small-btn a::before, .content .small-btn a::before {
  content: "";
  border-width: 13px;
  border-style: solid;
  border-color: #84AEB6 #84AEB6 #84AEB6 transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
#news .post .content .small-btn a::after, .content .small-btn a::after {
  content: "";
  border-width: 13px;
  border-style: solid;
  border-color: #84AEB6 transparent #84AEB6 #84AEB6;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
#news .post .content .small-btn:hover a, .content .small-btn:hover a {
  background: #AB1B2E;
}
#news .post .content .small-btn:hover a::before, .content .small-btn:hover a::before {
  border-color: #AB1B2E #AB1B2E #AB1B2E transparent;
}
#news .post .content .small-btn:hover a::after, .content .small-btn:hover a::after {
  border-color: #AB1B2E transparent #AB1B2E #AB1B2E;
}
#news .post .content .big-btn, .content .big-btn {
  padding-left: 40px !important;
  padding-right: 40px !important;
  display: inline-block !important;
}
#news .post .content .big-btn a, .content .big-btn a {
  background: #84AEB6;
  text-decoration: none;
  color: #fff !important;
  padding: 7px !important;
  font-family: "Roboto Slab", serif !important;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 16px !important;
  display: inline-block !important;
  letter-spacing: 1px;
  -webkit-transition: all 0.35s !important;
  -moz-transition: all 0.35s !important;
  transition: all 0.35s !important;
  clear: both;
  float: none;
  position: relative;
  text-decoration: none !important;
}
#news .post .content .big-btn a::before, .content .big-btn a::before {
  content: "";
  border-width: 20px;
  border-style: solid;
  border-color: #84AEB6 #84AEB6 #84AEB6 transparent;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
#news .post .content .big-btn a::after, .content .big-btn a::after {
  content: "";
  border-width: 20px;
  border-style: solid;
  border-color: #84AEB6 transparent #84AEB6 #84AEB6;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
#news .post .content .big-btn:hover a, .content .big-btn:hover a {
  background: #AB1B2E;
}
#news .post .content .big-btn:hover a::before, .content .big-btn:hover a::before {
  border-color: #AB1B2E #AB1B2E #AB1B2E transparent;
}
#news .post .content .big-btn:hover a::after, .content .big-btn:hover a::after {
  border-color: #AB1B2E transparent #AB1B2E #AB1B2E;
}

.fb-icon svg {
  width: 15px;
  height: 30px;
}

.twitter-icon svg {
  width: 37px;
  height: 30px;
}

.mail-icon svg {
  width: 40px;
  height: 30px;
}

#news.full .share {
  margin-top: 40px;
  width: 100%;
  text-align: center;
}
#news.full .share li {
  display: inline-block;
  float: none;
}
#news.full #market-stories h3 {
  margin-bottom: 40px;
}

footer {
  margin-top: 40px;
}
footer form.sign-up {
  margin: 20px 0;
}
footer form.sign-up input[type=text] {
  background: #3a2112;
  width: auto;
  color: #fff;
  margin: 0 0 0 10px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
footer form.sign-up button {
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  border-color: #3a2112;
}
footer form.sign-up p {
  font-family: "Roboto Slab", serif !important;
  display: inline-block;
  color: #fff;
  font-weight: 100;
}
footer span.contact {
  margin-top: 10px;
}
footer .sign-up p {
  display: inline;
  color: #fff !important;
}
footer form.ctct-custom-form {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

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

x. Sticker

*********************************************************************************************/
.sticker {
  position: fixed;
  text-align: center;
  right: 0;
  z-index: 99;
  top: 120%;
  text-transform: uppercase;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.sticker a {
  color: white;
  text-decoration: none;
}
.sticker .gold-pig {
  display: block;
  position: absolute;
  top: -35px;
  left: 50%;
  width: 120px;
  margin-left: -60px;
}
.sticker .gold-pig img {
  width: 100%;
}
.sticker .sticker-top {
  background: #789e88;
  padding: 50px 30px 10px 30px;
  display: block;
}
.sticker .sticker-top h3 {
  font-family: "Amatic SC", cursive;
  font-weight: 400;
  font-size: 2.8em;
  margin-bottom: 3px;
}
.sticker .sticker-top span {
  font-family: "Roboto Slab", serif;
}
.sticker .sticker-bottom {
  padding: 20px;
  padding-bottom: 10px;
  padding-top: 13px;
  display: block;
  background: #4F291E;
}
.sticker .sticker-bottom h4 {
  font-size: 1.2em;
  line-height: 1.1em;
  margin-bottom: 0;
}
.sticker .sticker-bottom .bottom-hooves {
  height: 40px;
  width: 100%;
  background: url(../img/gold-hooves.png) repeat-x;
  -webkit-background-size: 35%;
  background-size: 35%;
  margin-top: 20px;
}
.sticker .close {
  font-family: Arial;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  text-transform: lowercase;
  width: 20px;
  height: 20px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sticker .close::before {
  content: "";
  width: 1px;
  height: 15px;
  display: block;
  background: #fff;
  top: 5px;
  left: 23px;
  position: absolute;
}
.sticker .close::after {
  content: "";
  height: 1px;
  width: 15px;
  display: block;
  background: #fff;
  left: 16px;
  top: 12px;
  position: absolute;
}
.sticker:hover {
  color: #EDA551;
}

.sticker-active .sticker {
  top: 50%;
}

.sticker-remove .sticker {
  top: 120%;
}

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

x. Market Commons

*********************************************************************************************/
body.page-template-new-market-commons header .wrapper {
  display: none;
}

#mc-header {
  color: #fff;
  padding: 17px;
  font-family: "BenchNine", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 0.05em;
  position: absolute;
  width: 100%;
  z-index: 9;
  background: #4F291E;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  top: 0;
}
#mc-header a {
  margin: 0;
  color: #fff;
  padding: 0;
  line-height: normal;
}
#mc-header a:hover {
  color: #AB1B2E;
  background: #4F291E;
}

body.mc-hide #mc-header {
  top: -100px;
}

#market-stories.mc-posts .item span.caption {
  background: rgba(114, 161, 137, 0.9);
}

#the-market-commons #news h3 {
  margin-bottom: 30px;
}

.ppmf-logo {
  width: 270px;
  position: absolute;
  left: 60px;
  top: 50%;
  margin-top: -10px;
  z-index: 99;
}
.ppmf-logo svg {
  width: 270px;
  height: 20px;
}

.video video {
  width: 100% !important;
  height: auto !important;
}

.tribe-events-calendar {
  width: 100%;
  display: block;
}

.tribe-events-title-bar {
  text-align: center;
}
.tribe-events-title-bar h1 {
  display: inline-block;
  font-size: 3.2em;
  margin-top: 30px;
  margin-bottom: 10px;
}

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

x. What we do

*********************************************************************************************/
.info-header {
  margin-bottom: 30px;
}

.link-list {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 50px;
}
.link-list a {
  color: #AB1B2E;
  padding: 0 15px;
  margin: 5px 0;
  border-right: 2px solid #AB1B2E;
  display: inline-block;
  font-size: 16px;
  text-decoration: none;
}
.link-list a:last-child {
  border: none;
}

.info-graphic {
  margin-top: 60px;
  margin: 0 auto;
  margin-bottom: 60px;
  max-width: 600px;
  width: 100%;
  position: relative;
}
.info-graphic img {
  width: 100%;
  display: block;
}
.info-graphic .tip {
  position: absolute;
  width: 240px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
  opacity: 0;
  display: none;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.info-graphic .tip h4 {
  color: #fff;
  background: #84AEB6;
  text-transform: uppercase;
  font-size: 15px;
  padding: 10px;
  text-align: center;
  margin: 0;
}
.info-graphic .tip .tip-text {
  padding: 20px;
}
.info-graphic .tip .tip-text p {
  font-size: 11px;
  margin: 0;
  display: inline;
}
.info-graphic .tip .tip-text a {
  font-size: 11px;
  display: inline;
}
.info-graphic .hover {
  position: absolute;
  width: 50%;
  height: 31%;
}
.info-graphic .hover::after {
  content: "";
  display: block;
  width: 200px;
  height: 200px;
  background: rgba(132, 174, 182, 0.3);
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
  z-index: -1;
}
.info-graphic .hover:hover > .tip {
  opacity: 1;
  display: block;
}
.info-graphic .hover:hover::after {
  opacity: 1;
}
.info-graphic.legacy-info .hover1 {
  top: 20px;
  right: 0;
  height: 25%;
  width: 60%;
}
.info-graphic.legacy-info .hover2 {
  top: 27%;
  height: 33%;
}
.info-graphic.legacy-info .hover3 {
  top: 35%;
  height: 28%;
  right: 0;
}
.info-graphic.legacy-info .hover4 {
  bottom: 30px;
}
.info-graphic.legacy-info .hover5 {
  bottom: 50px;
  height: 24%;
  right: 0;
  left: auto;
}
.info-graphic.legacy-info .tip1 {
  right: -100px;
  top: -160px;
}
.info-graphic.legacy-info .tip2 {
  left: -100px;
  top: -160px;
}
.info-graphic.legacy-info .tip3 {
  right: -100px;
  top: -160px;
}
.info-graphic.legacy-info .tip4 {
  left: -100px;
  top: -160px;
}
.info-graphic.legacy-info .tip5 {
  right: -100px;
  top: -160px;
}
.info-graphic.community-info {
  margin-bottom: 60px !important;
}
.info-graphic.community-info .hover1 {
  top: 1%;
  right: 0;
  height: 50%;
}
.info-graphic.community-info .hover2 {
  height: 25%;
  top: 27%;
}
.info-graphic.community-info .hover3 {
  top: 52%;
  height: 22%;
  right: 0;
}
.info-graphic.community-info .hover4 {
  bottom: 0;
  height: 46%;
}
.info-graphic.community-info .hover5 {
  bottom: 0;
  height: 26%;
  right: 0;
}
.info-graphic.community-info .tip1 {
  right: -100px;
  top: -160px;
}
.info-graphic.community-info .tip2 {
  left: -100px;
  top: -160px;
}
.info-graphic.community-info .tip3 {
  right: -100px;
  top: -160px;
}
.info-graphic.community-info .tip4 {
  left: -100px;
  top: -160px;
}
.info-graphic.community-info .tip5 {
  right: -100px;
  top: -160px;
}
.banks .rachel {
  border-right: 2px dotted #84AEB6;
}
.banks .bank {
  padding: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 30px;
  margin-top: 40px;
  margin-bottom: 80px;
  position: relative;
}
.banks a.ribbon {
  font-size: 14px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.banks .pig-illo {
  padding: 30px;
}
.banks .pig-illo img {
  height: 180px;
  width: auto;
}
.banks h3 {
  text-transform: uppercase;
  font-size: 1.8em;
}

.tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-past div[id*=tribe-events-daynum-] > a {
  color: #fff !important;
}

.three-col #market-stories {
  border-top: 2px dotted #9BA5B0;
  padding-top: 40px;
  margin-bottom: 60px;
}
.three-col #market-stories h3 {
  margin-bottom: 40px;
}

.slideshow-wrapper div.caption p a {
  background: #84AEB6 !important;
}
.slideshow-wrapper div.caption p a::before, .slideshow-wrapper div.caption p a::after {
  border-color: #84AEB6 !important;
}
.slideshow-wrapper div.caption p a:hover {
  background: #AB1B2E !important;
}
.slideshow-wrapper div.caption p a:hover::before {
  border-top-color: #AB1B2E !important;
  border-right-color: #AB1B2E !important;
  border-bottom-color: #AB1B2E !important;
}
.slideshow-wrapper div.caption p a:hover::after {
  border-top-color: #AB1B2E !important;
  border-left-color: #AB1B2E !important;
  border-bottom-color: #AB1B2E !important;
}

#pike-up .highlights {
  margin-bottom: 0;
}

#give .donate {
  margin-left: 0;
  margin-top: 0;
}

.ctct-form-embed.form_0 .ctct-form-defaults {
  background-color: transparent !important;
}

.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button {
  margin: 20px 0 !important;
  line-height: 0 !important;
  max-width: 220px !important;
  display: inline-block !important;
}

div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  color: white;
  font-family: "Cabin", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.025em !important;
  text-transform: uppercase !important;
  position: absolute !important;
  top: 8px !important;
  right: 0 !important;
  height: 46px !important;
}

div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
  border: none !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

div.ctct-form-embed form.ctct-form-custom {
  position: relative;
}

div.ctct-form-embed div.ctct-form-defaults {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.ctct-inline-form {
  max-width: 600px !important;
  display: inline-block !important;
}

#gdpr_text {
  margin-bottom: 20px !important;
}

@media only screen and (max-width: 900px) {
  .pie-chart .pc {
    display: none !important;
  }
}
body {
  font-family: brother-1816, sans-serif;
  font-weight: 400;
  font-style: normal;
}
body main#home {
  padding-top: 30px;
}
body #the-market-commons section#introduction {
  padding-bottom: 70px;
}
body h1 {
  font-size: 2.9em;
  font-weight: 300;
  font-family: serifa, serif;
}
body #home {
  overflow: inherit !important;
  width: 100%;
}
body .relative {
  position: relative;
}
body .container {
  width: 100%;
  max-width: 1520px;
  padding-left: 60px;
  padding-right: 60px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
body body {
  font-family: serifa, serif;
  font-weight: 400;
  font-style: normal;
}
body a.mobile-donate {
  position: absolute;
  left: 0;
  top: 50%;
  font-size: 12px;
  font-family: serifa, serif;
  line-height: 30px;
  text-decoration: none;
  color: #fff;
  background: #AB1B2E;
  text-transform: uppercase;
  padding-left: 20px;
  transform: translateY(-50%);
  display: none;
}
body a.mobile-donate:after {
  content: "";
  border-width: 15px;
  border-style: solid;
  border-color: #AB1B2E transparent #AB1B2E #AB1B2E;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
body header .pig {
  position: relative;
  cursor: pointer;
  width: 220px;
  height: 150px;
  text-align: center;
  overflow: hidden;
  top: -15px;
  right: auto;
}
body header .pig .pig-btn {
  height: 30px;
  z-index: 2;
  font-weight: 500;
  font-family: serifa, serif;
  font-size: 14px;
  line-height: 30px;
  box-sizing: border-box;
  padding-top: 1px;
  bottom: 0;
}
body header .pig .pig-btn:before, body header .pig .pig-btn:after {
  border-width: 15px;
}
body header .pig .pig-btn:before {
  border-left-width: 7px;
}
body header .pig .pig-btn:after {
  border-right-width: 7px;
}
body header .pig .pig-btn .bottom {
  top: -14px;
  height: 9px;
}
body header .pig img {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 130px;
}
body header .pig:after {
  content: "";
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: #f4f3ef;
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
body header .pig:hover {
  bottom: -10px;
  cursor: pointer !important;
}
body header .pig:hover:after {
  transform: translateX(-50%) scale(1.1);
}
body header .header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 30px;
  width: 100%;
}
body header .logo {
  height: 110px;
  padding-top: 40px;
  height: auto !important;
}
body header .logo .show-sticky {
  height: 50px;
}
body header #top-nav {
  display: block;
  width: 100%;
  height: 60px;
  background: #4F291E;
  position: relative;
}
body header #top-nav .alert {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #84AEB6;
  color: #fff;
  padding: 0 30px;
  padding-left: 70px;
  font-size: 16px;
  line-height: 60px;
  -webkit-font-smoothing: antialiased;
}
body header #top-nav .alert .hand {
  width: 60px;
  height: 50px;
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
body header #top-nav .alert .hand img {
  width: 100%;
}
body header #top-nav .alert:hover .hand {
  left: 0;
}
body header #top-nav .alert p {
  margin-bottom: 0;
  line-height: 60px;
}
body header #top-nav .alert a {
  color: #4f6b70;
  text-transform: uppercase;
  font-family: serifa, serif;
  font-weight: 400;
  font-style: italic;
  text-decoration: none;
  font-size: 14px;
  margin-left: 10px;
}
body header #top-nav .alert a:hover {
  color: #AB1B2E;
}
body header #top-nav ul#secondary-nav {
  list-style-type: none;
  float: right;
}
body header #top-nav ul#secondary-nav li {
  display: inline-block;
  position: relative;
}
body header #top-nav ul#secondary-nav li a {
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  line-height: 60px;
  font-size: 14px;
  padding: 0 15px;
  display: block;
}
body header #top-nav ul#secondary-nav li a:hover {
  color: #AB1B2E;
}
body header #top-nav ul#secondary-nav li.fa {
  color: #fff;
  font-size: 14px;
}
body header #top-nav ul#secondary-nav li.fa a {
  font-weight: 500;
}
body header #top-nav ul#secondary-nav li.fa a:before {
  font-weight: 500;
  content: "\f002";
}
body header #top-nav ul#secondary-nav li.fa:hover {
  color: #AB1B2E;
}
body header #top-nav ul#secondary-nav li.visit-link {
  margin-left: 10px;
}
body header #top-nav ul#secondary-nav li.visit-link a {
  font-size: 16px;
  color: #AB1B2E;
  text-transform: uppercase;
  padding-right: 0;
}
body header #top-nav ul#secondary-nav li.visit-link a:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid #AB1B2E;
  border-left-width: 7px;
  border-color: transparent transparent transparent #AB1B2E;
  display: inline-block;
  margin-left: 10px;
}
body header #top-nav ul#secondary-nav li.visit-link a:hover {
  color: #EDA551;
}
body header #top-nav ul#secondary-nav li.visit-link a:hover:after {
  border-color: transparent transparent transparent #EDA551;
}
body header #top-nav ul#secondary-nav li .sub-menu {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  background: #4F291E;
  left: 0;
  z-index: 9;
  min-width: 220px;
  left: 50%;
  top: 59px;
  transform: translateX(-50%);
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
body header #top-nav ul#secondary-nav li .sub-menu > li {
  line-height: auto;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
body header #top-nav ul#secondary-nav li .sub-menu > li > a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  line-height: 20px;
  padding: 15px;
  color: #fff;
}
body header #top-nav ul#secondary-nav li .sub-menu > li > a:hover {
  background: #AB1B2E;
  color: #fff;
}
body header #top-nav ul#secondary-nav li:hover a {
  color: #AB1B2E;
}
body header #top-nav ul#secondary-nav li:hover .sub-menu {
  opacity: 1;
  pointer-events: all;
}
body header #top-nav a.top-pig {
  float: right;
  line-height: 60px;
  background: #AB1B2E;
  font-weight: 500;
  font-family: serifa, serif;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  text-decoration: none;
  color: #fff;
  padding: 0 50px 0 30px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  min-width: 280px;
  text-transform: uppercase;
  overflow: hidden;
  display: none;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
body header #top-nav a.top-pig span {
  display: block;
  position: relative;
  z-index: 3;
}
body header #top-nav a.top-pig .little-pig {
  position: absolute;
  right: 30px;
  bottom: -5px;
  height: 40px;
  width: 40px;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
body header #top-nav a.top-pig .little-pig img {
  width: 40px;
  position: relative;
  z-index: 9;
}
body header #top-nav a.top-pig .little-pig:after {
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #9b1628;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
body header #top-nav a.top-pig .little-pig:before {
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #84AEB6;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
body header #top-nav a.top-pig:hover .little-pig {
  bottom: 0px;
  cursor: pointer !important;
}
body header #top-nav a.top-pig:hover .little-pig:before {
  transform: translateX(-50%) scale(15);
}
body header #top-nav a.top-pig:hover .little-pig:after {
  background: #4f6b70;
  transform: translateX(-50%) scale(1.2);
}
body header ul#nav {
  padding-left: 100px;
  padding-top: 40px;
  list-style-type: none;
}
body header ul#nav > li {
  display: inline-block;
  position: relative;
  padding-bottom: 20px;
  margin-top: 20px;
}
body header ul#nav > li:hover > a {
  color: #AB1B2E;
}
body header ul#nav > li:after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #AB1B2E;
  display: block;
  margin-left: 20px;
  margin-right: 20px;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  top: -3px;
}
body header ul#nav > li a {
  font-weight: 500;
  font-family: serifa, serif;
  color: #4F291E;
  text-decoration: none;
  font-size: 1.4em;
  padding: 10px;
}
body header ul#nav > li a:hover {
  color: #AB1B2E;
}
body header ul#nav > li:last-of-type:after {
  display: none;
}
body header ul#nav > li ul {
  position: absolute;
  padding: 30px;
  background: #fff;
  top: 100%;
  left: 50%;
  margin-left: -180px;
  width: 300px;
  list-style-type: none;
  box-sizing: border-box;
  border: 1px solid #f2f2f2;
  transform: translateY(-30px);
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  opacity: 0;
  pointer-events: none;
}
body header ul#nav > li ul li {
  text-align: center;
}
body header ul#nav > li ul li a {
  font-size: 1.1em;
  font-weight: 400;
  padding: 5px 0;
  display: block;
}
body header ul#nav > li ul li.bold a {
  font-weight: 500;
}
body header ul#nav > li:hover ul {
  opacity: 1;
  transform: translateY(0px);
  pointer-events: all;
}
body .show-sticky {
  display: none;
}
body .is-sticky .hide-sticky {
  display: none !important;
}
body .is-sticky .show-sticky {
  display: block !important;
}
body .is-sticky header {
  background: #f4f3ef;
  position: relative !important;
}
body header .relative-nav {
  position: relative;
  z-index: 99;
  background: #fff;
}
body header .sticky-nav {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #f4f3ef;
  z-index: 9;
}
body header .sticky-nav .buttons {
  top: 40px;
}
body header .sticky-nav #top-nav {
  height: 40px;
}
body header .sticky-nav #top-nav .container {
  max-width: none;
  padding-right: 0;
}
body header .sticky-nav #top-nav .alert {
  line-height: 40px;
  display: none;
}
body header .sticky-nav #top-nav .alert p {
  line-height: 40px;
}
body header .sticky-nav #top-nav .alert .hand {
  height: 30px;
}
body header .sticky-nav #top-nav ul#secondary-nav li a {
  line-height: 40px;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
body header .sticky-nav #top-nav ul#secondary-nav li.visit-link {
  margin: 0;
}
body header .sticky-nav #top-nav ul#secondary-nav li.visit-link a {
  background: #3B1F18;
  font-size: inherit;
  color: #fff;
  text-transform: none;
  font-size: 14px;
  padding-right: 15px;
}
body header .sticky-nav #top-nav ul#secondary-nav li.visit-link a:after {
  display: none;
}
body header .sticky-nav #top-nav ul#secondary-nav li.visit-link a:hover {
  background: #84AEB6;
}
body header .sticky-nav #top-nav ul#secondary-nav li .sub-menu {
  top: 39px;
}
body header .sticky-nav #top-nav .top-pig {
  display: block;
}
body header .sticky-nav .logo {
  padding-top: 0;
}
body header .sticky-nav .logo img {
  display: block;
  height: 50px;
}
body header .sticky-nav ul#nav {
  padding-top: 0;
}
body header .sticky-nav .header-inner {
  padding-bottom: 0px;
  height: 100px;
}
body header .sticky-nav .header-inner .pig {
  display: none;
}
body .hero {
  width: 100%;
  background: #AB1B2E;
  display: flex;
  overflow: hidden;
}
body .hero .hero-text {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 50px 80px;
  box-sizing: border-box;
  min-height: 540px;
  position: relative;
}
body .hero .hero-text svg path {
  fill: #5e0f1a !important;
}
body .hero .hero-text a.btn {
  background: #5e0f1a;
  float: left;
}
body .hero .hero-text a.btn:before, body .hero .hero-text a.btn:after {
  border-color: #5e0f1a;
}
body .hero .hero-text a.btn:hover {
  background: #84AEB6;
}
body .hero .hero-text a.btn:hover:before, body .hero .hero-text a.btn:hover:after {
  border-color: #84AEB6;
}
body .hero .hero-text .ht-inner {
  position: relative;
  z-index: 2;
}
body .hero .hero-text:before {
  content: "";
  height: 0px;
  border-width: 1500px;
  border-left-width: 700px;
  border-style: solid;
  border-color: transparent transparent transparent #AB1B2E;
  position: absolute;
  right: -1500px;
  transform: translateY(-50%);
  z-index: 1;
  top: 50%;
}
body .hero .hero-text h1 {
  color: #fff;
  font-weight: 300;
  font-family: serifa, serif;
  font-size: 2.9em;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 0.8em;
}
body .hero .hero-text p {
  color: #fff;
  font-size: 16px;
}
body .hero .hero-image {
  width: 50%;
  position: relative;
}
body .hero .hero-image .cover {
  position: absolute;
  top: 0;
  left: -150px;
  right: 0;
  bottom: 0;
}
body .hero.no-media .hero-text {
  min-height: 0px;
}
body .hero.no-media .hero-text h1 {
  margin-bottom: 0 !important;
}
body .heros {
  margin-bottom: 60px;
}
body .heros .hero .hero-text h1 {
  margin-bottom: 20px;
}
body .heros .hero .hero-text .ht-inner {
  padding-right: 70px;
}
body .heros .hero .hero-text:before {
  border-width: 540px;
  border-right-width: 220px;
  border-color: #AB1B2E transparent #AB1B2E #AB1B2E;
  right: -110px;
}
body .heros .hero:nth-of-type(3n+1) {
  flex-direction: row-reverse;
  background: #84AEB6;
}
body .heros .hero:nth-of-type(3n+1) .hero-image .cover {
  left: 0;
  right: -150px;
}
body .heros .hero:nth-of-type(3n+1) .hero-text .ht-inner {
  padding-right: 0;
  padding-left: 70px;
}
body .heros .hero:nth-of-type(3n+1) .hero-text:before {
  border-left-width: 220px;
  border-color: #84AEB6 #84AEB6 #84AEB6 transparent;
  left: -110px;
  right: auto;
}
body .heros .hero:nth-of-type(3n+1) .hero-text svg path {
  fill: #c6d5cd !important;
}
body .heros .hero:nth-of-type(3n+1) a.btn {
  background: #4F291E;
}
body .heros .hero:nth-of-type(3n+1) a.btn:before, body .heros .hero:nth-of-type(3n+1) a.btn:after {
  border-color: #4F291E;
}
body .heros .hero:nth-of-type(3n+1) a.btn:hover {
  background: #AB1B2E;
}
body .heros .hero:nth-of-type(3n+1) a.btn:hover:before, body .heros .hero:nth-of-type(3n+1) a.btn:hover:after {
  border-color: #AB1B2E;
}
body .heros .hero:nth-of-type(3n+2) {
  background: #4F291E;
}
body .heros .hero:nth-of-type(3n+2) .hero-text:before {
  border-color: #4F291E transparent #4F291E #4F291E;
}
body .heros .hero:nth-of-type(3n+2) .hero-text svg path {
  fill: #c9b39b !important;
}
body .heros .hero:nth-of-type(3n+2) a.btn {
  background: #AB1B2E;
}
body .heros .hero:nth-of-type(3n+2) a.btn:before, body .heros .hero:nth-of-type(3n+2) a.btn:after {
  border-color: #AB1B2E;
}
body .heros .hero:nth-of-type(3n+2) a.btn:hover {
  background: #5e0f1a;
}
body .heros .hero:nth-of-type(3n+2) a.btn:hover:before, body .heros .hero:nth-of-type(3n+2) a.btn:hover:after {
  border-color: #5e0f1a;
}
body .heros .hero:nth-of-type(3n) {
  flex-direction: row-reverse;
}
body .heros .hero:nth-of-type(3n) .hero-image .cover {
  left: 0;
  right: -150px;
}
body .heros .hero:nth-of-type(3n) .hero-text .ht-inner {
  padding-right: 0;
  padding-left: 70px;
}
body .heros .hero:nth-of-type(3n) .hero-text:before {
  border-left-width: 220px;
  border-color: #AB1B2E #AB1B2E #AB1B2E transparent;
  left: -110px;
  right: auto;
}
body .heros .hero:nth-of-type(3n) .hero-text svg path {
  fill: #5e0f1a !important;
}
body .heros .hero:nth-of-type(3n) a.btn {
  background: #5e0f1a;
}
body .heros .hero:nth-of-type(3n) a.btn:before, body .heros .hero:nth-of-type(3n) a.btn:after {
  border-color: #5e0f1a;
}
body .heros .hero:nth-of-type(3n) a.btn:hover {
  background: #84AEB6;
}
body .heros .hero:nth-of-type(3n) a.btn:hover:before, body .heros .hero:nth-of-type(3n) a.btn:hover:after {
  border-color: #84AEB6;
}
body .cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: inherit;
  background-repeat: no-repeat;
  background-position: center center;
}
body .cover img {
  display: none !important;
}
body .cover video {
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  -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%;
  display: block;
}
body a.btn {
  font-weight: 500;
  font-family: serifa, serif;
  font-size: 16px;
  box-sizing: border-box;
  position: relative;
  background: #AB1B2E;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  box-sizing: border-box;
  height: 50px;
  margin-left: 40px;
  margin-right: 40px;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  text-align: center;
}
body a.btn:before, body a.btn:after {
  border-width: 15px;
}
body a.btn:before {
  content: "";
  border-width: 25px;
  border-left-width: 14px;
  border-style: solid;
  border-color: #AB1B2E #AB1B2E #AB1B2E transparent;
  border-left-color: transparent !important;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
body a.btn:after {
  content: "";
  border-width: 25px;
  border-right-width: 14px;
  border-style: solid;
  border-color: #AB1B2E transparent #AB1B2E #AB1B2E;
  border-right-color: transparent !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
body a.btn:hover {
  background: #84AEB6;
}
body a.btn:hover:before {
  border-color: #84AEB6 #84AEB6 #84AEB6 transparent;
}
body a.btn:hover:after {
  border-color: #84AEB6 transparent #84AEB6 #84AEB6;
}
body a.btn.inline-btn {
  max-width: 240px;
}
body .illo {
  padding: 80px 100px;
  text-align: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
body .illo h1 {
  font-weight: 300;
  font-family: serifa, serif;
  font-size: 2.9em;
  position: relative;
  z-index: 1;
}
body .illo p {
  font-family: serifa, serif;
  font-size: 1.3em;
  position: relative;
  z-index: 1;
}
body .illo p b {
  font-weight: 500;
}
body .illo .ppm-illo {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
body .illo .ppm-illo svg {
  width: 100%;
  max-width: 800px;
}
@keyframes hand {
  0% {
    transform: translateX(-20px);
  }
  85% {
    transform: translateX(20px);
  }
}
body a.band {
  border-top: 3px solid #AB1B2E;
  border-bottom: 3px solid #AB1B2E;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 60px;
  text-decoration: none;
  color: #4F291E;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
body a.band:hover {
  color: #AB1B2E;
}
body a.band h1 {
  font-size: 2.9em;
}
body a.band .band-text {
  padding: 80px 30px;
}
body a.band .band-text h1 {
  margin-bottom: 0;
}
body a.band .band-hand {
  display: flex;
  justify-content: center;
  align-items: center;
  left: 40px;
  position: relative;
  z-index: 3;
}
body a.band .band-hand img {
  transform: translateX(0);
  transform-origin: center center;
  animation: 2s hand infinite;
  animation-timing-function: ease;
  transform: translateX(-20px);
}
body a.band .band-image {
  width: 40%;
}
body a.band .band-image .cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1;
}
body a.band .band-image .cover:before {
  content: "";
  height: 0px;
  border-width: 1500px;
  border-left-width: 700px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  left: 0;
  transform: translate(-600px, -50%);
  z-index: 2;
  top: 50%;
}
body p.tag {
  font-weight: 500;
  color: #AB1B2E;
  font-family: serifa, serif;
  margin-bottom: 0;
}
body .block {
  margin-bottom: 60px;
}
body .featured-news {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}
body .featured-news .news-item {
  width: 30%;
  margin-bottom: 30px;
}
body .featured-news .news-item img {
  width: 100%;
  margin-bottom: 20px;
}
body .featured-news p.tag {
  color: #4F291E;
}
body .featured-news h3 {
  font-weight: 300;
  color: #AB1B2E;
  font-size: 1.2em;
  line-height: 1.3em;
}
body .featured-news h3 a {
  color: #AB1B2E;
}
body .featured-news h3 a:hover {
  color: #84AEB6;
}
body .upcoming-events-block {
  background: #3B1F18;
  padding: 50px;
}
body .upcoming-events-block .ue-title {
  padding-top: 30px;
  padding-left: 50px;
  -webkit-font-smoothing: antialiased;
}
body .upcoming-events-block h1, body .upcoming-events-block p.tag {
  color: #fff;
}
body .upcoming-events-block h1 {
  margin-bottom: 0;
}
body .upcoming-events-block .upcoming-events {
  text-align: center;
  display: flex;
  justify-content: space-between;
}
body .upcoming-events-block .upcoming-events h3 {
  font-weight: 300;
  color: #84AEB6;
  font-size: 1.3em;
  margin-bottom: 5px;
}
body .upcoming-events-block .upcoming-events h3 a {
  color: #84AEB6;
}
body .upcoming-events-block .upcoming-events h3 a:hover {
  color: #AB1B2E;
}
body .upcoming-events-block .upcoming-events .upcoming-event {
  position: relative;
  padding: 50px;
  text-align: center;
  width: 50%;
  box-sizing: border-box;
}
body .upcoming-events-block .upcoming-events .upcoming-event .upcoming-event-inner {
  background: #fff;
  padding: 50px;
}
body .upcoming-events-block .upcoming-events .upcoming-event .upcoming-event-thumb {
  text-align: center;
  margin-bottom: 20px;
}
body .upcoming-events-block .upcoming-events .upcoming-event .upcoming-event-thumb img {
  width: 100%;
  max-width: 320px;
  display: inline-block !important;
}
body .upcoming-events-block .upcoming-events .upcoming-event .date-tag {
  padding: 10px;
  width: 80px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  background: #84AEB6;
  position: absolute;
  top: 0;
  right: 30px;
  height: 40px;
}
body .upcoming-events-block .upcoming-events .upcoming-event .date-tag .month {
  text-transform: uppercase;
  font-weight: 300;
  font-family: serifa, serif;
  position: relative;
  z-index: 1;
}
body .upcoming-events-block .upcoming-events .upcoming-event .date-tag .number {
  font-weight: 400;
  font-family: serifa, serif;
  font-size: 2.6em;
  line-height: 0.9em;
  position: relative;
  z-index: 1;
}
body .upcoming-events-block .upcoming-events .upcoming-event .date-tag:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -40px;
  border-width: 40px;
  border-bottom-width: 25px;
  border-style: solid;
  border-color: #84AEB6 #84AEB6 transparent #84AEB6;
  z-index: 0;
}
body .title-icon {
  height: 55px;
  margin-bottom: 20px;
}
body .title-icon svg {
  height: 100%;
}
body .hooves-1 {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
body .hooves-2 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
body footer {
  padding-top: 120px;
  background: #4F291E;
  color: #f5e3cf;
  position: relative;
}
body footer .pig-brown {
  width: 80px;
  height: 40px;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-40px);
}
body footer .pig-brown img {
  width: 100%;
}
body footer .footer-inner {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
body footer .footer-column {
  padding-right: 30px;
}
body footer .footer-column.logo-col svg {
  margin-bottom: 40px;
}
body footer .footer-column.logo-col a {
  text-transform: none;
}
body footer .footer-column.newsletter-col {
  max-width: 400px;
}
body footer .footer-column.f-links p {
  margin-bottom: 0 !important;
}
body footer .footer-column.f-links p br {
  display: none;
}
body footer h3 {
  font-weight: 300;
  font-size: 1.3em;
  margin-bottom: 20px;
}
body footer h3.upper {
  text-transform: uppercase;
  font-family: brother-1816, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
}
body footer h3, body footer p, body footer a {
  color: #f5e3cf;
}
body footer p {
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
}
body footer a {
  display: block;
  text-transform: uppercase;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 5px;
}
body footer a:hover {
  color: #EDA551;
}
body footer .f-under {
  margin-top: 30px;
  width: 100%;
  padding: 10px;
  background: #3B1F18;
  width: 100%;
  clear: both;
  box-sizing: border-box;
}
body footer .f-under p, body footer .f-under a {
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  display: inline;
  color: #f5e3cf;
  font-size: 12px;
  font-weight: 300;
  font-family: serifa, serif;
}
body .text-center {
  text-align: center;
}
body div.ctct-form-embed div.ctct-form-defaults {
  padding: 0 !important;
}
body .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button {
  min-width: 0 !important;
  width: 46px;
  text-indent: -999999px;
  overflow: hidden;
}
body .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button:after {
  content: "";
  position: absolute;
  width: 0;
  border-width: 5px;
  border-left-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body div.ctct-form-embed div.ctct-form-defaults p.ctct-form-footer {
  padding: 0 !important;
}
body ul.social-media svg {
  width: 40px;
  height: 40px;
}
body header .navigation.main .sub-menu li.highlight {
  display: none;
}
body header .navigation.main a {
  font-weight: 500;
  font-family: serifa, serif;
  text-transform: none;
}
body header .navigation.main .sub-menu a {
  font-family: brother-1816, sans-serif;
  padding-bottom: 8px;
}
body header .navigation.main {
  display: none;
}
body header .buttons {
  display: none;
}
body #svg-sprite {
  display: none;
}
body .desktop-text {
  display: block;
}
body .illo-text {
  display: none;
}
body .illo-text p {
  color: #AB1B2E;
  vertical-align: middle;
  line-height: 2em;
}
body .illo-text p span {
  line-height: 2em;
}
body .illo-text svg {
  display: inline-block;
  vertical-align: middle;
}
body .ajax-loader {
  position: absolute;
  top: 100px;
  left: 100%;
  transform-origin: 50% 50%;
  transform: translate(-50%, 0%) rotate(180deg);
  font-size: 30px;
  width: 1em;
  height: 3em;
  color: #d31145;
}
body .ajax-loader.ajax-2 {
  top: auto;
  bottom: 50px;
  left: auto;
  right: 100%;
}
body .ajax-loader .paw {
  width: 1em;
  height: 1em;
  animation: 6050ms pawAnimation ease-in-out infinite;
  opacity: 0;
}
body .ajax-loader .paw svg {
  width: 100%;
  height: 100%;
}
body .ajax-loader .paw .icon {
  fill: currentColor;
}
body .ajax-loader .paw:nth-child(odd) {
  transform: rotate(-40deg);
}
body .ajax-loader .paw:nth-child(even) {
  transform: rotate(-40deg) translate(125%, 125%);
}
body .ajax-loader .paw:nth-child(1) {
  animation-delay: 2.5s;
}
body .ajax-loader .paw:nth-child(2) {
  animation-delay: 2s;
}
body .ajax-loader .paw:nth-child(3) {
  animation-delay: 1.5s;
}
body .ajax-loader .paw:nth-child(4) {
  animation-delay: 1s;
}
body .ajax-loader .paw:nth-child(5) {
  animation-delay: 0.5s;
}
body .ajax-loader .paw:nth-child(6) {
  animation-delay: 0s;
}
.no-cssanimations body .ajax-loader .paw {
  opacity: 1;
}
@keyframes pawAnimation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
body #the-market-commons h1 {
  text-transform: uppercase;
}
body #the-market-commons h3 {
  text-transform: none;
}
body #the-market-commons .wp-caption {
  background: transparent;
  border: none;
  padding: 0 !important;
}
body #the-market-commons .wp-caption img {
  width: 100% !important;
}
body #the-market-commons .block {
  margin-bottom: 0;
  padding: 50px 0;
}
body #the-market-commons .block.img-block img {
  width: 100%;
}
body #the-market-commons .block.img-block video {
  width: 100%;
}
body #the-market-commons .block .wrapper {
  padding-left: 30px;
  padding-right: 30px;
}
body #the-market-commons .block .content h1, body #the-market-commons .block .content h2 {
  color: #72A189;
  text-transform: uppercase;
}
body #the-market-commons .block .content h3 {
  text-transform: none;
}
body #the-market-commons .block .content h4 {
  font-family: "Roboto Slab", serif !important;
  color: #72A189;
  text-transform: uppercase;
  font-size: 1.1em;
}
body #the-market-commons .block.contact-block {
  text-align: center;
}
body #the-market-commons .block.contact-block .content {
  margin-bottom: 30px;
}
body #the-market-commons .block.contact-block .contact-item {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin-top: 20px;
}
body #the-market-commons .block.contact-block .contact-item p, body #the-market-commons .block.contact-block .contact-item a {
  font-size: 0.8em;
  color: #4F291E;
}
body #the-market-commons .block.contact-block .contact-item p:hover, body #the-market-commons .block.contact-block .contact-item a:hover {
  color: #84AEB6;
}
body #the-market-commons .block.contact-block .contact-icon {
  width: 150px;
  padding: 0 20px;
}
body #the-market-commons .block.contact-block .contact-icon img {
  width: 100%;
}
body #the-market-commons .block.contact-block h4 {
  font-family: "Roboto Slab", serif !important;
  color: #AB1B2E;
  text-transform: uppercase;
  font-size: 1.1em;
  margin-bottom: 5px;
}
body #the-market-commons .block.contact-block .contact-phone p, body #the-market-commons .block.contact-block .contact-phone a, body #the-market-commons .block.contact-block .contact-share p, body #the-market-commons .block.contact-block .contact-share a {
  font-size: 1.2em;
}
body #the-market-commons .block.bg-green {
  background: #72A189;
  padding: 80px 0;
}
body #the-market-commons .block.bg-green .content {
  -webkit-font-smoothing: antialiased;
}
body #the-market-commons .block.bg-green .content h1, body #the-market-commons .block.bg-green .content h2, body #the-market-commons .block.bg-green .content h3, body #the-market-commons .block.bg-green .content h4, body #the-market-commons .block.bg-green .content p, body #the-market-commons .block.bg-green .content ul, body #the-market-commons .block.bg-green .content ol {
  margin-bottom: 30px;
  color: #fff;
}
body #the-market-commons .block.bg-green .content ul, body #the-market-commons .block.bg-green .content ol {
  padding: none;
  list-style: none;
  font-family: "Roboto Slab", serif !important;
  margin-left: 0;
}
body #the-market-commons .block.bg-green .content ul li, body #the-market-commons .block.bg-green .content ol li {
  padding: 10px 0;
  border-bottom: 1px solid #4F291E;
}
body #the-market-commons .block.bg-green .content ul li:last-of-type, body #the-market-commons .block.bg-green .content ol li:last-of-type {
  border: none;
}
body #the-market-commons .block.bg-brown {
  background: #4F291E;
  padding: 80px 0;
}
body #the-market-commons .block.bg-brown .content {
  -webkit-font-smoothing: antialiased;
}
body #the-market-commons .block.bg-brown .content h1, body #the-market-commons .block.bg-brown .content h2, body #the-market-commons .block.bg-brown .content h3, body #the-market-commons .block.bg-brown .content h4, body #the-market-commons .block.bg-brown .content p, body #the-market-commons .block.bg-brown .content ul, body #the-market-commons .block.bg-brown .content ol {
  color: #fff;
}
body #the-market-commons .block.bg-brown .content ul, body #the-market-commons .block.bg-brown .content ol {
  padding: none;
  list-style: none;
  font-family: "Roboto Slab", serif !important;
  margin-left: 0;
}
body #the-market-commons .block.bg-brown .content ul li, body #the-market-commons .block.bg-brown .content ol li {
  padding: 10px 0;
  border-bottom: 1px solid #72A189;
}
body #the-market-commons .block.bg-brown .content ul li:last-of-type, body #the-market-commons .block.bg-brown .content ol li:last-of-type {
  border: none;
}

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

x. Smaller than 1400px

*********************************************************************************************/
@media only screen and (max-width: 1400px) {
  body .hero .hero-text {
    width: 60%;
  }
  body .hero .hero-text h1 {
    font-size: 2.5em;
  }
  body header ul#nav {
    padding-left: 20px;
  }
  body header ul#nav > li:after {
    margin-left: 10px;
    margin-right: 10px;
  }
  body .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/********************************************************************************************* 

x. Smaller than 1200px

*********************************************************************************************/
@media only screen and (max-width: 1200px) {
  body .heros .hero .hero-text {
    width: 80%;
    justify-content: center;
  }
  body .heros .hero .hero-text h1 {
    font-size: 2.3em;
  }
  body .featured-news h3 {
    font-size: 1em;
    font-weight: 400;
  }
  body body header .pig {
    width: 320px;
  }
  body header ul#nav {
    padding-left: 0;
  }
  body header ul#nav > li a {
    font-size: 1.1em;
  }
  body header .pig {
    height: 120px;
    transform: translateY(30px);
  }
  body header .pig img {
    width: 100px;
  }
  body header .logo img {
    height: 90px;
  }
  body header ul#nav > li ul li a {
    font-size: 1em;
  }
  body .band h1 {
    font-size: 2.1em;
  }
  body .band .band-hand img {
    max-width: 200px;
  }
  body header ul#nav > li:after {
    margin-left: 5px;
    margin-right: 5px;
  }
  body .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/********************************************************************************************* 

x. Smaller than 990px

*********************************************************************************************/
@media only screen and (max-width: 990px) {
  body {
    padding-top: 100px !important;
  }
  body #sticky-wrapper {
    height: auto !important;
  }
  body header .relative-nav {
    display: none;
  }
  body header .buttons {
    display: block;
    position: absolute;
    right: 30px;
    z-index: 9;
  }
  body header ul#nav {
    display: none;
  }
  body header #top-nav ul#secondary-nav {
    display: none;
  }
  body header .sticky-nav #top-nav {
    background: #84AEB6;
    display: none;
  }
  body header #top-nav .alert {
    width: 100%;
    box-sizing: border-box;
  }
  body header .sticky-nav #top-nav .alert {
    width: auto;
  }
  body .hero .hero-text {
    min-height: 320px;
    padding-left: 30px;
    padding-right: 30px;
  }
  body body header .sticky-nav .logo img {
    width: 200px;
    height: 45px;
  }
  body header .pig {
    margin-right: 30px;
  }
  body .band .band-hand img {
    max-width: 120px;
  }
  body .featured-news .news-item {
    width: 46%;
  }
  body .band .band-text {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  body .upcoming-events-block .upcoming-events .upcoming-event {
    padding: 25px;
  }
  body .upcoming-events-block .ue-title {
    padding-left: 25px;
  }
  body header #top-nav a.top-pig {
    min-width: 0;
  }
  body header #top-nav a.top-pig .little-pig {
    right: 0;
  }
  body .hero .hero-text h1 {
    font-size: 2.2em;
  }
  body .illo .ppm-illo {
    display: none;
  }
  body .desktop-text {
    display: none;
  }
  body .illo-text {
    display: block;
  }
  body .hero {
    flex-wrap: wrap;
    padding: 0 !important;
  }
  body .heros .hero .hero-text {
    padding: 0;
    width: 100%;
  }
  body .heros .hero .hero-text .ht-inner {
    padding: 50px 30px !important;
    width: 100%;
    box-sizing: border-box;
  }
  body .hero .hero-image {
    width: 100%;
  }
  body .hero .hero-image .cover {
    position: relative;
    right: auto !important;
    left: auto !important;
    top: auto;
    bottom: auto;
    display: block;
    width: 100%;
  }
  body .heros .hero .hero-text:before {
    display: none !important;
  }
  body .featured-news .news-item {
    width: 100%;
  }
  body .upcoming-events-block .upcoming-events {
    flex-wrap: wrap;
  }
  body .upcoming-events-block .upcoming-events .upcoming-event {
    width: 100%;
  }
  body header .buttons li.hamburger {
    margin: 0 !important;
    top: auto !important;
  }
  body .illo {
    padding-left: 0;
    padding-right: 0;
  }
  body footer .footer-inner {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
  }
  body footer .footer-inner .footer-column {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  body footer .footer-column.logo-col svg {
    display: inline-block;
  }
  body .hero {
    flex-wrap: wrap;
  }
  body .hero .hero-text {
    width: 100%;
  }
  body .hero .hero-text:before {
    display: none;
  }
  body .cover video {
    position: relative;
    transform: none !important;
    z-index: 9;
    top: auto;
    left: auto;
    width: 100%;
    min-width: 100%;
    min-height: 0;
  }
  body .relative-nav {
    opacity: 0;
    pointer-events: none;
  }
  body .is-sticky header {
    background: #fff;
  }
  body header .navigation.main a {
    font-weight: 400;
    text-align: center;
  }
  body header .logo {
    margin: 0;
  }
  body a.mobile-donate {
    display: block;
  }
  body header .sticky-nav .logo {
    margin-left: 80px;
  }
  body header .hamburger .line {
    background: #4F291E;
  }
  body .small-nav li {
    margin: 0 !important;
  }
  body .small-nav li a {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    font-family: brother-1816, sans-serif !important;
    padding: 10px;
    border-bottom: 1px solid #744C28;
  }
  body .small-nav li.visit-link a {
    text-transform: uppercase;
    color: #AB1B2E;
  }
  body header .navigation.main > li {
    margin-bottom: 0 !important;
  }
  body header .navigation.main > li ul.sub-menu {
    display: none;
  }
  body header .navigation.main > li.mobile-search a {
    border: none !important;
  }
  body header .navigation.main > li.mobile-search a svg {
    display: inline-block;
  }
  body header .navigation.main > li > a {
    font-size: 24px;
    padding: 10px;
    border-bottom: 1px solid #744C28;
  }
  body header .navigation.main .sub-menu a {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  body header .navigation.main {
    padding-top: 0;
    padding-bottom: 0;
  }
  body header .navigation.main .small-nav > li > ul.sub-menu {
    padding-top: 0;
    background: #3B1F18;
  }
  body header .navigation.main ul.sub-menu {
    padding-top: 0;
    background: #3B1F18;
  }
  body header .navigation.main li a {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #744C28;
  }
  body footer .footer-column {
    padding-right: 0;
  }

  #the-market-commons h2 {
    font-size: 3em;
  }

  body .upcoming-events-block {
    padding-left: 0;
    padding-right: 0;
  }

  body .upcoming-events-block .upcoming-events .upcoming-event .upcoming-event-inner {
    padding: 20px;
  }

  body a.band .band-hand {
    display: none;
  }

  body a.band .band-text {
    width: 50%;
    box-sizing: border-box;
    padding: 30px 0;
  }
  body a.band .band-text h1 {
    font-size: 2.2em;
  }

  body a.band .band-image {
    width: 50%;
  }

  body a.band .band-image .cover:before {
    left: -40px;
  }

  .upcoming-events-block .upcoming-events .upcoming-event .date-tag {
    display: none;
  }
}

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