/*--------------------------------*\
    GLOBALS
\*--------------------------------*/
/* for mixins, variables, and global styles */
/*
 * Responsive Breakpoints
 ***************************/
/*
 * Margins / Max Widths
 ***************************/
/*
 * Font Stacks
 *
 ***************************/
/*
 * Font Styles
 *
 * @parameter $responsive : boolean, whether the font style needs responsive styles
 * @parameter $mobile : boolean, whether to only output mobile style
 ***************************/
/* H1 */
/* H1 components */
/* H2 */
/* H2 Components */
/* H3 */
/* H3 Components */
/* H4 */
/* H4 Components */
/* H5 */
/* H5 Components */
/* H6 */
/* H6 Components */
/* Paragraph */
/* Paragraph Components */
/* Nav Font */
/* Nav Font Components */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-size: 100%;
  font: inherit;
  padding: 0;
  border: 0;
  margin: 0;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

.clear {
  clear: both;
}

.screen-reader-text, .recipe-feed__filters__input, .newsletter-form__checkbox, .expanded-nav__feed-item .hp-cookbooks__cookbook__container, .site-header__aux__right label, .site-header__aux__right button span {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

html {
  font-size: 62.5% !important;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  width: 100%;
}
@media screen and (max-width: 340px) {
  html {
    font-size: 50% !important;
  }
}

body {
  font-family: tenon, "sans-serif";
}

* {
  box-sizing: border-box;
}

h1 {
  font-family: inherit;
  font-weight: normal;
  font-size: 100%;
  line-height: normal;
  letter-spacing: normal;
  text-transform: none;
  font-family: tenon, "sans-serif";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 40px;
  color: var(--page-color);
}
h2 {
  font-family: tenon, "sans-serif";
  font-weight: bold;
  font-size: 4rem;
  line-height: 4rem;
  letter-spacing: 0.1rem;
  text-transform: none;
  color: var(--page-color);
}
h3 {
  font-family: tenon, "sans-serif";
  font-weight: bold;
  font-size: 3rem;
  line-height: 3.4rem;
  letter-spacing: 0.05rem;
  text-transform: none;
  color: var(--page-color);
}
h4 {
  font-family: tenon, "sans-serif";
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.054rem;
  text-transform: none;
  color: var(--page-color);
}
h5 {
  font-family: tenon, "sans-serif";
  font-weight: bold;
  font-size: 2.1rem;
  line-height: 2.5rem;
  letter-spacing: 0.075rem;
  text-transform: none;
  color: var(--page-color);
}
h6 {
  font-family: tenon, "sans-serif";
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 0.064rem;
  text-transform: none;
  color: var(--page-color);
}
p {
  font-family: tenon, "sans-serif";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.5rem;
  letter-spacing: 0.027rem;
  text-transform: none;
}
ul {
  padding: 0;
  margin: 4rem 0;
  list-style: none !important;
}
ul li {
  list-style: none !important;
  padding-left: 8rem;
  margin: 0;
  margin-bottom: 1.6rem;
  font-family: tenon, "sans-serif";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.5rem;
  letter-spacing: 0.027rem;
  text-transform: none;
  position: relative;
}
ul li:last-child {
  margin-bottom: 0;
}
ul li > ul {
  margin-top: 0.8rem;
}
ul li::before {
  content: "";
  position: absolute;
  left: 4.4rem;
  top: 0.8rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: var(--page-color);
}

a {
  text-decoration: none;
  color: inherit;
}

.container-margins {
  width: calc(100vw - calc(16px * 2));
  max-width: 959px;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (min-width: 1440px) {
  .container-margins {
    max-width: 1200px;
  }
}
@media (max-width: 767px) {
  .container-margins {
    width: calc(100vw - calc(16px * 2));
  }
}

.content-margins {
  width: calc(100vw - calc(32px * 2));
  max-width: 620px;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (min-width: 1440px) {
  .content-margins {
    max-width: 750px;
  }
}
@media (max-width: 767px) {
  .content-margins {
    width: calc(100vw - calc(32px * 2));
  }
}

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

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

.no-scroll {
  overflow: hidden;
}

b, em {
  font-weight: bold;
}

svg {
  fill: currentColor;
  stroke: currentColor;
}

.btn-arrow-red {
  background-color: #FFEDCB;
  padding: 10px 16px;
  font-family: tenon, "sans-serif";
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 17px;
  color: #CD4B00;
  position: relative;
  display: inline-block;
}
.btn-arrow-red:after {
  content: "";
  background-image: url("data:image/svg+xml,%3C!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 17 10' style='enable-background:new 0 0 17 10;' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:%23B44838;%7D %3C/style%3E %3Cg id='Symbols'%3E %3Cg id='Navigation_x2F_Footer' transform='translate(-935.000000, -77.000000)'%3E %3Cg id='Group-85' transform='translate(256.000000, 44.500000)'%3E %3Cg id='Group-54' transform='translate(332.000000, 18.000000)'%3E %3Cg id='Group-6-Copy-2' transform='translate(268.000000, 0.000000)'%3E %3Cg id='Group-5' transform='translate(13.000000, 10.000000)'%3E %3Cg id='_x30_01-down-arrow' transform='translate(74.500000, 9.500000) rotate(-90.000000) translate(-74.500000, -9.500000) translate(70.000000, 1.500000)'%3E %3Cpath id='Path' class='st0' d='M8.7,10.4c-0.3-0.3-0.7-0.3-1,0L5.2,13V0.7C5.2,0.3,4.9,0,4.5,0S3.7,0.3,3.7,0.7V13l-2.5-2.5 c-0.3-0.3-0.7-0.3-1,0s-0.3,0.7,0,1L4,15.2c0.3,0.3,0.7,0.3,1,0l3.7-3.8C9,11.2,9,10.7,8.7,10.4z'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  width: 17px;
  height: 10px;
  display: inline-block;
  margin-left: 10px;
}

.btn-arrow {
  background-color: var(--page-color);
  padding: 10px 16px;
  font-family: tenon, "sans-serif";
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 17px;
  color: #FFFFFF;
  position: relative;
  display: inline-block;
}
.btn-arrow:after {
  content: "";
  background-image: url("data:image/svg+xml,%3C!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 17 10' style='enable-background:new 0 0 17 10;' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D %3C/style%3E %3Cg id='Symbols'%3E %3Cg id='Navigation_x2F_Footer' transform='translate(-935.000000, -77.000000)'%3E %3Cg id='Group-85' transform='translate(256.000000, 44.500000)'%3E %3Cg id='Group-54' transform='translate(332.000000, 18.000000)'%3E %3Cg id='Group-6-Copy-2' transform='translate(268.000000, 0.000000)'%3E %3Cg id='Group-5' transform='translate(13.000000, 10.000000)'%3E %3Cg id='_x30_01-down-arrow' transform='translate(74.500000, 9.500000) rotate(-90.000000) translate(-74.500000, -9.500000) translate(70.000000, 1.500000)'%3E %3Cpath id='Path' class='st0' d='M8.7,10.4c-0.3-0.3-0.7-0.3-1,0L5.2,13V0.7C5.2,0.3,4.9,0,4.5,0C4.1,0,3.7,0.3,3.7,0.7V13 l-2.5-2.5c-0.3-0.3-0.7-0.3-1,0c-0.3,0.3-0.3,0.7,0,1L4,15.2c0.3,0.3,0.7,0.3,1,0l3.7-3.8C9,11.2,9,10.7,8.7,10.4z'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  background-position: center;
  width: 17px;
  height: 10px;
  display: inline-block;
  margin-left: 10px;
}

.btn-arrow-teal {
  background-color: #29656B;
  padding: 10px 16px;
  font-family: tenon, "sans-serif";
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 17px;
  color: #FFFFFF;
  position: relative;
  display: inline-block;
}
.btn-arrow-teal:after {
  content: "";
  background-image: url("data:image/svg+xml,%3C!-- Generator: Adobe Illustrator 24.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 17 10' style='enable-background:new 0 0 17 10;' xml:space='preserve'%3E %3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D %3C/style%3E %3Cg id='Symbols'%3E %3Cg id='Navigation_x2F_Footer' transform='translate(-935.000000, -77.000000)'%3E %3Cg id='Group-85' transform='translate(256.000000, 44.500000)'%3E %3Cg id='Group-54' transform='translate(332.000000, 18.000000)'%3E %3Cg id='Group-6-Copy-2' transform='translate(268.000000, 0.000000)'%3E %3Cg id='Group-5' transform='translate(13.000000, 10.000000)'%3E %3Cg id='_x30_01-down-arrow' transform='translate(74.500000, 9.500000) rotate(-90.000000) translate(-74.500000, -9.500000) translate(70.000000, 1.500000)'%3E %3Cpath id='Path' class='st0' d='M8.7,10.4c-0.3-0.3-0.7-0.3-1,0L5.2,13V0.7C5.2,0.3,4.9,0,4.5,0C4.1,0,3.7,0.3,3.7,0.7V13 l-2.5-2.5c-0.3-0.3-0.7-0.3-1,0c-0.3,0.3-0.3,0.7,0,1L4,15.2c0.3,0.3,0.7,0.3,1,0l3.7-3.8C9,11.2,9,10.7,8.7,10.4z'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  background-position: center;
  width: 17px;
  height: 10px;
  display: inline-block;
  margin-left: 10px;
}

.three-column-grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.three-column-grid__item {
  width: 32%;
  margin-bottom: 30px;
}
.three-column-grid__item figure {
  width: 100%;
}
.three-column-grid__item figure img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.three-column-grid h2 {
  font-family: tenon, "sans-serif";
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 24px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 3px;
  margin-top: 12px;
}

.four-column-grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .four-column-grid {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.four-column-grid__item {
  width: 23%;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .four-column-grid__item {
    width: 100%;
  }
}
.four-column-grid__item figure {
  position: relative;
  overflow: hidden;
}
.four-column-grid__item figure:before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 80%;
}
.four-column-grid__item figure img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
.four-column-grid__item figure img:hover, .four-column-grid__item figure img:focus {
  transform: scale(1.05);
}
.four-column-grid h2 {
  font-family: tenon, "sans-serif";
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 24px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 3px;
  margin-top: 12px;
}

.alignleft {
  max-width: 100%;
  height: auto;
  text-align: left;
}

.aligncenter, .alignnone {
  max-width: 100%;
  height: auto;
  text-align: center;
}

.alignright {
  max-width: 100%;
  height: auto;
  text-align: right;
}

/*--------------------------------*\
   BLOCKS
\*--------------------------------*/
/* for gutenberg blocks, native or custom */
.post-block__figure {
  position: relative;
  margin-bottom: 1rem;
  overflow: hidden;
}
.post-block__figure::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 97%;
}
.post-block__figure img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
.post-block__title {
  font-size: 1.8rem;
  line-height: 2.1rem;
  letter-spacing: 0.03rem;
  font-weight: 400;
  color: inherit;
}
.post-block__subtitle {
  color: #292929;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  line-height: 1.8rem;
  margin-top: 0.4rem;
}
.post-block:hover .post-block__figure img, .post-block:focus-within .post-block__figure img {
  transform: scale(1.05);
}
.post-block.type-collection .post-block__figure {
  margin: 0;
}
.post-block.type-collection .post-block__figure::before {
  padding-bottom: 141%;
}
.post-block.type-collection .post-block__container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.post-block.type-collection .post-block__title {
  font-weight: 500;
  margin: 0 auto;
  transform: translateY(-50%);
  background: #FFFFFF;
  border: 0.5px solid currentColor;
  font-size: 1.6rem;
  line-height: 1.8rem;
  letter-spacing: 0.067rem;
  text-align: center;
  box-shadow: 5px 5px 0 currentColor;
  max-width: calc(100% - 1.2rem);
  display: block;
}
.post-block.type-collection .post-block__title-link {
  padding: 0.4rem 1.6rem;
  display: block;
}
@media (min-width: 1440px) {
  .post-block.type-collection .post-block__title-link {
    padding: 0.8rem 1.2rem;
  }
}
@media (max-width: 767px) {
  .post-block.type-collection .post-block__title-link {
    padding: 0.8rem 1rem;
  }
}
.post-block.type-cookbook .post-block__figure::before {
  padding-bottom: 127.5%;
}
.post-block__cook-time {
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #8F8F8F;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  margin-top: 0.4rem;
}
.post-block__excerpt {
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0.023rem;
  color: #8F8F8F;
  height: 4.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}
.post-block__cat {
  font-size: 1.2rem;
  line-height: 1.2rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 1rem;
}

.inner-container-margins {
  position: relative;
  left: calc(50% - 50vw);
  width: 100vw;
}
.inner-container-margins.has-background {
  padding: 3rem 0;
  position: relative;
}
.inner-container-margins.has-background::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(assets/e78638d389443c707fc5be3cddbe2a96.jpg);
  background-size: 12.8rem auto;
  mix-blend-mode: multiply;
  opacity: 0.15;
  z-index: 1;
}
.inner-container-margins.has-background::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(assets/1501497698980f033af7d1d6014ec5f0.jpg);
  background-size: cover;
  mix-blend-mode: screen;
  opacity: 0.5;
  z-index: 2;
}
.inner-container-margins.has-background > * {
  position: relative;
  z-index: 3;
}
.inner-container-margins__margins {
  width: calc(100vw - calc(16px * 2));
  max-width: 959px;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (min-width: 1440px) {
  .inner-container-margins__margins {
    max-width: 1200px;
  }
}
@media (max-width: 767px) {
  .inner-container-margins__margins {
    width: calc(100vw - calc(16px * 2));
  }
}
.inner-container-margins__margins > *:first-child {
  margin-top: 0;
}
.inner-container-margins__margins > *:last-child {
  margin-bottom: 0;
}

.image-text-blurb {
  background: rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2.8rem;
  padding-bottom: 3.2rem;
  margin: 4rem 0;
}
@media (min-width: 1440px) {
  .image-text-blurb {
    padding-left: 5.6rem;
    padding-right: 5.6rem;
  }
}
@media (max-width: 767px) {
  .image-text-blurb {
    padding: 2.4rem 1.2rem;
    flex-wrap: wrap;
  }
}
.image-text-blurb__left {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 15.6rem;
  margin-right: 8rem;
}
@media (max-width: 767px) {
  .image-text-blurb__left {
    margin-right: 0;
    margin-bottom: 1.2rem;
  }
}
.image-text-blurb__left > * {
  max-width: 100%;
  width: auto;
  height: auto;
  display: block;
}
.image-text-blurb__right {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  max-width: 76rem;
}
@media (max-width: 767px) {
  .image-text-blurb__right {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
  }
}
.image-text-blurb__right > * {
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: 0.083rem;
}
.image-text-blurb__right > * a {
  color: #FFEDCB;
  border-bottom: 1.5px solid currentColor;
  transition: 300ms;
}
.image-text-blurb__right > * a:nth-of-type(3n + 1):focus, .image-text-blurb__right > * a:nth-of-type(3n + 1):hover {
  color: #86FFBC;
}
.image-text-blurb__right > * a:nth-of-type(3n + 2):focus, .image-text-blurb__right > * a:nth-of-type(3n + 2):hover {
  color: #7FDFFF;
}
.image-text-blurb__right > * a:nth-of-type(3n + 3):focus, .image-text-blurb__right > * a:nth-of-type(3n + 3):hover {
  color: #FFD4D0;
}

.youtube-preview {
  position: relative;
}
@media (max-width: 767px) {
  .youtube-preview {
    width: 100vw;
    left: calc(50% - 50vw);
  }
}
.youtube-preview__embed {
  width: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .youtube-preview__embed {
    border-radius: 0;
  }
}
.youtube-preview__embed::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  z-index: 1;
}
@media (max-width: 767px) {
  .youtube-preview__embed::before {
    padding-bottom: 100%;
  }
}
.youtube-preview__embed iframe {
  position: absolute;
  left: 0;
  top: -6rem;
  width: 100%;
  height: calc(100% + 12rem);
  z-index: 2;
  pointer-events: none;
}
@media (max-width: 767px) {
  .youtube-preview__embed iframe {
    height: calc(100vw + 12rem);
    width: 177vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.youtube-preview__embed::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 15.5rem;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.53) 42.12%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 3;
}
.youtube-preview__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 3rem;
  z-index: 2;
  pointer-events: none;
}
.youtube-preview__link__text {
  pointer-events: auto;
  display: block;
  font-family: mokoko, serif;
  font-weight: 700;
  color: #FFEDCB;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.08rem;
  max-width: 28.6rem;
  margin-bottom: 1.9rem;
}
.youtube-preview__link__text span {
  position: relative;
}
.youtube-preview__link__text span::after {
  display: inline-block;
  line-height: 20px;
  position: absolute;
  bottom: -1.2rem;
  border-bottom: 0.7rem solid #FFEDCB;
  width: 100%;
  left: 0;
  content: "";
}
.youtube-preview__link__text svg {
  width: 2.4rem;
  height: auto;
  margin-left: 1.2rem;
  transition: 300ms;
}
.youtube-preview__link:hover .youtube-preview__link__text svg, .youtube-preview__link:focus .youtube-preview__link__text svg {
  margin-left: 2rem;
}

.hp-recipes__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .hp-recipes__header {
    flex-wrap: wrap;
  }
}
.hp-recipes__header__title {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 27.5rem;
  margin-right: 2rem;
  padding: 1.2rem 3.2rem;
}
@media (min-width: 1440px) {
  .hp-recipes__header__title {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 35.2rem;
  }
}
@media (max-width: 767px) {
  .hp-recipes__header__title {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
  }
}
.hp-recipes__header__title img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.hp-recipes__header__newsletter {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  background: #F5F5F5;
  color: #29656B;
  padding: 2rem;
  margin-bottom: 18px;
}
.hp-recipes__header__newsletter__copy {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.075rem;
  line-height: 2.4rem;
  color: inherit;
  margin-bottom: 1.2rem;
}
.hp-recipes__header__newsletter .newsletter-form__submit {
  background: #29656B;
  color: #FFFFFF;
}
.hp-recipes__header__newsletter .newsletter-form__submit:hover, .hp-recipes__header__newsletter .newsletter-form__submit:focus {
  background-color: #0093BF;
}
@media (max-width: 767px) {
  .hp-recipes__header__newsletter {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    padding: 2.4rem 1.2rem;
    margin-bottom: 0.8rem;
  }
  .hp-recipes__header__newsletter .newsletter-form__email {
    order: 1;
  }
  .hp-recipes__header__newsletter .newsletter-form__checkbox__container {
    order: 2;
    margin: 1.6rem 0;
  }
  .hp-recipes__header__newsletter .newsletter-form__submit {
    order: 3;
    margin-left: 0;
  }
}
.hp-recipes__recipes {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .hp-recipes__recipes {
    flex-wrap: wrap;
  }
}
.hp-recipes__recipes__left {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 27.5rem;
  margin-right: 2rem;
}
@media (min-width: 1440px) {
  .hp-recipes__recipes__left {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 35.2rem;
  }
}
@media (max-width: 767px) {
  .hp-recipes__recipes__left {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 3.2rem;
  }
}
.hp-recipes__recipes__right {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
}
@media (max-width: 767px) {
  .hp-recipes__recipes__right {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
  }
}
.hp-recipes__recipes__right-image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 767px) {
  .hp-recipes__recipes__right-image {
    position: relative;
    height: auto;
  }
  .hp-recipes__recipes__right-image::before {
    content: "";
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 120%;
  }
}
.hp-recipes__recipes__right-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
  object-fit: cover;
}
.hp-recipes__recipes__right-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  z-index: 2;
}
.hp-recipes__recipes__right-link .wp-block-button__link {
  background-color: #0093BF;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .hp-recipes__recipes__right-link .wp-block-button__link {
    font-size: 16px;
    letter-spacing: 0.57px;
    line-height: 19px;
  }
}
@media (max-width: 767px) {
  .hp-recipes__recipes__right-link .wp-block-button__link svg {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .hp-recipes__recipes__right-link .wp-block-button__link {
    padding-left: 18px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.hp-recipes__recipes__right-link:hover .wp-block-button__link, .hp-recipes__recipes__right-link:focus .wp-block-button__link {
  background-color: #FFFFFF;
  color: #0093BF;
}
.hp-recipes__recipes__right-link:hover ~ .hp-recipes__recipes__right-image img, .hp-recipes__recipes__right-link:focus ~ .hp-recipes__recipes__right-image img {
  transform: scale(1.04);
}
.hp-recipes__recipe {
  margin-bottom: 1.66rem;
}
.hp-recipes__recipe:last-child {
  margin-bottom: 0;
}
.hp-recipes__recipe:nth-child(n+2) {
  padding-top: 1.6rem;
  border-top: 0.5px solid currentColor;
}
.hp-recipes__recipe__figure::before {
  padding-bottom: 66.5%;
}
.hp-recipes__recipe__title {
  font-size: 2.1rem;
  line-height: 2.4rem;
  font-weight: 500;
}
.hp-recipes__collections {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  border-top: 1px solid #CD4B00;
  margin-top: 4.4rem;
}
@media (max-width: 767px) {
  .hp-recipes__collections {
    flex-wrap: wrap;
    border-top: 0;
    margin-top: 3.2rem;
  }
}
.hp-recipes__collections__cta {
  align-self: stretch;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 22rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background-color: #0093BF;
  padding: 3rem;
}
@media (min-width: 768px) {
  .hp-recipes__collections__cta {
    position: relative;
    top: -1px;
  }
}
@media (min-width: 1440px) {
  .hp-recipes__collections__cta {
    padding: 6rem;
  }
}
@media (max-width: 767px) {
  .hp-recipes__collections__cta {
    padding: 1rem;
    margin-bottom: 1rem;
  }
}
.hp-recipes__collections__cta__copy {
  color: #FFFFFF;
  margin-bottom: 2.4rem;
}
@media (min-width: 1025px) {
  .hp-recipes__collections__cta__copy {
    font-size: 3.5rem;
    line-height: 3.5rem;
    letter-spacing: 0.01rem;
  }
}
.hp-recipes__collections__cta__copy b, .hp-recipes__collections__cta__copy strong {
  color: #FFEDCB;
}
@media (max-width: 767px) {
  .hp-recipes__collections__cta__copy {
    font-size: 2.1rem;
    line-height: 2.5rem;
    letter-spacing: 0.056rem;
    max-width: 8rem;
    margin-bottom: 2rem;
  }
}
.hp-recipes__collections__cta__link {
  color: #0093BF;
}
.hp-recipes__collections__cta__link .wp-block-button__link {
  color: #0093BF;
  background-color: #FFFFFF;
}
@media (max-width: 767px) {
  .hp-recipes__collections__cta__link .wp-block-button__link {
    padding: 0.4rem 1rem;
  }
}
.hp-recipes__collections__cta__link .wp-block-button__link:hover, .hp-recipes__collections__cta__link .wp-block-button__link:focus {
  background-color: #FFEDCB;
}
@media (min-width: 1440px) {
  .hp-recipes__collections__cta {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 28rem;
  }
}
@media (max-width: 767px) {
  .hp-recipes__collections__cta {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 0.5rem);
  }
}
.hp-recipes__collection {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  padding-top: 2rem;
  margin-left: 2rem;
}
@media (min-width: 1440px) {
  .hp-recipes__collection {
    padding-top: 2.8rem;
  }
}
@media (max-width: 767px) {
  .hp-recipes__collection {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 0.5rem);
    margin: 0;
    padding-top: 0;
    margin-bottom: 1rem;
  }
}

.hp-recipes__collections .hp-recipes__collection:first-child h2 {
  color: #CD4B00;
  border: 0.5px solid #CD4B00;
  box-shadow: 5px 5px 0 #CD4B00;
}
.hp-recipes__collections .hp-recipes__collection:last-child h2 {
  color: #0093BF;
  border: 0.5px solid #0093BF;
  box-shadow: 5px 5px 0 #0093BF;
}

.hp-cookbooks {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .hp-cookbooks {
    flex-wrap: wrap;
  }
}
.hp-cookbooks__header {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 18rem;
  margin-right: 4rem;
}
@media (max-width: 767px) {
  .hp-cookbooks__header {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 0.5rem);
    margin-right: 0;
    margin-bottom: 2rem;
  }
}
.hp-cookbooks__header__title {
  margin: 0;
  margin-bottom: 1.6rem;
}
.hp-cookbooks__header__title img {
  max-width: calc(100% - 2rem);
  height: auto;
}
.hp-cookbooks__header__copy {
  margin: 0;
  margin-bottom: 2rem;
  color: #8F8F8F;
}
.hp-cookbooks__header__cta {
  color: #FFFFFF;
}
.hp-cookbooks__header__cta .wp-block-button__link {
  color: #FFFFFF;
  background: #AB2A11;
}
.hp-cookbooks__header__cta .wp-block-button__link:hover, .hp-cookbooks__header__cta .wp-block-button__link:focus {
  background-color: #CD4B00;
}
.hp-cookbooks__cookbook, .hp-cookbooks__placeholder {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  margin-left: 1.6rem;
}
@media (min-width: 1440px) {
  .hp-cookbooks__cookbook, .hp-cookbooks__placeholder {
    margin-left: 2.4rem;
  }
}
@media (max-width: 767px) {
  .hp-cookbooks__cookbook, .hp-cookbooks__placeholder {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 0.5rem);
    margin-left: 0;
    margin-bottom: 2rem;
  }
}
.hp-cookbooks__placeholder {
  position: relative;
}
.hp-cookbooks__placeholder::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 127.5%;
}
.hp-cookbooks__placeholder-inner {
  background: #CD4B00;
  color: #FFFFFF;
  position: relative;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 1.4rem;
  line-height: 1.7rem;
  letter-spacing: 0.076rem;
}
.hp-cookbooks__placeholder-inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(assets/e78638d389443c707fc5be3cddbe2a96.jpg);
  background-size: 12.8rem auto;
  mix-blend-mode: multiply;
  opacity: 0.15;
  z-index: 1;
}
.hp-cookbooks__placeholder-inner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(assets/1501497698980f033af7d1d6014ec5f0.jpg);
  background-size: cover;
  mix-blend-mode: screen;
  opacity: 0.5;
  z-index: 2;
}
.hp-cookbooks__placeholder-inner > * {
  position: relative;
  z-index: 3;
}
.hp-cookbooks__placeholder-inner img {
  margin-bottom: 1.6rem;
  max-width: 9.4rem;
  height: auto;
}

.hp-news {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-bottom: 6rem;
}
@media (max-width: 767px) {
  .hp-news {
    margin-bottom: 1rem;
  }
}
.hp-news__title img {
  max-width: 34rem;
  height: auto;
}
@media (min-width: 1440px) {
  .hp-news__title img {
    max-width: 39rem;
  }
}
.hp-news__image {
  display: none;
}
@media (max-width: 767px) {
  .hp-news__image {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    position: relative;
  }
  .hp-news__image::before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 126%;
  }
  .hp-news__image img {
    position: absolute;
    left: calc(50% - 50vw);
    top: 0;
    width: 100vw;
    height: 100%;
    object-fit: cover;
  }
}
.hp-news__news {
  padding: 2rem;
  background: #29656B;
  color: #FFFFFF;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1440px) {
  .hp-news__news {
    padding: 2rem 2.4rem;
  }
}
.hp-news__news__upper {
  align-self: stretch;
}
.hp-news__news__category {
  font-size: 1.2rem;
  line-height: 2.1rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
}
.hp-news__news__title {
  color: #FFFFFF;
  font-size: 2.1rem;
  line-height: 2.4rem;
  letter-spacing: 0.056rem;
  font-weight: 500;
  margin-bottom: 1.6rem;
}
@media (max-width: 767px) {
  .hp-news__news__title {
    font-size: 1.6rem;
    line-height: 2rem;
    letter-spacing: 0.043rem;
  }
}
.hp-news__news__excerpt {
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: 0.05rem;
  margin-bottom: 1.2rem;
}
.hp-news__news .wp-block-button__link {
  background: #0093BF;
  color: #FFFFFF;
}
.hp-news__news__link {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(50% - 1rem);
  display: flex;
  align-items: stretch;
  margin-bottom: 1.6rem;
  min-height: 33.8rem;
  min-height: 24.8rem;
  position: relative;
  z-index: 2;
}
@media (min-width: 1440px) {
  .hp-news__news__link {
    min-height: 33.8rem;
  }
}
@media (max-width: 767px) {
  .hp-news__news__link {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    margin-bottom: 2rem !important;
    min-height: unset;
  }
}
.hp-news__news__link:nth-last-child(1), .hp-news__news__link:nth-last-child(2) {
  margin-bottom: 0;
}
.hp-news__news__link:first-of-type {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  margin-bottom: 1.6rem;
}
@media (max-width: 767px) {
  .hp-news__news__link:first-of-type {
    margin-top: -7.6rem;
  }
}
.hp-news__news__link:first-of-type .hp-news__news {
  background: #BD8A00;
}
@media (min-width: 1440px) {
  .hp-news__news__link:first-of-type .hp-news__news {
    padding: 3.2rem;
  }
}
.hp-news__news__link:first-of-type .hp-news__news__title {
  font-size: 2.8rem;
  line-height: 3.2rem;
  letter-spacing: 0.01rem;
}
@media (max-width: 767px) {
  .hp-news__news__link:first-of-type .hp-news__news__title {
    font-size: 2.8rem;
    line-height: 3.2rem;
    letter-spacing: 0.01rem;
  }
}
.hp-news__news__link:first-of-type .wp-block-button__link {
  background: #E07160;
}
.hp-news__news__link:hover .wp-block-button__link, .hp-news__news__link:focus .wp-block-button__link {
  background-color: #FFFFFF;
  color: #29656B;
}
.hp-news__news__link:hover .wp-block-button__link svg, .hp-news__news__link:focus .wp-block-button__link svg {
  transform: translateX(3px);
}
.hp-news__left {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .hp-news__left {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
  }
}
.hp-news__right {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 40rem;
  position: relative;
  margin-left: 2rem;
}
@media (min-width: 1440px) {
  .hp-news__right {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 51.2rem;
    margin-left: 2.4rem;
  }
}
@media (max-width: 767px) {
  .hp-news__right {
    display: none;
  }
}
.hp-news__right img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hp-cta {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .hp-cta {
    flex-direction: column;
    margin-bottom: 25rem;
  }
}
.hp-cta__left {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 38rem;
  display: block;
  position: relative;
  margin-right: 2rem;
}
@media (max-width: 767px) {
  .hp-cta__left {
    margin-right: 0;
    margin-bottom: 40px;
    flex-basis: 32rem;
  }
}
@media (min-width: 1440px) {
  .hp-cta__left {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 48.4rem;
  }
}
.hp-cta__left::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 80%;
}
.hp-cta__left img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hp-cta__right {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
}
@media (max-width: 767px) {
  .hp-cta__right {
    margin-bottom: 30px;
  }
}
.hp-cta__right-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  position: relative;
  z-index: 2;
}
.hp-cta__right-top__lines {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  height: 8rem;
  background-image: linear-gradient(180deg, #52854C 0%, #52854C 100%), radial-gradient(circle, #52854C 0, #52854C 3.5px, rgba(82, 133, 76, 0) 3.5px), radial-gradient(circle, #52854C 0, #52854C 3.5px, rgba(82, 133, 76, 0) 3.5px), linear-gradient(180deg, #BD8A00 0%, #BD8A00 100%), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #10604E 0%, #10604E 100%), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), linear-gradient(180deg, #00B4ED 0%, #00B4ED 100%), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), linear-gradient(180deg, #FF8371 0%, #FF8371 100%), radial-gradient(circle, #FF8371 0, #FF8371 3.5px, rgba(255, 131, 113, 0) 3.5px), radial-gradient(circle, #FF8371 0, #FF8371 3.5px, rgba(255, 131, 113, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px);
  background-size: calc(100% - 7px) 7px, 7px 7px, 7px 7px, calc(100% - 7px) 7px, 7px 7px, 7px 7px, calc(100% - 7px) 7px, 7px 7px, 7px 7px, calc(100% - 7px) 7px, 7px 7px, 7px 7px, calc(100% - 7px) 7px, 7px 7px, 7px 7px, calc(100% - 7px) 7px, 7px 7px, 7px 7px, calc(100% - 7px) 7px, 7px 7px, 7px 7px;
  background-position:  2.5px 0px, left 0px, right 0px,  2.5px 12px, left 12px, right 12px,  2.5px 24px, left 24px, right 24px,  2.5px 36px, left 36px, right 36px,  2.5px 48px, left 48px, right 48px,  2.5px 60px, left 60px, right 60px,  2.5px 72px, left 72px, right 72px;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
@media (max-width: 767px) {
  .hp-cta__right-top__lines {
    transform: rotate(-90deg);
  }
}
.hp-cta__right-top__container {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 30rem;
  margin-left: 2rem;
  background: #10604E;
  padding: 1.6rem 4.4rem 3.2rem 2.4rem;
}
@media (min-width: 1440px) {
  .hp-cta__right-top__container {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 38.4rem;
    padding: 5.2rem 4.4rem;
  }
}
@media (max-width: 767px) {
  .hp-cta__right-top__container {
    position: relative;
    top: 0;
    padding-top: 25px;
  }
}
.hp-cta__right-bottom {
  position: absolute;
  left: 0;
  top: 10rem;
  width: calc(100% - 8rem);
  height: calc(100% - 10rem);
}
@media (min-width: 1440px) {
  .hp-cta__right-bottom {
    width: calc(100% - 10rem);
  }
}
@media (max-width: 767px) {
  .hp-cta__right-bottom {
    left: 50%;
    top: 0%;
    width: 100%;
    transform: translate(-50%, 50%);
    height: calc(100% + 10rem);
  }
}
.hp-cta__right-bottom img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hp-cta__copy {
  color: #FFEDCB;
  margin-bottom: 2.4rem;
  font-size: 2.4rem;
  line-height: 3rem;
  letter-spacing: 0.1rem;
  font-weight: 500;
}
.hp-cta__cta {
  color: #10604E;
}
.hp-cta__cta .wp-block-button__link:hover, .hp-cta__cta .wp-block-button__link:focus {
  background: #FFFFFF;
}

.has-green-color {
  color: #10604E;
}

.has-green-background-color {
  background-color: #10604E;
}

.has-dark-orange-color {
  color: #CD4B00;
}

.has-dark-orange-background-color {
  background-color: #CD4B00;
}

.has-blue-color {
  color: #0093BF;
}

.has-blue-background-color {
  background-color: #0093BF;
}

.has-terracotta-color {
  color: #E07160;
}

.has-terracotta-background-color {
  background-color: #E07160;
}

.has-beige-color {
  color: #FFEDCB;
}

.has-beige-background-color {
  background-color: #FFEDCB;
}

.has-black-color {
  color: #000000;
}

.has-black-background-color {
  background-color: #000000;
}

.has-white-color {
  color: #FFFFFF;
}

.has-white-background-color {
  background-color: #FFFFFF;
}

.wp-block-button__link {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  background: #FFEDCB;
  color: inherit;
  padding: 0.8rem 1.6rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
  font-weight: 600;
  letter-spacing: 0.05rem;
  cursor: pointer;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
.wp-block-button__link svg {
  margin-left: 0.6rem;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
.wp-block-button__link:focus svg, .wp-block-button__link:hover svg {
  transform: translateX(3px);
}
.wp-block-button__link:hover, .wp-block-button__link:visited, .wp-block-button__link:focus {
  color: inherit;
}

p.has-large-font-size {
  font-size: 2.4rem;
  line-height: 3.5rem;
  letter-spacing: 0.086rem;
}

.wp-block-pullquote blockquote p:not(.wp-block-pullquote__citation) {
  background-color: var(--page-color) !important;
  color: #FFEDCB;
  font-family: tenon, "sans-serif";
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 1.79px;
  line-height: 60px;
  text-align: center;
  display: inline;
  margin: 0.2rem auto;
  width: 411px;
}
@media (max-width: 767px) {
  .wp-block-pullquote blockquote p:not(.wp-block-pullquote__citation) {
    display: inline;
    width: auto;
    word-wrap: break-word;
    font-size: 3.5rem;
    line-height: 4.7rem;
    position: relative;
    left: -10px;
  }
}
.wp-block-pullquote__citation {
  margin: 0 !important;
  margin-top: 2rem !important;
}
.wp-block-pullquote__citation, .wp-block-pullquote__citation cite {
  font-size: 2.1rem;
  line-height: 2.5rem;
  letter-spacing: 0.075rem;
  font-family: tenon, "sans-serif";
  font-weight: bold;
}

.wp-block-quote {
  margin: 2rem 0;
  position: relative;
}
.wp-block-quote::before {
  content: "";
  position: absolute;
  top: -45px;
  left: 0;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='40px' height='32px' viewBox='0 0 40 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Ctitle%3E“%3C/title%3E %3Cg id='Desktop' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Pages/Cookbooks/Single' transform='translate(-202.000000, -2339.000000)' fill='%2310604E' fill-rule='nonzero'%3E %3Cg id='Group-4-Copy' transform='translate(202.000000, 2339.500000)'%3E %3Cpath d='M8.72890889,31 C13.5883015,31 17.1428571,27.639087 17.1428571,22.9072753 C17.1428571,18.6619116 13.8582677,15.3452211 9.71878515,15.3452211 L9.4488189,15.3452211 C10.8436445,11.5863053 14.3532058,9.06562054 19.3025872,6.32382311 L15.1631046,0 C5.12935883,5.12981455 0,11.7631954 0,20.8730385 C0,27.639087 3.3295838,31 8.72890889,31 Z M29.3813273,31 C34.2857143,31 37.7952756,27.639087 37.7952756,22.9072753 C37.7952756,18.6619116 34.5106862,15.3452211 30.3712036,15.3452211 L30.1012373,15.3452211 C31.5410574,11.5863053 35.0506187,9.06562054 40,6.32382311 L35.8155231,0 C25.7817773,5.12981455 20.6524184,11.7631954 20.6524184,20.8730385 C20.6524184,27.639087 23.9820022,31 29.3813273,31 Z' id='“'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  height: 31px;
  width: 100%;
}
.wp-block-quote p {
  color: #CD4B00;
  font-family: tenon, "sans-serif";
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 0.75px;
  line-height: 35px;
  border-bottom: 6px solid #10604E;
  padding-bottom: 25px;
  display: block;
  margin-top: 85px;
  margin-bottom: 20px;
}
.wp-block-quote p:first-child {
  margin-top: 60px;
}
.wp-block-quote cite {
  font-family: tenon, "sans-serif";
  font-size: 18px;
  letter-spacing: 0.64px;
  line-height: 22px;
  color: #10604E;
}
.wp-block-quote cite strong {
  font-family: tenon, "sans-serif";
  font-size: 18px;
  letter-spacing: 0.64px;
  line-height: 22px;
  color: #10604E;
  font-weight: 700;
  margin-bottom: 3px;
}

.wp-block-separator {
  background-color: var(--page-color);
  opacity: 0.4;
  height: 1px;
  border: 0;
  margin: 40px 0;
}

.wp-block-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}

figcaption {
  color: var(--page-color);
  font-family: tenon, "sans-serif";
  font-size: 14px;
  letter-spacing: 0.26px;
  line-height: 18px;
}

@media (min-width: 1440px) {
  .alignwide {
    width: calc(100% + 225px);
  }
}
@media (min-width: 1025px) {
  .alignwide {
    width: calc(100% + 169.5px);
  }
}

.wp-block-pullquote {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

.half-image-half-text-block {
  display: flex;
}
@media (max-width: 767px) {
  .half-image-half-text-block {
    flex-direction: column;
  }
}
.half-image-half-text-block__bg-text {
  background-image: url(assets/0a016b885d0736f7f9919d9127f1d86c.jpg);
  width: 50%;
  padding-left: 32px;
  padding-right: 39px;
  padding-top: 165px;
  padding-bottom: 165px;
}
@media (max-width: 767px) {
  .half-image-half-text-block__bg-text {
    width: 100%;
    order: 1;
    padding-top: 64px;
    padding-bottom: 98px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.half-image-half-text-block__bg-text__cat {
  text-transform: uppercase;
  font-family: tenon, "sans-serif";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 16px;
  color: #FFEDCB;
  margin-bottom: 10px;
}
.half-image-half-text-block__bg-text__name {
  font-family: tenon, "sans-serif";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 40px;
  color: #FFEDCB;
}
@media (max-width: 767px) {
  .half-image-half-text-block__bg-text__name {
    font-size: 30px;
    line-height: 34px;
    letter-spacing: 0.75px;
  }
}
.half-image-half-text-block__img {
  width: 50%;
}
@media (max-width: 767px) {
  .half-image-half-text-block__img {
    width: 100%;
  }
}
.half-image-half-text-block__img img {
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}

.image-right-block {
  display: flex;
  align-items: center;
  padding-bottom: 35px;
  justify-content: space-between;
  margin-top: 34px;
  padding-left: 0;
  position: relative;
}
@media (max-width: 767px) {
  .image-right-block {
    flex-direction: column;
  }
}
.image-right-block:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background-repeat: repeat-x;
  background-size: 5px 1px;
  background-image: radial-gradient(circle, #a49e99 0.5px, transparent 0.5px);
  width: 100%;
  height: 5px;
}
.image-right-block:last-child::after {
  content: unset;
  display: none;
}
.image-right-block__text {
  width: 60%;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .image-right-block__text {
    width: 100%;
  }
}
.image-right-block__text__cat {
  margin-bottom: 3px;
  color: #CD4B00;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 21px;
  font-family: tenon, "sans-serif";
}
.image-right-block__text__cat span {
  color: #8F8F8F;
  margin: 0 2px;
}
.image-right-block__text__title {
  font-family: tenon, "sans-serif";
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 34px;
  color: #000000 !important;
  margin-bottom: 10px;
}
.image-right-block__text__excerpt {
  font-family: tenon, "sans-serif";
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 24px;
  color: #8F8F8F;
  font-weight: 400;
}
.image-right-block__img {
  flex: 1;
  position: relative;
  overflow: hidden;
}
.image-right-block__img:before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
}
@media (max-width: 767px) {
  .image-right-block__img {
    width: 100%;
  }
}
.image-right-block__img img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
.image-right-block__img img:focus, .image-right-block__img img:hover {
  transform: scale(1.05);
}

.image-left-block {
  display: flex;
  align-items: center;
  padding-bottom: 35px;
  justify-content: space-between;
  margin-top: 34px;
  padding-left: 0;
  position: relative;
}
@media (max-width: 767px) {
  .image-left-block {
    flex-direction: column !important;
  }
}
.image-left-block:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background-repeat: repeat-x;
  background-size: 5px 1px;
  background-image: radial-gradient(circle, #a49e99 0.5px, transparent 0.5px);
  width: 100%;
  height: 5px;
}
.image-left-block:last-child::after {
  content: unset;
  display: none;
}
.image-left-block__text {
  width: 60%;
  vertical-align: middle;
  padding-left: 24px;
}
@media (max-width: 767px) {
  .image-left-block__text {
    width: 100%;
    padding-left: 0;
  }
}
.image-left-block__text__cat {
  margin-bottom: 3px;
  color: #CD4B00;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 21px;
  font-family: tenon, "sans-serif";
}
@media (max-width: 767px) {
  .image-left-block__text__cat {
    margin-top: 12px;
    margin-bottom: 9px;
  }
}
.image-left-block__text__cat span {
  color: #8F8F8F;
  margin: 0 2px;
}
.image-left-block__text__title {
  font-family: tenon, "sans-serif";
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 34px;
  color: #000000 !important;
  margin-bottom: 10px;
}
.image-left-block__text__excerpt {
  font-family: tenon, "sans-serif";
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 24px;
  color: #8F8F8F;
  font-weight: 400;
}
@media (max-width: 767px) {
  .image-left-block__text__excerpt {
    max-height: 4.8rem;
    overflow: hidden;
  }
}
.image-left-block__img {
  flex: 1;
  position: relative;
  overflow: hidden;
}
.image-left-block__img:before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 60%;
}
@media (max-width: 767px) {
  .image-left-block__img {
    width: 100%;
  }
}
.image-left-block__img img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
.image-left-block__img img:focus, .image-left-block__img img:hover {
  transform: scale(1.05);
}

.custom-blockquote {
  margin: 2rem 0;
  position: relative;
}
.custom-blockquote::before {
  content: "";
  position: absolute;
  top: -60px;
  left: 0;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='40px' height='32px' viewBox='0 0 40 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Ctitle%3E“%3C/title%3E %3Cg id='Desktop' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Pages/Cookbooks/Single' transform='translate(-202.000000, -2339.000000)' fill='%2310604E' fill-rule='nonzero'%3E %3Cg id='Group-4-Copy' transform='translate(202.000000, 2339.500000)'%3E %3Cpath d='M8.72890889,31 C13.5883015,31 17.1428571,27.639087 17.1428571,22.9072753 C17.1428571,18.6619116 13.8582677,15.3452211 9.71878515,15.3452211 L9.4488189,15.3452211 C10.8436445,11.5863053 14.3532058,9.06562054 19.3025872,6.32382311 L15.1631046,0 C5.12935883,5.12981455 0,11.7631954 0,20.8730385 C0,27.639087 3.3295838,31 8.72890889,31 Z M29.3813273,31 C34.2857143,31 37.7952756,27.639087 37.7952756,22.9072753 C37.7952756,18.6619116 34.5106862,15.3452211 30.3712036,15.3452211 L30.1012373,15.3452211 C31.5410574,11.5863053 35.0506187,9.06562054 40,6.32382311 L35.8155231,0 C25.7817773,5.12981455 20.6524184,11.7631954 20.6524184,20.8730385 C20.6524184,27.639087 23.9820022,31 29.3813273,31 Z' id='“'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  background-size: cover;
  height: 31px;
  width: 40px;
}
.custom-blockquote__text {
  color: #CD4B00;
  font-family: tenon, "sans-serif";
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 0.75px;
  line-height: 35px;
  border-bottom: 6px solid #10604E;
  padding-bottom: 25px;
  display: block;
  margin-top: 85px;
  margin-bottom: 20px;
}
.custom-blockquote__author {
  font-family: tenon, "sans-serif";
  font-size: 18px;
  letter-spacing: 0.64px;
  line-height: 22px;
  color: #10604E;
  font-weight: 700;
  display: block;
  margin-bottom: 3px;
}
.custom-blockquote__author-title {
  font-family: tenon, "sans-serif";
  font-size: 18px;
  letter-spacing: 0.64px;
  line-height: 22px;
  color: #10604E;
  display: block;
}

.member-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px;
  position: relative;
  clear: both;
}
@media (max-width: 767px) {
  .member-block {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .member-block {
    display: block;
  }
  .member-block::after {
    content: "";
    display: table;
    clear: both;
  }
}
.member-block__img-container {
  width: 40%;
}
@media (min-width: 768px) {
  .member-block__img-container {
    float: left;
    margin-right: 3.6rem;
    margin-bottom: 4rem;
    width: 22rem;
  }
}
@media (max-width: 767px) {
  .member-block__img-container {
    width: 80%;
  }
}
.member-block figure {
  position: relative;
}
.member-block figure:before {
  content: "";
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 150%;
}
@media (max-width: 767px) {
  .member-block figure:before {
    padding-bottom: 120%;
  }
}
.member-block figure img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
.member-block figure figcaption {
  color: var(--page-color);
  background-color: #FFEDCB;
  border: 0.5px solid var(--page-color);
  font-family: tenon, "sans-serif";
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.67px;
  line-height: 18px;
  text-align: center;
  box-shadow: 5px 5px 0 var(--page-color);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  margin-left: auto;
  margin-right: auto;
  padding: 9px 7px;
  z-index: 5;
  width: 80%;
}
.member-block__text {
  width: 60%;
  padding-left: 38px;
}
@media (min-width: 768px) {
  .member-block__text {
    width: 100%;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .member-block__text {
    width: 100%;
    padding-left: 0;
  }
}
.member-block__text p {
  letter-spacing: 0.27px;
  line-height: 25px;
  font-size: 16px;
}

ol {
  counter-reset: item;
  margin-left: 0px 30px;
}
ol li {
  display: block;
  font-size: 16px;
  letter-spacing: 0.34px;
  line-height: 29px;
  margin-bottom: 35px;
  position: relative;
  padding-left: 2rem;
}
@media (max-width: 767px) {
  ol li {
    padding-left: 5rem;
  }
}
ol li::before {
  content: counter(item) "";
  counter-increment: item;
  background-color: #CD4B00;
  color: #FFFFFF;
  margin-right: 22px;
  position: absolute;
  left: -2.5rem;
  top: 0.8rem;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 16px;
  font-family: tenon, "sans-serif";
}
@media (max-width: 767px) {
  ol li::before {
    left: 0;
  }
}

/*--------------------------------*\
   STRUCTURE
\*--------------------------------*/
/* for global site structure */
.site-header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 10rem;
  background: transparent;
  color: #FFFFFF;
  border-bottom: 1px solid currentColor;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0), 0 6px 20px -3px rgba(0, 0, 0, 0);
  transition: 300ms;
  display: flex;
  align-items: stretch;
  justify-content: center;
  z-index: 10;
}
.site-header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  background: transparent;
}
@media (min-width: 768px) {
  .site-header__container {
    max-width: unset;
    padding: 0 4rem;
  }
}
.site-header__branding {
  transition: 300ms;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 13.4rem;
  margin: 0;
  margin-right: 2rem;
}
.site-header__branding__logo, .site-header__branding__link {
  display: block;
  margin: 0;
}
.site-header__branding__logo img, .site-header__branding__link img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}
.site-header__socials {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  position: absolute;
  right: 0;
  bottom: -1.2rem;
  z-index: 2;
}
@media (max-width: 767px) {
  .site-header__socials {
    display: none;
  }
}
.site-header__socials__list {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.site-header__socials__list-item {
  padding: 0;
  margin: 0;
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  margin-right: 0.4rem;
}
.site-header__socials__list-item::before {
  background: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
  left: auto;
  top: auto;
  position: static;
}
.site-header__socials__list-item:last-child {
  margin-right: 0;
}
.site-header__socials__list-item__link {
  display: block;
  border-radius: 50%;
  background: var(--page-color);
}
.site-header__socials__list-item__link svg {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
.site-header__nav {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .site-header__nav {
    display: none;
  }
}
.site-header__nav__menu {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.site-header__nav__menu > * {
  padding: 0;
  margin: 0;
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  margin-right: 2rem !important;
}
.site-header__nav__menu > *::before {
  background: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
  left: auto;
  top: auto;
  position: static;
}
.site-header__nav__menu > *:last-child {
  margin-right: 0 !important;
}
.site-header__nav__menu > *.has-children {
  padding-right: 1.2rem;
}
.site-header__nav__menu > *.has-children::after {
  display: inline-block;
  position: absolute;
  top: 25%;
  right: 0;
  z-index: 2;
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid currentColor;
  cursor: pointer;
  margin-left: 4px;
  transition: 300ms;
}
@media (max-width: 767px) {
  .site-header__nav__menu > *.has-children::after {
    display: none;
  }
}
.site-header__nav__menu > *.has-children.expanded::after {
  transform: rotate(180deg);
}
.site-header__nav__menu > *.has-children:not(.expanded) ul * {
  pointer-events: none !important;
}
.site-header__nav__menu > * > a {
  display: block;
  font-size: 1.2rem;
  line-height: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  position: relative;
}
.site-header__nav__menu > *.menu-item-has-children a {
  padding-right: 1.4rem;
}
.site-header__nav__menu > *.menu-item-has-children a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0.5rem;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: currentColor;
  border-bottom-width: 0;
  transition: 300ms;
}
.site-header__nav__menu > *.menu-item-has-children a:hover::after, .site-header__nav__menu > *.menu-item-has-children a:focus::after {
  transform: rotate(180deg);
}
.site-header__nav__menu > * .sub-menu {
  display: none;
}
.site-header__aux {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  margin-left: 2rem;
  display: flex;
  border: 0.05rem solid currentColor;
  font-size: 1.2rem;
  line-height: 1.4rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  align-items: stretch;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .site-header__aux {
    display: none;
  }
}
.site-header__aux__left {
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-header__aux__left > * {
  margin: 0;
}
.site-header__aux__left a.active {
  position: relative;
}
.site-header__aux__left a.active::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.2rem;
  width: 100%;
  height: 2px;
  background: currentColor;
}
.site-header__aux__right {
  padding: 1rem;
  border-left: 0.05rem solid currentColor;
}
.site-header__aux__right input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  width: 6rem !important;
  padding: 0;
  width: 4rem;
  transition: 800ms;
}
.site-header__aux__right input[type=search]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: inherit;
}
.site-header__aux__right input[type=search]::-moz-placeholder {
  /* Firefox 19+ */
  color: inherit;
}
.site-header__aux__right input[type=search]:-ms-input-placeholder {
  /* IE 10+ */
  color: inherit;
}
.site-header__aux__right input[type=search]:-moz-placeholder {
  /* Firefox 18- */
  color: inherit;
}
@media (min-width: 768px) {
  .site-header__aux__right input[type=search] {
    display: none;
  }
}
.site-header__aux__right button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.site-header__aux__right:focus-within input[type=search] {
  width: 9.6rem;
}
.site-header.condensed {
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12), 0 6px 20px -3px rgba(0, 0, 0, 0.2);
  height: 7rem;
  border-bottom: 0;
  background: var(--page-color);
}
@media (max-width: 767px) {
  .site-header.condensed .site-header__container {
    flex-direction: row-reverse;
  }
}
.site-header.condensed .site-header__branding {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 9.4rem;
  order: 1;
}
.site-header.condensed .site-header__socials {
  position: static;
  order: 2;
  display: none;
}
.site-header.condensed .site-header__nav {
  order: 3;
}
.site-header.condensed .site-header__aux {
  order: 4;
}

[aria-current=page] {
  border-bottom: 2px solid #FFFFFF;
  transition: all 200ms;
}

.header-search-dropdown input[type=search] {
  -webkit-appearance: none;
  border-radius: 0;
}
@media (max-width: 767px) {
  .header-search-dropdown {
    display: none;
  }
}
.header-search-dropdown .expanded-nav__container {
  display: block;
}
.header-search-dropdown .search-form {
  margin-top: 54px;
  margin-bottom: 40px;
  width: 100%;
  display: flex;
}
.header-search-dropdown .search-submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  background-color: rgba(255, 255, 255, 0.3);
  border: 0.5px solid #FFEDCB;
  border-left: 0;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 10.2rem;
  padding: 0;
  margin: 0;
  position: relative;
  cursor: pointer;
  transition: 300ms;
}
.header-search-dropdown .search-submit::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.header-search-dropdown .search-submit:active {
  background-color: #FFFFFF;
}
.header-search-dropdown .search-submit:hover, .header-search-dropdown .search-submit:focus {
  background-color: #FFFFFF;
}
.header-search-dropdown .search-submit:hover svg, .header-search-dropdown .search-submit:focus svg {
  fill: #B44838 !important;
}
.header-search-dropdown .search-submit svg {
  fill: #FFEDCB;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2.4rem;
  height: 2.4rem;
  transition: 300ms;
}
.header-search-dropdown .search-submit svg:active {
  fill: #B44838;
}
.header-search-dropdown .search-field {
  background-color: rgba(255, 255, 255, 0.15);
  padding: 2.8rem 2.8rem;
  border: 0.5px solid #FFEDCB;
  width: 100%;
  color: #FFEDCB;
  font-family: tenon, "sans-serif";
  font-size: 4rem;
  letter-spacing: 0.5px;
  line-height: 4rem;
  -webkit-appearance: none;
  border-radius: 0;
  margin: 0;
  outline: none;
}
@media (max-width: 767px) {
  .header-search-dropdown .search-field {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 22px;
    letter-spacing: 0.5px;
    line-height: 26px;
  }
}
.header-search-dropdown .search-field::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 237, 203, 0.5);
  line-height: 5rem;
}
.header-search-dropdown .search-field::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 237, 203, 0.5);
  line-height: 5rem;
}
.header-search-dropdown .search-field:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(255, 237, 203, 0.5);
  line-height: 5rem;
}
.header-search-dropdown .search-field:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 237, 203, 0.5);
  line-height: 5rem;
}
.header-search-dropdown .search-field.valid ~ .search-submit {
  background: #FFFFFF;
}
.header-search-dropdown .search-field.valid ~ .search-submit svg {
  fill: #B44838;
}
.header-search-dropdown .search-field.valid ~ .search-submit:hover, .header-search-dropdown .search-field.valid ~ .search-submit:focus {
  background: #FFEDCB;
}

.popular-search-topics h6 {
  color: #FFEDCB;
  font-family: tenon, "sans-serif";
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 24px;
  font-weight: 300;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
.popular-search-topics ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
@media (max-width: 767px) {
  .popular-search-topics ul {
    padding-bottom: 62px;
  }
}
.popular-search-topics ul li {
  margin: 0;
  padding: 0;
  margin-right: 11px;
  margin-bottom: 10px;
}
.popular-search-topics ul li a {
  display: block;
  border: 1px solid #FFEDCB;
  color: #FFEDCB;
  font-family: tenon, "sans-serif";
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 17px;
  text-align: center;
  padding: 11px 25px;
  cursor: pointer;
  transition: 300ms;
}
.popular-search-topics ul li a:hover, .popular-search-topics ul li a:focus {
  color: #B44838;
  background: #FFFFFF;
}
.popular-search-topics ul li::before {
  display: none;
}

.expanded-nav {
  width: 100vw;
  position: fixed;
  top: 10rem;
  left: calc(50% - 50vw);
  z-index: -1;
  margin: 0;
  pointer-events: none;
  list-style: none;
}
.expanded-nav::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform: translateY(-100%);
  transition: 600ms;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0), 0 6px 20px -3px rgba(0, 0, 0, 0);
  clip-path: polygon(0 0, 100% 0, 100% 200%, 0% 200%);
}
.expanded-nav__container {
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: 0 4rem;
  padding-top: 2.4rem;
  padding-bottom: 4rem;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transition: 600ms;
  background: #B44838;
  color: #FFFFFF !important;
  opacity: 0;
  overflow-x: scroll;
}
.expanded-nav.expanded {
  pointer-events: auto;
  transition-delay: 600ms;
}
.expanded-nav.expanded::after {
  transform: translateY(0);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.12), 0 6px 20px -3px rgba(0, 0, 0, 0.2);
}
.expanded-nav.expanded .expanded-nav__container {
  opacity: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.expanded-nav__item {
  padding: 0;
  margin: 0;
  margin-right: 6.7rem;
}
.expanded-nav__item:last-child {
  margin-right: 0;
}
.expanded-nav__item::before {
  content: unset;
}
.expanded-nav__item::after {
  content: unset;
}
.expanded-nav__link {
  font-size: 1.6rem;
  line-height: 1.9rem;
  letter-spacing: 0.04rem;
  margin-bottom: 2rem;
  display: block;
  color: #FFFFFF !important;
}
.expanded-nav__link svg {
  margin-left: 0.8rem;
  transition: 300ms;
}
.expanded-nav__link:hover svg, .expanded-nav__link:focus svg {
  transform: translateX(4px);
}
.expanded-nav__feed {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0;
  margin: 0;
}
.expanded-nav__feed-item {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.expanded-nav__feed-item::before {
  content: unset;
}
.expanded-nav__feed-item .hp-cookbooks__cookbook {
  margin: 0;
  margin-right: 1.6rem;
}
.expanded-nav__feed-item .hp-cookbooks__cookbook__figure {
  margin: 0;
  display: block;
}
.expanded-nav__feed-item .hp-cookbooks__cookbook__figure::before {
  content: unset;
}
.expanded-nav__feed-item .hp-cookbooks__cookbook__figure img {
  position: static;
  width: 15.8rem;
  height: 20rem;
}
.expanded-nav__feed-item .recipe-feed__feed__item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 30rem;
  padding-bottom: 0;
  border-bottom: 0;
  position: relative;
  width: 30rem;
  height: 20rem;
}
.expanded-nav__feed-item .recipe-feed__feed__item .recipe-feed__feed__item__figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.expanded-nav__feed-item .recipe-feed__feed__item .recipe-feed__feed__item__figure__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.expanded-nav__feed-item .recipe-feed__feed__item .recipe-feed__feed__item__figure__link img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.expanded-nav__feed-item .recipe-feed__feed__item .recipe-feed__feed__item__container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  flex-direction: column;
  pointer-events: none;
}
.expanded-nav__feed-item .recipe-feed__feed__item .recipe-feed__feed__item__container::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 20rem;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.53) 42.12%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 1;
  pointer-events: none;
}
.expanded-nav__feed-item .recipe-feed__feed__item .recipe-feed__feed__item__container > * {
  position: relative;
  z-index: 2;
  pointer-events: auto;
}
.expanded-nav__feed-item .recipe-feed__feed__item .recipe-feed__feed__item__title {
  color: #FFEDCB;
}
.expanded-nav__feed-item .recipe-feed__feed__item__cat {
  color: #FFFFFF;
}
.expanded-nav__feed-item .hp-recipes__collection {
  position: relative;
  margin: 0;
  padding: 0;
  margin-right: 0.8rem;
}
.expanded-nav__feed-item .hp-recipes__collection__figure::before {
  padding: 0 !important;
  padding-bottom: 0 !important;
  width: 13rem;
  height: 18.6rem;
}
.expanded-nav__feed-item .hp-recipes__collection__title {
  position: absolute;
  bottom: -1.2rem;
  left: 50%;
  transform: translate(-50%, 0) !important;
  font-size: 1.2rem !important;
  line-height: 1.2rem !important;
}
.expanded-nav__feed-item .wp-block-button {
  color: #CD4B00;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.expanded-nav__feed-item .wp-block-button__link:hover, .expanded-nav__feed-item .wp-block-button__link:focus {
  background: #FFFFFF;
}

header#masthead.condensed .header-search-dropdown {
  top: 6.7rem !important;
}
@media (max-width: 767px) {
  header#masthead.condensed .header-search-dropdown {
    top: 600px !important;
  }
}
header#masthead.condensed .expanded-nav {
  top: 6.7rem;
}
@media (max-width: 767px) {
  header#masthead.condensed .expanded-nav {
    display: none;
  }
}

.hamburger-menu {
  height: 2rem;
  display: none;
}
@media (max-width: 767px) {
  .hamburger-menu {
    display: block;
    cursor: pointer;
    overflow: visible;
  }
  .hamburger-menu line {
    transition: 400ms;
  }
  .hamburger-menu.open line:nth-child(1) {
    transform: rotate(45deg) translate(-2px, -5px);
  }
  .hamburger-menu.open line:nth-child(2) {
    opacity: 0;
  }
  .hamburger-menu.open line:nth-child(3) {
    transform: rotate(-45deg) translate(-8px, -5px);
  }
}

.mobile-menu-overlay {
  display: none;
}
@media (max-width: 767px) {
  .mobile-menu-overlay {
    position: relative;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    background-color: #CD4B00;
    transition: 600ms cubic-bezier(0.64, 0.04, 0.35, 1);
    overflow: auto;
    padding: 0 20px;
    padding-top: 20px;
    padding-bottom: 35px;
    display: block;
    padding-top: 9.6rem;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    pointer-events: none;
    transition-delay: 420ms;
  }
  .mobile-menu-overlay::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(assets/e78638d389443c707fc5be3cddbe2a96.jpg);
    background-size: 12.8rem auto;
    mix-blend-mode: multiply;
    opacity: 0.15;
    z-index: 1;
  }
  .mobile-menu-overlay::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(assets/1501497698980f033af7d1d6014ec5f0.jpg);
    background-size: cover;
    mix-blend-mode: screen;
    opacity: 0.5;
    z-index: 2;
  }
  .mobile-menu-overlay > * {
    position: relative;
    z-index: 3;
  }
  .mobile-menu-overlay.menu-open {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    pointer-events: auto;
    transition-delay: 0s;
  }
}
.mobile-menu-overlay__search {
  border-top: 0.5px solid rgba(255, 255, 255, 0.2);
  padding-top: 25px;
}
.mobile-menu-overlay__search form {
  display: flex;
}
.mobile-menu-overlay__search input[type=search] {
  padding-left: 13px;
  padding-top: 13px;
  padding-bottom: 13px;
  -webkit-appearance: none;
  border-top: 0.5px solid rgba(255, 255, 255, 0.2);
  border-left: 0.5px solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
  background-color: transparent;
  border-right: none;
  width: 100%;
  color: #FFFFFF;
  font-size: 22px;
  letter-spacing: 1.83px;
  line-height: 26px;
}
.mobile-menu-overlay__search input[type=search]::placeholder {
  color: #FFFFFF;
}
.mobile-menu-overlay__search button {
  background-color: transparent;
  border: none;
  outline: none;
  border-top: 0.5px solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
  border-right: 0.5px solid rgba(255, 255, 255, 0.2);
  padding-right: 12px;
}
.mobile-menu-overlay__search button svg {
  fill: #FFFFFF;
}
.mobile-menu-overlay__logo {
  height: 50px;
}
.mobile-menu-overlay__header {
  padding-bottom: 13px;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
}
.mobile-menu-overlay__close {
  height: 2.5rem;
  cursor: pointer;
}
.mobile-menu-overlay__nav {
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
  border-top: 0.5px solid #FFFFFF;
  padding-top: 2.8rem;
}
.mobile-menu-overlay__nav .header-search-dropdown {
  display: block;
}
.mobile-menu-overlay__nav ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.mobile-menu-overlay__nav ul li {
  font-family: tenon, "sans-serif";
  font-weight: 500;
  letter-spacing: 3.14px;
  margin-bottom: 20px;
  text-transform: uppercase;
  opacity: 0;
  transform: translateX(-8px);
  transition: 300ms;
}
.mobile-menu-overlay__nav ul li:nth-child(1) {
  transition-delay: 600ms;
}
.mobile-menu-overlay__nav ul li:nth-child(2) {
  transition-delay: 540ms;
}
.mobile-menu-overlay__nav ul li:nth-child(3) {
  transition-delay: 480ms;
}
.mobile-menu-overlay__nav ul li:nth-child(4) {
  transition-delay: 420ms;
}
.mobile-menu-overlay__nav ul li:nth-child(5) {
  transition-delay: 360ms;
}
.mobile-menu-overlay__nav ul li:nth-child(6) {
  transition-delay: 300ms;
}
.mobile-menu-overlay__nav ul li:nth-child(7) {
  transition-delay: 240ms;
}
.mobile-menu-overlay__nav ul li a {
  font-size: 22px;
  line-height: 26px;
  font-family: tenon, "sans-serif";
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 3.14px;
  line-height: 26px;
}
.mobile-menu-overlay__translation {
  border: 0.5px solid rgba(255, 255, 255, 0.2);
  padding: 12px 13px;
  margin-top: 28px;
  margin-bottom: 30px;
}
.mobile-menu-overlay__translation p {
  font-family: tenon, "sans-serif";
  font-size: 22px;
  letter-spacing: 3.14px;
  line-height: 26px;
}
.mobile-menu-overlay__translation p a.active {
  border-bottom: 2px solid white;
  font-weight: 600;
}
@media (max-width: 767px) {
  .mobile-menu-overlay.menu-open .mobile-menu-overlay__nav ul li {
    opacity: 1;
    transform: translateX(0);
  }
  .mobile-menu-overlay.menu-open .mobile-menu-overlay__nav ul li:nth-child(1) {
    transition-delay: 300ms;
  }
  .mobile-menu-overlay.menu-open .mobile-menu-overlay__nav ul li:nth-child(2) {
    transition-delay: 360ms;
  }
  .mobile-menu-overlay.menu-open .mobile-menu-overlay__nav ul li:nth-child(3) {
    transition-delay: 420ms;
  }
  .mobile-menu-overlay.menu-open .mobile-menu-overlay__nav ul li:nth-child(4) {
    transition-delay: 480ms;
  }
  .mobile-menu-overlay.menu-open .mobile-menu-overlay__nav ul li:nth-child(5) {
    transition-delay: 540ms;
  }
  .mobile-menu-overlay.menu-open .mobile-menu-overlay__nav ul li:nth-child(6) {
    transition-delay: 600ms;
  }
  .mobile-menu-overlay.menu-open .mobile-menu-overlay__nav ul li:nth-child(7) {
    transition-delay: 660ms;
  }
}

@media (max-width: 767px) {
  .site-header.condensed .mobile-menu-overlay {
    padding-top: 7.2rem;
  }
}

.site-header__aux__right .search-form {
  padding-top: 0.2rem;
}
.site-header__aux__right .search-form svg {
  vertical-align: middle;
}

.site-footer {
  background-color: #10604E;
  background-image: url(assets/afadd6bc099c50b8b66417b2ecd10fa7.jpg);
  background-size: cover;
  color: #FFEDCB;
  padding-top: 4.4rem;
  overflow: hidden;
}
.site-footer__container {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .site-footer__container {
    flex-direction: column;
  }
}
.site-footer__left {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 14.2rem;
  margin-right: 7.2rem;
  position: relative;
}
.site-footer__left::before {
  content: "";
  position: absolute;
  bottom: -0.8rem;
  left: calc(50% - 4rem);
  width: 8rem;
  height: calc(100% - 12.4rem);
  background-image: linear-gradient(180deg, #00B4ED 0%, #00B4ED 100%), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), linear-gradient(180deg, #BD8A00 0%, #BD8A00 100%), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), linear-gradient(180deg, #AB2A11 0%, #AB2A11 100%), radial-gradient(circle, #AB2A11 0, #AB2A11 3.5px, rgba(171, 42, 17, 0) 3.5px), radial-gradient(circle, #AB2A11 0, #AB2A11 3.5px, rgba(171, 42, 17, 0) 3.5px), linear-gradient(180deg, #29656B 0%, #29656B 100%), radial-gradient(circle, #29656B 0, #29656B 3.5px, rgba(41, 101, 107, 0) 3.5px), radial-gradient(circle, #29656B 0, #29656B 3.5px, rgba(41, 101, 107, 0) 3.5px), linear-gradient(180deg, #BD8A00 0%, #BD8A00 100%), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), linear-gradient(180deg, #AB2A11 0%, #AB2A11 100%), radial-gradient(circle, #AB2A11 0, #AB2A11 3.5px, rgba(171, 42, 17, 0) 3.5px), radial-gradient(circle, #AB2A11 0, #AB2A11 3.5px, rgba(171, 42, 17, 0) 3.5px), linear-gradient(180deg, #DA5124 0%, #DA5124 100%), radial-gradient(circle, #DA5124 0, #DA5124 3.5px, rgba(218, 81, 36, 0) 3.5px), radial-gradient(circle, #DA5124 0, #DA5124 3.5px, rgba(218, 81, 36, 0) 3.5px);
  background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
  background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom, 60px 2.5px, 60px 0, 60px bottom, 72px 2.5px, 72px 0, 72px bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
@media (max-width: 767px) {
  .site-footer__left::before {
    transform: rotate(-90deg);
    bottom: -63px;
    margin-left: 18rem;
    height: calc(100% + 15rem);
  }
}
.site-footer__right {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}
.site-footer__branding {
  width: 100%;
}
@media (max-width: 767px) {
  .site-footer__branding {
    width: 50%;
  }
}
.site-footer__branding__link {
  display: block;
  margin-top: 2.4rem;
}
.site-footer__branding__link img {
  width: 100%;
  height: auto;
  display: block;
}
.site-footer__signup {
  display: block;
  padding: 2rem 2.8rem;
  background: #E07160;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 3.2rem;
}
@media (max-width: 767px) {
  .site-footer__signup {
    flex-direction: column;
  }
}
.site-footer__signup > * {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}
@media (max-width: 767px) {
  .site-footer__signup > * {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
  }
}
.site-footer__signup__title {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  font-size: 2.4rem;
  line-height: 3.2rem;
  letter-spacing: 0.09rem;
  margin-right: 1.6rem;
  font-weight: 500;
  color: #FFEDCB;
}
.site-footer__nav {
  margin-bottom: 0.8rem;
}
.site-footer__nav__menu {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0;
}
@media (max-width: 767px) {
  .site-footer__nav__menu {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .site-footer__nav__menu li {
    width: 50%;
    margin-bottom: 30px;
  }
}
.site-footer__nav__menu > * {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.9rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: #FFFFFF;
}
.site-footer__nav__menu > * .sub-menu {
  margin-top: 1.6rem;
  margin-bottom: 0;
}
.site-footer__nav__menu > * .sub-menu > * {
  font-size: 1.2rem;
  line-height: 1.4rem;
  letter-spacing: 0.067rem;
  color: #FFEDCB;
  margin-bottom: 0.6rem;
}
.site-footer__nav__menu > * .sub-menu > *:last-child {
  margin-bottom: 0;
}
.site-footer__socials {
  margin-bottom: 3.2rem;
}
.site-footer__socials__list {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.site-footer__socials__list-item {
  margin-right: 12px;
  padding-left: 0;
  margin-bottom: 0;
}
.site-footer__socials__list-item__link {
  display: block;
  color: #FFFFFF;
  transition: 300ms;
}
.site-footer__socials__list-item__link:hover, .site-footer__socials__list-item__link:focus {
  color: #FFEDCB;
}
.site-footer__socials__list-item__link svg {
  width: 2.1rem;
  height: 2.1rem;
}
.site-footer__aux {
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1.4rem;
  letter-spacing: 0.1rem;
  text-align: right;
  margin-bottom: 1.2rem;
}
@media (max-width: 767px) {
  .site-footer__aux {
    text-align: left;
  }
}
.site-footer__aux a {
  text-decoration: none;
  color: inherit;
  transition: 300ms;
}
.site-footer__aux a:hover, .site-footer__aux a:focus {
  color: #FFFFFF;
}

.site-footer__nav__menu li {
  padding-left: 0;
}
.site-footer__nav__menu li::before {
  display: none;
}

.site-footer__socials__list li::before {
  display: none;
}

.newsletter-form {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .newsletter-form {
    margin-top: 2rem;
  }
}
.newsletter-form__email {
  order: 1;
  -webkit-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  border: 1px solid currentColor;
  color: inherit;
  padding: 0.6rem 1.6rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
  letter-spacing: 0.05rem;
  font-weight: 600;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}
.newsletter-form__email::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: currentColor;
}
.newsletter-form__email::-moz-placeholder {
  /* Firefox 19+ */
  color: currentColor;
}
.newsletter-form__email:-ms-input-placeholder {
  /* IE 10+ */
  color: currentColor;
}
.newsletter-form__email:-moz-placeholder {
  /* Firefox 18- */
  color: currentColor;
}
.newsletter-form__email::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: 600;
}
.newsletter-form__email::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 600;
}
.newsletter-form__email:-ms-input-placeholder {
  /* IE 10+ */
  font-weight: 600;
}
.newsletter-form__email:-moz-placeholder {
  /* Firefox 18- */
  font-weight: 600;
}
@media (max-width: 767px) {
  .newsletter-form__email {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0;
  }
}
.newsletter-form__submit {
  order: 2;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  background: #FFEDCB;
  color: #E07160;
  padding: 0.8rem 1.6rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
  font-weight: 600;
  letter-spacing: 0.05rem;
  cursor: pointer;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  margin-left: 1.6rem;
}
.newsletter-form__submit svg {
  margin-left: 0.6rem;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
.newsletter-form__submit:focus svg, .newsletter-form__submit:hover svg {
  transform: translateX(3px);
}
.newsletter-form__submit:hover, .newsletter-form__submit:focus {
  background: #FFFFFF;
}
@media (max-width: 767px) {
  .newsletter-form__submit {
    margin-left: 1rem;
  }
}
.newsletter-form__checkbox ~ .checkbox-label {
  padding-left: 2.8rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: 0.05rem;
  position: relative;
}
.newsletter-form__checkbox ~ .checkbox-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: -0.1rem;
  width: 1.8rem;
  height: 1.8rem;
  box-sizing: border-box;
  border: 1px solid currentColor;
}
.newsletter-form__checkbox ~ .checkbox-label::after {
  content: "";
  position: absolute;
  left: 0;
  top: -0.1rem;
  width: 1.8rem;
  height: 1.8rem;
  box-sizing: border-box;
  background: currentColor;
  transform: scale(0);
  transition: 300ms;
}
.newsletter-form__checkbox:checked ~ .checkbox-label::after {
  transform: scale(1);
}
.newsletter-form__checkbox__container {
  order: 3;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  margin-top: 1.2rem;
}

.page-header {
  background: var(--page-color);
  color: #FFEDCB;
  padding-top: 14rem;
  position: relative;
  text-align: center;
  z-index: 1;
  position: relative;
}
.page-header::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(assets/e78638d389443c707fc5be3cddbe2a96.jpg);
  background-size: 12.8rem auto;
  mix-blend-mode: multiply;
  opacity: 0.15;
  z-index: 1;
}
.page-header::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(assets/1501497698980f033af7d1d6014ec5f0.jpg);
  background-size: cover;
  mix-blend-mode: screen;
  opacity: 0.5;
  z-index: 2;
}
.page-header > * {
  position: relative;
  z-index: 3;
}
.page-header__title {
  height: 155px;
  object-fit: cover;
  position: relative;
  z-index: 2;
  margin-bottom: -4rem;
}
@media (max-width: 767px) {
  .page-header__title {
    height: 120px;
  }
}
.page-header__figure {
  position: relative;
}
.page-header__figure::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 45%;
}
@media (max-width: 767px) {
  .page-header__figure::before {
    padding-bottom: 120%;
  }
}
.page-header__figure img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}

.color-bars__container {
  text-align: center;
}

.color-bars {
  height: 232px;
  object-fit: cover;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  margin-top: -10rem;
}
@media (max-width: 767px) {
  .color-bars {
    margin-top: -17rem;
  }
}

.page-content {
  margin-top: 67px;
  margin-bottom: 53px;
}
@media (max-width: 767px) {
  .page-content {
    margin-top: 50px;
  }
}
.page-content a {
  color: var(--page-color);
  text-decoration: underline;
}
.page-content p {
  margin: 32px 0;
}
.page-rails {
  position: relative;
}
.page-rails__sticky {
  position: absolute;
  height: 100%;
  right: calc(100% + 30px);
}
.page-rails__sticky * {
  position: sticky;
}

.social-share {
  padding: 0;
  margin: 0;
  position: sticky;
  top: 75px;
  width: 100%;
  border: 1px solid var(--page-color);
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-top: 9px;
  padding-left: 17px;
  padding-right: 17px;
}
.social-share:before {
  content: "";
  position: absolute;
  top: -200px;
  left: 0;
  right: 0;
  margin-left: auto;
  text-align: center;
  margin-right: auto;
  width: 7rem;
  height: 18rem;
  z-index: 2;
  background-image: linear-gradient(180deg, #15604E 0%, #15604E 100%), radial-gradient(circle, #15604E 0, #15604E 3.5px, rgba(21, 96, 78, 0) 3.5px), radial-gradient(circle, #15604E 0, #15604E 3.5px, rgba(21, 96, 78, 0) 3.5px), linear-gradient(180deg, #bd8a01 0%, #bd8a01 100%), radial-gradient(circle, #bd8a01 0, #bd8a01 3.5px, rgba(189, 138, 1, 0) 3.5px), radial-gradient(circle, #bd8a01 0, #bd8a01 3.5px, rgba(189, 138, 1, 0) 3.5px), linear-gradient(180deg, #15604E 0%, #15604E 100%), radial-gradient(circle, #15604E 0, #15604E 3.5px, rgba(21, 96, 78, 0) 3.5px), radial-gradient(circle, #15604E 0, #15604E 3.5px, rgba(21, 96, 78, 0) 3.5px), linear-gradient(180deg, #CD4A00 0%, #CD4A00 100%), radial-gradient(circle, #CD4A00 0, #CD4A00 3.5px, rgba(205, 74, 0, 0) 3.5px), radial-gradient(circle, #CD4A00 0, #CD4A00 3.5px, rgba(205, 74, 0, 0) 3.5px), linear-gradient(180deg, #15604E 0%, #15604E 100%), radial-gradient(circle, #15604E 0, #15604E 3.5px, rgba(21, 96, 78, 0) 3.5px), radial-gradient(circle, #15604E 0, #15604E 3.5px, rgba(21, 96, 78, 0) 3.5px), linear-gradient(180deg, #cd4b00 0%, #cd4b00 100%), radial-gradient(circle, #cd4b00 0, #cd4b00 3.5px, rgba(205, 75, 0, 0) 3.5px), radial-gradient(circle, #cd4b00 0, #cd4b00 3.5px, rgba(205, 75, 0, 0) 3.5px);
  background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
  background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom, 60px 2.5px, 60px 0, 60px bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
@media (max-width: 767px) {
  .social-share:before {
    display: none;
  }
}
@media (max-width: 767px) {
  .social-share {
    flex-direction: row;
    position: static;
    align-items: center;
    justify-content: center;
  }
  .social-share .social-share__list__item {
    margin: 0 0.4rem;
  }
}
.social-share__container {
  padding: 0;
  margin: 0;
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
}
.social-share__container::before {
  background: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
  left: auto;
  top: auto;
  position: static;
}
.social-share__title {
  margin: 0 auto;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.57px;
  line-height: 19px;
  font-family: tenon, "sans-serif";
  color: var(--page-color);
  padding-top: 9px;
  padding-bottom: 12px;
}
.social-share__list {
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 9px;
  grid-column-gap: 7px;
  margin-top: 12px;
  padding-bottom: 13px;
}
@media (max-width: 767px) {
  .social-share__list {
    display: flex;
    flex-direction: row;
  }
}
.social-share__list__item {
  padding: 0;
  margin: 0;
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  width: 33%;
  color: var(--page-color);
}
.social-share__list__item::before {
  background: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
  left: auto;
  top: auto;
  position: static;
}

.span-spacer-left {
  position: relative;
  left: 20px;
  background-color: var(--page-color);
}

.span-spacer-right {
  position: relative;
  right: 10px;
}

.page .page-header > * {
  z-index: unset !important;
}

@media (max-width: 767px) {
  .single-post .page-content img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}

/*--------------------------------*\
   SINGLES
\*--------------------------------*/
/* for single post type styles */
.single-collection__title {
  font-family: tenon, "sans-serif";
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 40px;
  text-align: center;
  color: var(--page-color);
  z-index: 2;
  background-color: #FFFFFF;
  padding: 1rem 2rem;
  padding-top: 1.1rem;
  padding-bottom: 0.9rem;
  border: 0.5px solid var(--page-color);
  box-shadow: 5px 5px 0 var(--page-color);
}
.single-collection__header {
  padding-top: 0;
}
.single-collection__header figure {
  position: relative;
  z-index: 1;
  margin-bottom: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 6.4rem);
  padding: 10rem 3.2rem;
}
@media (max-width: 767px) {
  .single-collection__header figure {
    margin-bottom: 60px;
  }
}
.single-collection__header figure::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 18.7rem !important;
  background: linear-gradient(0deg, rgba(35, 35, 35, 0) 0%, rgba(79, 79, 79, 0) 0%, rgba(44, 44, 44, 0.4) 42.12%, rgba(0, 0, 0, 0.7) 100%);
  padding: 0 !important;
  z-indeX: 2 !important;
}
.single-collection__header figure:after {
  z-index: 2;
  position: absolute;
  content: "";
  bottom: 29px;
  left: 50%;
  transform: translate(-50%, 50%);
  display: block;
  width: 8rem;
  height: 120px;
  background-image: linear-gradient(180deg, #47613A 0%, #47613A 100%), radial-gradient(circle, #47613A 0, #47613A 3.5px, rgba(71, 97, 58, 0) 3.5px), radial-gradient(circle, #47613A 0, #47613A 3.5px, rgba(71, 97, 58, 0) 3.5px), linear-gradient(180deg, #BD8A01 0%, #BD8A01 100%), radial-gradient(circle, #BD8A01 0, #BD8A01 3.5px, rgba(189, 138, 1, 0) 3.5px), radial-gradient(circle, #BD8A01 0, #BD8A01 3.5px, rgba(189, 138, 1, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #15604E 0%, #15604E 100%), radial-gradient(circle, #15604E 0, #15604E 3.5px, rgba(21, 96, 78, 0) 3.5px), radial-gradient(circle, #15604E 0, #15604E 3.5px, rgba(21, 96, 78, 0) 3.5px), linear-gradient(180deg, #BD8A01 0%, #BD8A01 100%), radial-gradient(circle, #BD8A01 0, #BD8A01 3.5px, rgba(189, 138, 1, 0) 3.5px), radial-gradient(circle, #BD8A01 0, #BD8A01 3.5px, rgba(189, 138, 1, 0) 3.5px), linear-gradient(180deg, #15604E 0%, #15604E 100%), radial-gradient(circle, #15604E 0, #15604E 3.5px, rgba(21, 96, 78, 0) 3.5px), radial-gradient(circle, #15604E 0, #15604E 3.5px, rgba(21, 96, 78, 0) 3.5px), linear-gradient(180deg, #CD4A00 0%, #CD4A00 100%), radial-gradient(circle, #CD4A00 0, #CD4A00 3.5px, rgba(205, 74, 0, 0) 3.5px), radial-gradient(circle, #CD4A00 0, #CD4A00 3.5px, rgba(205, 74, 0, 0) 3.5px);
  background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
  background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom, 60px 2.5px, 60px 0, 60px bottom, 72px 2.5px, 72px 0, 72px bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
.single-collection .color-bars {
  margin-top: -20rem;
}
.single-collection__recipes-title {
  color: var(--page-color);
  font-family: tenon, "sans-serif";
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.8px;
  line-height: 35px;
  text-align: center;
  margin-top: 45px;
}
@media (max-width: 767px) {
  .single-collection__recipes-title {
    font-size: 21px;
    margin-bottom: 10px;
  }
}
.single-collection__recipes-subtitle {
  padding-bottom: 20px;
  border-bottom: 0.5px solid var(--page-color);
  margin-bottom: 24px;
}
.single-collection__all-recipes {
  border-bottom: 0.5px solid var(--page-color);
  padding-bottom: 64px;
  margin-bottom: 30px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.single-collection__all-recipes .collection-feed__feed__item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 6rem) / 4);
  margin-right: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid currentColor;
  padding-bottom: 1.2rem;
}
@media (max-width: 767px) {
  .single-collection__all-recipes .collection-feed__feed__item {
    flex-basis: unset;
    width: 100%;
  }
}
.single-collection__all-recipes .collection-feed__feed__item:nth-child(14n), .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n-3), .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n-7), .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n-10) {
  margin-right: 0;
}
@media (max-width: 767px) {
  .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n), .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n-3), .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n-7), .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n-10) {
    flex-basis: unset;
    width: 100%;
  }
}
.single-collection__all-recipes .collection-feed__feed__item:nth-child(14n), .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n-9) {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(((100% - 6rem) / 4) * 2 + 2rem);
  min-height: 28rem;
  padding-bottom: 0;
  border-bottom: 0;
  position: relative;
}
.single-collection__all-recipes .collection-feed__feed__item:nth-child(14n) .collection-feed__feed__item__figure, .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n-9) .collection-feed__feed__item__figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single-collection__all-recipes .collection-feed__feed__item:nth-child(14n) .collection-feed__feed__item__figure__link, .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n-9) .collection-feed__feed__item__figure__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.single-collection__all-recipes .collection-feed__feed__item:nth-child(14n) .collection-feed__feed__item__figure__link img, .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n-9) .collection-feed__feed__item__figure__link img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-collection__all-recipes .collection-feed__feed__item:nth-child(14n) .collection-feed__feed__item__container, .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n-9) .collection-feed__feed__item__container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  flex-direction: column;
  pointer-events: none;
}
.single-collection__all-recipes .collection-feed__feed__item:nth-child(14n) .collection-feed__feed__item__container::before, .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n-9) .collection-feed__feed__item__container::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 20rem;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.53) 42.12%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 1;
  pointer-events: none;
}
.single-collection__all-recipes .collection-feed__feed__item:nth-child(14n) .collection-feed__feed__item__container > *, .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n-9) .collection-feed__feed__item__container > * {
  position: relative;
  z-index: 2;
  pointer-events: auto;
}
.single-collection__all-recipes .collection-feed__feed__item:nth-child(14n) .collection-feed__feed__item__title, .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n-9) .collection-feed__feed__item__title {
  color: #FFEDCB;
}
@media (max-width: 767px) {
  .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n), .single-collection__all-recipes .collection-feed__feed__item:nth-child(14n-9) {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
  }
}

.single-cookbook-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 53px;
}
@media (max-width: 767px) {
  .single-cookbook-header {
    padding-bottom: 0;
  }
}
.single-cookbook-header figure {
  width: 35%;
}
@media (max-width: 767px) {
  .single-cookbook-header figure {
    width: 50%;
  }
}
.single-cookbook-header figure img {
  width: 100%;
  height: 458px;
  object-fit: cover;
}
@media (max-width: 767px) {
  .single-cookbook-header figure img {
    height: 200px;
  }
}
.single-cookbook-header__text {
  width: 61%;
}
@media (max-width: 767px) {
  .single-cookbook-header__text {
    width: 50%;
    padding-left: 15px;
  }
}
.single-cookbook-header__text__title {
  font-family: tenon, "sans-serif";
  font-size: 45px;
  font-weight: 600;
  letter-spacing: 1.61px;
  line-height: 42px;
  color: #FFEDCB !important;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .single-cookbook-header__text__title {
    font-size: 34px;
    line-height: 32px;
    margin-bottom: 10px;
  }
}
.single-cookbook-header__text__subtitle {
  color: #FFFFFF;
  font-family: tenon, "sans-serif";
  font-size: 24px;
  letter-spacing: 0.86px;
  line-height: 29px;
  display: block;
  margin-bottom: 33px;
  font-weight: 400;
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .single-cookbook-header__text__subtitle {
    font-size: 21px;
    letter-spacing: 0.75px;
    line-height: 25px;
  }
}
.single-cookbook-header__press-highlights {
  padding: 20px 16px;
  background-color: rgba(0, 0, 0, 0.1);
  margin-bottom: 34px;
}
@media (max-width: 767px) {
  .single-cookbook-header__press-highlights {
    margin-bottom: 0;
    width: calc(100% + 18rem);
    margin-left: auto;
    left: calc(50% - 70vw);
    position: relative;
  }
}
.single-cookbook-header__press-highlights__title {
  color: #E8E8E8;
  font-family: tenon, "sans-serif";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 16px;
  text-transform: uppercase;
}
.single-cookbook-header__press-highlights ul {
  margin: 0;
  margin-top: 15px;
  margin-bottom: 20px;
}
.single-cookbook-header__press-highlights li {
  color: #FFFFFF;
  font-size: 16px;
  letter-spacing: 0.57px;
  line-height: 21px;
  padding-left: 32px;
  font-weight: 300;
}
.single-cookbook-header__press-highlights li a {
  text-decoration: underline;
}
.single-cookbook-header__press-highlights li::before {
  display: block;
  left: 0;
  top: 0.4rem;
  background-color: #FFFFFF;
}

@media (max-width: 767px) {
  .single-cookbook-links-container {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 0;
    width: calc(100% + 18rem);
    margin-left: auto;
    left: calc(50% - 70vw);
    position: relative;
  }
}
.single-cookbook-links-container ul {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .single-cookbook-links-container ul {
    margin-bottom: 0;
  }
}
.single-cookbook-links-container ul li {
  margin: 0;
  padding: 0;
  margin-right: 1.6rem;
}
@media (max-width: 767px) {
  .single-cookbook-links-container ul li {
    margin-right: 0;
    margin-bottom: 1.6rem;
  }
}
.single-cookbook-links-container ul li::before {
  content: unset;
}
.single-cookbook-links-container ul li .wp-block-button__link {
  color: #AB2A11;
  background: #FFEDCB;
}
.single-cookbook-links-container ul li .wp-block-button__link:hover, .single-cookbook-links-container ul li .wp-block-button__link:focus {
  background: #FFFFFF;
}

.single-cookbook-content {
  margin-top: 40px;
  margin-bottom: 55px;
}
.single-cookbook-content h2 {
  margin-bottom: 26px;
  color: #CD4B00;
}
.single-cookbook-content p {
  margin-bottom: 35px;
}

.btn-yellow {
  background-color: #FFEDCB;
  padding: 10px 16px;
  font-family: tenon, "sans-serif";
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 17px;
  color: #AB2A11;
}

.single-post-header {
  z-index: 1;
  position: relative;
  min-height: calc(100vh - 3.6rem);
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.single-post-header__tag {
  position: relative;
}
.single-post-header__tag:after {
  content: "";
  background-color: currentColor;
  background-position: center;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .single-post-header__tag:after {
    margin-left: 8px;
    margin-right: 9px;
  }
}
.single-post-header__tag:last-child:after {
  display: none;
}
.single-post-header .page-header__figure {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.single-post-header .page-header__figure::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 18.7rem !important;
  background: linear-gradient(0deg, rgba(35, 35, 35, 0) 0%, rgba(79, 79, 79, 0) 0%, rgba(44, 44, 44, 0.4) 42.12%, rgba(0, 0, 0, 0.7) 100%);
  padding: 0 !important;
  z-indeX: 2 !important;
}
.single-post-header .page-header__figure img {
  z-index: 1;
  width: 100%;
  height: 100%;
}
.single-post-header__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 14rem 0;
  z-index: 2;
  position: relative;
}
@media (max-width: 767px) {
  .single-post-header__text {
    justify-content: flex-end;
  }
}
.single-post-header__text:before {
  content: "";
  position: absolute;
  bottom: -2.4rem;
  left: 2.4rem;
  width: 8rem;
  height: 13rem;
  z-index: 2;
  background-image: linear-gradient(180deg, #52854c 0%, #52854c 100%), radial-gradient(circle, #52854c 0, #52854c 3.5px, rgba(82, 133, 76, 0) 3.5px), radial-gradient(circle, #52854c 0, #52854c 3.5px, rgba(82, 133, 76, 0) 3.5px), linear-gradient(180deg, #bd8a01 0%, #bd8a01 100%), radial-gradient(circle, #bd8a01 0, #bd8a01 3.5px, rgba(189, 138, 1, 0) 3.5px), radial-gradient(circle, #bd8a01 0, #bd8a01 3.5px, rgba(189, 138, 1, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #10604E 0%, #10604E 100%), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #10604E 0%, #10604E 100%), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), linear-gradient(180deg, #cd4b00 0%, #cd4b00 100%), radial-gradient(circle, #cd4b00 0, #cd4b00 3.5px, rgba(205, 75, 0, 0) 3.5px), radial-gradient(circle, #cd4b00 0, #cd4b00 3.5px, rgba(205, 75, 0, 0) 3.5px);
  background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
  background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom, 60px 2.5px, 60px 0, 60px bottom, 72px 2.5px, 72px 0, 72px bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
.single-post-header__text__cat {
  background-color: var(--page-color);
  color: #FFEDCB;
  padding: 1rem 1.4rem;
  padding-bottom: 0.8rem;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 17px;
  margin-bottom: 12px;
  text-align: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .single-post-header__text__cat {
    text-align: left;
    justify-content: flex-end;
  }
}
.single-post-header__text__title {
  font-size: 4.5rem;
  margin-bottom: 1.2rem;
  padding-left: 1.2rem;
}
.single-post-header__text__title > span {
  color: var(--page-color);
  background-color: #FFEDCB;
  position: relative;
  left: -1.2rem;
}
.single-post-header__text__title > span > span {
  position: relative;
  left: 2.4rem;
  color: var(--page-color);
  background-color: #FFEDCB;
}
.single-post-header__text__title > span > span > span {
  position: relative;
  left: -1.2rem;
  color: var(--page-color);
  background-color: #FFEDCB;
}
@media (max-width: 767px) {
  .single-post-header__text__title {
    word-wrap: break-word;
    font-size: 3.5rem;
    line-height: 4.7rem;
  }
}

.single-post .page-rails__sticky {
  left: 7.1%;
  right: unset;
}

.single-post-color-bars {
  width: 7.4rem;
  height: 19.3rem;
  left: 0;
  bottom: -2.4rem;
  position: absolute;
}
@media (max-width: 767px) {
  .single-post-color-bars {
    left: 20px;
    height: 12.1rem;
  }
}

.single-tags-section {
  background-color: #F5F5F5;
  padding: 20px 21px;
}
.single-tags-section ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 19px !important;
  margin-bottom: 20px !important;
  position: relative;
}
.single-tags-section ul:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background-repeat: repeat-x;
  background-size: 5px 1px;
  background-image: radial-gradient(circle, #a49e99 0.5px, transparent 0.5px);
  width: 100%;
  height: 5px;
}
.single-tags-section ul li {
  padding: 0;
  margin: 0;
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  text-transform: uppercase;
  font-family: tenon, "sans-serif";
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 16px;
  margin-right: 15px;
}
.single-tags-section ul li::before {
  background: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
  left: auto;
  top: auto;
  position: static;
}
.single-tags-section ul li a {
  color: #000000;
  font-weight: 500;
}
.single-tags-section__title {
  color: #8F8F8F;
}
.single-tags-section__comment-link {
  background-color: var(--page-color);
  color: #FFFFFF !important;
  text-decoration: none !important;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 11px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.5px;
  line-height: 17px;
  font-family: tenon, "sans-serif";
}
.single-tags-section__comment-link::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='18px' height='16px' viewBox='0 0 18 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 61.2 (89653) - https://sketch.com --%3E %3Ctitle%3EShape%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cpath d='M2.83718871,-3.63797881e-12 C1.54849242,-3.63797881e-12 0.5,1.07258952 0.5,2.39090342 L0.5,10.1072855 C0.5,11.4230519 1.543927,12.4937308 2.82888793,12.4981889 L2.82888793,16 L7.74782715,12.4985073 L15.1628113,12.4985073 C16.4515076,12.4985073 17.5,11.4259178 17.5,10.1072855 L17.5,2.39090342 C17.5,1.07258952 16.4515076,-3.63797881e-12 15.1628113,-3.63797881e-12 L2.83718871,-3.63797881e-12 Z M12.9499268,8.9674004 L5.05007324,8.9674004 L5.05007324,7.94841382 L12.9499268,7.94841382 L12.9499268,8.9674004 Z M12.9499268,6.79356235 L5.05007324,6.79356235 L5.05007324,5.77457577 L12.9499268,5.77457577 L12.9499268,6.79356235 Z M12.9499268,4.6197243 L5.05007324,4.6197243 L5.05007324,3.60073771 L12.9499268,3.60073771 L12.9499268,4.6197243 Z' id='Shape' fill='%23FFFFFF'%3E%3C/path%3E %3C/g%3E %3C/svg%3E");
  background-color: var(--page-color);
  background-repeat: no-repeat;
  display: inline-block;
  margin-right: 10px;
  height: 17.24px;
  width: 19.05px;
  vertical-align: middle;
}

.single-post-recc-products {
  border-top: 0.5px solid var(--page-color);
  padding-top: 29px;
}
.single-post-recc-products__title {
  font-family: tenon, "sans-serif";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 20px;
  color: #000000;
  font-weight: 400;
  margin-bottom: 19px;
}
.single-post-recc-products__title span {
  color: var(--page-color);
  font-family: tenon, "sans-serif";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 20px;
}
.single-post-recc-products__container {
  display: flex;
  justify-content: space-between;
  padding-bottom: 45px;
  margin-bottom: 28px;
  position: relative;
}
.single-post-recc-products__container:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background-repeat: repeat-x;
  background-size: 5px 1px;
  background-image: radial-gradient(circle, #a49e99 0.5px, transparent 0.5px);
  width: 100%;
  height: 5px;
}
.single-post-recc-products__container__single {
  width: 25%;
  height: auto;
  max-height: 300px;
}

.single-post-related-content-section {
  margin-top: 28px;
}
.single-post-related-content-section__title {
  color: #000000;
  font-family: tenon, "sans-serif";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 12px;
}

.trending-recipe-icon {
  width: 31px;
  height: 31px;
  background-color: var(--page-color);
  border-radius: 50%;
  padding: 6px;
  margin-right: 10px;
  display: block;
}

.trending-recipe-icon-title {
  display: flex;
  margin-top: 30px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .trending-recipe-icon-title {
    margin-left: 0;
    margin-right: 0;
  }
}

.trending-recipes {
  display: flex;
  justify-content: space-between;
  padding-bottom: 39px;
  position: relative;
  margin-bottom: 21px;
}
@media (max-width: 767px) {
  .trending-recipes {
    flex-direction: column;
  }
}
.trending-recipes:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background-repeat: repeat-x;
  background-size: 5px 1px;
  background-image: radial-gradient(circle, #a49e99 0.5px, transparent 0.5px);
  width: 100%;
  height: 5px;
}
.trending-recipes__title {
  font-family: tenon, "sans-serif";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 20px;
  color: #000000;
  font-weight: 400;
  margin-top: 0.5rem;
}
.trending-recipes .wpp-list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin: 0;
  width: 100%;
}
@media (max-width: 767px) {
  .trending-recipes .wpp-list {
    flex-direction: column;
  }
}
.trending-recipes .wpp-list .wpp-post-title {
  font-family: tenon, "sans-serif";
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 21px;
}
.trending-recipes .wpp-list li {
  padding-left: 0;
  width: 23%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding-bottom: 36px;
  margin: 0;
}
.trending-recipes .wpp-list li:first-child h2 {
  color: #10604E;
}
.trending-recipes .wpp-list li:nth-child(2) h2 {
  color: #0093BF;
}
.trending-recipes .wpp-list li:nth-child(3) h2 {
  color: #CD4B00;
}
.trending-recipes .wpp-list li:last-child h2 {
  color: #10604E;
}
.trending-recipes .wpp-list li .recipe-feed__feed__item {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
.trending-recipes .wpp-list li .recipe-feed__feed__item .post-block__cook-time span {
  font-family: tenon, "sans-serif";
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .trending-recipes .wpp-list li {
    width: 100%;
  }
}
.trending-recipes .wpp-list li:first-child {
  color: #10604E;
  border-bottom: 0.5px solid #10604E;
}
.trending-recipes .wpp-list li:nth-child(2) {
  color: #0093BF;
  border-bottom: 0.5px solid #0093BF;
}
.trending-recipes .wpp-list li:nth-child(3) {
  color: #CD4B00;
  border-bottom: 0.5px solid #CD4B00;
}
.trending-recipes .wpp-list li:last-child {
  color: #10604E;
  border-bottom: 0.5px solid #10604E;
}
.trending-recipes .wpp-list li::before {
  display: none;
}

.comments-icon-title {
  display: flex;
  margin-top: 30px;
  margin-bottom: 15px;
}

.comments-icon {
  width: 31px;
  height: 31px;
  background-color: var(--page-color);
  padding: 6px;
  margin-right: 10px;
  display: block;
  border-radius: 50%;
}

.single-post-comments {
  margin-bottom: 45px;
}
.single-post-comments ol li:before {
  display: none;
}
.single-post-comments__title {
  font-family: tenon, "sans-serif";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 20px;
  color: #000000;
  font-weight: 400;
  margin-top: 0.5rem;
}
.single-post-comments__number {
  color: var(--page-color);
  font-family: tenon, "sans-serif";
  font-size: 24px;
  letter-spacing: 0.8px;
  line-height: 35px;
  margin-bottom: 20;
}
.single-post-comments__number span:first-child {
  margin-right: 5px;
}
.single-post-comments__number span {
  font-weight: 600;
  margin: 0 6px;
}

.comment-form-email, .comments-title {
  display: none;
}

.comment-form-cookies-consent, .comment-notes, .comment-reply-title {
  display: none;
}

.comment-form-author input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  width: 100%;
  height: 38px;
  border: 0.5px solid var(--page-color);
  background-color: transparent;
  font-family: tenon, "sans-serif";
  font-size: 18px;
}
.comment-form-author input:focus {
  outline: 0px !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}
.comment-form-author label {
  display: block;
  color: var(--page-color);
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 17px;
  margin-bottom: 8px;
}
.comment-form-author .required {
  display: none;
}

.comment-form-comment textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  width: 100% !important;
  border: 0.5px solid var(--page-color);
  background-color: transparent;
  font-family: tenon, "sans-serif";
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  resize: none;
  font-size: 18px;
}
.comment-form-comment textarea:focus {
  outline: 0px !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}
.comment-form-comment label {
  display: block;
  color: var(--page-color);
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 17px;
  margin-bottom: 8px;
}

.comment-form-url {
  display: none;
}

.comment-author {
  display: flex;
}
.comment-author img {
  border-radius: 50%;
  width: 31px;
  height: 31px;
}
.comment-author__date {
  color: #8F8F8F;
  font-family: tenon, "sans-serif";
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 16px;
  text-transform: uppercase;
  margin: 0;
  margin-left: 8px;
  margin-top: 0.7rem;
}
.comment-author__name {
  margin-left: 12px;
  margin-top: 0rem;
}

.reply__icon {
  height: 11px;
  width: 8px;
  margin-left: -1.1rem;
}

.form-submit input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  background: #FFEDCB;
  color: #FFEDCB;
  padding: 0.8rem 1.6rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
  font-weight: 600;
  letter-spacing: 0.05rem;
  cursor: pointer;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
  background-color: var(--page-color);
  margin-top: 1.6rem;
}
.form-submit input[type=submit] svg {
  margin-left: 0.6rem;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
.form-submit input[type=submit]:focus svg, .form-submit input[type=submit]:hover svg {
  transform: translateX(3px);
}
.form-submit input[type=submit]:hover, .form-submit input[type=submit]:focus {
  background-color: #FFFFFF;
  color: var(--page-color);
}

.small-content-margins {
  width: 1024px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .small-content-margins {
    width: 100%;
  }
}

#commentform {
  background-color: #F5F5F5;
  padding-top: 14px;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 17px;
  margin-bottom: 30px;
}

.comments-area {
  display: flex;
  flex-direction: column;
}

.comment-list {
  order: 1;
}
.comment-list > li {
  padding-left: 0 !important;
}
.comment-list li.comment.has-avatar .user-comment, .comment-list li.comment.has-avatar .reply {
  padding-left: 4.4rem;
}

.comment-author img {
  margin-right: 1.2rem;
}
.comment-author img[src="http://2.gravatar.com/avatar/?s=56&d=blank&r=g"] {
  display: none;
}

.comment-author__name {
  margin: 0;
}

#comment-2 .comment-author img {
  display: none;
}
#comment-2 .comment-author__name {
  margin-left: 0;
  margin: 0;
}
#comment-2 .user-comment p {
  margin: 0;
  margin-top: 5px;
  margin-bottom: 7px;
}

.user-comment p {
  margin: 0;
  margin-top: 5px;
  margin-bottom: 7px;
  word-break: break-word;
}

.vcard img {
  border-radius: 50%;
  width: 31px;
  height: 31px;
  display: none;
}
.vcard a {
  font-family: tenon, "sans-serif" !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
  line-height: 24px !important;
  color: #000000;
}
.vcard .fn {
  font-family: tenon, "sans-serif" !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
  line-height: 24px !important;
  color: #000000;
  margin-left: 12px;
}

.comment-meta {
  display: flex;
}
.comment-meta a {
  vertical-align: middle;
}

.comment-metadata {
  margin-top: 0.5rem;
}
.comment-metadata time {
  font-family: tenon, "sans-serif";
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 16px;
  color: #8F8F8F;
  text-transform: uppercase;
  margin-left: 8px;
}

.says, .edit-link {
  display: none;
}

.comment-reply-link {
  font-family: tenon, "sans-serif";
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 16px;
  color: #8F8F8F;
  text-transform: uppercase;
}
.comment-reply-link::after {
  content: "";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAWCAYAAADNX8xBAAAAAXNSR0IArs4c6QAAAW9JREFUOBHtlL1Kw1AUx3tvpCEQxMElo5uPoKOboCC4OPhBh0AItiQRH8LJfEB3+wDFQV11LL6Ai6BTxEVptyzJ9X8uTanpLdWM4oFwPu45v5x7cnNZo6aEYbjCGBsIIR6DIGjxmpwG53wDkHXATohRG1QUBSMAYFLXBhFkWv5B09NQ2394RkuqHeP4b+LEbhuGcek4zkiVU43NgJIk2cGp7ePE6lmWvaCgVy1S+d9AURTt5nneR2ITHT1rmnarKlLFJiCCoIsJRNf1Ldd1P1RFFMOL1pBP+p18CapABBZvsK0DzIpyZgR//iogp+OFe9JlR13YTQoggeE5I3ueYIZyCS98wwc5J0eCELhDsUsB2DDFE2ny58gQ8YFpmhe2bX9SjgRZltVJ03QZ/iEgYLAH3/c7lPBTkZcSJQPA4zjuQR+Ni7u4Qtu/BpUwDP4K9jH5GOq+53nXZC+SctgyD1sq0FELnY2g9zDU10WAcv0L0PKNUTpjYMQAAAAASUVORK5CYII=);
  height: 11px;
  width: 8px;
  display: inline-block;
  margin-left: 6px;
}

.comment .children {
  margin-top: 20px;
  margin-left: 17px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  position: relative;
}
.comment .children:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background-repeat: repeat-x;
  background-size: 5px 1px;
  background-image: radial-gradient(circle, #a49e99 0.5px, transparent 0.5px);
  width: 100%;
  height: 5px;
}
.comment .children li {
  border-left: 0.5px solid var(--page-color);
  padding-left: 5.6rem;
}
@media (max-width: 767px) {
  .comment .children li {
    padding-left: 1.2rem;
  }
}

.logged-in-as {
  display: none;
}

.single-post-recc-products {
  position: relative;
  margin-bottom: 28px;
  padding-bottom: 45px;
}
.single-post-recc-products ::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background-repeat: repeat-x;
  background-size: 5px 1px;
  background-image: radial-gradient(circle, #a49e99 0.5px, transparent 0.5px);
  width: 100%;
  height: 5px;
}

.single-post-body__container {
  position: relative;
  z-index: 2;
}
.single-post-body__container__inner {
  position: relative;
}
.single-post-body__container__inner .page-rails__sticky {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
@media (max-width: 767px) {
  .single-post-body__container__inner .page-rails__sticky {
    height: auto;
    position: static;
    margin-top: 2rem;
  }
}

.wpp-thumbnail {
  display: block;
  border: none;
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 12px;
}

.wpp-views {
  display: none;
}

.wprm-recipe {
  overflow: auto !important;
}

.wprm-recipe-container:first-child {
  position: relative;
  z-index: 4;
  margin-top: -4.4rem;
}

.single-recipe__container {
  width: calc(100vw - calc(16px * 2));
  max-width: 959px;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 1440px) {
  .single-recipe__container {
    max-width: 1200px;
  }
}
@media (max-width: 767px) {
  .single-recipe__container {
    width: calc(100vw - calc(16px * 2));
  }
}
.single-recipe__header {
  background: var(--page-color);
  color: #FFEDCB;
  padding: 2rem 2.4rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 3.6rem;
}
.single-recipe__header h1, .single-recipe__header h2, .single-recipe__header h3, .single-recipe__header h4, .single-recipe__header h5, .single-recipe__header h6 {
  color: #FFEDCB;
}
.single-recipe__header h2 {
  font-size: 2.6rem;
}
@media (max-width: 767px) {
  .single-recipe__header h2 {
    font-size: 2.6rem;
    line-height: 2.2rem;
    padding: 12px 0px !important;
  }
}
.single-recipe__header__left {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}
.single-recipe__header__left .wprm-recipe-notes {
  margin-top: 1.2rem;
  font-family: tenon, "sans-serif";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.5rem;
  letter-spacing: 0.027rem;
  text-transform: none;
}
.single-recipe__header__left .wprm-recipe-notes > * {
  font-family: tenon, "sans-serif";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.5rem;
  letter-spacing: 0.027rem;
  text-transform: none;
}
@media (max-width: 767px) {
  .single-recipe__header__left .wprm-recipe-notes {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .single-recipe__header__left {
    flex-basis: unset;
    width: 100%;
    margin-right: 0;
  }
}
.single-recipe__header__right {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-recipe__header__right__left {
  position: relative;
  padding-right: 1.6rem;
}
.single-recipe__header__right__left::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-repeat: repeat-y;
  background-size: 1px 5px;
  background-image: radial-gradient(circle, #FFEDCB 0.5px, transparent 0.5px);
}
.single-recipe__header__right__left .wprm-recipe-print {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  font-family: tenon, "sans-serif";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.5rem;
  letter-spacing: 0.027rem;
  text-transform: none;
  color: #FFEDCB !important;
}
.single-recipe__header__right__left .wprm-recipe-print span {
  margin-left: 1.2rem;
  color: inherit;
}
.single-recipe__header__right__left .wprm-recipe-print span svg {
  stroke: none;
}
.single-recipe__header__right__left .wprm-recipe-print span svg * {
  fill: currentColor;
}
.single-recipe__header__right__right {
  padding-left: 1.6rem;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}
.single-recipe__header__right__right .social-share__container {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}
.single-recipe__header__right__right .social-share__list {
  margin-top: 0 !important;
}
.single-recipe__header__right__right .social-share__list__item {
  width: auto;
}
@media (max-width: 767px) {
  .single-recipe__header__right__right .social-share {
    top: 0;
    left: 0;
    position: unset;
    flex-direction: unset;
    border: none;
  }
}
.single-recipe__header__right__right .social-share__container {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  .single-recipe__header__right__right .social-share__container {
    align-items: center;
  }
}
.single-recipe__header__right__right .social-share__title {
  font-family: tenon, "sans-serif";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.5rem;
  letter-spacing: 0.027rem;
  text-transform: none;
  color: #FFEDCB;
}
.single-recipe__header__right__right .social-share__list {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .single-recipe__header__right__right .social-share__list {
    flex-wrap: wrap;
  }
}
.single-recipe__header__right__right .social-share__list__item {
  margin-left: 0.6rem;
}
.single-recipe__header__right__right .social-share__list__item-link {
  color: #FFEDCB;
}
.single-recipe__header__aux {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  padding-top: 2rem;
  border-top: 0.05rem solid #FFEDCB;
  margin-top: 1.6rem;
  color: #E8E8E8;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .single-recipe__header__aux {
    flex-wrap: wrap;
  }
}
.single-recipe__header__aux h1, .single-recipe__header__aux h2, .single-recipe__header__aux h3, .single-recipe__header__aux h4, .single-recipe__header__aux h5, .single-recipe__header__aux h6 {
  color: #E8E8E8;
}
.single-recipe__header__aux__item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  padding: 0 3rem;
}
@media (max-width: 767px) {
  .single-recipe__header__aux__item {
    flex-basis: 50%;
    padding: 0;
    padding-top: 2px;
    padding-left: 15px;
  }
}
.single-recipe__header__aux__item__title {
  font-weight: 400 !important;
  font-size: 1.4rem !important;
  line-height: 1.6rem !important;
  letter-spacing: 0.15rem !important;
  text-transform: uppercase !important;
  margin-bottom: 1.6rem !important;
}
.single-recipe__header__aux__item > * {
  font-size: 2.1rem;
  line-height: 2.4rem;
  letter-spacing: 0.075rem;
}
.single-recipe__header__aux__item > * .wprm-recipe-details-unit {
  font-size: inherit;
}
.single-recipe__header__aux__item:first-child {
  padding-left: 0;
}
@media (max-width: 767px) {
  .single-recipe__header__aux__item:nth-child(2):before {
    display: none;
  }
}
.single-recipe__header__aux__item:last-child {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  padding-right: 0;
}
@media (max-width: 767px) {
  .single-recipe__header__aux__item:last-child h3 {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .single-recipe__header__aux__item:last-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-repeat: repeat-x;
    background-size: 5px 1px;
    background-image: radial-gradient(circle, #FFEDCB 0.5px, transparent 0.5px);
  }
}
@media (max-width: 767px) {
  .single-recipe__header__aux__item:last-child {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    margin-top: 15px;
    flex-basis: 100%;
  }
}
.single-recipe__header__aux__item:nth-last-child(n+2) {
  position: relative;
}
.single-recipe__header__aux__item:nth-last-child(n+2)::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-repeat: repeat-y;
  background-size: 1px 5px;
  background-image: radial-gradient(circle, #FFEDCB 0.5px, transparent 0.5px);
}
.single-recipe__header__aux__item .wprm-recipe-rating {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .single-recipe__header__aux__item .wprm-recipe-rating {
    flex-wrap: wrap;
  }
}
.single-recipe__header__aux__item .wprm-recipe-rating > * {
  margin-right: 1rem;
}
.single-recipe__header__aux__item .wprm-recipe-rating > * svg {
  width: 2.8rem;
  height: 2.8rem;
}
.single-recipe__header__aux__item .wprm-recipe-rating > *.wprm-recipe-rating-details {
  margin-right: 0;
  font-size: 1.4rem;
  line-height: 1.7rem;
  letter-spacing: 0.05rem;
}
@media (max-width: 767px) {
  .single-recipe__header__aux__item .wprm-recipe-rating > *.wprm-recipe-rating-details {
    margin-top: 17px;
  }
}
.single-recipe__header__aux__item .wprm-recipe-rating > *.wprm-recipe-rating-details span {
  font-weight: bold;
}
.single-recipe__header__aux__item .wprm-recipe-rating > *.wprm-rating-star-selecting-empty svg * {
  stroke-width: 1px;
}
.single-recipe__body {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  .single-recipe__body {
    flex-direction: column;
  }
}
.single-recipe__body h3:first-child {
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: 0.05rem;
  color: #292929;
  margin-bottom: 1.2rem;
  font-weight: 400 !important;
}
@media (max-width: 767px) {
  .single-recipe__body h3:first-child {
    margin-top: 1.5rem;
  }
}
.single-recipe__body__left {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 38rem;
  margin-right: 4rem;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .single-recipe__body__left {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    margin-right: 0;
  }
}
.single-recipe__body__left .wprm-recipe-ingredients-container {
  width: 100%;
}
.single-recipe__body__left .wprm-recipe-ingredient-group {
  background: #F5F5F5;
  padding: 1.6rem 1.2rem;
  position: sticky;
  top: 80px;
}
@media (max-width: 767px) {
  .single-recipe__body__left .wprm-recipe-ingredient-group {
    position: static;
  }
}
.single-recipe__body__left .wprm-recipe-ingredient-group .wprm-recipe-ingredients {
  padding: 0;
  margin: 4rem 0;
  list-style: none !important;
  margin: 0;
}
.single-recipe__body__left .wprm-recipe-ingredient-group .wprm-recipe-ingredients li {
  list-style: none !important;
  padding-left: 8rem;
  margin: 0;
  margin-bottom: 1.6rem;
  font-family: tenon, "sans-serif";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.5rem;
  letter-spacing: 0.027rem;
  text-transform: none;
  position: relative;
}
.single-recipe__body__left .wprm-recipe-ingredient-group .wprm-recipe-ingredients li:last-child {
  margin-bottom: 0;
}
.single-recipe__body__left .wprm-recipe-ingredient-group .wprm-recipe-ingredients li > ul {
  margin-top: 0.8rem;
}
.single-recipe__body__left .wprm-recipe-ingredient-group .wprm-recipe-ingredients li::before {
  content: "";
  position: absolute;
  left: 4.4rem;
  top: 0.8rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: var(--page-color);
}
.single-recipe__body__left .wprm-recipe-ingredient-group .wprm-recipe-ingredients .wprm-recipe-ingredient {
  padding-left: 2.8rem;
}
.single-recipe__body__left .wprm-recipe-ingredient-group .wprm-recipe-ingredients .wprm-recipe-ingredient span {
  color: #000000;
  opacity: 1 !important;
}
.single-recipe__body__left .wprm-recipe-ingredient-group .wprm-recipe-ingredients .wprm-recipe-ingredient span:not(.wprm-recipe-ingredient-notes) {
  color: var(--page-color);
  font-weight: bold;
}
.single-recipe__body__left .wprm-recipe-ingredient-group .wprm-recipe-ingredients .wprm-recipe-ingredient::before {
  display: block;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
}
.single-recipe__body__right {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
}
@media (max-width: 767px) {
  .single-recipe__body__right {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
  }
}
.single-recipe__body__right .wprm-recipe-instructions {
  padding: 0;
  margin: 0;
  counter-reset: wprm-counter;
}
.single-recipe__body__right .wprm-recipe-instructions .wprm-recipe-instruction {
  padding: 0;
  margin: 0;
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  counter-increment: wprm-counter;
  padding: 0;
  margin: 0;
  margin-bottom: 2.8rem;
}
.single-recipe__body__right .wprm-recipe-instructions .wprm-recipe-instruction::before {
  background: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
  left: auto;
  top: auto;
  position: static;
}
.single-recipe__body__right .wprm-recipe-instructions .wprm-recipe-instruction .wprm-recipe-instruction-text {
  font-family: tenon, "sans-serif";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.5rem;
  letter-spacing: 0.027rem;
  text-transform: none;
}
.single-recipe .single-recipe__body .single-recipe__body__left .wprm-recipe-group-name, .single-recipe .single-recipe__body .single-recipe__body__right .wprm-recipe-group-name {
  display: block;
  color: var(--page-color);
  position: static;
  background: transparent;
  font-size: 2.4rem;
  line-height: 3.5rem;
  letter-spacing: 0.086rem;
  font-weight: bold;
  margin-bottom: 1rem;
  opacity: 1 !important;
}
.single-recipe .single-recipe__body .single-recipe__body__left .wprm-recipe-group-name:first-child, .single-recipe .single-recipe__body .single-recipe__body__right .wprm-recipe-group-name:first-child {
  margin-top: 0 !important;
}

.wprm-recipe-time-label {
  display: none;
}

.wprm-recipe-times-container .wprm-recipe-cook-time-container, .wprm-recipe-times-container .wprm-recipe-prep-time-container {
  display: none;
}

.recipe-single-body .social-share::before {
  display: none;
}

.single-recipe__container .single-tags-section ul {
  margin-bottom: 20px;
  padding-bottom: 19px;
}
.single-recipe__container .single-tags-section ul a {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .wprm-recipe-name {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .wprm-recipe-notes {
    font-size: 14px;
  }
}

.go-to-recipe-btn {
  background-color: var(--page-color);
  color: #FFEDCB;
  font-size: 16px;
  letter-spacing: 0.57px;
  line-height: 21px;
  text-align: center;
  position: relative;
  display: inline-block;
  padding-left: 11px;
  padding-top: 8px;
  padding-bottom: 9px;
  padding-right: 8px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .go-to-recipe-btn {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.go-to-recipe-btn:after {
  content: "";
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAYAAADskT9PAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAFAAAAAD4J3y1AAABrklEQVRIDb2Vyy8DURTGvzMtjdLQRGIhaK2KROIVOyptV/4F/xlbWyskLKTd0qcFOyE2WJgmHqHVOc6dmU6qaWahc3sXM3funZzfd777OAQNjc1KAvSTASJHNLFs+iEMv8n/zDEzwWqdo4UDWN8lNstzfnECF0BEDOIPG8pIgq28n4jABTjgoT2AXpw+J0REwV6WHlZQj7FAhvitvIhG60KCTdkBiR5AoTTFV+47AXocEALFVm8wbOxI99kGMs+BWwWu15IDEaAgFFu7dUU8uSJmYTXzXL+eb4vwlkB2rzY38F5J/V0OPMKIpOWI3hG/lRbQtM7AmGmrGsibREScUmE0eFeAg4WrDFXCdWwSf1an8dU8lBXzvTD6doUxKdQxLw6hivj6hrcHvAkNHbmItmBZpyJg1A6v4KFohsaXXvVtPDcRgW93wSttuPpFqwNsXqVh0YlkHnUypzJCIzmVuasP2hxgs7jTBS/BGM52wrU54MBx3JG5gud6lebAHbDLMWPfgwNFqQHZXnDlQOAC7HIMOeF2o0sY4ZwUIPfbGdX+ZK6Nqg0oboS0w/oF/AJ0JqEnR6npGgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  transform: rotate(90deg);
  background-size: contain;
  background-position: center;
  margin-left: 7px;
  vertical-align: middle;
}

.go-to-recipe-btn-mobile {
  display: none;
}

.single-recipe__header__right__right .social-share::before {
  display: none;
}

.related-posts .image-left-block:nth-child(even) {
  flex-direction: row-reverse;
}

.social-share__list__item-link {
  cursor: pointer;
  display: block;
}

.reccommended-products {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 99px;
}
@media (max-width: 767px) {
  .reccommended-products {
    flex-direction: column;
    margin: 0 20px;
  }
}
.reccommended-products__single {
  width: 23.5%;
  margin-top: 30px;
}
.reccommended-products__single::before {
  display: none;
}
@media (max-width: 767px) {
  .reccommended-products__single {
    width: 100%;
    padding-left: 0;
  }
}
.reccommended-products__single figure {
  cursor: pointer;
}
.reccommended-products__single figure img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.reccommended-products__single__title {
  color: #000000;
  font-family: tenon, "sans-serif";
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 24px;
  font-weight: 500;
  margin-top: 12px;
  margin-bottom: 3px;
  cursor: pointer;
}
.reccommended-products__single__price {
  color: #CD4B00;
  font-family: tenon, "sans-serif";
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 16px;
  text-transform: uppercase;
  margin-top: 15px;
}
.reccommended-products__single span {
  color: #8F8F8F;
}
.reccommended-products__single__brand-name {
  color: #8F8F8F;
  font-family: tenon, "sans-serif";
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 16px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .single-post-recc-products__title {
    margin: 0 20px;
  }
}

.why-we-love-it-grey {
  color: #8F8F8F;
  font-family: tenon, "sans-serif";
  font-size: 14px;
  letter-spacing: 0.23px;
  line-height: 16px;
  font-weight: 500;
}
.why-we-love-it-grey__text {
  font-weight: 400;
  color: #8F8F8F;
  font-family: tenon, "sans-serif";
  font-size: 14px;
  letter-spacing: 0.23px;
  line-height: 16px;
}

/*--------------------------------*\
   ARCHIVES
\*--------------------------------*/
/* for archive styles */
.collections-archive {
  margin-top: 37px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin-left: 42px;
  margin-right: 42px;
  padding-bottom: 40px;
  border-bottom: 0.5px solid #CD4B00;
}
@media (max-width: 767px) {
  .collections-archive::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .collections-archive {
    margin-left: 20px;
    margin-right: 20px;
    flex-direction: row-reverse;
  }
}
.collections-archive__single {
  width: 32%;
  position: relative;
  margin-bottom: 35px;
  margin-top: 37px;
}
.collections-archive__single:nth-child(3n+1) h2 {
  color: #CD4B00;
  border: 0.5px solid #CD4B00;
  box-shadow: 5px 5px 0 #CD4B00;
}
.collections-archive__single:nth-child(3n+2) h2 {
  color: #10604E;
  border: 0.5px solid #10604E;
  box-shadow: 5px 5px 0 #10604E;
}
@media (max-width: 767px) {
  .collections-archive__single:nth-child(3n+3) {
    position: relative;
  }
}
@media (max-width: 767px) {
  .collections-archive__single:nth-child(3n+3)::before {
    content: "";
    position: absolute;
    bottom: 23px;
    left: calc(-20% - 10rem);
    width: 8rem;
    height: 100%;
    background-image: linear-gradient(180deg, #52854c 0%, #52854c 100%), radial-gradient(circle, #52854c 0, #52854c 3.5px, rgba(82, 133, 76, 0) 3.5px), radial-gradient(circle, #52854c 0, #52854c 3.5px, rgba(82, 133, 76, 0) 3.5px), linear-gradient(180deg, #bd8a01 0%, #bd8a01 100%), radial-gradient(circle, #bd8a01 0, #bd8a01 3.5px, rgba(189, 138, 1, 0) 3.5px), radial-gradient(circle, #bd8a01 0, #bd8a01 3.5px, rgba(189, 138, 1, 0) 3.5px), linear-gradient(180deg, #5dc172 0%, #5dc172 100%), radial-gradient(circle, #5dc172 0, #5dc172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5dc172 0, #5dc172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #00b4ed 0%, #00b4ed 100%), radial-gradient(circle, #00b4ed 0, #00b4ed 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00b4ed 0, #00b4ed 3.5px, rgba(0, 180, 237, 0) 3.5px), linear-gradient(180deg, #bd8a01 0%, #bd8a01 100%), radial-gradient(circle, #bd8a01 0, #bd8a01 3.5px, rgba(189, 138, 1, 0) 3.5px), radial-gradient(circle, #bd8a01 0, #bd8a01 3.5px, rgba(189, 138, 1, 0) 3.5px), linear-gradient(180deg, #00b4ed 0%, #00b4ed 100%), radial-gradient(circle, #00b4ed 0, #00b4ed 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00b4ed 0, #00b4ed 3.5px, rgba(0, 180, 237, 0) 3.5px), linear-gradient(180deg, #cd4b00 0%, #cd4b00 100%), radial-gradient(circle, #cd4b00 0, #cd4b00 3.5px, rgba(205, 75, 0, 0) 3.5px), radial-gradient(circle, #cd4b00 0, #cd4b00 3.5px, rgba(205, 75, 0, 0) 3.5px);
    background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
    background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom, 60px 2.5px, 60px 0, 60px bottom, 72px 2.5px, 72px 0, 72px bottom;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  }
}
.collections-archive__single:nth-child(3n+3) h2 {
  color: #0093BF;
  border: 0.5px solid #0093BF;
  box-shadow: 5px 5px 0 #0093BF;
}
@media (max-width: 767px) {
  .collections-archive__single {
    width: 48%;
  }
}
.collections-archive__single__title {
  font-family: tenon, "sans-serif";
  background-color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.67px;
  line-height: 18px;
  text-align: center;
  padding: 1rem 1.6rem;
  z-index: 1;
  position: absolute;
  top: -5rem;
  left: 50%;
  transform: translate(-50%, 50%);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .collections-archive__single__title {
    font-size: 14px;
    padding: 7px 9px;
    letter-spacing: 0.58px;
  }
}
.collections-archive__single figure {
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .collections-archive__single figure {
    margin-bottom: 20px;
  }
}
.collections-archive__single figure:before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 150%;
}
@media (max-width: 767px) {
  .collections-archive__single figure:before {
    padding-bottom: 170%;
  }
}
.collections-archive__single figure img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}

.browse-by-list {
  color: #000000;
  font-family: tenon, "sans-serif";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 20px;
  font-weight: 300;
  margin-top: 35px;
  margin-bottom: 20px;
  margin-left: 42px;
  margin-right: 42px;
}
@media (max-width: 767px) {
  .browse-by-list {
    margin-left: 20px;
  }
}

.recipe-tags {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  margin-left: 42px;
  margin-right: 42px;
  padding-bottom: 29px;
  border-bottom: 0.5px solid #CD4B00;
}
@media (max-width: 767px) {
  .recipe-tags {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.recipe-tags li {
  width: 18%;
  padding-left: 0;
  color: #CD4B00;
  text-transform: uppercase;
  font-family: tenon, "sans-serif";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.58px;
  line-height: 14px;
  margin-bottom: 34px;
}
@media (max-width: 767px) {
  .recipe-tags li {
    width: 48% !important;
  }
}
.recipe-tags li::before {
  display: none;
}

@media (max-width: 767px) {
  .archive-cookbook__header-text h1 {
    height: auto !important;
    font-size: 34px !important;
    letter-spacing: 1.21px;
    line-height: 32px;
    padding-bottom: 46px;
  }
}

.post-type-archive-collection .page-alt-header-text h1 {
  height: auto;
}

.cookbooks-section {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-top: -10rem;
  position: relative;
  z-index: 5;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .cookbooks-section {
    flex-direction: column;
    padding-left: 38px;
    padding-right: 38px;
  }
}
.cookbooks-section__single {
  width: 32%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .cookbooks-section__single {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
.cookbooks-section__single__title {
  font-family: tenon, "sans-serif";
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 0.75px;
  line-height: 32px;
  color: #AB2A11;
  margin-bottom: 3px;
}
.cookbooks-section__single__excerpt {
  font-family: tenon, "sans-serif";
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 18px;
  color: #292929;
  margin-bottom: 18px;
}
.cookbooks-section figure {
  width: 100%;
  margin-bottom: 35px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .cookbooks-section figure {
    margin-bottom: 14px;
  }
}
.cookbooks-section figure::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 120%;
}
.cookbooks-section figure img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
.cookbooks-section .wp-block-button__link {
  color: #FFFFFF;
  background-color: #AB2A11;
}
.cookbooks-section .wp-block-button__link:hover, .cookbooks-section .wp-block-button__link:focus {
  background-color: #CD4B00;
}

.cookbook-amazon-link {
  display: inline-block;
}

.archive-cookbook {
  align-items: initial !important;
  padding-bottom: 122px !important;
}
.archive-cookbook__header-text h4 {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .archive-cookbook__header-text h4 {
    font-size: 34px;
  }
}
.archive-cookbook__header-text p {
  margin-bottom: 25px;
}
.archive-cookbook__header-text .wp-block-button__link {
  background-color: #FFEDCB;
  color: #AB2A11;
}
.archive-cookbook__header-text .wp-block-button__link:hover, .archive-cookbook__header-text .wp-block-button__link:focus {
  background-color: #FFFFFF;
}

.featured-news-events-block {
  display: flex;
  justify-content: space-between;
  background-color: #BD8A00;
  padding: 26px 25px;
  margin-top: -11rem;
  position: relative;
  z-index: 5;
  height: 387px;
}
@media (max-width: 767px) {
  .featured-news-events-block {
    height: auto;
    flex-direction: column;
    margin-top: -19rem;
  }
}
.featured-news-events-block::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: 20px;
  display: block;
  width: 8rem;
  height: 120px;
  background-image: linear-gradient(180deg, #60BDE3 0%, #60BDE3 100%), radial-gradient(circle, #60BDE3 0, #60BDE3 3.5px, rgba(96, 189, 227, 0) 3.5px), radial-gradient(circle, #60BDE3 0, #60BDE3 3.5px, rgba(96, 189, 227, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #60BDE3 0%, #60BDE3 100%), radial-gradient(circle, #60BDE3 0, #60BDE3 3.5px, rgba(96, 189, 227, 0) 3.5px), radial-gradient(circle, #60BDE3 0, #60BDE3 3.5px, rgba(96, 189, 227, 0) 3.5px), linear-gradient(180deg, #B6706A 0%, #B6706A 100%), radial-gradient(circle, #B6706A 0, #B6706A 3.5px, rgba(182, 112, 106, 0) 3.5px), radial-gradient(circle, #B6706A 0, #B6706A 3.5px, rgba(182, 112, 106, 0) 3.5px), linear-gradient(180deg, #5EA9C7 0%, #5EA9C7 100%), radial-gradient(circle, #5EA9C7 0, #5EA9C7 3.5px, rgba(94, 169, 199, 0) 3.5px), radial-gradient(circle, #5EA9C7 0, #5EA9C7 3.5px, rgba(94, 169, 199, 0) 3.5px);
  background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
  background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom, 60px 2.5px, 60px 0, 60px bottom, 72px 2.5px, 72px 0, 72px bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
.featured-news-events-block figure {
  width: 40%;
}
@media (max-width: 767px) {
  .featured-news-events-block figure {
    width: 100%;
    margin-bottom: 20px;
  }
}
.featured-news-events-block figure img {
  width: 100%;
  height: 335px;
  object-fit: cover;
}
.featured-news-events-block__text {
  width: 57%;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .featured-news-events-block__text {
    width: 100%;
  }
}
.featured-news-events-block__text h2 {
  margin-top: 22px;
  margin-bottom: 14px;
  color: #FFFFFF;
}
.featured-news-events-block__text__date {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 17px;
  font-weight: 400;
}
.featured-news-events-block__text__location {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 17px;
  font-weight: 400;
  margin-bottom: 14px;
}
.featured-news-events-block__text__desc {
  font-size: 18px;
  letter-spacing: 0.5px;
  line-height: 17px;
  font-weight: 400;
  margin-bottom: 31px;
}

.featured-event {
  background-color: #FFEDCB;
  padding: 9px 14px;
  text-align: center;
  text-transform: uppercase;
  color: #CD4B00;
  font-family: tenon, "sans-serif";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.5px;
  line-height: 17px;
}

.news-events-title-small {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.3px;
  line-height: 20px;
  color: #29656B;
  padding-bottom: 9px;
  border-bottom: 0.5px solid #29656B;
  margin-top: 52px;
  margin-bottom: 20px;
}

.contributions-title {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.3px;
  line-height: 20px;
  color: #29656B;
  padding-bottom: 9px;
  border-bottom: 0.5px solid #29656B;
  margin-top: 52px;
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.contributions-title .wp-block-button__link {
  margin-left: 1.2rem;
}
@media screen and (max-width: 350px) {
  .contributions-title .wp-block-button__link {
    margin-left: 0;
    margin-top: 1.2rem;
  }
}
.contributions-title .wp-block-button__link:hover, .contributions-title .wp-block-button__link:focus {
  color: #FFFFFF;
}

.featured-contribution {
  display: flex;
  background-color: #29656B;
  margin-bottom: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  .featured-contribution {
    flex-direction: column;
  }
}
.featured-contribution__desc {
  color: #FFFFFF;
  font-family: tenon, "sans-serif";
  font-size: 16px;
  letter-spacing: 0.27px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 24px;
}
.featured-contribution__date {
  font-family: tenon, "sans-serif";
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 21px;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 14px;
  color: #E8E8E8;
}
.featured-contribution__date span {
  margin: 0 3px;
}
.featured-contribution__title {
  font-family: tenon, "sans-serif";
  font-size: 24px;
  font-weight: 200;
  letter-spacing: 0.64px;
  line-height: 28px;
  text-align: center;
  color: #FFFFFF;
}
.featured-contribution__title span {
  font-weight: 600;
}
.featured-contribution__text {
  width: 40%;
  padding: 0 25px;
  padding-top: 40px;
  padding-bottom: 53px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 767px) {
  .featured-contribution__text {
    width: 100%;
    order: 2;
  }
}
.featured-contribution figure {
  width: 60%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .featured-contribution figure {
    width: 100%;
  }
}
.featured-contribution figure::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 91.9%;
}
.featured-contribution figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
.featured-contribution .wp-block-button__link {
  background-color: #BD8A00;
  color: #FFFFFF;
}
.featured-contribution .wp-block-button__link svg {
  margin-left: 1.2rem;
}
.featured-contribution:hover figure img, .featured-contribution:focus figure img {
  transform: scale(1.03);
}
.featured-contribution:hover .wp-block-button__link, .featured-contribution:focus .wp-block-button__link {
  background-color: #FFFFFF;
  color: #29656B;
}
.featured-contribution:hover .wp-block-button__link svg, .featured-contribution:focus .wp-block-button__link svg {
  transform: translateX(3px);
}

.contribution-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 767px) {
  .contribution-section {
    flex-direction: column;
  }
}

.featured-contribution-small {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 4rem) / 3);
  margin-right: 2rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
.featured-contribution-small:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .featured-contribution-small {
    width: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.featured-contribution-small:nth-child(odd) {
  background-color: #BD8A00;
}
.featured-contribution-small:nth-child(even) {
  background-color: #29656B;
}
.featured-contribution-small figure {
  position: relative;
  overflow: hidden;
}
.featured-contribution-small figure::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 81.66%;
}
.featured-contribution-small figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
.featured-contribution-small__text {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  padding-left: 14px;
  padding-right: 19px;
  padding-top: 17px;
  padding-bottom: 19px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.featured-contribution-small__text h2 {
  font-family: tenon, "sans-serif";
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 0.56px;
  line-height: 24px;
  color: #FFFFFF;
  margin-bottom: 24px;
  width: 100%;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
}
.featured-contribution-small .wp-block-button__link {
  background-color: #0093BF;
  color: #FFFFFF;
}
.featured-contribution-small .wp-block-button__link svg {
  margin-left: 1.2rem;
}
.featured-contribution-small:hover figure img, .featured-contribution-small:focus figure img {
  transform: scale(1.05);
}
.featured-contribution-small:hover .wp-block-button__link, .featured-contribution-small:focus .wp-block-button__link {
  background-color: #FFFFFF;
  color: #29656B;
}
.featured-contribution-small:hover .wp-block-button__link svg, .featured-contribution-small:focus .wp-block-button__link svg {
  transform: translateX(3px);
}

.news-articles-section {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 767px) {
  .news-articles-section {
    flex-direction: column;
  }
}
.news-articles-section:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background-repeat: repeat-x;
  background-size: 5px 1px;
  background-image: radial-gradient(circle, #a49e99 0.5px, transparent 0.5px);
  width: 100%;
  height: 5px;
}
.news-articles-section__left {
  width: 30%;
  height: 100%;
  text-align: center;
  position: relative;
  margin-bottom: 15rem;
  z-index: 5;
}
@media (max-width: 767px) {
  .news-articles-section__left {
    width: 100%;
    margin-bottom: 7rem;
  }
}
.news-articles-section__left::after {
  content: "";
  position: absolute;
  bottom: -150px;
  left: 10%;
  display: block;
  width: 8rem;
  height: 120px;
  background-image: linear-gradient(180deg, #52854C 0%, #52854C 100%), radial-gradient(circle, #52854C 0, #52854C 3.5px, rgba(82, 133, 76, 0) 3.5px), radial-gradient(circle, #52854C 0, #52854C 3.5px, rgba(82, 133, 76, 0) 3.5px), linear-gradient(180deg, #C1A46A 0%, #C1A46A 100%), radial-gradient(circle, #C1A46A 0, #C1A46A 3.5px, rgba(193, 164, 106, 0) 3.5px), radial-gradient(circle, #C1A46A 0, #C1A46A 3.5px, rgba(193, 164, 106, 0) 3.5px), linear-gradient(180deg, #88C59A 0%, #88C59A 100%), radial-gradient(circle, #88C59A 0, #88C59A 3.5px, rgba(136, 197, 154, 0) 3.5px), radial-gradient(circle, #88C59A 0, #88C59A 3.5px, rgba(136, 197, 154, 0) 3.5px), linear-gradient(180deg, #60BDE3 0%, #60BDE3 100%), radial-gradient(circle, #60BDE3 0, #60BDE3 3.5px, rgba(96, 189, 227, 0) 3.5px), radial-gradient(circle, #60BDE3 0, #60BDE3 3.5px, rgba(96, 189, 227, 0) 3.5px), linear-gradient(180deg, #C1A46A 0%, #C1A46A 100%), radial-gradient(circle, #C1A46A 0, #C1A46A 3.5px, rgba(193, 164, 106, 0) 3.5px), radial-gradient(circle, #C1A46A 0, #C1A46A 3.5px, rgba(193, 164, 106, 0) 3.5px), linear-gradient(180deg, #60BDE3 0%, #60BDE3 100%), radial-gradient(circle, #60BDE3 0, #60BDE3 3.5px, rgba(96, 189, 227, 0) 3.5px), radial-gradient(circle, #60BDE3 0, #60BDE3 3.5px, rgba(96, 189, 227, 0) 3.5px), linear-gradient(180deg, #CD4A00 0%, #CD4A00 100%), radial-gradient(circle, #CD4A00 0, #CD4A00 3.5px, rgba(205, 74, 0, 0) 3.5px), radial-gradient(circle, #CD4A00 0, #CD4A00 3.5px, rgba(205, 74, 0, 0) 3.5px);
  background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
  background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom, 60px 2.5px, 60px 0, 60px bottom, 72px 2.5px, 72px 0, 72px bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  margin-bottom: 35px;
  margin-left: 10rem;
  z-index: -1;
}
@media (max-width: 767px) {
  .news-articles-section__left::after {
    bottom: -102px;
  }
}
.news-articles-section__left h1 {
  color: #FFFFFF;
  font-family: tenon, "sans-serif";
  font-size: 35px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 35px;
  padding: 148px 30px;
  background-color: #0093BF;
  text-align: center;
}
@media (max-width: 767px) {
  .news-articles-section__left h1 {
    padding: 40px 120px;
    font-size: 21px;
  }
}
.news-articles-section__right {
  width: 65%;
}
@media (max-width: 767px) {
  .news-articles-section__right {
    width: 100%;
  }
}

.all-news-section {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 16px;
}
.all-news-section h2 {
  color: #000000;
  font-family: tenon, "sans-serif";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 20px;
  font-weight: 400;
  margin-right: 16px;
}

.all-news-section .wp-block-button__link, .contributions-title .wp-block-button__link {
  background-color: #0093BF;
  color: #FFFFFF;
}
.all-news-section .wp-block-button__link:hover, .all-news-section .wp-block-button__link:focus, .contributions-title .wp-block-button__link:hover, .contributions-title .wp-block-button__link:focus {
  background-color: #00B4ED;
}

.all-news {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .all-news {
    flex-direction: column;
  }
}

.news-single {
  width: 32%;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .news-single {
    width: 100%;
  }
}
.news-single h1 {
  color: #00221B;
  font-family: tenon, "sans-serif";
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 0.56px;
  line-height: 24px;
  margin-top: 20px;
}
.news-single figure img {
  width: 100%;
  height: 245px;
  object-fit: cover;
}
@media (max-width: 767px) {
  .news-single figure img {
    height: 335px;
  }
}

.yellow-blue-color-bars {
  width: 8rem;
  height: 132px;
  background-image: linear-gradient(180deg, #0293BF 0%, #0293BF 100%), radial-gradient(circle, #0293BF 0, #0293BF 3.5px, rgba(2, 147, 191, 0) 3.5px), radial-gradient(circle, #0293BF 0, #0293BF 3.5px, rgba(2, 147, 191, 0) 3.5px), linear-gradient(180deg, #BD8A00 0%, #BD8A00 100%), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), linear-gradient(180deg, #01B3ED 0%, #01B3ED 100%), radial-gradient(circle, #01B3ED 0, #01B3ED 3.5px, rgba(1, 179, 237, 0) 3.5px), radial-gradient(circle, #01B3ED 0, #01B3ED 3.5px, rgba(1, 179, 237, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #00B4ED 0%, #00B4ED 100%), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px);
  background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
  background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom, 60px 2.5px, 60px 0, 60px bottom, 72px 2.5px, 72px 0, 72px bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
}

.recipe-feed {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.recipe-feed__title {
  font-size: 32px;
}
@media (max-width: 767px) {
  .recipe-feed__title {
    margin-bottom: 15px;
  }
}
.recipe-feed h2.wprm-recipe-name {
  font-size: 2.6rem;
}
.recipe-feed__header {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.6rem;
  border-bottom: 0.5px solid #AB2A11;
  margin-bottom: 1.6rem;
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .recipe-feed__header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.recipe-feed__header__title {
  color: #AB2A11;
}
.recipe-feed__left {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 27rem;
  margin-right: 2rem;
}
@media (max-width: 767px) {
  .recipe-feed__left {
    flex-basis: unset;
    width: 100%;
  }
}
.recipe-feed__right {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  position: relative;
  transition: padding 150ms;
}
.recipe-feed__right::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  transition: 150ms;
  z-index: 4;
  pointer-events: none;
}
.recipe-feed__right::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 20rem;
  height: 4rem;
  width: 8rem;
  transform: translateX(-50%);
  background-image: linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #10604E 0%, #10604E 100%), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), linear-gradient(180deg, #00B4ED 0%, #00B4ED 100%), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), linear-gradient(180deg, #FF8371 0%, #FF8371 100%), radial-gradient(circle, #FF8371 0, #FF8371 3.5px, rgba(255, 131, 113, 0) 3.5px), radial-gradient(circle, #FF8371 0, #FF8371 3.5px, rgba(255, 131, 113, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px);
  background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
  background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  z-index: 5;
  animation: bar-loading 1200ms infinite linear;
  pointer-events: none;
  transition: opacity 150ms;
  opacity: 0;
}
.recipe-feed__right.loading::before, .recipe-feed__right.loading::after {
  opacity: 1;
}
.recipe-feed__right.loading-more {
  padding-bottom: 20rem;
}
.recipe-feed__right.loading-more::after {
  opacity: 1;
  top: unset;
  bottom: 8rem;
}
@keyframes bar-loading {
  0%, 100% {
    background-size: 7px calc(100% - 12px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
    background-position: 0px 5px, 0px 2.5px, 0px calc(100% - 2.5px), 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom;
  }
  20% {
    background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 12px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
    background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 5px, 12px 2.5px, 12px calc(100% - 2.5px), 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom;
  }
  40% {
    background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 12px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
    background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 5px, 24px 2.5px, 24px calc(100% - 2.5px), 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom;
  }
  60% {
    background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 12px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
    background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 5px, 36px 2.5px, 36px calc(100% - 2.5px), 48px 2.5px, 48px 0, 48px bottom;
  }
  80% {
    background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 12px), 7px 7px, 7px 7px;
    background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 5px, 48px 2.5px, 48px calc(100% - 2.5px);
  }
}
.recipe-feed__search {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border: 0.5px solid currentColor;
  color: #AB2A11;
  position: relative;
  z-index: 8;
}
@media (max-width: 767px) {
  .recipe-feed__search {
    margin-bottom: 20px;
    z-index: 8;
    display: block;
  }
}
.recipe-feed__search::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: currentColor;
  opacity: 0.15;
  z-index: 1;
}
.recipe-feed__search > * {
  position: relative;
  z-index: 2;
}
.recipe-feed__search__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(100% - 4rem);
  padding: 1.2rem 2rem;
  padding-top: 1.1rem;
  font-size: 1.4rem;
  font-family: tenon, "sans-serif";
  line-height: 1.4rem;
  letter-spacing: 0.05rem;
  color: inherit;
  vertical-align: bottom;
}
@media (max-width: 767px) {
  .recipe-feed__search__input {
    font-size: 2.2rem;
    letter-spacing: 0.064rem;
    line-height: 2.4rem;
    font-size: 1.9rem;
    padding: 0.8rem 1.6rem;
    padding-top: 1rem;
    padding-bottom: 0.6rem;
  }
}
.recipe-feed__search__input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: inherit;
}
@media (max-width: 767px) {
  .recipe-feed__search__input::-webkit-input-placeholder {
    font-size: 22px;
    letter-spacing: 0.64px;
    line-height: 22px;
    padding-top: 0;
    font-size: 1.9rem;
  }
}
.recipe-feed__search__input::-moz-placeholder {
  /* Firefox 19+ */
  color: inherit;
}
@media (max-width: 767px) {
  .recipe-feed__search__input::-moz-placeholder {
    font-size: 22px;
    letter-spacing: 0.64px;
    line-height: 22px;
    padding-top: 0;
    font-size: 1.9rem;
  }
}
.recipe-feed__search__input:-ms-input-placeholder {
  /* IE 10+ */
  color: inherit;
}
@media (max-width: 767px) {
  .recipe-feed__search__input:-ms-input-placeholder {
    font-size: 22px;
    letter-spacing: 0.64px;
    line-height: 22px;
    padding-top: 0;
    font-size: 1.9rem;
  }
}
.recipe-feed__search__input:-moz-placeholder {
  /* Firefox 18- */
  color: inherit;
}
@media (max-width: 767px) {
  .recipe-feed__search__input:-moz-placeholder {
    font-size: 22px;
    letter-spacing: 0.64px;
    line-height: 22px;
    padding-top: 0;
    font-size: 1.9rem;
  }
}
.recipe-feed__search__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  appearance: none !important;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 4rem;
  width: 4rem;
  height: 4rem;
  border-left: 0.5px solid currentColor;
  cursor: pointer;
  color: inherit;
  transition: 300ms;
  position: relative;
}
.recipe-feed__search__button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: currentColor;
  opacity: 0.15;
  transition: 300ms;
  z-index: 1;
}
.recipe-feed__search__button > * {
  position: relative;
  z-index: 2;
}
.recipe-feed__search__button:hover::before, .recipe-feed__search__button:focus::before {
  opacity: 1;
}
.recipe-feed__search__button:hover svg, .recipe-feed__search__button:focus svg {
  fill: white;
  stroke: white;
}
.recipe-feed__feed {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
.recipe-feed__feed__header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 1rem;
  position: relative;
  margin-bottom: 2rem;
}
.recipe-feed__feed__header::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background-repeat: repeat-x;
  background-size: 5px 1px;
  background-image: radial-gradient(circle, #a49e99 0.5px, transparent 0.5px);
  width: 100%;
  height: 1px;
}
.recipe-feed__feed__header__showing {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.4rem;
  letter-spacing: 0.03rem;
  color: black;
}
.recipe-feed__feed__header__showing span {
  color: #AB2A11;
}
.recipe-feed__feed__header__sort {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 22rem;
  background: #F5F5F5;
  padding: 0.6rem 1rem;
  font-size: 1.6rem;
  line-height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recipe-feed__feed__header__sort span {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: auto;
  margin-right: 0.8rem;
}
.recipe-feed__feed__header__sort select {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='9px' viewBox='0 0 14 9' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Ctitle%3EComponents/Icons/Drop-Down%3C/title%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='Drop-Downs/Drop-Down-Old' transform='translate(-186.000000, -16.000000)' fill='%23CD4B00'%3E %3Cg id='Group' transform='translate(12.000000, 6.000000)'%3E %3Cg transform='translate(174.000000, 10.500000)' id='Path-23'%3E %3Cpolygon points='0 -2.27373675e-13 7 8.46800737 14 -2.27373675e-13'%3E%3C/polygon%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto auto;
}
.recipe-feed__feed__featured {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .recipe-feed__feed__featured {
    flex-direction: column;
  }
}
.recipe-feed__feed__featured__left {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
  background: #10604E;
  color: inherit;
  padding: 5.6rem;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-direction: column-reverse;
  position: relative;
}
@media (max-width: 767px) {
  .recipe-feed__feed__featured__left {
    order: 1;
    padding: 3.2rem;
  }
}
.recipe-feed__feed__featured__left::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(assets/5b94694adac46b1e9eb2c8d147cbadba.jpg);
  background-size: cover;
  z-index: 1;
}
.recipe-feed__feed__featured__left::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: inherit;
  background-color: currentColor;
  z-index: 2;
  mix-blend-mode: color;
}
.recipe-feed__feed__featured__left > * {
  position: relative;
  z-index: 3;
}
.recipe-feed__feed__featured__right {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 50%;
  position: relative;
  overflow: hidden;
}
.recipe-feed__feed__featured__right::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 92.8%;
}
.recipe-feed__feed__featured__right img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
.recipe-feed__feed__featured__title {
  font-size: 3.4rem;
  line-height: 3.4rem;
  letter-spacing: 0.132rem;
  font-weight: 600;
  color: #FFEDCB;
}
.recipe-feed__feed__featured__cat {
  font-size: 1.4rem;
  line-height: 1.6rem;
  letter-spacing: 0.15rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
  color: #FFEDCB;
}
.recipe-feed__feed__featured:hover .recipe-feed__feed__featured__right img, .recipe-feed__feed__featured:focus .recipe-feed__feed__featured__right img {
  transform: scale(1.05);
}
.recipe-feed__feed__item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 4rem) / 3);
  margin-right: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid currentColor;
  padding-bottom: 1.2rem;
}
@media (max-width: 767px) {
  .recipe-feed__feed__item {
    flex-basis: unset;
    width: 100%;
  }
}
.recipe-feed__feed__item:not(.nopattern):nth-child(10n-7), .recipe-feed__feed__item:not(.nopattern):nth-child(10n-5), .recipe-feed__feed__item:not(.nopattern):nth-child(10n-2), .recipe-feed__feed__item:not(.nopattern):nth-child(10n) {
  margin-right: 0;
}
@media (max-width: 767px) {
  .recipe-feed__feed__item:not(.nopattern):nth-child(10n-7), .recipe-feed__feed__item:not(.nopattern):nth-child(10n-5), .recipe-feed__feed__item:not(.nopattern):nth-child(10n-2), .recipe-feed__feed__item:not(.nopattern):nth-child(10n) {
    flex-basis: unset;
    width: 100%;
  }
}
.recipe-feed__feed__item:not(.nopattern):nth-child(10n-6), .recipe-feed__feed__item:not(.nopattern):nth-child(10n) {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(((100% - 4rem) / 3) * 2 + 2rem);
  min-height: 28rem;
  padding-bottom: 0;
  border-bottom: 0;
  position: relative;
}
.recipe-feed__feed__item:not(.nopattern):nth-child(10n-6) .recipe-feed__feed__item__figure, .recipe-feed__feed__item:not(.nopattern):nth-child(10n) .recipe-feed__feed__item__figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.recipe-feed__feed__item:not(.nopattern):nth-child(10n-6) .recipe-feed__feed__item__figure__link, .recipe-feed__feed__item:not(.nopattern):nth-child(10n) .recipe-feed__feed__item__figure__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.recipe-feed__feed__item:not(.nopattern):nth-child(10n-6) .recipe-feed__feed__item__figure__link img, .recipe-feed__feed__item:not(.nopattern):nth-child(10n) .recipe-feed__feed__item__figure__link img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recipe-feed__feed__item:not(.nopattern):nth-child(10n-6) .recipe-feed__feed__item__container, .recipe-feed__feed__item:not(.nopattern):nth-child(10n) .recipe-feed__feed__item__container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 2rem;
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  flex-direction: column;
  pointer-events: none;
}
.recipe-feed__feed__item:not(.nopattern):nth-child(10n-6) .recipe-feed__feed__item__container::before, .recipe-feed__feed__item:not(.nopattern):nth-child(10n) .recipe-feed__feed__item__container::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 20rem;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.53) 42.12%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 1;
  pointer-events: none;
}
.recipe-feed__feed__item:not(.nopattern):nth-child(10n-6) .recipe-feed__feed__item__container > *, .recipe-feed__feed__item:not(.nopattern):nth-child(10n) .recipe-feed__feed__item__container > * {
  position: relative;
  z-index: 2;
  pointer-events: auto;
}
.recipe-feed__feed__item:not(.nopattern):nth-child(10n-6) .recipe-feed__feed__item__title, .recipe-feed__feed__item:not(.nopattern):nth-child(10n) .recipe-feed__feed__item__title {
  color: #FFEDCB;
}
@media (max-width: 767px) {
  .recipe-feed__feed__item:not(.nopattern):nth-child(10n-6), .recipe-feed__feed__item:not(.nopattern):nth-child(10n) {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 100%;
  }
}
.recipe-feed__filters {
  background: #F5F5F5;
  padding-bottom: 1.6rem;
}
@media (max-width: 767px) {
  .recipe-feed__filters {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .recipe-feed__filters {
    flex-basis: unset;
    width: 100%;
  }
}
.recipe-feed__filters__title {
  background: #E8E8E8;
  padding: 1.2rem 1rem;
  padding-top: 1.6rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.2rem;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  color: #656565;
  margin-bottom: 1.6rem;
}
.recipe-feed__filters__toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 500;
  font-family: tenon, "sans-serif";
  padding: 0.4rem 0;
  margin: 0 1rem;
  margin-top: 1.6rem;
  border-bottom: 0.5px solid black;
  display: block;
  width: calc(100% - 2rem);
  text-align: left;
  cursor: pointer;
  position: relative;
}
.recipe-feed__filters__toggle:first-child {
  margin-top: 0;
}
.recipe-feed__filters__toggle:active {
  color: inherit !important;
}
.recipe-feed__filters__toggle img {
  max-width: 1.6rem;
  max-height: 1.6rem;
  width: auto;
  height: auto;
  margin-right: 1.6rem;
}
.recipe-feed__filters__toggle::before, .recipe-feed__filters__toggle::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 8px;
  height: 1px;
  background: black;
}
.recipe-feed__filters__toggle::after {
  transform: rotate(90deg);
  transition: 300ms;
}
.recipe-feed__filters__toggle.expanded::after {
  transform: rotate(90deg) scaleX(0);
}
.recipe-feed__filters__list {
  padding: 0;
  margin: 0;
  padding: 0 1rem;
}
.recipe-feed__filters__list-item {
  padding: 0;
  margin: 0;
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  margin: 0.8rem 0;
}
.recipe-feed__filters__list-item::before {
  background: transparent;
  width: auto;
  height: auto;
  border-radius: 0;
  left: auto;
  top: auto;
  position: static;
}
.recipe-feed__filters__input ~ .recipe-feed__filters__span {
  font-size: 1.4rem;
  line-height: 1.8rem;
  padding-left: 3.2rem;
  position: relative;
  cursor: pointer;
}
.recipe-feed__filters__input ~ .recipe-feed__filters__span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.2rem;
  height: 1.2rem;
  border: 0.5px solid #AB2A11;
  transition: 300ms;
}
.recipe-feed__filters__input:checked ~ .recipe-feed__filters__span {
  color: #AB2A11;
}
.recipe-feed__filters__input:checked ~ .recipe-feed__filters__span::before {
  background: #AB2A11;
}

.page-template-template-recipes .page-header {
  background: #0093BF;
  position: relative;
  z-index: 5;
}
.page-template-template-recipes .page-header .container-margins {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-template-template-recipes .page-header .container-margins h1 {
  margin-right: 6rem;
}
.page-template-template-recipes .page-header .recipe-feed__search {
  color: white;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  z-index: 10;
}
@media (max-width: 767px) {
  .page-template-template-recipes .page-header .recipe-feed__search {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    width: 100%;
    display: flex;
  }
}
.page-template-template-recipes .page-header .recipe-feed__search__input {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc(100% - 5.2rem);
  font-size: 2.1rem;
  line-height: 2.1rem;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .page-template-template-recipes .page-header .recipe-feed__search__input {
    font-size: 1.8rem;
    padding: 0 1.2rem;
  }
}
.page-template-template-recipes .page-header .recipe-feed__search__button {
  width: 5.2rem;
  height: 5.2rem;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 5.2rem;
}
.page-template-template-recipes .page-header .recipe-feed__search__button:hover svg, .page-template-template-recipes .page-header .recipe-feed__search__button:focus svg {
  color: #0093BF;
}

.latest-recipe {
  min-height: calc(100vh - 30.6rem);
  min-height: min(calc(100vh - 30.6rem), 63vw);
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: relative;
}
@media (max-width: 767px) {
  .latest-recipe {
    margin-bottom: 15rem;
    min-height: calc(100vh - 34.5rem);
  }
}
.latest-recipe__figure {
  position: absolute;
  left: calc(50% - 50vw);
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 1;
}
.latest-recipe__figure__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.latest-recipe__container {
  position: relative;
  z-index: 3;
  max-width: 26.4rem;
  padding: 2rem;
  background: #CD4B00;
}
.latest-recipe__container::after {
  content: "";
  width: 8rem;
  height: 12.1rem;
  position: absolute;
  left: 40%;
  bottom: -8rem;
  z-index: 1;
  background-image: linear-gradient(180deg, #D8958D 0%, #D8958D 100%), radial-gradient(circle, #D8958D 0, #D8958D 3.5px, rgba(216, 149, 141, 0) 3.5px), radial-gradient(circle, #D8958D 0, #D8958D 3.5px, rgba(216, 149, 141, 0) 3.5px), linear-gradient(180deg, #00B4ED 0%, #00B4ED 100%), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), linear-gradient(180deg, #8AC698 0%, #8AC698 100%), radial-gradient(circle, #8AC698 0, #8AC698 3.5px, rgba(138, 198, 152, 0) 3.5px), radial-gradient(circle, #8AC698 0, #8AC698 3.5px, rgba(138, 198, 152, 0) 3.5px), linear-gradient(180deg, #10604E 0%, #10604E 100%), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), linear-gradient(180deg, #C2A466 0%, #C2A466 100%), radial-gradient(circle, #C2A466 0, #C2A466 3.5px, rgba(194, 164, 102, 0) 3.5px), radial-gradient(circle, #C2A466 0, #C2A466 3.5px, rgba(194, 164, 102, 0) 3.5px), linear-gradient(180deg, #10604E 0%, #10604E 100%), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), linear-gradient(180deg, #CD4B00 0%, #CD4B00 100%), radial-gradient(circle, #CD4B00 0, #CD4B00 3.5px, rgba(205, 75, 0, 0) 3.5px), radial-gradient(circle, #CD4B00 0, #CD4B00 3.5px, rgba(205, 75, 0, 0) 3.5px);
  background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
  background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom, 60px 2.5px, 60px 0, 60px bottom, 72px 2.5px, 72px 0, 72px bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
.latest-recipe__container::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #CD4B00;
  z-index: 2;
}
.latest-recipe__container > * {
  position: relative;
  z-index: 3;
}
@media (min-width: 1440px) {
  .latest-recipe__container {
    max-width: 32rem;
  }
}
@media (max-width: 767px) {
  .latest-recipe__container {
    margin-bottom: -4.6rem;
    max-width: 100%;
    position: relative;
    width: calc(70% + 6.4rem);
    left: calc(50% - 50vw);
  }
}
.latest-recipe__title {
  color: #FFEDCB;
  font-size: 3rem;
  line-height: 3rem;
  letter-spacing: 0.017rem;
  font-weight: bold;
}
.latest-recipe__cook-time {
  color: #FFEDCB;
  margin-top: 1rem;
  margin-bottom: 2.4rem;
}
.latest-recipe__cta {
  margin-top: 2.4rem;
  color: #CD4B00;
}
.latest-recipe__cta-link:hover, .latest-recipe__cta-link:focus {
  background: #FFFFFF;
}

.recipe-collections__header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 9rem;
  margin-top: 7.2rem;
}
@media (max-width: 767px) {
  .recipe-collections__header {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 5rem;
  }
}
.recipe-collections__header + .collections-archive {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
.recipe-collections__header + .collections-archive .collections-archive__single__title {
  top: 0;
  transform: translate(-50%, -50%);
  border: 0.5px solid currentColor;
}
.recipe-collections__header + .collections-archive::before {
  content: "";
  width: 8rem;
  height: 19.1rem;
  position: absolute;
  left: 0;
  top: -7.2rem;
  background-image: linear-gradient(180deg, #52854C 0%, #52854C 100%), radial-gradient(circle, #52854C 0, #52854C 3.5px, rgba(82, 133, 76, 0) 3.5px), radial-gradient(circle, #52854C 0, #52854C 3.5px, rgba(82, 133, 76, 0) 3.5px), linear-gradient(180deg, #BD8A00 0%, #BD8A00 100%), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #00B4ED 0%, #00B4ED 100%), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), linear-gradient(180deg, #BD8A00 0%, #BD8A00 100%), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), linear-gradient(180deg, #00B4ED 0%, #00B4ED 100%), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), linear-gradient(180deg, #CD4B00 0%, #CD4B00 100%), radial-gradient(circle, #CD4B00 0, #CD4B00 3.5px, rgba(205, 75, 0, 0) 3.5px), radial-gradient(circle, #CD4B00 0, #CD4B00 3.5px, rgba(205, 75, 0, 0) 3.5px);
  background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
  background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom, 60px 2.5px, 60px 0, 60px bottom, 72px 2.5px, 72px 0, 72px bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
.recipe-collections__header-title {
  color: #0093BF;
  margin-right: 1.6rem;
}
@media (max-width: 767px) {
  .recipe-collections__header-title {
    margin-bottom: 15px;
    margin-top: 30px;
    font-size: 30px;
  }
}
.recipe-collections__header .wp-block-button__link {
  background: #0093BF;
  color: #FFFFFF;
}
.recipe-collections__header .wp-block-button__link:hover, .recipe-collections__header .wp-block-button__link:focus {
  background: #00B4ED;
}
.recipe-collections__header .wp-block-button {
  color: #FFFFFF;
}
.recipe-collections__header .wp-block-button svg {
  margin-left: 2.4rem;
}

@media (max-width: 767px) {
  .page-template-template-recipes .page-header .container-margins {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .page-template-template-recipes .page-header .container-margins .page-header__title {
    height: 103px;
    margin-bottom: 2rem;
  }
}

.collections-archive.recipe-archive .hp-recipes__collection {
  position: relative;
  padding-top: 0;
}
.collections-archive.recipe-archive .hp-recipes__collection:first-child {
  margin-left: 0;
}
@media (max-width: 767px) {
  .collections-archive.recipe-archive .hp-recipes__collection:nth-child(3)::before {
    content: "";
    width: 8rem;
    height: 100%;
    position: absolute;
    left: -50%;
    top: 0;
    transform: translateX(-50%);
    background-image: linear-gradient(180deg, #52854C 0%, #52854C 100%), radial-gradient(circle, #52854C 0, #52854C 3.5px, rgba(82, 133, 76, 0) 3.5px), radial-gradient(circle, #52854C 0, #52854C 3.5px, rgba(82, 133, 76, 0) 3.5px), linear-gradient(180deg, #BD8A00 0%, #BD8A00 100%), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #00B4ED 0%, #00B4ED 100%), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), linear-gradient(180deg, #BD8A00 0%, #BD8A00 100%), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), linear-gradient(180deg, #00B4ED 0%, #00B4ED 100%), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), linear-gradient(180deg, #CD4B00 0%, #CD4B00 100%), radial-gradient(circle, #CD4B00 0, #CD4B00 3.5px, rgba(205, 75, 0, 0) 3.5px), radial-gradient(circle, #CD4B00 0, #CD4B00 3.5px, rgba(205, 75, 0, 0) 3.5px);
    background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
    background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom, 60px 2.5px, 60px 0, 60px bottom, 72px 2.5px, 72px 0, 72px bottom;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  }
}
@media (max-width: 767px) {
  .collections-archive.recipe-archive .hp-recipes__collection {
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch;
    justify-content: flex-start;
  }
}
.collections-archive.recipe-archive .hp-recipes__collection {
  padding-top: 2.4rem;
}
.collections-archive.recipe-archive .hp-recipes__collection__container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.collections-archive.recipe-archive .hp-recipes__collection__title {
  max-width: calc(100% - 4rem);
  transform: unset;
}

.page-alt-header {
  height: 159px;
}

.page-alt {
  text-align: left;
}

.page-alt__header-text-container {
  display: flex;
  justify-content: space-between;
  padding-bottom: 65px;
  align-items: center;
}
@media (max-width: 767px) {
  .page-alt__header-text-container {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 25px;
    align-items: flex-start;
  }
}
.page-alt__header-text-container h1 {
  width: 40%;
  height: 180px;
}
.page-alt__header-text-container .page-alt-header-text {
  width: 60%;
}
@media (max-width: 767px) {
  .page-alt__header-text-container .page-alt-header-text {
    width: 100%;
  }
}

.page-alt-header-text h1, .page-alt-header-text h2, .page-alt-header-text h3, .page-alt-header-text h4, .page-alt-header-text h5, .page-alt-header-text h6 {
  color: #FFEDCB;
  font-weight: 600;
}
.page-alt-header-text p {
  color: #FFFFFF;
  line-height: 22px;
  letter-spacing: 0.64px;
}

.page-shop-featured-products-title {
  margin-top: 40px;
  color: #CD4B00;
  position: relative;
  margin-bottom: 50px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .page-shop-featured-products-title {
    font-size: 32px;
    letter-spacing: 0.86px;
    line-height: 35px;
    margin-left: 20px;
  }
}
.page-shop-featured-products-title::after {
  content: "";
  position: absolute;
  bottom: -60px;
  left: 0;
  width: 8rem;
  height: 50px;
  display: block;
  background-image: linear-gradient(180deg, #DA5124 0%, #DA5124 100%), radial-gradient(circle, #DA5124 0, #DA5124 3.5px, rgba(218, 81, 36, 0) 3.5px), radial-gradient(circle, #DA5124 0, #DA5124 3.5px, rgba(218, 81, 36, 0) 3.5px), linear-gradient(180deg, #00B4ED 0%, #00B4ED 100%), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #29656B 0%, #29656B 100%), radial-gradient(circle, #29656B 0, #29656B 3.5px, rgba(41, 101, 107, 0) 3.5px), radial-gradient(circle, #29656B 0, #29656B 3.5px, rgba(41, 101, 107, 0) 3.5px), linear-gradient(180deg, #BD8A00 0%, #BD8A00 100%), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), linear-gradient(180deg, #00221B 0%, #00221B 100%), radial-gradient(circle, #00221B 0, #00221B 3.5px, rgba(0, 34, 27, 0) 3.5px), radial-gradient(circle, #00221B 0, #00221B 3.5px, rgba(0, 34, 27, 0) 3.5px), linear-gradient(180deg, #AB2A11 0%, #AB2A11 100%), radial-gradient(circle, #AB2A11 0, #AB2A11 3.5px, rgba(171, 42, 17, 0) 3.5px), radial-gradient(circle, #AB2A11 0, #AB2A11 3.5px, rgba(171, 42, 17, 0) 3.5px);
  background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
  background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom, 60px 2.5px, 60px 0, 60px bottom, 72px 2.5px, 72px 0, 72px bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}

.featured-products-shop-page {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  margin-bottom: 74px;
}
@media (max-width: 767px) {
  .featured-products-shop-page {
    flex-direction: column;
    margin: 0 20px;
  }
}
.featured-products-shop-page li {
  padding: 0;
}
.featured-products-shop-page li::before {
  display: none !important;
}
.featured-products-shop-page__big {
  width: 50%;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .featured-products-shop-page__big {
    width: 100%;
  }
}
.featured-products-shop-page__big figure {
  position: relative;
  overflow: hidden;
}
.featured-products-shop-page__big figure:before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 80%;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .featured-products-shop-page__big figure:before {
    padding-bottom: 100%;
  }
}
.featured-products-shop-page__big figure img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
  filter: brightness(0.6);
}
.featured-products-shop-page__big figure img:hover, .featured-products-shop-page__big figure img:focus {
  transform: scale(1.05);
}
.featured-products-shop-page__big__text {
  position: absolute;
  bottom: 26px;
  left: 15px;
  z-index: 5;
  margin-bottom: 26px;
}
.featured-products-shop-page__big__text__price {
  color: #FFFFFF;
  margin-top: 5px;
  position: relative;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 16px;
  margin-top: 15px;
}
.featured-products-shop-page__big__text__price::after {
  margin-top: 9px;
  background-color: #0093BF;
  width: 243px;
  height: 0.5px;
  content: "";
  display: block;
  position: absolute;
}
.featured-products-shop-page__big__text__brand-name {
  color: #FFFFFF;
  text-transform: uppercase;
}
.featured-products-shop-page__big h2 {
  color: #FFEDCB;
  font-family: tenon, "sans-serif";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 21px;
  margin: 0;
  margin-bottom: 5px;
}
.featured-products-shop-page__big .why-we-love-it {
  color: #FFFFFF;
  font-family: tenon, "sans-serif";
  font-size: 14px;
  letter-spacing: 0.23px;
  line-height: 16px;
  font-weight: 600;
}
.featured-products-shop-page__big .why-we-love-it__text {
  font-weight: 500;
  color: #FFFFFF;
  font-family: tenon, "sans-serif";
  font-size: 14px;
  letter-spacing: 0.23px;
  line-height: 16px;
}
.featured-products-shop-page__small {
  width: 23%;
}
@media (max-width: 767px) {
  .featured-products-shop-page__small {
    width: 100%;
  }
}
.featured-products-shop-page__small figure {
  position: relative;
  overflow: hidden;
}
.featured-products-shop-page__small figure::before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.featured-products-shop-page__small figure img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
  filter: brightness(0.6);
}
.featured-products-shop-page__small figure img:hover, .featured-products-shop-page__small figure img:focus {
  transform: scale(1.05);
}
.featured-products-shop-page .why-we-love-it-grey {
  color: #8F8F8F;
  font-family: tenon, "sans-serif";
  font-size: 14px;
  letter-spacing: 0.23px;
  line-height: 16px;
  font-weight: 500;
}
.featured-products-shop-page .why-we-love-it-grey__text {
  font-weight: 400;
  color: #8F8F8F;
  font-family: tenon, "sans-serif";
  font-size: 14px;
  letter-spacing: 0.23px;
  line-height: 16px;
}

.page-shop-all-products-title {
  border-bottom: 0.5px solid #CD4B00;
  padding-bottom: 20px;
  margin-bottom: 24px;
  color: #CD4B00;
}
@media (max-width: 767px) {
  .page-shop-all-products-title {
    margin-top: 50px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 32px;
    letter-spacing: 0.86px;
    line-height: 35px;
  }
}

.featured-posts-section {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-top: 42px;
  border-top: 1px solid var(--page-color);
}
@media (max-width: 767px) {
  .featured-posts-section {
    flex-direction: column;
  }
}
.featured-posts-section__title {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 22rem;
  margin-right: 2rem;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-bottom: 11.2rem;
}
@media (min-width: 1440px) {
  .featured-posts-section__title {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 28rem;
    margin-right: 2.4rem;
  }
}
@media (max-width: 767px) {
  .featured-posts-section__title {
    padding-bottom: 12.2rem;
  }
}
.featured-posts-section__title h2 {
  min-height: 36.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  margin: 0 auto;
  background-color: var(--page-color);
  padding: 3rem;
  position: relative;
  z-index: 2;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
}
@media (min-width: 1440px) {
  .featured-posts-section__title h2 {
    padding: 5.6rem;
  }
}
@media (max-width: 767px) {
  .featured-posts-section__title h2 {
    text-align: center;
    margin-top: 10px;
    min-height: auto;
    text-align: left;
    font-size: 21px;
    width: 100%;
    padding: 0;
    z-index: 5;
  }
}
.featured-posts-section__title .color-bars {
  position: absolute;
  left: calc(50% - 4rem);
  bottom: 0;
  width: 8rem;
  height: 100%;
  background-image: linear-gradient(180deg, #29656B 0%, #29656B 100%), radial-gradient(circle, #29656B 0, #29656B 3.5px, rgba(41, 101, 107, 0) 3.5px), radial-gradient(circle, #29656B 0, #29656B 3.5px, rgba(41, 101, 107, 0) 3.5px), linear-gradient(180deg, #BD8A00 0%, #BD8A00 100%), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), linear-gradient(180deg, #00B4ED 0%, #00B4ED 100%), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), linear-gradient(180deg, #10604E 0%, #10604E 100%), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #10604E 0%, #10604E 100%), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), linear-gradient(180deg, #00B4ED 0%, #00B4ED 100%), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px);
  background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
  background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom, 60px 2.5px, 60px 0, 60px bottom, 72px 2.5px, 72px 0, 72px bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  z-index: 1;
}
@media (max-width: 767px) {
  .featured-posts-section__title .color-bars {
    bottom: 65px;
    height: 60px;
    z-index: 2;
  }
}
.featured-posts-section__posts {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 0;
  margin: 0;
}
@media (max-width: 767px) {
  .featured-posts-section__posts {
    margin-top: -7rem;
  }
}
.featured-posts-section__posts li::before {
  display: none;
}
.featured-posts-section__posts__single__title {
  color: #000000;
  font-family: tenon, "sans-serif";
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 28px;
}

.all-posts-section__title {
  color: var(--page-color);
  font-family: tenon, "sans-serif";
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.86px;
  line-height: 35px;
  padding-bottom: 20px;
  border-bottom: 0.5px solid var(--page-color);
  margin-top: 72px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .all-posts-section__title {
    margin-top: 50px;
  }
}

.page-template-template-blog .page-header h1 img {
  margin-bottom: 4.4rem;
}

.blog-feed {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .blog-feed {
    flex-direction: column;
  }
}
.blog-feed__item {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 4rem) / 3);
  margin-right: 2rem;
  margin-bottom: 3rem;
}
.blog-feed__item:nth-child(3n) {
  margin-right: 0;
}
.blog-feed__item__title {
  font-size: 2.1rem;
  line-height: 2.4rem;
  letter-spacing: 0.056rem;
  color: #00221B;
  margin-bottom: 1rem;
}
.blog-feed__item__figure {
  margin-bottom: 1.6rem;
}
.blog-feed__item__cat {
  color: #10604E;
}

/*--------------------------------*\
   TEMPLATES
\*--------------------------------*/
/* for page template and special styles */
.error-404 {
  position: relative;
}
.error-404 .page-header {
  display: flex;
  justify-content: space-between;
  padding-top: 8rem;
  padding-bottom: 28px;
}
.error-404 .page-header img {
  height: 171px;
  padding-left: 43px;
  margin-top: 30px;
  margin-bottom: -12rem;
  z-index: 10;
}
@media (max-width: 767px) {
  .error-404 .page-header img {
    padding-left: 20px;
    padding-right: 38px;
    margin-top: 37px;
  }
}
.error-404__text {
  margin-top: 30px;
  width: 70%;
  text-align: left;
}
.error-404__text p {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.86px;
  line-height: 29px;
  font-family: tenon, "sans-serif";
  color: #FFEDCB;
  display: block;
  padding-bottom: 20px;
  text-align: left;
}
@media (max-width: 767px) {
  .error-404__text p {
    font-size: 14px;
    letter-spacing: 0.26px;
    line-height: 16px;
  }
}
@media (max-width: 767px) {
  .error-404__text {
    margin-top: 37px;
  }
}

.error-404-main-image img {
  width: 100%;
  height: 50vh;
  object-fit: cover;
  display: block;
}

.search .page-header {
  padding-top: 10rem;
  padding-left: 120px;
  padding-right: 120px;
  padding-bottom: 55px;
  text-align: unset;
}
@media (max-width: 767px) {
  .search .page-header {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
}
.search .page-title {
  font-family: tenon, "sans-serif";
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 24px;
  margin-bottom: 21px;
  color: #FFFFFF;
  text-align: left;
  font-weight: 300;
  order: 1;
}
.search .search-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  border: 0.5px solid #FFEDCB;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.15);
  width: 100%;
  color: #FFFFFF;
  font-size: 2.1rem;
  line-height: 2.4rem;
  padding: 1.2rem;
  font-family: tenon, "sans-serif";
}
.search .search-field::placeholder {
  color: #FFFFFF;
}
.search .search-form {
  display: flex;
  order: 2;
}
@media (max-width: 767px) {
  .search .search-form {
    order: 2;
    margin-bottom: 15px;
  }
}
.search .search-page__submit {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  border: 0.5px solid #FFEDCB;
  background-color: rgba(255, 255, 255, 0.3);
  padding: 20px;
  border-left: 0;
  cursor: pointer;
  transition: 300ms;
}
.search .search-page__submit svg {
  transition: 300ms;
}
.search .search-page__submit:hover, .search .search-page__submit:focus {
  background-color: #FFFFFF;
}
.search .search-page__submit:hover svg, .search .search-page__submit:focus svg {
  fill: #CD4B00;
}

.search-results-content {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: 120px;
  margin-right: 120px;
  margin-bottom: 136px !important;
  position: relative;
}
@media (max-width: 767px) {
  .search-results-content {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.search-results-content__single {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: calc((100% - 6rem) / 4);
  margin: 0;
  margin-right: 2rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid var(--page-color);
}
.search-results-content__single:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 767px) {
  .search-results-content__single {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100% - 2rem) / 2);
    margin-right: 2rem;
  }
  .search-results-content__single:nth-child(2n) {
    margin-right: 0;
  }
}
.search-results-content__single .post-block__figure {
  margin-bottom: 1.6rem;
}
.search-results-content__single .post-block__cat {
  color: var(--page-color);
}
.search-results-content__single .post-block__title {
  color: #000000;
}
.search-results-content::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  opacity: 0;
  transition: 150ms;
  z-index: 4;
  pointer-events: none;
}
.search-results-content::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 20rem;
  height: 4rem;
  width: 8rem;
  transform: translateX(-50%);
  background-image: linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #10604E 0%, #10604E 100%), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), linear-gradient(180deg, #00B4ED 0%, #00B4ED 100%), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), linear-gradient(180deg, #FF8371 0%, #FF8371 100%), radial-gradient(circle, #FF8371 0, #FF8371 3.5px, rgba(255, 131, 113, 0) 3.5px), radial-gradient(circle, #FF8371 0, #FF8371 3.5px, rgba(255, 131, 113, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px);
  background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
  background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  z-index: 5;
  animation: bar-loading 1200ms infinite linear;
  pointer-events: none;
  transition: opacity 150ms;
  opacity: 0;
}
.search-results-content.loading::before, .search-results-content.loading::after {
  opacity: 1;
}
.search-results-content.loading-more {
  padding-bottom: 20rem;
}
.search-results-content.loading-more::after {
  opacity: 1;
  top: unset;
  bottom: 8rem;
}

.results-number-sort-container {
  display: flex;
  justify-content: space-between;
  padding-top: 30px;
  padding-bottom: 21px;
  margin: 0 120px;
  position: relative;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .results-number-sort-container {
    margin: 0 20px;
    flex-direction: column;
    margin-bottom: 2rem;
  }
}
.results-number-sort-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background-repeat: repeat-x;
  background-size: 5px 1px;
  background-image: radial-gradient(circle, #a49e99 0.5px, transparent 0.5px);
  width: 100%;
  height: 5px;
}
.results-number-sort-container p {
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 24px;
  font-weight: 700;
  width: 100%;
  white-space: nowrap;
}
.results-number-sort-container p span {
  font-weight: 300;
}

.matching-results {
  padding-left: 5px;
  padding-right: 5px;
}

.results-sort-container p {
  color: #000000;
  font-family: tenon, "sans-serif";
  font-size: 16px;
  letter-spacing: 0.27px;
  line-height: 25px;
  font-weight: 300 !important;
  margin-top: 12.5px;
  margin-left: 12px;
}
@media (max-width: 767px) {
  .results-sort-container {
    display: none;
  }
}

.search-page__submit svg {
  fill: #FFEDCB;
}

.search-results-cat {
  color: var(--page-color);
  font-family: tenon, "sans-serif";
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 12px;
  margin-top: 14px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 10px;
}

.results-sort-dropdown {
  visibility: visible !important;
  cursor: pointer;
  background-color: #F5F5F5;
  border: none;
  outline: none;
  font-size: 16px;
  letter-spacing: 0.27px;
  line-height: 25px;
  font-weight: 300 !important;
  text-transform: capitalize;
  -webkit-appearance: none;
  background-position-x: right;
}

.sortby-container {
  margin-right: 15px;
}
.sortby-container p {
  font-size: 16px;
  letter-spacing: 0.27px;
  line-height: 25px;
  font-weight: 300 !important;
  margin-top: 12.5px;
  margin-left: 12px;
}

.results-sort-dropdown__container {
  display: flex;
  background-color: #F5F5F5;
}
@media (max-width: 767px) {
  .results-sort-dropdown__container {
    display: none;
  }
}
.results-sort-dropdown__container p {
  margin-right: 4px;
}
.results-sort-dropdown__container .prettydropdown {
  margin-right: 12px;
}
.results-sort-dropdown__container .prettydropdown ul li {
  display: none !important;
}
.results-sort-dropdown__container::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--page-color);
  margin-right: 12px;
  margin-top: 18px;
  cursor: pointer;
}

.looking-for-recipe {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  margin-left: 120px;
  margin-right: 120px;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .looking-for-recipe {
    margin-left: unset;
    order: 3;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 20px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.looking-for-recipe p {
  color: #000000;
  font-family: tenon, "sans-serif";
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.3px;
  line-height: 20px;
  margin-right: 13px;
}
@media (max-width: 767px) {
  .looking-for-recipe p {
    margin-bottom: 10px;
  }
}
.looking-for-recipe .wp-block-button__link {
  background: #FFEDCB;
  color: #CD4B00;
}
.looking-for-recipe .wp-block-button__link:hover, .looking-for-recipe .wp-block-button__link:focus {
  color: #FFFFFF;
  background: #CD4B00;
}

.paging-navigation {
  text-align: center;
  font-family: tenon, "sans-serif";
  font-size: 18px;
  margin: 0 120px;
}
.paging-navigation .nav-links {
  display: flex;
  justify-content: space-between;
}

.search-header {
  display: flex;
  flex-direction: column;
  margin-top: 17px;
}
.tax-single-title {
  color: #FFEDCB;
  font-family: tenon, "sans-serif";
  font-size: 45px;
  font-weight: 600;
  letter-spacing: 1.61px;
  line-height: 42px;
  margin-top: 14px;
  padding-bottom: 44px;
}

.tag-title-container {
  color: #E8E8E8;
  font-family: tenon, "sans-serif";
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 24px;
  font-weight: 300;
}

.tax-results {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: 99px;
}
.tax-results__single {
  width: 23.5%;
  position: relative;
  padding-bottom: 77px;
  border-bottom: 0.5px solid var(--page-color);
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .tax-results__single {
    width: 49%;
  }
}
.tax-results__single figure {
  position: relative;
  overflow: hidden;
}
.tax-results__single figure:before {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 80%;
}
.tax-results__single figure img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  transition: 300ms cubic-bezier(0.64, 0.04, 0.35, 1);
}
.tax-results__single figure img:hover, .tax-results__single figure img:focus {
  transform: scale(1.05);
}
.tax-results__single__title {
  color: #000000;
  font-family: tenon, "sans-serif";
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 24px;
  font-weight: 300;
  margin-top: 7px;
  margin-bottom: 5px;
  cursor: pointer;
}
.tax-results__single__cat {
  color: var(--page-color);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 21px;
  font-family: tenon, "sans-serif";
  margin: 0;
  margin-top: 15px;
  margin-bottom: 3px;
}
.tax-results__single__cat span {
  color: #8F8F8F;
  margin: 0 2px;
  font-weight: 500;
}
.tax-results__single__desc {
  color: #8F8F8F;
  font-family: tenon, "sans-serif";
  font-size: 14px;
  letter-spacing: 0.23px;
  line-height: 16px;
  margin: 0;
}

.news-articles {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 134px;
}
@media (max-width: 767px) {
  .news-articles {
    flex-direction: column;
  }
}
.news-articles__single {
  width: 32%;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .news-articles__single {
    width: 100%;
  }
}
.news-articles__single figure {
  width: 100%;
  cursor: pointer;
}
.news-articles__single figure img {
  width: 100%;
  height: 383px;
  object-fit: cover;
}
.news-articles__single__title {
  color: var(--page-color);
  font-family: tenon, "sans-serif";
  font-size: 21px !important;
  font-weight: 500;
  letter-spacing: 0.56px;
  line-height: 24px;
  margin: 0;
  margin-top: 20px;
  cursor: pointer;
}
.news-articles__single__date {
  color: var(--page-color);
  font-family: tenon, "sans-serif";
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 21px;
  text-transform: uppercase;
}

.news-featured-articles-title {
  margin-top: 26px;
  margin-bottom: 20px;
  font-family: tenon, "sans-serif";
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.3px;
  line-height: 20px;
  color: var(--page-color);
  padding-bottom: 8px;
  border-bottom: 0.5px solid var(--page-color);
  cursor: pointer;
}
.news-featured-articles-title span {
  margin-left: 14px;
}
.news-featured-articles-title span .news-see-all-btn {
  font-family: tenon, "sans-serif";
  font-size: 14px;
  letter-spacing: 0.23px;
  line-height: 24px;
  color: #0A2224;
  font-weight: 500;
  cursor: pointer;
}
.news-featured-articles-title span .news-see-all-btn::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='17px' height='10px' viewBox='0 0 17 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill-rule='evenodd'%3E %3Cg id='Navigation/Footer' transform='translate(-935.000000, -77.000000)' fill-rule='nonzero'%3E %3Cg id='Group-85' transform='translate(256.000000, 44.500000)'%3E %3Cg id='Group-54' transform='translate(332.000000, 18.000000)'%3E %3Cg id='Group-6-Copy-2' transform='translate(268.000000, 0.000000)'%3E %3Cg id='Group-5' transform='translate(13.000000, 10.000000)'%3E %3Cg id='001-down-arrow' transform='translate(74.500000, 9.500000) rotate(-90.000000) translate(-74.500000, -9.500000) translate(70.000000, 1.500000)'%3E %3Cpath d='M8.715888,10.439808 C8.434044,10.159296 7.978176,10.160376 7.697664,10.44222 L5.184,12.968052 L5.184,0.72 C5.184,0.322344 4.861656,0 4.464,0 C4.066344,0 3.744,0.322344 3.744,0.72 L3.744,12.968088 L1.230336,10.442184 C0.949824,10.16034 0.493956,10.15926 0.212112,10.439772 C-0.069768,10.72032 -0.070812,11.176188 0.209664,11.458032 L3.953664,15.220176 C4.23486,15.501948 4.692204,15.502848 4.973652,15.22086 L8.718336,11.458068 C8.998776,11.17626 8.997804,10.720356 8.715888,10.439808 Z' id='Path'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  display: inline-block;
  background-size: 15px 20px;
  width: 15px;
  height: 20px;
  margin-left: 6px;
}

.category-past .page-alt__header-text-container h1 {
  width: 100%;
  height: auto;
  font-size: 32px;
  padding-bottom: 46px;
}

.homepage-content {
  position: relative;
}
.homepage-content .inner-container-margins:first-child {
  padding-top: 14rem;
  padding-bottom: 0;
  margin-bottom: 11rem;
}
@media (max-width: 767px) {
  .homepage-content .inner-container-margins:first-child {
    margin-bottom: 19.6rem;
  }
}
.homepage-content .inner-container-margins:first-child .inner-container-margins__margins > *:last-child {
  position: relative;
}
.homepage-content .inner-container-margins:first-child .inner-container-margins__margins > *:last-child::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 50vw);
  height: 50%;
  width: 100vw;
  background: #FFFFFF;
  z-index: -1;
}
.homepage-content .inner-container-margins:first-child .inner-container-margins__margins > *:last-child::after {
  content: "";
  position: absolute;
  right: 3.2rem;
  bottom: -8.6rem;
  width: 8rem;
  height: 21.1rem;
  z-index: 2;
  background-image: linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #CD4B00 0%, #CD4B00 100%), radial-gradient(circle, #CD4B00 0, #CD4B00 3.5px, rgba(205, 75, 0, 0) 3.5px), radial-gradient(circle, #CD4B00 0, #CD4B00 3.5px, rgba(205, 75, 0, 0) 3.5px), linear-gradient(180deg, #10604E 0%, #10604E 100%), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), linear-gradient(180deg, #10604E 0%, #10604E 100%), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #BD8A00 0%, #BD8A00 100%), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), linear-gradient(180deg, #52854C 0%, #52854C 100%), radial-gradient(circle, #52854C 0, #52854C 3.5px, rgba(82, 133, 76, 0) 3.5px), radial-gradient(circle, #52854C 0, #52854C 3.5px, rgba(82, 133, 76, 0) 3.5px);
  background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
  background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom, 60px 2.5px, 60px 0, 60px bottom, 72px 2.5px, 72px 0, 72px bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}
@media (max-width: 767px) {
  .homepage-content .inner-container-margins:first-child .inner-container-margins__margins > *:last-child::after {
    height: 17.1rem;
    right: calc(50% - 3.65rem);
    bottom: -15.8rem;
  }
}
.homepage-content > *:nth-child(2) {
  padding-bottom: 16.8rem;
  position: relative;
  margin-bottom: 6rem;
}
.homepage-content > *:nth-child(2)::after {
  content: "";
  position: absolute;
  left: calc((23.2rem / 2) - 3.65rem);
  bottom: 0;
  width: 8rem;
  height: 21.1rem;
  background-image: linear-gradient(180deg, #52854C 0%, #52854C 100%), radial-gradient(circle, #52854C 0, #52854C 3.5px, rgba(82, 133, 76, 0) 3.5px), radial-gradient(circle, #52854C 0, #52854C 3.5px, rgba(82, 133, 76, 0) 3.5px), linear-gradient(180deg, #BD8A00 0%, #BD8A00 100%), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), linear-gradient(180deg, #5DC172 0%, #5DC172 100%), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), radial-gradient(circle, #5DC172 0, #5DC172 3.5px, rgba(93, 193, 114, 0) 3.5px), linear-gradient(180deg, #00B4ED 0%, #00B4ED 100%), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), linear-gradient(180deg, #BD8A00 0%, #BD8A00 100%), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), linear-gradient(180deg, #00B4ED 0%, #00B4ED 100%), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), radial-gradient(circle, #00B4ED 0, #00B4ED 3.5px, rgba(0, 180, 237, 0) 3.5px), linear-gradient(180deg, #CD4B00 0%, #CD4B00 100%), radial-gradient(circle, #CD4B00 0, #CD4B00 3.5px, rgba(205, 75, 0, 0) 3.5px), radial-gradient(circle, #CD4B00 0, #CD4B00 3.5px, rgba(205, 75, 0, 0) 3.5px);
  background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
  background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom, 60px 2.5px, 60px 0, 60px bottom, 72px 2.5px, 72px 0, 72px bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  z-index: -1;
}
@media (min-width: 1440px) {
  .homepage-content > *:nth-child(2)::after {
    left: calc((29.2rem / 2) - 3.65rem);
  }
}
@media (max-width: 767px) {
  .homepage-content > *:nth-child(2)::after {
    height: 17.1rem;
    left: calc(50% - 3.65rem);
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .homepage-content > *:nth-child(2) {
    padding-bottom: 17.1rem;
    margin-bottom: 5rem;
  }
}
.homepage-content > *:nth-child(3) {
  padding-bottom: 16.8rem;
  position: relative;
  margin-bottom: 4rem;
}
.homepage-content > *:nth-child(3)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 8rem;
  height: 16.8rem;
  background-image: linear-gradient(180deg, #0093BF 0%, #0093BF 100%), radial-gradient(circle, #0093BF 0, #0093BF 3.5px, rgba(0, 147, 191, 0) 3.5px), radial-gradient(circle, #0093BF 0, #0093BF 3.5px, rgba(0, 147, 191, 0) 3.5px), linear-gradient(180deg, #10604E 0%, #10604E 100%), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), linear-gradient(180deg, #BD8A00 0%, #BD8A00 100%), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), linear-gradient(180deg, #10604E 0%, #10604E 100%), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), radial-gradient(circle, #10604E 0, #10604E 3.5px, rgba(16, 96, 78, 0) 3.5px), linear-gradient(180deg, #BD8A00 0%, #BD8A00 100%), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), radial-gradient(circle, #BD8A00 0, #BD8A00 3.5px, rgba(189, 138, 0, 0) 3.5px), linear-gradient(180deg, #0093BF 0%, #0093BF 100%), radial-gradient(circle, #0093BF 0, #0093BF 3.5px, rgba(0, 147, 191, 0) 3.5px), radial-gradient(circle, #0093BF 0, #0093BF 3.5px, rgba(0, 147, 191, 0) 3.5px), linear-gradient(180deg, #52854C 0%, #52854C 100%), radial-gradient(circle, #52854C 0, #52854C 3.5px, rgba(82, 133, 76, 0) 3.5px), radial-gradient(circle, #52854C 0, #52854C 3.5px, rgba(82, 133, 76, 0) 3.5px);
  background-size: 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px, 7px calc(100% - 7px), 7px 7px, 7px 7px;
  background-position: 0px 2.5px, 0px 0, 0px bottom, 12px 2.5px, 12px 0, 12px bottom, 24px 2.5px, 24px 0, 24px bottom, 36px 2.5px, 36px 0, 36px bottom, 48px 2.5px, 48px 0, 48px bottom, 60px 2.5px, 60px 0, 60px bottom, 72px 2.5px, 72px 0, 72px bottom;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
  z-index: 2;
}
@media (max-width: 767px) {
  .homepage-content > *:nth-child(3)::after {
    height: 16.8rem;
    left: calc(50% - 3.65rem);
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .homepage-content > *:nth-child(3) {
    padding-bottom: 17.1rem;
    margin-bottom: 5rem;
  }
}

.newsletter-popup {
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  max-width: 40%;
  height: auto;
  position: fixed;
  z-index: 6;
  bottom: 0;
  right: 0;
  display: none;
  background-color: #29656B;
  padding: 20px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .newsletter-popup {
    max-width: 55%;
  }
}
@media (max-width: 767px) {
  .newsletter-popup {
    max-width: 100%;
    bottom: 0;
    right: 0;
    position: fixed;
    margin: 0;
    padding-top: 0;
    padding-bottom: 14px;
  }
}
.newsletter-popup .newsletter-form__email {
  border: 1px solid #FFEDCB;
  color: #FFEDCB;
}
.newsletter-popup .newsletter-form__checkbox ~ .checkbox-label {
  color: #FFEDCB;
}
.newsletter-popup .newsletter-form__checkbox ~ .checkbox-label::after {
  background-color: #FFEDCB;
}
.newsletter-popup .newsletter-form__text {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.newsletter-popup .newsletter-form__text p {
  font-family: tenon, "sans-serif";
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.86px;
  line-height: 32px;
  color: #FFFFFF;
  margin-bottom: 12px;
}
.newsletter-popup .newsletter-form__text svg {
  fill: #29656B;
  stroke: #29656B;
  background-color: #FFEDCB;
  padding: 8px;
  position: relative;
  top: -20px;
  right: -20px;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
@media (max-width: 767px) {
  .newsletter-popup .newsletter-form__text svg {
    top: -21px;
  }
}
.newsletter-popup .newsletter-form__submit {
  color: #29656B;
}

/*--------------------------------*\
   PLUGINS
\*--------------------------------*/
/* for styling plugins */
/*# sourceMappingURL=style.css.map*/