/*
Theme Name: Felicia Pasta QNY
Author: Edison Dairo Jimenez / QNY Creative
Author URI: http://qnycreative.com
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,700;1,700&display=swap');
@import url("https://use.typekit.net/qtp8eao.css");
/* new adobe fonts */

/* fonts */
@font-face {
  font-family: 'Chaumont';
  src: url('fonts/chaumont-webfont.woff2') format('woff2'), url('fonts/chaumont-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* font sizes */
html {
  font-size: 35px;
}

.productCat h2 {
  font-size: 5.714rem;
  /*200px;*/
}

body.single-product.postid-694 h1 {
  font-size: 5.5rem;
}

.productCat .product .text h3,
.homeHeader h1,
.recipeHeader h1 {
  font-size: 4rem;
  /*140px;*/
}

.productCat .product.p160 .text h3,
.productCat .product.p159 .text h3 {
  font-size: 3.857rem;
  /*135px;*/
}

.recipesList .recipe h2 {
  font-size: 3.143rem;
  /*110px;*/
}

.homeHeader h1 span {
  font-size: 2.857rem;
  /*100px;*/
}

.homeHeader h1 .size70 {
  font-size: 2rem;
  /*70px;*/
}

.homeIntro h2 {
  font-size: 2.8rem;
  /*98px;*/
}

.fullwidthText h1,
.homeHeader .left,
body.page-id-290 .fwt0 h1,
.productDetailTop h1 span {
  font-size: 2.571rem;
  /*90px;*/
}

.textWithImages .text h2,
.fullwidthText h2,
.instagramBlock h2,
.productCat .product .text h3 span,
.recipeHeader h1 span,
.relatedRecipes h2 {
  font-size: 2.286rem;
  /*80px;*/
}

.nutritionFlyer div span,
body.page-id-290 .fwt1 h2,
body.page-id-290 .textWithImages:not(.twi0) h2 {
  font-size: 2rem;
  /*70px;*/
}

.fullwidthText h1.small,
.recipeDetail h2,
.recipeFeaturedProduct h2,
.recipesList .recipe h2 span,
.productDetailNutrition h2 {
  font-size: 1.714rem;
  /*60px;*/
}

.textFlyer div {
  font-size: 1.571rem;
  /*55px;*/
}

.nutritionFlyer div strong {
  font-size: 1.3rem;
  /* ??? */
}

.mobileMenuItems {
  font-size: 1.429rem;
  /*50px;*/
}

body.postid-162 .nutritionFlyer div strong {
  font-size: 1.371rem;
  /*48px;*/
}

.recipeHeader,
.randomProducts .box .text h2,
.cookingSteps .step .text h2 {
  font-size: 1.286rem;
  /*45px;*/
}

.relatedRecipes .title h1,
.textFlyer div span,
.recipesList .recipe {
  font-size: 1.143rem;
  /*40px;*/
}

.textWithImages .text,
.fullwidthText,
.productCat .product .text,
.homeIntro .theImg .hover,
.homeIntro .text,
.homeHeader .right,
.homeHeader .top .theImg .hover,
.recipeDetail,
.cookingSteps .step .text,
.productDetailNutrition {
  font-size: 1.1rem;
  /*35px;*/
}

.contactForm input,
.contactForm textarea,
header .designed,
.relatedRecipes .title,
.mobileMenuItems .mainUl .sub-menu .sub-menu {
  font-size: 0.857rem;
  /*30px;*/
}

.nutritionFlyer,
.nutritionFlyer div,
.textFlyer,
.textFlyer div em,
.mobileMenuItems .mainUl .sub-menu .sub-menu a {
  font-size: 0.8rem;
  /*28px;*/
}

.button {
  font-size: 0.714rem;
  /*25px;*/
}

footer {
  font-size: 0.686rem;
  /*24px;*/
}

.langBar {
  font-size: 20px;
}

.divMessage {
  font-size: 0.514rem;
  /*18px;*/
}

.gallery-caption {
  font-size: 0.343rem;
  /*12px;*/
}

body.single-product.postid-161 h1,
body.single-product.postid-162 h1 {
  font-size: 5.657rem
    /*198px;*/
}

body.single-product.postid-162 h1 span.size2 {
  font-size: 4.343rem;
  /*152px;*/
}

body.single-product.postid-160 h1 {
  font-size: 7.429rem;
  /*260px;*/
}

body.single-product.postid-154 h1 {
  font-size: 4.771rem;
  /*167px;*/
}

/* wp admin styles */
body#tinymce {
  margin: 0;
  padding: 0;
  border: none;
}

/* wp basic styles */
.entry-content img {
  margin: 0 0 1.5em 0;
}

div.alignleft,
img.alignleft {
  display: inline-block;
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

div.alignright,
img.alignright {
  display: inline-block;
  float: right;
  margin-left: 1em;
  margin-top: 1em;
}

div.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  text-align: center;
  margin-bottom: 1.5em;
}

.wp-caption img {
  border: 0 none;
  margin: 0;
  padding: 0;
}

.wp-caption p.wp-caption-text {
  margin: 0;
  font-weight: bold;
}

.wp-smiley {
  max-height: 1em;
  margin: 0 !important;
}

.gallery dl {
  margin: 0;
  border: 0;
  padding: 0;
}

blockquote.left {
  float: left;
  margin-left: 0;
  margin-right: 20px;
  text-align: right;
  width: 33%;
}

blockquote.right {
  float: right;
  margin-left: 20px;
  margin-right: 0;
  text-align: left;
  width: 33%;
}

html {
  height: 100%;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

a img {
  border: none;
}

p {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}

em {
  font-style: italic;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

.center {
  text-align: center;
}

#page_content_wrapper p {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

#page_content_wrapper p:empty {
  padding: 0 !important;
  margin: 0 !important;
}

#footer p {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

html,
body {
  min-height: 100%;
}

img,
a img {
  image-rendering: optimizeQuality;
}

em {
  font-style: italic;
}

::selection {
  color: #000;
  background-color: #ffbd4b;
}

table {
  border-spacing: 0;
}

.sticky {
  background: #ffffe0;
  padding: 30px 20px 20px 20px;
  border: 1px solid #e6db55 !important;
  box-sizing: border-box;
}

.marginright {
  margin-right: 7px;
}

img.alignright {
  float: right;
  margin: 0 0 1em 1em
}

img.alignleft {
  float: left;
  margin: 0 1em 1em 0
}

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

a img.alignright {
  float: right;
  margin: 0 0 1em 1em
}

a img.alignleft {
  float: left;
  margin: 0 1em 1em 0
}

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

.sticky,
.bypostauthor {
  font-weight: bold;
}

.preload {
  width: 0;
  height: 0;
  overflow: hidden;
}

.white {
  color: #fff;
}

.alignRight {
  text-align: right;
}

/* common styles */
html {
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  min-width: 1482px;
  overflow-x: hidden;
  position: relative;
  background: #fff;
}

input,
select,
textarea {
  color: inherit;
}

.contentCenter,
.wooContent .woocommerce {
  width: 1482px;
  margin: 0 auto;
  position: relative;
}

.contentCenter:after,
ul:after,
.row:after {
  content: '';
  clear: both;
  float: none;
  width: 100%;
  height: 0;
  display: block;
}

a {
  color: inherit;
}

a img {
  border: none;
  display: block;
}

.displayTable {
  display: table;
  width: 100%;
  height: 100%;
}

.tableCell {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.clear {
  clear: both;
}

.hidden {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {}

h1,
h2 {}

.row {
  margin: 0 -15px;
}

.column1 {
  width: calc(100% - 30px);
  float: left;
  margin: 0 15px;
}

.column2 {
  width: calc(50% - 30px);
  float: left;
  margin: 0 15px;
}

.column3 {
  width: calc(33.3333% - 30px);
  float: left;
  margin: 0 15px;
}

.column4 {
  width: calc(25% - 30px);
  float: left;
  margin: 0 15px;
}

.column5 {
  width: calc(20% - 30px);
  float: left;
  margin: 0 15px;
}

strong,
b {
  font-weight: bold;
}

.button {
  text-decoration: none;
  display: inline-block;
  font-family: Chaumont;
  font-weight: bold;
  text-align: center;
  color: #638c2e;
  background: #d5e373;
  -webkit-clip-path: url(#buttonPath);
  clip-path: url(#buttonPath);
  text-transform: uppercase;
  padding: 15px 57px;
  transition: 0.3s ease;
}

.button:hover {
  background: #ffc300;
  color: #fff;
}

/* header */
header {
  transition: 0.3s ease;
  z-index: 999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
}

header a,
footer a {
  text-decoration: none;
}

header .contentCenter {
  position: relative;
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

header .menuIcon {
  transition: 0.3s ease;
  cursor: pointer;
  position: absolute;
  left: 5%;
  /*top: 11px;*/
  width: 66px;
  height: 66px;
  background-color: #d5e373;
  border-radius: 50%;
}

header .menuIcon .l1,
header .menuIcon .l2,
header .menuIcon .l3 {
  width: 36px;
  height: 3px;
  background: #2c5e21;
  border-radius: 1px;
  position: absolute;
}

header .menuIcon .l1 {
  transition: 0.3s ease;
  left: 16px;
  top: 23px;
}

header .menuIcon .l2 {
  transition: 0.3s ease;
  left: 16px;
  top: 32px;
}

header .menuIcon .l3 {
  transition: 0.3s ease;
  left: 16px;
  top: 40px;
}

header .logo {
  transition: 0.3s ease;
  margin: 0 auto;
  width: 294px;
  height: 141px;
  display: block;
  background: url(images/logo.svg) no-repeat center center / contain;
  overflow: hidden;
  text-indent: -5000px;
}

header .certified {
  transition: 0.3s ease;
  position: absolute;
  right: 273px;
  top: 5px;
  background: url(images/certified.svg) no-repeat center center / contain;
  width: 53px;
  height: 89px;
}

header .designed {
  transition: 0.3s ease;
  position: absolute;
  right: 124px;
  top: 15px;
  font-family: Chaumont;
  font-weight: normal;
  line-height: 1.17;
  text-align: center;
  color: #638c2e;
}

body.admin-bar header {
  top: 32px;
}

body.scrolled header {
  background: #fff;

}

body.scrolled header .logo {
  height: 66px;
  width: 193px;
}

body.menuOpen header .menuIcon .l1 {
  left: 15px;
  top: 32px;
  transform: rotate(-45deg)
}

body.menuOpen header .menuIcon .l2 {
  opacity: 0;
}

body.menuOpen header .menuIcon .l3 {
  left: 15px;
  top: 32px;
  transform: rotate(45deg)
}

/* google translate */
body {
  top: 0 !important;
}

.skiptranslate,
#goog-gt-tt {
  display: none !important;
}

.goog-te-banner-frame {
  display: none !important;
}

.goog-te-menu-value:hover {
  text-decoration: none !important;
}

.goog-text-highlight {
  background-color: transparent !important;
  box-shadow: none !important;
}

body {
  top: 0 !important;
}

#google_translate_element2 {
  display: none !important;
}

.langBar ul {
  display: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 57px;
  background: #fff;
  width: 100%;
  text-align: center;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.21);
}

.langBar ul li {
  padding: 5px 0;
}

.langBar ul li:hover {
  background: #638c2e;
  color: #fff;
}

header .langBar {
  font-family: "brandon-grotesque";
  cursor: pointer;
  color: #638c2e;
  position: absolute;
  right: 0;
  top: 19px;
  background: url(images/globe.svg) no-repeat left 2px / 25px auto;
  padding: 0 0 0 32px;
}

header .langBar:after {
  content: '';
  background: url(images/langArrow.svg) no-repeat center center / contain;
  width: 11px;
  height: 6px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 3px 3px;
}

html[lang='en'] li[data-lang='en'] {
  display: none;
}

html[lang='de'] li[data-lang='de'] {
  display: none;
}

html[lang='fr'] li[data-lang='fr'] {
  display: none;
}

/* mobile Menu */
.mobileMenuItems {
  transition: 0.4s ease;
  box-sizing: border-box;
  background: #638c2e;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: -110%;
  z-index: 90;
  text-align: center;
  font-family: Chaumont;
  font-weight: normal;
  line-height: 1.4;
  color: #fff;
  min-height: 870px;
}

.mobileMenuItems:before {
  content: '';
  width: 100%;
  height: 208px;
  background: #fff;
  -webkit-clip-path: url(#menuPath);
  clip-path: url(#menuPath);
  position: absolute;
  left: 0;
  top: 0px;
}

.mobileMenuItems ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.mobileMenuItems ul li {
  margin: 0 0 10px;
}

.mobileMenuItems .mainUl {
  position: relative;
  width: 1128px;
  margin: 0 auto;
}

.mobileMenuItems .mainUl>li {
  width: 50%;
  float: left;
  text-align: left;
}

.mobileMenuItems .mainUl>li>a {
  display: none;
}

.mobileMenuItems .mainUl .sub-menu .sub-menu .sub-menu li {
  margin: 0;
}

.mobileMenuItems .mainUl .sub-menu .sub-menu .sub-menu a {
  font-family: "brandon-grotesque";
  font-weight: normal;
  text-transform: none !important;
}

.mobileMenuItems .mainUl li.floatLast {
  position: absolute;
  bottom: 40px;
  margin: 0;
  right: 0;
  width: 50%;
}

.fastLogo {
  background: url(images/fastLogo1.svg) no-repeat center center / 70%;
  width: 229px;
  aspect-ratio: 558/391;
  display: block !important;
  margin: 0 auto;
  border: 1px solid #fff;
  padding: 30px;
  overflow: hidden;
  text-indent: -5000px;
}

.mobileMenuItems a {
  text-decoration: none;
  text-transform: uppercase;
}

body.menuOpen .mobileMenuItems {
  top: 0;
}

body.admin-bar.menuOpen .mobileMenuItems {
  top: 32px;
}

body.scrolled header {
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.21);
}

body.scrolled header .certified,
body.scrolled header .designed,
body.menuOpen header .certified,
body.menuOpen header .designed {
  opacity: 0;
}

.mobileMenuItems .half {
  float: left;
  width: 50%;
}

.mobileMenuItems .padLeft {
  padding: 0 0 0 135px;
  box-sizing: border-box;
}

.mobileMenuItems .tableCell {
  padding: 210px 0 0 0;
  box-sizing: border-box;
}

body.menuOpen header {
  background: none;
  box-shadow: none !important;
}

body.menuOpen header .logo {
  width: 294px !important;
  height: 141px !important;
}

body.menuOpen header .menuIcon {
  top: 11px !important;
}

/* footer */
footer {
  padding: 0 0 40px;
  margin: 0;
  position: relative;
  background: #5A7F29
    /*638c2e*/
  ;
  color: #fff;
  font-family: "brandon-grotesque";
  font-weight: normal;
  line-height: 2.08;
}

footer .contentCenter {
  width: 1430px;
}

footer .column {
  float: left;
  width: 25%;
}

footer .column.c1 {
  padding: 24px 0 0;
  width: 27.7%;
}

footer .column.c2 {
  padding: 12px 30px 0 0;
  width: 27.8%;
  box-sizing: border-box;
}

footer .column.c3 {
  padding: 12px 30px 0 0;
  width: 27.5%;
  box-sizing: border-box;
}

footer .column.c4 {
  padding: 4px 0 0;
  width: 17%;
}

.instagram {
  display: inline-block;
  width: 38px;
  height: 38px;
  background: url(images/instagram.svg) no-repeat center center / contain;
  margin: 0 16px 0 0;
}

.facebook {
  display: inline-block;
  width: 39px;
  height: 38px;
  background: url(images/facebook.svg) no-repeat center center / contain;
  margin: 0 16px 0 0;
}

.youtube {
  display: inline-block;
  width: 55px;
  height: 38px;
  background: url(images/youtube.svg) no-repeat center center / contain;
  margin: 0 16px 0 0;
}

footer .logo {
  width: 293px;
  height: 140px;
  background: url(images/footerLogo.svg) no-repeat center center / contain;
  display: block;
  overflow: hidden;
  text-indent: -5000px;
}

footer ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

footer ul a {
  text-transform: uppercase;
}

footer:before {
  content: '';
  width: 100%;
  height: 222px;
  background: #5A7F29;
  /*638c2e*/
  ;
  -webkit-clip-path: url(#footerPath);
  clip-path: url(#footerPath);
  position: absolute;
  left: 0;
  top: -218px;
}

/* section */
section {
  position: relative;
  padding: 152px 0 0 0;
}

body.page-id-90 section,
body.single-product section,
body.page-id-290 section,
body.page-id-121 section,
body.page-id-260 section {
  margin: -80px 0 0 0;
}

/* homeHeader */
.homeHeader {
  margin-top: .5rem;
}

.homeHeader .contentCenter {
  position: relative;
  z-index: 2;
  padding: 12px 0 0 0;
}

.homeHeader .top {
  overflow: visible;
  height: 437px;
  background: #fff;
  position: relative;
}

.homeHeader .top:after {
  content: '';
  width: 100%;
  height: 224px;
  background: #fff;
  -webkit-clip-path: url(#headerPath);
  clip-path: url(#headerPath);
  position: absolute;
  left: 0;
  bottom: -220px;
}

.homeHeader .top .theImg {
  width: 672px;
  aspect-ratio: 1 / 1;
  position: absolute;
  left: calc(50% + 222px);
  top: -11px;
  z-index: 4;
  filter: drop-shadow(20px 50px 7px rgba(0, 0, 0, 0.4));
}

.homeHeader .top .theImg img {
  display: block;
  width: 100%;
}

.homeHeader .top .theImg .hover {
  opacity: 0;
  transition: 0.3s ease;
  position: absolute;
  width: 97%;
  height: 97%;
  border-radius: 50%;
  left: 1.5%;
  top: 1.5%;
  text-align: center;
  background: rgba(213, 227, 115, 0.7);
  font-weight: normal;
  line-height: 1.29;
  color: #fff;
  font-family: Chaumont;
}

.homeHeader .top .theImg p {
  text-transform: uppercase;
  padding: 0 50px;
  margin: 0;
}

.homeHeader .top .theImg .hover .button {
  background: #68881d;
  color: #fff;
  margin: 30px auto 0;
}

.homeHeader .top .theImg:hover .hover {
  opacity: 1;
}

.homeHeader .bottom {
  padding: 104px 0 60px 0;
  background: #6C8B47;
}

.homeHeader .bottom .contentCenter {
  position: relative;
}

.homeHeader .bottom .theImg {
  width: 563px;
  aspect-ratio: 1 / 1;
  position: absolute;
  left: calc(50% - 280px);
  top: -81px;
  z-index: 2;
  filter: drop-shadow(20px 50px 7px rgba(0, 0, 0, 0.4));
}

.homeHeader .bottom .theImgTwo {
  width: 700px;
  max-height: 550px;
  aspect-ratio: 1 / 1;
  position: absolute;
  left: calc(50% - 480px);
  top: -65px;
  z-index: 4;
  filter: drop-shadow(20px 50px 7px rgba(0, 0, 0, 0.4));
}

.homeHeader .bottom .theImgTwo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.homeHeader .bottom .theImg img {
  display: block;
  width: 100%;
}

.homeHeader .bottom .theImg p {
  text-transform: uppercase;
  padding: 0 50px;
  margin: 0;
}

.homeHeader .bottom .theImg .hover {
  opacity: 0;
  transition: 0.3s ease;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  left: 0;
  top: 0;
  text-align: center;
  background: rgba(213, 227, 115, 0.7);
  font-weight: normal;
  line-height: 1.29;
  color: #fff;
  font-family: Chaumont;
}

.homeHeader .bottom .theImg .hover .button {
  background: #68881d;
  color: #fff;
  margin: 30px auto 0;
}

.homeHeader .bottom .theImg:hover .hover {
  opacity: 1;
}

.homeHeader .left {
  margin: 175px 0 0 0;
  float: left;
  width: 25%;
  font-family: Chaumont;
  font-weight: bold;
  line-height: 1.06;
  letter-spacing: 0.9px;
  color: #fff;
}

.homeHeader .center-bottom {
  display: flex;
  width: 65%;
  font-family: Chaumont;
  font-weight: bold;
  line-height: 1.06;
  letter-spacing: 0.9px;
  font-size: 80px;
  color: #fff;
  bottom: -70px;
  text-align: end;
  position: absolute;
}

.homeHeader .center-bottom span {
  color: #D5E373;
}

.homeHeader .right {
  margin: 166px 19px 0 0;
  float: right;
  width: 25%;
  font-family: "brandon-grotesque";
  font-weight: 500;
  line-height: 1.29;
  color: #fff;
}

.homeHeader .right .fontWeight {
  font-weight: 200;
}

.homeHeader .right .button {
  color: #638C2E;
  background: #D5E373;
  padding: 15px 39px;
  margin: 34px 0 0;
}

.homeHeader .right .button:hover {
  background: #963821;
  color: #fff;
}

.homeHeader h1 {
  margin: 0 0 43px;
  font-family: Chaumont;
  font-weight: normal;
  line-height: 1;
  color: #638c2e;
}

.homeHeader .topText {}

/* homeIntro */
.homeIntro {
  padding: 52px 0 0;
  background: #6C8B47;
  position: relative;
}

.homeIntro h2 {
  letter-spacing: -2px;
  margin: 0 0 -5px;
  font-family: Chaumont;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
}

.homeIntro .text {
  position: relative;
  width: 64%;
  float: right;
  font-family: "brandon-grotesque";
  font-weight: 500;
  line-height: 1.29;
  color: #fff;
}

.homeIntro .text:after {
  content: '';
  background: url(images/certifications.png) no-repeat center center / contain;
  width: 386px;
  height: 82px;
  position: absolute;
  right: -3px;
  bottom: 4px;
}

.homeIntro .text .button {
  margin: 21px 0 0 0;
}

.homeIntro:after {
  content: '';
  width: 100%;
  height: 156px;
  background: #6C8B47;
  -webkit-clip-path: url(#introPath);
  clip-path: url(#introPath);
  position: absolute;
  left: 0;
  bottom: -152px;
}

.homeIntro .image {
  position: relative;
  /*height: 370px;*/
}

.homeIntro .theImg {
  z-index: 2;
  position: absolute;
  left: -110px;
  top: 40px;
  filter: drop-shadow(20px 50px 7px rgba(0, 0, 0, 0.4));
}

.homeIntro .theImg .hover {
  opacity: 0;
  transition: 0.3s ease;
  position: absolute;
  width: 100%;
  height: 99%;
  border-radius: 50%;
  left: 0;
  top: 0;
  text-align: center;
  background: rgba(213, 227, 115, 0.7);
  font-weight: normal;
  line-height: 1.29;
  color: #fff;
  font-family: Chaumont;
}

.homeIntro .theImg img {
  width: 590px;
}

.homeIntro .theImg .hover .button {
  background: #68881d;
  color: #fff;
  margin: 30px auto 0;
}

.homeIntro .theImg:hover .hover {
  opacity: 1;
}

.homeIntro .theImg p {
  text-transform: uppercase;
  padding: 0 50px;
  margin: 0;
}

/* productCat */
.productCat {}

.productCat h2 {
  margin: 0 0 60px;
  font-family: Chaumont;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
}

.productCat .product {}

.productCat .product .image {
  width: 50%;
  position: relative;
}

.productCat .product .image img {
  display: block;
  position: absolute;
  left: 0;
  top: 0
}

.productCat .product .text {
  position: relative;
  z-index: 2;
  width: 50%;
  font-family: "brandon-grotesque";
  font-weight: 500;
  line-height: 1.29;
  color: #fff;
}

.productCat .product.left .text {
  float: right;
}

.productCat .product.right .text {
  float: left;
}

.productCat .product.left .image {
  float: left;
}

.productCat .product.right .image {
  float: right;
}

.productCat .product .text h3 {
  margin: 0 0 37px;
  font-family: Chaumont;
  font-weight: 400;
  line-height: 1;
}

.productCat .product .text h3 span {
  /*margin: 0 0 16px;*/
  display: block;
}

.productCat .product .text .button {
  margin: 9px 0 0 0;
  color: #638c2e;
}

/* super foods */
.productCat.cat3 {
  background: #AF1685;
  padding: 224px 0 195px;
}

.productCat.cat3 h2 {
  color: #6c1158;
}

.productCat.cat3 .contentCenter {
  position: relative;
  z-index: 2;
}

.productCat.cat5 {
  position: relative;
  background: #963821;
  padding: 92px 0 257px;
}

.productCat.cat5 .contentCenter {
  position: relative;
}

.productCat.cat5 .contentCenter:before {
  content: '';
  width: 608px;
  height: 589px;
  position: absolute;
  left: -398px;
  top: -178px;
  background: url(images/wholeGrainDeco.png) no-repeat center center / contain;
}

.productCat.cat5 h2 {
  color: #613b2a;
  text-align: right;
  margin: 0 0 210px;
  letter-spacing: -4px;
}

.productCat.cat3 .button {
  background: #d5e373;
}

.productCat.cat3 .button:hover {
  background: #963821;
  color: #fff;
}

.productCat.cat5 .button {
  background: #d5e373;
}

.productCat.cat5 .button:hover {
  background: #c04f2f;
  color: #fff;
}

.productCat.cat5:before {
  content: '';
  width: 100%;
  height: 154px;
  background: #963821;
  -webkit-clip-path: url(#pathWholeGrains);
  clip-path: url(#pathWholeGrains);
  position: absolute;
  left: 0;
  top: -150px;
}

.productCat.cat6 {
  position: relative;
  background: #FA4616;
  padding: 0 0 95px;
}

.productCat.cat6 h2 {
  text-align: right;
  color: #890205;
  margin: 0 0 90px;
}

.productCat.cat6:before {
  content: '';
  width: 100%;
  height: 226px;
  background: #FA4616;
  -webkit-clip-path: url(#legumesPath);
  clip-path: url(#legumesPath);
  position: absolute;
  left: 0;
  top: -224px;
}

.productCat.cat6 .button {
  background: #d5e373;
}

.productCat.cat6 .button:hover {
  background: #c04f2f;
  color: #fff;
}

.productCat.cat6 .contentCenter {
  position: relative;
  z-index: 2;
}

.productCat .product.p165 {
  margin: 0 0 115px;
}

.productCat .product.p164 {
  margin: 0 0 174px;
}

.productCat .product.p162 {
  margin: 0 0 228px;
}

.productCat .product.p161 {
  margin: 0 0 202px
}

.productCat .product.p160 {}

.productCat .product.p159 {
  margin: 0 0 258px;
}

.productCat .product.p157 {
  transform: translateY(-78px);
  margin: 0 0 505px;
}

.productCat .product.p156 {}

.productCat .product.p154 {
  margin: 0 0 226px;
}

.productCat .product.p27 {}

.productCat .product.p165 .image img {
  left: -63px;
  top: -211px;
}

.productCat .product.p164 .image img {
  left: -292px;
  top: -137px;
}

.productCat .product.p162 .image img {
  left: -197px;
  top: -193px;
}

.productCat .product.p161 .image img {
  left: -292px;
  top: -234px;
}

.productCat .product.p160 .image img {
  left: -416px;
  top: -196px;
}

.productCat .product.p159 .image img {
  left: -451px;
  top: -333px;
}

.productCat .product.p157 .image img {
  left: -392px;
  top: 51px;
}

.productCat .product.p156 .image img {
  left: -504px;
  top: -198px;
}

.productCat .product.p154 .image img {
  left: -195px;
  top: -173px;
}

.productCat .product.p27 .image img {
  left: -326px;
  top: -61px;
}

/* instagramBlock */
.instagramBlock {
  background: #fff;
  position: relative;
  padding: 4px 0 160px;
}

.instagramBlock:before {
  content: '';
  width: 100%;
  height: 135px;
  background: #fff;
  -webkit-clip-path: url(#instagramPath);
  clip-path: url(#instagramPath);
  position: absolute;
  left: 0;
  top: -131px;
}

.instagramBlock .contentCenter {
  position: relative;
  z-index: 3;
}

.instagramBlock h2 {
  text-transform: uppercase;
  text-align: center;
  font-family: Chaumont;
  font-weight: normal;
  line-height: 1.13;
  color: #963821;
  margin: 0 0 118px;
}

.instagramBlock .images {
  margin: 0 -15px;
}

.instagramBlock a {
  background: #ccc no-repeat center center / cover;
  float: left;
  display: block;
  margin: 0 15px;
  width: calc(25% - 30px);
  aspect-ratio: 1/1;
  border-radius: 50px;
  overflow: hidden;
  transition: 0.3s ease;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.4);
}

.instagramBlock .images .im1 {
  z-index: 1;
  transform: rotate(12deg) translate(43px, -21px);
}

.instagramBlock .images .im2 {
  z-index: 2;
  transform: rotate(-13deg) translate(9px, 5px);
}

.instagramBlock .images .im3 {
  z-index: 3;
  transform: rotate(13deg) translate(-13px, -6px);
}

.instagramBlock .images .im4 {
  z-index: 2;
  transform: rotate(-13deg) translate(-52px, -8px);
}

.instagramBlock .images .im1:hover {
  transform: rotate(12deg) translate(43px, -21px) scale(1.05);
}

.instagramBlock .images .im2:hover {
  transform: rotate(-13deg) translate(9px, 5px) scale(1.05);
}

.instagramBlock .images .im3:hover {
  transform: rotate(13deg) translate(-13px, -6px) scale(1.05);
}

.instagramBlock .images .im4:hover {
  transform: rotate(-13deg) translate(-52px, -8px) scale(1.05);
}

/* fullwidthText */
.fullwidthText {
  position: relative;
  font-family: "brandon-grotesque";
  font-weight: 500;
  line-height: 1.29;
  color: inherit;
}

.fullwidthText h1 {
  margin: 0 auto;
  font-family: Chaumont;
  font-weight: bold;
  line-height: 1.09;
  letter-spacing: -2px;
  color: inherit;
}

.fullwidthText h1 span {
  padding: 0 18px;
  background: #d5e373;
  webkit-clip-path: url(#buttonPath);
  clip-path: url(#buttonPath);
}

.fullwidthText h1.small {
  margin: 0 0 -18px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: normal;
}

.fullwidthText h2 {
  margin: 0 auto;
  font-family: Chaumont;
  font-weight: bold;
  line-height: 1.13;
  letter-spacing: normal;
  color: inherit;
}

.productsBanner {
  margin: 41px 28px 33px 0px;
  transition: 0.3s ease;
}

.productsBanner:hover {
  transform: scale(1.03);
}

body.page-id-90 .fwt0 {
  padding: 263px 0 75px;
}

body.page-id-90 .fwt0:before {
  content: '';
  width: 289px;
  height: 242px;
  background: url(images/about0.png) no-repeat center center / contain;
  position: absolute;
  left: calc(50% + 650px);
  top: 98px;
}

body.page-id-90 .fwt0:after {
  content: '';
  width: 100%;
  height: 224px;
  background: #fff;
  -webkit-clip-path: url(#headerPath);
  clip-path: url(#headerPath);
  position: absolute;
  left: 0;
  top: 0;
}

body.page-id-90 .fwt1 {
  padding: 0 0 227px;
}

body.page-id-121 .fwt0,
body.page-id-260 .fwt0 {
  padding: 298px 0 0;
  margin: 0 auto -17px;
}

body.page-id-121 .fwt0:after,
body.page-id-260 .fwt0:after {
  content: '';
  width: 100%;
  height: 224px;
  background: #fff;
  -webkit-clip-path: url(#headerPath);
  clip-path: url(#headerPath);
  position: absolute;
  left: 0;
  top: 0;
}

body.page-id-290 .fwt0 {
  padding: 295px 0 37px;
}

body.page-id-290 .fwt0:after {
  content: '';
  width: 100%;
  height: 224px;
  background: #fff;
  -webkit-clip-path: url(#headerPath);
  clip-path: url(#headerPath);
  position: absolute;
  left: 0;
  top: 0;
}

body.page-id-290 .fwt0 .contentCenter {
  position: relative;
}

body.page-id-290 .fwt0 .contentCenter:before {
  position: absolute;
  left: -189px;
  top: -54px;
  width: 307px;
  height: 416px;
  background: url(images/sdeco1.svg) no-repeat center center / contain;
  content: '';
}

body.page-id-290 .fwt0 .contentCenter:after {
  position: absolute;
  right: -74px;
  top: -50px;
  width: 272px;
  height: 261px;
  background: url(images/sdeco2.svg) no-repeat center center / contain;
  content: '';
}

body.page-id-290 .fwt1 {
  padding: 99px 0 87px;
}

body.page-id-290 .fwt1:before {
  content: '';
  width: 100%;
  height: 135px;
  background: #2c5e21;
  -webkit-clip-path: url(#instagramPath);
  clip-path: url(#instagramPath);
  position: absolute;
  left: 0;
  top: -64px;
  transform: scale(1, -1) rotate(4deg);
}

body.page-id-290 .fwt1 h2 {
  line-height: 1.29;
}

body.page-id-290 .fwt2 {
  padding: 304px 0 189px;
}

body.page-id-290 .fwt2:after {
  content: '';
  width: 100%;
  height: 224px;
  background: #5A7F29
    /*638c2e*/
  ;
  -webkit-clip-path: url(#headerPath);
  clip-path: url(#headerPath);
  position: absolute;
  left: 0;
  top: 0;
}

body.page-id-290 .fwt2 .contentCenter:before {
  position: absolute;
  left: -41px;
  top: 1303px;
  width: 272px;
  height: 261px;
  background: url(images/sdeco2.svg) no-repeat center center / contain;
  content: '';
  transform: scaleX(-1) rotate(12deg);
}

body.page-id-290 .fwt2 .contentCenter:after {
  position: absolute;
  right: -31px;
  top: 445px;
  width: 272px;
  height: 261px;
  background: url(images/sdeco2.svg) no-repeat center center / contain;
  content: '';
}

body.page-id-290 .fwt2 hr {
  border: none;
  margin: 77px auto;
  width: 140px;
  height: 18px;
  background: url(images/shr.svg) no-repeat center center / contain;
}

body.page-id-290 .fwt3 {
  padding: 0 0 194px;
}

body.page-id-290 .fwt3:before {
  content: '';
  width: 100%;
  height: 205px;
  background: #2c5e21;
  -webkit-clip-path: url(#sustainPath);
  clip-path: url(#sustainPath);
  position: absolute;
  left: 0;
  top: -203px;
}

body.page-id-884 .fwt0 strong,
body.page-id-907 .fwt0 strong {
  color: #333;
}

body.page-id-884 .fwt0,
body.page-id-907 .fwt0 {
  padding: 80px 0 200px;
  font-size: 0.8rem;
  color: #666;
}

body.page-id-884 .fwt0 h1,
body.page-id-907 .fwt0 h1 {
  margin-bottom: 60px;
  font-size: 1.8rem;
}

/* textWithImages */
.textWithImages {
  position: relative;
}

.textWithImages .text {
  float: right;
  width: 50%;
  font-family: "brandon-grotesque";
  font-weight: 500;
  line-height: 1.29;
  color: inherit;
}

.textWithImages .text h2 {
  color: inherit;
  margin: 0 0 -2px;
  font-family: Chaumont;
  font-weight: bold;
  line-height: 1.13;
  letter-spacing: -1px;
}

.textWithImages .images {
  float: left;
  width: 50%;
  position: relative;
}

.textWithImages .images div {
  display: none;
  transition: 0.3s ease;
}

.textWithImages .images div:hover {
  transform: scale(1.05);
}

.textWithImages .images .im0 {
  display: block;
}

.textWithImages.Right .text {
  float: left;
}

.textWithImages.Right .images {
  float: right;
}

body.page-id-90 .twi0 {
  padding: 0;
  margin: 0 auto -76px
}

body.page-id-90 .twi0:after {
  content: '';
  width: 100%;
  height: 224px;
  background: #5A7F29;
  /*638c2e;*/
  -webkit-clip-path: url(#introPath);
  clip-path: url(#introPath);
  position: absolute;
  left: 0;
  bottom: -144px;
}

body.page-id-90 .twi0 .text {
  width: 52%;
  z-index: 3;
  position: relative;
}

body.page-id-90 .twi0 .images {
  width: 48%;
  z-index: 3;
  position: relative;
}

body.page-id-90 .twi0 .im0 {
  position: absolute;
  right: 54px;
  top: 48px;
}

body.page-id-90 .twi0 .im0 img {
  transform: rotate(6deg);
  filter: drop-shadow(20px 50px 7px rgba(0, 0, 0, 0.4));
}

body.page-id-90 .twi1 {
  padding: 200px 0 83px;
}

body.page-id-90 .twi1 .text {
  width: 51%;
}

body.page-id-90 .twi1 .images {
  width: 49%;
}

body.page-id-90 .twi1 .im0 {
  position: absolute;
  left: 19px;
  top: -107px;
}

body.page-id-90 .twi2 {
  padding: 0 0 24px;
}

body.page-id-90 .twi2 .text {}

body.page-id-90 .twi2 .images {}

body.page-id-90 .twi2 .im0 {
  position: absolute;
  right: 100px;
  top: -100px;
}

body.page-id-90 .twi3 {
  padding: 0 0 55px;
}

body.page-id-90 .twi3:after {
  content: '';
  width: 100%;
  height: 135px;
  background: #d5e373;
  -webkit-clip-path: url(#instagramPath);
  clip-path: url(#instagramPath);
  position: absolute;
  left: 0;
  bottom: -81px;
  transform: scaleY(-1) rotate(3deg);
}

body.page-id-90 .twi3 .text {
  width: 51%;
}

body.page-id-90 .twi3 .images {
  width: 49%;
}

body.page-id-90 .twi3 .im0 {
  position: absolute;
  left: 13px;
  top: -18px;
}

body.page-id-90 .twi4 {
  padding: 89px 0 42px;
}

body.page-id-90 .twi4 .text {
  width: 51%;
}

body.page-id-90 .twi4 .images {
  width: 49%;
}

body.page-id-90 .twi4 .im0 {
  position: absolute;
  left: 64px;
  top: 90px;
  z-index: 2;
}

body.page-id-90 .twi4 .im1 {
  display: block;
  position: absolute;
  left: 412px;
  top: 100px;
  z-index: 1;
}

body.page-id-90 .twi4 .im0 img {
  transform: rotate(6deg);
  filter: drop-shadow(20px 50px 7px rgba(0, 0, 0, 0.4));
}

body.page-id-90 .twi4 .im1 img {
  transform: rotate(24deg);
}

body.page-id-290 .twi0 .contentCenter {
  position: relative;
  z-index: 2;
}

body.page-id-290 .twi0 .im0 {
  position: absolute;
  right: 54px;
  top: 48px;
}

body.page-id-290 .twi0 .im0 img {
  transform: rotate(6deg);
  filter: drop-shadow(20px 50px 7px rgba(0, 0, 0, 0.4));
}

body.page-id-290 .textWithImages:not(.twi0) h2 {
  letter-spacing: -1.5px;
  margin: 0 auto -11px;
  line-height: 1;
  color: #d5e373;
}

body.page-id-290 .textWithImages:not(.twi0) .contentCenter {
  position: relative;
}

body.page-id-290 .textWithImages:not(.twi0) .images {
  z-index: 1;
  float: none;
  width: auto;
  position: absolute;
}

body.page-id-290 .textWithImages:not(.twi0) .text {
  margin: 0 auto;
  text-align: center;
  float: none;
  width: 100%;
  z-index: 2;
  position: relative;
}

body.page-id-290 .textWithImages.twi1 {
  margin: 0 0 266px;
}

body.page-id-290 .textWithImages.twi1 .images {
  top: -47px;
  right: 22px;
}

body.page-id-290 .textWithImages.twi2 {
  margin: 0 0 215px;
}

body.page-id-290 .textWithImages.twi2 .images {
  left: 55px;
  top: -330px;
}

body.page-id-290 .textWithImages.twi3 {
  margin: 0 0 238px;
}

body.page-id-290 .textWithImages.twi3 .images {
  left: 0;
  top: -367px;
}

body.page-id-290 .textWithImages.twi3 .images .im0 {
  left: 1093px;
  position: absolute;
}

body.page-id-290 .textWithImages.twi3 .images .im1 {
  display: block;
  left: -245px;
  top: 399px;
  position: absolute;
}

body.page-id-290 .textWithImages.twi4 {
  margin: 0 0 281px;
}

body.page-id-290 .textWithImages.twi4 .images {
  right: -284px;
  top: -509px;
}

body.page-id-290 .textWithImages.twi4 .images {
  right: -105px;
  top: 227px;
}

body.page-id-290 .textWithImages.twi5 .images {
  left: 99px;
  top: -329px;
}

body.page-id-290 .textWithImages.twi1:after {
  content: '';
  width: 110px;
  height: 191px;
  position: absolute;
  left: calc(50% - 67px);
  bottom: -216px;
  background: url(images/p1.svg) no-repeat center center / contain;
}

body.page-id-290 .textWithImages.twi2:after {
  content: '';
  width: 155px;
  height: 175px;
  position: absolute;
  left: calc(50% - 69px);
  bottom: -188px;
  background: url(images/p2.svg) no-repeat center center / contain;
}

body.page-id-290 .textWithImages.twi3:after {
  content: '';
  width: 110px;
  height: 192px;
  position: absolute;
  left: calc(50% - 56px);
  bottom: -212px;
  background: url(images/p3.svg) no-repeat center center / contain;
}

body.page-id-290 .textWithImages.twi4:after {
  content: '';
  width: 90px;
  height: 221px;
  position: absolute;
  left: calc(50% - 46px);
  bottom: -253px;
  background: url(images/p4.svg) no-repeat center center / contain;
}

body.page-id-290 .twi5 {
  margin: 0 0 -87px;
}

/* contactForm  */
.contactForm {
  padding: 306px 0 170px;
  position: relative;
}

.contactForm:before {
  content: '';
  width: 100%;
  height: 224px;
  background: #2c5e21;
  -webkit-clip-path: url(#headerPath);
  clip-path: url(#headerPath);
  position: absolute;
  left: 0;
  top: 0;
}

.contactForm .contentCenter {
  width: 1085px;
}

.contactForm label {
  display: none;
}

.contactForm input,
.contactForm textarea {
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 34px;
  resize: none;
  background: none;
  font-family: Chaumont;
  font-weight: bold;
  color: #497137;
  border: solid #497137;
  border-width: 0 0 2px;
  padding: 13px 0;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #497137;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #497137;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #497137;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #497137;
}

.contactForm textarea {
  height: 160px;
}

.contactForm form {
  width: 473px;
}

.contactForm .button {
  background: #68881d;
  color: #fff;
  width: 250px;
  padding: 13px 0;
}

.divMessage {
  display: none;
  background: #638c2e;
  color: #fff;
  padding: 8px 10px;
  font-family: "brandon-grotesque";
  margin: 30px auto 0;
}

.divMessage.error {
  background: #cf0000;
}

.contactForm .deco1 {
  position: absolute;
  width: 145px;
  height: 89px;
  left: calc(50% - -284px);
  top: -391px;
  background: url(images/deco1.png) no-repeat center center / contain;
}

.contactForm .deco2 {
  position: absolute;
  width: 108px;
  height: 106px;
  left: calc(50% - -610px);
  top: -375px;
  background: url(images/deco2.png) no-repeat center center / contain;
}

.contactForm .deco3 {
  position: absolute;
  width: 123px;
  height: 200px;
  left: calc(50% - -540px);
  top: -61px;
  background: url(images/deco3.png) no-repeat center center / contain;
}

.contactForm .deco4 {
  position: absolute;
  transform: rotate(137deg);
  width: 348px;
  height: 133px;
  left: calc(50% - 269px);
  top: 50px;
  background: url(images/deco4.png) no-repeat center center / contain;
}

.contactForm .deco5 {
  position: absolute;
  width: 154px;
  height: 111px;
  left: calc(50% - 760px);
  top: -273px;
  background: url(images/deco5.png) no-repeat center center / contain;
}

.contactForm .deco6 {
  position: absolute;
  width: 935px;
  height: 285px;
  transform: rotate(-48deg);
  left: calc(50% - 1250px);
  top: 198px;
  background: url(images/deco6.png) no-repeat center center / contain;
}

.contactForm .deco7 {
  position: absolute;
  width: 586px;
  height: 593px;
  left: calc(50% - -73px);
  z-index: 3;
  top: 228px;
  background: url(images/deco7.png) no-repeat center center / contain;
  filter: drop-shadow(20px 50px 7px rgba(0, 0, 0, 0.4));
}

/* recipe */
body.single-recipe section {
  padding: 62px 0 0 0;
}

.recipeHeader {
  position: relative;
  margin: 0;
  background: var(--catColor);
  font-family: "brandon-grotesque";
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 2.25px;
  color: #fff;
}

.recipeHeader .text {
  padding: 0;
}

.recipeHeader:after {
  content: '';
  width: 100%;
  height: 224px;
  background: #fff;
  -webkit-clip-path: url(#headerPath);
  clip-path: url(#headerPath);
  position: absolute;
  left: 0;
  top: 0px;
}

.recipeHeader h1 {
  margin: 0;
  font-family: Chaumont;
  font-weight: normal;
  line-height: 1;
}

.recipeHeader h1 span {
  display: block;
  line-height: 1.48;
}

.recipeHeader h1 em {
  display: inline-block;
  font-style: normal;
  /*background: #6b1157; webkit-clip-path: url(#buttonPath); clip-path: url(#buttonPath); padding: 0 60px; position: relative; margin: 0 0 0 -60px;*/
}

.recipeHeader .contentCenter {
  display: table;
  padding: 224px 0 80px;
}

.recipeHeader .image {
  position: relative;
}

.recipeHeader .image,
.recipeHeader .text {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}

.recipeHeader .top {
  position: relative;
  z-index: 2;
}

.recipeHeader .recipeImage {
  filter: drop-shadow(20px 50px 7px rgba(0, 0, 0, 0.4));
  aspect-ratio: 1 / 1;
  width: 100%;
}

.recipeDetail {
  padding: 0;
  margin: 0;
  background: var(--catColor);
  color: #fff;
  font-family: "brandon-grotesque";
  font-weight: 500;
  line-height: 1.29;
}

.recipeDetail h2 {
  margin: 0 0 -7px;
  text-transform: uppercase;
  font-family: Chaumont;
  line-height: 1.97;
}

.recipeDetail .left,
.recipeDetail .right {
  width: 50%;
  float: left;
}

.recipeDetail .left {
  box-sizing: border-box;
  padding: 0 90px 0 0;
}

.recipeDetail ol li {
  margin: 0 0 45px;
}

.recipeDetail ul {
  padding: 0;
  list-style-type: none;
}

.recipeDetail ul li {
  padding: 0 0 0 95px;
  margin: 0 0 45px;
  background: url(images/ul.svg) no-repeat left 15px;
}

.recipeFeaturedProduct {
  position: relative;
  background: var(--catColor);
  padding: 0 0 130px;
}

.recipeFeaturedProduct .contentCenter {
  position: relative;
  z-index: 2;
}

.recipeFeaturedProduct img {
  display: block;
  margin: 0 auto;
  filter: drop-shadow(20px 50px 7px rgba(0, 0, 0, 0.4));
  transition: 0.3s ease;
}

.recipeFeaturedProduct img:hover {
  transform: scale(1.05);
}

.recipeFeaturedProduct h2 {
  margin: 0 0 59px;
  font-family: Chaumont;
  font-weight: bold;
  line-height: 1.97;
  letter-spacing: 3px;
  text-align: center;
  color: #fff;
}

.recipeFeaturedProduct .product .imageLink {
  text-decoration: none;
  display: block;
  margin: 0 auto 60px;
}

.recipeFeaturedProduct .product {
  position: relative;
}

.recipeFeaturedProduct .product .pDetail {
  position: relative;
  z-index: 2;
}

.recipeFeaturedProduct .product .deco0,
.recipeFeaturedProduct .product .deco1,
.recipeFeaturedProduct .product .deco2,
.recipeFeaturedProduct .product .deco3,
.recipeFeaturedProduct .product .deco4,
.recipeFeaturedProduct .product .deco5 {
  display: none;
  z-index: 1;
  background: no-repeat center center / contain;
}

body.postid-30 .recipeFeaturedProduct .product .deco0 {
  display: block;
  width: 1130px;
  height: 350px;
  position: absolute;
  left: calc(50% + 28px);
  top: 89px;
  transform: rotate(-23deg);
}

body.postid-232 .recipeFeaturedProduct .product .deco0 {
  display: block;
  width: 817px;
  height: 702px;
  position: absolute;
  left: calc(50% + 254px);
  top: -31px;
}

body.postid-231 .recipeFeaturedProduct .product .deco0 {
  display: block;
  width: 555px;
  height: 601px;
  position: absolute;
  left: calc(50% + 318px);
  top: -91px;
}

body.postid-230 .recipeFeaturedProduct .product .deco0 {
  display: block;
  width: 571px;
  height: 548px;
  position: absolute;
  left: calc(50% + 278px);
  top: -1px;
}

.nutritionFlyer {
  margin: -40px 0 20px;
  font-family: "Josefin Sans";
  font-weight: bold;
  line-height: 1.21;
  text-align: start;
  color: #fff;

  @media (max-width: 768px) {
    text-align: center;
   }
}

.nutritionFlyer div {
  vertical-align: middle;
  padding: 0;
  display: inline-block;
  font-weight: bold;
  line-height: 1.21;
  letter-spacing: 2.8px;
  margin: 0 0 15px;
}

.nutritionFlyer div.spaceTop {
  padding: 30px 0 0 0;
}

.nutritionFlyer div.line {
  padding-right: 30px;
  margin-right: 10px;
  background: url(images/separatorLine.svg) no-repeat right 28px;
}

.nutritionFlyer div.line.top {
  background-position: right top;
  padding-top: 10px;
  transform: translateY(11px);
}

.nutritionFlyer div.top {
  padding-top: 10px;
  transform: translateY(11px);
}

.nutritionFlyer div span {
  display: block;
  font-family: Chaumont;
  font-weight: normal;
  line-height: 1.64;
}

.nutritionFlyer div strong {
  display: block;
  font-family: Chaumont;
  font-weight: normal;
  line-height: 1.64;
  letter-spacing: 0;
}

.nutritionFlyer div em {
  letter-spacing: 0;
  font-style: normal;
  font-family: "santelia-rough-two";
}

body.postid-162 .nutritionFlyer div em {
  transform: translateY(-17px);
  display: block;
}

body.postid-160 .nutritionFlyer div.line.top {
  padding-top: 24px;
}

body.postid-160 .nutritionFlyer div em {
  transform: translateY(-3px);
  display: block;
}


body.postid-154 .nutritionFlyer div em {
  transform: translateY(-11px);
  display: block;
  font-size: 1rem;
}


.textFlyer {
  position: absolute;
  left: 90px;
  top: -12px;
  font-family: "Josefin Sans";
  font-weight: bold;
  line-height: 1.21;
  text-align: center;
  color: #fff;
}

.textFlyer div {
  padding: 20px 0 0;
  margin: 0 0 15px;
  font-family: Chaumont;
  font-weight: normal;
  line-height: 1;
}

.textFlyer div.line {
  padding: 20px 0 47px;
  background: url(images/separatorLine2.png) no-repeat center bottom;
}

.textFlyer div span {
  display: block;
  font-family: "santelia-rough-two";
  font-weight: bold;
  line-height: 1;
}

.textFlyer div em {
  margin: 20px 0 0 0;
  display: block;
  font-style: normal;
  font-family: "Josefin Sans";
  font-weight: bold;
  line-height: 1.21;
  letter-spacing: 2.8px;
}

.relatedRecipes {
  position: relative;
  padding: 30px 0 210px;
  background: #638c2e;
}

.relatedRecipes:before {
  content: '';
  width: 100%;
  height: 226px;
  background: #638c2e;
  -webkit-clip-path: url(#legumesPath);
  clip-path: url(#legumesPath);
  position: absolute;
  left: 0;
  top: -224px;
}

.relatedRecipes h2 {
  text-align: center;
  font-family: Chaumont;
  font-weight: bold;
  line-height: 1.13;
  color: #fff;
  margin: 0 0 74px;
}

.relatedRecipes .title {
  text-transform: uppercase;
  font-family: "brandon-grotesque";
  font-weight: 900;
  line-height: 1.14;
  letter-spacing: 1.75px;
}

.relatedRecipes .title h1 {
  margin: 0;
  font-family: Chaumont;
  font-weight: normal;
  line-height: 1.11;
  letter-spacing: 0.9px;
  text-align: center;
  color: #fff;
}

.relatedRecipes .title em {
  font-style: normal;
}

.relatedRecipes .recipe {
  margin: 0 15px;
  text-align: center;
  text-decoration: none;
  float: left;
  width: calc(33.3333% - 30px);
  color: #fff;
}

body.single-recipe footer,
body.single-recipe footer:before {
  background: #2c5e21;
}

.relatedRecipes .button {
  background: #fff;
  margin: 20px auto 0;
}

.relatedRecipes .button:hover {
  background: #2c5e21;
}

.relatedRecipes .img {
  width: 90%;
  aspect-ratio: 1 / 1;
  display: block;
  margin: 0 auto 60px;
  background: no-repeat center center / contain;
  filter: drop-shadow(20px 50px 7px rgba(0, 0, 0, 0.4));
  transition: 0.3s ease;
}

.relatedRecipes .img:hover {
  transform: scale(1.05);
}

/* recipes list */
body.page-id-331 .fwt0 {
  padding: 85px 0 140px;
}

body.page-id-331 .fwt0 .contentCenter {
  position: relative;
  z-index: 2;
}

body.page-id-331 .fwt0::after {
  content: '';
  width: 100%;
  height: 224px;
  background: #fff;
  -webkit-clip-path: url(#headerPath);
  clip-path: url(#headerPath);
  position: absolute;
  left: 0;
  bottom: -222px;
}

.feliciaBoxes {
  width: 1708px;
  height: 640px;
  background: url(images/recipesHeader.png) no-repeat center center / contain;
  position: absolute;
  left: calc(50% - 860px);
  top: 178px;
}

.recipesList {
  padding: 197px 0 0 0;
}

.recipesList .recipe {
  display: table;
  width: 100%;
  margin: 0 auto 40px;
  font-family: "brandon-grotesque";
  font-weight: 900;
  line-height: 1.2;
}

.recipesList .recipe .image,
.recipesList .recipe .text {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

.recipesList .recipe.odd .text {
  text-align: right;
  padding: 0 66px 0 0;
}

.recipesList .recipe .image .img {
  width: 100%;
  display: block;
  aspect-ratio: 1/1;
  background: no-repeat center center / contain;
  filter: drop-shadow(20px 50px 7px rgba(0, 0, 0, 0.4))
}

.recipesList .recipe .text {
  box-sizing: border-box;
  padding: 0 0 0 54px;
}

.recipesList .recipe h2 {
  margin: 0 auto;
  font-family: Chaumont;
  font-weight: bold;
  line-height: 1.09;
  letter-spacing: -2px;
  color: inherit;
}

.recipesList .recipe h2 span {
  display: block;
  text-transform: uppercase;
}

.recipesList .recipe .button {
  margin: 30px 0 0 0;
}

.recipesList .recipe.p27 .text img {
  width: 544px;
  margin: 0 0 47px;
}

.recipesList .recipe.p154 .text img,
.recipesList .recipe.p157 .text img,
.recipesList .recipe.p165 .text img {
  width: 276px;
  margin: 0 0 50px;
}

.recipesList .recipeBgBlock {
  position: relative;
}

.recipesList .recipeBgBlock.c3 {
  padding: 247px 0 0;
}

.recipesList .recipeBgBlock.c3>.contentCenter {
  position: relative;
  z-index: 5;
}

.recipesList .recipeBgBlock.c3:before {
  content: '';
  width: 100%;
  height: 224px;
  background: #638c2e;
  -webkit-clip-path: url(#headerPath);
  clip-path: url(#headerPath);
  position: absolute;
  left: 0;
  top: -2px;
}

.recipesList .recipeBgBlock.c5 {
  padding: 247px 0 0;
  margin: -160px 0 0;
}

.recipesList .recipeBgBlock.c5>.contentCenter {
  position: relative;
  z-index: 4;
}

.recipesList .recipeBgBlock.c5:before {
  content: '';
  width: 100%;
  height: 224px;
  background: #AF1685;
  -webkit-clip-path: url(#headerPath);
  clip-path: url(#headerPath);
  position: absolute;
  left: 0;
  top: -2px;
}

.recipesList .recipeBgBlock.c6 {
  padding: 247px 0 170px;
  margin: -130px 0 0;
}

.recipesList .recipeBgBlock.c6:before {
  content: '';
  width: 100%;
  height: 224px;
  background: #963821;
  -webkit-clip-path: url(#headerPath);
  clip-path: url(#headerPath);
  position: absolute;
  left: 0;
  top: -2px;
  transform: scaleX(-1);
}

.recipesList .recipe.r232 .image img {
  position: absolute;
  left: -590px;
  top: 310px;
}

.recipesList .recipe.r230 .image img {
  position: absolute;
  left: 1110px;
  top: 280px;
}

.recipesList .recipe.r231 .image img {
  position: absolute;
  left: -650px;
  top: 70px;
}

/* randomProducts */
.randomProducts {
  margin: 77px auto 0;
  padding: 0 0 240px;
}

.randomProducts .box {
  text-decoration: none;
  text-align: center;
  float: left;
  /*width: calc(33.3333% - 30px);*/
  /*margin: 0 15px;*/
}

.randomProducts .box .image {
  width: 100%;
  aspect-ratio: 1/0.69;
  margin: 0 0 28px;
  background: no-repeat center bottom / contain;
  transition: 0.3s ease;
}

.randomProducts .box .image img {
  display: none;
}

.randomProducts .box:hover .image {
  transform: scale(1.05);
}

.randomProducts .box .text h2 {
  font-family: Chaumont;
  margin: 0 0 62px;
  text-transform: uppercase;
}

/* cookingSteps */
.cookingSteps {
  margin: 70px auto 0;
  padding: 0 0 103px;
}

.cookingSteps .row {
  margin: 0 -20px;
}

.cookingSteps .step {
  width: calc(33.3333% - 40px);
  margin: 0 20px 64px;
  float: left;
}

.cookingSteps .step .image {
  width: 100%;
  aspect-ratio: 1/0.425;
  margin: 0 0 34px;
  background: no-repeat center center;
}

.cookingSteps .step .text {
  line-height: 1.2;
  text-align: center;
  font-family: "brandon-grotesque";
}

.cookingSteps .step .text h2 {
  font-family: Chaumont;
  line-height: 1;
  margin: 0 0 17px;
  text-transform: uppercase;
}

.cookingSteps .step:nth-child(3n+1) {
  clear: both;
}

h2.howCook {
  margin: 0 0 46px;
}

/* productDetailTop */
.productDetailTop {
  position: relative;
  padding: 293px 0 0 0;
}

.productDetailTop .mainProductImage {
  position: relative;
  z-index: 20;
  display: block;
  margin: 0 auto;
}

.productDetailTop h1 {
  font-weight: normal;
  position: relative;
  z-index: 2;
  margin: -22px 0 22px 0;
  line-height: 1;
  text-transform: uppercase;
  color: inherit;
  font-family: Chaumont;
  padding: 0 71px 0 79px;
  letter-spacing: 0;
  box-sizing: border-box;
}

.productDetailTop h1 span {
  line-height: 0.9;
  display: block;
  font-family: Chaumont;
}

.productDetailTop h1 span.size2 {
  letter-spacing: -3px;
}

.productDetailTop h1 span.alignRight {
  float: right;
}

body.single-product .textWithImages.twi0 {
  padding: 0 0 165px;
}

body.single-product .textWithImages.twi0 .contentCenter {
  position: relative;
  overflow: visible;
}

body.single-product .textWithImages.twi0 .text {
  width: calc(100% - 587px);
}

body.single-product .textWithImages.twi0 .images {
  z-index: 2;
  float: none;
  width: 713px;
  position: absolute;
  left: -236px;
  top: 254px;
  /*filter: drop-shadow(20px 50px 7px rgba(0, 0, 0, 0.4));*/
  filter: drop-shadow(20px 50px 7px rgba(0, 0, 0, 0.4));
  isolation: isolate;
}

.shiftTitle {
  position: absolute;
  left: 0;
  top: 32px;
  width: 550px;
}

body.single-product .textWithImages.twi0:after {
  z-index: 2;
  content: '';
  width: 390px;
  height: 391px;
  background: url(images/coupleDeco.svg) no-repeat center center / contain;
  position: absolute;
  left: calc(50% + 323px);
  bottom: -136px;
}

/*body.single-product .productDetailTop:before {
	content: '';
	width: 100%;
	height: 224px;
	background: #fff;
	-webkit-clip-path: url(#headerPath);
	clip-path: url(#headerPath);
	position: absolute;
	left: 0;
	top: 0;
}*/

body.single-product .productDetailNutrition:before {
  content: '';
  width: 102%;
  height: 226px;
  background: #638c2e;
  -webkit-clip-path: url(#legumesPath);
  clip-path: url(#legumesPath);
  position: absolute;
  left: 0;
  top: -224px;
}

body.single-product .fullwidthText.fwt1:before {
  content: '';
  width: 100%;
  height: 135px;
  background: #2c5e21;
  -webkit-clip-path: url(#instagramPath);
  clip-path: url(#instagramPath);
  position: absolute;
  left: 0;
  top: -131px;
}

body.single-product .fullwidthText.fwt1 h2 {
  padding: 12px 0 0 0;
}

.productDetailTop .contentCenter {
  position: relative;
  padding: 0 80px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;

  @media (max-width: 768px) {
    padding: 0 30px;
  }
}

body.single-product.postid-27 .productDetailTop .deco0 {
  display: block;
  position: absolute;
  left: calc(50% + -131px);
  top: -64px;
  width: 1130px;
  height: 350px;
  transform: rotate(-13deg);
}

body.single-product.postid-164 .productDetailTop .deco0 {
  display: block;
  position: absolute;
  left: calc(50% + -252px);
  top: -476px;
  width: 1368px;
  height: 1055px;
}

body.single-product .productDetailTop h1 {
  padding: 0 70px 0 0;
  margin: 1px 0 32px 0;
}

body.single-product .productDetailTop h1 span {
  letter-spacing: 3px;
}

body.single-product.postid-159 .productDetailTop h1 {
  opacity: 0.7;
  padding: 0 70px 0 0;
  margin: 13px 0 53px 0;
}

body.single-product.postid-159 .productDetailTop h1 span {
  margin: 33px 0 0;
}

body.single-product.postid-159 .productDetailTop .deco0 {
  display: block;
  position: absolute;
  left: calc(50% + -1270px);
  top: 264px;
  width: 1140px;
  height: 750px;
}

body.single-product .productDetailTop .deco0 {
  display: block;
  position: absolute;
  left: calc(50% + -1018px);
  top: 108px;
  width: 1140px;
  height: 750px;
  transform: rotate(-3deg);
}

body.single-product.postid-165 .productDetailTop .mainProductImage {
  float: right;
  margin: -15px 4px 0 0;
}

body.single-product.postid-165 h1 span.size2 {
  letter-spacing: 0px;
  margin: 20px 0 0 0;
}

body.single-product.postid-157 .productDetailTop .mainProductImage {
  float: right;
  margin: -15px 58px 0 0;
}


body.single-product.postid-157 h1 span.size2 {
  letter-spacing: 0;
  margin: 15px 0 0 0;
}

body.single-product.postid-157 .productDetailTop .deco2 {
  display: block;
  position: absolute;
  left: calc(50% + -769px);
  top: -56px;
  width: 782px;
  height: 804px;
}

body.single-product.postid-161 .productDetailTop .mainProductImage {
  float: right;
  margin: -15px 53px 0 0;
}


body.single-product.postid-161 .productDetailTop .deco2 {
  display: block;
  position: absolute;
  left: calc(50% + -625px);
  top: 325px;
  width: 647px;
  height: 343px;
}

body.single-product.postid-162 .productDetailTop .mainProductImage {
  float: right;
  margin: -18px 60px 0 0;
}

body.single-product.postid-162 h1 span.size2 {
  letter-spacing: 0;
  margin: 15px 0 0 0;
}

body.single-product.postid-162 .productDetailTop .deco2 {
  display: block;
  position: absolute;
  left: calc(50% + -519px);
  top: 415px;
  width: 267px;
  height: 235px;
}

body.single-product.postid-160 .productDetailTop .mainProductImage {
  float: right;
  margin: -18px 27px 0 0;
}



body.single-product.postid-160 h1 span.size2 {
  margin: 14px 0 0 0;
  letter-spacing: 0;
}

body.single-product.postid-154 .productDetailTop .mainProductImage {
  float: right;
  margin: -18px 53px 0 0;
}


body.single-product h1 span {
  line-height: 1.1;
}

body.single-product.postid-154 .productDetailTop .deco2 {
  display: block;
  position: absolute;
  left: calc(50% + -569px);
  top: 483px;
  width: 253px;
  height: 251px;
}


body.single-product.postid-694 .productDetailTop .mainProductImage {
  float: right;
  margin: -18px 0 0 0;
}

body.single-product.postid-694 h1 span {
  margin: 15px 9px 0 0;
  line-height: 1.1;
}

body.single-product.postid-694 .productDetailTop .deco2 {
  display: block;
  position: absolute;
  left: calc(50% + -569px);
  top: 483px;
  width: 253px;
  height: 251px;
}


/* productDetailNutrition */
.productDetailNutrition {
  margin: 170px 0 86px;
  padding: 30px 0 0 0;
  font-family: "brandon-grotesque";
  position: relative;
}

.productDetailNutrition .certifications {
  width: 550px;
  height: 101px;
  background: url(images/certifications.svg) no-repeat center center / contain;
  margin: 30px auto 0;
  text-indent: -5000px;
  overflow: hidden;
}

.productDetailNutrition h2 {
  font-family: Chaumont;
  text-transform: uppercase;
}

.productDetailNutrition .c1 {
  float: left;
  width: 45%;
  text-align: center;
}

.productDetailNutrition .c3 {
  float: right;
  width: 45%;
  text-align: start;
  padding-left: 3.3rem;
  box-sizing: border-box;
}

.productDetailNutrition .c2 {
  position: absolute;
  left: calc(50% - 115px);
  top: -100px;
  width: 250px;
}

body.postid-162 .productDetailNutrition .c2 {
  transform: rotate(31deg);
}

.productDetailNutrition .c2 img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.productDetailNutrition .c3 .button {
  margin: 30px auto 0;
}

/* popupLayer */
.popupLayer {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(200, 200, 200, 0.6);
}

.popupLayer .content {
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
  display: inline-block;
  padding: 90px;
  background: #d5e373;
  border-radius: 45px;
  position: relative;
}

.popupLayer .content img {
  display: block;
  max-width: calc(100vw - 180px);
  max-height: calc(100vh - 330px);
  margin: 0 auto;
}

.popupLayer .content:after {
  cursor: pointer;
  position: absolute;
  right: -23px;
  top: -23px;
  content: '';
  width: 66px;
  height: 66px;
  background: url(images/closePop.svg) no-repeat center center / contain;
}

/* home banner */
.popupOverlay {
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.8);
  display: block;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
}

.popupOverlay .verticalAlign {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.popupOverlay .homeBanner {
  margin: 0 auto;
  width: 600px;
  border: 2px solid #c7b3a9;
  position: relative;
}

.popupOverlay .popup {
  width: 100%;
  margin: 0 auto;
  max-width: 420px;
  position: relative;
}

.popupOverlay .popupFullImg {
  width: 100%;
  margin: 0 auto;
  display: block;
}

.popupOverlay .popupFullImg img {
  display: block;
  width: 100%;
}

.popupOverlay .close {
  position: absolute;
  right: -45px;
  top: 55px;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  background: url(images/close.svg) no-repeat center center / contain;
  cursor: pointer;
}

.showIphone,
.showIpad {
  display: none !important;
}

/* small & big desktop */
@media screen and (min-width:1280px) {
  .mobileMenuItems .mainUl>li>.sub-menu>li>.sub-menu>li>.sub-menu {
    display: block !important;
  }
}

/* small desktop */
@media screen and (min-width:0) and (max-width:1481px) {
  body {
    min-width: 1280px;
  }

  .contentCenter,
  .wooContent .woocommerce,
  footer .contentCenter {
    width: 1220px;
  }

  html {
    font-size: 30.22px;
  }

  .fullwidthText h1 {
    font-size: 2.3rem;
  }

  body.single-product.postid-694 h1 {
    font-size: 4rem;
  }

  .homeHeader .top .theImg,
  .homeHeader .bottom .theImg,
  .homeIntro .theImg,
  .productCat .product .image,
  body.page-id-90 .twi0 .im0,
  body.page-id-290 .twi0 .im0,
  body.page-id-90 .twi1 .im0,
  body.page-id-90 .twi2 .im0,
  body.page-id-90 .twi3 .im0,
  body.page-id-90 .twi4 .im0,
  .productsBanner img,
  .contactForm .deco1,
  .contactForm .deco2,
  .contactForm .deco3,
  .contactForm .deco5,
  .contactForm .deco7 {
    transform: scale(0.864);
  }

  header .logo {
    width: 254px;
    height: 122px;
  }

  footer .logo {
    width: 253px;
    height: 122px;
  }

  .mobileMenuItems {
    font-size: 1.2rem;
  }

  .fastLogo {
    width: 160px;
    margin: 0 0 0 95px;
  }

  .homeHeader .top .theImg {
    left: calc(50% + 42px);
  }

  .homeIntro .text {
    width: 58%;
  }

  .homeIntro .theImg {
    left: -70px;
    top: 20px;
  }

  .homeHeader .bottom {
    padding: 84px 0 0 0;
  }

  .productCat .product.p27 .image img {
    left: -426px;
    top: -61px;
  }

  .productCat.cat5 .contentCenter::before {
    width: 525px;
    height: 509px;
    left: -408px;
  }

  .productCat .product.p156 .image img {
    left: -594px;
  }

  .productCat .product.p159 .image img {
    left: -541px;
  }

  .productCat .product.p159 {
    margin: 0 0 228px;
  }

  .productCat .product.p160 .text {
    width: 53%;
  }

  .productCat .product.p161 .image img {
    left: -382px;
  }

  .productCat .product.p164 .image img {
    left: -382px;
  }

  body.page-id-90 .twi0 .im0,
  body.page-id-290 .twi0 .im0 {
    right: 0;
    top: 0;
  }

  body.page-id-90 .twi0 .text,
  body.page-id-90 .twi0 .images {
    width: 50%;
  }

  body.page-id-90 .twi1 .im0 {
    left: -41px;
    top: -97px;
  }

  body.page-id-90 .twi2 .im0 {
    right: -10px;
  }

  body.page-id-90 .twi3 .im0 {
    left: -57px;
    top: 12px;
  }

  .productsBanner img {
    margin: 0 0 0 -133px;
  }

  .contactForm .deco2 {
    left: calc(50% - -520px);
  }

  .contactForm .deco3 {
    left: calc(50% - -490px);
  }

  .contactForm .deco5 {
    left: calc(50% - 640px);
  }

  .contactForm .deco7 {
    left: calc(50% - 7px);
  }

  body.menuOpen header .logo {
    width: 254px !important;
    height: 122px !important;
  }

  .recipeHeader .recipeImage {
    left: calc(50% + 30px)
  }

  body.page-id-290 .textWithImages.twi1 .images {
    right: -98px;
  }

  body.page-id-290 .textWithImages.twi2 .images {
    left: -75px;
  }

  body.page-id-290 .textWithImages.twi3 .images .im0 {
    left: 963px;
  }

  body.page-id-290 .textWithImages.twi3 .images .im1 {
    left: -365px;
  }

  body.page-id-290 .textWithImages.twi4 .images {
    right: -205px;
    top: 117px;
  }

  body.page-id-290 .textWithImages.twi5 .images {
    left: 9px;
  }

  body.page-id-290 .fwt2 .contentCenter::after {
    right: -141px;
  }

  body.page-id-290 .fwt2 .contentCenter::before {
    left: -151px;
  }

  .recipesList .recipeBgBlock.c3::before,
  body.page-id-331 .fwt0::after,
  .recipesList .recipeBgBlock.c5::before,
  .recipesList .recipeBgBlock.c6::before {
    height: 122px;
  }

  body.page-id-331 .fwt0::after {
    bottom: -120px;
  }

  .feliciaBoxes {
    width: 1520px;
    height: 570px;
    left: calc(50% - 760px);
    top: 108px;
  }

  .recipesList .recipeBgBlock.c3 {
    padding: 177px 0 0;
  }

  .recipesList .recipeBgBlock.c5 {
    padding: 187px 0 0;
    margin: -60px 0 0;
  }

  .recipesList .recipeBgBlock.c6 {
    padding: 177px 0 170px;
    margin: -90px 0 0;
  }

  .homeIntro .theImg img {
    width: 560px;
  }

  .mobileMenuItems {
    min-height: auto;
  }

  .cookingSteps .step .image {
    width: 90%;
    aspect-ratio: 1/0.4;
    margin: 0 auto 34px;
    background: no-repeat center center / contain;
  }

  body.single-product .textWithImages.twi0 .images {
    top: 154px;
    transform: scale(0.8);
  }

  body.single-product .textWithImages.twi0 .text {
    width: calc(100% - 507px);
  }

  .productDetailNutrition .certifications {
    width: 380px;
    height: 72px;
  }

  body.single-product .textWithImages.twi0::after {
    width: 290px;
    height: 290px;
    left: calc(50% + 223px);
    bottom: -59px;
  }

  body.single-product.postid-161 h1 {
    width: 715px;
    margin: -17px 0 421px;
  }

  body.single-product.postid-161 .productDetailTop .mainProductImage {
    width: calc(100% - 715px - 40px);
    margin: -15px 0 0 0;
  }

  .popupLayer .content {
    padding: 50px;
    border-radius: 25px;
  }

  .popupLayer .content img {
    max-width: calc(100vw - 100px);
    max-height: calc(100vh - 250px);
  }

  body.single-product.postid-161 .productDetailTop .deco2 {
    left: calc(50% + -555px);
    top: 255px;
    transform: scale(0.8);
  }

  body.single-product.postid-162 h1 {
    width: 715px;
    margin: -16px 0 399px;
  }

  body.single-product.postid-162 .productDetailTop .mainProductImage {
    width: calc(100% - 715px - 40px);
    margin: -18px 0 0 0;
  }

  body.single-product.postid-162 .productDetailTop .deco2 {
    left: calc(50% + -436px);
    top: 295px;
    transform: scale(0.8);
  }

  body.single-product.postid-165 h1 {
    width: 725px;
  }

  body.single-product.postid-165 .productDetailTop .mainProductImage {
    width: calc(100% - 725px - 40px);
    margin: -15px 0 0 0;
  }

  body.single-product.postid-154 h1 {
    width: 750px;
    margin: -16px 0 259px;
  }

  body.single-product.postid-154 .productDetailTop .mainProductImage {
    width: calc(100% - 750px - 40px);
    margin: -18px 0 0 0;
  }

  body.single-product.postid-154 .productDetailTop .deco2 {
    left: calc(50% + -476px);
    top: 375px;
    transform: scale(0.8);
  }

  body.single-product.postid-157 h1 {
    width: 715px;
    margin: -31px 0 324px;
  }

  body.single-product.postid-157 .productDetailTop .mainProductImage {
    width: calc(100% - 715px - 40px);
    margin: -15px 0 0 0;
  }

  body.single-product.postid-157 .productDetailTop .deco2 {
    left: calc(50% + -626px);
    top: -125px;
    transform: scale(0.8);
  }

  body.single-product.postid-160 h1 {
    width: 715px;
    margin: -49px 0 68px;
  }

  body.single-product.postid-160 .productDetailTop .mainProductImage {
    width: calc(100% - 715px - 40px);
    margin: -15px 0 0 0;
  }

  body.single-product.postid-160 .productDetailTop .deco2 {
    left: calc(50% + -626px);
    top: -125px;
    transform: scale(0.8);
  }

  .mobileMenuItems .padLeft {
    padding: 0 0 0 95px;
  }

  .productDetailNutrition {
    margin: 120px 0 86px;
  }

  .popupOverlay .popup {
    max-width: 350px;
  }

  .popupOverlay .close {
    top: 35px;
  }

  body.page-id-90 .fwt0::before {
    left: calc(50% + 470px);
  }
}

/* ipad */
@media screen and (min-width:0) and (max-width:1279px) {
  body {
    min-width: 810px;
  }

  .contentCenter,
  .wooContent .woocommerce,
  footer .contentCenter,
  .contactForm .contentCenter {
    width: 790px;
  }

  .hideIpad {
    display: none !important;
  }

  .showIpad {
    display: block !important;
  }

  html {
    font-size: 19.145px;
  }

  .productCat .product.p160 .text h3,
  .productCat .product.p159 .text h3 {
    font-size: 3.62rem;
  }

  .homeHeader .top .theImg,
  .homeHeader .bottom .theImg,
  .homeIntro .theImg,
  .productCat .product .image,
  body.page-id-90 .twi0 .im0,
  body.page-id-290 .twi0 .im0,
  body.page-id-90 .twi1 .im0,
  body.page-id-90 .twi2 .im0,
  body.page-id-90 .twi3 .im0,
  body.page-id-90 .twi4 .im0,
  .contactForm .deco1,
  .contactForm .deco2,
  .contactForm .deco3,
  .contactForm .deco5,
  .contactForm .deco7,
  body.page-id-90 .twi4 .im1 {
    transform: scale(0.547);
  }

  header .logo {
    width: 162px;
    height: 79px;
  }

  header .designed {
    top: 15px;
    right: 90px;
  }

  header .certified {
    right: 173px;
    top: 13px;
    width: 29px;
    height: 49px;
  }

  header .menuIcon {
    left: 0;
    top: 5px;
    transform: scale(0.8);
  }

  body.menuOpen header .logo {
    width: 162px !important;
    height: 79px !important;
  }

  header .menuIcon {
    top: 0;
  }

  body.menuOpen header .menuIcon {
    top: 0 !important;
  }

  .mobileMenuItems::before {
    height: 160px;
  }

  .mobileMenuItems .mainUl li.floatLast {
    display: none;
  }

  footer .logo {
    width: 160px;
    height: 78px;
    margin: 0 auto;
  }

  footer .column.c1 {
    padding: 5px 0 0 0;
  }

  footer .column.c3 {
    padding: 0;
  }

  footer .column.c2,
  footer .column.c4 {
    padding: 20px 0 0 0;
  }

  footer .column.c1,
  footer .column.c2,
  footer .column.c3,
  footer .column.c4 {
    width: 100%;
    text-align: center;
  }

  footer:before {
    height: 122px;
    top: -120px;
  }

  footer ul li {
    display: inline-block;
    margin: 0 10px;
  }

  footer .youtube {
    margin: 0;
  }

  body.page-id-90 section,
  body.single-product section,
  body.page-id-290 section,
  body.page-id-121 section,
  body.page-id-260 section {
    margin: -40px 0 0 0;
  }

  body.single-product.postid-694 h1 {
    text-align: center;
    font-size: 5rem;
  }

  body.single-product.postid-694 h1 span {
    margin: 0px;
  }

  .fullwidthText h1 {
    line-height: 1.2;
  }

  .fullwidthText h1 span {
    display: inline-block;
  }

  .instagramBlock {
    padding: 4px 0 80px;
  }

  .instagramBlock::before {
    height: 74px;
    top: -72px;
  }

  .instagramBlock h2 {
    margin: 0 0 48px;
  }

  .homeHeader .top::after,
  .recipeHeader::after {
    height: 122px;
    bottom: -120px;
  }

  .homeIntro::after {
    height: 86px;
    bottom: -84px;
  }

  .productCat.cat5::before {
    height: 84px;
    top: -82px;
  }

  .productCat.cat6::before,
  .relatedRecipes::before {
    height: 123px;
    top: -121px;
  }

  .homeHeader .top .theImg {
    left: calc(50% + -118px);
    top: -151px;
  }

  .homeHeader .top {
    height: 265px;
  }

  .homeHeader .bottom {
    padding: 74px 0 0;
  }

  .homeHeader .right {
    margin: 56px 0 0;
    width: 27%;
  }

  .homeHeader .left {
    margin: 65px 0 0 28px;
  }

  .homeIntro .theImg {
    left: -130px;
    top: -90px;
  }

  .homeIntro .text::after {
    width: 226px;
    height: 54px;
    right: 0;
    bottom: 0;
  }

  .homeHeader .bottom .theImg {
    top: -141px;
  }

  .productCat.cat3 {
    padding: 114px 0 110px;
  }

  .productCat .product.p27 .image img {
    left: -536px;
  }

  .productCat .product.p694 .image img {
    left: -170px;
    top: 60px;
  }

  .productCat .product.p154 .image img {
    left: -335px;
  }

  .productCat.cat5 {
    padding: 42px 0 137px;
  }

  .productCat.cat5 h2 {
    margin: 0 0 140px;
  }

  .productCat .product.p154 {
    margin: 0 0 116px;
  }

  .productCat .product.p156 .image img {
    left: -694px;
    top: -110px;
  }

  .productCat .product.p156 {
    margin: 0 0 80px;
  }

  .productCat .product.p157 .image img {
    left: -612px;
  }

  .productCat .product.p157 {
    margin: 0 0 285px;
  }

  .productCat .product.p159 .image img {
    left: -651px;
  }

  .productCat .product.p159 {
    margin: 0 0 148px;
  }

  .productCat .product.p160 .image img {
    left: -516px;
  }

  .productCat .product.p161 .image img {
    left: -482px;
  }

  .productCat .product.p161 {
    margin: 0 0 102px;
  }

  .productCat .product.p162 .image img {
    left: -337px;
  }

  .productCat .product.p162 {
    margin: 0 0 128px;
  }

  .productCat .product.p164 .image img {
    left: -512px;
  }

  .productCat .product.p164 {
    margin: 0 0 84px;
  }

  .productCat .product.p165 .image img {
    left: -183px;
    top: -120px;
  }

  .productCat .product.p165 {
    margin: 0 0 10px;
  }

  .productCat.cat6 {
    padding: 10px 0 95px;
  }

  body.page-id-90 .fwt0::after,
  body.page-id-290 .fwt0::after {
    height: 122px;
  }

  body.page-id-331 .fwt0 {
    padding: 30px 0 80px;
  }

  .feliciaBoxes {
    width: 1080px;
    height: 425px;
    left: calc(50% - 540px);
    top: 88px;
  }

  .recipesList .recipeBgBlock.c3::before,
  body.page-id-331 .fwt0::after,
  .recipesList .recipeBgBlock.c5::before,
  .recipesList .recipeBgBlock.c6::before {
    height: 82px;
  }

  body.page-id-331 .fwt0::after {
    bottom: -80px;
  }

  .recipesList .recipe .image {
    display: block;
    width: 60%;
    margin: 0 auto;
  }

  .recipesList .recipe .text,
  .recipesList .recipe.odd .text {
    width: 100%;
    display: block;
    text-align: center;
    padding: 80px 0 0;
  }

  .recipesList .recipeBgBlock.c5 {
    padding: 117px 0 0;
    margin: -30px 0 0;
  }

  .recipesList .recipeBgBlock.c3 {
    padding: 107px 0 0;
  }

  .recipesList .recipeBgBlock.c6 {
    padding: 107px 0 80px;
    margin: -30px 0 0;
  }

  body.page-id-90 .twi0 .im0,
  body.page-id-290 .twi0 .im0 {
    right: -90px;
    top: -100px;
  }

  body.page-id-90 .fwt0,
  body.page-id-290 .fwt0 {
    padding: 153px 0 25px;
  }

  body.page-id-90 .fwt0::before {
    width: 158px;
    height: 136px;
    left: calc(50% + 300px);
    top: 48px;
  }

  body.page-id-90 .twi0::after {
    height: 122px;
    bottom: -44px;
  }

  body.page-id-90 .twi1 {
    padding: 140px 0 30px;
  }

  body.page-id-90 .twi1 .im0 {
    left: -131px;
    top: -157px;
  }

  body.page-id-90 .twi2 {
    padding: 0 0 30px;
  }

  body.page-id-90 .twi2 .im0 {
    right: -110px;
    top: -160px;
  }

  body.page-id-90 .twi3 .im0 {
    left: -137px;
    top: -59px;
  }

  body.page-id-90 .twi3 {
    padding: 0 0 15px;
  }

  body.page-id-90 .twi3::after {
    height: 73px;
    bottom: -42px;
  }

  body.page-id-90 .twi4 .im0 {
    left: -76px;
    top: -30px;
  }

  body.page-id-90 .twi4 .im1 {
    left: 132px;
    top: 70px;
  }

  .productsBanner img {
    margin: 0 auto;
    width: 100%;
    transform: none;
  }

  body.page-id-90 .fwt1 {
    padding: 0 0 110px;
  }

  body.page-id-121 .fwt0:after,
  body.page-id-260 .fwt0:after,
  .contactForm::before,
  body.single-product .productDetailTop::before,
  body.single-product .productDetailNutrition::before {
    height: 122px;
  }

  body.single-product .productDetailNutrition::before {
    top: -120px;
  }

  body.page-id-121 .fwt0,
  body.page-id-260 .fwt0 {
    padding: 178px 0 0;
    margin: 0 auto;
  }

  .contactForm .deco1 {
    left: calc(50% - -114px);
    top: -241px;
  }

  .contactForm .deco2 {
    left: calc(50% - -270px);
    top: -220px;
  }

  .contactForm .deco3 {
    left: calc(50% - -280px);
    top: -170px;
  }

  .contactForm .deco4 {
    width: 190px;
    height: 75px;
    left: calc(50% - 159px);
    top: 30px;
  }

  .contactForm .deco5 {
    left: calc(50% - 420px);
    top: -170px;
  }

  .contactForm .deco6 {
    width: 511px;
    height: 157px;
    left: calc(50% - 690px);
    top: 198px;
  }

  .contactForm form {
    margin: 0 auto;
  }

  .contactForm .deco7 {
    left: calc(50% - -93px);
    top: -141px;
  }

  .contactForm {
    padding: 226px 0 120px;
  }

  .relatedRecipes {
    padding: 30px 0 140px;
  }

  .recipeHeader .image,
  .recipeHeader .text {
    width: 100%;
    display: block;
  }

  .recipeHeader .text {
    text-align: center;
    margin: 40px 0 0;
  }

  .recipeHeader .contentCenter {
    display: block;
    padding: 122px 0 80px;
  }

  .recipeHeader {}

  .recipeDetail .left {
    padding: 0 30px 0 0;
  }

  .recipeDetail ul li {
    padding: 0 0 0 48px;
    margin: 0 0 16px;
    background: url(images/ul.svg) no-repeat left 9px / 36px auto;
  }

  .recipeDetail ol li {
    margin: 0 0 15px;
  }

  .recipeFeaturedProduct img {
    max-width: 75%;
  }

  .recipeFeaturedProduct::before {
    top: -81px;
  }

  .nutritionFlyer div.line {
    padding-right: 28px;
    background: url(images/separatorLine.svg) no-repeat right 22px / auto 50px;
  }

  .textFlyer {
    position: relative;
    left: auto;
    top: auto;
    margin: 40px auto;
  }

  body.postid-30 .recipeFeaturedProduct .product .deco0 {
    left: calc(50% + -282px);
    top: -31px;
    transform: scale(0.5) rotate(-23deg);
  }

  body.postid-232 .recipeFeaturedProduct .product .deco0 {
    left: calc(50% + 4px);
    top: -91px;
    transform: scale(0.5);
  }

  body.postid-231 .recipeFeaturedProduct .product .deco0 {
    left: calc(50% + 88px);
    top: -91px;
    transform: scale(0.5);
  }

  body.postid-230 .recipeFeaturedProduct .product .deco0 {
    left: calc(50% + 58px);
    top: -1px;
    transform: scale(0.5);
  }

  body.page-id-290 .fwt0 .contentCenter::before {
    left: -129px;
    top: -134px;
    transform: scale(0.65);
  }

  body.page-id-290 .fwt0 .contentCenter::after {
    right: -114px;
    top: -90px;
    transform: scale(0.65);
  }

  body.page-id-290 .textWithImages.twi1 .images {
    transform: scale(0.65);
  }

  body.page-id-290 .textWithImages.twi2 .images {
    transform: scale(0.65);
  }

  body.page-id-290 .textWithImages.twi3 .images {
    transform: scale(0.65);
    top: -197px;
  }

  body.page-id-290 .textWithImages.twi4 .images {
    transform: scale(0.65);
  }

  body.page-id-290 .textWithImages.twi5 .images {
    transform: scale(0.65);
    top: -209px;
  }

  body.page-id-290 .fwt2::after {
    height: 122px;
  }

  body.page-id-290 .twi5 {
    margin: 0 0 -17px;
  }

  body.page-id-290 .fwt2 {
    padding: 190px 0 160px;
  }

  body.page-id-290 .fwt3::before {
    height: 122px;
    top: -120px;
  }

  body.page-id-290 .fwt3 {
    padding: 0 0 114px;
  }

  body.page-id-290 .fwt2 .contentCenter::before {
    left: -191px;
  }

  .homeIntro .theImg img {
    width: 550px;
  }

  body.single-product .productDetailTop .mainProductImage {
    width: auto !important;
    max-width: 600px !important;
    max-height: 500px !important;
    margin: 0 auto !important;
    float: none !important;
  }

  body.single-product h1 {
    padding: 0 !important;
    float: none;
    width: 100% !important;
    margin: 20px auto 30px !important;
    text-align: center;
  }

  body.single-product h1 .alignRight {
    text-align: center;
  }

  .productDetailTop h1 span.alignRight {
    float: none;
  }

  body.single-product .textWithImages.twi0 .images {
    width: 100%;
    top: auto;
    transform: scale(1);
    left: 0;
    position: relative;
    margin: 0 auto 50px;
  }

  body.single-product .textWithImages.twi0 .images img {
    width: 70%;
    display: block;
    margin: 0 auto;
  }

  body.single-product .textWithImages.twi0 .text {
    width: 100%;
    text-align: center;
  }

  .shiftTitle {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
  }

  body.single-product .textWithImages.twi0::after {
    width: 220px;
    height: 200px;
    left: calc(50% + 143px);
    bottom: -89px;
  }

  .productDetailNutrition .c1,
  .productDetailNutrition .c3 {
    width: 100%;
    padding: 0;
  }

  .productDetailNutrition .c1 {
    margin-bottom: 40px;
  }

  .productDetailNutrition .c2 {
    display: none;
  }

  .randomProducts {
    padding: 0 0 130px;
  }

  .productDetailTop {
    padding: 178px 0 0 0;
  }

  body.single-product.postid-161 .productDetailTop .deco2 {
    left: calc(50% + -615px);
    top: 115px;
    transform: scale(0.6) rotate(75deg);
  }

  body.single-product .textWithImages.twi0 {
    padding: 0 0 65px;
  }

  body.single-product .fullwidthText.fwt1::before {
    height: 75px;
    top: -73px;
  }

  .cookingSteps {
    padding: 0 0 43px;
  }

  section {
    padding: 100px 0 0 0;
  }

  body.single-product.postid-162 .productDetailTop .deco2 {
    left: calc(50% + -386px);
    top: 585px;
    transform: scale(0.6);
  }

  body.single-product.postid-164 .productDetailTop .deco0 {
    transform: scale(0.6);
    left: calc(50% + -422px);
    top: -516px;
  }

  body.single-product.postid-27 .productDetailTop .deco0 {
    left: calc(50% + -301px);
    top: -134px;
    transform: scale(0.6) rotate(-13deg);
  }

  body.single-product.postid-159 .productDetailTop .deco0 {
    left: calc(50% + -1110px);
    top: 4px;
    transform: scale(0.6);
  }

  body.single-product.postid-157 .productDetailTop .deco2 {
    left: calc(50% + -636px);
    top: 25px;
    transform: scale(0.4) rotate(16deg);
  }

  body.single-product .productDetailTop .deco0 {
    left: calc(50% + -1088px);
    top: -134px;
    transform: scale(0.6);
  }

  body.single-product.postid-154 .productDetailTop .deco2 {
    left: calc(50% + -396px);
    top: 255px;
    transform: scale(0.6);
  }

  .mobileMenuItems .tableCell {
    padding: 110px 0 0 0;
  }

  .mobileMenuItems .mainUl {
    width: 790px;
  }

  .mobileMenuItems .mainUl>li {
    width: 100%;
    float: none;
    text-align: center;
  }

  .mobileMenuItems .half {
    float: none;
    width: 100%;
  }

  .mobileMenuItems .padLeft {
    padding: 0;
  }

  .mobileMenuItems .mainUl {
    line-height: 1.9rem;
    font-size: 35px;
  }

  .mobileMenuItems .mainUl .sub-menu .sub-menu,
  .mobileMenuItems .mainUl .sub-menu .sub-menu a {
    font-size: 25px;
  }

  .mobileMenuItems .mainUl .sub-menu .sub-menu .sub-menu li {
    display: inline-block;
    margin: 0 2px 20px;
  }

  .mobileMenuItems .mainUl .sub-menu .sub-menu .sub-menu li a {
    font-size: 18px;
    color: #638c2e;
    background: #fff;
    border-radius: 12px;
    padding: 6px 10px;
  }

  .mobileMenuItems .mainUl>li>.sub-menu>li>.sub-menu>li>.sub-menu {
    width: 80%;
    border-radius: 20px;
    padding: 10px 0 0;
    margin: 10px auto;
    background: rgba(255, 255, 255, 0.2);
  }

  .mobileMenuItems .tableCell {
    padding: 210px 0 0 0;
    vertical-align: top;
  }

  .mobileMenuItems .mainUl>li>.sub-menu>li>.sub-menu>li>.sub-menu {
    display: none;
  }

  body.page-id-290 .textWithImages.twi4 .images {
    right: -265px;
    top: 77px;
  }
}

/* iphone */
@media screen and (min-width:0) and (max-width:809px) {
  body {
    min-width: 375px;
  }

  .contentCenter,
  .wooContent .woocommerce,
  footer .contentCenter,
  .contactForm .contentCenter {
    width: 345px;
    padding-top: 7rem;
  }

  html[lang=en] {
    margin-top: 0 !important;
  }

  .showIphone,
  .hideIpad {
    display: block !important;
  }

  #wpadminbar,
  .hideIphone,
  .showDesktop {
    display: none !important;
  }

  body.admin-bar {
    margin: 0;
  }

  .recipeHeader h1 {
    font-size: 3rem;
  }

  header .contentCenter {
    width: calc(100% - 30px);
    box-sizing: border-box;
    margin: 0 15px;
  }

  header .menuIcon {
    transform: scale(0.6817);
    top: 0;
    left: 0;
  }

  header .logo {
    width: 148px;
    height: 72px;
    margin: 0 auto;
  }

  header .certified {
    right: 14px;
    top: 0px;
    width: 33px;
    height: 53px;
  }

  header .designed {
    right: 0;
    top: 70px;
    font-size: 14px;
  }

  body.menuOpen header .logo {
    width: 148px !important;
    height: 72px !important;
  }

  body.scrolled header .logo {
    height: 50px;
    width: 173px;
  }

  body.scrolled header .menuIcon {
    top: -8px;
  }

  .mobileMenuItems::before {
    height: 130px;
  }

  footer::before {
    height: 62px;
    top: -60px;
  }

  .button,
  .homeHeader .right .button {
    font-size: 20px;
    padding: 8px 23px;
  }

  .homeHeader h1 {
    font-size: 50px;
    margin: 0 0 24px;
  }

  .homeHeader h1 span {
    font-size: 33px;
  }

  .homeHeader .contentCenter {
    padding: 0;
  }

  .homeHeader .top {
    height: 195px;
    margin: -11px auto 0;
  }

  .homeHeader .top .theImg {
    left: calc(50% + -172px);
    top: -1px;
  }

  .homeHeader .top::after,
  .recipeHeader::after {
    height: 62px;
    bottom: -60px;
  }

  .homeHeader .left,
  body.page-id-290 .fwt0 h1 {
    font-size: 34px;
  }

  .homeHeader .left {
    margin: 20px 0 0 0px;
    width: 40%;
  }

  .homeHeader .bottom .theImg {
    top: 35px;
    left: -320px;
  }

  .homeHeader .right {
    font-size: 20px;
    width: 56%;
    margin: 264px 0 0;
  }

  .homeIntro h2 {
    font-size: 42px;
  }

  .homeIntro .theImg {
    left: -109px;
  }

  .homeIntro .text {
    width: 100%;
    text-align: center;
    margin: 360px auto 0;
    /*margin: 0 auto 0;*/
    font-size: 23px;
  }

  .homeIntro .text::after {
    width: 263px;
    height: 57px;
    right: 41px;
    bottom: 70px;
  }

  .homeIntro .text .button {
    margin: 100px 0 6px 0;
  }

  .homeIntro::after {
    height: 43px;
    bottom: -41px;
  }


  .homeHeader h1 .size70 {
    font-size: 33px;
  }

  .homeHeader .mt {
    margin-top: 2.5rem;
  }

  .homeHeader .mt h1 {
    font-size: 40px;
  }

  .homeHeader .top .theImgMobile {
    left: calc(50% + -115px);
    top: -125px;
  }

  .homeHeader .bottom .theImgMobile {
    top: -205px;
    left: -135px;
  }

  .homeHeader .center-bottom {
    width: 40%;
    font-size: 34px;
    bottom: 95px;
    text-align: center;
  }

  .homeHeader .bottom .theImgTwo {
    width: 600px;
  }

  .productCat h2 {
    font-size: 59px;
  }

  .productCat.cat3 {
    padding: 64px 0 60px;
  }

  .productCat .product .text h3 {
    font-size: 40px;
    text-align: left;
  }

  .productCat .product .text h3 span {
    font-size: 24px;
    margin: 0;
  }

  .productCat .product.left .text,
  .productCat .product.right .text {
    width: 100%;
    text-align: center;
  }

  .productCat .product.p27 .text {
    margin: 196px auto 0;
  }

  .productCat .product.p27 .text h3 {
    padding: 0;
    margin: 0 0 40px;
    text-align: center;
  }

  .productCat .product.p27 .image img {
    left: -206px;
    top: -181px;
    transform: rotate(15deg);
  }

  .productCat .product.p694 {
    margin: 50px auto 0;
  }

  .productCat .product.p694 .text {
    margin: 326px auto 0;
  }

  .productCat .product.p694 .text h3 {
    padding: 0;
    margin: 0 0 40px;
    text-align: center;
  }

  .productCat .product.p694 .image img {
    left: -606px;
    top: 0;
    transform: rotate(15deg);
  }

  .productCat.cat5::before {
    height: 42px;
    top: -40px;
  }

  .productCat.cat5 .contentCenter::before {
    width: 245px;
    height: 231px;
    left: -111px;
    top: -7px;
  }

  .productCat.cat5 h2 {
    padding: 0 0 0 140px;
  }

  .productCat .product .image {
    transform: scale(0.35);
  }

  .productCat .product.p154 .image img {
    left: -385px;
    top: -243px;
  }

  .productCat .product.p154 .text h3 {
    margin: 0 0 190px;
  }

  .productCat .product.p154 {
    margin: 0 0 56px;
  }

  .productCat .product.p156 .text h3 {
    font-size: 55px;
    padding: 0 0 0 190px;
    margin: 0 0 20px;
  }

  .productCat .product.p156 .text h3 span {
    font-size: 33px;
  }

  .productCat .product.p156 .text {
    margin: 144px 0 0 0;
  }

  .productCat .product.p156 {
    margin: 0 0 90px;
  }

  .productCat .product.p157 .text h3 {
    font-size: 55px;
    margin: 0 0 160px;
  }

  .productCat .product.p157 .text h3 span {
    font-size: 33px;
  }

  .productCat .product.p157 .image img {
    left: -692px;
  }

  .productCat .product.p157 .text {
    margin: 114px 0 0 0;
  }

  .productCat .product.p157 {
    margin: 0 0 5px;
  }

  .productCat .product.p156 .image img {
    left: -574px;
    transform: rotate(12deg);
  }

  .productCat .product.p159 .text h3 {
    font-size: 40px;
    padding: 0;
    margin: 0 0 33px;
    text-align: center;
  }

  .productCat .product.p159 .text h3 span {
    font-size: 33px;
  }

  .productCat .product.p159 .text {
    margin: 180px 0 0;
  }

  .productCat .product.p159 .image img {
    left: -431px;
    transform: rotate(14deg);
  }

  .productCat .product.p159 {
    margin: 0 0 108px;
  }

  .productCat .product.p160 .text {
    margin: 7px 0 0 0;
  }

  .productCat .product.p160 .text h3 {
    font-size: 40px;
    padding: 0 130px 0 0;
    margin: 0 0 135px;
  }

  .productCat .product.p160 .text h3 span {
    font-size: 33px;
  }

  .productCat .product.p160 .image img {
    left: -686px;
  }

  .productCat .product.p160 {
    margin: 0 0 30px 0;
  }

  .productCat.cat5 {
    padding: 42px 0 42px;
  }

  .productCat.cat6::before,
  .relatedRecipes::before {
    height: 62px;
    top: -60px;
  }

  .productCat.cat6 h2 {
    margin: 0 0 19px;
  }

  .productCat .product.p161 .image img {
    left: -452px;
    top: 0;
  }

  .productCat .product.p161 .text {
    margin: 280px 0 0 0;
  }

  .productCat .product.p161 .text h3 {
    padding: 0 0 0 174px;
    margin: 0 0 22px;
  }

  .productCat .product.p161 .text h3 span {
    font-size: 33px;
  }

  .productCat .product.p161 {
    margin: 0 0 155px;
  }

  .productCat .product.p162 .image img {
    left: -447px;
    top: -420px;
  }

  .productCat .product.p162 .text h3 {
    margin: 0 0 140px;
  }

  .productCat .product.p162 .text h3 span {
    font-size: 33px;
  }

  .productCat .product.p162 {
    margin: 0 0 70px;
  }

  .productCat .product.p164 .image img {
    left: -162px;
    top: -120px;
  }

  .productCat .product.p164 .text h3 {
    font-size: 48px;
    text-align: center;
  }

  .productCat .product.p164 .text h3 span {
    font-size: 33px;
  }

  .productCat .product.p164 .text {
    margin: 192px 0 0;
  }

  .productCat .product.p164 {
    margin: 0 0 42px;
  }

  .productCat .product.p165 .image img {
    left: -283px;
    top: -80px;
  }

  .productCat .product.p165 .text h3 {
    font-size: 48px;
    padding: 0 130px 0 0;
    margin: 0 0 130px;
  }

  .productCat .product.p165 .text h3 span {
    font-size: 33px;
  }

  .productCat.cat6 {
    padding: 10px 0 45px;
  }

  .instagramBlock::before {
    height: 37px;
    top: -35px;
  }

  .instagramBlock a {
    width: calc(50% - 30px);
    border-radius: 15px;
  }

  .instagramBlock h2 {
    font-size: 32px;
  }


  .fullwidthText h1 {
    font-size: 33px;
  }

  body.page-id-90 .fwt0::after,
  body.page-id-290 .fwt0::after {
    height: 62px;
  }

  body.page-id-90 .fwt0,
  body.page-id-290 .fwt0 {
    padding: 103px 0 25px;
  }

  body.page-id-90 .twi0 .im0,
  body.page-id-290 .twi0 .im0 {
    right: -108px;
    top: -100px;
  }

  body.page-id-90 .twi0 .text {
    width: 100%;
    text-align: center;
    padding: 390px 0 60px 0;
  }

  body.page-id-90 .twi0::after {
    height: 62px;
    bottom: 16px;
  }

  body.page-id-90 .twi1 {
    padding: 0px 0 30px;
  }

  body.page-id-90 .twi1 .text {
    width: 100%;
    text-align: center;
    padding: 290px 0 0 0;
  }

  body.page-id-90 .twi1 .im0 {
    left: -127px;
    top: -157px;
  }

  body.page-id-90 .twi2 .im0 {
    right: -128px;
    top: -160px;
  }

  body.page-id-90 .twi2 .text {
    width: 100%;
    text-align: center;
    padding: 290px 0 0 0;
  }

  body.page-id-90 .twi3 .im0 {
    right: -128px;
    top: -160px;
  }

  body.page-id-90 .twi3 .text {
    width: 100%;
    text-align: center;
    padding: 200px 0 0 0;
  }

  body.page-id-90 .twi3 .im0 {
    right: -318px;
    top: -120px;
  }

  body.page-id-90 .twi4 .text {
    width: 100%;
    text-align: center;
  }

  body.page-id-90 .twi4 h2 {
    margin: 0 0 408px;
  }

  body.page-id-90 .twi4 .im0 {
    left: -266px;
    top: 30px;
  }

  body.page-id-90 .twi4 .im1 {
    left: -58px;
    top: 130px;
  }

  .fullwidthText h2 {
    font-size: 33px;
  }

  body.page-id-90 .fwt1 {
    padding: 0 0 50px;
  }

  .contactForm form {
    width: 100%;
  }

  body.page-id-121 .fwt0:after,
  body.page-id-260 .fwt0:after,
  .contactForm::before,
  body.single-product .productDetailTop::before {
    height: 62px;
  }

  body.page-id-121 .fwt0,
  body.page-id-260 .fwt0 {
    padding: 98px 0 0;
  }

  .contactForm {
    padding: 126px 0 100px;
  }

  .divMessage {
    font-size: 18px;
  }

  .contactForm .deco1 {
    left: calc(50% - -34px);
    top: -321px;
  }

  .contactForm .deco2 {
    left: calc(50% - -160px);
    top: -220px;
  }

  .contactForm .deco3 {
    left: calc(50% - -80px);
    top: -70px;
  }

  .contactForm .deco5 {
    left: calc(50% - 250px);
    top: -60px;
  }

  .contactForm .deco6,
  .contactForm .deco7 {
    display: none;
  }

  .recipeHeader .recipeImage {
    left: auto;
    top: auto;
    position: relative;
    width: 100%;
    margin: 80px auto 0;
  }

  .recipeHeader .text {}

  .recipeHeader {
    padding: 0 0 30px;
  }

  .recipeDetail .left {
    padding: 0 0 30px;
    width: 100%;
  }

  .recipeDetail .right {
    width: 100%;
  }

  .recipeFeaturedProduct h2 {
    line-height: 1;
    letter-spacing: 0;
  }

  .recipeFeaturedProduct {
    padding: 0 0 60px;
  }

  .relatedRecipes .recipe {
    margin: 0 15px 50px;
    width: calc(100% - 30px);
  }

  .relatedRecipes {
    padding: 30px 0 30px;
  }

  .recipeHeader h1 em {
    padding: 0 10px;
    margin: 0 0 0 -10px;
  }

  .relatedRecipes h2 {
    margin: 0 0 40px;
  }

  body.postid-30 .recipeFeaturedProduct .product .deco0 {
    left: calc(50% + -412px);
    top: -121px;
    transform: scale(0.3) rotate(-23deg);
  }

  body.postid-231 .recipeFeaturedProduct .product .deco0 {
    left: calc(50% + -142px);
    top: -121px;
  }

  body.postid-232 .recipeFeaturedProduct .product .deco0 {
    left: calc(50% + -96px);
    top: -131px;
  }

  body.postid-230 .recipeFeaturedProduct .product .deco0 {
    left: calc(50% + 8px);
    top: -121px;
  }

  .recipeHeader .contentCenter {
    padding: 0;
  }

  body.page-id-290 .fwt0 .contentCenter::before {
    left: -169px;
    top: -194px;
    transform: scale(0.35);
  }

  body.page-id-290 .fwt0 .contentCenter::after {
    right: -114px;
    top: -170px;
    transform: scale(0.35);
  }

  body.page-id-290 .twi0 .images {
    float: none;
    display: block;
    width: 100%;
  }

  body.page-id-290 .twi0 .text {
    float: none;
    width: 100%;
    padding: 390px 0 0 0;
    text-align: center;
  }

  body.page-id-290 .fwt1::before {
    height: 65px;
    top: -22px;
  }

  body.page-id-290 .fwt1 {
    padding: 80px 0;
  }

  body.page-id-290 .textWithImages.twi1 .images {
    transform: scale(0.45);
    right: -240px;
    top: -40px;
  }

  body.page-id-290 .textWithImages.twi2 .images {
    transform: scale(0.45);
    left: -120px;
  }

  body.page-id-290 .textWithImages.twi3 .images {
    transform: scale(0.45);
  }

  body.page-id-290 .textWithImages.twi4 .images {
    transform: scale(0.45);
    right: -275px;
  }

  body.page-id-290 .textWithImages.twi5 .images {
    transform: scale(0.45);
    top: -69px;
    left: -20px;
  }

  body.page-id-290 .textWithImages.twi3 .images .im1 {
    left: -425px;
    top: 969px;
  }

  body.page-id-290 .textWithImages.twi3 .images .im0 {
    left: 650px;
  }

  body.page-id-290 .fwt2 .contentCenter::after {
    right: -121px;
    transform: scale(0.45);
    top: 490px;
  }

  body.page-id-290 .fwt2 .contentCenter::before {
    transform: scale(0.45);
  }

  body.page-id-290 .fwt2 .contentCenter::before {
    transform: scale(0.45) rotate(-180deg);
    top: 1220px;
  }

  body.page-id-290 .fwt3::before,
  body.single-product .productDetailNutrition::before {
    height: 62px;
    top: -60px;
  }

  body.page-id-290 .fwt3 {
    padding: 9px 0 74px;
  }

  body.page-id-290 .fwt2 {
    padding: 190px 0 80px;
  }

  body.page-id-90 .fwt0::after,
  body.page-id-290 .fwt0::after {
    height: 62px;
  }

  .feliciaBoxes {
    width: 420px;
    height: 165px;
    left: calc(50% - 210px);
    top: 138px;
  }

  .recipesList .recipeBgBlock.c3::before,
  body.page-id-331 .fwt0::after,
  .recipesList .recipeBgBlock.c5::before,
  .recipesList .recipeBgBlock.c6::before {
    height: 62px;
  }

  body.page-id-331 .fwt0::after {
    bottom: -60px;
  }

  .recipesList .recipe .image {
    width: 80%;
  }

  .recipesList {
    padding: 77px 0 0 0;
  }

  .recipesList .recipe.p27 .text img {
    width: 300px;
  }

  .recipesList .recipe.p154 .text img,
  .recipesList .recipe.p157 .text img,
  .recipesList .recipe.p165 .text img {
    width: 156px;
  }

  body.single-product .productDetailTop .mainProductImage {
    max-width: 300px !important;
    max-height: 350px !important;
  }

  .productDetailTop h1 {
    font-size: 3.5rem !important;
  }

  .productDetailTop h1 span.size2 {
    font-size: 2.5rem !important;
  }

  body.single-product.postid-27 .productDetailTop .deco0 {
    left: calc(50% + -451px);
    top: -174px;
    transform: scale(0.4) rotate(-13deg);
  }

  .productDetailNutrition .certifications {
    width: 100%;
    height: 67px;
  }

  .cookingSteps .step {
    width: calc(100% - 40px);
  }

  body.single-product .fullwidthText.fwt1::before {
    height: 35px;
    top: -33px;
  }

  .randomProducts .box .text h2 {
    margin: 0 0 20px;
  }

  .randomProducts .box {
    width: calc(100% - 30px);
    /*margin: 0 15px 50px;*/
  }

  .randomProducts .box .image {
    background: none !important;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
  }

  .randomProducts .box .image img {
    display: block;
    margin: 0 auto;
    max-width: 300px;
    max-height: 250px;
  }

  .randomProducts {
    padding: 0 0 50px;
  }

  body.single-product .textWithImages.twi0::after {
    width: 220px;
    height: 200px;
    left: calc(50% + -37px);
    bottom: -109px;
  }

  body.single-product .textWithImages.twi0 {
    padding: 0 0 35px;
  }

  .productDetailTop {
    padding: 118px 0 0 0;
  }

  .nutritionFlyer div.line {
    padding-right: 13px;
  }

  body.single-product.postid-161 .productDetailTop .deco2 {
    left: calc(50% + -505px);
    top: -5px;
    transform: scale(0.4) rotate(75deg);
  }

  body.single-product.postid-162 .productDetailTop .deco2 {
    left: calc(50% + -266px);
    top: 400px;
    transform: scale(0.4);
  }

  body.single-product.postid-164 .productDetailTop .deco0 {
    transform: scale(0.4);
    left: calc(50% + -552px);
    top: -516px;
  }

  .popupLayer .content {
    padding: 20px;
    border-radius: 15px;
  }

  .popupLayer .content::after {
    right: -15px;
    top: -15px;
    width: 40px;
    height: 40px;
  }

  body.single-product.postid-157 .productDetailTop .deco2 {
    left: calc(50% + -386px);
    top: -185px;
    transform: scale(0.4) rotate(86deg);
  }

  body.single-product.postid-159 .productDetailTop h1 span {
    margin: 8px 0 0;
  }

  body.single-product.postid-159 .productDetailTop .deco0 {
    left: calc(50% + -890px);
    top: -196px;
    transform: scale(0.4);
  }


  .mobileMenuItems .mainUl {
    width: 345px;
  }

  .mobileMenuItems .tableCell {
    padding: 150px 0 0 0;
  }

  .mobileMenuItems ul li {
    margin: 10px 0;
  }

  header .langBar {
    right: 0;
    top: 11px;
  }

  .langBar ul {
    top: 49px;
  }

  body.page-id-290 .textWithImages.twi4 .images {
    top: 187px;
  }

  .popupOverlay .popup {
    max-width: 270px;
  }

  .popupOverlay .close {
    top: 25px;
    right: -35px;
  }

  body.page-id-90 .fwt0::before {
    left: calc(50% + 120px);
    top: 48px;
  }
}

.cart-container {
  width: 100%;
  max-width: 440px;
  height: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  z-index: 99999;
  position: fixed;
  top: 0;
  bottom: 0;
  right: -110%;
  font-family: "brandon-grotesque";
  transition: 1s linear right;
}

.cart-header {
  background-color: #6C8B47;
  color: white;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}

.cart-title {
  font-size: 42px !important;
  letter-spacing: 2px;
  font-family: Chaumont;
  font-weight: 800;
}

.close-btn {
  background: none;
  border: none;
  color: white;
  font-size: 36px;
  cursor: pointer;
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 300;
}

.cart-items {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}

.cart-item {
  display: flex;
  gap: 15px;
  padding: 20px 0;
  border-bottom: 1px solid #000000;

  &:last-child {
    border-bottom: none;
  }
}

.item-image {
  width: 80px;
  height: 80px;
  object-fit: contain;
  flex-shrink: 0;
}

.item-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.item-name {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: #1a1a1a;
}

.item-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.quantity-controls {
  display: flex;
  align-items: center;
  border: 2px solid #1a1a1a;
  border-radius: 4px;
}

.qty-btn {
  background: white;
  border: none;
  width: 30px;
  height: 33px;
  font-size: 20px;
  cursor: pointer;
  color: #1a1a1a;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.qty-btn:hover {
  background-color: #f5f5f5;
}

.qty-btn.delete-btn {
  color: #fff;
  background: linear-gradient(135deg, #ef4444, #dc2626);
}

.qty-btn.delete-btn:hover {
  background-color: linear-gradient(135deg, #dc2626, #b91c1c);
}

.qty-display {
  width: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  border-left: 2px solid #1a1a1a;
  border-right: 2px solid #1a1a1a;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item-price {
  font-size: 24px;
  font-weight: 700;
  color: #1a1a1a;
}

.cart-footer {
  padding: 20px;
  border-top: 1px solid #e0e0e0;
  flex-shrink: 0;
}

.subtotal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}

.subtotal-label {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #1a1a1a;
}

.subtotal-price {
  font-size: 28px;
  font-weight: 700;
  color: #1a1a1a;
}

.promo-section {
  margin-bottom: 25px;
}

.promo-label {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #1a1a1a;
  font-weight: 400;
}

.promo-input {
  width: 100%;
  padding: 15px;
  border: 2px solid #1a1a1a;
  border-radius: 6px;
  box-sizing: border-box;
  font-size: 16px;
}

.checkout-btn-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.checkout-btn {
  text-decoration: none;
  display: inline-block;
  font-family: Chaumont;
  font-weight: bold;
  font-size: 25px;
  text-align: center;
  color: #638C2E;
  background: #d5e373;
  -webkit-clip-path: url(#buttonPath);
  clip-path: url(#buttonPath);
  text-transform: uppercase;
  padding: 15px 57px;
  transition: 0.3s ease;
  border: none;
  margin: 34px 0 0;
}



/* OUR PASTA*/

.section-content {}

.section-title {
  font: normal normal bold 180px/118px Chaumont;
  text-transform: uppercase;
  color: inherit;
  letter-spacing: 0;
}

.section-detail {
  font: normal normal normal 35px/40px "brandon-grotesque";
  letter-spacing: 0px;
  width: 60%;
  margin: 0 auto;

  &.purple {
    color: #AF1685;
  }
}

.section-products {
  display: flex;
  justify-content: space-around;
  gap: 20px;
  flex-wrap: wrap;
  padding: 50px 0;
  width: 60%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.product-item {
  width: 430px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.product-item-title {
  font: normal normal normal 45px/50px Chaumont;
  letter-spacing: 0.9px;
  padding: 0;
  margin: 10px 0;
}

.product-item-image {
  object-fit: contain;
  aspect-ratio: 1;
  width: 100%;
}

.button.dark {
  background: #638c2e;
  color: white;
}

.button.green {
  background: #638c2e;
  color: white;
}

.button.green:hover {
  background: #fff;
  color: #638c2e;
}

.section-whole {
  background: #963821;
  color: white;
  padding-top: 50px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
}

.section-whole .section-title {
  color: #fff;
}

.section-legumes {
  background: #963821;
  color: white;
  padding-top: 50px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
}

.section-variety {
  background: white;
  color: #6C8B47;
  padding-top: 50px;
  padding-bottom: 175px;
  text-align: center;
  position: relative;
}

.section-variety .section-title {
  opacity: 1;
}

.section-whole:before {
  content: '';
  width: 100%;
  height: 154px;
  background: #963821;
  -webkit-clip-path: url(#pathWholeGrains);
  clip-path: url(#pathWholeGrains);
  position: absolute;
  left: 0;
  top: -150px;
}

.decorador-1,
.decorador-2,
.decorador-3,
.decorador-4 {
  position: absolute;
  bottom: 10px;
  left: -300px;
  height: auto;
  z-index: 1;
}

.decorador-1 {
  bottom: 150px;
  left: -500px;
  transform: rotateZ(235deg);
  opacity: 1 !important;
}

.container-img-product {
  display: flex;
  width: 100%;
  aspect-ratio: 1;
  margin: 0 0 28px;
  max-width: 400px;
}

@media screen and (min-width:0) and (max-width:809px) {
  .section-title {
    font: normal normal bold 65px/70px Chaumont;
    text-transform: uppercase;
    color: inherit;
    letter-spacing: 0;
  }
}


/*  NEW PAGE */

.section-super {
  background: #AF1685;
  color: white;
  margin-top: 170px;
  padding-top: 5px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
}

.section-content {}

.section-title {
  font: normal normal bold 180px/118px Chaumont;
  text-transform: uppercase;
  color: inherit;
  letter-spacing: 0;
}

.section-detail {
  font: normal normal normal 35px/40px "brandon-grotesque";
  letter-spacing: 0px;
}

.section-products {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  padding: 50px 20px;
}

.product-item {
  width: 300px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.product-item-title {
  font: normal normal normal 45px/50px Chaumont;
  letter-spacing: 0.9px;
  padding: 0;
  margin: 10px 0;
}

.button.dark {
  background: #638c2e;
  color: white;
}

.section-whole {
  background: #963821;
  color: white;
  padding-top: 50px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
}

.section-legumes {
  background: #963821;
  color: white;
  padding-top: 50px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
}


.section-variety {
  background: white;
  color: #6C8B47;
  padding-top: 50px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
}

.section-variety .section-title {
  opacity: 1;
}



.section-whole:before {
  content: '';
  width: 100%;
  height: 154px;
  background: #963821;
  -webkit-clip-path: url(#pathWholeGrains);
  clip-path: url(#pathWholeGrains);
  position: absolute;
  left: 0;
  top: -150px;
}

.decorador-1,
.decorador-2,
.decorador-3,
.decorador-4 {
  position: absolute;
  bottom: 10px;
  left: -300px;
  height: auto;
  opacity: 0.3;
}

/* OUR PASTA*/

.section-content {}

.section-title {
  font: normal normal bold 180px/118px Chaumont;
  text-transform: uppercase;
  color: inherit;
  letter-spacing: 0;
}

.section-detail {
  font: normal normal normal 35px/40px "brandon-grotesque";
  letter-spacing: 0px;
  width: 60%;
  margin: 0 auto;

  &.purple {
    color: #AF1685;
  }
}

.section-products {
  display: flex;
  justify-content: space-around;
  gap: 20px;
  flex-wrap: wrap;
  padding: 50px 0;
  width: 60%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.product-item {
  width: 430px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.product-item-title {
  font: normal normal normal 45px/50px Chaumont;
  letter-spacing: 0.9px;
  padding: 0;
  margin: 10px 0;
}

.product-item-cost {
  font: normal normal bold 40px/50px "brandon-grotesque";
  letter-spacing: 0.8px;
  padding: 0;
  margin: 10px 0;
  font-weight: 500;
}

.button.dark {
  background: #638c2e;
  color: white;
}

.section-super .section-title {
  color: #fff;
}

.section-whole {
  background: #963821;
  color: white;
  padding-top: 50px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
}

.section-legumes {
  background: #FA4616;
  color: white;
  padding-top: 50px;
  padding-bottom: 10px;
  text-align: center;
  position: relative;
}

.section-legumes:before {
  content: '';
  width: 100%;
  height: 154px;
  background: #FA4616;
  -webkit-clip-path: url(#pathWholeGrains);
  clip-path: url(#pathWholeGrains);
  position: absolute;
  left: 0;
  top: -150px;
}

.section-legumes .section-title {
  color: #fff;
}

.section-variety {
  background: white;
  color: #6C8B47;
  padding-top: 50px;
  padding-bottom: 175px;
  text-align: center;
  position: relative;
}

.section-variety:before {
      content: '';
    width: 100%;
    height: 154px;
    background: #ffffff;
    -webkit-clip-path: url(#pathWholeGrains);
    clip-path: url(#pathWholeGrains);
    position: absolute;
    left: 0;
    top: -150px;

}

.section-variety .section-title {
  opacity: 1;
}

.section-whole:before {
  content: '';
  width: 100%;
  height: 154px;
  background: #963821;
  -webkit-clip-path: url(#pathWholeGrains);
  clip-path: url(#pathWholeGrains);
  position: absolute;
  left: 0;
  top: -150px;
}

.decorador-1,
.decorador-2,
.decorador-3,
.decorador-4 {
  position: absolute;
  bottom: 10px;
  left: -300px;
  height: auto;
  z-index: 1;
}

.decorador-1 {
  bottom: 150px;
  left: -500px;
  transform: rotateZ(235deg);
}

.section-products.w80 {
  width: 80%;
  justify-content: flex-start
}

.product-item.w-relative-33 {
  width: calc(33% - 10px);
}

.product-item-title.w60 {
  width: 60%;
}

@media screen and (min-width:0) and (max-width:809px) {
  .section-title {
    font: normal normal bold 65px/70px Chaumont;
    text-transform: uppercase;
    color: inherit;
    letter-spacing: 0;
  }

  .product-item.w-relative-33 {
    width: 100%;
  }
}


.productDetailTop h1 {
  font-size: 90px !important;
  opacity: 1 !important;
}

.productDetailTop span {
  font-size: 90px !important;
}

body.single-product.postid-694 .gridBlock .gridItem-2 .productMain,
body.single-product.postid-154 .gridBlock .gridItem-2 .productMain,
body.single-product.postid-157 .gridBlock .gridItem-2 .productMain,
body.single-product.postid-160 .gridBlock .gridItem-2 .productMain,
body.single-product.postid-161 .gridBlock .gridItem-2 .productMain,
body.single-product.postid-162 .gridBlock .gridItem-2 .productMain,
body.single-product.postid-165 .gridBlock .gridItem-2 .productMain {
  width: 100%;
  max-width: 800px;
  z-index: 10;
  position: relative;
  display: block;
  margin-bottom: -40px;
  left: 0rem;
  max-height: 500px;
  object-fit: contain;
}

body.single-product.postid-694 .gridBlock .gridItem-2 .maskProduct,
body.single-product.postid-154 .gridBlock .gridItem-2 .maskProduct,
body.single-product.postid-157 .gridBlock .gridItem-2 .maskProduct,
body.single-product.postid-160 .gridBlock .gridItem-2 .maskProduct,
body.single-product.postid-161 .gridBlock .gridItem-2 .maskProduct,
body.single-product.postid-162 .gridBlock .gridItem-2 .maskProduct,
body.single-product.postid-165 .gridBlock .gridItem-2 .maskProduct {
  width: auto;
  max-height: 400px;
  position: absolute;
  transform: rotate(0deg);
  top: -15px;
  object-fit: scale-down;
  height: 100%;
  left: 1rem;
}


@media screen and (min-width:0) and (max-width:809px) {

  body.single-product.postid-694 .gridBlock .gridItem-2 .productMain,
  body.single-product.postid-154 .gridBlock .gridItem-2 .productMain,
  body.single-product.postid-157 .gridBlock .gridItem-2 .productMain,
  body.single-product.postid-160 .gridBlock .gridItem-2 .productMain,
  body.single-product.postid-161 .gridBlock .gridItem-2 .productMain,
  body.single-product.postid-162 .gridBlock .gridItem-2 .productMain,
  body.single-product.postid-165 .gridBlock .gridItem-2 .productMain {
    width: 100%;
    max-width: 300px;
    max-height: 500px;
    object-fit: contain;
    margin: 0 auto;
    left: 0;
  }

  body.single-product.postid-694 .gridBlock .gridItem-2 .maskProduct,
  body.single-product.postid-154 .gridBlock .gridItem-2 .maskProduct,
  body.single-product.postid-157 .gridBlock .gridItem-2 .maskProduct,
  body.single-product.postid-160 .gridBlock .gridItem-2 .maskProduct,
  body.single-product.postid-161 .gridBlock .gridItem-2 .maskProduct,
  body.single-product.postid-162 .gridBlock .gridItem-2 .maskProduct,
  body.single-product.postid-165 .gridBlock .gridItem-2 .maskProduct {
    max-height: 300px;
    transform: rotate(45deg);
    top: -7rem;
    left: -3rem;
  }

  .productDetailTop h1 {
    font-size: 50px !important;

  }

  .productDetailTop span {
    font-size: 50px !important;
  }
}

.alert-promo {
  width: 100%;
  background: #D5E373;
  font-size: 22px;
  padding: 0.2rem;
  text-align: center;
  color: #2C5E21;
  font-family: "brandon-grotesque";
  font-weight: 600;
  text-transform: uppercase;
}

.menu-cart {
  transition: 0.3s ease;
  cursor: pointer;
  position: absolute;
  right: 10%;
  width: 66px;
  height: 66px;
  opacity: 0;
  pointer-events: none;
  display: flex;
  column-gap: .2rem;
  align-items: center;
  justify-content: center;
  font-family: "brandon-grotesque";
  font-size: 16px;
  background: none;
  border: none
}

body.scrolled .menu-cart {
  opacity: 1;
  pointer-events: all;
}

body.scrolled .menu-cart img {
  aspect-ratio: 1;
  width: 100%;
  object-fit: contain;
}

body.scrolled .menu-cart span {
  font-weight: 700;
  color: #638C2E;
}

.postid-27 .maskProduct {
  transform: rotate(0deg);
  left: -160px;
  top: -250px;
}

body>div:nth-of-type(3) .section-products {
  width: 80% !important;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 4rem;
  justify-content: flex-start;
}

body>div:nth-of-type(3) .section-products .product-item {
  width: calc((100% - 20px) / 3);
  text-align: center;
  box-sizing: border-box;
}

body>.section-whole .decorador-2 {
  right: 6rem;
  left: auto;
  bottom: 3rem;
  opacity: 1;
}

body>.section-whole .decorador-3 {
  left: 0;
  bottom: -8rem;
  opacity: 1;

}


body>div:nth-of-type(4) .section-products {
  width: 100% !important;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 4rem;
  justify-content: center;
  position: relative;
  z-index: 2;
}

body>div:nth-of-type(4) .section-products .product-item {
  width: calc((95% - 0px) / 4);
  text-align: center;
  box-sizing: border-box;
  max-width: 405px;
}

body>div:nth-of-type(4) .section-products .product-item .product-item-image {
  aspect-ratio: 0.9;
}

body>.section-legumes .decorador-4 {
  left: -556px;
  bottom: -250px;
  opacity: 1;
  z-index: 1;
}

body.single-product.postid-157 .gridBlock .gridItem-2 .maskProduct {
  max-height: 520px;
  left: 5.4rem;

  @media (max-width: 768px) {
    max-height: 400px;
    left: -6rem;
    top: 19px;
    transform: rotate(20deg);
  }

}

body.single-product.postid-160 .gridBlock .gridItem-2 .maskProduct {
  top: 30px;

  @media (max-width: 768px) {
    top: -100px;
  }
}

body.single-product.postid-164 .gridBlock .gridItem-2 .maskProduct {
  transform: rotate(0deg);
  top: -180px;
}

.body.single-product.postid-694 .gridBlock .gridItem-2 .productMain{
  left: -0.65rem;
}

.body.single-product.postid-154 .productDetailTop .productDetailNutrition::after,
.body.single-product.postid-157 .productDetailTop .productDetailNutrition::after,
.body.single-product.postid-156 .productDetailTop .productDetailNutrition::after,
.body.single-product.postid-165 .productDetailTop .productDetailNutrition::after,
.body.single-product.postid-164 .productDetailTop .productDetailNutrition::after,
.body.single-product.postid-162 .productDetailTop .productDetailNutrition::after,
.body.single-product.postid-161 .productDetailTop .productDetailNutrition::after {
  width: 285px;
  height: 280px;
  bottom: -5px;
}

@media screen and (min-width:0) and (max-width:1481px) {

  .product-item {
    width: calc((100% - 20px) / 2);
    max-width: 50%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    justify-content: center;
  }

  .section-products {
    display: flex;
    justify-content: space-around;
    gap: 20px;
    padding: 50px 0;
    width: 90%;
    margin: 0 auto;
    position: relative;
    flex-direction: row;
    flex-wrap: nowrap;
    z-index: 2;
  }

  .container-img-product {
    margin: 0 auto;
    justify-content: center;
    max-width: 100%;
  }

  /*.product-item-image {
    object-position: bottom;
  }*/

  .section-detail {
    font: normal normal normal 20px / 40px "brandon-grotesque";
    letter-spacing: 0px;
    width: 90%;
    margin: 0 auto;
    line-height: 1.2;
  }

  .product-item-title {
    font: normal normal normal 22px / 50px Chaumont;
    letter-spacing: 0.9px;
    padding: 0;
    margin: 10px 0;
    line-height: 1.2;
  }

  .decorador-1 {
    left: -13rem;
    width: 450px;
    bottom: 5rem;
  }

  body>div:nth-of-type(3) .section-products {
    width: 90% !important;
  }

  body>div:nth-of-type(3) .section-products .product-item {
    width: calc((100% - 20px) / 2);
  }

  body>.section-whole .decorador-2 {
    right: 0.5rem;
    left: auto;
    bottom: 7rem;
    opacity: 1;
    width: 200px;
  }

  body>.section-whole .decorador-3 {
    left: -35px;
    bottom: -6rem;
    opacity: 1;
    width: 150px;
  }

  body>div:nth-of-type(4) .section-products .product-item {
    width: calc((100% - 20px) / 2);
  }

  .decorador-4 {
    left: -13rem !important;
    width: 450px;
    bottom: -5rem !important;
  }

  .menu-cart {
    right: 5%;
  }

  .alert-promo {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    padding: 10px 0;
    box-sizing: border-box;
    position: relative;
  }

  .alert-promo span {
    display: inline-block;
    padding-left: 100%;
    /* Inicia fuera de pantalla */
    animation: marquee 12s linear infinite;
  }

  /* Animación tipo marquee */
  @keyframes marquee {
    0% {
      transform: translateX(0);
    }

    100% {
      transform: translateX(-100%);
    }
  }


  body:has(.alert-promo) .mobileMenuItems::before {
    height: 150px !important;
  }

  body:has(.alert-promo) .menuIcon {
    top: -0 !important;
  }

  body.menuOpen .menu-cart {
    opacity: 0;
    pointer-events: none;
  }
}