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;
}  :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;
} .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;
} .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;
} .inner:after,
.clear:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
} #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%;} #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 {	
--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;}
} 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;
} #breadcrumbs {
padding: 20px 0;
}
#breadcrumbs a:hover {
color: var(--orange);
} .page-template-flex .banner {
display: flex;
justify-content: space-around;
align-items: center;
} .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) {  .swiper-slide .inner {
padding: 0 50px;
}
} .fullwidthBlock {
padding: 60px 0;
}
.fullwidthBlock p:last-child {
margin-bottom: 0;
}
.stretchWidth img {
width: 100%;
} .iconTextRow {
display: grid;
grid-template-columns: 130px auto;
grid-gap: 30px;
margin-bottom: 40px;
}
.iconTextRow h3 {
color: #1d1d1b;
font-size: 22px;
text-transform: uppercase;
} .grid {
display: grid;
} .twoColModule {
padding: 45px 0;
}
.twoColModule .grid {
display: grid;
grid-gap: 30px;
} .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;
}
} .threeColModule {
padding: 45px 0;
}
.threeColModule .grid {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(3, 1fr);
} .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);
}
} .fourColModule {
padding: 45px 0;
}
.fourColModule .grid {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(4, 1fr);
} .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);
}
} .fiveColModule {
padding: 45px 0;
}
.fiveColModule .grid {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(5, 1fr);
} .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);
}
} .sixColModule {
padding: 45px 0;
}
.sixColModule .grid {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(6, 1fr);
} .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);
}
} .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;
}
} @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);
} .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;
} @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;
}
} .nf-form-fields-required {
display: none;
}  #post-navigation { 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 .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;}
} .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(//florettesalad.co.uk/wp-content/themes/customsite/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(//florettesalad.co.uk/wp-content/themes/customsite/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(//florettesalad.co.uk/wp-content/themes/customsite/images/featured-recipe-edge.svg) no-repeat 100% 0 / cover;position: absolute;top: 0;right: -1px;content: '';transform: rotateZ(180deg);}
.optionCols {background:url(//florettesalad.co.uk/wp-content/themes/customsite/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;} @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: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;} #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(//florettesalad.co.uk/wp-content/themes/customsite/images/mobilemenu-bottom.png) no-repeat center bottom / contain, url(//florettesalad.co.uk/wp-content/themes/customsite/images/mobilemenu-top.png) no-repeat center top / contain, url(//florettesalad.co.uk/wp-content/themes/customsite/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(//florettesalad.co.uk/wp-content/themes/customsite/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(//florettesalad.co.uk/wp-content/uploads/2022/05/values-bg.jpg);background-position: top left;background-repeat: no-repeat;}  .page-id-14517 #outerPage {background: url(//florettesalad.co.uk/wp-content/uploads/2022/08/background-orange-4-scaled.jpg);background-position: top center;background-repeat: no-repeat;}  .centerImage .col:first-child {text-align: center;}    .page-template-promotion #outerPage .whereToBuy{background: var(--deepGreen);}
.page-template-signup .signupOuter, .page-template-promotion .signupOuter {background-image:url(//florettesalad.co.uk/wp-content/themes/customsite/images/plate-bg.png),url(//florettesalad.co.uk/wp-content/themes/customsite/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-promotion #outerPage{background-image:url(//florettesalad.co.uk/wp-content/themes/customsite/images/sign-up-bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;}
.page-template-promotion .signupOuter {background-image:url(https://florettesalad.co.uk/wp-content/uploads/2025/04/florette-higgidy.png);background-repeat:no-repeat;background-position:calc(50% + -380px) 90%;background-size:500px;padding:80px 0 645px;} .page-template-signup .signupOuter .inner, .page-template-promotion .signupOuter .inner {max-width:690px;}
.page-template-signup .signupOuter p, .page-template-promotion .signupOuter p:not(.smaller) {font-family: var(--headingFont);font-size: 30px;font-weight: 500;color:var(--deepGreen);line-height: 1.25em;}
.page-template-signup .signupOuter input[type="submit"], .page-template-promotion .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, .page-template-promotion .signupOuter .nf-form-content  {padding:0;}
.page-template-signup .signupOuter .nf-cell:first-child,.page-template-promotion .signupOuter .nf-cell:first-child{padding-left:0;}
.page-template-signup .signupOuter .checkbox-wrap label, .page-template-promotion .signupOuter .checkbox-wrap label {color:var(--deepGreen);font-size: 16px;font-weight: lighter;}
.page-template-signup .signupOuter .checkbox-wrap label a, .page-template-promotion .signupOuter .checkbox-wrap label a {text-decoration: underline;}
.page-template-signup .signupOuter #nf-field-13-wrap, .page-template-promotion .signupOuter #nf-field-13-wrap  {width: 120%;}
.signupOuter #uf-logo, .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-promotion .signupOuter #uf-logo {left: calc(50% + -100px);margin-top: -20px;}
.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, .page-template-promotion .signupOuter .nf-form-content .list-select-wrap .nf-field-element > div {border:0 !important;}
.page-template-signup .signupOuter .nf-form-content .listselect-wrap .nf-field-element div, .signupOuter .nf-form-content .ninja-forms-field, .page-template-promotion .signupOuter .nf-form-content .listselect-wrap .nf-field-element div {
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, .page-template-promotion .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(//florettesalad.co.uk/wp-content/themes/customsite/images/plate-bg.png),url(//florettesalad.co.uk/wp-content/themes/customsite/images/sign-up-bg.jpg);padding:45px 0 150vw;background-position:center 95%, center center;}
.page-template-promotion .signupOuter  {background-size:contain, cover;background-image:url(https://florettesalad.co.uk/wp-content/uploads/2025/04/florette-higgidy.png);padding:45px 0 150vw;background-position:center 95%;}
.page-template-promotion .signupOuter #uf-logo{
left:50%; transform:translateX(-50%)
}
}
@media screen and (max-width:600px) {
.page-template-signup .signupOuter p , .page-template-promotion .signupOuter p {text-align: center;font-size: 25px;}
} 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(//florettesalad.co.uk/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(//florettesalad.co.uk/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; 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;} .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; } 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;}
} .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);} .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);} 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;
}  
} @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;}
} #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 24px / 30px var(--bodyFont);
--button:normal 600 16px / 1 var(--bodyFont);
--background:var(--pastelRed);
--titleFont:var(--pastelYellow);
--fontColor:var(--deepGreen);
--leaf:url(//florettesalad.co.uk/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; }
#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%;}
} #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 {
--background: var(--deepGreen);
--type: var(--pastelRed);
--prop1: var(--pastelRed);
--prop2: var(--green);
--prop3: var(--cobalt);
}
#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,
.page-template-promotion .whereToBuy .inner{max-width:1000px;}
#singleProduct .whereToBuy .stockists,
.page-template-promotion .whereToBuy .stockists{display:none;align-items: center;justify-content: center;}
#singleProduct .whereToBuy .stockists.active, 
.page-template-promotion  .whereToBuy .stockists {display:flex;flex-wrap: wrap;}
#singleProduct .whereToBuy .stockists span,
#singleProduct .whereToBuy .stockists a,
.page-template-promotion .stockists span,
.page-template-promotion .stockists a{text-align: center;width:calc(20% - 60px);margin:10px 30px;}
#singleProduct .whereToBuy .stockists span img,
#singleProduct .whereToBuy .stockists a img,
.page-template-promotion  .whereToBuy .stockists span img,
.page-template-promotion  .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: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,	
.page-template-promotion .whereToBuy .stockists{flex-wrap:wrap;}
#singleProduct .whereToBuy .stockists span,
#singleProduct .whereToBuy .stockists a,
.page-template-promotion .whereToBuy .stockists span,
.page-template-promotion .whereToBuy .stockists a{width:calc(50% - 60px);}
} #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;} #recipePage.single-recipes .banner .inner, .signup .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, .signup .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);}
} 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;} 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;}
} #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);}  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;} 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;margin-bottom: 40px;}
body.contactUs .lowerBox * {color:var(--deepGreen);}
body.contactUs .pressBox * {color:var(--deepGreen);}
body.contactUs .pressBox {background:var(--lime);color:var(--deepGreen);font:var(--copy);border-radius:32px;display: flex;padding: 45px 25px;}
body.contactUs .pressBox h2 {font:var(--heading);text-transform: uppercase;letter-spacing: .09em;color:var(--deepGreen);}
body.contactUs .contactBox .icons {color:var(--deepGreen);}
body.contactUs .contactBox * {color:var(--deepGreen);}
body.contactUs .contactBox {background:var(--background2);color:var(--deepGreen);font:var(--copy);border-radius:32px;display: flex;padding: 45px 25px;margin-bottom: 40px;}
body.contactUs .contactBox h2 {color:var(--deepGreen);}
body.contactUs .contactBox .address{margin-bottom: 0;}
body.contactUs .nf-form-content label,
body.contactUs .nf-form-content label span{color:var(--pastelYellow)}
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;}
body.contactUs .nf-form-content .list-select-wrap > div option{background-color:#ffffff}
body.contactUs .nf-form-content select.ninja-forms-field * {color:#000000;}
@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);
}
body.contactUs .contactBox h2 {margin-top: 0;}
} 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 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 {
--heading:normal 600 50px / normal var(--headingFont);
--subheading:normal 400 50px / 55px var(--zoojaFont);
--subheadingStrong:normal 400 30pt / normal var(--zoojaFont); --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;
}
} #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; } @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(//florettesalad.co.uk/wp-content/themes/customsite/images/mmenu-top.png), url(//florettesalad.co.uk/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 .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;}
} body.page-id-45553 #outerPage > div:first-child > .fullwidthBlock { background: var(--background2); border-radius: 25px 25px 0 0;}
body.page-id-45553 #outerPage > div:first-child > .fullwidthBlock h1,
body.page-id-45553 #outerPage > div:first-child > .fullwidthBlock p,
body.page-id-45553.contactUs #nf-field-52-wrap a{ color: var(--deepGreen);}
body.page-id-45553 #outerPage > div:nth-of-type(2) { max-width:935px !important;}
body.page-id-45553 #outerPage > div:nth-of-type(2) > div { background: var(--background2); padding: 0 20px 20px 20px; border-radius: 0 0 25px 25px; }
body.page-id-45553.contactUs .nf-form-content label, body.page-id-45553.contactUs .nf-form-content label span { color: var(--deepGreen); }
body.page-id-45553 #outerPage .form-contact{padding: 0 20px;}
body.page-id-45553.contactUs #nf-field-52-wrap p{font-size:14px; color:var(--deepGreen); cursor:pointer; text-decoration: underline; margin-top:-20px;}
body.page-id-45553.contactUs .product-code-popup{opacity:0; pointer-events: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; display:flex; align-items: center; justify-content: center; z-index: 2; transition:0.3s all;}
body.page-id-45553.contactUs .product-code-popup.open{opacity:1; pointer-events: all;}
body.page-id-45553.contactUs .product-code-popup .popup{background: var(--pastelYellow); padding: 45px 65px;  border-radius: 25px;  margin-top: 40px; display:flex; justify-content: center; flex-direction: column; text-align: center;}
body.page-id-45553.contactUs .product-code-popup *{color:var(--deepGreen) !important}
body.page-id-45553.contactUs .product-code-popup button.close-popup{border:1px solid var(--deepGreen); background:transparent; display:flex; align-items: center; justify-content: center; border-radius:50%; aspect-ratio: 1 / 1; margin-left: auto; width:30px; height:30px; margin-right:-40px; margin-top:-20px; cursor:pointer;}
body.page-id-45553.contactUs .product-code-popup img{width:400px;}
body.page-id-45553 #outerPage{background-image:url(https://florettesalad.co.uk/wp-content/uploads/2026/03/Ultimate-Chopped-Salad-copy.jpg); background-position:0 120px; background-repeat: no-repeat; background-size:contain;}
@media(max-width:768px){
body.page-id-45553 #outerPage{background-position:0 70px; }
body.page-id-45553 #outerPage > div:first-child > .fullwidthBlock{padding-bottom: 0; background:transparent}
body.page-id-45553 #outerPage > div:first-child > .fullwidthBlock > .inner .inner { background: var(--background2); border-radius: 25px 25px 0 0; padding-bottom:60px;}
}
@media(max-width:550px){
body.page-id-45553.contactUs .product-code-popup .popup{padding:25px 45px;}
body.page-id-45553.contactUs .product-code-popup button.close-popup{margin-right: -25px; margin-top: -5px;}
} .image-hero{background-size:cover; background-position:center bottom; background-repeat:no-repeat; line-height: 0; text-align:center;}
.image-hero img{max-width:90%; margin:0 auto; height:auto; max-height:540px; width:808px; object-fit: contain;} .two-one-grid *{box-sizing: border-box;}
.two-one-grid .inner{max-width: 1200px; padding:50px 34px;}
.two-one-grid h2{margin-bottom:20px; display: block; font:normal 600 90px / normal var(--headingFont); text-transform: uppercase; letter-spacing: .05em;}
.two-one-grid .columns{display:flex; gap:20px; align-items: stretch;}
.two-one-grid .col-l{width:calc(53% - 10px); display:flex; flex-direction: column; gap:20px;}
.two-one-grid .col-r{width:calc(47% - 10px)}
.two-one-grid .card{padding:25px 30px 30px; border-radius:30px; position:relative}
.two-one-grid .card h3{margin-bottom:20px; display: block; font:normal 600 40px / normal var(--headingFont); text-transform: uppercase; letter-spacing: .05em;}
.two-one-grid .card h3.h4{margin-bottom:15px;}
.two-one-grid .card h3.h4,
.two-one-grid .card .copy *{font:normal 600 20px / normal var(--headingFont); text-transform: uppercase; letter-spacing: .05em;}
.two-one-grid .card ul, .two-one-grid .card ol{margin-bottom:1em; list-style-position: outside;}
.two-one-grid .card li{margin-bottom:0; list-style-position: outside;}
.two-one-grid .copy ul:last-child,
.two-one-grid .copy p:last-child{margin-bottom:0}
.two-one-grid .col-r .card .accent-img{position:absolute; height:auto;}
.two-one-grid .col-r .card .accent-img[src*="leaf-it-alone"]{width:240px}
.two-one-grid .col-r .card .accent-img[src*="leaf-1"]{width:130px}
.two-one-grid .col-r .card .accent-img{bottom:0; right:0; transform:translateX(40%) translateY(40%)}
@media screen and (min-width: 831px) {    
.two-one-grid .col-l .card{flex-grow:1;}
.two-one-grid .col-r .card{height:100%; padding:25px 50px 40px;}
.two-one-grid .col-r .card .accent-img.top-right{top:0; right:0; transform:translateX(40%) translateY(-40%)}
.two-one-grid .col-r .card .accent-img.top-left{top:0; left:0; transform:translateX(-40%) translateY(-40%)}
.two-one-grid .col-r .card .accent-img.center-right{top:50%; right:0; transform:translateX(65%) translateY(-50%)}
.two-one-grid .col-r .card .accent-img.center-left{top:50%; left:0; transform:translateX(-65%) translateY(-50%)}
.two-one-grid .col-r .card .accent-img.bottom-right{bottom:0; right:0; transform:translateX(40%) translateY(40%)}
.two-one-grid .col-r .card .accent-img.bottom-left{bottom:0; left:0; transform:translateX(-40%) translateY(40%)}
}
@media screen and (max-width: 1320px) {
.two-one-grid h2{font-size: calc(20px + 4.5vw);}
.two-one-grid .card h3{font-size: calc(20px + 1.5vw);}
.two-one-grid .card h3.h4,
.two-one-grid .card .copy *{font-size:18px;}
.two-one-grid .col-r .card .accent-img[src*="leaf-it-alone"]{width:calc(120px + 4.5vw);}
.two-one-grid .col-r .card .accent-img[src*="leaf-1"]{width:calc(60px + 4.5vw);}
}
@media screen and (max-width: 830px) {
.two-one-grid .columns{flex-direction:column;}
.two-one-grid .columns .col,
.two-one-grid .columns .card{width:100%;}
.two-one-grid .col-r .card .accent-img[src*="leaf-it-alone"]{width:calc(120px + 7.5vw);transform: translateX(17%) translateY(60%);}
.two-one-grid .col-r .card .accent-img[src*="leaf-1"]{width:calc(60px + 7.5vw);transform: translateX(19%) translateY(58%);}
}
@media screen and (max-width: 530px) {
}