/*
Theme Name: Custom Site
Author: Alex Bolton King
Text Domain: customsite
Version: 1.0
*/

/* =Reset
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,
footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
	font-family: var(--bodyFont);
  vertical-align: baseline;
}
html {
  overflow-x: hidden;
  height: 100%;
}
body {
  overflow-x: hidden;
  line-height: 1.25em;
}
ol,ul {
  list-style: none;
}
blockquote,q {
  quotes: none;
}
a {
  text-decoration: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,th,td {
  font-weight: normal;
  text-align: left;
}
h1,h2,h3,h4,h5,h6 {
  clear: both;
}
p,li {
  margin-bottom: 1em;
}
html {
  overflow-y: scroll;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
a:focus {
  outline: none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
  display: block;
}
audio,canvas,video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
}
del {
  color: #333;
}
ins {
  background: #fff9c0;
  text-decoration: none;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin: 24px;
  margin-bottom: 1.714285714rem;
}
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
small {
  font-size: smaller;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto !important;
	image-rendering: auto;
}
.lhs {
  float: left;
}
.rhs {
  float: right;
}
.alignleft {
  text-align: left;
}
.alignright {
  text-align: right;
}
.aligncenter {
  text-align: center;
}
img.alignright {
  float: right;
  margin: 0 0 10px 10px;
}
img.alignleft {
  float: left;
  margin: 0 10px 10px 0;
}
h1 {
  font:normal 500 50px / 1.25em var(--headingFont);
	text-transform: uppercase;
  margin-bottom: 25px;
	letter-spacing: .09em;
}
h2 {
  color: var(--blue);
  font-size: 26px;
  font-weight: 600;
  font-family: var(--bodyFont);
  line-height: 1.25em;
  margin-bottom: 10px;
  display: inline-block;
}
h3 {
  font-size: 26px;
  font-weight: 500;
  font-family: var(--bodyFont);
  line-height: 1.25em;
  margin-bottom: 25px;
}
h4 {
  color: #54565a;
  font-size: 16px;
  font-weight: 500;
 font-family: var(--bodyFont);
  margin-bottom: 30px;
  line-height: 1.25em;
  text-transform: uppercase;
}

h5 {
  color: var(--blue);
  font-size: 36px;
  font-weight: 500;
  font-family: var(--bodyFont);
  line-height: 40px;
  margin-bottom: 25px;
}

ul,
ol {
  padding-left: 20px;
}
ul li {
  list-style: disc;
  list-style-position: inside;
  font-family: var(--bodyFont);
}
ol li {
  list-style: decimal;
  list-style-position: inside;
  font-family: var(--bodyFont);
}

.displaynone {
  display: none;
}

p:last-child {
  margin-bottom: 0;
}

span,
td,
a,
li {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
strong {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}


/*-- Variables --*/

/*:root {
	--pink: #ED40A6;
  --lime: #c8d400;
  --yellow: #ffcc00;
	--yellow2: #FFEA82;
  --mint: #66c58b;
  --green: #009e3d;
	--green25:#009639;
  --darkGreen: #00612f;
  --orange: #df563b;
  --purple: #b03172;
  --lightBlue: #e2fafd;
  --black: #000;
  --white: #fff;
  --robotoFont: 'Roboto', sans-serif;
  --robotoCondensedFont: 'Roboto Condensed', sans-serif;
  --zoojaFont: 'zooja-pro', sans-serif;
}*/

:root {
	--deepGreen:#006618;
	--green: #009639;
	--pastelGreen: #87eea4;
	--yellow: #ffcc0f;
	--pastelYellow: #ffea82;
	--red: #ff3132;
	--pastelRed: #ffbec8;
	--violet: #725ef6;
	--pastelViolet: #c4b0f5; 
	--lime: #b6d920;
	--pastelLime: #daf97c;
	--orange: #ff8400;
	--pastelOrange: #ffb566;
	--magenta: #ed40a6;
	--pastelMagenta: #fbb7df; 
	--cobalt: #455bff;
	--pastelCobalt: #9ac9ff;
  --black: #000;
  --white: #fff;
	--headingFont: 'brother-1816', sans-serif;
	--bodyFont: 'brandon-grotesque', sans-serif;
  --zoojaFont: 'zooja-pro', sans-serif;
	--zoojaIcons:"zooja-elements-and-borders", sans-serif;
}

/*-- Common Elements --*/

.fw100 {
  font-weight: 100;
}
.fw300 {
  font-weight: 300;
}
.fw500 {
  font-weight: 500;
}
.fw600 {
  font-weight: 600;
}
.fw700 {
  font-weight: 700;
}
.fw800 {
  font-weight: 800;
}

.largeText {
  font-size: 30px !important;
  font-weight: 300 !important;
  line-height: 1.4em;
}
/*.smallText {
  font-size: 16px !important;
}*/
.whiteBackground {
  background: #fff;
  position: relative;
  z-index: 9999;
}
.centerCols {
  text-align: center;
}
.whiteText,
.whiteText p {
  color: var(--white) !important;
}
.brownText,
.brownText p {
  color: var(--brown) !important;
}
.content800 .inner {
  max-width: 800px;
}
.valignBottom .grid {
  align-items: end;
}
.valignCenter .grid {
  align-items: center;
}
hr {
  margin: 24px 0;
}
.noPaddingBottom,
.noPaddingBottom > div {
  padding-bottom: 0 !important;
}
.noPaddingTop,
.noPaddingTop > div {
  padding-top: 0 !important;
}

.gridNoPadding .gridModule {
  padding: 0 !important;
}
img.aligncenter {
  display: block;
  margin: 0 auto;
}

/*-- Float Clearing --*/
.inner:after,
.clear:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/*-- Header Styles --*/

#mainHeader {
  position: fixed;
  background: var(--white);
  border-top:6px solid var(--green);
  z-index: 99999;
  width: 100%;
  padding: 10px 0 0;
}
#mainHeader .inner {
  position: relative;
}
#mainHeader .flex {
  display: flex;
  position: relative;
  justify-content: space-around;
}
#menuToggle {position: absolute;}

#mainHeader .logo img {width:120px;max-width:100%;}

/*-- Navigation Styles --*/
#site-navigation {
	--navigation:normal 400 23px / 1em var(--bodyFont);
	--subNavigation:normal 400 17px / 1em var(--bodyFont);
}

#navbar .inner {max-width:970px;padding-top:10px;}
#site-navigation #menu-main-menu {display:grid;grid-template-columns: repeat(6,1fr);grid-gap: 10px;padding:0;}

#site-navigation li {list-style: none;margin-bottom: 0;text-align: center;}

#site-navigation li a {font: var(--navigation);text-transform: uppercase;padding:8px 0 5px;color:var(--deepGreen);display: block;width: 100%;}
#site-navigation .sub-menu li a {font:var(--subNavigation);}
.current-menu-ancestor,
#site-navigation li a:hover,
#site-navigation li.current-menu-item a {background:var(--lime);}

#site-navigation #menu-main-menu > li:hover > ul.sub-menu {display: block;}
#site-navigation #menu-main-menu > li:not(.megaMenu) {position:relative;}
#site-navigation #menu-main-menu > li > ul.sub-menu {display:none;position:absolute;background:var(--lime);padding:20px 5px;width: 100%;}
#site-navigation li > ul.sub-menu > .current-menu-item > a,
#site-navigation li > ul.sub-menu > li a:hover {color:var(--orange);}

@media screen and (max-width: 900px) {  
  html body.admin-bar .mobmenu,
  body.admin-bar .mob-menu-header-holder,
  body .mob-menu-header-holder {
    float: right;
    top: 35px !important;
    width: 60px !important;
  }
}
@media screen and (max-width:925px) and (min-width: 768px) { 
	#site-navigation li a {font-size: 19px;}
	#site-navigation #menu-main-menu {grid-gap: 2px;}
	#site-navigation .sub-menu li a {font-size: 14px;margin-bottom: 5px;}
	body #outerPage {padding-top: 135px;}
}

/*-- Footer Styles --*/
footer {	
	--heading:normal 600 50px / normal var(--headingFont);
	--subheading:normal 600 32px / 1 var(--headingFont);
	--prep:normal 400 15px / 1em var(--bodyFont);
	--copy:normal 400 15px / normal var(--bodyFont);
	--button:normal 400 18px / 1.66 var(--zoojaFont);
	--inputBG:var(--pastelYellow);
	--backgroundLeft:var(--lime);
	--backgroundRight:var(--deepGreen);
	--hover:var(--pastelYellow);
	--fontColor:var(--deepGreen);	
}
footer {background:linear-gradient(90deg, var(--backgroundLeft) 0%, var(--backgroundLeft) 65%, var(--backgroundRight) 65.1%, var(--backgroundRight) 100%);}
footer .inner {max-width:1130px;}
footer .grid {display: grid;grid-template-columns: 2fr 1fr;grid-gap: 50px;}
footer .grid > .col:first-child {padding:85px 0;}
footer .grid > .col:last-child {background: var(--deepGreen);position:relative;}
footer .newsletterGrid {display: grid;grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}
footer .newsletterGrid .col:last-child {padding-top:30px;}


footer .newsletterGrid .nf-form-content {padding:0;}
footer .newsletterGrid input[type="email"]::placeholder {font-family: var(--bodyFont);}
footer .newsletterGrid input[type="email"] {background:var(--inputBG); color:var(--fontColor);}
footer .newsletterGrid input[type="submit"] {font: var(--button); display: flex; align-items: center; justify-content: center; background:var(--inputBG);padding:8px 18px;border-radius:14px;cursor:pointer;height: 42px;letter-spacing: .09em;}
footer .newsletterGrid input[type="submit"]:hover {color:var(--white) !important;background:var(--green) !important;}
footer .newsletterGrid .nf-field-label label::after {background: var(--inputBG);}

footer .newsletterGrid .checkbox-wrap label, 
footer .newsletterGrid p.black {font: var(--copy); color:var(--black) !important;}

footer .newsletterGrid .checkbox-wrap label a {font-weight: bold;text-decoration: underline;color:var(--black) !important;}
footer .newsletterGrid .checkbox-wrap label a:hover {color:var(--hover) !important;}

.socialCol {
	--font:	normal 600 28px / normal var(--headingFont);
}
.socialCol {text-align: center;padding:85px 0;}
.socialCol h3 {font: var(--font);color:var(--yellow) !important;text-align: center;white-space: nowrap;text-transform: uppercase;letter-spacing: .09em;}
.socialCol a {margin:0 5px;transition: all 500ms ease;display: inline-block;}
.socialCol a:hover {transform:scale(1.1);}

#footerBar {background:var(--black);padding:30px 0;}
#footerBar p {margin-bottom: 0;color:var(--white);text-align: center;font-size: 15px;}
footer .newsletterGrid .col:first-child {display: flex;align-items: center;}
@media screen and (max-width: 991px) { 
	.socialCol a {margin: 0;}
	.socialCol a img {max-width: 30%;display: inline-block;margin: 5px;}
	.socialCol h3 {white-space: inherit;}
	#siteFooter .grid .newsletterGrid .col {margin: auto;}
}

@media screen and (max-width: 480px) { 
	.socialCol a {margin: 0;}
	.socialCol a img {max-width: 25%;display: inline-block;margin: 5px;}
	.socialCol h3 {white-space: inherit;}
}

/*-- Custom Styles --*/

body {background: #ffffff;}
.inner {
  max-width: 1780px;
  margin: 0 auto;
  padding: 0 20px;
}
#outerPage {
  padding-top: 139px;
}

.nopaddingBottom > div {
  padding-bottom: 0;
}

.button {
  display: inline-block;
  padding: 15px 35px;
  color: var(--brown);
  font-size: 24px;
  font-weight: 500;
  font-family: var(--bodyFont);
  background: none;
  border-radius: 30px;
  border: 2px solid var(--brown);
}

.button:hover {
  color: #fff;
  background: var(--brown);
}
.whiteButton {
  display: inline-block;
  padding: 15px 35px;
  color: var(--white);
  font-size: 24px;
  font-weight: 500;
  font-family:  var(--bodyFont);
  background: none;
  border-radius: 30px;
  border: 2px solid var(--white);
}

.whiteButton:hover {
  color: var(--brown);
  background: var(--white);
}

.centerCol30Percent .col:nth-child(2) {
  opacity: 0.3;
}

/*.page-template-flex #outerPage p,
.page-template-flex #outerPage p li {
	font:normal 400 17px / normal var(--bodyFont);
 }
.page-template-flex #outerPage p strong,
.page-template-flex #outerPage p li strong {
  font-weight: bold;
}*/

#breadcrumbs {
  padding: 20px 0;
}
#breadcrumbs a:hover {
  color: var(--orange);
}

/*-- Banner Block --*/

.page-template-flex .banner {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/*.page-template-flex .banner h1 {
  color: #fff;
  margin-bottom: 0;
  font-size: 100px;
  text-transform: uppercase;
}*/
.swiperModule .swiper {
  overflow: initial;
}

.swiper-pagination {
  bottom: -40px !important;
}

.swiper-pagination-bullet-active,
.swiper-pagination-bullet {
  background: var(--white) !important;
}
.swiper-button-next,
.swiper-button-prev {
  color: var(--white) !important;
}
@media screen and (max-width: 600px) {
  /*.page-template-flex .banner {
    min-height: 280px;
  }*/

  /*.page-template-flex .banner {
    min-height: 200px !important;
  }*/
  .swiper-slide .inner {
    padding: 0 50px;
  }
}

/*-- Full Width Block --*/

.fullwidthBlock {
  padding: 60px 0;
}
.fullwidthBlock p:last-child {
  margin-bottom: 0;
}
.stretchWidth img {
  width: 100%;
}

/*-- Icon Text Block --*/

.iconTextRow {
  display: grid;
  grid-template-columns: 130px auto;
  grid-gap: 30px;
  margin-bottom: 40px;
}
.iconTextRow h3 {
  color: #1d1d1b;
  font-size: 22px;
  text-transform: uppercase;
}

/*-- Columns Module --*/

.grid {
  display: grid;
}

/*-- Two Col Block --*/

.twoColModule {
  padding: 45px 0;
}
.twoColModule .grid {
  display: grid;
  grid-gap: 30px;
} /*grid-gap:128px;align-items: center;*/
.valignCenter .twoColModule .grid {
  align-items: center;
}
.alignTop .grid {
  align-items: flex-start !important;
}
.twoColModule .grid.l5050 {
  grid-template-columns: 1fr 1fr;
}
.twoColModule .grid.l2575 {
  grid-template-columns: 1fr 2fr;
}
.twoColModule .grid.l7525 {
  grid-template-columns: 2fr 1fr;
}
.twoColModule .grid.l4060 {
  grid-template-columns: calc(40% - 15px) calc(60% - 15px);
}
.twoColModule .grid.l6040 {
  grid-template-columns: calc(60% - 15px) calc(40% - 15px);
}

.sixColModule p:last-child,
.fiveColModule p:last-child,
.fourColModule p:last-child,
.threeColModule p:last-child,
.twoColModule p:last-child {
  margin-bottom: 0;
}

.imageCol {
  text-align: center;
}
.ctaCol {
  background: var(--green);
}
.ctaCol .ctaImage {
  min-height: 310px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ctaCol .ctaText {
  padding: 35px;
  color: #fff !important;
}
body #outerPage .ctaCol .ctaText .quote p {
  font-size: 24px;
  font-weight: 300;
  line-height: 1.4em;
  margin-bottom: 40px;
  color: #fff;
}
body #outerPage .ctaCol .ctaText .quoter p {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4em;
  color: #fff;
}
.ctaCol p:last-child {
  margin-bottom: 0 !important;
}

.noGap .grid {
  grid-gap: 0;
}
.noGap .textCol {
  background: var(--blue);
  padding: 40px;
}

.noGap .textCol h1 {
  font-size: 38px;
}
#outerPage .noGap .textCol p {
  color: #fff;
  font-weight: 100;
  font-size: 18px;
}
.noGap .imageCol {
  background-size: cover;
  background-position: center;
}
.noGap .imageCol img {
  display: block;
}

.noGap .textCol a {
  color: var(--green) !important;
}
.noGap .textCol a:hover {
  color: #fff !important;
}

@media screen and (max-width: 870px) {
  .twoColModule .grid {
    grid-template-columns: 1fr !important;
  }
  .twoColModule .TextImage {
    grid-template-areas: "imageCol" "textCol";
  }
  .twoColModule .TextImage .textCol {
    grid-area: textCol;
  }
  .twoColModule .TextImage .imageCol {
    grid-area: imageCol;
  }
  .twoColModule .TextImage .imageCol,
  .twoColModule .ImageText .imageCol {
    text-align: center;
  }
}

/*-- Three Col Block --*/

.threeColModule {
  padding: 45px 0;
}
.threeColModule .grid {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(3, 1fr);
} /*align-items: center;*/
.valignCenter .threeColModule .grid {
  align-items: center;
}
.topAlign .grid {
  align-items: initial;
}

@media screen and (max-width: 820px) {
  .gridModule .gc3,
  .threeColModule .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 500px) {
  .gridModule .gc3,
  .threeColModule .grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

/*-- Four Col Block --*/

.fourColModule {
  padding: 45px 0;
}
.fourColModule .grid {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(4, 1fr);
} /*align-items: center;*/
.valignCenter .fourColModule .grid {
  align-items: center;
}
@media screen and (max-width: 820px) {
  .gridModule .gc4,
  .fourColModule .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 500px) {
  .gridModule .gc4,
  .fourColModule .grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

/*-- Five Col Block --*/

.fiveColModule {
  padding: 45px 0;
}
.fiveColModule .grid {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(5, 1fr);
} /*align-items: center;*/
.valignCenter .fiveColModule .grid {
  align-items: center;
}
@media screen and (max-width: 1045px) {
  .gridModule .gc5,
  .fiveColModule .grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 630px) {
  .gridModule .gc5,
  .fiveColModule .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 500px) {
  .gridModule .gc5,
  .fiveColModule .grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

/*-- Six Col Block --*/

.sixColModule {
  padding: 45px 0;
}
.sixColModule .grid {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(6, 1fr);
} /*align-items: center;*/
.valignCenter .sixColModule .grid {
  align-items: center;
}
@media screen and (max-width: 1045px) {
  .gridModule .gc6,
  .sixColModule .grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 630px) {
  .gridModule .gc6,
  .sixColModule .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 500px) {
  .gridModule .gc6,
  .sixColModule .grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

/*-- Grid Block --*/

.gridModule {
  padding: 70px 0;
}
.gridModule h1 {
  margin-bottom: 50px;
}
.gridModule .grid {
  display: grid;
  grid-gap: 30px;
}
.gridModule .gc1 {
  grid-template-columns: 1fr;
}
.gridModule .gc2 {
  grid-template-columns: repeat(2, 1fr);
}
.gridModule .gc3 {
  grid-template-columns: repeat(3, 1fr);
}
.gridModule .gc4 {
  grid-template-columns: repeat(4, 1fr);
}
.gridModule .gc5 {
  grid-template-columns: repeat(5, 1fr);
}
.gridModule .gc6 {
  grid-template-columns: repeat(6, 1fr);
}

.banner {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1210px) {
  .gridModule .gc6 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 940px) {
  .gridModule .gc5 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 760px) {
  .gridModule .gc4,
  .gridModule .gc5,
  .gridModule .gc6 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .gridModule .gc3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 460px) {
  .gridModule .gc4,
  .gridModule .gc5,
  .gridModule .gc6,
  .gridModule .gc2 {
    grid-template-columns: 1fr;
  }
}

/*-- Responsive Styles --*/

@media screen and (max-width: 600px) {
  #siteFooter p {
    line-height: 1.25em;
    font-size: 16px;
  }
  #footerBar .grid {
    grid-template-columns: 1fr;
  }
  h1 {
    font-size: 38px;
  }
  .largeText {
    font-size: 22px !important;
  }
}

.mob-menu-header-holder {
  z-index: 99999 !important;
}
.mobmenu-right-alignment {
  z-index: 10;
}

.mobmenur-container i {
  color: var(--white) !important;
}

.mobmenu-content li,
.mobmenu-content a {
  font-family:  var(--bodyFont);
}


/*-- Faq module Styles --*/

.faqQuestion {
  padding-left: 20px;
  color: var(--green);
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  margin: 10px 0;
}
.faqQuestion:hover {
  color: var(--brown);
}
.faqQuestion:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.faq.active .faqQuestion:before {
  content: "\f0d7";
}
.faqAnswer {
  display: none;
}
.faqAnswer p,
.faqAnswer li {
  font-size: 16px !important;
  font-family:  var(--bodyFont);
  font-weight: 300;
}
.faq.active .faqAnswer {
  display: block;
}

/*-- Column Module Styles --*/

@media screen and (max-width: 1200px) {
  .columnsModule .grid.cols-5,
  .columnsModule .grid.cols-6 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .columnsModule .grid.cols-4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media screen and (max-width: 1000px) {
  .columnsModule .grid.cols-3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media screen and (max-width: 900px) {
  .columnsModule .grid.cols-5,
  .columnsModule .grid.cols-6 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media screen and (max-width: 650px) {
  .columnsModule .grid.cols-2,
  .columnsModule .grid.cols-3,
  .columnsModule .grid.cols-4,
  .columnsModule .grid.cols-5,
  .columnsModule .grid.cols-6 {
    grid-template-columns: 1fr !important;
  }
}

/*-- Contact Styles --*/

.nf-form-fields-required {
  display: none;
}

/*-- Smoothie Styles --*/

/*.smoothie .banner {background:var(--yellow);}
.smoothie .banner .inner:before {display: none;}
.smoothie .banner .inner {min-height:0;padding:0;max-width:1780px;}
.smoothie .banner .grid {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 0;}
.smoothie .banner .bannerImage {min-height:640px;position:relative;background-size:cover;background-position:center right;}
.smoothie .banner .bannerImage:before {position:absolute;top:0;left:0;content:'';height:100%;width:200px;background: linear-gradient(90deg, rgba(255,204,0,1) 0%, rgba(255,204,0,0) 100%);}

.smoothie .banner h1 {text-align: left;color:var(--magenta);}
.smoothie .banner .bannerText {color:var(--magenta);font-size: 22px;font-weight: bold;}
.smoothie .banner .bannerText ul {padding-left:0;}
.smoothie .banner .bannerText li {font-weight: bold;font-style:italic;}

.smoothie .statsCols {grid-template-columns: 300px 40px 1fr 40px 1fr 40px 1fr;} 
.smoothie .statsCols .productUsed {font-size: 50px !important;}
.smoothie .statsCols .smoothieFact {font-family: var(--zoojaFont);font-size: 33px;line-height: 1em;}

.smoothie .recipeLower:before {display: none;}
.smoothie .ingredients {margin-bottom: 10px;}
.smoothie .ingredients .grid {grid-template-columns: 470px auto;}
.smoothie .ingredients .col.imageCol {background-size:cover;background-repeat:no-repeat;background-position:center;min-height:600px;}
.smoothie .ingredients .col:nth-child(2) {padding:60px 0 40px;}
.smoothie .ingredients .col:nth-child(2) h2 {color:var(--magenta);font-size: 73px;}
.smoothie .ingredients .col:nth-child(2) ul {padding:0;}
.smoothie .ingredients .col:nth-child(2) p,
.smoothie .ingredients .col:nth-child(2) li {color:var(--magenta);font-size: 22px;font-weight: bold;font-style: italic;line-height: 1.1em;}

.smoothie .method {background:url('images/smoothie-blender.png') no-repeat left -50px top 25px, url('images/smoothie-splat.png') no-repeat right top / contain,var(--magenta);display: grid;grid-template-columns: 250px auto;grid-gap: 40px;padding:25px;position:relative;}
.smoothie .method h2 {color:var(--white);font-family:var(--headingFont);font-size: 74px;text-align: center;line-height:1em;}
.smoothie .method .col:nth-child(2) {padding-top:20px;}
.smoothie .method p {color:var(--white);font-size: 18px;line-height: 1.25em;}


@media screen and (max-width:960px) {
  .smoothie .banner .bannerImage {min-height:0;}
  .smoothie .banner .bannerImage:before {display: none;}
  .smoothie .banner h1 {font-size: 40px;}
  .smoothie .banner .bannerText li {font-size: 18px;}
  .smoothie .banner .col:nth-child(2) {background:none;}

  .smoothie .statsCols {grid-template-columns: 190px 40px 1fr 40px 1fr 40px 1fr;}
  .smoothie .statsCols .smoothieFact {font-size: 18px;}
  .smoothie .statsCols .productUsed {font-size: 40px !important;}
  .smoothie .ingredients .grid {grid-template-columns: 1fr;}
  .smoothie .ingredients .grid .imageCol {min-height:300px;}
  .smoothie .ingredients .col:nth-child(2) {padding-top:0;}

  .smoothie .recipeLower {background: url(images/marblebg.jpg) no-repeat center top / cover !important;}
}

@media screen and (max-width:750px) {
  .smoothie .method {grid-template-columns: 1fr;grid-gap: 20px;}
  .smoothie .method .col:nth-child(2) {padding-top:0;}
}

@media screen and (max-width:650px) {
  .smoothie .banner .grid {display: block;}
  .smoothie .banner .bannerImage {min-height:300px;}
  .smoothie .banner .bannerImage::after {display: none;}
  .smoothie .statsCols {grid-row-gap:20px;grid-template-columns:1fr 40px 1fr 40px 1fr;}
  .smoothie .statsCols .statCol:nth-child(1) {grid-column-start:1;grid-column-end:6;}
  .smoothie .statsCols .spacerCol:nth-child(2) {display: none;}
}*/

#post-navigation {
  /*display: flex;
  justify-content: space-between;*/
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  padding-top: 60px;
  margin-bottom: 10px;
}
#post-navigation span,
#post-navigation a {
	font:normal 600 50px / 1 var(--bodyFont);
  color: var(--white);
  margin:0 10px;
}
#post-navigation span,
#post-navigation a.current,
#post-navigation a:hover {
  color: var(--lime);
}

#post-navigation .next.page-numbers, #post-navigation .prev.page-numbers {
	transform: translateY(-6px);
	display: inline-block;
}

.single-post #outerPage {
  background:var(--mint);
}
/*.single-post #outerPage .newsOuter {
  background:url('images/news-freshness.png') no-repeat right 100px top 30px, url('images/news-farmerowned.png') no-repeat left 200px top 870px;
  padding: 50px 0;
}*/
.single-post #outerPage .inner {
  max-width:780px;
}

.single-post #outerPage .articleWrapper {background:var(--white);padding:30px;}
.single-post .featuredImage {margin-bottom: 30px;}
.single-post .articleWrapper h1 {color:var(--magenta);font-size: 40px;font-weight: bold;font-family: var(--headingFont);}
.single-post .articleWrapper a {font-weight: bold;color:var(--green);}

.single-post  .sharing {text-align: center;margin-top:50px}
.single-post  .sharing a {font-size: 16px;font-weight: bold;color:var(--white);margin:0 10px;border-radius:30px;padding:5px 10px;}
.single-post  .sharing a:hover {color:var(--black);}
.twitterButton {background:#4bc7f0;}
.facebookButton {background:#425fa0;}
.pinterestButton {background:#cc1c26;}

@media screen and (max-width:500px) {
	.single-post .sharing {display:flex;justify-content: space-around;}
	.single-post .sharing a {margin:0;}
}

/*-- 404 Styles --*/

.bbBar {background:var(--yellow);}
.bbBar .inner {max-width:1170px;}
.bbBar .grid {display: grid;grid-template-columns: 2fr 1fr;grid-gap: 30px;}
.bbBar .col:first-child {padding:60px 0;background:url('images/splatdots.png') no-repeat left center;color:var(--orange);font-size: 47px;font-weight: bold;text-transform: uppercase;line-height: 1.25em;font-family:var(--bodyFont);}
.bbBar .col:last-child {position: relative;}
.bbBar .col:last-child span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position:center top;}
.bbBar .col:last-child span:before {width: 14px;height: 100%;background: url('images/featured-recipe-edge.svg') no-repeat 100% 0 / cover;position: absolute;top: 0;left: -1px;content: '';}
.bbBar .col:last-child span:after {width: 14px;height: 100%;background: url('images/featured-recipe-edge.svg') no-repeat 100% 0 / cover;position: absolute;top: 0;right: -1px;content: '';transform: rotateZ(180deg);}

.optionCols {background:url('images/marblebg.webp') no-repeat center top / cover;padding:60px 0;}
.optionCols .inner {max-width:1170px;}
.optionCols .grid {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px;text-align: center;}
.optionCols h2 {font-family: var(--headingFont);font-size: 73px;color:var(--black);}
.optionCols h2 span {font-weight: 300;}
.optionCols .subtext {color:var(--green);font-family: var(--bodyFont);font-size: 30px;font-weight: bold;line-height: 1.25em;padding:0 20px;}

/*-- Responsive --*/

@media screen and (max-width:1260px) {
  .newsletterGrid {grid-template-columns: 1fr;padding-right: 20px;}
  .newsletterGrid .col:first-child {text-align: center;}
}
@media screen and (max-width:1050px) {
  .optionCols h2 {font-size: 50px;}
  .optionCols .subtext {font-size: 25px;}
  .bbBar .col:first-child {font-size: 30px;}
}
/*@media screen and (max-width:1030px) {
  
}*/
@media screen and (max-width:990px) {
	footer .newsletterGrid {grid-gap: 0px;}
	.newsletterGrid img {max-width: 250px;}
	footer .newsletterGrid .col:first-child {justify-content: center;}
  #siteFooter {background:var(--backgroundLeft);}
  #siteFooter .inner {padding:0;}
  #siteFooter .grid {grid-template-columns: 1fr;grid-gap: 0;}
  #siteFooter .grid .col {padding:20px;}
  .newsletterGrid {padding-right:0;}
  /*JH QuickFix*/
  #siteFooter .newsletterGrid { flex-wrap: wrap; display: flex; }
  #siteFooter .newsletterGrid .col:first-child { background: var(--backgroundLeft); width: 100%;}
  #siteFooter > .inner > .grid > .col:first-child { padding: 0; }    
}

@media screen and (max-width: 900px) {
  #homeBanner h1 {
    font-size: 48px;
  }
  #homeBanner p.largeText {
    font-size: 30px !important;
  }
}
@media screen and (max-width: 900px) {
  .button,
  .whiteButton {
    display: block;
    margin-bottom: 30px;
    text-align: center;
  }
  .bbBar .grid {grid-template-columns: 1fr 1fr;}
}
#mobileMenuToggle,
#mobileMenuClose {display:none;}
#mobileMenuToggle {position:fixed;top:40px;right:40px;font-size:30px;color:var(--black);cursor:pointer;}
#mobileMenuToggle:hover {color:var(--green);}
@media screen and (max-width:768px) {
  #mobileMenuToggle {display: block;}
  #outerPage {padding-top:100px;}
  #mainHeader #navbar {display:none;}
  #mainHeader #navbar.mobile {position:fixed;top:0;left:0;width:100%;height:calc(100% - 150px);padding-top:150px;background:url('images/mobilemenu-bottom.png') no-repeat center bottom / contain, url('images/mobilemenu-top.png') no-repeat center top / contain, url('images/mobilemenubg.jpg') no-repeat center top / cover;display: block; overflow: scroll;}
  #mainHeader #navbar:after {position:absolute;top:10px;left:0;right:0;margin:auto;width:50%;height:150px;background:url('images/mobilelogo.svg') no-repeat center top / contain;content:'';}
  #mainHeader #navbar .inner {width:calc(100% - 40px);}
  #mainHeader #site-navigation #menu-main-menu {display:block;}
  #mainHeader #navbar li {display:block;text-align: left !important ;background:none !important;}
  #mainHeader #navbar li a {font-family: var(--bodyFont);font-size: 60px;color:var(--white);text-transform: initial;text-shadow: 1px 1px var(--black);text-align: left !important;}
  #mainHeader #navbar li.megaMenu .sub-menu {display:none !important;}
  #mainHeader #navbar li:not(.megaMenu) .sub-menu {display: block;background:none;position:relative;}
  #mainHeader #navbar li:not(.megaMenu) .sub-menu > li > a {font-size: 50px;padding-left:40px;position:relative;}
  #mainHeader #navbar li:not(.megaMenu) .sub-menu > li > a:before {content:">";font-family: var(--zoojaFont);font-size: 60px;color:var(--white);text-transform: initial;text-shadow: 1px 1px var(--black);position:absolute;top:50%;left:0;transform:translateY(-50%);}

  #mainHeader #site-navigation li a:hover, 
  #mainHeader #site-navigation li.current-menu-item a {background:none !important;color:var(--yellow);}

  #mobileMenuClose {position:absolute;top:20px;right:20px;font-size:80px;color:#fff;opacity:0.6;text-shadow: 1px 1px var(--black);font-family: var(--zoojaFont);cursor:pointer;display: block;}
  #mobileMenuClose:hover {opacity:1;}

  .optionCols .grid {grid-template-columns: 1fr;}
  .optionCols .grid .col h2 {display: block;}

}

@media screen and (max-width:500px) {
  .bbBar .col:first-child {font-size: 25px;}
}




.page-id-14461 #outerPage {background-image: url('../../../wp-content/uploads/2022/05/values-bg.jpg');background-position: top left;background-repeat: no-repeat;}
/*.page-id-14895 #outerPage {background: url('../../../wp-content/uploads/2022/05/sustainability-bg.jpg') no-repeat center top / cover;}
*//*.page-id-17173 #outerPage {background: url('../../../wp-content/uploads/2022/05/sustainability-bg.jpg') no-repeat center top / cover;}
*/.page-id-14517 #outerPage {background: url('../../../wp-content/uploads/2022/08/background-orange-4-scaled.jpg');background-position: top center;background-repeat: no-repeat;}
/*.page-id-17488 #outerPage {background: url('../../../wp-content/uploads/2023/11/field-bg2.jpg') no-repeat center top / cover;}
*//*.page-id-17488 #outerPage {background: url('../../../wp-content/themes/customsite/images/recipe-stuff.png') no-repeat 50% 20px, url(images/marblebg.jpg)no-repeat 50% 0/cover;}*/




.centerImage .col:first-child {text-align: center;}







/*-- Christmas Styles --*/

/*.christmas .recipeOfTheMonth {background:url('images/christmas/featured-recipe-bg.jpg') no-repeat center / cover;}
.christmas .recipeOfTheMonth .recipeImage:after,
.christmas .recipeOfTheMonth .recipeImage:before {background:url('images/christmas/featured-recipe-edge.svg') no-repeat 100% 0 / cover;}
.recipeOfTheMonth .col:nth-child(2),
.christmas .recipeOfTheMonth .recipeName,
.christmas .recipeOfTheMonth .col:first-child {color:var(--white) !important;}
.christmas .getCooking {background:#288657;}
.christmas .getCooking:hover {background:var(--orange);}
.christmas .festiveRecipes {background:url('images/christmas/festive-recipes-items.webp') no-repeat center top, url('images/christmas/snow.webp') no-repeat bottom center, url('images/christmas/festive-recipes-branches.webp') no-repeat bottom right, url('images/marblebg.webp') no-repeat center center / cover;padding:30px 0 180px;}
.christmas .recipeIdeas {display:none !important;}*/



/*.term-84 .recipeOfTheMonth {background:url('images/christmas/featured-recipe-bg.jpg') no-repeat center / cover;}
.term-84 .recipeOfTheMonth .recipeImage:after,
.term-84 .recipeOfTheMonth .recipeImage:before {background:url('images/christmas/featured-recipe-edge.svg') no-repeat 100% 0 / cover;}
.term-84 .recipeOfTheMonth .col:nth-child(2),
.term-84 .recipeOfTheMonth .recipeName,
.term-84 .recipeOfTheMonth .col:first-child {color:var(--white) !important;}
.term-84 .getCooking {background:#288657;}
.term-84 .getCooking:hover {background:var(--orange);}
.term-84 .recipesOuter {background:url('images/christmas/snow.webp') no-repeat bottom center, url('images/christmas/festive-recipes-items.webp') no-repeat center top,  url('images/christmas/festive-recipes-branches.webp') no-repeat bottom right, url('images/marblebg.webp') no-repeat center center / cover;padding:30px 0 180px;}
*/



/*-- Promo Signup Fields --*/

.page-template-signup .signupOuter {background-image:url('images/plate-bg.png'),url('images/sign-up-bg.jpg');background-repeat:no-repeat, no-repeat;background-position:calc(50% + -380px) 90%, center center;background-size:500px, cover;padding:80px 0 545px;}
/*.page-template-signup .signupOuter {background:url('images/florettes-sign-up-bg.jpg') center bottom / cover no-repeat;padding:45px 0 545px;}*/
.page-template-signup .signupOuter .inner {max-width:690px;}
.page-template-signup .signupOuter p {font-family: var(--headingFont);font-size: 30px;font-weight: 500;color:var(--deepGreen);line-height: 1.25em;}
.page-template-signup .signupOuter input[type="submit"] {font-family: var(--headingFont);color:var(--white);font-size: 20px;background:var(--deepGreen);border-radius:15px;font-weight: 100;display: block;width: 100%;text-align: center;letter-spacing:.09em;line-height: 1em;cursor:pointer;}
.page-template-signup .signupOuter .nf-form-content {padding:0;}
.page-template-signup .signupOuter .nf-cell:first-child {padding-left:0;}
.page-template-signup .signupOuter .checkbox-wrap label {color:var(--deepGreen);font-size: 16px;font-weight: lighter;}
.page-template-signup .signupOuter .checkbox-wrap label a {text-decoration: underline;}
.page-template-signup .signupOuter #nf-field-13-wrap {width: 120%;}
.signupOuter #uf-logo {position: absolute;height: 35%;display: flex;justify-content: flex-end;align-items: center;max-width: 420px;left: calc(50% + -150px);}
.page-template-signup .signupOuter .nf-form-content .list-select-wrap .nf-field-element > div, .signupOuter .nf-form-content input:not([type="button"]), .signupOuter .nf-form-content textarea {border:0 !important;}
.page-template-signup .signupOuter .nf-form-content .listselect-wrap .nf-field-element div, .signupOuter .nf-form-content .ninja-forms-field {
	font-size: 25px;margin: 0;padding: 12px;color:var(--deepGreen);font-weight:400;}
@media screen and (max-width:900px) {
	.page-template-signup .signupOuter #nf-field-13-wrap {width: 100%;}
	.signupOuter #uf-logo {height: 20%;display: flex;justify-content: center;align-items: center;max-width: 90%;left: inherit;transform:scale(0.9);}
  .page-template-signup .signupOuter {background-size:contain, cover;background-image:url('images/plate-bg.png'),url('images/sign-up-bg.jpg');padding:45px 0 150vw;background-position:center 95%, center center;}
}

@media screen and (max-width:600px) {
  .page-template-signup .signupOuter p {text-align: center;font-size: 25px;}
}

/*-- AJAX SEARCHBAR --*/
div#ajax-searchbar {max-width:800px;margin:auto;position: relative;}
div.asp_sb.asp_sb_1.searchsettings fieldset.asp_s_btn_container .asp_s_btn_div {top: 28px;position: relative;right: 0;}
#site-navigation .megaMenu:hover > ul:not(.a) {
	display: none !important;	
}

div.asp_w.asp_sb.searchsettings form {
    display: flex !important;
}

#outerPage .terms.brandon > p {color:var(--deepGreen);font-size:11px;line-height: 1.4;}
#outerPage div.all-pink-text * {color:var(--magenta);}

#outerPage p.brandon, #outerPage .terms.brandon > p, #outerPage .brandon li, #outerPage .brandon p, #outerPage .brandon a, #outerPage .brandon a u {font-family: var(--bodyFont);font-weight: 500;font-style: normal;}
#outerPage p.largeFont, #outerPage .largeFont > li, #outerPage .largeFont p {font-size:28px;line-height: 1.3;letter-spacing: .05em;}

body.beevive #outerPage p.largeFont {font-size:32px;margin-bottom: .25em;}
body.beevive #outerPage ul {padding-left:0;margin-bottom: 1.5em;}
body.beevive form .nf-row:nth-child(3) {padding-bottom: 1.5em;}
.aligncenter.size-full.pink-flower {max-width: 72px;float: left;position: relative;top: -30px;transform: scale(1.7);left: -25px;}
.basic-width-wrap .grid.cols-3 > .col img {object-fit: cover;height: 300px !important;width: 100%;object-position: center;}
.bold {font-weight:900 !important;}
.florette25-banner.desktop {max-width:1530px;margin:auto;}
.green25 {color:var(--deepGreen);}

.noPaddingTop.banner-block > div.fullwidthBlock > p {text-align: center;display: block;line-height: 0;margin-bottom: 0;}
.pink {color:var(--magenta);}
.productsHolder.nobg {background:transparent;}
.reducePadding .fullwidthBlock {padding: 30px 0;}
.text-flex.half > div:first-child {width: 50%;}
.text-flex.half > div:last-child {width: 50%;}
.text-flex > div:first-child {width: 66%;}
.text-flex > div:last-child {width: 30%;}
.text-flex {display: flex;max-width:1130px;align-items: center;justify-content: space-between;margin: auto;}
body.beevive .text-flex {align-items: flex-start;}
.video-cont .inner > div iframe {max-height:636px;}
.video-cont .inner > div {margin: auto;max-width: 1130px;}
div.basic-width, .basic-width-wrap > div {max-width:1130px;margin:auto;padding-left:20px;padding-right:20px;}
h1.brother, h2.brother {letter-spacing: .025em;font-size:54px;font-family:  var(--headingFont);font-weight: 700;font-style: normal;color:var(--deepGreen);text-align: center;margin-bottom: 1.25em;}
h2.brother {font-size:30px;letter-spacing: .1em;}
span.center, p.center {text-align: center;}
body.beevive .checkbox-container.label-right label::after, 
body.beevive .checkbox-container.label-right label::before {width: 32px;height: 32px;left: -50px;top: -6px;border:0;}
body.beevive .checkbox-container.label-right label {margin: 0 0 0 48px;}

body.wildflowering .inner-box * {color:var(--pastelYellow) !important;}
body.wildflowering .inner-box * {text-align: center;display: block;}
body.wildflowering .inner-box ul {max-width: 90%;margin:0 auto;}
body.wildflowering .inner-box p, 
body.wildflowering .inner-box li {font:normal 600 31px / 1.2em var(--bodyFont);letter-spacing: 0.09em;position: relative;}
body.wildflowering .inner-box li:nth-child(3)::before {content:'';position: absolute;width:calc(50px + 3vw);height:calc(50px + 3vw);left:-80px;top: -55px;background:url('/wp-content/uploads/2024/03/yellow-sun.png') center / contain no-repeat;}
body.wildflowering .inner-box h2 {position:relative;}
body.wildflowering .inner-box h2::before {content:'';position: absolute;width:calc(50px + 3vw);height:calc(50px + 3vw);right:50px;top: -25px;background:url('/wp-content/uploads/2024/03/yellow-flowers.png') center / contain no-repeat;}
body.wildflowering .inner-box {background:var(--magenta);padding:60px 25px;border-radius: 73px;}
body.wildflowering .inner-box ul > li {margin-bottom: 1em;list-style: disc;}

@media screen and (min-width:1131px) {
	:root {--largeFont:28px;}
	.florette25-banner.mobile {display:none;}
	.noPaddingTop.banner-block > div.fullwidthBlock > p:first-child {position: relative;}
	.noPaddingTop.banner-block > div.fullwidthBlock::before {content: '';background: var(--deepGreen);height: 100%;width: 20%;position: absolute;z-index: 0;max-height:318px;right:0;left:auto;}
	.noPaddingTop.banner-block > .fullwidthBlock.stretchWidth {max-height: 317px;overflow: hidden;position: relative;padding: 0;}
}
@media screen and (max-width:1530px) {
	.noPaddingTop.banner-block > div.fullwidthBlock::before {display:none;}
}

@media screen and (max-width:1130px) {
	.florette25-banner.desktop {display:none;}
	.florette25-banner.mobile.florette25-left {max-width: 600px;}
	.inner-box h2::before {width: 100px;height: 100px;right: -110px;}
	h2.brother {font-size:27px;letter-spacing: .075em;/*max-width:600px;*/margin:0 auto 1em;}
}

@media screen and (max-width:990px) {	
	#outerPage p.largeFont, #outerPage .largeFont > li, #outerPage .largeFont li, #outerPage .largeFont p {font-size: 24px;}
	.content-middle .fullwidthBlock {padding-top:0;}
	/*.inner-box h2::before {width: 80px;height: 80px;right: -60px;top: -35px;}*/
	.text-flex.half > div.intro p {text-align: center;}
	h1.brother {font-size: 44px;margin-bottom: .5em;}
	h2.brother br {display:none;}
	h2.brother {font-size: 23px;letter-spacing: .075em;}
}

@media screen and (max-width:850px) {
	.text-flex > div:last-child {max-width: 460px;}
	.text-flex {flex-direction: column-reverse;}
	.text-flex > div {width: 100% !important;padding:20px; box-sizing: border-box; } /* BOX SIZING FIX */
    
    body.wildflowering .inner-box h2::before { width: calc(40px + 3vw); height: calc(40px + 3vw); right: -10px; top: -50px; }
    body.wildflowering .inner-box ul {padding-left: 0;}
    body.wildflowering .inner-box li:nth-child(3)::before {left:-50px;top: -55px;}
    
    body.beevive .text-flex .largeFont { text-align:center; }
}
@media (min-width:601px) {
	div.asp_sb.asp_sb_1.searchsettings fieldset {width: 25% !important;min-width: 150px !important;}	
}
@media screen and (max-width:600px) {
	#outerPage p.largeFont, #outerPage .largeFont > li, #outerPage .largeFont li, #outerPage .largeFont p {font-size: 19px;}
	#recipePage #resetButton, body.homePage #resetButton {right: calc(50% - 100px);font-size: 24px;top: 343px;}
	.aligncenter.size-full.pink-flower {max-width: 66px;float: left;position: relative;top: -25px;transform: scale(1.5);left: -15px;}
	.asp_w_container_1 {width: 96% !important;margin: auto;}
	.inner-box h2::before {width: 90px;height: 90px;right: -15px;top: -60px;}
	.text-flex > div:last-child {max-width: 210px;}
	.video-cont .fullwidthBlock {padding-top:0;}
	.video-cont .inner, .video-cont .inner * {padding:0;}
	div.asp_sb.asp_sb_1.searchsettings fieldset.asp_s_btn_container .asp_s_btn_div, div.asp_sb.asp_sb_1.searchsettings fieldset * {text-align: center !important;}
	div.asp_sb.asp_sb_1.searchsettings fieldset.asp_s_btn_container button.asp_search_btn.asp_s_btn {margin: 4px 80px 0 0 !important;}
	div.asp_sb.asp_sb_1.searchsettings fieldset {width: 70% !important;}
	div.asp_w.asp_sb.searchsettings fieldset.asp_filter_id_2 legend {padding: 0px 19px 0 0px !important;}
	div.asp_w.asp_sb.searchsettings fieldset legend {margin:0 auto 5px !important;padding: 0px 16px 0 0px !important;}
	div.asp_w.asp_sb.searchsettings form {align-items: center;justify-content: center;}
	h1.brother.smaller-mobile {font-size: 30px;}
	h1.brother {font-size: 38px;margin-bottom: .5em;}
	h2.brother {font-size: 26px;letter-spacing: .075em;}
	h2.recipeName {height:auto !important;}
	#ajax-searchbar fieldset.asp_s_btn_container .asp_s_btn_div {right: 25px;}
	#ajax-searchbar fieldset.asp_s_btn_container .asp_s_btn_div button.asp_s_btn {padding: 7px 12px 7px;white-space: nowrap;}
	#ajax-searchbar a#resetButton {padding: 7px 12px 7px;}
}


/*FORM CHANGES #==================================== */
.newsletterGrid {
	--font:normal 400 14px / normal var(--bodyFont);
}
#nf-form-4-cont {padding-left:20px;padding-right:20px;}
#nf-form-4-cont .nf-form-layout, #nf-form-4-cont .nf-response-msg {max-width: 1130px;margin: auto;}
#nf-form-4-cont .nf-form-layout *, #nf-form-4-cont .nf-response-msg p {font-family: "brandon-grotesque", sans-serif;font-weight: 500;font-style: normal;font-size:var(--largeFont);}
#nf-form-4-cont .nf-form-layout *:not(.ninja-forms-req-symbol), #nf-form-4-cont .nf-response-msg p {color:var(--deepGreen);}
#nf-form-4-cont .label-left .nf-field-label {text-align: left;width: 20%;}
#nf-form-4-cont .nf-form-content .list-select-wrap .nf-field-element > div, 
#nf-form-4-cont .nf-form-content input:not([type="button"]), #nf-form-4-cont .nf-form-content textarea {
	background: #FFF;
	border: none;
}
#nf-form-4-cont .nf-field-element {max-width: 500px;}
#nf-form-4-cont .nf-field-label label {display: flex;white-space: nowrap;}
#nf-form-4-cont .nf-form-content .listselect-wrap .nf-field-element div, #nf-form-4-cont .nf-form-content .ninja-forms-field {
	font-size: 16px;
	margin: 0;
	padding: 4px 24px;
}
#nf-form-4-cont .nf-error.field-wrap .nf-field-element::after {font-size: 20px;height: 35px;line-height: 38px;}
#nf-form-4-cont .nf-error-msg.nf-error-required-error {font-size: 12px;}
#nf-form-4-cont .nf-form-content input.ninja-forms-field {height: 36px;}
#nf-form-4-cont .nf-form-content input.ninja-forms-field[type="submit"] {height: 50px;}
.nf-form-cont *, .newsletterGrid * {font:var(--font);}



/*AJAX SEARCH #==================================== */
.recipesOuter {
	--smallFont:normal 400 15px / normal var(--bodyFont);
	--subHeading:normal 600 25px / 30px var(--bodyFont);
	--heading:normal 600 50px / normal var(--headingFont);
	--button:normal 600 15px / 1 var(--bodyFont);
	--fontColor:var(--pastelYellow);
	--resetBG: var(--red);
	background:var(--deepGreen);
	padding:30px 0 60px;
}
.recipesOuter * {
	color:var(--pastelYellow);
	text-transform: uppercase;
	text-align: center;
}
.recipesOuter * form .asp_select_label * {color:var(--deepGreen) !important;font:var(--button);}
#ajax-searchbar div.ajaxsearchpro.searchsettings fieldset .asp_select_single, 
#ajax-searchbar div.ajaxsearchpro.searchsettings fieldset .asp_select_multiple {padding: 0;margin-right: 20px;}

#ajax-searchbar #resetButton {font:var(--button);color:var(--white);letter-spacing:0.1em;background:var(--resetBG);padding:7px 20px 7px;position:absolute;right:0px;border-radius:3px;top:80px;z-index:9999;text-transform:uppercase;}
#ajax-searchbar fieldset button.asp_s_btn {font:var(--button);color:var(--deepGreen);letter-spacing:0.1em;background:var(--white);padding:7px 20px 7px;border-radius:5px;z-index:9999;text-transform:uppercase;text-rendering: optimizeLegibility;-webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto;}
#ajax-searchbar div.asp_m.asp_m_1 .probox .promagnifier:not(.a) {width: 45px;height: 43px;border: none;border-radius: 5px;box-shadow: none;}
#ajax-searchbar div.asp_s.asp_s_1.searchsettings fieldset.asp_s_btn_container button.asp_search_btn.asp_s_btn, 
#ajax-searchbar div.asp_sb.asp_sb_1.searchsettings fieldset.asp_s_btn_container button.asp_search_btn.asp_s_btn {}
#ajax-searchbar div.asp_w.asp_sb.searchsettings fieldset legend {font:var(--smallFont);letter-spacing: 0.015em;}
#ajax-searchbar div.asp_w.asp_s select, #ajax-searchbar div.asp_w.asp_sb select,#ajax-searchbar div.asp_w.asp_sb select * {font:var(--button);}
#ajax-searchbar div.asp_w.asp_sb select * {font-family:var(--bodyFont) !important;}
#ajax-searchbar p[id*="asp-try-1"], 
#ajax-searchbar p[id*="asp-try-1"] a {text-align: left !important;color:var(--pastelYellow) !important;font:var(--copy);letter-spacing: 0.015em;text-transform: none !important;}
.recipesOuter .inner {max-width:1010px;}
.recipesOuter h1 {font:var(--heading);margin-bottom: 30px;letter-spacing: .09em; }
.recipesOuter .grid {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 50px 35px;}
.recipesOuter .col {text-align: center;}
.recipesOuter .recipeImage {position:relative;width:90%;border-radius:100%;box-shadow: 5px 2px 15px 2px rgba(0,0,0,0.6);display: block;max-width:260px;margin: 0 auto 30px;background-size:cover !important;background-position:center center !important;}
.recipesOuter .recipeImage:after {content:'';display:block;padding-bottom:100%;}
.recipesOuter .col h2 {font: var(--subHeading);margin-bottom: 10px;letter-spacing: .015em;}
.recipesOuter .col h2 a {transition: .3s ease;}
.recipesOuter .col h2 a:hover {color:var(--orange);}
.recipesOuter .col p {margin-bottom: 0;font: var(--smallFont);letter-spacing: .015em;}
.recipesOuter .col p:last-of-type {margin-bottom: 20px;}
.recipesOuter .recipePillButton {background: var(--pastelYellow);color:var(--deepGreen);width: 172px;display: flex;padding: 10px 2px;font: var(--smallFont);letter-spacing: .09em;margin: auto;align-items: center;justify-content: center;border-radius: 6px;font-weight:bold;transition: .3s ease;}
.recipesOuter .recipePillButton:hover {background: var(--orange);}

.recipesOuter #post-navigation a, .recipesOuter #post-navigation span {color:var(--pastelYellow);} 
.recipesOuter #post-navigation .current {color:var(--orange);}

/*=== HOME PAGE #==================================== */
body.homePage {
	--heading:normal 600 50px / normal var(--headingFont);
	--subheading:normal 600 25px / normal var(--bodyFont);
	--prep:normal 400 15px / 1em var(--bodyFont);
	--copy:normal 400 18px / 24px var(--bodyFont);
	--button:normal 600 15px / 1 var(--bodyFont);
	--background:var(--pastelYellow);
	--background2: var(--pastelRed);
	--fontColor:var(--deepGreen);
	--resetBG: var(--red);
}
body.homePage {background:var(--background);}
body.homePage .recipeSearch {background:var(--fontColor);}
body.homePage .recipeSearch .inner {max-width:1170px;position:relative;padding: 40px 0;}
body.homePage * {color:var(--fontColor);}
body.homePage .recipePillButton {background: var(--fontColor);color:var(--pastelYellow);width: 172px;display: flex;padding: 10px 2px;font: var(--button);letter-spacing: .1em;margin: auto;align-items: center;justify-content: center;border-radius: 6px;transition: .3s ease;}
body.homePage .recipePillButton:hover {background: var(--orange);}
body.homePage .latestRecipes {padding:30px 0 60px;}
body.homePage .latestRecipes * {text-transform: uppercase;}
body.homePage .latestRecipes .inner {max-width:1130px;}
body.homePage .latestRecipes h2 {display: block;color:var(--deepGreen);font:var(--heading);margin-bottom: 30px;text-align: center;text-transform: uppercase;letter-spacing: .09em;}
body.homePage .latestRecipes .grid {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 50px;}
body.homePage .latestRecipes .col {text-align: center;}
body.homePage .latestRecipes .recipeImage {position:relative;width:90%;border-radius:100%;box-shadow: 5px 2px 15px 2px rgba(0,0,0,0.6);display: block;max-width:260px;margin: 0 auto 30px;background-position: center center !important;background-size:cover !important;}
body.homePage .latestRecipes .recipeImage:after {content:'';display:block;padding-bottom:100%;}
body.homePage .latestRecipes .col h2 {font: var(--subheading);margin-bottom: 10px;letter-spacing: .015em;}
body.homePage .latestRecipes .col p {margin-bottom: 0;font-size: 16px;}
body.homePage .latestRecipes .col p:last-of-type {margin-bottom: 20px;}
body.homePage div.asp_w.asp_sb.searchsettings fieldset legend {padding:0;color:var(--pastelYellow) !important;}
body.homePage .recipeIdeas > .inner > img {max-width: 1111px;margin: 0 auto 26px;width: 100%;display: block;}

@media screen and (max-width:830px) {
  body.homePage .similarRecipes .grid,
  body.homePage .latestRecipes .grid {display: block !important;}
	body.homePage .latestRecipes h2 {font-size: calc(20px + 2.5vw);}
}

body.homePage .recipeIdeas {background: var(--background2); position: relative;padding:20px 0 30px;}
body.homePage .recipeIdeas .inner {max-width:1300px;}
body.homePage .recipeSearchGrid {max-width:980px;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 30px;margin:30px auto;}



.newsOuter .twoCol,
.recipeIdeas .twoCol {display: grid;grid-template-columns: 1fr 4fr;grid-gap: 30px;align-items: center;max-width:990px;margin:0 auto;}
.newsOuter .twoCol p,
.recipeIdeas .twoCol p {font-weight: bold;color:var(--darkGreen);font-size: 20px;line-height: 1.5em;}

@media screen and (max-width:1050px) {
  body.homePage .recipeSearchGrid {grid-template-columns: 1fr;}
}

@media screen and (max-width:600px) {
  body.homePage .recipeIdeas .twoCol {grid-template-columns: 1fr;text-align: center;}
  body.homePage .recipeIdeas .twoCol img {max-width:200px;}
}

@media screen and (max-width:730px) {
  .newsArticles .newsArticle {grid-template-columns: 1fr;}
}
@media screen and (max-width: 550px) {
  
  .newsOuter .newsArticle h1 {
    font-size: 25px;
  }  
}

/*-- Recipes  Styles --*/



@media screen and (max-width:1025px) {
  .recipesOuter .col h2 {font-size: 25px !important;}
}
@media screen and (max-width:880px) {
  .recipesOuter .grid {grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width:560px) {
  .recipesOuter .grid {grid-template-columns: 1fr;}
}




/*=== PRODUCT LISTING #==================================== */

#ourProducts {
	--heading:normal 600 50px / normal var(--headingFont);
	--subheading:normal 600 15px / 18px var(--headingFont);
	--prep:normal 400 18px / 1em var(--bodyFont);
	/* --copy:normal 400 18px / normal var(--bodyFont); */
    --copy:normal 400 24px / 30px var(--bodyFont);
	--button:normal 600 16px / 1 var(--bodyFont);
	--background:var(--pastelRed);
	--titleFont:var(--pastelYellow);
	--fontColor:var(--deepGreen);
	--leaf:url('/wp-content/themes/customsite/images/best-recipe-01.svg') center / contain no-repeat;
}

#ourProducts .productsHolder {background:var(--background);padding:60px 0;}
#ourProducts .productsHolder .inner {max-width:1130px;}

#ourProducts .productsHolder h1 {font:var(--heading);color:var(--fontColor);text-align: center;letter-spacing: .09em !important;text-transform: uppercase;}

#ourProducts .productsHolder .grid {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 60px;/*align-items: center;*/}

#ourProducts.page-id-21731 .productsHolder .grid{display:flex; justify-content: center; flex-wrap: wrap; gap:60px;}
#ourProducts.page-id-21731 .productsHolder .grid > div{width: calc(33% - 31px);}

#ourProducts .productName {text-align:center;min-width: 172px;max-width:220px;min-height: 36px;max-height:70px;letter-spacing: 0.09em;border-radius:11px;font:var(--subheading);color:var(--titleFont);background:var(--fontColor);display: flex;align-items: center;justify-content: center;text-transform: uppercase;margin: 0 auto;padding: 8px 2px;}
#ourProducts .productName:hover {}

#ourProducts .productImage {display: flex;width:calc(100% - 40px);height:280px;padding:20px;margin-bottom: 20px;align-items: center;justify-content: center;position: relative;}
#ourProducts .productImage a img {transition:all 250ms ease;}
#ourProducts .productImage a:hover img {transform:scale(1.15) rotateZ(5deg);}
#ourProducts .productImage img {width:270px;position: relative;z-index: 2;}
#ourProducts .productImage.bestRecipeBadge::before {content:'';position: absolute;top: 33%;left: -15%;background: var(--leaf);width: 160px;height: 100px;z-index: 9;}

#ourProducts .product .excerpt {color:var(--fontColor);font:var(--copy);margin-bottom: 30px;text-align: center;letter-spacing: 0.015em;}

#ourProducts .productReadMore {margin:0 auto;display: block;text-align: center;}
#ourProducts .productReadMore:hover .cls-2 {fill:var(--orange) !important;}


@media screen and (max-width:1000px) {
  #ourProducts .productsHolder .grid {grid-template-columns: repeat(2,1fr);}
	#ourProducts.page-id-21731 .productsHolder .grid > div{width: calc(50% - 31px);}
}
@media screen and (max-width:690px) {
  #ourProducts .productsHolder .grid {grid-template-columns: 1fr;}
  #ourProducts .productImage::before {left:0;right:0;margin:auto;}
	#ourProducts.page-id-21731 .productsHolder .grid > div{width: 100%;}
}


/*-- Product Styles --*/

#singleProduct {
	--productHeading:normal 400 80px / 1em var(--zoojaFont);
	--heading:normal 600 50px / normal var(--headingFont);
	--subheading:normal 600 32px / 1 var(--headingFont);
	--subheading2:normal 600 17px / 1 var(--bodyFont);
	--prep:normal 400 15px / 1em var(--bodyFont);
	--copy:normal 400 17px / normal var(--bodyFont);
	--wtbFont:normal 600 55px / 1em var(--bodyFont);
	--button:normal 600 15px / 1 var(--bodyFont);
	--background:var(--pastelLime);
	--titleFont:var(--pastelYellow);
	--fontColor:var(--pastelLime);	
}

@media screen and (max-width:830px) {	
	#singleProduct {
		--heading:normal 600 50px / normal var(--headingFont);
		--subheading:normal 600 32px / 1 var(--headingFont);
		--wtbFont:normal 600 45px / 1em var(--bodyFont);
	}
}
@media screen and (max-width:500px) {
	#singleProduct {
		--productHeading:normal 400 60px / 1em var(--zoojaFont);
		--wtbFont:normal 600 35px / 1em var(--bodyFont);
	}
}

#singleProduct .classicCrispy {
	--background: var(--orange);
	--type: var(--pastelYellow);
	--prop1: var(--pastelRed);
	--prop2: var(--green);
	--prop3: var(--pastelGreen);
}
#singleProduct .mixed {
	--background: var(--deepGreen);
	--type: var(--pastelOrange);
	--prop1: var(--orange);
	--prop2: var(--green);
	--prop3: var(--pastelGreen);
}
#singleProduct .beetroot {
	--background: var(--lime);
	--type: var(--deepGreen);
	--prop1: var(--magenta);
	--prop2: var(--green);
	--prop3: var(--pastelRed);
}
#singleProduct .babyLeafRocket {
	--background: var(--green);
	--type: var(--pastelRed);
	--prop1: var(--red);
	--prop2: var(--pastelGreen);
	--prop3: var(--deepGreen);
}
#singleProduct .duoLambsLettuceRubyChard {
	--background: var(--pastelMagenta);
	--type: var(--deepGreen);
	--prop1: var(--magenta);
	--prop2: var(--green);
	--prop3: var(--pastelGreen);
}
#singleProduct .bistro {
	--background: var(--lime);
	--type: var(--deepGreen);
	--prop1: var(--green);
	--prop2: var(--violet);
	--prop3: var(--magenta);
}
#singleProduct .superfoodWildRocketBabyKale {
	--background: var(--cobalt);
	--type: var(--pastelYellow);
	--prop1: var(--pastelGreen);
	--prop2: var(--green);
	--prop3: var(--orange);
}
#singleProduct .babyLeafTrio {
	--background: var(--green);
	--type: var(--pastelYellow);
	--prop1: var(--pastelGreen);
	--prop2: var(--deepGreen);
	--prop3: var(--red);
}
#singleProduct .wildRocket {
	--background: var(--pastelMagenta);
	--type: var(--deepGreen);
	--prop1: var(--red);
	--prop2: var(--green);
	--prop3: var(--pastelGreen);
}
#singleProduct .iceberg {
	--background: var(--orange);
	--type: var(--pastelYellow);
	--prop1: var(--cobalt);
	--prop2: var(--pastelGreen);
	--prop3: var(--green);
}
#singleProduct .babyLeaf {
	--background: var(--green);
	--type: var(--pastelRed);
	--prop1: var(--red);
	--prop2: var(--pastelGreen);
	--prop3: var(--deepGreen);
}
#singleProduct .babySpinach {
	--background: var(--red);
	--type: var(--pastelYellow);
	--prop1: var(--green);
	--prop2: var(--pastelGreen);
	--prop3: var(--pastelRed);
}
#singleProduct .crunchySideSalad, 
#singleProduct .sweetCrunchy {
	--background: var(--pastelOrange);
	--type: var(--deepGreen);
	--prop1: var(--orange);
	--prop2: var(--pastelGreen);
	--prop3: var(--cobalt);
}

#singleProduct .indianSpiced {
	--background: var(--deepGreen);
	--type: var(--orange);
	--prop1: var(--orange);
	--prop2: var(--green);
	--prop3: var(--cobalt);
}

#singleProduct .koreanGochujang {
	--background: var(--yellow);
	--type: var(--deepGreen);
	--prop1: var(--deepGreen);
	--prop2: var(--green);
	--prop3: var(--cobalt);
}

#singleProduct .chineseInspired {
	--background: var(--deepGreen);
	--type: var(--pastelRed);
	--prop1: var(--pastelRed);
	--prop2: var(--green);
	--prop3: var(--cobalt);
}

#singleProduct .product .inner {max-width:1130px;position: relative;}
#singleProduct .product .grid {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 20px;position: relative;z-index: 2;}

#singleProduct .product .col:first-child {position:relative;display: flex;align-items: center;padding-left:20px;background:var(--magenta);}
#singleProduct .product .col:first-child {
  --mask:
		radial-gradient(44.72px at 60px 50%,#000 99%,#0000 101%) 0 calc(50% - 40px)/51% 80px repeat-y, 
		radial-gradient(44.72px at -40px 50%,#0000 99%,#000 101%) 20px 50%/calc(51% - 20px) 80px repeat-y, 
		radial-gradient(44.72px at calc(100% - 60px) 50%,#000 99%,#0000 101%) 100% calc(50% - 40px)/51% 80px repeat-y, 
		radial-gradient(44.72px at calc(100% + 40px) 50%,#0000 99%,#000 101%) calc(100% - 20px) 50%/calc(51% - 20px) 80px repeat-y;
  -webkit-mask: var(--mask);
          mask: var(--mask);
}
#singleProduct .product .col:first-child img {width:90%;transform:rotateZ(-10deg);}

#singleProduct .product .col:last-child {padding:50px 0 130px;position:relative;z-index: 2;}

#singleProduct .wtbHolder {position: absolute;bottom:25px;left:0;}
#singleProduct .product .wtb {font: var(--wtbFont);margin: 30px 0;}

#singleProduct .bestLeaf {max-width: 300px;float: right;}

#singleProduct .whereToBuy {padding:20px 0;}
#singleProduct .whereToBuy .inner {max-width:1000px;}
#singleProduct .whereToBuy .stockists {display:none;align-items: center;justify-content: center;}
#singleProduct .whereToBuy .stockists.active {display:flex;flex-wrap: wrap;}
#singleProduct .whereToBuy .stockists span,
#singleProduct .whereToBuy .stockists a {text-align: center;width:calc(20% - 60px);margin:10px 30px;}
#singleProduct .whereToBuy .stockists span img,
#singleProduct .whereToBuy .stockists a img {width:100%;height:auto;display: block;}

#singleProduct .tabs .tab {display:inline;padding:10px 20px;color:var(--white);border-right:1px solid var(--orange);font-size: 22px;text-transform: uppercase;font-family: var(--bodyFont);font-weight: bold;cursor: pointer;}
/*#singleProduct .tabs .tab:hover,
#singleProduct .tabs .tab.active {color:var(--orange);}*/
#singleProduct .tabs .tab:first-child {padding-left: 0;}
#singleProduct .tabs .tab:last-child {border-right:0;padding-right:0;}

#singleProduct .product * {color:var(--type);}
#singleProduct .product .col:first-child, #singleProduct .product {background:var(--background);}
#singleProduct .product p {font: var(--copy);}
#singleProduct .product h1 {font:var(--productHeading);letter-spacing: 0;}
#singleProduct .product .col:first-child {background: var(--prop1);}
#singleProduct #outerPage .whereToBuy {background: var(--prop2);}
#singleProduct .product .tabs .tab {border-right: 1px solid var(--prop2);transition: .3s ease;}
#singleProduct .product .tabs .tab.active, 
#singleProduct .product .tabs .tab:hover {color:var(--prop2);}
#singleProduct .product .tabs .tab:last-child {border-right:0 !important;}

#singleProduct .recipePillButton {background: var(--pastelYellow);color:var(--deepGreen) !important;width: 172px;display: flex;padding: 10px 2px;font: var(--button);letter-spacing: .1em;margin: auto;align-items: center;justify-content: center;border-radius: 6px;transition: .3s ease;}
#singleProduct .recipePillButton:hover {background: var(--orange);}


#singleProduct .latestRecipes {padding:30px 0 60px;background: var(--deepGreen);}
#singleProduct .latestRecipes * {text-transform: uppercase;color:var(--pastelYellow);}
#singleProduct .latestRecipes .inner {max-width:1130px;}
#singleProduct .latestRecipes h2 {display: block;font:var(--heading);margin-bottom: 30px;text-align: center;text-transform: uppercase;letter-spacing: .09em;transition: .3s ease;}
#singleProduct .latestRecipes h2:hover {color: var(--orange);}
#singleProduct .latestRecipes .col {text-align: center;}
#singleProduct .latestRecipes .recipeImage {position:relative;width:90%;border-radius:100%;box-shadow: 5px 2px 15px 2px rgba(0,0,0,0.6);display: block;max-width:260px;margin: 0 auto 30px;background-position: center center !important;background-size:cover !important;}
#singleProduct .latestRecipes .recipeImage:after {content:'';display:block;padding-bottom:100%;}
#singleProduct .latestRecipes .col h2 {font: var(--subheading);margin-bottom: 10px;letter-spacing: .015em;min-height:130px;}
#singleProduct .latestRecipes .col p {margin-bottom: .1em;}
#singleProduct .latestRecipes .col p:last-of-type {margin-bottom: 20px;}
#singleProduct #stockist-gb img {filter: saturate(0) invert(1) brightness(100);}
#singleProduct #stockist-ie img {filter: saturate(0) invert(1) brightness(100);}
@media screen and (max-width:1200px) {
	#singleProduct .latestRecipes .col h2 {font-size:calc(15px + 1vw);line-height: 1.25;}
}

@media screen and (min-width:814px) {
	#singleProduct .latestRecipes .grid {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 50px;}
}

@media screen and (max-width:813px) {
		#singleProduct .latestRecipes .col h2 {min-height: 100%;margin-bottom: 1.5em;}
}

@media screen and (max-width:830px) {
	#singleProduct .bestLeaf {max-width: 165px;margin: auto;display: flex;}
	#singleProduct .latestRecipes .col h2 {font-size:calc(20px + 1.5vw);min-height: 100%;margin-bottom: 1.5em;}
  #singleProduct .product .grid {grid-template-columns: 1fr;}
  #singleProduct .product .col:first-child {
		--mask:
    radial-gradient(44.72px at 50% calc(100% - 60px),#000 99%,#0000 101%) calc(50% - 40px) 0/80px 100%,
    radial-gradient(44.72px at 50% calc(100% + 40px),#0000 99%,#000 101%) 50% calc(100% - 20px)/80px 100% repeat-x !important;
		padding:80px 0 50px;text-align: center;display: block;width: calc(100% + 40px);transform: translateX(-20px);}
  #singleProduct .product .col:first-child img {max-width:500px;}
  #singleProduct .product .col:last-child {padding:0 0 40px;}
  #singleProduct .product .col h1 {text-align: center;}
  #singleProduct .wtbHolder {position:relative;bottom:auto;left:auto;}
	#singleProduct .latestRecipes h2 {font-size: calc(20px + 2vw);}
}
@media screen and (max-width:500px) {
  #singleProduct .product h1 {margin-bottom: 30px;}
  #singleProduct .whereToBuy .stockists {flex-wrap:wrap;}
  #singleProduct .whereToBuy .stockists span,
  #singleProduct .whereToBuy .stockists a {width:calc(50% - 60px);}
}



/*=== SINGLE RECIPES #==================================== */

#recipePage {
	--heading:normal 600 50px / normal var(--headingFont);
	--subheading:normal 600 32px / 1 var(--headingFont);
	--subheading2:normal 600 17px / 1 var(--bodyFont);
	--productUsed:normal 600 28px / 32px var(--headingFont);
	--prep:normal 400 15px / 1em var(--bodyFont);
	--copy:normal 400 18px / normal var(--bodyFont);
	--button:normal 600 15px / 1 var(--bodyFont);
	--background:var(--pastelLime);
	--titleFont:var(--pastelYellow);
	--fontColor:var(--pastelLime);
	background:var(--background);
}
#recipePage div {line-height:1;}
/*.single-recipes .banner {background:url('images/recipebannerbg.jpg') no-repeat center top / cover;}*/
#recipePage.single-recipes .banner .inner {max-width: 1170px;background-size:cover;min-height:460px;padding:40px;position: relative;background-position:center;}
#recipePage.single-recipes .banner h1 {max-width:900px;font:var(--heading);color:var(--white);text-align: center;text-transform: uppercase;position: relative;z-index: 2;letter-spacing: .09em;margin: auto; text-shadow: 1px 1px 2px black; }
#recipePage .stats {background:var(--deepGreen);padding:20px 0;line-height: 1;}
#recipePage .stats .inner {max-width: 1170px;}
#recipePage .stats .mainStatsGrid {display: grid;grid-gap: 20px;align-items: center;}
#recipePage .statsCols {display: grid;grid-template-columns: auto 40px auto 40px auto 40px;grid-gap: 0;justify-items: center;text-align: center;line-height: 1.2em;}
#recipePage .statsCols img {margin-bottom: 10px;}
#recipePage .statsCols .statCol {align-self: center;}
#recipePage .statsCols .statCol p {line-height: 1.25em;}
#recipePage .banner {background:var(--deepGreen);}
#recipePage div.asp_w.asp_sb.searchsettings fieldset legend {padding:0;color:var(--pastelYellow) !important;}

@media screen and (min-width:601px) {
	#recipePage .stats .mainStatsGrid {grid-template-columns: repeat(2, 1fr);}
}


.stats p {margin-bottom: 0;color:var(--white);}
#recipePage .productUsed {font:var(--productUsed);letter-spacing: .09em;text-transform: uppercase;}

#recipePage .recipeLower {padding:0 0 40px;position: relative;}

.wave {
  --mask:
    radial-gradient(92px at 50% calc(100% - 127px), #000 99%, #0000 101%) calc(50% - 100px) 0/200px 100%,
    radial-gradient(92px at 50% calc(100% + 77px), #0000 99%, #000 101%) 50% calc(100% - 50px)/200px 100% repeat-x;
  -webkit-mask: var(--mask);
          mask: var(--mask);
  background: var(--deepGreen);
  height: 100px;
}


#recipePage .recipeMain .inner {max-width:1130px;padding: 20px;}

#recipePage .recipeMain .grid {display: grid;grid-template-columns: auto;grid-gap: 30px;padding-top: 50px;border-radius:43px;padding-bottom: 40px;}
#recipePage .recipeMain .grid .col:first-child {padding-left: 100px;}
#recipePage .recipeMain .grid .col .serves {font:var(--subheading2);font-size:21px !important;letter-spacing: 0.015em;margin:0 0 20px;padding-bottom:10px;letter-spacing: 0.015em;}

#recipePage .recipeMain .grid .col h2 {text-transform: uppercase;color:var(--fontColor);font:var(--subheading);letter-spacing: 0.09em;}
#recipePage .recipeMain .grid .col ol li {list-style-position:outside;}

#recipePage .recipeMain .grid {background:var(--deepGreen);}
#recipePage .recipeMain .grid * {color:var(--fontColor);}
#recipePage .recipeMain .grid.hasVideo .col:first-child {padding-right:0;}
#recipePage .recipeMain .grid.hasVideo .col:first-child iframe {width:calc(100% - 2px);}

#recipePage .recipeMain .grid.hasVideo .col {color:var(--fontColor);position:relative;padding: 20px;}

#recipePage .ingredients {columns:2;column-gap:30px;margin-bottom: 30px;}
#recipePage .ingredients ul {padding-left:0;}
#recipePage .ingredients li {list-style:none;color:var(--fontColor);font:var(--copy);letter-spacing: 0.015em;}
#recipePage .ingredients {font:var(--copy);}
#recipePage .method li {font:var(--copy);letter-spacing: 0.015em;color:var(--fontColor);}
#recipePage .grid.noVideo .ingredients li {list-style: disc;margin-left:20px;}
@media screen and (min-width:781px) {
	#recipePage .recipeMain .grid.noVideo {grid-template-columns: 1fr 1fr;}
	#recipePage .grid.noVideo .ingredients {columns: 1;}
	#recipePage .recipeMain .inner {transform:translateX(0);padding-left: 0;}
	#recipePage .recipeMain .grid {grid-template-columns: 320px auto;padding-right: 20px;}	
}

@media screen and (min-width:991px) {	
	#recipePage .recipeMain .inner {transform:translateX(-50px);padding-left: 0;}
	#recipePage .recipeMain .grid {grid-template-columns: 400px auto;}
	
}
@media screen and (max-width:990px) {	
	#recipePage .recipeMain .grid.noVideo .col:not(.a) {padding: 0 30px;}
	#recipePage .recipeMain .grid.noVideo {grid-gap: 0;}
	#recipePage .recipeMain li {margin-bottom: .5em;}
}


@media screen and (max-width:600px) {
	#recipePage #resetButton, body.homePage #resetButton {right: calc(50% - 130px);top: 340px;}

}

@media screen and (max-width:850px) {
  #recipePage .ingredients {columns:1;margin-bottom: 30px;}
}
@media screen and (max-width:730px) {
  .hasVideo .col:first-child {padding-left:0 !important;}
  .hasVideo .col:last-child {padding:0 20px !important;}
}
.socialSnaps {display: none !important;}
.snapGrid p {margin-bottom: 0;font-family: var(--bodyFont);font-weight: bold;font-size: 30px;line-height:1.25em;color:var(--magenta);}
.snapGrid a {margin:0 5px;transition: all 500ms ease;display: inline-block;}
.snapGrid a:hover {transform:scale(1.1);}
.similarRecipes {display: none !important;}

@media screen and (max-width:945px) {
  .stats .mainStatsGrid {grid-template-columns: 1fr;grid-gap: 40px;}
  .mainStatsGrid .spacerCol:last-child {display: none;}
  .stats .mainStatsGrid .rhsGrid {grid-template-columns: 1fr;text-align: center;}
  .statsCols {grid-template-columns: auto 40px auto 40px auto;}
}
@media screen and (max-width:830px) {
  .socialSnaps .snapGrid {transform:scale(0.8);transform-origin: 0 0;}
}
@media screen and (max-width:730px) {
  .recipeMain .grid {grid-template-columns: 1fr;}
  .socialSnaps .snapGrid {transform:scale(0.7);}
}
@media screen and (max-width:650px) {
  .single-recipes .banner .inner {min-height:400px;}
  .single-recipes .banner .inner:before {background:linear-gradient(180deg, rgba(0,158,61,0.7) 0%, rgba(0,158,61,0) 60%);}
  .socialSnaps .snapGrid {transform:scale(0.5);}
}
@media screen and (max-width:600px) {
	#recipePage .extragrid .statsCols {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
	#recipePage .statsCols {grid-template-columns: 1fr 1fr 1fr;}
  .single-recipes .banner h1 {font-size:42px !important;}
}
@media screen and (max-width:500px) {
  .statCol img {width:30px;}
  .stats p {font-size: 16px;}
}

@media screen and (max-width:450px) {
  .socialSnaps .snapGrid {transform:scale(0.4);}
}


/*=== OUR VALUES #==================================== */
body.ourValues {
	--heading:normal 600 50px / normal var(--headingFont);
	--subheading:normal 600 30pt / normal var(--headingFont);
	--subheadingStrong:normal 400 30pt / normal var(--zoojaFont);
	--intro:normal 600 28px / normal var(--bodyFont);
	--copy:normal 400 24px / 30px var(--bodyFont);
	--background:var(--pastelOrange);
}
body.ourValues h1 {font:var(--heading);text-transform: uppercase;letter-spacing: .09em;margin-bottom: 0;}
body.ourValues #outerPage {background: var(--background);}
body.ourValues h2.subheadingFont {font:var(--subheading);text-transform: uppercase;letter-spacing: .09em;}
body.ourValues h2.subheadingFont strong {font:var(--subheadingStrong);letter-spacing: .01em;}
body.ourValues .ourValues p {font:var(--copy);letter-spacing: .015em;}
body.ourValues .ourValues + div > .fullwidthBlock {padding-top:40px;}
body.ourValues p.copyFont {font:var(--intro);letter-spacing: .09em;text-align: center;}
body.ourValues * {color:var(--deepGreen);}
body.ourValues .col img {border-radius:35px;}


/*=== NEWS & UPDATES #==================================== */
body.news {
	--heading:normal 600 50px / normal var(--headingFont);
	--subheading:normal 600 24px / 27px var(--headingFont);
	--intro:normal 600 28px / normal var(--bodyFont);
	--copy:normal 400 24px / 30px var(--bodyFont);
	--background:var(--pastelViolet);	
	--button:normal 600 15px / normal var(--bodyFont);
}

body.news h1 {font:var(--heading);text-transform: uppercase;letter-spacing: .09em;text-align: center;}
body.news #outerPage {background: var(--background);}
body.news #outerPage .inner {max-width:1130px;padding:90px 20px 50px;}
body.news h2 {font:var(--subheading);text-transform: uppercase;letter-spacing: .09em;}
body.news p:last-child {margin-bottom: 0;text-align: right;}
body.news * {color:var(--deepGreen);}
body.news #post-navigation span, body.news #post-navigation a {color: var(--deepGreen);	}
body.news #post-navigation span, body.news #post-navigation a.current, body.news #post-navigation a:hover {
	color: var(--pastelYellow);
}

body.news .newsArticle img {border-radius:56px;}
body.news a.readmore:not(:hover) {background:var(--deepGreen);color:var(--pastelViolet);}
body.news a.readmore {background:var(--pastelViolet);padding:6px 12px;font:var(--button);letter-spacing: 0.1em;text-transform: uppercase;border-radius: 11px;}

body.news .newsArticle {display: grid;grid-template-columns: 1.33fr 1.75fr;grid-gap: 20px;margin-bottom: 20px;padding:20px;}
body.news .articleImage {object-fit: cover;max-height: 275px;max-width: 428px;width: 100%;height: 100%;}
body.news .excerpt {margin-bottom: 20px;font:var(--copy);letter-spacing: 0.015em;}

@media screen and (max-width: 767px) {
	body.news .newsArticle {grid-template-columns: auto;justify-items: center;}
	body.news p:last-child {margin-bottom: 1em;text-align: center;}
}

/*=== NEWS & UPDATES SINGLE #==================================== */
#singleNews {
	--heading:normal 600 50px / normal var(--headingFont);
	--subheading:normal 600 24pt / 27pt var(--headingFont);
	--subheadingStrong:normal 400 30pt / normal var(--zoojaFont);
	--intro:normal 600 28px / normal var(--bodyFont);
	--copy:normal 400 24px / 30px var(--bodyFont);
	--background:var(--deepGreen);
	--fontColor:var(--pastelRed);
	background: var(--deepGreen);
	padding-top: 80px;
}

#singleNews .newsTitle {text-align: center;color:var(--pastelYellow);font:var(--heading);text-transform: uppercase;}
#outerPage #singleNews .articleWrapper {background:var(--pastelYellow);}
#singleNews .articleWrapper h1 {color:var(--deepGreen);font:var(--subheading);text-transform: uppercase;}
#singleNews .articleWrapper *:not(a, i) {color:var(--deepGreen);}
#singleNews .articleWrapper > * {font-size:18px;line-height:normal;}
#singleNews .articleWrapper :not(.sharing) a {color:var(--magenta);}

/*=== CONTACT #==================================== */

/*body.contactUs {
	--heading:normal 600 50px / normal var(--headingFont);
	--subheading:normal 600 24pt / 27pt var(--headingFont);
	--subheadingStrong:normal 400 30pt / normal var(--zoojaFont);
	--intro:normal 600 28px / normal var(--bodyFont);
	--copy:normal 400 24px / 30px var(--bodyFont);
	--background:var(--deepGreen);
	--fontColor:var(--pastelRed);
}

body.contactUs h1 {font:var(--heading);text-transform: uppercase;letter-spacing: .09em;text-align: center;}
body.contactUs #outerPage {background: var(--background);padding-top: 240px;padding-bottom: 70px;}
body.contactUs #outerPage .inner {max-width:1130px;}
body.contactUs h2 {font:var(--subheading);text-transform: uppercase;letter-spacing: .09em;}
body.contactUs p {font:var(--copy);letter-spacing: .015em;}
body.contactUs * {color:var(--fontColor);}
body.contactUs .lowerBox {background:var(--fontColor);padding: 45px 25px;border-radius:25px;}
body.contactUs .lowerBox * {color:var(--background);}
body.contactUs .pressBox {display: grid;grid-template-columns: 1fr 2fr;grid-gap: 0;padding: 45px 25px;}
body.contactUs .pressBox h2 {font:var(--heading);text-transform: uppercase;letter-spacing: .09em;}
@media screen and (max-width: 830px) {
	body.contactUs .pressBox {grid-template-columns: auto;}
	body.contactUs #outerPage {padding-top: 150px;}
	body.contactUs {
		--copy:normal 400 21px / 26px var(--bodyFont);
	}
}*/

body.farmers {
	--heading:normal 600 35px / normal var(--headingFont);
	--subheading:normal 600 35px / 1.3 var(--headingFont);
	--subheadingStrong:normal 400 30pt / normal var(--zoojaFont);
	--icons:normal 400 50px / normal var(--zoojaIcons);
	--intro:normal 600 28px / normal var(--bodyFont);
	--copy:normal 300 20px / 26px var(--bodyFont);
	--background:#daf97c;
	--background2:#ffbec8;
	--background3:#ffea82;
	--background4:#ffb566;
	--background5:#c4b0f5;
	--background6:#9ac9ff;
	--fontColor:var(--deepGreen);
}

body.farmers .row {display:flex;}
body.farmers .col {display:flex;flex-direction: column;}
body.farmers h1 {font:var(--heading);text-transform: uppercase;letter-spacing: .09em;text-align: left;}
body.farmers #outerPage {background: var(--deepGreen);padding-top: 140px;padding-bottom: 0px;}
body.farmers #outerPage .inner {max-width:100%;padding: 0;}
body.farmers h2 {font:var(--subheading);text-transform: uppercase;letter-spacing: .09em;}
body.farmers p {font:var(--copy);letter-spacing: .015em;}
body.farmers * {color:var(--fontColor);}
body.farmers .text-area {padding: 30px;width: 55%;}
body.farmers .bg1, body.farmers .bg7 {background: var(--background);align-items: center;padding:30px;justify-content: center;}
body.farmers .bg1 h1 {margin-bottom: 0;}
body.farmers .bg1 img {width: 10%;min-width: 100px;margin:10px 20px;}
body.farmers .bg7 img.bags {max-width:300px;width: 100%;}
body.farmers .bg7 img.unflor {max-height:33px;}
body.farmers .bg7 {justify-content: space-around;}
body.farmers .bg2 {background: var(--background2);}
body.farmers .bg3 {background: var(--background3);}
body.farmers .bg4 {background: var(--background4);}
body.farmers .bg5 {background: var(--background5);}
body.farmers .bg6 {background: var(--background6);}
body.farmers .img.cover {width: 45%;min-width:500px;}
body.farmers .img.cover > img {max-height:none;max-width:100%;height: 100% !important;width: 100% !important;object-fit: cover;}
body.farmers .inline-row {align-items: center; gap: 0.4em;}

@media screen and (min-width: 1200px) {
	body.farmers {
		--heading:normal 600 2.25vw / normal var(--headingFont);
		--subheading:normal 600 2.25vw / normal var(--headingFont);
		--copy:normal 300 1.5vw / normal var(--bodyFont);
	}
	body.farmers .text-area {padding: 3.5em;}
	body.farmers .bg7 img.unflor {max-height:2vw;}
	body.farmers .bg7 img.bags {max-width: 20vw;}
}

@media screen and (max-width: 880px) {
	body.farmers {
		--copy:normal 400 18px / 22px var(--bodyFont);
	}
	body.farmers [class*="bg"].row {flex-direction: column;}
	body.farmers [class*="bg"].row.mobflip {flex-direction: column-reverse;}
	body.farmers .img.cover > img {max-width:none;max-height:none;min-width: 1px;}
	body.farmers .img.cover {min-width: 1px;}
	body.farmers .inner {padding: 0;}
	body.farmers #outerPage {padding-top: 90px;}
	body.farmers .inline-row {}
	body.farmers .img.cover {width: 100%;}
	body.farmers .text-area {width: 80%;padding:2em;}
	body.farmers .bg1, body.farmers .bg7 {padding:2em;}
}



@media screen and (max-width: 500px) {
	body.farmers .inline-row {flex-wrap: wrap;margin-bottom: 1em;}
}

body.contactUs {
	--heading:normal 600 50px / normal var(--headingFont);
	--subheading:normal 600 45px / 1.3 var(--headingFont);
	--subheadingStrong:normal 400 30pt / normal var(--zoojaFont);
	--icons:normal 400 50px / normal var(--zoojaIcons);
	--intro:normal 600 28px / normal var(--bodyFont);
	--copy:normal 400 24px / 30px var(--bodyFont);
	--background:var(--deepGreen);
	--background2:var(--pastelYellow);
	--fontColor:var(--pastelRed);
}

body.contactUs .row {display:flex;}
body.contactUs .col {display:flex;flex-direction: column;}
body.contactUs h1 {font:var(--heading);text-transform: uppercase;letter-spacing: .09em;text-align: center;margin-bottom: 2em;}
body.contactUs #outerPage {background: var(--background);padding-top: 240px;padding-bottom: 70px;}
body.contactUs #outerPage .inner {max-width:1130px;}
body.contactUs h2 {font:var(--subheading);text-transform: uppercase;letter-spacing: .09em;}
body.contactUs p {font:var(--copy);letter-spacing: .015em;}
body.contactUs * {color:var(--fontColor);}
body.contactUs .margin-top	{margin-top:2.5em;}
/*#contactnNew .col img {border-radius:35px;}*/
body.contactUs .address {margin-left: 80px;margin-bottom: 55px;}
body.contactUs .icons {font: var(--icons);color:var(--fontColor);}
body.contactUs .pressBox .icons {color:var(--deepGreen);}
body.contactUs .lowerBox {background:var(--pastelRed);padding: 45px 25px;border-radius:25px;}
body.contactUs .lowerBox * {color:var(--deepGreen);}
body.contactUs .pressBox * {color:var(--deepGreen);}
body.contactUs .pressBox {background:var(--background2);color:var(--deepGreen);font:var(--copy);border-radius:32px;display: flex;padding: 45px 25px;margin-bottom: 40px;}
body.contactUs .pressBox h2 {font:var(--heading);text-transform: uppercase;letter-spacing: .09em;color:var(--deepGreen);}

body.contactUs .inline-icon {display: flex;align-items:center;gap:20px;}
body.contactUs .social-icons {margin-left:40px;}
body.contactUs .social-icons img {width:85px;height:85px !important;margin:10px;}
@media screen and (max-width: 830px) {
	body.contactUs .social-icons img {width:40px;height:40px !important;}
	body.contactUs .social-icons, 
	body.contactUs .address {width: 100%;margin: 0 auto 2em;}
	body.contactUs .social-icons {width: auto;}
	body.contactUs .col-mobile {flex-direction:column;}
	body.contactUs .col-mobile h2 {text-align:center;margin: 1em auto;width: 100%;}
	body.contactUs .pressBox {grid-template-columns: auto;}
	body.contactUs #outerPage {padding-top: 150px;}
	body.contactUs {
		--copy:normal 400 21px / 26px var(--bodyFont);
	}
}

/*=== RECYCLE #==================================== */

body.reduceAndRecycle {
	--heading:normal 600 50px / normal var(--headingFont);
	--subheading:normal 400 50px / 55px var(--zoojaFont);
	--subheadingStrong:normal 400 30pt / normal var(--zoojaFont);
	/* --intro:normal 600 25px / normal var(--bodyFont);
	--copy:normal 400 18px / 1.33 var(--bodyFont); */
    --intro:normal 600 28px / normal var(--bodyFont);
	--copy:normal 400 24px / 30px var(--bodyFont);
	--background:var(--deepGreen);
}


body.reduceAndRecycle {background: var(--background);}
body.reduceAndRecycle p.subheading {color: var(--deepGreen); font: var(--intro); margin:auto;}
body.reduceAndRecycle h1 {font: var(--heading);text-transform: uppercase;color:var(--deepGreen);text-align: center;letter-spacing: .09em;}
body.reduceAndRecycle p {color: var(--yellow);font: var(--copy);}

/*=== SUSTAINABILITY #==================================== */

#sustainability, .sustainability {
	--heading:normal 600 50px / normal var(--headingFont);
	--subheading:normal 400 50px / 55px var(--zoojaFont);
	--subheadingStrong:normal 400 30pt / normal var(--zoojaFont);
	/* --intro:normal 600 25px / normal var(--bodyFont);
	--copy:normal 400 18px / 1.33 var(--bodyFont); */
    --intro:normal 600 28px / normal var(--bodyFont);
	--copy:normal 400 24px / 30px var(--bodyFont);
	--background:var(--pastelCobalt);
}

#sustainability {background: var(--background);}
#sustainability .banner {background: var(--pastelYellow);}
#sustainability p.subheading {color: var(--deepGreen); font: var(--intro); margin:auto;}
#sustainability p {color: var(--deepGreen);font: var(--copy);}
#sustainability h1 {font: var(--heading);text-transform: uppercase;color:var(--deepGreen);text-align: center;letter-spacing: .09em;}
#sustainability .col h2 {font: var(--subheading); padding-bottom: 0px; text-transform: uppercase; text-align: left;color:var(--deepGreen);}

.sustainability {background: var(--background);}
.sustainability .banner {background: var(--pastelYellow);}
.sustainability p.subheading {color: var(--deepGreen); font: var(--intro); margin:auto;}
.sustainability p {color: var(--deepGreen);font: var(--copy);}
.sustainability h1 {font: var(--heading);text-transform: uppercase;color:var(--deepGreen);text-align: center;letter-spacing: .09em;}
.sustainability .col h2 {font: var(--subheading); padding-bottom: 0px; text-transform: uppercase; text-align: left;color:var(--deepGreen);}


body.foodservice {background: var(--deepGreen);}
body.foodservice img.filterYellow {filter: invert(86%) sepia(27%) saturate(765%) hue-rotate(343deg) brightness(107%) contrast(105%);}
body.foodservice #outerPage .inner *:not(input, textarea) {color:var(--pastelYellow)}

@media screen and (max-width: 600px) {
	body.foodservice #outerPage h1 {font-size: 30px !important;}
}


@media screen and (max-width: 767px) {
	body h1, body.contactUs .pressBox h2 {
		--heading:normal 600 42px / normal var(--headingFont) !important;
		text-align: center;
	}
	body h2, body h2 * {
		--subheading:normal 600 1.75em / normal var(--bodyFont) !important;
		--subheadingStrong:normal 400 1em / normal var(--zoojaFont) !important;
		letter-spacing:.015em; 
	}
	body {
		--intro:normal 600 22px / normal var(--bodyFont) !important;
	}
}
@media screen and (max-width: 480px) {
	body h1, body.contactUs .pressBox h2 {
		--heading:normal 600 32px / normal var(--headingFont) !important;
	}
	body h2, body h2 * {
		--subheading:normal 600 1.5em / normal var(--bodyFont) !important;
		--subheadingStrong:normal 400 1em / normal var(--zoojaFont) !important;
		letter-spacing:.015em; 
	}
	body {
		--intro:normal 600 18px / normal var(--bodyFont) !important;
	}
}

/*JH QuickFix*/
#siteFooter input[type="submit"] { color: var(--deepGreen); }
.roundedDeepGreen { background-color: var(--deepGreen);border-radius: 35px; padding: 35px; color: var(--pastelYellow); margin-bottom: 1em; }
.roundedDeepGreen li { margin-bottom: 0; }
/*JH Mobile menu*/
@media(max-width:768px){
    .roundedDeepGreen { text-align: center; }
    #mobileMenuClose { color: var(--pastelYellow) !important; }
    #mainHeader #navbar.mobile { background: var(--deepGreen); overflow:hidden; }
    #mainHeader #navbar.mobile::before { position: absolute; top:0; left:0; content:" "; width:100%; height: 100%; display:block; background-image: url(/wp-content/themes/customsite/images/mmenu-top.png), url(/wp-content/themes/customsite/images/mmenu-bottom.png); background-repeat: no-repeat, no-repeat; background-size: contain, contain; background-position: top center, bottom center; }
    /* #mainHeader #navbar.mobile::after { position: absolute; top:0; left:0; content:" "; width:100%; height: 100%; display:block; background-image: url(/wp-content/themes/customsite/images/mmenu-bottom.png); background-repeat: no-repeat; background-size: contain; background-position: bottom center; } */
    #mainHeader #navbar.mobile .inner { overflow:hidden; overflow-y: scroll; height:100%; }
    #mainHeader #navbar li { text-align: center !important; }
    #mainHeader #navbar li a { font: normal 600 calc(100/365*34vw) / 1.1 var(--headingFont) !important; color: var(--pastelYellow) !important; text-align: center !important; text-transform: uppercase;}
    #mainHeader #navbar li li a { font: normal 600 calc(100/365*25vw) / 1.1 var(--headingFont) !important; padding-left: 0 !important; width:auto; }
    #mainHeader #navbar li:not(.megaMenu) .sub-menu > li > a::before { content: ">"; font-family: var(--zoojaFont);font-size: unset;color: var(--pastelYellow);text-transform: unset;text-shadow: unset;position: unset;top: unset;left: unset;transform: unset;display: inline-block;padding-right: 1vw; }
    
    
}
#youSeemLost, #youSeemLost + .optionCols {
	--heading:normal 600 30px / normal var(--headingFont);
  --intro:normal 600 28px / normal var(--bodyFont);
	--copy:normal 400 24px / 30px var(--bodyFont);
	--button:normal 600 15px / normal var(--bodyFont);
	--background: var(--pastelRed);
}
#youSeemLost {background: var(--deepGreen);width: 100%;min-height:10vw;}
#youSeemLost > .inner {max-width: 1130px;width: 100%;padding:90px 50px;}
#youSeemLost + .optionCols .col img {border-radius: 50%;max-width: 220px;display:flex;align-items: center;justify-content: center;margin:1em auto;}
#youSeemLost + .optionCols .col {display:flex;flex-direction:column;height:100%;justify-content: space-between;max-height:400px;align-items: center;}
#youSeemLost + .optionCols .col img.no-border-radius {border-radius:0;max-width: 330px;}
#youSeemLost + .optionCols h2 {font:var(--heading);text-align: center;text-transform: uppercase;letter-spacing: 0.09em;color:var(--deepGreen);}
#youSeemLost + .optionCols .recipePillButton {text-transform: uppercase;background: var(--deepGreen);color:var(--pastelRed);width: 172px;display: flex;padding: 10px 2px;font: var(--button);letter-spacing: .1em;margin: auto;align-items: center;justify-content: center;border-radius: 6px;transition: .3s ease;}
#youSeemLost + .optionCols .recipePillButton:hover {background: var(--orange);}
#youSeemLost + .optionCols {background: var(--background);}
#youSeemLost + .optionCols .grid {max-width: 1130px;padding:60px 40px 60px;margin: auto;}

@media(max-width:768px){
	#youSeemLost > .inner {padding:40px 10px;width: 85%;}
	#youSeemLost + .optionCols .grid {padding:40px 0px 40px;}
}