/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./css/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* 3rd party packages */
/* Abstracts */
/*
0 - 600px:      Phone
600 - 900px:    Tablet portrait
900 - 1200px:   Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + :      Big desktop

$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop

ORDER: Base + typography > general layout + grid > page layout > components

1em = 16px
*/
.headline {
  font-family: "argent-cf", serif;
  font-weight: 600;
  font-size: 4.8rem;
  line-height: 5rem;
}
@media only screen and (min-width: 50em) {
  .headline {
    font-size: 8rem;
    line-height: 6.9rem;
  }
}
@media only screen and (min-width: 75em) {
  .headline {
    font-size: 7.5rem;
  }
}
@media only screen and (min-width: 137.5em) {
  .headline {
    font-size: 10.6rem;
    letter-spacing: -1px;
    line-height: 9rem;
  }
}
.headline__medium {
  font-size: 3.7rem;
  line-height: 4.2rem;
}
@media only screen and (min-width: 50em) {
  .headline__medium {
    font-size: 6rem;
    line-height: 6.9rem;
  }
}
.headline__small {
  font-size: 3.2rem;
  line-height: 3.4rem;
}
@media only screen and (min-width: 50em) {
  .headline__small {
    font-size: 4.3rem;
    line-height: 5.6rem;
  }
}
.headline--front-page-header {
  padding: 0 3rem;
}
@media screen and (min-width: 1580px) {
  .headline--front-page-header br {
    display: none;
  }
}

p {
  font-size: 1.6rem;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 400;
  line-height: 2.4rem;
}
@media only screen and (min-width: 50em) {
  p {
    font-size: 2.6rem;
    line-height: 4rem;
  }
}

.page-not-found {
  line-height: normal;
  font-size: 2rem;
}

.view-all {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 50em) {
  .view-all {
    margin-top: 2rem;
  }
}
.view-all__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
  color: #39814C;
  text-transform: uppercase;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: 1.2px;
}
@media only screen and (min-width: 50em) {
  .view-all__link {
    gap: 1.1rem;
  }
}
@media only screen and (min-width: 50em) {
  .view-all__link {
    font-size: 2.6rem;
    letter-spacing: 1.6px;
  }
}
.view-all__link:hover {
  color: #39814C;
}

/* Base */
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  box-sizing: border-box;
}

.container {
  width: 100%;
}
.container__inner {
  margin: 0 3.8rem;
  max-width: 95%;
}
@media only screen and (min-width: 50em) {
  .container__inner {
    margin: 0 auto;
    max-width: 95%;
  }
}
@media only screen and (min-width: 137.5em) {
  .container__inner {
    max-width: 215rem;
  }
}
.container__inner--full-width {
  margin: 0;
}
@media only screen and (min-width: 137.5em) {
  .container__inner--full-width {
    margin: 0 auto;
    max-width: 215rem;
  }
}
.container__narrow {
  max-width: 129rem;
  margin: 0 auto;
  padding: 0 3rem;
}
@media only screen and (min-width: 50em) {
  .container__narrow {
    padding: 0 7rem;
  }
}

.hr {
  display: inline-block;
}

.hr:after {
  content: "";
  display: block;
  border-top: 4px solid #39814C;
  margin: 1.2rem 3rem 0 3rem;
}
@media only screen and (max-width: 37.5em) {
  .hr:after {
    margin: 1.2rem 2rem 0 2rem;
  }
}
@media only screen and (min-width: 50em) {
  .hr:after {
    margin: 2rem 0rem 0 0rem;
  }
}

.breadcrumbs {
  display: none;
}
@media only screen and (min-width: 50em) {
  .breadcrumbs {
    display: block;
    padding: 6rem 3rem;
    font-family: "franklin-gothic-urw", sans-serif;
    letter-spacing: 1.6px;
    font-size: 1.6rem;
  }
}
.breadcrumbs--archive-recipe {
  padding: 4.5rem 3rem;
}
.breadcrumbs--archive-products {
  padding: 4.5rem 3rem 0rem 3rem;
}
.breadcrumbs a {
  color: black !important;
}

.green-a {
  color: #39814C;
}
.green-a:hover {
  font-weight: 500;
}

sup {
  top: -0.3em !important;
}

a {
  text-decoration: none;
  color: #000000;
}

.navigation-wrapper {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2000;
  overflow-y: auto;
}
@media only screen and (min-width: 57em) {
  .navigation-wrapper {
    overflow-y: visible;
  }
}
.navigation-wrapper.mobileNav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #F7F5F1;
}
@media only screen and (min-width: 57em) {
  .navigation-wrapper.mobileNav {
    position: relative;
    width: 100%;
    height: auto;
  }
}

.hamburger__container {
  display: flex;
  justify-content: space-between;
  padding: 5px 0;
  background-color: #FFFFFF;
}
@media only screen and (min-width: 57em) {
  .hamburger__container {
    display: none;
    padding: 0;
  }
}
.hamburger__container .logo {
  width: 18rem;
  height: 9rem;
}
.hamburger__container .hamburger {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 2rem;
  cursor: pointer;
  margin: 2rem;
}
.hamburger__container .hamburger span {
  display: block;
  width: 4rem;
  height: 2.5px;
  background-color: #4B4B4B;
  margin: 7px 0;
  border-radius: 2px;
  transition: transform 0.3s ease-in-out;
}
.hamburger__container .activeHamburger #hamburger-line-1 {
  transform: rotate(45deg);
}
.hamburger__container .activeHamburger #hamburger-line-2 {
  display: none;
}
.hamburger__container .activeHamburger #hamburger-line-3 {
  transform: rotate(-45deg);
  margin-top: -8px;
}

header, .navigation-container {
  display: none;
  align-items: center;
  position: absolute;
}
@media only screen and (min-width: 57em) {
  header, .navigation-container {
    display: block;
    height: auto;
    background-color: #FFFFFF;
    position: relative;
  }
}
header.openNav, .navigation-container.openNav {
  display: block;
}

.navigation {
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 400;
  display: grid;
  grid-template-columns: 1fr;
  justify-content: space-between;
}
@media only screen and (min-width: 57em) {
  .navigation {
    grid-template-columns: 2fr 1fr;
  }
}
.navigation ul {
  list-style-type: none;
}
.navigation .logo {
  display: none;
}
@media only screen and (min-width: 57em) {
  .navigation .logo {
    display: block;
    width: 18.2rem;
    height: 8.9rem;
    margin: 10px 0rem;
  }
}
@media screen and (min-width: 1386px) {
  .navigation .logo {
    padding-right: 2rem;
  }
}
.navigation__column:nth-child(1) {
  display: grid;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 57em) {
  .navigation__column:nth-child(1) {
    grid-template-columns: 1fr 6fr;
  }
}
.navigation__column:nth-child(2) {
  display: grid;
}
@media only screen and (min-width: 57em) {
  .navigation__column:nth-child(2) {
    display: flex;
    justify-content: flex-end;
  }
}
.navigation .menu {
  max-width: 600px;
  display: block;
  align-items: center;
}
@media only screen and (min-width: 57em) {
  .navigation .menu {
    display: grid;
  }
}
.navigation .menu__main {
  display: grid;
  gap: 5rem;
  margin-top: 5rem;
}
@media only screen and (min-width: 57em) {
  .navigation .menu__main {
    display: flex;
    justify-content: space-between;
    gap: 0;
    text-align: center;
    margin-top: 0rem;
    align-items: center;
  }
}
.navigation .menu__main .activeDropdownLink {
  font-weight: 700;
  color: #39814C;
  max-width: 10px;
}
.navigation .menu__main .activeDropdownLink #dropdown-icon-mobile {
  transform: rotate(180deg);
}
.navigation .menu__main .activeDropdownLink #svg-color {
  stroke: #39814C;
}
@media only screen and (min-width: 57em) {
  .navigation .menu__main #dropdown-icon-mobile {
    display: none;
  }
}
.navigation .menu__main-link {
  cursor: pointer;
  font-size: 2.4rem;
  letter-spacing: 2px;
  max-width: 50px;
  text-transform: uppercase;
}
.navigation .menu__secondary {
  display: flex;
  gap: 2.5rem;
  align-items: normal;
  flex-direction: column;
  margin-top: 4rem;
  padding: 4rem 0 5rem 0;
  border-top: 1px solid #707070;
  font-size: 2.1rem;
  white-space: nowrap;
  letter-spacing: 0.8px;
}
@media only screen and (min-width: 57em) {
  .navigation .menu__secondary {
    flex-direction: row;
    align-items: center;
    margin-top: 0;
    padding: 0;
    border: 0;
    gap: 1.5rem;
  }
}
@media only screen and (min-width: 75em) {
  .navigation .menu__secondary {
    gap: 2rem;
  }
}
.navigation .menu__secondary-link a:nth-child(1) {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (min-width: 57em) {
  .navigation .menu__secondary-link a:nth-child(1) img {
    max-width: 8px;
  }
}
@media screen and (min-width: 1168px) {
  .navigation .menu__secondary-link a:nth-child(1) img {
    max-width: 14px;
  }
}
.navigation .menu__secondary-link:nth-child(2) {
  display: block;
}
@media only screen and (min-width: 57em) {
  .navigation .menu__secondary-link:nth-child(2) {
    display: none;
  }
}
.navigation .menu__secondary-link:nth-child(3) img {
  display: block;
}
@media only screen and (min-width: 57em) {
  .navigation .menu__secondary-link:nth-child(3) img {
    display: none;
  }
}
.navigation .menu__secondary-link:nth-child(4) img {
  display: block;
}
@media only screen and (min-width: 57em) {
  .navigation .menu__secondary-link:nth-child(4) img {
    display: none;
  }
}

.dropdown {
  background-color: #F7F5F1;
  display: flex;
  height: auto;
  align-items: center;
  justify-content: flex-start;
  display: none;
  overflow: hidden;
  z-index: -1;
}
@media only screen and (min-width: 57em) {
  .dropdown {
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    padding: 4rem 0;
    animation: growDown 400ms ease-in-out forwards;
    transform-origin: top center;
  }
  @keyframes growDown {
    0% {
      transform: translateY(-100rem);
    }
    100% {
      transform: translateY(0rem);
    }
  }
}
.dropdown.activeDropdown {
  display: block;
  top: 100%;
  box-shadow: none;
  height: auto;
}
@media only screen and (min-width: 57em) {
  .dropdown.activeDropdown {
    box-shadow: 0px 6px 12px 1px rgba(0, 0, 0, 0.42);
  }
}
.dropdown__content {
  margin-top: 4.7rem;
  gap: 4rem;
  align-items: baseline;
  display: grid;
  grid-template-columns: 1fr;
  margin-left: 3rem;
}
@media only screen and (min-width: 57em) {
  .dropdown__content {
    max-width: 1075px;
    margin: 0 auto;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 57em) {
  .dropdown__content--products {
    gap: 8rem;
  }
}
.dropdown__button-container {
  display: flex;
}
.dropdown__button-container--recipes {
  display: grid;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 57em) {
  .dropdown__button-container--recipes {
    grid-template-columns: repeat(4, 1fr);
    max-width: 108rem;
    margin: 0 auto;
  }
}
.dropdown__svg-container {
  display: none;
}
@media only screen and (min-width: 57em) {
  .dropdown__svg-container {
    display: flex;
    justify-content: center;
  }
}
.dropdown__item {
  text-align: center;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 500;
  display: block;
  text-align: center;
  cursor: pointer;
}
@media only screen and (min-width: 57em) {
  .dropdown__item {
    font-weight: 700;
  }
}
.dropdown__item:nth-child(2) div {
  margin-top: 0rem;
  text-align: left;
}
@media only screen and (min-width: 57em) {
  .dropdown__item:nth-child(2) div {
    text-align: center;
    margin-top: 2rem;
  }
}
.dropdown__item:hover .dropdown__item-link {
  font-weight: 700;
  transition: all 0.5s;
}
.dropdown__item-link {
  font-weight: 400;
  font-size: 2.1rem;
  text-align: left;
  letter-spacing: 0.8px;
}
@media only screen and (min-width: 57em) {
  .dropdown__item-link {
    font-size: 2rem;
    text-align: center;
    letter-spacing: 0px;
    transition: 0.25s ease-in;
    margin-top: 2rem;
  }
}
@media only screen and (min-width: 75em) {
  .dropdown__item-link {
    font-size: 2.4rem;
  }
}

@media only screen and (min-width: 75em) {
  #recipes-dropdown {
    padding-top: 70px;
  }
}
#recipes-dropdown li:nth-child(3) {
  padding-right: 55px;
  border-right: none;
}
@media only screen and (min-width: 57em) {
  #recipes-dropdown li:nth-child(3) {
    border-right: #707070 solid 1px;
  }
}
#recipes-dropdown li:nth-child(1) svg {
  width: 18.8rem;
  height: 4rem;
}
@media only screen and (min-width: 75em) {
  #recipes-dropdown li:nth-child(1) svg {
    width: 20.8rem;
    height: 6rem;
  }
}
#recipes-dropdown li:nth-child(2) svg {
  width: 12.1rem;
  height: 7.5rem;
}
@media only screen and (min-width: 75em) {
  #recipes-dropdown li:nth-child(2) svg {
    width: 14.1rem;
    height: 9.5rem;
  }
}
#recipes-dropdown li:nth-child(3) svg {
  width: 14.4rem;
  height: 9.5rem;
}
@media only screen and (min-width: 75em) {
  #recipes-dropdown li:nth-child(3) svg {
    width: 17.4rem;
    height: 12.5rem;
  }
}
#recipes-dropdown li:nth-child(4) svg {
  width: 13.3rem;
  height: 7.5rem;
}
@media only screen and (min-width: 75em) {
  #recipes-dropdown li:nth-child(4) svg {
    width: 15.3rem;
    height: 9.5rem;
  }
}

#products-dropdown li:nth-child(1) svg {
  width: 8.8rem;
  height: 12.7rem;
}
@media only screen and (min-width: 75em) {
  #products-dropdown li:nth-child(1) svg {
    width: 10.8rem;
    height: 14.7rem;
  }
}
#products-dropdown li:nth-child(2) svg {
  width: 13.1rem;
  height: 12.4rem;
}
@media only screen and (min-width: 75em) {
  #products-dropdown li:nth-child(2) svg {
    width: 15.1rem;
    height: 14.4rem;
  }
}
#products-dropdown li:nth-child(3) svg {
  width: 11.8rem;
  height: 11.8rem;
}
@media only screen and (min-width: 75em) {
  #products-dropdown li:nth-child(3) svg {
    width: 13.8rem;
    height: 13.8rem;
  }
}
#products-dropdown li:nth-child(4) svg {
  width: 11.3rem;
  height: 10.5rem;
}
@media only screen and (min-width: 75em) {
  #products-dropdown li:nth-child(4) svg {
    width: 13.3rem;
    height: 12.5rem;
  }
}

#learn-dropdown li:nth-child(1) svg {
  width: 14.3rem;
  height: 10.3rem;
}
@media only screen and (min-width: 75em) {
  #learn-dropdown li:nth-child(1) svg {
    width: 16.3rem;
    height: 12.3rem;
  }
}
#learn-dropdown li:nth-child(2) svg {
  width: 8.5rem;
  height: 12rem;
}
@media only screen and (min-width: 75em) {
  #learn-dropdown li:nth-child(2) svg {
    width: 10.5rem;
    height: 14rem;
  }
}
#learn-dropdown li:nth-child(3) svg {
  width: 18.8rem;
  height: 6.2rem;
}
@media only screen and (min-width: 75em) {
  #learn-dropdown li:nth-child(3) svg {
    width: 20.8rem;
    height: 8.2rem;
  }
}
#learn-dropdown li:nth-child(4) svg {
  width: 6.7rem;
  height: 13.2rem;
}
@media only screen and (min-width: 75em) {
  #learn-dropdown li:nth-child(4) svg {
    width: 8.7rem;
    height: 15.2rem;
  }
}

#Path_10206, #Path_10209, #Path_10211, #Path_10212, #Path_10210, #Path_10208, #Path_10207, #Path_11286, #Path_11284, #Path_11285, #Path_11283, #Path_11282, #Path_11475, #Path_11487, #Path_11500, #Path_11517, #Path_11530, #Path_11556, #Path_11571, #Path_11543, #Path_11451, #Path_11418, #Path_11430, #Path_11405, #Path_11403, #Path_11371, #Path_10894, #Path_10896, #Path_10897, #Path_10893, #Path_10895, #Path_10892, #Path_6968-2, #Path_6929-2, #Path_6967-2, #Path_6466, #Path_6467, #Path_6468, #Path_12159, #Path_12162, #Path_6462, #Path_6461, #Path_6458, #Path_12161, #Path_7209, #Path_6459, #Path_6460, #Path_7206, #Path_6464, #Path_6465, #Path_7208, #Path_6463, #Path_7207, #Path_11584, #Path_6482, #Path_11585, #Path_11588, #Path_11589, #Path_10147, #Path_12117, #Path_11676, #Path_11678, #Path_11679, #Path_11675, #Path_12093, #Path_12094, #Path_12086, #Path_12096, #Path_12097, #Path_12092, #Path_12091, #Path_12090, #Path_12089, #Ellipse_20, #Path_10149, #Path_10069, #Path_10068, #Path_10070, #Path_10071, #Path_9924, #Path_9925, #Path_9923, #Path_12095, #Path_12160 {
  transition: 0.5s ease-in-out;
  fill: #F7F5F1;
}

a:hover #Path_10209, a:hover #Path_10211, a:hover #Path_10212, a:hover #Path_10210, svg:hover #Path_10209, svg:hover #Path_10211, svg:hover #Path_10212, svg:hover #Path_10210 {
  fill: #ac842c;
}
a:hover #Path_10206, svg:hover #Path_10206 {
  fill: white;
}
a:hover #Path_10208, a:hover #Path_10207, svg:hover #Path_10208, svg:hover #Path_10207 {
  fill: #DBC8A7;
}
a:hover #Path_11286, a:hover #Path_11284, a:hover #Path_11285, svg:hover #Path_11286, svg:hover #Path_11284, svg:hover #Path_11285 {
  fill: #AC842C;
}
a:hover #Path_11283, a:hover #Path_11282, svg:hover #Path_11283, svg:hover #Path_11282 {
  fill: #E5D5A3;
}
a:hover #Path_11475, a:hover #Path_11487, a:hover #Path_11500, a:hover #Path_11517, a:hover #Path_11530, a:hover #Path_11556, a:hover #Path_11571, a:hover #Path_11543, a:hover #Path_11451, a:hover #Path_11418, a:hover #Path_11430, svg:hover #Path_11475, svg:hover #Path_11487, svg:hover #Path_11500, svg:hover #Path_11517, svg:hover #Path_11530, svg:hover #Path_11556, svg:hover #Path_11571, svg:hover #Path_11543, svg:hover #Path_11451, svg:hover #Path_11418, svg:hover #Path_11430 {
  fill: #BF2D30;
}
a:hover #Path_11403, svg:hover #Path_11403 {
  fill: #613026;
}
a:hover #Path_11371, svg:hover #Path_11371 {
  fill: #39814C;
}
a:hover #Path_11405, svg:hover #Path_11405 {
  fill: white;
}
a:hover #Path_10894, a:hover #Path_10896, a:hover #Path_10897, svg:hover #Path_10894, svg:hover #Path_10896, svg:hover #Path_10897 {
  fill: #E8CF9E;
}
a:hover #Path_10893, a:hover #Path_10895, a:hover #Path_10892, svg:hover #Path_10893, svg:hover #Path_10895, svg:hover #Path_10892 {
  fill: #E7DDCC;
}
a:hover #Path_6968-2, svg:hover #Path_6968-2 {
  fill: #AC842C;
}
a:hover #Path_6929-2, svg:hover #Path_6929-2 {
  fill: white;
}
a:hover #Path_6967-2, svg:hover #Path_6967-2 {
  fill: #39814C;
}
a:hover #Path_6466, a:hover #Path_6467, a:hover #Path_6468, svg:hover #Path_6466, svg:hover #Path_6467, svg:hover #Path_6468 {
  fill: #39814C;
}
a:hover #Path_12159, a:hover #Path_12160, svg:hover #Path_12159, svg:hover #Path_12160 {
  fill: #E5D5A3;
}
a:hover #Path_12162, a:hover #Path_6462, a:hover #Path_6461, a:hover #Path_6458, a:hover #Path_12161, a:hover #Path_7209, a:hover #Path_6459, a:hover #Path_6460, a:hover #Path_7206, a:hover #Path_6464, a:hover #Path_6465, a:hover #Path_7208, a:hover #Path_6463, a:hover #Path_7207, svg:hover #Path_12162, svg:hover #Path_6462, svg:hover #Path_6461, svg:hover #Path_6458, svg:hover #Path_12161, svg:hover #Path_7209, svg:hover #Path_6459, svg:hover #Path_6460, svg:hover #Path_7206, svg:hover #Path_6464, svg:hover #Path_6465, svg:hover #Path_7208, svg:hover #Path_6463, svg:hover #Path_7207 {
  fill: #AC842C;
}
a:hover #Path_11584, svg:hover #Path_11584 {
  fill: #39814C;
}
a:hover #Path_6482, svg:hover #Path_6482 {
  fill: #AC842C;
}
a:hover #Path_11585, svg:hover #Path_11585 {
  fill: white;
}
a:hover #Path_11589, svg:hover #Path_11589 {
  fill: #AC842C;
}
a:hover #Path_11588, svg:hover #Path_11588 {
  fill: white;
}
a:hover #Path_12117, a:hover #Path_11675, svg:hover #Path_12117, svg:hover #Path_11675 {
  fill: #39814C;
}
a:hover #Path_11676, a:hover #Path_11678, a:hover #Path_11679, svg:hover #Path_11676, svg:hover #Path_11678, svg:hover #Path_11679 {
  fill: white;
}
a:hover #Path_10147, a:hover #Path_10148, svg:hover #Path_10147, svg:hover #Path_10148 {
  fill: white;
}
a:hover #Path_12093, a:hover #Path_12094, a:hover #Path_12086, a:hover #Path_12096, a:hover #Path_12097, a:hover #Path_12092, a:hover #Path_12091, a:hover #Path_12090, a:hover #Path_12089, a:hover #Path_12095, svg:hover #Path_12093, svg:hover #Path_12094, svg:hover #Path_12086, svg:hover #Path_12096, svg:hover #Path_12097, svg:hover #Path_12092, svg:hover #Path_12091, svg:hover #Path_12090, svg:hover #Path_12089, svg:hover #Path_12095 {
  fill: #AC842C;
}
a:hover #Ellipse_20, svg:hover #Ellipse_20 {
  fill: #39814C;
}
a:hover #Path_10149, svg:hover #Path_10149 {
  fill: #AC842C;
}
a:hover #Path_10069, svg:hover #Path_10069 {
  fill: #ADACA8;
}
a:hover #Path_10068, a:hover #Path_10070, a:hover #Path_10071, svg:hover #Path_10068, svg:hover #Path_10070, svg:hover #Path_10071 {
  fill: #39814C;
}
a:hover #Path_9924, svg:hover #Path_9924 {
  fill: #AC842C;
}
a:hover #Path_9925, a:hover #Path_9923, svg:hover #Path_9925, svg:hover #Path_9923 {
  fill: #39814C;
}

@media (min-width: 912px) and (max-width: 986px) {
  .navigation .menu__main-link {
    font-size: 1.3rem;
  }
  .navigation .menu__main {
    max-width: 350px;
  }
  .navigation .menu__secondary-link {
    font-size: 1.3rem;
  }
  .navigation .menu__secondary {
    gap: 1.3rem;
  }
  .navigation .logo {
    width: 14.2rem;
    height: 4.9rem;
  }
}
@media (min-width: 986px) and (max-width: 1170px) {
  .navigation .menu__main-link {
    font-size: 1.6rem;
  }
  .navigation .menu__main {
    max-width: 400px;
  }
  .navigation .menu__secondary-link {
    font-size: 1.6rem;
  }
  .navigation .menu__secondary {
    gap: 1.3rem;
  }
  .navigation .logo {
    width: 15.2rem;
    height: 5.9rem;
  }
}
@media (min-width: 1171px) and (max-width: 1187px) {
  .navigation .menu__main {
    max-width: 450px;
  }
  .navigation .menu__main-link {
    font-size: 1.8rem;
  }
}

.active-path a {
  color: #39814C;
  font-weight: 700;
}

.dropdown__item-link {
  color: black !important;
}

@media screen and (max-width: 912px) {
  .animate-dropdowns .dropdown__content li, .dropdown__button-container, .dropdown__button-container--recipes, .navigation-container {
    opacity: 0;
    transform: translateY(-20px);
    animation: dropdowns 0.5s forwards;
  }
  .animate-dropdowns .dropdown__content li:nth-child(1) {
    animation-delay: 0.05s;
  }
  .animate-dropdowns .dropdown__content li:nth-child(2) {
    animation-delay: 0.1s;
  }
  .animate-dropdowns .dropdown__content li:nth-child(3) {
    animation-delay: 0.2s;
  }
  .animate-dropdowns .dropdown__content li:nth-child(4) {
    animation-delay: 0.3s;
  }
  .dropdown__button-container, .dropdown__button-container--recipes {
    animation-delay: 0.4s;
  }
  @keyframes dropdowns {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}
footer {
  font-family: "franklin-gothic-urw", sans-serif;
}
footer ul {
  list-style-type: none;
  padding: 0;
}
footer a {
  color: black;
}
footer #input_1_1 {
  background-color: #F7F5F1;
  margin-top: 3.5rem;
  padding: 0 6rem 0 2.5rem;
  border: none;
  height: 4.73rem;
  border-radius: 4rem;
  width: 90%;
  font-size: 1.6rem;
}
@media only screen and (min-width: 75em) {
  footer #input_1_1 {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 420px) {
  footer #input_1_1 {
    width: 180px;
    font-size: 1.3rem;
  }
}
footer form {
  width: 100%;
  display: flex;
  align-items: center;
}
footer ::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
  opacity: 1; /* Firefox */
}
footer ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;
  opacity: 1; /* Firefox */
}
footer :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000000;
}
footer ::-ms-input-placeholder { /* Microsoft Edge */
  color: #000000;
}

.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
  line-height: 1 !important;
}

#input_1_1::-moz-placeholder {
  font-family: "franklin-gothic-urw", sans-serif !important;
}

#input_1_1::placeholder {
  font-family: "franklin-gothic-urw", sans-serif !important;
}

.footer__main {
  padding-top: 6rem;
  display: flex;
  flex-direction: column;
  gap: 5rem;
  padding-bottom: 6rem;
}
.footer__main li {
  margin-top: 2rem;
}
@media only screen and (min-width: 50em) {
  .footer__main {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
  }
}
@media screen and (max-width: 320px) {
  .footer__main {
    margin: 0;
  }
}
.footer__column {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
.footer__column:nth-child(3) li:nth-child(2) {
  font-weight: 400;
}
@media only screen and (min-width: 50em) {
  .footer__column:nth-child(3) li:nth-child(2) {
    font-weight: 700;
  }
}
.footer__column:nth-child(1) a:hover, .footer__column:nth-child(2) a:hover {
  font-weight: 700;
}
.footer__column:nth-child(3) {
  font-size: 1.4rem;
  display: grid;
  justify-content: center;
}
@media only screen and (min-width: 50em) {
  .footer__column:nth-child(3) {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 50em) {
  .footer__column:nth-child(3) ul:nth-child(2) {
    margin-top: -25%;
  }
}
.footer__column:nth-child(1) {
  order: 4;
}
.footer__column:nth-child(2) {
  order: 5;
}
.footer__column:nth-child(3) {
  justify-content: flex-start;
  gap: 5rem;
}
@media only screen and (min-width: 50em) {
  .footer__column:nth-child(1) {
    order: 1;
  }
  .footer__column:nth-child(2) {
    order: 2;
  }
  .footer__column:nth-child(3) {
    order: 3;
    justify-content: center;
    gap: 5rem;
  }
}
.footer__header {
  color: #39814C;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.6rem;
  letter-spacing: 0.4px;
}
@media only screen and (min-width: 50em) {
  .footer__header {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 75em) {
  .footer__header {
    font-size: 2.1rem;
  }
}
.footer__links {
  text-decoration: none;
  color: black;
  font-weight: 500;
  letter-spacing: 0.4px;
  font-size: 1.4rem;
}
@media only screen and (min-width: 50em) {
  .footer__links {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 75em) {
  .footer__links {
    font-size: 1.8rem;
  }
}
.footer__copyright {
  background-color: #F7F5F1;
  padding: 3rem 0;
  gap: 2rem;
}
.footer__copyright ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.footer__copyright ul li:nth-child(1) {
  order: 4;
}
.footer__copyright ul li:nth-child(2) {
  order: 1;
  text-decoration: underline;
}
.footer__copyright ul li:nth-child(3) {
  order: 2;
  text-decoration: underline;
}
.footer__copyright ul li:nth-child(4) {
  order: 3;
  text-decoration: underline;
}
@media only screen and (min-width: 50em) {
  .footer__copyright ul {
    flex-direction: row;
    gap: 1.5rem;
  }
  .footer__copyright ul li:nth-child(1) {
    order: 1;
  }
  .footer__copyright ul li:nth-child(2) {
    order: 2;
  }
  .footer__copyright ul li:nth-child(3) {
    order: 3;
  }
  .footer__copyright ul li:nth-child(4) {
    order: 4;
  }
}
.footer__copyright li {
  font-weight: 400;
  letter-spacing: 1.6px;
  font-size: 1.2rem;
  text-transform: uppercase;
  white-space: nowrap;
}
@media only screen and (min-width: 50em) {
  .footer__copyright li {
    font-size: 1.1rem;
  }
}
@media only screen and (min-width: 75em) {
  .footer__copyright li {
    font-size: 1.3rem;
  }
}
.footer__social-icons {
  width: 2.3rem;
  height: 2.3rem;
  display: flex;
  gap: 2rem;
  margin-top: 2rem;
}

.subscribe-br {
  display: none;
}
@media screen and (max-width: 320px) {
  .subscribe-br {
    display: block;
  }
}

#validation_message_1_1, #validation_message_1_2 {
  position: absolute;
  width: auto;
}

#header-connect {
  margin-top: 15px;
}

.tac {
  text-align: center;
}

.hide {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

/* Modules */
.button {
  cursor: pointer;
  font-family: "franklin-gothic-urw", sans-serif;
  white-space: nowrap;
  background-color: #39814C;
  color: #FFFFFF;
  border-radius: 4rem;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  padding: 1.2rem 4rem;
  border: none;
  letter-spacing: 1.2px;
  align-self: center;
  font-size: 1.7rem;
  transition: 0.3s ease-in-out;
}
@media only screen and (max-width: 23.4375em) {
  .button {
    font-size: 1rem;
  }
}
@media screen and (max-width: 800px) {
  .button {
    padding: 1.2rem 2rem;
  }
}
@media only screen and (min-width: 50em) {
  .button {
    font-size: 2.1rem;
  }
}
@media only screen and (min-width: 112.5em) {
  .button {
    font-size: 2.6rem;
  }
}
.button:hover {
  background-color: #145024;
}
.button--text-image-card {
  color: #F7F5F1;
  border: 2px solid #F7F5F1;
  background-color: transparent;
}
.button--text-image-card:hover {
  background-color: transparent;
  background-image: linear-gradient(rgba(0, 0, 0, 0.3) 0 0);
}
.button--header-hero {
  font-size: 2.1rem;
}
@media only screen and (max-width: 23.4375em) {
  .button--header-hero {
    font-size: 1.3rem;
    padding: 1.2rem 2rem;
  }
}
@media only screen and (min-width: 50em) {
  .button--header-hero {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 112.5em) {
  .button--header-hero {
    font-size: 3.4rem;
  }
}
.button--inverted {
  background-color: transparent;
  border: 2px solid #39814C;
  color: #39814C;
}
.button--inverted:hover {
  background-color: #145024;
  color: #FFFFFF;
  border: 2px solid #145024;
}
.button--jump-to-recipe {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.button--jump-to-recipe img {
  margin-bottom: 0 !important;
}

.button-container-four {
  display: none;
}
@media only screen and (min-width: 50em) {
  .button-container-four {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-top: 4.2rem;
    margin-bottom: 4rem;
  }
}
.button-container-four .button {
  z-index: 10;
  font-size: 2.1rem;
  text-align: center;
  display: inline-block;
}
@media (min-width: 800px) and (max-width: 1280px) {
  .button-container-four .button {
    font-size: 1.3rem;
  }
}
@media (min-width: 800px) and (max-width: 1480px) {
  .button-container-four .button {
    padding: 1rem 2rem;
  }
}

footer .button {
  margin-top: 20px;
  transform: translateX(-6rem);
  height: 4.73rem;
  letter-spacing: 1.2px;
  font-size: 1.6rem;
}
@media only screen and (max-width: 37.5em) {
  footer .button {
    font-size: 1.2rem;
    padding: 1rem 2rem;
  }
}
@media only screen and (min-width: 50em) {
  footer .button {
    font-size: 1.4rem;
    transform: translateX(-7rem);
  }
}
@media only screen and (min-width: 75em) {
  footer .button {
    font-size: 2.1rem;
    transform: translateX(-9rem);
  }
}

.dropdown .button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  background: none;
  color: black;
  text-transform: capitalize;
  text-align: left;
  display: block;
  margin-left: 3rem;
  padding: 4rem 0 0 0;
  font-size: 2.1rem;
  font-weight: 400;
  letter-spacing: 0.8px;
}
@media only screen and (min-width: 57em) {
  .dropdown .button {
    font-size: 1.8rem;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 4.5rem;
    background-color: #39814C;
    color: #FFFFFF;
    border-radius: 4rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    padding: 1.2rem 3rem;
    border: none;
    letter-spacing: 2px;
  }
  .dropdown .button:hover {
    background-color: #145024;
  }
}
@media only screen and (min-width: 75em) {
  .dropdown .button {
    font-size: 2.1rem;
  }
}

.button-container--single-post {
  display: flex;
  justify-content: center;
  margin-top: 3.5rem;
}
@media only screen and (min-width: 50em) {
  .button-container--single-post {
    margin-top: 4.6rem;
  }
}

#flour-varieties {
  margin-top: 3.8rem;
}
@media only screen and (min-width: 50em) {
  #flour-varieties {
    margin-top: 3.6rem;
  }
}

/* Components */
/* The hero image on home page with image background */
.hero {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  height: 46rem;
}
.hero--home {
  background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(images/homepage-mobile-hero.9fd3d251.jpg);
}
@media only screen and (min-width: 50em) {
  .hero--home {
    height: 69rem;
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(images/homepage-desktop-hero.61bd9fe2.jpg);
  }
}
.hero--home .headline {
  text-shadow: 10px 5px 10px #707070;
}
.hero__text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  width: 100%;
}

.hero-section {
  background-color: #F7F5F1;
  padding-bottom: 8rem;
}
.hero-section--single-product-taxonomy {
  padding-top: 4rem;
}
@media only screen and (min-width: 50em) {
  .hero-section--single-product-taxonomy {
    padding-top: 7rem;
  }
}
.hero-section--single-recipe-taxonomy {
  padding-top: 4rem;
}
@media only screen and (min-width: 50em) {
  .hero-section--single-recipe-taxonomy {
    padding-top: 7rem;
  }
}
.hero-section img {
  margin-bottom: 2rem;
}
.hero-section--corner-decor {
  padding-bottom: 0;
}
.hero-section--corner-decor #Corner-color {
  fill: #ac842c;
}
.hero-section__centered-content {
  text-align: center;
  padding: 4rem 5rem 0 5rem;
}
@media only screen and (min-width: 50em) {
  .hero-section__centered-content {
    padding: 0 10rem;
  }
}
@media only screen and (min-width: 112.5em) {
  .hero-section__centered-content {
    padding: 0 20rem;
  }
}

.hero-section p, .headline-section p {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 50em) {
  .hero-section p, .headline-section p {
    margin-top: 3rem;
  }
}

.banner {
  height: 38rem;
  width: 100%;
  background-image: url(images/mobile-footer.8135aa70.png);
  display: flex;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 50em) {
  .banner {
    background-image: url(images/footer-image-min.bd213041.jpg);
  }
}
.banner__container {
  text-align: center;
  flex-direction: column;
  display: flex;
  max-width: 89rem;
  margin: 0 auto;
  padding: 0 1.5rem;
}
.banner__container p {
  font-size: 1.4rem;
  font-family: "franklin-gothic-urw", sans-serif;
  color: black;
  max-width: 31rem;
  margin: 1.7rem auto 3.8rem;
  line-height: 2rem;
}
@media only screen and (min-width: 50em) {
  .banner__container p {
    line-height: 3rem;
    font-size: 2rem;
    max-width: none;
  }
}
.banner .button {
  font-size: 1.6rem;
}
@media screen and (max-width: 465px) {
  .banner .button {
    font-size: 9px;
  }
}
.banner__btn-container {
  display: flex;
  align-items: center;
  padding-left: 3rem;
  padding-right: 3rem;
}
.banner__icon {
  max-width: 2.3rem;
  width: 100%;
  height: 2.3rem;
  margin-right: 1.3rem;
}
.banner__button-text {
  transform: translateY(1px);
}
.banner__button-text br {
  display: none;
}
@media screen and (max-width: 300px) {
  .banner__button-text br {
    display: block;
  }
}
.banner__headline {
  font-size: 2.4rem;
}
@media only screen and (min-width: 50em) {
  .banner__headline {
    font-size: 4.3rem;
  }
}

.headline-section {
  padding: 7rem 0 6rem 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headline-section__centered-content {
  text-align: center;
  padding: 0 5rem;
}
@media only screen and (min-width: 50em) {
  .headline-section__centered-content {
    padding: 0 20rem;
  }
}
@media only screen and (min-width: 50em) {
  .headline-section__centered-content--products {
    padding: 10rem 6rem;
  }
}
.headline-section__centered-content--southern-staple {
  padding: 0 10rem;
}
@media only screen and (min-width: 50em) {
  .headline-section__centered-content--southern-staple {
    padding: 0;
  }
}
@media screen and (max-width: 480px) {
  .headline-section__centered-content--southern-staple {
    padding: 3rem;
  }
}

@media screen and (max-width: 800px) {
  .southern-staple .headline-section {
    padding: 0;
  }
}

.text-image-card .corner-image-decor--text-card {
  height: 45.6rem;
}
@media only screen and (min-width: 50em) {
  .text-image-card .corner-image-decor--text-card {
    height: 100%;
    max-height: 100%;
  }
}
.text-image-card .corner-image-decor--text-card #Corner-color {
  fill: #F7F5F1;
}
.text-image-card .corner-image-decor__centered-content--text-card {
  text-align: left;
  color: #F7F5F1;
  padding: 0 5rem;
}
@media screen and (min-width: 400px) {
  .text-image-card .corner-image-decor__centered-content--text-card {
    padding: 0 7rem;
  }
}
@media only screen and (min-width: 50em) {
  .text-image-card .corner-image-decor__centered-content--text-card {
    padding: 0 10rem;
  }
}
@media (min-width: 800px) and (max-width: 1200px) {
  .text-image-card .corner-image-decor__centered-content--text-card {
    transform: scale(0.8);
    padding: 0 5rem;
  }
}
.text-image-card__container {
  margin-top: 6.8rem;
  display: grid;
  grid-template-columns: 1fr;
}
.text-image-card__container:nth-child(odd) .text-image-card__description {
  order: 2;
}
.text-image-card__container:nth-child(odd) .text-image-card__image {
  order: 1;
}
@media only screen and (min-width: 50em) {
  .text-image-card__container:nth-child(odd) {
    grid-template-columns: 1fr 1.5fr;
  }
  .text-image-card__container:nth-child(odd) .text-image-card__description {
    order: 1;
  }
  .text-image-card__container:nth-child(odd) .text-image-card__image {
    order: 2;
  }
}
@media only screen and (min-width: 50em) {
  .text-image-card__container:nth-child(even) {
    grid-template-columns: 1.5fr 1fr;
  }
}
.text-image-card__image {
  display: flex;
  align-items: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  height: 26.5rem;
}
@media screen and (min-width: 431px) {
  .text-image-card__image {
    height: 45.6rem;
  }
}
@media only screen and (min-width: 50em) {
  .text-image-card__image {
    height: 55.6rem;
  }
}
@media only screen and (min-width: 75em) {
  .text-image-card__image {
    height: 65.6rem;
  }
}
@media only screen and (min-width: 112.5em) {
  .text-image-card__image {
    height: 75.6rem;
  }
}
.text-image-card__description {
  display: flex;
  align-items: center;
}
.text-image-card .view-recipe {
  margin-top: 3.6rem;
}
.text-image-card .corner-image-decor__corner-image svg,
.text-image-card .right-column img {
  min-width: 95%;
  height: auto;
}
.text-image-card h3 {
  margin-bottom: 3rem;
}
.text-image-card p {
  margin-bottom: 0rem;
}
@media screen and (max-width: 1525px) {
  .text-image-card br {
    display: none;
  }
}

.white-lily-difference-tiles .text-image-card__container:nth-child(1) .text-image-card__description {
  background-color: #4F63A8;
}
.white-lily-difference-tiles .text-image-card__container:nth-child(1) .text-image-card__image {
  background-image: url(images/white-lily-biscuits-large.2befa43a.png);
}
.white-lily-difference-tiles .text-image-card__container:nth-child(2) .text-image-card__description {
  background-color: #613026;
}
.white-lily-difference-tiles .text-image-card__container:nth-child(2) .text-image-card__image {
  background-image: url(images/cookies-large.b4979663.jpg);
}
.white-lily-difference-tiles .text-image-card__container:nth-child(3) .text-image-card__description {
  background-color: #926D3F;
}
.white-lily-difference-tiles .text-image-card__container:nth-child(3) .text-image-card__image {
  background-image: url(images/tender-cakes-large.b4beb9bc.jpg);
}

.product-detail-tiles .text-image-card__container .text-image-card__description {
  background-color: #39814C;
}

.corner-image-decor {
  position: relative;
}
.corner-image-decor__content-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
}
.corner-image-decor__content-wrapper--hero-section {
  min-height: 55rem;
}
@media screen and (min-width: 930px) {
  .corner-image-decor__content-wrapper--hero-section {
    min-height: 50rem;
  }
}
.corner-image-decor__corner-image {
  position: absolute;
  width: 30%;
}
.corner-image-decor .top-left {
  top: 5px;
  left: 5px;
}
.corner-image-decor .bottom-right {
  bottom: 5px;
  right: 5px;
  transform: rotate(180deg);
}

.corner-image-decor__corner-image svg,
.right-column img {
  min-width: 45%;
  height: auto;
}
@media only screen and (min-width: 50em) {
  .corner-image-decor__corner-image svg,
  .right-column img {
    min-width: 35%;
  }
}
@media only screen and (min-width: 112.5em) {
  .corner-image-decor__corner-image svg,
  .right-column img {
    min-width: 30%;
  }
}

.our-products-container {
  max-width: 174rem;
  margin: 0 auto;
  padding: 0 3rem 6rem 3rem;
}
@media only screen and (min-width: 50em) {
  .our-products-container {
    padding: 0 3rem 12rem 3rem;
  }
}

.our-products__grid {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 350px) {
  .our-products__grid {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 50em) {
  .our-products__grid {
    display: grid;
    gap: 3rem;
    grid-template-columns: repeat(4, 1fr);
  }
}

.products-tile-container .products-tile {
  background-color: #F7F5F1;
  max-width: 40.6rem;
  margin: 0 auto;
}
@media screen and (max-width: 375px) {
  .products-tile-container .products-tile {
    min-width: 14.5rem;
    height: auto;
  }
}
@media only screen and (min-width: 112.5em) {
  .products-tile-container .products-tile {
    min-width: 40.6rem;
    height: 40.6rem;
  }
}
.products-tile-container .products-tile__title {
  text-transform: capitalize;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 700;
  text-align: center;
  margin-top: 2rem;
  font-size: 1.8rem;
  line-height: 2rem;
}
@media only screen and (min-width: 50em) {
  .products-tile-container .products-tile__title {
    font-size: 2.4rem;
    line-height: 3.2rem;
    margin-top: 4rem;
    line-height: 3rem;
  }
}
.products-tile-container .products-tile__image-wrapper {
  position: relative;
}
.products-tile-container .products-tile img {
  max-width: 100%;
  height: auto;
}
.products-tile-container .products-tile__centered-image {
  display: block;
  margin: 0 auto;
}
.products-tile-container .products-tile__corner-image {
  position: absolute;
  z-index: 1;
  width: 30%;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.products-tile-container .products-tile__corner-image svg {
  transition: transform 0.6s, opacity 0.9s;
  width: 50px;
  height: 50px;
}
@media screen and (min-width: 330px) {
  .products-tile-container .products-tile__corner-image svg {
    width: 70px;
    height: 70px;
  }
}
@media screen and (min-width: 460px) {
  .products-tile-container .products-tile__corner-image svg {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 800px) and (max-width: 1100px) {
  .products-tile-container .products-tile__corner-image svg {
    width: 80px;
    height: 80px;
  }
}
.products-tile-container .products-tile .top-left {
  top: -5px;
  left: -5px;
}
.products-tile-container .products-tile .bottom-right {
  bottom: -5px;
  right: -5px;
  transform: rotate(180deg);
}

.products-tile-container:hover .products-tile__corner-image {
  opacity: 1;
}

.three-col-container {
  padding: 0 3rem;
}
@media only screen and (min-width: 50em) {
  .three-col-container {
    padding: 0 14.2%;
  }
}

.product-tile__subtext {
  line-height: 2rem;
  margin-top: 1.3rem;
}
@media only screen and (min-width: 50em) {
  .product-tile__subtext {
    margin-top: 1.6rem;
    line-height: 3rem;
  }
}

.recipe-tile__title {
  text-transform: capitalize;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 700;
  font-size: 2.1rem;
  margin-top: 2.5rem;
  line-height: 2.2rem;
}
@media only screen and (min-width: 50em) {
  .recipe-tile__title {
    font-size: 2.4rem;
    margin-top: 3rem;
    line-height: 2.8rem;
  }
}

/* global */
.swiper {
  height: auto;
}

.swiper-main-container {
  padding: 0;
}
@media only screen and (min-width: 50em) {
  .swiper-main-container {
    padding: 0 3rem;
  }
}

.swiper-slide {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.swiper-slide__title {
  text-transform: capitalize;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 700;
  font-size: 2.1rem;
  margin-top: 2.5rem;
  line-height: 2.6rem;
}
@media only screen and (min-width: 50em) {
  .swiper-slide__title {
    font-size: 2.4rem;
    margin-top: 3rem;
    line-height: 3.7rem;
  }
}

.swiper-slide img {
  display: block;
  width: 98%;
  height: auto;
  max-width: 40.6rem;
}
@media screen and (max-width: 300px) {
  .swiper-slide img {
    max-width: 20rem;
  }
}
@media only screen and (min-width: 112.5em) {
  .swiper-slide img {
    min-width: 40.6rem;
  }
}

.swiper-wrapper {
  height: auto !important;
}

.swiper-products-grid-section .swiper-slide:nth-child(n+4) {
  margin-top: 0;
}
@media only screen and (min-width: 50em) {
  .swiper-products-grid-section .swiper-slide:nth-child(n+4) {
    margin-top: 7rem;
  }
}
.swiper-products-grid-section .swiper-slide {
  max-width: 40.6rem !important;
}
.swiper-products-grid-section .swiper-wrapper {
  height: auto;
  width: 100%;
  margin: 0 auto;
  max-width: 129rem;
}
.swiper-products-grid-section .swiper-products-grid > .swiper-wrapper {
  flex-wrap: nowrap;
  display: flex;
}
@media only screen and (min-width: 50em) {
  .swiper-products-grid-section .swiper-products-grid > .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.swiper-horizontal-section .swiper-container {
  width: 100%;
  height: auto;
}
.swiper-horizontal-section .swiper-three-column {
  width: 100%;
  margin: 0 auto;
  max-width: 129rem;
}
.swiper-horizontal-section .swiper-container-four-column {
  max-width: 179rem;
  margin: 0 auto;
  padding-bottom: 8rem !important;
}
@media only screen and (min-width: 50em) {
  .swiper-horizontal-section .swiper-container-four-column {
    padding-bottom: 12rem;
  }
}
.swiper-horizontal-section .swiper-container-three-column {
  padding: 0 3rem;
}
@media screen and (max-width: 800px) {
  .swiper-horizontal-section .swiper-main-container,
  .swiper-horizontal-section .swiper-container-three-column {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media screen and (max-width: 800px) {
  .swiper-horizontal-section .swiper-slide {
    /* margin-right: 0px !important; */
    max-width: 40.6rem;
  }
}

@media screen and (max-width: 800px) {
  .bounce-prompt {
    animation: bounce 5s 1s infinite;
  }
  @keyframes bounce {
    0%, 100% {
      transform: translateX(0);
    }
    25% {
      transform: translateX(25px);
    }
    50% {
      transform: translateX(0px);
    }
  }
}
.swiper-our-story {
  max-width: 56rem;
  margin: 0 auto;
  overflow: hidden;
}
@media (min-width: 1100px) and (max-width: 1165px) {
  .swiper-our-story {
    max-width: 50rem;
  }
}
.swiper-our-story .swiper-slide {
  text-align: center; /* Center images horizontally */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; /* Ensure each slide takes full height */
}
.swiper-our-story .swiper-slide img {
  max-width: 56rem;
  max-height: 60rem;
  height: 60rem;
}
@media (min-width: 0px) and (max-width: 600px) {
  .swiper-our-story .swiper-slide img {
    max-width: 44rem;
    height: 29rem;
  }
}
@media (min-width: 0px) and (max-width: 1100px) {
  .swiper-our-story .swiper-horizontal > .swiper-pagination-bullets, .swiper-our-story .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-our-story .swiper-pagination-custom, .swiper-our-story .swiper-pagination-fraction {
    bottom: -10%;
  }
}
@media screen and (min-width: 1100px) {
  .swiper-our-story .swiper-horizontal > .swiper-pagination-bullets, .swiper-our-story .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-our-story .swiper-pagination-custom, .swiper-our-story .swiper-pagination-fraction {
    bottom: -5%;
  }
}
.swiper-our-story .swiper-pagination-bullet-active {
  background: #39814C;
}
.swiper-our-story .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
}

.pagination {
  align-self: center;
  gap: 10px;
}
.pagination ul {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 50em) {
  .pagination ul {
    margin-right: 3rem;
  }
}
.pagination .page-item {
  display: block;
  margin: 0 5px;
  font-size: 1.4rem;
  font-family: "franklin-gothic-urw", sans-serif;
}
.pagination .page-item a {
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  font-weight: 500;
}
@media only screen and (min-width: 50em) {
  .pagination .page-item a {
    font-size: 2.6rem;
  }
}
.pagination .page-item img {
  display: flex;
  align-items: center;
}
.pagination .page-link {
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
  font-weight: 500;
}
@media only screen and (min-width: 50em) {
  .pagination .page-link {
    font-size: 2.6rem;
  }
}
.pagination .active {
  border-bottom: 2px solid #39814C;
}

.pagination-found-recipes-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 3rem;
}
@media only screen and (min-width: 50em) {
  .pagination-found-recipes-container {
    padding: 1rem 0rem;
  }
}
.pagination-found-recipes-container--bottom {
  justify-content: flex-end;
}
.pagination-found-recipes-container .recipes-found {
  background-color: #FFFFFF;
  font-size: 1.6rem;
  font-weight: 700;
  color: #39814C;
}
@media only screen and (min-width: 50em) {
  .pagination-found-recipes-container .recipes-found {
    padding-left: 3rem;
  }
}
@media only screen and (min-width: 50em) {
  .pagination-found-recipes-container .recipes-found {
    font-size: 2.6rem;
    font-weight: 500;
  }
}
.pagination-found-recipes-container .pagination ul {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 1rem;
}

.pagination-arrow-recipes {
  width: 1rem;
  height: 1rem;
  margin-top: 5px;
}
@media only screen and (min-width: 50em) {
  .pagination-arrow-recipes {
    width: 2rem;
    height: 2rem;
    margin-top: 5px;
  }
}

.featured-products .our-products-tile--self-rising-flour {
  border: 2px #39814C solid;
}
.featured-products .our-products-tile--self-rising-flour #Corner-color {
  fill: #39814C;
}
.featured-products .our-products-tile--buttermilk-cornmeal {
  border: 2px #39814C solid;
}
.featured-products .our-products-tile--buttermilk-cornmeal #Corner-color {
  fill: #39814C;
}
.featured-products .our-products-tile--ap-flour {
  border: 2px #ac842c solid;
}
.featured-products .our-products-tile--ap-flour #Corner-color {
  fill: #ac842c;
}
.featured-products .our-products-tile--lemon-poundcake {
  border: 2px #EBB60C solid;
}
.featured-products .our-products-tile--lemon-poundcake #Corner-color {
  fill: #EBB60C;
}

.search-bar-container {
  display: flex;
  align-items: center;
  border-radius: 4rem;
  padding: 0;
}
@media only screen and (min-width: 50em) {
  .search-bar-container {
    padding: 5px;
  }
}

.search-icon {
  width: 2rem;
  height: 2rem;
  margin: 0;
}
@media only screen and (min-width: 50em) {
  .search-icon {
    margin: 0 1rem 0 1.5rem;
  }
}

.search-input {
  flex: 1;
  border: none;
  outline: none;
  padding: 5px;
  width: 200px;
  transition: 0.3s;
}
.search-input--expand {
  width: 300px;
}

.search-bar-container, .search-input {
  background-color: #F7F5F1;
}

.search-overlay__section-title {
  cursor: pointer;
  letter-spacing: 2px;
  max-width: 5rem;
  text-transform: uppercase;
  color: #39814C;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 50em) {
  .search-overlay__section-title {
    line-height: 4rem;
    margin-bottom: 0;
  }
}

.search-results__container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  flex-direction: column;
  row-gap: 5rem;
}
@media only screen and (min-width: 50em) {
  .search-results__container {
    grid-template-columns: repeat(4, 1fr);
    padding: 0 5rem;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
    flex-direction: row;
  }
  .search-results__container--solo {
    grid-template-columns: 1fr;
    max-width: 400px;
  }
  .search-results__container--solo .search-overlay__section-title {
    display: inline;
  }
}

#search-results p {
  line-height: 1;
  margin: 10px 0 10px 0;
}
@media only screen and (min-width: 50em) {
  #search-results p {
    margin-top: 10px;
  }
}
#search-results .link-list li a {
  line-height: 2;
}
#search-results p, #search-results .link-list li a {
  font-weight: 500;
}

.search__close,
.search__cancel {
  display: none;
  cursor: pointer;
  position: relative;
  top: 1px;
  left: -10px;
  font-weight: bold;
}

.search__cancel {
  left: 435px;
  position: absolute;
  font-weight: normal;
  top: 50%;
  transform: translateY(-50%);
}
.search__cancel:hover {
  font-weight: bold;
}

.search__close > img {
  max-width: 20px;
}

.search-overlay__section-title, .link-list li a, p, .spinner-loader {
  font-size: 2.4rem;
}
@media (min-width: 800px) and (max-width: 970px) {
  .search-overlay__section-title, .link-list li a, p, .spinner-loader {
    font-size: 1.3rem;
  }
}
@media (min-width: 970px) and (max-width: 1170px) {
  .search-overlay__section-title, .link-list li a, p, .spinner-loader {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1171px) {
  .search-overlay__section-title, .link-list li a, p, .spinner-loader {
    font-size: 1.8rem;
  }
}

.spinner-loader {
  padding: 0rem;
}
@media only screen and (min-width: 50em) {
  .spinner-loader {
    padding: 0 5rem;
  }
}

/* Pages */
.how-to-bake {
  max-width: 192rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  background-color: #FFFFFF;
  gap: 2rem;
}
@media only screen and (min-width: 50em) {
  .how-to-bake {
    gap: 0;
    background-color: #979C99;
    grid-template-columns: repeat(3, 1fr);
  }
}
.how-to-bake__image-box {
  display: flex;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.how-to-bake__image-box img {
  filter: brightness(80%);
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
  max-height: 100%;
  transition: 0.3s all ease-in-out;
}
@media screen and (max-width: 800px) {
  .how-to-bake__image-box img {
    width: 100%;
    max-width: auto;
  }
}
.how-to-bake__image-box img.zoom {
  transform: scale(1.1);
  filter: brightness(95%);
}
.how-to-bake__content {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  white-space: nowrap;
}
.how-to-bake__content .headline__small {
  margin-bottom: 3.8rem;
  text-shadow: 2px 2px 8px #707070;
}
@media (min-width: 1100px) and (max-width: 1555px) {
  .how-to-bake__content div {
    transform: scale(0.7);
  }
  .how-to-bake__content .headline__small {
    margin-bottom: 1rem;
  }
}
@media (min-width: 800px) and (max-width: 1100px) {
  .how-to-bake__content div {
    transform: scale(0.5);
  }
  .how-to-bake__content .headline__small {
    margin-bottom: 0rem;
  }
}
.how-to-bake .button:hover {
  background-color: #FFFFFF;
  color: #39814C;
}

.southern-staple {
  background-color: #F7F5F1;
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  text-align: center;
  padding: 4rem 0;
  gap: 6rem;
}
@media only screen and (min-width: 50em) {
  .southern-staple {
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
  }
}
.southern-staple p {
  padding-bottom: 3rem;
}
.southern-staple__img {
  width: 16rem;
}
@media only screen and (min-width: 50em) {
  .southern-staple__img {
    width: 15rem;
  }
}
@media screen and (min-width: 910px) {
  .southern-staple__img {
    width: 20rem;
  }
}
@media only screen and (min-width: 75em) {
  .southern-staple__img {
    width: 30rem;
  }
}
@media only screen and (min-width: 137.5em) {
  .southern-staple__img {
    width: 36rem;
  }
}
.southern-staple__text {
  max-width: 20rem;
  margin: 0 auto;
}
@media screen and (min-width: 375px) {
  .southern-staple__text {
    max-width: 30rem;
  }
}
@media screen and (min-width: 500px) {
  .southern-staple__text {
    max-width: 40rem;
  }
}
@media only screen and (min-width: 50em) {
  .southern-staple__text {
    max-width: 100%;
  }
}

.white-lily-merch {
  padding-bottom: 6rem;
}
@media only screen and (min-width: 50em) {
  .white-lily-merch {
    padding-bottom: 12rem;
  }
}

.level-up-learn__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7rem;
  margin-top: 4rem;
}
@media only screen and (min-width: 50em) {
  .level-up-learn__grid {
    margin-top: 0rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
.level-up-learn__grid-item {
  display: block;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.level-up-learn img {
  max-width: 100%;
  height: auto;
}
.level-up-learn__grid-item-text {
  margin-top: 4rem;
}
@media only screen and (min-width: 50em) {
  .level-up-learn__grid-item-text {
    margin-top: 5rem;
  }
}
.level-up-learn__grid-item-text p {
  line-height: 2rem;
  margin-top: 2rem;
}
@media only screen and (min-width: 50em) {
  .level-up-learn__grid-item-text p {
    line-height: 3rem;
  }
}

.our-story__hero img {
  display: flex;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.our-story-main {
  background-color: #F7F5F1;
  padding-bottom: 30rem;
  padding: 7rem 15rem 12rem 15rem;
}
@media screen and (max-width: 800px) {
  .our-story-main {
    padding: 10rem 3rem 11rem 3rem;
  }
}
@media (min-width: 800px) and (max-width: 1100px) {
  .our-story-main {
    padding: 0rem 3rem 11rem 3rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .our-story-main {
    padding: 15rem 2rem 5rem 2rem;
  }
}
.our-story-main__box {
  max-width: 1395rem;
  height: auto;
  margin: 0 auto;
  padding: 2rem 2rem;
  background-color: #FFFFFF;
  display: grid;
  text-align: center;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 1100px) {
  .our-story-main__box {
    padding: 7rem 5rem;
    grid-template-columns: repeat(2, 1fr);
    text-align: left;
  }
}
@media screen and (min-width: 1900px) {
  .our-story-main__box {
    grid-template-columns: 2fr 1fr;
  }
}
.our-story-main__box-item .headline {
  margin: 0rem 0 0 0;
}
@media only screen and (min-width: 50em) {
  .our-story-main__box-item .headline {
    margin: 7.3rem 0 0 0;
  }
}
.our-story-main__box-item:nth-child(1) {
  order: 2;
  margin-top: -7rem;
}
@media (min-width: 330px) and (max-width: 800px) {
  .our-story-main__box-item:nth-child(1) {
    max-width: 80%;
    margin: 0 auto;
  }
}
.our-story-main__box-item:nth-child(2) {
  order: 1;
}
@media screen and (min-width: 1100px) {
  .our-story-main__box-item:nth-child(2) {
    display: flex;
    justify-content: flex-end;
    height: 60rem;
  }
}
@media screen and (min-width: 1100px) {
  .our-story-main__box-item:nth-child(1) {
    order: 1;
  }
  .our-story-main__box-item:nth-child(2) {
    order: 2;
  }
}
@media (min-width: 1100px) and (max-width: 1200px) {
  .our-story-main .col-overflow {
    position: relative;
    width: 150%;
  }
}
@media (min-width: 1201px) and (max-width: 1900px) {
  .our-story-main .col-overflow {
    position: relative;
    width: 120%;
  }
}
@media (min-width: 1100px) and (max-width: 1400px) {
  .our-story-main .col-overflow p:not(:nth-child(1)) {
    width: 140%;
  }
}
.our-story-main__image-container {
  transform: translateY(-12rem);
}
@media only screen and (max-width: 37.5em) {
  .our-story-main__image-container {
    max-width: 25rem;
    margin: 0 auto;
    padding-top: 3.6rem;
  }
}
@media screen and (min-width: 1100px) {
  .our-story-main__image-container {
    transform: translate(12rem, -12rem);
    max-width: 62rem;
  }
}
@media screen and (max-width: 1100px) {
  .our-story-main__image-container {
    margin-top: 5rem;
  }
}
.our-story-main__box-image {
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 1900px) {
  .our-story-main__box-image {
    max-width: 62.4rem;
  }
}
.our-story-main p {
  margin-top: 1.5rem;
}
@media only screen and (min-width: 50em) {
  .our-story-main p {
    margin-top: 2rem;
  }
}

.hr-our-story:after {
  content: "";
  display: block;
  border-top: 4px solid #39814C;
  margin: 1.2rem 3rem 0 3rem;
}
@media only screen and (max-width: 37.5em) {
  .hr-our-story:after {
    margin: 1.2rem 2rem 0 2rem;
  }
}
@media only screen and (min-width: 50em) {
  .hr-our-story:after {
    margin: 3rem 0rem 2rem 0rem;
  }
}

.archive-page p {
  font-weight: 700;
  margin-top: 1.8rem;
  text-align: center;
  max-width: 27.5rem;
  font-size: 2.1rem;
  line-height: 3.2rem;
}
@media only screen and (min-width: 50em) {
  .archive-page p {
    font-size: 2.4rem;
    text-align: left;
    line-height: 3.4rem;
    margin-top: 3.8rem;
  }
}
.archive-page__container {
  max-width: 100rem;
  margin: 0 auto;
  padding: 13rem 3rem;
  display: flex;
  justify-content: center;
}
.archive-page__grid {
  display: grid;
  gap: 8rem;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 50em) {
  .archive-page__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.archive-page__grid-item {
  display: flex;
  flex-direction: column;
}
.archive-page img {
  max-width: 27.5rem;
  height: auto;
  margin: 0 auto;
}
@media only screen and (min-width: 50em) {
  .archive-page img {
    max-width: 100%;
  }
}

.single-post {
  overflow: auto;
}
.single-post__container {
  max-width: 128rem;
  margin: 0 auto;
  padding: 4rem 3rem 0 3rem;
}
@media only screen and (min-width: 50em) {
  .single-post__container {
    padding: 4rem 3rem 0 3rem;
  }
}
.single-post__image-container {
  display: flex;
  justify-content: center;
  margin-bottom: 3.5rem;
}
@media only screen and (min-width: 50em) {
  .single-post__image-container {
    display: block;
  }
}
@media (min-width: 800px) and (max-width: 1075px) {
  .single-post__image-container {
    max-width: 40rem;
  }
}
.single-post img {
  width: 27.5rem;
  height: 27.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  float: none;
  margin-top: 0px;
  margin-right: 0rem;
}
@media only screen and (min-width: 50em) {
  .single-post img {
    float: left;
    margin-right: 4.5rem;
  }
}
@media only screen and (min-width: 50em) {
  .single-post img {
    margin-top: 1rem;
    max-width: 46rem;
    width: 46rem;
    height: 46rem;
  }
}
.single-post p:not(:first-child), .single-post header:not(:first-child) {
  margin-top: 4rem;
}
@media only screen and (min-width: 50em) {
  .single-post p:first-child, .single-post header:first-child {
    margin-top: -4rem;
  }
}
.single-post h1, .single-post h2, .single-post h3, .single-post h4, .single-post h5, .single-post h6 {
  margin-top: 3rem;
}
.single-post a {
  color: #39814C;
  text-decoration: underline;
}
.single-post header, .single-post p, .single-post ol, .single-post ul, .single-post li, .single-post section {
  font-size: 1.6rem;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 400;
  line-height: 2.4rem;
}
@media only screen and (min-width: 50em) {
  .single-post header, .single-post p, .single-post ol, .single-post ul, .single-post li, .single-post section {
    font-size: 2.6rem;
    line-height: 4rem;
  }
}
.single-post main {
  margin-bottom: 9rem;
}
.single-post ul {
  list-style-type: disc;
  margin-left: 1rem;
}
@media only screen and (min-width: 50em) {
  .single-post ul {
    margin-left: 2rem;
  }
}
.single-post ul li::marker {
  font-size: 20px;
  color: #000000;
}

.single-product-detail {
  background-color: #F7F5F1;
}
.single-product-detail__grid {
  display: grid;
  grid-template-columns: 1fr;
  max-width: 132rem;
  margin: 0 auto;
  gap: 2rem;
  padding: 4rem 3rem;
}
@media only screen and (min-width: 50em) {
  .single-product-detail__grid {
    grid-template-columns: repeat(2, 1fr);
    padding: 7rem 3rem;
  }
}
.single-product-detail__image-wrapper {
  display: flex;
  justify-content: center;
}
.single-product-detail img {
  height: auto;
}
@media screen and (max-width: 800px) {
  .single-product-detail img {
    max-width: 250px;
  }
}
@media (min-width: 800px) and (max-width: 1300px) {
  .single-product-detail img {
    max-width: 80%;
  }
}
.single-product-detail .headline__medium {
  margin-bottom: 4.5rem;
}
.single-product-detail p:not(:first-child) {
  margin-top: 4rem;
}
.single-product-detail .button-container {
  margin-top: 4rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.single-product-detail .button {
  color: #FFFFFF;
}
.single-product-detail a {
  color: #39814C;
}

.nutrition-facts {
  margin-top: 4rem;
  border-top: 2px solid #ac842c;
  border-bottom: 2px solid #ac842c;
}
.nutrition-facts__toggle {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.nutrition-facts #plus-icon {
  transition: 0.5s ease-out;
}
.nutrition-facts.open {
  height: auto;
}
.nutrition-facts.open #plus-icon {
  transform: rotate(45deg);
  transition: 0.3s ease-in;
}
.nutrition-facts.open .nutrition-facts-container {
  display: block;
}
.nutrition-facts.open .additional-nutrition {
  display: block;
}

.nutrition-facts-container, .additional-nutrition {
  display: none;
}

.nutrition-facts-panel {
  font-family: "franklin-gothic-urw", sans-serif;
  border: 1px solid #000000;
  margin: 1rem 0;
  max-width: 480px;
  padding: 0.5rem;
}
.nutrition-facts-panel p {
  margin-top: 0 !important;
}
.nutrition-facts-panel table {
  border-collapse: collapse;
}

.nutrition-facts-panel__title {
  font-weight: bold;
  font-size: 2rem;
  margin: 0 0 0.25rem 0;
}

.nutrition-facts-panel__header {
  border-bottom: 10px solid #000000;
}
.nutrition-facts-panel__header p {
  margin: 0;
}

.nutrition-facts-panel__table, .nutrition-facts-panel__table--grid, .nutrition-facts-panel__table--small {
  width: 100%;
}
.nutrition-facts-panel__table thead tr th, .nutrition-facts-panel__table--grid thead tr th, .nutrition-facts-panel__table--small thead tr th,
.nutrition-facts-panel__table thead tr td,
.nutrition-facts-panel__table--grid thead tr td,
.nutrition-facts-panel__table--small thead tr td {
  border: 0;
}
.nutrition-facts-panel__table th, .nutrition-facts-panel__table--grid th, .nutrition-facts-panel__table--small th,
.nutrition-facts-panel__table td,
.nutrition-facts-panel__table--grid td,
.nutrition-facts-panel__table--small td {
  font-weight: normal;
  text-align: left;
  padding: 0.25rem 0;
  border-top: 1px solid #000000;
  white-space: nowrap;
}
.nutrition-facts-panel__table td:last-child, .nutrition-facts-panel__table--grid td:last-child, .nutrition-facts-panel__table--small td:last-child {
  text-align: right;
}
.nutrition-facts-panel__table .blank-cell, .nutrition-facts-panel__table--grid .blank-cell, .nutrition-facts-panel__table--small .blank-cell {
  width: 1rem;
  border-top: 0;
}
.nutrition-facts-panel__table .thick-row th, .nutrition-facts-panel__table--grid .thick-row th, .nutrition-facts-panel__table--small .thick-row th,
.nutrition-facts-panel__table .thick-row td,
.nutrition-facts-panel__table--grid .thick-row td,
.nutrition-facts-panel__table--small .thick-row td {
  border-top-width: 5px;
}

.small-info {
  line-height: 1;
  margin-top: 0 !important;
  font-size: 1.5rem;
}

.large-info {
  font-size: 2rem;
}

.serving-size, .calories {
  display: flex;
  justify-content: space-between;
}

.serving-size {
  padding: 0px;
}

.nutrition-facts-panel__table--small {
  border-bottom: 1px solid #999;
  margin: 0 0 0.5rem 0;
}
.nutrition-facts-panel__table--small thead tr {
  border-bottom: 1px solid #000000;
}
.nutrition-facts-panel__table--small td:last-child {
  text-align: left;
}
.nutrition-facts-panel__table--small th,
.nutrition-facts-panel__table--small td {
  border: 0;
  padding: 0;
}

.nutrition-facts-panel__table--grid {
  margin: 0 0 0.5rem 0;
}
.nutrition-facts-panel__table--grid td:last-child {
  text-align: left;
}
.nutrition-facts-panel__table--grid td:last-child::before {
  content: "•";
  font-weight: bold;
  margin: 0 0.25rem 0 0;
}

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

.thick-end {
  border-bottom: 10px solid #000000;
}

.thin-end {
  border-bottom: 1px solid #000000;
}

.additional-nutrition ul {
  list-style-type: disc;
  font-size: 2rem;
  margin-left: 3.5rem;
}
@media only screen and (min-width: 50em) {
  .additional-nutrition ul {
    margin-left: 5.5rem;
  }
}
.additional-nutrition p, .additional-nutrition ul, .additional-nutrition li {
  margin-top: 2rem !important;
  font-family: "franklin-gothic-urw", sans-serif;
  font-size: 1.6rem;
}
@media only screen and (min-width: 50em) {
  .additional-nutrition p, .additional-nutrition ul, .additional-nutrition li {
    font-size: 2.6rem;
  }
}
.additional-nutrition__header {
  font-weight: 700;
  color: #39814C;
}

.table-three-col {
  border-collapse: collapse;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 0.5rem;
}
.table-three-col .daily-value {
  text-align: right;
}
.table-three-col td {
  font-size: 1.8rem;
}
@media only screen and (max-width: 37.5em) {
  .table-three-col td {
    font-size: 1.6rem;
  }
}
@media (min-width: 800px) and (max-width: 935px) {
  .table-three-col td {
    font-size: 1.6rem;
  }
}
.table-three-col th, .table-three-col td {
  text-align: left;
}
.table-three-col .border-bottom {
  border-bottom: 1px solid black;
}
.table-three-col .border-left {
  border-left: 1px solid black;
}
.table-three-col .nested-table__item {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 5px 0;
}
.table-three-col .nested-table__item:nth-child(1) {
  padding-left: 1rem;
  border-left: 1px solid black;
}
.table-three-col .nested-table__item {
  border-bottom: transparent 1px solid;
}
.table-three-col th:nth-child(2), .table-three-col th:nth-child(3) {
  text-align: right;
}
.table-three-col .indent {
  padding-left: 18px;
}
.table-three-col td {
  border-bottom: 1px solid black;
}

.serving-size {
  padding: 1rem 0;
}

#buy-now-flour {
  height: 44px;
  min-width: var(--chakra-sizes-8);
  font-size: 0.875em;
  padding-inline: 15px;
  padding: 1.7rem 2rem 0 2rem;
}

.flour-101 {
  max-width: 136rem;
  margin: 0 auto;
  padding-bottom: 16rem;
}
.flour-101 ul a {
  font-family: "franklin-gothic-urw", sans-serif;
  font-size: 16px;
  color: #39814C;
}
@media only screen and (min-width: 50em) {
  .flour-101 ul a {
    font-size: 2rem;
  }
}
.flour-101 ul a:hover {
  font-weight: 500;
}
.flour-101 p, .flour-101 a {
  line-height: 3rem;
}
.flour-101 .headline-section {
  padding-top: 5rem;
}
@media only screen and (min-width: 50em) {
  .flour-101 .headline-section {
    padding-top: 8.6rem;
  }
}
.flour-101 .headline-section__centered-content {
  padding: 0 3rem;
}
.flour-101 .divider {
  max-width: 152rem;
  margin: 0 auto;
  padding: 25px 3rem 0 3rem;
}
.flour-101 hr {
  height: 1px;
  background-color: #707070;
}
.flour-101__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem;
  padding: 0px 3rem 6rem 3rem;
}
@media only screen and (min-width: 50em) {
  .flour-101__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.flour-101 .span-2 {
  grid-column: span 2;
}
.flour-101__grid-item {
  max-width: 500px;
  margin: 0 auto;
}
@media only screen and (min-width: 50em) {
  .flour-101__grid-item {
    max-width: 100%;
    margin: 0;
  }
}
.flour-101__copy-subheading {
  font-weight: 700;
  font-size: 2.4rem;
  margin-bottom: 1.5rem;
}
.flour-101__copy-subheading:not(:first-child) {
  padding-top: 3rem;
}
@media only screen and (min-width: 50em) {
  .flour-101__copy-subheading {
    font-size: 3.2rem;
  }
}
.flour-101 .products-tile-container {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}
.flour-101 .faq-link {
  margin-top: 2rem;
}
.flour-101 #wl-all-purpose-flour {
  border: 2px #ac842c solid;
}
.flour-101 #wl-all-purpose-flour #Corner-color {
  fill: #ac842c;
}
.flour-101 #wl-bleached-rising-flour {
  border: 2px #39814C solid;
}
.flour-101 #wl-bleached-rising-flour #Corner-color {
  fill: #39814C;
}
.flour-101 #wl-unbleached-rising-flour {
  border: 2px #BF2D30 solid;
}
.flour-101 #wl-unbleached-rising-flour #Corner-color {
  fill: #BF2D30;
}
.flour-101 #wl-bread-flour {
  border: 2px #926D3F solid;
}
.flour-101 #wl-bread-flour #Corner-color {
  fill: #926D3F;
}
.flour-101 #wl-cornmeal {
  border: 2px #862A27 solid;
}
.flour-101 #wl-cornmeal #Corner-color {
  fill: #862A27;
}
.flour-101 #wl-buttermilk-cornmeal {
  border: 2px #39814C solid;
}
.flour-101 #wl-buttermilk-cornmeal #Corner-color {
  fill: #39814C;
}
.flour-101 ul {
  list-style-type: disc;
  margin-left: 1rem;
}
@media only screen and (min-width: 50em) {
  .flour-101 ul {
    margin-left: 2rem;
  }
}
.flour-101 ul li::marker {
  font-size: 20px;
  color: #000000;
}

.archive-recipes-container {
  background-color: #F7F5F1;
}
@media only screen and (min-width: 50em) {
  .archive-recipes-container {
    background-color: #FFFFFF;
  }
}

.archive-recipes {
  max-width: 215rem;
  margin: 0 auto;
  font-family: "franklin-gothic-urw", sans-serif;
}
@media (min-width: 800px) and (max-width: 1000px) {
  .archive-recipes__grid-item:nth-child(2) {
    padding: 0 3.5rem;
  }
}
@media (min-width: 1000px) and (max-width: 1520px) {
  .archive-recipes__grid-item:nth-child(2) {
    padding: 0 8.5rem;
  }
}
@media screen and (min-width: 1520px) {
  .archive-recipes__grid-item:nth-child(2) {
    padding: 0 12.5rem;
  }
}
.archive-recipes__grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 50em) {
  .archive-recipes__grid {
    grid-template-columns: 1fr 4fr;
  }
}
.archive-recipes__grid .aside {
  border-right: none;
  display: flex;
  flex-direction: column;
  padding: 2rem 4rem;
}
@media only screen and (min-width: 50em) {
  .archive-recipes__grid .aside {
    border-right: 1px solid #707070;
  }
}
.archive-recipes__grid .aside__checkbox-header {
  text-transform: uppercase;
  font-size: 2.4rem;
  font-weight: 700;
  color: #39814C;
  margin-bottom: 4.5rem;
}
@media only screen and (min-width: 50em) {
  .archive-recipes__grid .aside__checkbox-header {
    font-size: 2.6rem;
    margin-bottom: 4rem;
    pointer-events: none;
  }
}
.archive-recipes__grid .aside .arrow-filter-checkboxes {
  visibility: visible;
  margin-left: 1rem;
}
@media only screen and (min-width: 50em) {
  .archive-recipes__grid .aside .arrow-filter-checkboxes {
    visibility: hidden;
  }
}
.archive-recipes__grid .aside label {
  color: #000000;
  font-size: 2.4rem;
  display: grid;
  grid-template-columns: 3rem auto;
  gap: 1rem;
  align-items: center;
  margin-bottom: 4rem;
  cursor: pointer;
}
.archive-recipes__grid .aside label input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 3rem;
  width: 3rem;
  font: inherit;
  background-color: transparent;
  border: 2px solid currentColor;
  display: grid;
  place-content: center;
  margin: 0;
  color: currentColor;
  cursor: pointer;
}
.archive-recipes__grid .aside label input[type=checkbox]:checked::before {
  transform: scale(1);
}
.archive-recipes__grid .aside label input[type=checkbox]::before {
  content: "X";
  transform: scale(0);
  transition: 120ms transform ease-in-out;
}
.archive-recipes__grid .recipe-tile__title {
  margin-bottom: 1.8rem;
}
@media only screen and (min-width: 50em) {
  .archive-recipes__grid .recipe-tile__title {
    margin-bottom: 5rem;
  }
}
.archive-recipes__grid-item-wrapper {
  background-color: #FFFFFF;
}
.archive-recipes .archive-recipes__recipe-tiles-grid {
  display: grid;
  justify-content: center;
  margin-top: 2.5rem;
  margin: 10 auto;
  background-color: #FFFFFF;
  max-width: 80rem;
  padding: 0 3rem;
  gap: 1rem;
  /* Initially, start with 2 columns */
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (min-width: 50em) {
  .archive-recipes .archive-recipes__recipe-tiles-grid {
    margin-top: 0rem;
    max-width: inherit;
    -moz-column-gap: 3.7rem;
         column-gap: 3.7rem;
  }
}
@media screen and (min-width: 1200px) {
  .archive-recipes .archive-recipes__recipe-tiles-grid {
    /* For screens wider than 800px, use 3 columns */
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1800px) {
  .archive-recipes .archive-recipes__recipe-tiles-grid {
    /* For screens wider than 1040px, use 4 columns max */
    grid-template-columns: repeat(4, 1fr);
  }
}
.archive-recipes .recipe-tile--archive {
  max-width: 40rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.archive-recipes .recipe-tile--archive img {
  /* Adjust image size here */
  max-width: 100%;
  height: auto;
  width: 100%;
  height: auto;
  transition: transform 0.5s ease;
}
.archive-recipes #filter-checkboxes {
  display: none;
}
@media only screen and (min-width: 50em) {
  .archive-recipes #filter-checkboxes {
    display: grid;
  }
}
.archive-recipes #filter-checkboxes.openFilter {
  display: block;
}

.filter-dropdown p {
  background-color: #39814C;
  text-transform: uppercase;
  font-size: 2.4rem;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2rem 0;
  gap: 9px;
}
@media only screen and (min-width: 50em) {
  .filter-dropdown {
    display: none;
  }
}

.recipe-tile--archive {
  -o-object-fit: cover;
     object-fit: cover;
}
.recipe-tile--archive img {
  height: 30rem;
  transition: transform 0.5s ease;
}
@media only screen and (min-width: 112.5em) {
  .recipe-tile--archive img {
    width: 40rem;
    height: 40rem;
    max-width: 40rem;
  }
}

.recipe-archive-image {
  display: flex;
  justify-content: center;
}

#dropdown-icon-filter.rotate {
  transform: rotate(-180deg);
  transition: transform 0.3s ease;
}

.checkboxes-container {
  display: none;
  /* Style the arrow icon */
}
@media only screen and (min-width: 50em) {
  .checkboxes-container {
    display: block !important;
  }
}
.checkboxes-container .rotate {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.checkboxes-container .arrow-filter-checkboxes {
  display: inline-block;
  transition: transform 0.3s ease;
}
.checkboxes-container .dropdown-container {
  display: none;
}
.checkboxes-container .dropdown-container.open {
  display: block;
}

.aside__checkbox-header .arrow-filter-checkboxes.rotate {
  transform: rotate(180deg);
}

.post-type-archive-wl_products #flour .headline-section {
  padding-top: 6rem;
}

.products-taxonomy {
  width: 100%;
  margin: 0 auto;
  max-width: 129rem;
}
.products-taxonomy__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  padding: 3rem 3rem 7.3rem 3rem;
}
@media only screen and (min-width: 50em) {
  .products-taxonomy__grid {
    padding: 0rem 3rem 10rem 3rem;
    grid-template-columns: repeat(3, 1fr);
  }
}
.products-taxonomy p {
  text-align: center;
}

#gravy-mixes {
  padding-bottom: 12rem;
}

.flour-safety {
  max-width: 145rem;
  margin: 0 auto;
  padding: 5rem 3rem;
}
@media only screen and (min-width: 50em) {
  .flour-safety {
    padding: 11rem 3rem;
  }
}
.flour-safety__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem;
}
@media only screen and (min-width: 50em) {
  .flour-safety__grid {
    grid-template-columns: 1fr 2fr;
  }
}
.flour-safety__image-container {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 50em) {
  .flour-safety__image-container {
    display: block;
  }
}
.flour-safety img {
  max-width: 46rem;
  width: 100%;
  height: auto;
}
.flour-safety p:not(:first-child) {
  margin-top: 4rem;
}
.flour-safety li {
  margin-top: 1.5rem;
}

.where-to-buy {
  text-align: center;
  padding: 6rem 3rem;
}
@media only screen and (min-width: 50em) {
  .where-to-buy {
    padding: 2rem 3rem 6rem 3rem;
  }
}
.where-to-buy .headline {
  text-align: center;
}
.where-to-buy p {
  margin-top: 4rem;
}

.contact-us {
  max-width: 128rem;
  margin: 0 auto;
  padding: 6rem 3rem;
  text-align: center;
}

.gform-body {
  font-family: "franklin-gothic-urw", sans-serif;
}

.gform_footer {
  display: flex;
  justify-content: center;
}

#gform_submit_button_1 {
  margin-top: -20px;
}

.privacy-policy {
  max-width: 128rem;
  margin: 0 auto;
  padding: 12rem 3rem;
}
.privacy-policy__header {
  font-weight: 700;
  color: #39814C;
}
.privacy-policy ul {
  list-style-type: disc;
  margin-left: 2rem;
  font-size: 2.4rem;
}
@media only screen and (min-width: 50em) {
  .privacy-policy ul {
    font-size: 2.6rem;
  }
}
.privacy-policy ul li::marker {
  font-size: 20px;
}
.privacy-policy p, .privacy-policy ul {
  margin-top: 4rem;
}
.privacy-policy li {
  margin-top: 2rem;
}
.privacy-policy ul, .privacy-policy li {
  font-family: "franklin-gothic-urw", sans-serif;
}

.faq {
  max-width: 128rem;
  margin: 0 auto;
  padding: 12rem 3rem;
}
.faq .headline {
  cursor: pointer;
  margin-top: 4rem;
}
.faq button {
  background-color: white;
}
.faq .question {
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  margin-top: 2rem;
}
.faq .question p {
  font-weight: 700;
}
.faq .question svg {
  margin-left: 1rem;
}
.faq .question.active {
  color: #39814C;
  transform: rotate(0deg);
}
.faq .question.active .rotate-arrow-question {
  transform: rotate(-180deg);
  transition: transform 0.3s ease;
}
.faq .question.active #svg-color-faq-dropdown-question {
  stroke: #39814C;
}
.faq .answer {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
}
.faq ol, .faq ul {
  font-size: 1.6rem;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 400;
  line-height: 2.4rem;
}
@media only screen and (min-width: 50em) {
  .faq ol, .faq ul {
    font-size: 2.6rem;
    line-height: 4rem;
  }
}
.faq ol li, .faq ul li {
  margin-left: 4rem;
}
.faq .arrow {
  display: inline-block;
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}
.faq .rotate {
  transform: rotate(-180deg);
}

.recipe-template {
  padding: 0 3rem;
}
.recipe-template--footer, .recipe-template--pagination {
  background-color: #F7F5F1;
}
.recipe-template--mobile {
  background-color: #F7F5F1;
  padding-top: 5rem;
}
@media only screen and (min-width: 50em) {
  .recipe-template--mobile {
    padding-top: 0rem;
  }
}
.recipe-template__container {
  background-color: #FFFFFF;
  max-width: 139rem;
  margin: 0 auto;
  padding: 4.5rem;
}
.recipe-template__container--footer {
  padding: 0;
}
.recipe-template__grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media screen and (min-width: 960px) {
  .recipe-template__grid {
    grid-template-columns: 1.2fr 1fr;
    gap: 4rem;
  }
}
.recipe-template__grid-item:nth-child(1) {
  order: 2;
  justify-content: center;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 960px) {
  .recipe-template__grid-item:nth-child(1) {
    order: 1;
  }
}
@media (min-width: 960px) and (max-width: 1200px) {
  .recipe-template__grid-item:nth-child(1) {
    max-width: 40rem;
  }
}
.recipe-template__grid-item:nth-child(2) {
  order: 1;
}
@media screen and (min-width: 960px) {
  .recipe-template__grid-item:nth-child(2) {
    order: 2;
  }
}
@media screen and (min-width: 1900px) {
  .recipe-template__grid-item:nth-child(2) {
    max-width: 64rem;
  }
}
@media (min-width: 600px) and (max-width: 960px) {
  .recipe-template__grid-item:nth-child(2) {
    display: flex;
    justify-content: center;
  }
}
.recipe-template .recipe-image {
  width: 64rem;
  max-width: 100%;
  height: auto;
  transform: translateY(-7rem);
}
@media (min-width: 600px) and (max-width: 960px) {
  .recipe-template .recipe-image {
    max-width: 70%;
  }
}
.recipe-template a {
  color: #39814C;
}
.recipe-template__print-button {
  align-items: center;
  display: flex;
}
.recipe-template__print-button .button {
  align-items: center;
  display: flex;
  gap: 2rem;
  padding: 1.2rem 4rem;
}
.recipe-template__socials {
  margin-top: 2.2rem;
  margin-bottom: 5rem;
  display: flex;
  gap: 4.3rem;
}
.recipe-template__details-container {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
}
@media only screen and (min-width: 50em) {
  .recipe-template__details-container-item {
    padding: 2rem;
  }
}
@media (min-width: 870px) and (max-width: 930px) {
  .recipe-template__details-container-item {
    padding: 1rem;
  }
}
@media (min-width: 800px) and (max-width: 870px) {
  .recipe-template__details-container-item {
    padding: 1rem;
  }
}
.recipe-template__details-container-item .top-item {
  color: #000000;
  font-weight: bold;
  white-space: nowrap;
}
@media only screen and (max-width: 37.5em) {
  .recipe-template__details-container-item .top-item {
    white-space: normal;
  }
}
.recipe-template__details-container-item .bottom-item {
  color: #000000;
  white-space: nowrap;
}
@media only screen and (max-width: 37.5em) {
  .recipe-template__details-container-item .bottom-item {
    white-space: normal;
  }
}
@media (min-width: 960px) and (max-width: 1175px) {
  .recipe-template__detail-content {
    margin-top: 4rem;
  }
}
.recipe-template__detail-content p:not(:first-child) {
  margin-top: 4rem;
}
.recipe-template__ingredients-list p {
  margin-top: 0 !important;
}
.recipe-template__detail-header {
  font-weight: bold;
  color: #39814C;
  text-transform: capitalize;
  margin-top: 2rem;
}
.recipe-template__detail-header--ingredients {
  margin: 4rem 0 2rem 0;
}
.recipe-template__details-container-item:nth-child(1) {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
}
.recipe-template__details-container-item:nth-child(2), .recipe-template__details-container-item:nth-child(3) {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  border-right: 1px solid gray;
}
.recipe-template__details-container-item:nth-child(4) {
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
}
.recipe-template .headline {
  margin-top: 0rem;
}
@media only screen and (min-width: 50em) {
  .recipe-template .headline {
    margin-top: 3rem;
  }
}
.recipe-template .button {
  margin-top: 5rem;
  margin-bottom: 4.5rem;
}
@media only screen and (min-width: 50em) {
  .recipe-template .button {
    margin-top: 5rem;
  }
}
.recipe-template__footer {
  background-color: #39814C;
}
.recipe-template__footer-content {
  display: flex;
  align-items: center;
  padding: 2.5rem 7rem;
  gap: 2rem;
}
@media only screen and (min-width: 50em) {
  .recipe-template__footer-content {
    padding: 4.8rem 11rem;
    gap: 4rem;
  }
}
@media screen and (min-width: 535px) {
  .recipe-template__footer-content {
    flex-direction: row;
  }
}
@media screen and (max-width: 535px) {
  .recipe-template__footer-content {
    flex-direction: column;
  }
}
.recipe-template__footer-content img {
  width: 5.7rem;
}
.recipe-template__footer-content a, .recipe-template__footer-content p {
  color: #FFFFFF;
}
.recipe-template__pagination-arrows {
  display: flex;
  justify-content: space-between;
  background-color: #F7F5F1;
  padding: 8.5rem 0;
}
.recipe-template__pagination-arrows .pagination-link {
  gap: 1rem;
  display: flex;
  align-items: center;
  font-family: "franklin-gothic-urw", sans-serif;
  font-weight: 500;
  font-size: 2.1rem;
}
@media only screen and (min-width: 50em) {
  .recipe-template__pagination-arrows .pagination-link {
    font-size: 2.6rem;
  }
}
.recipe-template__pagination-arrows img:nth-child(1) {
  transform: rotate(180deg);
}
.recipe-template .pagination-link {
  font-family: "franklin-gothic-urw", sans-serif;
}
.recipe-template .pagination-link a:nth-child(1) {
  text-align: right;
}
.recipe-template .pagination-link a:nth-child(2) {
  text-align: left;
}
.recipe-template .pagination-link img:nth-child(1) {
  margin-right: 10px;
}
.recipe-template .pagination-link img:nth-child(2) {
  margin-left: 10px;
}
@media screen and (max-width: 500px) {
  .recipe-template .pagination-link {
    font-size: 1.2rem;
  }
}
.recipe-template .breadcrumbs {
  background-color: #F7F5F1;
}

@media print {
  /* Hide the elements when printing */
  .exclude-from-print {
    display: none;
  }
  *:not(.exclude-from-print) {
    background-color: white;
    color: black;
  }
  *:not(.exclude-from-print) a {
    color: black;
  }
  *:not(.exclude-from-print) #recipe-template {
    padding-top: 0rem;
  }
}
.share {
  font-weight: bold;
  text-transform: uppercase;
  color: #39814C;
}

#recipe-template-myway {
  background-color: #F7F5F1;
  padding: 9rem 3rem 0 3rem;
}
@media only screen and (min-width: 50em) {
  #recipe-template-myway {
    padding-top: 19rem;
  }
}
#recipe-template-myway .recipe-template__grid-item .headline, #recipe-template-myway .recipe-template__grid-item .recipe-template__print-button {
  margin-bottom: 4rem;
}

#Recipe-Nutrition {
  display: none;
}

/* BEM Blocks */

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