@charset "UTF-8";
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, button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
  background-color: #ffffff;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

button {
  background-color: transparent;
  cursor: pointer;
}

fieldset {
  min-inline-size: auto;
}

@font-face {
  font-family: "dm-serif-displayitalic";
  src: url(/fonts/dmserifdisplay-italic-webfont.woff2?2529e80ccc7ba648a315c9ab1d48631c) format("woff2"), url(/fonts/dmserifdisplay-italic-webfont.woff?26b442d69c2b4793be6d423db6a4fa65) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "dm-serif-displayregular";
  src: url(/fonts/dmserifdisplay-regular-webfont.woff2?ec3cb9a9be1381798fbe7b4c2be0c41b) format("woff2"), url(/fonts/dmserifdisplay-regular-webfont.woff?b330a3798bf389aab7fa54fd8a8c456e) format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "nunito-sansbold";
  src: url(/fonts/nunitosans-bold-webfont.woff2?18017fc3d4f30f44b0ca6f34960b6dc2) format("woff2"), url(/fonts/nunitosans-bold-webfont.woff?f368c4505ee388a05e89cd54703ade4a) format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "nunito-sansbold-italic";
  src: url(/fonts/nunitosans-bolditalic-webfont.woff2?5f482805c4969202ef59f8897f933f25) format("woff2"), url(/fonts/nunitosans-bolditalic-webfont.woff?72d2f1c7516a944830633d595ad19401) format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "nunito-sansitalic";
  src: url(/fonts/nunitosans-italic-webfont.woff2?b5ba7a146d069970d1eef85b55b0b943) format("woff2"), url(/fonts/nunitosans-italic-webfont.woff?200ea519cd6971a7e3fe0cca98b7ef8b) format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "nunito-sansregular";
  src: url(/fonts/nunitosans-regular-webfont.woff2?165686e9667d1c0be2d4c1d0d7efc1ff) format("woff2"), url(/fonts/nunitosans-regular-webfont.woff?295c9f1779dbff240aa8c860ce984a54) format("woff");
  font-weight: normal;
  font-style: normal;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
body.modal-open, body.modal-open-nav {
  position: fixed;
  height: 100vh;
  width: 100vw;
  overflow-y: hidden;
}
@media (min-width: 1020px) {
  body.modal-open-nav {
    position: static;
    height: auto;
    width: auto;
    overflow-y: visible;
    padding-right: 0;
  }
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

* {
  box-sizing: inherit;
}
*:before, *:after {
  box-sizing: inherit;
}

*:focus {
  outline-color: #AA8708;
}

.site-name {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

body {
  font-family: "nunito-sansregular", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
}

img, video {
  max-width: 100%;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
  color: #1f2d3d;
}

h1, h2, .h1, .h2 {
  font-family: "dm-serif-displayregular", "Georgia", serif;
}

h1, .h1 {
  font-size: 2.2em;
  line-height: 2.7rem;
}
@media (min-width: 768px) {
  h1, .h1 {
    font-size: 2.62rem;
    line-height: 3.05rem;
  }
}

h2, .h2 {
  margin-bottom: 2rem;
  font-size: 1.8rem;
  line-height: 2.2rem;
}
@media (min-width: 768px) {
  h2, .h2 {
    font-size: 2.2rem;
    line-height: 2.6rem;
  }
}

h1 em, .h1 em, h2 em, .h2 em {
  font-family: "dm-serif-displayitalic", "Georgia", serif;
}

h3, .h3 {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  font-size: 1.13rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}

h4, .h4 {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  letter-spacing: 0.06rem;
  font-size: 1.4rem;
  line-height: 1.75rem;
  margin-bottom: 1rem;
}

h3 em, .h3 em, h4 em, .h4 em {
  font-family: "nunito-sansbold-italic", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
}

hr {
  border: none;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

hr.gold-divider {
  width: 80%;
  height: 2px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(170, 135, 8) 50%, rgba(255, 255, 255, 0) 100%);
}

a {
  color: #AA8708;
}

p, li, figcaption {
  font-family: "nunito-sansregular", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 1.15rem;
  line-height: 1.6rem;
  margin-bottom: 1.2rem;
  color: #1f2d3d;
}
@media (min-width: 768px) {
  p, li, figcaption {
    font-size: 1.18rem;
    line-height: 1.95rem;
  }
}

strong {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
}

em {
  font-family: "nunito-sansitalic", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  font-style: italic;
}

strong em, em strong {
  font-family: "nunito-sansbold-italic", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
}

u {
  text-decoration: underline;
}

.screen-reader-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.screen-reader-only.show-on-focus a:focus {
  position: static;
  width: auto;
  height: auto;
}
.screen-reader-only.show-on-focus:focus {
  position: static;
  width: auto;
  height: auto;
}

.general-logo {
  text-align: center;
  font-size: 1rem;
  line-height: 1rem;
}
.general-logo > a {
  display: block;
  color: #1f2d3d;
}
.general-logo > a, .general-logo svg {
  width: 230px;
  margin-left: auto;
  margin-right: auto;
}
.general-logo svg {
  margin-top: 3px;
  height: 34px;
}
.general-logo span {
  position: relative;
  width: 100%;
  font-size: 0.75rem;
  letter-spacing: 0.05rem;
  font-family: "nunito-sansregular", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  display: inline-block;
}
.general-logo span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #eddca6;
  width: 8px;
  height: 2px;
}
.general-logo span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #eddca6;
  width: 8px;
  height: 2px;
}

.page-heading-h2 {
  font-family: "dm-serif-displayregular", "Georgia", serif;
  text-transform: none;
  color: #1f2d3d;
  margin-bottom: 2rem;
  font-size: 1.8rem;
  line-height: 2.2rem;
  letter-spacing: 0.02rem;
}
@media (min-width: 768px) {
  .page-heading-h2 {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}

.above-title-tag, .little-tag {
  color: #846906;
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
}

.above-title-tag {
  font-size: 0.8rem;
  letter-spacing: 0.1rem;
  margin-bottom: 5px;
}

.little-tag {
  font-size: 0.75rem;
  letter-spacing: 0.07rem;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.article-grid-4 article a.little-tag {
  color: #AA8708;
  transition: color 0.3s ease;
}
.article-grid-4 article a.little-tag:hover {
  color: #6f5804;
}

p.little-tag {
  margin-bottom: 0;
}

.little-tag-divider {
  display: inline-block;
  background-color: #AA8708;
  height: 9px;
  width: 1px;
  transform: rotate(15deg);
  margin-right: 5px;
  margin-left: 5px;
}

.little-date {
  display: inline-block;
  font-family: "nunito-sansregular", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.07rem;
  text-transform: uppercase;
  color: grey;
}

.search-q {
  text-transform: capitalize;
}

.title-and-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 5rem;
}
@media (min-width: 768px) {
  .title-and-cta {
    margin-top: 0;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 5rem;
  }
}
.title-and-cta h2 {
  margin-bottom: 18px;
}
@media (min-width: 768px) {
  .title-and-cta h2 {
    margin-bottom: 0;
  }
}
.title-and-cta .arrow-link {
  font-size: 1.3rem;
}

.sidebar-title {
  font-family: "dm-serif-displayregular", "Georgia", serif;
  font-size: 1.5rem;
  line-height: 1.8rem;
  text-transform: none;
  letter-spacing: 0;
}

.nutrition-heading {
  font-size: 2rem;
  line-height: 2.3rem;
}
@media (min-width: 540px) {
  .nutrition-heading {
    font-size: 2.3rem;
    line-height: 2.7rem;
  }
}
@media (min-width: 1400px) {
  .nutrition-heading {
    font-size: 2.4rem;
    line-height: 2.9rem;
  }
}

.rounded-corners {
  border-radius: 12px;
}

.gold-ghost-background {
  position: relative;
}
.gold-ghost-background img {
  position: relative;
  z-index: 2;
}
.gold-ghost-background:after {
  content: "";
  background-color: #AA8708;
  border-radius: 12px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  right: -15px;
  bottom: -15px;
}

.beige-box, .blue-box, .gold-outline-box, .beige-box-border {
  border-radius: 12px;
  padding: 1.7rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .beige-box, .blue-box, .gold-outline-box, .beige-box-border {
    padding: 2.5rem;
  }
}
@media (min-width: 920px) {
  .beige-box, .blue-box, .gold-outline-box, .beige-box-border {
    margin-top: 3rem;
  }
}
.beige-box p:last-child, .beige-box li:last-child, .blue-box p:last-child, .blue-box li:last-child, .gold-outline-box p:last-child, .gold-outline-box li:last-child, .beige-box-border p:last-child, .beige-box-border li:last-child {
  margin-bottom: 0;
}
.beige-box h3, .blue-box h3, .gold-outline-box h3, .beige-box-border h3 {
  margin-top: 0 !important;
}

.beige-box {
  background-color: #faf5e6;
}

.beige-box-border {
  background-color: #faf5e6;
  border: 1px solid #AA8708;
}

.gold-outline-box {
  border: 1px solid #AA8708;
}

.article-text .gold-outline-box h2 {
  margin-top: 0;
}

.blue-box {
  background-color: #e4e5cd;
  margin-top: 2rem;
}
@media (min-width: 920px) {
  .blue-box {
    margin-top: 3rem;
  }
}
.blue-box h3 {
  color: #AA8708;
}

.article-text .blue-box h3 {
  margin-top: 0;
}

.main-btn, .main-btn-sm, .second-btn, .main-btn-lg, .spotlight-nutrition-btn, .black-btn {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.main-btn, .main-btn-sm, .main-btn-lg {
  background-color: #8E7106;
  color: #ffffff;
}
.main-btn.inactive, .main-btn-sm.inactive, .main-btn-lg.inactive {
  background-color: transparent;
  border: 1px solid #AA8708;
  color: #AA8708;
}
.main-btn:focus, .main-btn-sm:focus, .main-btn-lg:focus {
  outline-color: #1f2d3d;
}
.main-btn:hover, .main-btn-sm:hover, .main-btn-lg:hover {
  background-color: #6B5506;
}

.black-btn {
  background-color: #1f2d3d;
  color: #ffffff;
  border-radius: 12px;
}
.black-btn.inactive {
  background-color: transparent;
  border: 1px solid #1f2d3d;
  color: #ffffff;
}
.black-btn:focus {
  outline-color: #AA8708;
}
.black-btn:hover {
  background-color: #AA8708;
}

.main-btn, .second-btn, .black-btn {
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0.14rem;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 18px;
  padding-left: 18px;
}

.main-btn-lg, .black-btn {
  font-size: 0.85rem;
  line-height: 1rem;
  letter-spacing: 0.14rem;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 22px;
  padding-left: 22px;
  border-radius: 12px;
}

.main-btn-sm {
  font-size: 0.58rem;
  letter-spacing: 0.1rem;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 5px;
}
@media (min-width: 540px) {
  .main-btn-sm {
    font-size: 0.65rem;
    letter-spacing: 0.14rem;
  }
}

.second-btn {
  border: 1px solid #AA8708;
  border-radius: 12px;
  background-color: #faf5e6;
  color: #AA8708;
}
.second-btn:hover {
  background-color: #AA8708;
  color: #ffffff;
}

.spotlight-nutrition-btn {
  display: inline-block;
  font-size: 0.8rem;
  line-height: 1rem;
  letter-spacing: 0.14rem;
  border-radius: 12px;
  color: #ffffff;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-right: 20px;
  padding-left: 20px;
}

.form-one input.form-btn-one {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  text-align: center;
  background-color: #8E7106;
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  font-size: 0.85rem;
  line-height: 1rem;
  letter-spacing: 0.14rem;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 22px;
  padding-left: 22px;
  border: 1px solid #AA8708;
  border-radius: 12px;
}
.form-one input.form-btn-one.inactive {
  background-color: transparent;
  border: 1px solid #AA8708;
  color: #AA8708;
}
.form-one input.form-btn-one:focus {
  outline-color: #1f2d3d;
}
.form-one input.form-btn-one:hover {
  background-color: #6B5506;
}

.arrow-link {
  position: relative;
  display: inline-block;
  font-family: "nunito-sansregular", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 1.2rem;
  text-decoration: none;
  padding-right: 53px;
}
.arrow-link:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 30px;
  top: 58%;
  transform: translateY(-50%);
  right: 10px;
  transition: width 0.5s ease, right 0.5s ease;
}
.arrow-link:after {
  content: "";
  position: absolute;
  right: 0;
  top: 58%;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: right 0.5s ease;
}
.arrow-link.white {
  color: #ffffff;
}
.arrow-link.white:after {
  background-image: url("/images/icons/arrow-white.svg");
}
.arrow-link.white:before {
  background-color: #ffffff;
}
.arrow-link.off-black {
  color: #1f2d3d;
}
.arrow-link.off-black:after {
  background-image: url("/images/icons/arrow-off-black.svg");
}
.arrow-link.off-black:before {
  background-color: #1f2d3d;
}
.arrow-link.dark-green {
  color: #2a3718;
}
.arrow-link.dark-green:after {
  background-image: url("/images/icons/arrow-off-black.svg");
}
.arrow-link.dark-green:before {
  background-color: #2a3718;
}
.arrow-link:hover:before {
  width: 45px;
  right: -5px;
}
.arrow-link:hover:after {
  right: -15px;
}

.diet-icons-wrap {
  display: flex;
  justify-content: center;
  gap: 17px;
}

a.diet-icon-link {
  display: flex;
  align-items: center;
  margin-top: 10px;
  text-decoration: none;
}

.diet-icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-color: #e7d8b0;
  border-radius: 50%;
  margin-right: 7px;
  position: relative;
}
.diet-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55%;
  transform: translateY(-50%) translateX(-50%);
}

.beige-section {
  background-color: #faf5e6;
}

.beige-mobile-section {
  background-color: #faf5e6;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .beige-mobile-section {
    background-color: #ffffff;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}

.white-section {
  background-color: #ffffff;
}

.light-blue-section {
  background-color: #e4e5cd;
}

.section-special {
  border-radius: 12px;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.section-special .page-heading-h2 {
  margin-top: 0;
  margin-bottom: 2.5rem;
}

.grey-buffer-section {
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.dark-blue-section {
  background-color: #1f2d3d;
}

.orange-section {
  background-color: #f3e7de;
}

.shadow-nav {
  box-shadow: 0 10px 30px -6px rgba(0, 0, 0, 0.06);
}

.pagination {
  text-align: center;
}
.pagination li {
  margin-bottom: 0;
  display: inline-block;
  padding: 0.7rem;
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .pagination li {
    padding: 1.25rem;
    font-size: 1.5rem;
  }
}
.pagination li a {
  text-decoration: none;
}
.pagination li a:hover {
  text-decoration: underline;
}
.pagination .bookend-pagination {
  display: inline-block;
}
@media (min-width: 768px) {
  .pagination .bookend-pagination {
    font-size: 1.4rem;
  }
}

.form-one {
  background-color: #faf5e6;
  border-radius: 12px;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  padding-right: 1.2rem;
  padding-left: 1.2rem;
  margin-bottom: 4rem;
}
@media (min-width: 540px) {
  .form-one {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
.form-one input, .form-one textarea {
  padding: 8px 12px;
  font-family: "nunito-sansregular", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 1.07rem;
  line-height: 1.6rem;
  color: #1f2d3d;
  background-color: #ffffff;
  border: 1px solid #7e7e7e;
}
@media (min-width: 768px) {
  .form-one input, .form-one textarea {
    font-size: 1.12rem;
    line-height: 1.8rem;
  }
}
.form-one textarea, .form-one input {
  border-radius: 12px;
}
.form-one textarea {
  width: 100%;
  min-height: 200px;
  line-height: 2rem;
  padding: 0.8rem 1.2rem;
}
.form-one label, .form-one .rating-legend {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  color: #1f2d3d;
  display: block;
  margin-bottom: 0.8rem;
  font-size: 1.07rem;
}
.form-one .rating-legend {
  margin-bottom: 0;
}

@media (min-width: 540px) {
  .form-columns-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
@media (min-width: 768px) {
  .form-columns-2 {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
.form-columns-2 input {
  width: 100%;
}

.form-row {
  margin-bottom: 2.2rem;
}

.form-message {
  font-size: 0.9rem;
  line-height: 1.16rem;
}

.form-label-helper {
  font-size: 0.95rem;
  line-height: 1.16rem;
  margin-top: 0.5rem;
  color: #797979;
}

.form-with-intro .page-heading-h2 {
  margin-bottom: 0.5rem;
}
.form-with-intro .form-intro {
  font-size: 1rem;
  margin-bottom: 2rem;
  color: #797979;
}

a .subtle-img-zoom {
  overflow: hidden;
  border-radius: 12px;
}
a .subtle-img-zoom img {
  transition: transform 0.4s ease;
}
a .subtle-img-zoom:hover img {
  transform: scale(1.05);
}

.tooltip {
  position: relative;
}
.tooltip:hover .tooltiptext, .tooltip:focus .tooltiptext {
  visibility: visible;
}

.tooltiptext {
  visibility: hidden;
  background-color: #dfdfdf;
  border-radius: 12px;
  color: #1f2d3d;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: 3px;
  min-width: 100px;
  font-size: 0.85rem;
  letter-spacing: 0.04rem;
  line-height: 1rem;
}

.padded-section {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.padded-section-sm {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .padded-section-sm {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}

.margined-section {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.page-padding {
  margin-top: 3rem;
  margin-bottom: 4rem;
}
@media (min-width: 920px) {
  .page-padding {
    margin-bottom: 6rem;
  }
}
@media (min-width: 1400px) {
  .page-padding {
    margin-bottom: 9rem;
  }
}

.xs-site-container, .sm-site-container, .site-container, .article-container {
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 540px) {
  .xs-site-container, .sm-site-container, .site-container, .article-container {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}
@media (min-width: 768px) {
  .xs-site-container, .sm-site-container, .site-container, .article-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 3.5vw;
    padding-right: 3.5vw;
  }
}
@media (min-width: 1400px) {
  .xs-site-container, .sm-site-container, .site-container, .article-container {
    padding-left: 35px;
    padding-right: 35px;
  }
}

@media (min-width: 920px) {
  .xs-site-container {
    max-width: 900px;
  }
}

@media (min-width: 920px) {
  .sm-site-container {
    max-width: 1200px;
  }
}

@media (min-width: 920px) {
  .site-container {
    max-width: 1400px;
  }
}

@media (min-width: 920px) {
  .article-container {
    max-width: 1230px;
  }
}

@media (min-width: 540px) {
  .three-col-article {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }
}

@media (min-width: 920px) {
  .text-page-container {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 920px) {
  .text-page-main-section {
    max-width: 75%;
  }
}

@media (min-width: 1020px) {
  .main-nav {
    display: flex;
    align-items: center;
    height: 95px;
    position: relative;
  }
}

.logo {
  text-align: center;
  font-size: 1rem;
  line-height: 1rem;
}
@media (min-width: 1020px) {
  .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
.logo > a {
  display: block;
  color: #1f2d3d;
}
.logo > a, .logo svg {
  width: 168px;
}
@media (min-width: 375px) {
  .logo > a, .logo svg {
    width: 200px;
  }
}
@media (min-width: 768px) {
  .logo > a, .logo svg {
    width: 230px;
  }
}
.logo svg {
  margin-top: 3px;
  height: 25px;
}
@media (min-width: 375px) {
  .logo svg {
    height: 30px;
  }
}
@media (min-width: 768px) {
  .logo svg {
    height: 35px;
  }
}
.logo .site-tagline {
  position: relative;
  width: 100%;
  font-size: 0.61rem;
  letter-spacing: 0.05rem;
  font-family: "nunito-sansregular", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  display: inline-block;
}
@media (min-width: 768px) {
  .logo .site-tagline {
    font-size: 0.75rem;
  }
}
@media (min-width: 375px) {
  .logo .site-tagline:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #eddca6;
    width: 8px;
    height: 2px;
  }
}
@media (min-width: 375px) {
  .logo .site-tagline:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: #eddca6;
    width: 8px;
    height: 2px;
  }
}

.top-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 85px;
}
@media (min-width: 768px) {
  .top-nav {
    height: 95px;
  }
}
@media (min-width: 1020px) {
  .top-nav {
    order: 2;
    margin-bottom: 0;
    width: 50%;
    padding-top: 0;
    height: auto;
  }
}

.inner-nav {
  display: none;
}
@media (min-width: 1020px) {
  .inner-nav {
    display: block !important;
    order: 1;
    width: 50%;
  }
}
.inner-nav.open {
  display: block;
  padding-left: 17vw;
  position: fixed;
  top: 85px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 25;
  backface-visibility: hidden;
  background-color: #faf5e6;
  overflow-y: auto;
  max-height: 100vh;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
  .inner-nav.open {
    top: 95px;
  }
}
@media (min-width: 1020px) {
  .inner-nav.open {
    display: block;
    position: static;
    top: auto;
    left: auto;
    width: 50%;
    height: auto;
    z-index: 0;
    backface-visibility: visible;
    background-color: transparent;
    padding-left: 0;
    overflow-y: visible;
    max-height: none;
  }
}

.top-nav-item:nth-child(2) {
  text-align: center;
}
.top-nav-item:nth-child(3) {
  text-align: right;
}

.menu-links li {
  font-family: "nunito-sansregular", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 1.35em;
  margin-bottom: 2.5rem;
}
@media (min-width: 1020px) {
  .menu-links li {
    display: inline-block;
    font-size: 1.1em;
    margin-right: 1.3rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1160px) {
  .menu-links li {
    font-size: 1.15em;
    margin-right: 2.6rem;
  }
}
@media (min-width: 1400px) {
  .menu-links li {
    margin-right: 3rem;
  }
}
.menu-links li:first-child {
  padding-top: 3rem;
}
@media (min-width: 1020px) {
  .menu-links li:first-child {
    padding-top: 0;
  }
}
.menu-links a {
  text-decoration: none;
  color: #1f2d3d;
}
@media (min-width: 1020px) {
  .menu-links a {
    transition: color 0.2s ease;
  }
}
@media (min-width: 1020px) {
  .menu-links a:hover {
    color: #AA8708;
  }
}
.menu-links a.current-nav {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
}

.secondary-menu-links li {
  font-size: 1em;
  margin-bottom: 1.6rem;
}
@media (min-width: 1020px) {
  .secondary-menu-links {
    display: none;
  }
}

.menu-icon {
  width: 35px;
  height: 23px;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
@media (min-width: 768px) {
  .menu-icon {
    width: 45px;
  }
}
@media (min-width: 1020px) {
  .menu-icon {
    display: none;
    width: 50px;
  }
}
.menu-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #AA8708;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.2s ease-in-out;
}
.menu-icon span:nth-child(1) {
  top: 0px;
}
.menu-icon span:nth-child(2), .menu-icon span:nth-child(3) {
  top: 10px;
}
.menu-icon span:nth-child(4) {
  top: 20px;
}
.menu-icon.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}
.menu-icon.open span:nth-child(2) {
  transform: rotate(45deg);
}
.menu-icon.open span:nth-child(3) {
  transform: rotate(-45deg);
}
.menu-icon.open span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}
.nav-search input::-moz-placeholder {
  color: #395270;
  opacity: 1;
}
.nav-search input::placeholder {
  color: #395270;
  opacity: 1;
}

@media (min-width: 1020px) {
  .open-search-form {
    display: none;
  }
}
.open-search-form svg {
  width: 28px;
  height: 28px;
}

.nav-search {
  display: none;
}
@media (min-width: 1020px) {
  .nav-search {
    display: flex;
  }
}
.nav-search input {
  border-top: 0;
  border-bottom: 1px solid #AA8708;
  border-left: 0;
  border-right: 0;
  color: #1f2d3d;
  font-size: 0.9rem;
  width: 120px;
}
@media (min-width: 1160px) {
  .nav-search input {
    width: 165px;
  }
}
.nav-search input::-moz-placeholder {
  color: #395270;
  opacity: 1;
  font-size: 0.8rem;
  letter-spacing: 0.04rem;
  text-transform: uppercase;
}
.nav-search input::placeholder {
  color: #395270;
  opacity: 1;
  font-size: 0.8rem;
  letter-spacing: 0.04rem;
  text-transform: uppercase;
}
.nav-search button {
  border-bottom: 1px solid #AA8708;
  padding: 9px 16px;
}
.nav-search button svg {
  width: 20px;
  height: 20px;
}

.drawer-nav-social {
  margin-top: 2.5rem;
}
@media (min-width: 1020px) {
  .drawer-nav-social {
    display: none;
  }
}
.drawer-nav-social li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 0;
}
.drawer-nav-social svg {
  display: block;
  width: 19px;
  height: 19px;
}
.drawer-nav-social svg path, .drawer-nav-social svg circle {
  fill: #AA8708;
}

.top-nav-social {
  display: none;
}
@media (min-width: 1020px) {
  .top-nav-social {
    display: block;
  }
}
.top-nav-social li {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 0;
}
.top-nav-social li:first-child {
  margin-left: 30px;
}
.top-nav-social svg {
  display: block;
  width: 23px;
  height: 23px;
  padding: 3px;
}
.top-nav-social svg path, .top-nav-social svg circle {
  fill: #1f2d3d;
  transition: fill 0.3s ease;
}
.top-nav-social a:hover svg path, .top-nav-social a:hover svg circle {
  fill: #AA8708;
}

.top-nav-search-social {
  display: flex;
  align-items: center;
}

.search-modal-close {
  position: fixed;
  top: 0.5rem;
  right: 0.5rem;
  z-index: 27;
  font-size: 2rem;
  color: #AA8708;
  padding: 1rem;
}

.search-modal {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 26;
  height: 100%;
  width: 100%;
  background-color: #faf5e6;
}
.search-modal.open {
  display: block;
}

.search-modal-content {
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 375px) {
  .search-modal-content {
    width: 90vw;
  }
}
.search-modal-content h2 {
  color: #8E7106;
}

@media (min-width: 375px) {
  .search-modal-form {
    display: flex;
    align-items: stretch;
  }
}
.search-modal-form input {
  padding: 1rem;
  border: 1px solid #AA8708;
  font-size: 1rem;
  margin-bottom: 0.8rem;
  width: 80vw;
}
.search-modal-form input::-moz-placeholder {
  color: #395270;
  opacity: 1;
}
.search-modal-form input::placeholder {
  color: #395270;
  opacity: 1;
}
@media (min-width: 375px) {
  .search-modal-form input {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-bottom: 0;
    width: 100%;
  }
}
.search-modal-form button {
  color: #ffffff;
  background-color: #AA8708;
  padding: 1rem 1rem;
  width: 100%;
  text-transform: uppercase;
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 0.9rem;
  letter-spacing: 0.08rem;
}
@media (min-width: 375px) {
  .search-modal-form button {
    padding: 0 1.2rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    width: auto;
  }
}

.social-media-nav li {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
}
.social-media-nav svg {
  display: block;
  width: 20px;
  height: 20px;
}
.social-media-nav svg path, .social-media-nav svg circle {
  fill: #1f2d3d;
  transition: fill 0.25s ease;
}
.social-media-nav a:hover svg path, .social-media-nav a:hover svg circle {
  fill: #AA8708;
}

.article-text img {
  border-radius: 12px;
}
.article-text h2, .article-text h3, .article-text p, .article-text ul, .article-text ol, .article-text li, .article-text figure {
  margin-bottom: 1.2rem;
}
.article-text h4 {
  margin-bottom: 1rem;
}
.article-text h2, .article-text h3 {
  margin-top: 2rem;
}
@media (min-width: 920px) {
  .article-text h2, .article-text h3 {
    margin-top: 3rem;
  }
}
.article-text .related-nutrition h3 {
  margin-top: 0;
}
.article-text h2:first-child {
  margin-top: 0;
}
.article-text p {
  font-size: 1.2rem;
  line-height: 1.95rem;
}
@media (min-width: 768px) {
  .article-text p {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
@media (min-width: 1160px) {
  .article-text p {
    font-size: 1.32rem;
    line-height: 2.15rem;
  }
}
.article-text p:last-child {
  margin-bottom: 0;
}
.article-text a {
  text-decoration: none;
  color: #1f2d3d;
  background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff), linear-gradient(#AA8708, #AA8708);
  background-size: 0em 2px, 0em 2px, 1px 2px;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-position: 101% 95%, 101% 95%, 0% 103%;
  transition: color 0.2s ease;
}
.article-text a:hover {
  background-image: none;
  color: #AA8708;
}
.article-text figure.single-image {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 1160px) {
  .article-text figure.single-image {
    margin-top: 3.5rem;
  }
}
.article-text figcaption {
  font-family: "nunito-sansitalic", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  font-style: italic;
  font-size: 1.15rem;
  color: #797979;
  margin-top: 8px;
  text-align: right;
}
.article-text blockquote {
  position: relative;
  margin: 3.3rem 0 3rem 3rem;
}
@media (min-width: 540px) {
  .article-text blockquote {
    margin: 3rem 3rem 3rem 4rem;
  }
}
@media (min-width: 768px) {
  .article-text blockquote {
    margin: 3rem 5rem 3rem 6rem;
  }
}
@media (min-width: 920px) {
  .article-text blockquote {
    margin: 4rem 5rem 4rem 6rem;
  }
}
@media (min-width: 1160px) {
  .article-text blockquote {
    margin: 4rem 8rem;
  }
}
.article-text blockquote:before {
  content: "“";
  position: absolute;
  top: -7px;
  left: -43px;
  font-family: "dm-serif-displayregular", "Georgia", serif;
  font-size: 4.5rem;
}
@media (min-width: 540px) {
  .article-text blockquote:before {
    font-size: 6rem;
    top: -10px;
    left: -53px;
  }
}
.article-text blockquote p {
  margin-bottom: 0;
  font-family: "dm-serif-displayregular", "Georgia", serif;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0.03rem;
}
@media (min-width: 540px) {
  .article-text blockquote p {
    font-size: 1.6rem;
    line-height: 2.1rem;
  }
}
@media (min-width: 768px) {
  .article-text blockquote p {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
}
.article-text table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #cccccc;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.article-text table th {
  background-color: #e3e3e3;
  text-align: left;
}
.article-text table th p {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 1.2rem;
}
.article-text table th, .article-text table td {
  padding: 15px;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
@media (min-width: 670px) {
  .article-text table th, .article-text table td {
    padding: 25px;
  }
}
.article-text table th p, .article-text table td p {
  margin-bottom: 0;
}
.article-text table tr:nth-child(odd) {
  background-color: #f6f5f5;
}
.article-text ol {
  counter-reset: ol-counter;
}
.article-text ol li {
  counter-increment: ol-counter;
  position: relative;
}
.article-text ol li:before {
  content: counter(ol-counter) ".";
  color: #AA8708;
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  position: absolute;
  top: 0;
  left: 0;
}
.article-text ol li p {
  padding-left: 22px;
}
.article-text li ul, .article-text li ol {
  padding-left: 44px;
  counter-reset: none;
}
.article-text li ul li, .article-text li ol li {
  counter-increment: none;
}
.article-text li ul li:before, .article-text li ol li:before {
  content: "";
  height: 9px;
  width: 9px;
  border-radius: 50%;
  border: 1px solid #AA8708;
  top: 11px;
  background-image: none;
  margin-right: 0;
}
.article-text sup {
  display: inline-block;
  font-size: 0.75em;
  vertical-align: top;
  margin-top: -5px;
}
.article-text .more-recipes {
  margin-bottom: 3rem;
}
.article-text .more-recipes li p {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.13rem;
}
.article-text .more-recipes li, .article-text .more-recipes p {
  margin-bottom: 1.5rem;
}

.first-letter-article > p:first-child u {
  font-family: "dm-serif-displayregular", "Georgia", serif;
  font-size: 3em;
  text-decoration: none;
}

@media (min-width: 920px) {
  .last-article-item {
    margin-bottom: 7rem;
  }
}

.double-image {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 1160px) {
  .double-image {
    margin-top: 3.5rem;
  }
}
@media (min-width: 540px) {
  .double-image {
    display: flex;
  }
}
@media (min-width: 920px) {
  .double-image {
    margin-bottom: 3rem;
  }
}
.double-image figure {
  margin-bottom: 2rem;
}
@media (min-width: 540px) {
  .double-image figure {
    width: 50%;
    margin-bottom: 0;
  }
}
@media (min-width: 540px) {
  .double-image figure:first-child {
    margin-right: 0.4rem;
  }
}
@media (min-width: 768px) {
  .double-image figure:first-child {
    margin-right: 1rem;
  }
}
@media (min-width: 540px) {
  .double-image figure:last-child {
    margin-left: 0.4rem;
  }
}
@media (min-width: 768px) {
  .double-image figure:last-child {
    margin-left: 1rem;
  }
}
.double-image figcaption {
  margin-bottom: 0;
}

.arrow-list li, .article-text ul li {
  position: relative;
}
.arrow-list li:before, .article-text ul li:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url(/images/subtle-right-arrow-gold.svg?44efcb30757fd2b50ef36a82086b5195);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 7px;
}
.arrow-list li p, .article-text ul li p {
  padding-left: 22px;
}

.circle-ordered-list {
  counter-reset: circle-list-number;
}
.circle-ordered-list li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 2rem;
}
@media (min-width: 540px) {
  .circle-ordered-list li {
    padding-left: 57px;
  }
}
.circle-ordered-list li:before {
  content: "";
  display: inline-block;
  counter-increment: circle-list-number;
  content: counter(circle-list-number);
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 0.9rem;
  border-radius: 50%;
  background-color: #AA8708;
  color: #ffffff;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 540px) {
  .circle-ordered-list li:before {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 1rem;
  }
}

@media (min-width: 540px) {
  .two-column-text {
    -moz-columns: 2;
         columns: 2;
  }
}

.wine-and-drink-pairing .wine-and-drink-pairing-title {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.06rem;
  font-size: 1.23rem;
  line-height: 1.5rem;
  margin-bottom: 1.5rem;
}
.wine-and-drink-pairing h3 {
  font-size: 1.2rem;
  text-transform: none;
  margin-bottom: 0;
  letter-spacing: 0.03rem;
}

.default-article-header {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1160px) {
  .default-article-header {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

.default-article-header-inner {
  text-align: center;
}
@media (min-width: 920px) {
  .default-article-header-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    align-items: center;
  }
}
@media (min-width: 1160px) {
  .default-article-header-inner {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
}

.default-article-header-text {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .default-article-header-text {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 920px) {
  .default-article-header-text {
    max-width: none;
  }
}
.default-article-header-text h1 {
  margin-bottom: 1rem;
}
@media (min-width: 920px) {
  .default-article-header-text h1 {
    font-size: 2.22rem;
    line-height: 2.75rem;
  }
}
@media (min-width: 1160px) {
  .default-article-header-text h1 {
    font-size: 2.62rem;
    line-height: 3.2rem;
  }
}
.default-article-header-text .little-tag {
  margin-bottom: 0.5rem;
}

.recipe-article-header {
  margin-bottom: 3rem;
}
.recipe-article-header .excerpt p {
  font-size: 1.25rem;
  line-height: 1.5em;
}
@media (min-width: 1160px) {
  .recipe-article-header .excerpt p {
    font-size: 1.3rem;
    line-height: 1.55em;
  }
}
.recipe-article-header .little-tag {
  font-size: 0.7rem;
  margin-bottom: 0.7rem;
}
@media (min-width: 768px) {
  .recipe-article-header .little-tag {
    font-size: 0.75rem;
  }
}
.recipe-article-header h1 {
  margin-bottom: 0.5rem;
}
@media (min-width: 920px) {
  .recipe-article-header h1 {
    font-size: 2.22rem;
    line-height: 2.75rem;
  }
}
@media (min-width: 1160px) {
  .recipe-article-header h1 {
    max-width: 88%;
  }
}
.recipe-article-header .diet-icons-wrap {
  margin-bottom: 2.1rem;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.recipe-article-header .diet-icon-link p {
  margin-bottom: 0;
  font-size: 0.95rem;
}
@media (min-width: 1400px) {
  .recipe-article-header .diet-icon-link p {
    font-size: 1rem;
  }
}
.recipe-article-header .jump-to-recipe {
  text-decoration: none;
  font-size: 0.9rem;
  letter-spacing: 0.03rem;
  border: 1px solid #1f2d3d;
  padding: 7px 14px;
  color: #1f2d3d;
  border-radius: 7px;
}
@media (min-width: 920px) {
  .recipe-article-header .jump-to-recipe {
    font-size: 1.18rem;
    letter-spacing: 0.03rem;
    border: 0;
    padding: 0 0;
    color: #846906;
    border-radius: 0;
  }
}
.recipe-article-header .jump-to-recipe svg {
  vertical-align: middle;
}
@media (min-width: 920px) {
  .recipe-article-header .jump-to-recipe svg {
    width: 9px;
    height: 16px;
  }
}
.recipe-article-header .jump-to-recipe svg path {
  fill: #1f2d3d;
}
@media (min-width: 920px) {
  .recipe-article-header .jump-to-recipe svg path {
    fill: #AA8708;
  }
}
.recipe-article-header .jump-to-recipe svg polyline {
  stroke: #1f2d3d;
}
@media (min-width: 920px) {
  .recipe-article-header .jump-to-recipe svg polyline {
    stroke: #AA8708;
  }
}
.recipe-article-header .jump-to-and-recipe-icons {
  display: flex;
  flex-wrap: wrap;
}
.recipe-article-header .jump-to-and-recipe-icons .jump-to-recipe-block {
  width: 100%;
}
@media (min-width: 920px) {
  .recipe-article-header .jump-to-and-recipe-icons .jump-to-recipe-block {
    order: 1;
  }
}
@media (min-width: 920px) {
  .recipe-article-header .jump-to-and-recipe-icons .diet-icons-wrap {
    order: 2;
  }
}
.recipe-article-header .recipe-article-header-text {
  margin-bottom: 3rem;
}
.recipe-article-header .recipe-article-header-img {
  margin-bottom: 1.2rem;
}
@media (min-width: 920px) {
  .recipe-article-header .recipe-article-header-img {
    margin-bottom: 0rem;
  }
}
@media (min-width: 920px) {
  .recipe-article-header .jump-to-recipe-block {
    margin-bottom: 1rem;
  }
}

@media (min-width: 920px) {
  .recipe-article-header-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
@media (min-width: 1160px) {
  .recipe-article-header-inner {
    align-items: center;
  }
}
@media (min-width: 1400px) {
  .recipe-article-header-inner {
    -moz-column-gap: 0rem;
         column-gap: 0rem;
  }
}

@media (min-width: 920px) {
  .recipe-article-header-img {
    order: 1;
  }
}
@media (min-width: 1400px) {
  .recipe-article-header-img {
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 920px) {
  .recipe-article-header-text {
    order: 2;
  }
}
@media (min-width: 1400px) {
  .recipe-article-header-text {
    max-width: 550px;
    margin-right: auto;
  }
}

@media (min-width: 920px) {
  .recipe-grid {
    display: grid;
    grid-template-columns: auto 300px;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
}
@media (min-width: 1160px) {
  .recipe-grid {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}
@media (min-width: 1400px) {
  .recipe-grid {
    -moz-column-gap: 6rem;
         column-gap: 6rem;
  }
}
.recipe-grid .article-text {
  margin-bottom: 3rem;
}

.about-sidebar {
  text-align: center;
  margin-bottom: 2rem;
}
.about-sidebar img {
  display: block;
  border-radius: 50%;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  outline: 1px solid #faf5e6;
  outline-offset: -6px;
}
.about-sidebar .main-btn-sm {
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 1.7rem;
}
.about-sidebar .social-media-nav li {
  margin-bottom: 0;
}

.about-sidebar-description {
  position: relative;
  padding-top: 1.6rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 2rem;
}
.about-sidebar-description:after {
  content: "";
  background-color: #faf5e6;
  border-radius: 12px;
  border: 1px solid #AA8708;
  position: absolute;
  top: -55px;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.about-sidebar-description p {
  font-size: 1.08rem;
  line-height: 1.5rem;
}
.about-sidebar-description p:last-child {
  margin-bottom: 0;
}
.about-sidebar-description a {
  display: inline-block;
}

.about-img-link {
  display: block;
}
.about-img-link img {
  transition: box-shadow 0.2s;
}
.about-img-link:hover img {
  box-shadow: 0px 3px 20px 2px rgba(0, 0, 0, 0.3);
}

.newsletter-sidebar {
  background-color: #e4e5cd;
  border-radius: 12px;
  border: 1px solid #2a3718;
  padding-top: 3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
}
.newsletter-sidebar .sidebar-title {
  color: #2a3718;
  margin-bottom: 2rem;
  border-bottom: 2px solid #AA8708;
  padding-bottom: 0.3rem;
}
@media (min-width: 920px) {
  .newsletter-sidebar .sidebar-title {
    border-bottom: 0;
    padding-bottom: 0;
  }
}
.newsletter-sidebar .form-message {
  color: #2a3718;
  margin-bottom: 0;
  margin-top: 0.8rem;
}
.newsletter-sidebar #sib-container {
  max-width: 400px;
}
@media (min-width: 920px) {
  .newsletter-sidebar #sib-container {
    max-width: none;
  }
}

.recipe-categories {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.recipe-categories .main-btn-sm {
  display: inline-block;
  margin-right: 0.7rem;
  margin-bottom: 0.7rem;
}

.cta-make-recipe-wrap {
  background-color: #faf5e6;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  border-radius: 12px;
}
@media (min-width: 540px) {
  .cta-make-recipe-wrap {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-right: 3rem;
    padding-left: 3rem;
  }
}

.cta-make-recipe {
  text-align: center;
}
@media (min-width: 540px) {
  .cta-make-recipe {
    display: grid;
    -moz-column-gap: 1.9rem;
         column-gap: 1.9rem;
    grid-template-columns: auto 5fr;
    align-items: center;
    text-align: left;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
  }
}
.cta-make-recipe svg {
  width: 45px;
  height: 45px;
  margin-bottom: 1.2rem;
}
@media (min-width: 540px) {
  .cta-make-recipe svg {
    margin-bottom: 0;
    width: 55px;
    height: 55px;
    margin-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .cta-make-recipe svg {
    width: 65px;
    height: 65px;
  }
}
.cta-make-recipe h4 {
  margin-bottom: 0.5rem;
}
.cta-make-recipe a {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
}
.cta-make-recipe p {
  margin-bottom: 0;
}

.comments {
  margin-bottom: 3rem;
}
.comments > li {
  border-bottom: 1px solid #AA8708;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
}
.comments > li:last-child {
  border-bottom: none;
}
.comments time {
  display: block;
}
.comments .display-recipe-rating {
  margin-top: 0.4rem;
}

.comment-article p:last-child {
  margin-bottom: 0;
}

.comment-author {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  margin-bottom: 0;
}

.comment-date {
  color: #AA8708;
  font-size: 0.95rem;
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
}

.the-comment {
  margin-top: 0.5rem;
}

.comment-reply {
  margin-top: 2.5rem;
  margin-left: 1rem;
  background-color: #faf5e6;
  border-radius: 12px;
  padding: 2rem;
}

.star-rating-in-form {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border: 0;
  padding: 0;
  /* When hovering on a star, fill it and all previous stars */
  /* When a radio is checked, fill it and all previous */
}
.star-rating-in-form legend {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  color: #1f2d3d;
  display: block;
  margin-bottom: 0.8rem;
  font-size: 1.07rem;
}
.star-rating-in-form .star-rating-elements {
  display: inline-flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-top: 4px;
}
.star-rating-in-form input[type=radio] {
  display: none;
}
.star-rating-in-form label {
  cursor: pointer;
  margin: 0 3px;
}
.star-rating-in-form label svg {
  width: 20px;
  height: 20px;
  stroke: #1f2d3d;
  stroke-width: 2;
  fill: none;
  transition: fill 0.2s ease;
}
.star-rating-in-form label:hover svg polygon, .star-rating-in-form label:hover ~ label svg polygon {
  fill: #1f2d3d;
}
.star-rating-in-form input[type=radio]:checked ~ label svg polygon {
  fill: #1f2d3d;
}

.star-def-svg {
  display: block;
}

.star-fill {
  fill: none;
}

.display-recipe-rating .rating-star {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 4px;
}
.display-recipe-rating svg {
  vertical-align: top;
}

.display-recipe-rating-1 .rating-star-one polygon {
  fill: #AA8708;
}

.display-recipe-rating-2 .rating-star-one polygon, .display-recipe-rating-2 .rating-star-two polygon {
  fill: #AA8708;
}

.display-recipe-rating-3 .rating-star-one polygon, .display-recipe-rating-3 .rating-star-two polygon, .display-recipe-rating-3 .rating-star-three polygon {
  fill: #AA8708;
}

.display-recipe-rating-4 .rating-star-one polygon, .display-recipe-rating-4 .rating-star-two polygon, .display-recipe-rating-4 .rating-star-three polygon, .display-recipe-rating-4 .rating-star-four polygon {
  fill: #AA8708;
}

.display-recipe-rating-5 .rating-star-one polygon, .display-recipe-rating-5 .rating-star-two polygon, .display-recipe-rating-5 .rating-star-three polygon, .display-recipe-rating-5 .rating-star-four polygon, .display-recipe-rating-5 .rating-star-five polygon {
  fill: #AA8708;
}

.display-recipe-rating-1-5 .rating-star-one .star-fill {
  fill: #AA8708;
}
.display-recipe-rating-1-5 .rating-star-two .star-fill {
  fill: url(#half-fill-star);
}

.display-recipe-rating-2-5 .rating-star-one .star-fill, .display-recipe-rating-2-5 .rating-star-two .star-fill {
  fill: #AA8708;
}
.display-recipe-rating-2-5 .rating-star-three .star-fill {
  fill: url(#half-fill-star);
}

.display-recipe-rating-3-5 .rating-star-one .star-fill, .display-recipe-rating-3-5 .rating-star-two .star-fill, .display-recipe-rating-3-5 .rating-star-three .star-fill {
  fill: #AA8708;
}
.display-recipe-rating-3-5 .rating-star-four .star-fill {
  fill: url(#half-fill-star);
}

.display-recipe-rating-4-5 .rating-star-one .star-fill, .display-recipe-rating-4-5 .rating-star-two .star-fill, .display-recipe-rating-4-5 .rating-star-three .star-fill, .display-recipe-rating-4-5 .rating-star-four .star-fill {
  fill: #AA8708;
}
.display-recipe-rating-4-5 .rating-star-five .star-fill {
  fill: url(#half-fill-star);
}

.recipe-card-header .display-recipe-rating {
  margin-top: 0.7rem;
  margin-left: -0.45rem;
  margin-bottom: 0.4rem;
}
@media (min-width: 595px) {
  .recipe-card-header .display-recipe-rating {
    text-align: right;
    margin-bottom: 0rem;
  }
}
@media (min-width: 768px) {
  .recipe-card-header .display-recipe-rating {
    margin-bottom: 0.1rem;
  }
}
.recipe-card-header .display-recipe-rating svg {
  width: 20px;
  height: 20px;
}
@media (min-width: 595px) {
  .recipe-card-header .display-recipe-rating svg {
    width: 16px;
    height: 16px;
  }
}
@media (min-width: 768px) {
  .recipe-card-header .display-recipe-rating svg {
    width: 20px;
    height: 20px;
  }
}
.recipe-card-header .display-recipe-rating span {
  margin-right: 0;
  margin-left: 7px;
}
@media (min-width: 595px) {
  .recipe-card-header .display-recipe-rating span {
    margin-left: 3px;
  }
}
@media (min-width: 768px) {
  .recipe-card-header .display-recipe-rating span {
    margin-left: 7px;
  }
}
.recipe-card-header p.recipe-card-rating-note {
  margin-bottom: 0;
}

.recipe-card {
  background-color: #fcf8ef;
  border: 1px solid #AA8708;
  border-radius: 12px;
  padding: 1.5rem;
}
@media (min-width: 540px) {
  .recipe-card {
    padding: 3.5vw;
  }
}
@media (min-width: 920px) {
  .recipe-card {
    padding: 2rem;
  }
}
@media (min-width: 1400px) {
  .recipe-card {
    padding: 2.5rem;
  }
}

.recipe-card-header {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 2rem;
}
@media (min-width: 595px) {
  .recipe-card-header {
    grid-template-columns: 1fr 0.3fr;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
}
@media (min-width: 540px) {
  .recipe-card-header {
    margin-bottom: 3rem;
  }
}
@media (min-width: 920px) {
  .recipe-card-header {
    grid-template-columns: 1fr 0.35fr;
  }
}
@media (min-width: 1400px) {
  .recipe-card-header {
    grid-template-columns: 1fr 0.3fr;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}
@media (min-width: 595px) {
  .recipe-card-header .left {
    order: 2;
  }
}
@media (min-width: 595px) {
  .recipe-card-header .right {
    order: 1;
  }
}
.recipe-card-header .right p:last-child {
  margin-bottom: 0;
}

.recipe-card-title {
  font-size: 2.1rem;
  line-height: 2.5rem;
  margin-bottom: 0.7rem;
  margin-top: 1.2rem;
}
@media (min-width: 595px) {
  .recipe-card-title {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .recipe-card-title {
    font-size: 2.32rem;
    line-height: 3.05rem;
  }
}

.recipe-card-second-title {
  font-family: "dm-serif-displayregular", "Georgia", serif;
  font-size: 2rem;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 2.5rem;
}

.recipe-card-third-title {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 1.13rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
}

.recipe-card-taxonomy {
  margin-bottom: 0.3rem;
}
.recipe-card-taxonomy span:after {
  content: ", ";
}
.recipe-card-taxonomy span:last-child:after {
  content: none;
}

.recipe-info-grid {
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 0.5rem;
}
@media (min-width: 540px) {
  .recipe-info-grid {
    display: flex;
    flex-wrap: wrap;
    row-gap: 2rem;
    -moz-column-gap: 2%;
         column-gap: 2%;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1160px) {
  .recipe-info-grid {
    justify-content: space-between;
  }
}

.recipe-card-info-group {
  position: relative;
  padding-left: 45px;
  width: 100%;
  margin-bottom: 2rem;
}
.recipe-card-info-group:last-child {
  margin-bottom: 0;
}
@media (min-width: 540px) {
  .recipe-card-info-group {
    margin-bottom: 0;
    width: 48%;
  }
}
@media (min-width: 1160px) {
  .recipe-card-info-group {
    width: auto;
  }
}
.recipe-card-info-group:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #e7d8b0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 55%;
}
.recipe-card-info-group.food:before {
  background-image: url(/images/food.svg?3d87f5bc4e5042abe5c2be73bd4cc24f);
}
.recipe-card-info-group.bowl:before {
  background-image: url(/images/ramen.svg?f4cac2ff812aa2c406a88e80dec3b025);
}
.recipe-card-info-group.pot:before {
  background-image: url(/images/cooking.svg?85df0dd186fd5b19718545d2b5d483c5);
}
.recipe-card-info-group.time:before {
  background-image: url(/images/time.svg?ae247104bd2b87567bf68db51100012a);
}
.recipe-card-info-group h5 {
  text-transform: uppercase;
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 0.85rem;
  line-height: 1rem;
  letter-spacing: 0.1em;
  margin-bottom: 0.15rem;
}

.recipe-card-info-group p, .recipe-info-soak p {
  font-size: 1rem;
  line-height: 1rem;
  margin-bottom: 0;
}

.recipe-card-top-ctas {
  margin-top: 1.5rem;
}
.recipe-card-top-ctas button, .recipe-card-top-ctas a {
  display: inline-block;
  width: 100%;
  height: 42px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.7rem;
}
@media (min-width: 413px) {
  .recipe-card-top-ctas button, .recipe-card-top-ctas a {
    width: 162px;
  }
}
@media (min-width: 768px) {
  .recipe-card-top-ctas button, .recipe-card-top-ctas a {
    width: 173px;
  }
}
@media (min-width: 920px) {
  .recipe-card-top-ctas button, .recipe-card-top-ctas a {
    width: 195px;
  }
}
@media (min-width: 970px) {
  .recipe-card-top-ctas button, .recipe-card-top-ctas a {
    width: 173px;
  }
}
.recipe-card-top-ctas svg, .recipe-card-top-ctas span {
  vertical-align: middle;
}
.recipe-card-top-ctas svg {
  margin-right: 3px;
}
@media (min-width: 768px) {
  .recipe-card-top-ctas svg {
    margin-right: 8px;
  }
}
.recipe-card-top-ctas svg path {
  fill: #ffffff;
}
.recipe-card-top-ctas .rctc-print {
  margin-right: 0.3rem;
  margin-bottom: 1rem;
}
@media (min-width: 413px) {
  .recipe-card-top-ctas .rctc-print {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .recipe-card-top-ctas .rctc-print {
    margin-right: 0.7rem;
  }
}
@media (min-width: 920px) {
  .recipe-card-top-ctas .rctc-print {
    margin-bottom: 1rem;
  }
}
@media (min-width: 970px) {
  .recipe-card-top-ctas .rctc-print {
    margin-bottom: 0;
  }
}
.recipe-card-top-ctas .rctc-print svg {
  width: 25px;
  height: 22.5px;
}
.recipe-card-top-ctas .rctc-pin svg {
  width: 18px;
  height: 18px;
}

.recipe-info-soak {
  margin-bottom: 3rem;
}
@media (min-width: 540px) {
  .recipe-info-soak {
    text-align: right;
    margin-top: -2.5rem;
    margin-bottom: 3rem;
  }
}
.recipe-info-soak p {
  font-family: "nunito-sansbold-italic", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  color: #797979;
}

.ingredient-note {
  color: #797979;
}

.recipe-tips {
  border-radius: 12px;
  background-color: #f2e4bc;
  padding: 1.5rem;
  margin-top: 3.5rem;
}
@media (min-width: 540px) {
  .recipe-tips {
    padding: 2rem;
  }
}

.recipe-card-rating-note {
  font-size: 0.92rem;
}
@media (min-width: 595px) {
  .recipe-card-rating-note {
    text-align: right;
  }
}

.ingredients {
  margin-top: 2.5rem;
}
.ingredients ul {
  margin-bottom: 2.5rem;
}

a.related-nutrition-link {
  color: #1f2d3d;
  text-decoration: none;
}

.related-nutrition-link:hover img {
  transform: scale(1.1);
}

.related-nutrition {
  margin-top: 3rem;
  border-radius: 12px;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
  padding-right: 1.2rem;
  padding-left: 1.2rem;
}
@media (min-width: 540px) {
  .related-nutrition {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-right: 3rem;
    padding-left: 3rem;
  }
}
@media (min-width: 768px) {
  .related-nutrition {
    display: grid;
  }
}
@media (min-width: 920px) {
  .related-nutrition {
    display: block;
  }
}
@media (min-width: 1160px) {
  .related-nutrition {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.related-nutrition .page-heading-h2 {
  margin-bottom: 0.5rem;
}
.related-nutrition img {
  display: block;
  width: 85%;
  max-width: 350px;
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  transition: 0.5s transform;
}

@media (min-width: 375px) {
  .recipe-faq {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 540px) {
  .recipe-faq {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}
.recipe-faq h3 {
  position: relative;
  padding-left: 22px;
}
.recipe-faq h3::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px;
  height: 15px;
  background-image: url(/images/subtle-right-arrow-gold.svg?44efcb30757fd2b50ef36a82086b5195);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 7px;
}

.recipe-carousel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 3rem;
}
@media (min-width: 375px) {
  .recipe-carousel {
    -moz-column-gap: 4%;
         column-gap: 4%;
  }
}
@media (min-width: 920px) {
  .recipe-carousel {
    -moz-column-gap: 3%;
         column-gap: 3%;
  }
}
@media (min-width: 375px) {
  .recipe-carousel article {
    width: 48%;
  }
}
@media (min-width: 920px) {
  .recipe-carousel article {
    width: 22.75%;
  }
}
.recipe-carousel .recipe-article-card h3 {
  font-size: 1.3rem;
  line-height: 1.6rem;
}
@media (min-width: 375px) {
  .recipe-carousel .recipe-article-card h3 {
    font-size: 1.15rem;
    line-height: 1.4rem;
  }
}
@media (min-width: 540px) {
  .recipe-carousel .recipe-article-card h3 {
    font-size: 1.35rem;
    line-height: 1.6rem;
  }
}
@media (min-width: 768px) {
  .recipe-carousel .recipe-article-card h3 {
    font-size: 1.45rem;
    line-height: 1.6rem;
  }
}
@media (min-width: 920px) {
  .recipe-carousel .recipe-article-card h3 {
    font-size: 1.2rem;
    line-height: 1.35rem;
  }
}
@media (min-width: 1160px) {
  .recipe-carousel .recipe-article-card h3 {
    font-size: 1.45rem;
    line-height: 1.85rem;
  }
}
@media (min-width: 375px) {
  .recipe-carousel .little-tag {
    font-size: 0.65rem;
  }
}
@media (min-width: 540px) {
  .recipe-carousel .little-tag {
    font-size: 0.75rem;
  }
}
@media (min-width: 768px) {
  .recipe-carousel .little-tag {
    font-size: 0.65rem;
  }
}
@media (min-width: 1160px) {
  .recipe-carousel .little-tag {
    font-size: 0.75rem;
  }
}
@media (min-width: 375px) {
  .recipe-carousel .diet-icon {
    width: 22px;
    height: 22px;
  }
}
@media (min-width: 540px) {
  .recipe-carousel .diet-icon {
    width: 28px;
    height: 28px;
  }
}
@media (min-width: 768px) {
  .recipe-carousel .diet-icon {
    width: 22px;
    height: 22px;
  }
}
@media (min-width: 920px) {
  .recipe-carousel .diet-icon {
    width: 28px;
    height: 28px;
  }
}

.square-carousel {
  display: grid;
  row-gap: 3rem;
}
@media (min-width: 375px) {
  .square-carousel {
    grid-template-columns: 48% 48%;
    -moz-column-gap: 4%;
         column-gap: 4%;
  }
}
@media (min-width: 768px) {
  .square-carousel {
    grid-template-columns: 22.75% 22.75% 22.75% 22.75%;
    -moz-column-gap: 3%;
         column-gap: 3%;
  }
}
@media (min-width: 1160px) {
  .square-carousel {
    grid-template-columns: 25% 25% 25% 25%;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.square-carousel h3 {
  transition: color 0.3s;
  margin-bottom: 0;
  font-size: 1.05rem;
  letter-spacing: 0.04rem;
}
@media (min-width: 375px) {
  .square-carousel h3 {
    font-size: 0.9rem;
    line-height: 1.3rem;
  }
}
@media (min-width: 1160px) {
  .square-carousel h3 {
    font-size: 1.05rem;
    line-height: 1.5rem;
  }
}
.square-carousel a {
  text-decoration: none;
}
@media (min-width: 1160px) {
  .square-carousel a {
    display: block;
    height: 100%;
    border-radius: 12px;
    padding: 1rem;
    transition: background-color 0.4s;
  }
}
@media (min-width: 1160px) {
  .square-carousel a:hover {
    background-color: #AA8708;
  }
}
@media (min-width: 1160px) {
  .square-carousel a:hover h3 {
    color: #ffffff;
  }
}
.square-carousel img {
  display: block;
  margin-bottom: 1rem;
  border-radius: 12px;
}

.recipe-article-card {
  text-align: center;
}
@media (min-width: 1160px) {
  .recipe-article-card {
    margin-bottom: 0;
  }
}
.recipe-article-card .rac-img-link, .recipe-article-card .rac-header-link {
  display: block;
}
.recipe-article-card .rac-header-link {
  text-decoration: none;
  color: #1f2d3d;
}
.recipe-article-card .rac-header-link:hover h3 {
  color: #6b5505;
}
.recipe-article-card .rac-img-link {
  margin-bottom: 16px;
}
.recipe-article-card .rac-main-btn-wrap {
  display: inline-block;
  margin-bottom: 5px;
}
.recipe-article-card .rac-main-btn-wrap .little-tag {
  padding-right: 2px;
  padding-left: 2px;
}
.recipe-article-card h3, .recipe-article-card .h3 {
  font-size: 1.3rem;
  line-height: 1.4rem;
}

.recipe-article-card h3, .article-grid-4 article h3, .recipe-article-card .h3, .article-grid-4 article .h3 {
  font-family: "dm-serif-displayregular", "Georgia", serif;
  text-transform: none;
  letter-spacing: normal;
  margin-bottom: 0;
  transition: color 0.2s ease;
}

.recipe-article-card h3, .recipe-article-card .rac-main-btn-wrap, .article-grid-4 article h3, .recipe-article-card .h3, .article-grid-4 article .h3 {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 920px) {
  .recipe-article-card h3, .recipe-article-card .rac-main-btn-wrap, .article-grid-4 article h3, .recipe-article-card .h3, .article-grid-4 article .h3 {
    width: 85%;
  }
}

.article-grid-4 article h3, .article-grid-4 article .h3 {
  margin-bottom: 0.3rem;
}

.homepage-top-recipes {
  padding-top: 2rem;
}
@media (min-width: 920px) {
  .homepage-top-recipes {
    padding-top: 3rem;
  }
}
@media (min-width: 1160px) {
  .homepage-top-recipes {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
.homepage-top-recipes .recipe-article-card h3, .homepage-top-recipes .recipe-article-card .h3 {
  font-size: 1.3rem;
  line-height: 1.6rem;
  margin-bottom: 5px;
}
@media (min-width: 375px) {
  .homepage-top-recipes .recipe-article-card h3, .homepage-top-recipes .recipe-article-card .h3 {
    font-size: 1.4rem;
    line-height: 1.7rem;
  }
}
@media (min-width: 768px) {
  .homepage-top-recipes .recipe-article-card h3, .homepage-top-recipes .recipe-article-card .h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 1160px) {
  .homepage-top-recipes .recipe-article-card h3, .homepage-top-recipes .recipe-article-card .h3 {
    font-size: 1.5rem;
    line-height: 1.9rem;
  }
}
.homepage-top-recipes .little-tag {
  margin-bottom: 2px;
}
@media (min-width: 540px) {
  .homepage-top-recipes .rac-img, .homepage-top-recipes h3, .homepage-top-recipes .h3 {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .homepage-top-recipes .rac-img, .homepage-top-recipes h3, .homepage-top-recipes .h3 {
    max-width: none;
  }
}

.homepage-top-recipes-item-wrap {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .homepage-top-recipes-item-wrap {
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
@media (min-width: 1400px) {
  .homepage-top-recipes-item-wrap {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
  }
}

.trending-recipes {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.four-recipe-block {
  counter-reset: article-card-counter;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 4rem;
}
@media (min-width: 375px) {
  .four-recipe-block {
    row-gap: 3rem;
  }
}
@media (min-width: 540px) {
  .four-recipe-block {
    grid-template-columns: 46% 46%;
    -moz-column-gap: 8%;
         column-gap: 8%;
    row-gap: 3.5rem;
  }
}
@media (min-width: 920px) {
  .four-recipe-block {
    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
    -moz-column-gap: 2%;
         column-gap: 2%;
  }
}
@media (min-width: 1400px) {
  .four-recipe-block {
    grid-template-columns: 22% 22% 22% 22%;
    -moz-column-gap: 4%;
         column-gap: 4%;
  }
}

@media (min-width: 375px) {
  .four-recipe-block-img-title {
    display: grid;
    align-items: center;
    grid-template-columns: 35% 55%;
    -moz-column-gap: 10%;
         column-gap: 10%;
  }
}
@media (min-width: 540px) {
  .four-recipe-block-img-title {
    display: block;
  }
}
@media (min-width: 375px) {
  .four-recipe-block-img-title .diet-icons-wrap {
    justify-content: left;
  }
}
@media (min-width: 540px) {
  .four-recipe-block-img-title .diet-icons-wrap {
    justify-content: center;
  }
}

.recipe-article-card-counted {
  counter-increment: article-card-counter;
}
.recipe-article-card-counted .rac-img-link {
  display: grid;
  grid-template-columns: 20% 80%;
  row-gap: 2rem;
  align-items: center;
  text-decoration: none;
}
@media (min-width: 375px) {
  .recipe-article-card-counted .rac-img-link {
    row-gap: normal;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    margin-bottom: 0;
  }
}
@media (min-width: 540px) {
  .recipe-article-card-counted .rac-img-link {
    row-gap: 2rem;
    margin-bottom: 16px;
  }
}
@media (min-width: 920px) {
  .recipe-article-card-counted .rac-img-link {
    -moz-column-gap: normal;
         column-gap: normal;
  }
}
@media (min-width: 1400px) {
  .recipe-article-card-counted .rac-img-link {
    grid-template-columns: 23% 77%;
  }
}
.recipe-article-card-counted .rac-img-link:before {
  content: counter(article-card-counter);
  font-family: "dm-serif-displayregular", "Georgia", serif;
  font-size: 5.5rem;
}
@media (min-width: 375px) {
  .recipe-article-card-counted .rac-img-link:before {
    font-size: 4rem;
  }
}
@media (min-width: 540px) {
  .recipe-article-card-counted .rac-img-link:before {
    font-size: 4.5rem;
  }
}
@media (min-width: 540px) {
  .recipe-article-card-counted .rac-img-link:before {
    font-size: 5.5rem;
  }
}
@media (min-width: 920px) {
  .recipe-article-card-counted .rac-img-link:before {
    font-size: 4.5rem;
  }
}
@media (min-width: 1400px) {
  .recipe-article-card-counted .rac-img-link:before {
    font-size: 6.5rem;
  }
}
.recipe-article-card-counted .recipe-card-counted-bottom {
  padding-left: 20%;
}
@media (min-width: 375px) {
  .recipe-article-card-counted .recipe-card-counted-bottom {
    padding-left: 0;
  }
}
@media (min-width: 540px) {
  .recipe-article-card-counted .recipe-card-counted-bottom {
    padding-left: 20%;
  }
}
@media (min-width: 1400px) {
  .recipe-article-card-counted .recipe-card-counted-bottom {
    padding-left: 23%;
  }
}
.recipe-article-card-counted h3 {
  font-size: 1.3rem;
  line-height: 1.6rem;
}
@media (min-width: 375px) {
  .recipe-article-card-counted h3 {
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.45rem;
  }
}
@media (min-width: 540px) {
  .recipe-article-card-counted h3 {
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.6rem;
  }
}
@media (min-width: 768px) {
  .recipe-article-card-counted h3 {
    font-size: 1.4rem;
    line-height: 1.65rem;
  }
}
@media (min-width: 920px) {
  .recipe-article-card-counted h3 {
    width: 100%;
    font-size: 1.25rem;
    line-height: 1.55rem;
  }
}
@media (min-width: 1160px) {
  .recipe-article-card-counted h3 {
    font-size: 1.4rem;
    line-height: 1.65rem;
  }
}
@media (min-width: 1400px) {
  .recipe-article-card-counted h3 {
    font-size: 1.45rem;
    line-height: 1.85rem;
  }
}
@media (min-width: 375px) {
  .recipe-article-card-counted .little-tag {
    font-size: 0.65rem;
  }
}
@media (min-width: 768px) {
  .recipe-article-card-counted .little-tag {
    font-size: 0.75rem;
  }
}
@media (min-width: 920px) {
  .recipe-article-card-counted .little-tag {
    font-size: 0.65rem;
  }
}
@media (min-width: 1160px) {
  .recipe-article-card-counted .little-tag {
    font-size: 0.75rem;
  }
}

.recipe-article-card-counted.recipe-article-card .rac-main-btn-wrap {
  margin-bottom: 0;
  margin-top: 3px;
}

.explore-types-wrap {
  background-color: #e4e5cd;
  text-align: center;
  padding-top: calc(5rem - 12px);
  padding-bottom: 3rem;
}
@media (min-width: 1400px) {
  .explore-types-wrap {
    padding-bottom: 5rem;
  }
}
.explore-types-wrap h2 {
  color: #2a3718;
}

.explore-types {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
@media (min-width: 1160px) {
  .explore-types {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

.explore-types-item-wrap {
  width: 50%;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .explore-types-item-wrap {
    margin-bottom: 4rem;
  }
}
.explore-types-item-wrap:last-child, .explore-types-item-wrap:nth-last-child(2) {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .explore-types-item-wrap:last-child, .explore-types-item-wrap:nth-last-child(2), .explore-types-item-wrap:nth-last-child(3) {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .explore-types-item-wrap {
    width: 25%;
  }
}
@media (min-width: 1160px) {
  .explore-types-item-wrap {
    width: 14.285%;
    margin-bottom: 0;
  }
}

.explore-types-item {
  display: block;
  max-width: 210px;
  text-decoration: none;
  color: #1f2d3d;
  text-align: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1160px) {
  .explore-types-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.explore-types-item h3 {
  color: #2a3718;
  text-transform: uppercase;
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 0.85rem;
  line-height: 1.2rem;
  letter-spacing: 0.04rem;
  margin-top: 0.75rem;
  margin-bottom: 0;
}
@media (min-width: 375px) {
  .explore-types-item h3 {
    margin-top: 1.35rem;
    font-size: 1.05rem;
  }
}
.explore-types-item .round-subtle-img-zoom {
  overflow: hidden;
  border-radius: 50%;
}
.explore-types-item .round-subtle-img-zoom img {
  transition: transform 0.4s ease;
}
.explore-types-item:hover img {
  transform: scale(1.09);
}
.explore-types-item .explore-types-img {
  border-radius: 50%;
}

.explore-types-content {
  display: flex;
  flex-wrap: wrap;
}
.explore-types-content .title-and-cta {
  margin-left: auto;
  margin-right: auto;
  order: 2;
}
@media (min-width: 768px) {
  .explore-types-content .title-and-cta {
    margin-left: 0;
    margin-right: 0;
    order: 1;
  }
}
.explore-types-content .title-and-cta .page-heading-h2 {
  display: none;
}
@media (min-width: 768px) {
  .explore-types-content .title-and-cta .page-heading-h2 {
    display: block;
  }
}
.explore-types-content .explore-types {
  order: 1;
}
@media (min-width: 768px) {
  .explore-types-content .explore-types {
    order: 2;
  }
}

.text-page-hero {
  background-color: #faf5e6;
}
.text-page-hero .text-page-hero-inner {
  padding-top: 6rem;
  padding-bottom: 6rem;
}
@media (min-width: 768px) {
  .text-page-hero .text-page-hero-inner {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }
}
@media (min-width: 1400px) {
  .text-page-hero .text-page-hero-inner {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
.text-page-hero h1 {
  font-size: 2.9rem;
  line-height: 3rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .text-page-hero h1 {
    font-size: 3.7rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 920px) {
  .text-page-hero h1 {
    font-size: 4.5rem;
  }
}
.text-page-hero p {
  margin-bottom: 0;
}

.simple-hero h1, .simple-hero h2, .no-results-hero h1, .no-results-hero h2 {
  font-family: "dm-serif-displayregular", "Georgia", serif;
}
@media (min-width: 920px) {
  .simple-hero h1, .simple-hero h2, .no-results-hero h1, .no-results-hero h2 {
    font-size: 3rem;
  }
}

.simple-hero {
  padding: 5rem 0 5rem;
}
@media (min-width: 768px) {
  .simple-hero {
    padding: 7rem 0 7rem;
  }
}
@media (min-width: 920px) {
  .simple-hero {
    padding: 8rem 0 8rem;
  }
}

.simple-hero-description {
  max-width: 700px;
  margin-top: 0.7rem;
}

.simple-hero-small {
  padding: 4rem 0 4rem;
}
@media (min-width: 768px) {
  .simple-hero-small {
    padding: 6rem 0 6rem;
  }
}

.simple-hero-smallest {
  padding: 2.5rem 0 2.5rem;
}
@media (min-width: 768px) {
  .simple-hero-smallest {
    padding: 4rem 0 4rem;
  }
}

.accent-hero-header {
  display: grid;
  align-items: center;
  padding-top: 3.5rem;
  padding-bottom: 3.7rem;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .accent-hero-header {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }
}
@media (min-width: 920px) {
  .accent-hero-header {
    grid-template-columns: 1.1fr 1fr;
    grid-gap: 2rem;
  }
}
@media (min-width: 1160px) {
  .accent-hero-header {
    grid-template-columns: 0.8fr 1fr;
    grid-gap: 5rem;
  }
}
@media (min-width: 1400px) {
  .accent-hero-header {
    grid-gap: 10rem;
  }
}

.ahh-left {
  margin-bottom: 1rem;
}
.ahh-left h1 {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .ahh-left h1 {
    font-size: 2.72rem;
    line-height: 3.15rem;
  }
}
@media (min-width: 768px) {
  .ahh-left h1 {
    font-size: 2.52rem;
    line-height: 2.95rem;
  }
}

@media (min-width: 400px) {
  .ahh-right {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
  }
}
@media (min-width: 768px) {
  .ahh-right {
    max-width: 470px;
  }
}
@media (min-width: 1160px) {
  .ahh-right {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
  }
}

.no-results-main {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media (min-width: 768px) {
  .no-results-main {
    padding-top: 5rem;
    padding-bottom: 9rem;
  }
}

.no-results-hero h1 {
  margin-bottom: 4rem;
}
@media (min-width: 768px) {
  .no-results-hero h1 {
    margin-bottom: 6rem;
  }
}

.no-search-results p:first-child {
  margin-bottom: 1rem;
}

.no-search-results {
  text-align: center;
}
.no-search-results strong {
  font-size: 1.5rem;
}
.no-search-results p:last-child {
  margin-bottom: 0;
}

@media (min-width: 1400px) {
  .spotlight {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}
@media (min-width: 768px) {
  .spotlight .spotlight-container {
    position: relative;
  }
}
.spotlight img {
  border-radius: 12px;
}
.spotlight .spotlight-img-image {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .spotlight .spotlight-img-image {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 47%;
  }
}
.spotlight .spotlight-top-label {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 0.85rem;
  letter-spacing: 0.04rem;
  text-transform: uppercase;
  margin-bottom: 0.2rem;
  color: #846906;
}
.spotlight .spotlight-title {
  font-family: "dm-serif-displayregular", "Georgia", serif;
  text-transform: none;
  margin-bottom: 1rem;
  font-size: 1.8rem;
  line-height: 2.2rem;
  transition: color 0.2s;
}
@media (min-width: 1400px) {
  .spotlight .spotlight-title {
    font-size: 2rem;
    line-height: 2.4rem;
  }
}
.spotlight .spotlight-subtle-link {
  text-decoration: none;
}
.spotlight .spotlight-subtle-link:hover .spotlight-title, .spotlight .spotlight-subtle-link:hover .spotlight-description p {
  color: #6b5505;
}
.spotlight .spotlight-description {
  margin-bottom: 2.7rem;
}
@media (min-width: 768px) {
  .spotlight .spotlight-side {
    border-radius: 12px;
    background-color: #faf5e6;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media (min-width: 920px) {
  .spotlight .spotlight-side {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 1160px) {
  .spotlight .spotlight-side {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.spotlight .main-btn-lg {
  display: inline-block;
}

@media (min-width: 768px) {
  .spotlight-img-right .spotlight-img-image {
    left: 3.5vw;
  }
}
@media (min-width: 1400px) {
  .spotlight-img-right .spotlight-img-image {
    left: 35px;
  }
}
@media (min-width: 768px) {
  .spotlight-img-right .spotlight-side {
    margin-left: 20%;
    padding-left: 35%;
    padding-right: 2rem;
  }
}
@media (min-width: 1400px) {
  .spotlight-img-right .spotlight-side {
    padding-left: 33%;
    padding-right: 7rem;
  }
}

@media (min-width: 768px) {
  .spotlight-img-left .spotlight-img-image {
    right: 3.5vw;
  }
}
@media (min-width: 1400px) {
  .spotlight-img-left .spotlight-img-image {
    right: 35px;
  }
}
@media (min-width: 768px) {
  .spotlight-img-left .spotlight-side {
    margin-right: 20%;
    padding-right: 34.5%;
    padding-left: 2.3rem;
  }
}
@media (min-width: 1400px) {
  .spotlight-img-left .spotlight-side {
    padding-right: 33%;
    padding-left: 7rem;
  }
}

.article-grid-4 {
  display: grid;
  row-gap: 3rem;
}
@media (min-width: 375px) {
  .article-grid-4 {
    grid-template-columns: 48% 48%;
    -moz-column-gap: 4%;
         column-gap: 4%;
  }
}
@media (min-width: 768px) {
  .article-grid-4 {
    grid-template-columns: 30% 30% 30%;
    -moz-column-gap: 5%;
         column-gap: 5%;
  }
}
@media (min-width: 1160px) {
  .article-grid-4 {
    grid-template-columns: 22.75% 22.75% 22.75% 22.75%;
    -moz-column-gap: 3%;
         column-gap: 3%;
  }
}
@media (min-width: 1400px) {
  .article-grid-4 {
    row-gap: 4rem;
  }
}
.article-grid-4 article {
  text-align: center;
}
.article-grid-4 article .img-wrap {
  margin-bottom: 1rem;
}
.article-grid-4 article img {
  border-radius: 12px;
}
.article-grid-4 article a {
  text-decoration: none;
  color: #1f2d3d;
}
.article-grid-4 article .little-tag {
  margin-bottom: 4px;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 375px) {
  .article-grid-4 article .little-tag {
    font-size: 0.65rem;
  }
}
@media (min-width: 540px) {
  .article-grid-4 article .little-tag {
    font-size: 0.75rem;
  }
}
.article-grid-4 article h3 {
  font-size: 1.3rem;
  line-height: 1.4rem;
}
@media (min-width: 375px) {
  .article-grid-4 article h3 {
    font-size: 1.15rem;
    line-height: 1.4rem;
  }
}
@media (min-width: 540px) {
  .article-grid-4 article h3 {
    font-size: 1.35rem;
    line-height: 1.6rem;
  }
}
@media (min-width: 1160px) {
  .article-grid-4 article h3 {
    font-size: 1.4rem;
    line-height: 1.65rem;
  }
}
.article-grid-4 article h3:hover {
  color: #6b5505;
}
@media (min-width: 375px) {
  .article-grid-4 .diet-icon {
    width: 22px;
    height: 22px;
  }
}
@media (min-width: 540px) {
  .article-grid-4 .diet-icon {
    width: 28px;
    height: 28px;
  }
}
.article-grid-4 .rac-main-btn-wrap {
  margin-bottom: 0.3rem;
}

.accordion-section {
  background-color: #1f2d3d;
  margin-top: 2rem;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (min-width: 540px) {
  .accordion-section {
    padding-top: 5vw;
    padding-bottom: 5vw;
  }
}
@media (min-width: 768px) {
  .accordion-section {
    padding-top: 3.5vw;
    padding-bottom: 3.5vw;
  }
}
@media (min-width: 1400px) {
  .accordion-section {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}
.accordion-section h2 {
  color: #ffffff;
}
.accordion-section h3, .accordion-section .accordion-inner {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.accordion-section h3 {
  color: #AA8708;
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  text-transform: none;
  padding-right: 25px;
  font-size: 1.05rem;
}
@media (min-width: 920px) {
  .accordion-section h3 {
    font-size: 1.13rem;
  }
}
.accordion-section p {
  color: #ffffff;
}

@media (min-width: 768px) {
  .accordion-section-inner {
    display: flex;
  }
}

@media (min-width: 768px) {
  .accordion-section-left {
    width: 45%;
    padding-right: 2.5%;
  }
}

.accordion-section-right {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .accordion-section-right {
    margin-top: 0;
    width: 55%;
    padding-left: 2.5%;
  }
}

.accordion-question {
  border-top: 1px solid #757575;
  margin-bottom: 0;
  cursor: pointer;
  position: relative;
}
.accordion-question:after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 30px;
  transform: translateY(-50%);
}

.accordion-content {
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease;
}

.accordion-item:last-child .accordion-question {
  border-bottom: 1px solid #757575;
}
.accordion-item:last-child .accordion-inner {
  border-top: none;
}

.accordion-inner {
  margin-bottom: 0;
  border-top: 1px solid #757575;
}

.current-accordion-item .accordion-question:after {
  content: "-";
}

.newsletter-outer {
  border-radius: 12px;
  padding-top: 3rem;
  padding-bottom: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 768px) {
  .newsletter-outer {
    margin-bottom: 3rem;
    padding-left: 3.5vw;
    padding-right: 3.5vw;
  }
}
@media (min-width: 1160px) {
  .newsletter-outer {
    padding-top: 4rem;
    padding-bottom: 5rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media (min-width: 1400px) {
  .newsletter-outer {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
}

@media (min-width: 768px) {
  .newsletter-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
    align-items: center;
  }
}
@media (min-width: 1400px) {
  .newsletter-box {
    -moz-column-gap: 4rem;
         column-gap: 4rem;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
  }
}
.newsletter-box .page-heading-h2, .newsletter-box p {
  color: #2a3718;
}

.newsletter-left {
  text-align: center;
  padding-bottom: 4rem;
}
@media (min-width: 540px) {
  .newsletter-left {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .newsletter-left {
    padding-bottom: 0;
  }
}

.newsletter-left, .newsletter-right {
  max-width: 440px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .newsletter-left, .newsletter-right {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}

.newsletter-right .page-heading-h2 {
  margin-bottom: 0.5rem;
}
.newsletter-right .above-title-tag {
  margin-bottom: 0;
}

.newsletter-text {
  margin-bottom: 2.6rem;
}
@media (min-width: 768px) {
  .newsletter-text {
    font-size: 1.07rem;
    line-height: 1.6rem;
  }
}
@media (min-width: 920px) {
  .newsletter-text {
    font-size: 1.12rem;
    line-height: 1.8rem;
  }
}

.sib-form {
  font-family: "nunito-sansregular", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif !important;
  padding: 0 !important;
}
.sib-form .entry__label {
  margin-bottom: 5px !important;
  color: #2a3718 !important;
}
.sib-form .entry__label::after {
  content: none !important;
}
.sib-form .entry__field {
  background: transparent !important;
  border: 0 !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 2px solid #AA8708 !important;
  border-radius: 0 !important;
}
.sib-form .input:first-child, .sib-form .sib-form .input:last-child {
  padding-left: 0 !important;
}
.sib-form input::-moz-placeholder {
  color: #7192b7 !important;
}
.sib-form input::placeholder {
  color: #828282 !important;
  font-size: 16px;
}
.sib-form .entry__error + .entry__specification {
  margin-top: 1.6rem !important;
}

@media (min-width: 375px) {
  .sib-form-big-module #sib-form {
    display: flex !important;
    align-items: flex-end;
  }
}
@media (min-width: 375px) {
  .sib-form-big-module #sib-form .sib-form-input {
    width: 68%;
    margin-right: 5%;
  }
}
@media (min-width: 375px) {
  .sib-form-big-module #sib-form .sib-form-submit {
    width: 27%;
  }
}

.sib-form-sidebar.sib-form .entry__field {
  background: rgba(255, 255, 255, 0.7) !important;
  padding-left: 7px !important;
  margin-top: 10px !important;
}

.sib-form-block {
  padding: 0 0 !important;
}

.sib-form .entry__label {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.08rem;
  font-size: 0.87rem;
}

#sib-container {
  background: transparent !important;
  padding: 0 !important;
}

.sib-form-block__button {
  padding: 8px 8px !important;
  min-height: 0;
}

.sib-form-block__button-with-loader {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  line-height: 1rem;
  letter-spacing: 0.14rem;
  font-size: 0.85rem;
  color: #ffffff;
  background-color: #8E7106;
  width: 100%;
  text-transform: uppercase;
  border-radius: 12px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.sib-form-block__button-with-loader:hover {
  background-color: #6B5506;
}

.form__label-row {
  display: block !important;
}

.sib-form .entry__field {
  display: inline-block;
  width: 100%;
  margin: 0 !important;
}

.entry__error {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.form__label-row {
  margin-bottom: 15px;
}

@media (min-width: 375px) {
  .sib-form-submit {
    margin-bottom: 15px;
  }
}

.nutrition-hero {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 540px) {
  .nutrition-hero {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media (min-width: 768px) {
  .nutrition-hero {
    display: grid;
    grid-template-columns: 0.8fr 1fr;
    grid-gap: 2rem;
    align-items: center;
  }
}
@media (min-width: 920px) {
  .nutrition-hero {
    grid-template-columns: 0.6fr 1fr;
  }
}
@media (min-width: 1400px) {
  .nutrition-hero {
    grid-template-columns: 0.8fr 1fr;
  }
}
.nutrition-hero .page-heading-h2 {
  margin-bottom: 1.5rem;
}
.nutrition-hero p {
  margin-bottom: 1.8rem;
}

.nutrition-hero-img {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .nutrition-hero-img {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}

.nutrition-hero-description {
  margin-bottom: 3rem;
}
@media (min-width: 375px) {
  .nutrition-hero-description {
    margin-bottom: 1.5rem;
  }
}

.nutrition-btn {
  display: inline-block;
  font-size: 0.8rem;
  letter-spacing: 0.11rem;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 13px;
  padding-right: 13px;
}

.base-page h1 {
  margin-bottom: 1.2rem;
}
@media (min-width: 768px) {
  .base-page h1 {
    margin-bottom: 1.2rem;
  }
}

@media (min-width: 768px) {
  .base-page-main-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }
}
@media (min-width: 1400px) {
  .base-page-main-content {
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}
.base-page-main-content img {
  margin-bottom: 1rem;
}

.base-page-right-content {
  display: none;
}
@media (min-width: 768px) {
  .base-page-right-content {
    display: block;
  }
}

.related-articles-grid {
  text-align: center;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
}
@media (min-width: 375px) {
  .related-articles-grid {
    text-align: left;
    grid-gap: 2rem;
  }
}
@media (min-width: 768px) {
  .related-articles-grid {
    text-align: center;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 920px) {
  .related-articles-grid {
    grid-gap: 1rem;
  }
}
@media (min-width: 1400px) {
  .related-articles-grid {
    grid-gap: 1.5rem;
  }
}

.related-articles a {
  text-decoration: none;
}
.related-articles .page-heading-h2 {
  text-transform: capitalize;
}
.related-articles h4 {
  font-family: "dm-serif-displayregular", "Georgia", serif;
  font-size: 1.4rem;
  line-height: 1.7rem;
  letter-spacing: normal;
  transition: color 0.2s;
}
@media (min-width: 375px) {
  .related-articles h4 {
    font-size: 1.3rem;
    line-height: 1.6rem;
  }
}
@media (min-width: 540px) {
  .related-articles h4 {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
}
@media (min-width: 768px) {
  .related-articles h4 {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}
@media (min-width: 920px) {
  .related-articles h4 {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 1400px) {
  .related-articles h4 {
    font-size: 1.4rem;
    line-height: 1.75rem;
  }
  .related-articles h4:hover {
    color: #AA8708;
  }
}
.related-articles .rac-main-btn-wrap, .related-articles h4 {
  margin-bottom: 0.3rem;
}
@media (min-width: 375px) {
  .related-articles .rac-main-btn-wrap .little-tag:first-child {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .related-articles .rac-main-btn-wrap .little-tag:first-child {
    padding-left: 6px;
  }
}
@media (min-width: 375px) {
  .related-articles .diet-icons-wrap {
    display: none;
  }
}
@media (min-width: 540px) {
  .related-articles .diet-icons-wrap {
    display: flex;
    justify-content: flex-start;
  }
}
@media (min-width: 768px) {
  .related-articles .diet-icons-wrap {
    justify-content: center;
  }
}
.related-articles .img-wrap {
  margin-bottom: 1rem;
}
@media (min-width: 375px) {
  .related-articles .img-wrap {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .related-articles .img-wrap {
    margin-bottom: 1rem;
  }
}
.related-articles .img-wrap img {
  border-radius: 7px;
}

@media (min-width: 375px) {
  .img-title {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 1rem;
    align-items: center;
    border-bottom: 1px solid #AA8708;
    padding-bottom: 2rem;
  }
}
@media (min-width: 540px) {
  .img-title {
    grid-gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .img-title {
    display: block;
    border-bottom: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 375px) {
  .img-title:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
}

.related-articles-in-text {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.related-articles-in-text a {
  background-image: none;
}

.about-top-section {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
@media (min-width: 768px) {
  .about-top-section {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
  }
}
@media (min-width: 1160px) {
  .about-top-section {
    padding-top: 9rem;
    padding-bottom: 9rem;
    display: flex;
    justify-content: center;
  }
}

@media (min-width: 1160px) {
  .about-intro-text-wrap {
    max-width: 70vw;
  }
}
@media (min-width: 1400px) {
  .about-intro-text-wrap {
    max-width: 830px;
  }
}
.about-intro-text-wrap p:last-child {
  margin-bottom: 0;
}

.about-intro-text {
  font-family: "dm-serif-displayregular", "Georgia", serif;
  font-size: 1.8rem;
  line-height: 2.3rem;
  margin-bottom: 1.2rem;
}
@media (min-width: 768px) {
  .about-intro-text {
    font-size: 2.45rem;
    line-height: 3.2rem;
    margin-bottom: 1.8rem;
    margin-top: 0;
  }
}

.about-content-section {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1400px) {
  .about-content-section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.about-content-section p:last-child {
  margin-bottom: 0;
}
.about-content-section img {
  margin-bottom: 1.2rem;
  border-radius: 12px;
}

.about-separator {
  background-image: url("/assets/pages-images/cooking-in-kitchen-sm.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 60vw;
}
@media (min-width: 540px) {
  .about-separator {
    background-image: url("/assets/pages-images/cooking-in-kitchen-lg.jpg");
    height: 38vw;
  }
}
@media (min-width: 1400px) {
  .about-separator {
    height: 28vw;
    max-height: 465px;
  }
}

.simple-text-page-container {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 1400px) {
  .simple-text-page-container {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
.simple-text-page-container p:last-child {
  margin-bottom: 0;
}
.simple-text-page-container img {
  margin-bottom: 1.2rem;
}

input.border-red, textarea.border-red {
  border: 1px solid #df2900;
}

.form-error-helper {
  font-size: 1rem;
  color: #df2900;
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  margin-bottom: 0;
}

.skip-to-content:focus, .skip-to-content:focus-within {
  padding: 20px;
  position: static;
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  font-size: 1.2rem;
  background-color: #faf5e6;
}
.skip-to-content:focus a, .skip-to-content:focus-within a {
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
}

.four-o-four h1 {
  text-align: center;
  font-size: 3.3rem;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .four-o-four h1 {
    font-size: 6rem;
    line-height: 4rem;
  }
}
@media (min-width: 1160px) {
  .four-o-four h1 {
    font-size: 8rem;
  }
}

.four-o-four-inner {
  text-align: center;
  margin: 5rem 0 8rem;
}
.four-o-four-inner p {
  margin-bottom: 1.5rem;
}
.four-o-four-inner .h4 {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .four-o-four-inner p, .four-o-four-inner form {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
.four-o-four-inner form {
  margin-bottom: 1.5rem;
}
.four-o-four-inner form input[type=text], .four-o-four-inner form input[type=submit] {
  width: 100%;
  height: 35px;
}
.four-o-four-inner form input[type=text] {
  margin-bottom: 8px;
  border: 1px solid #797979;
  border-radius: 12px;
  padding: 10px;
}
@media (min-width: 540px) {
  .four-o-four-inner form input[type=text] {
    border-radius: 12px 0 0 12px;
    max-width: 60%;
    margin-bottom: 0;
  }
}
.four-o-four-inner form input[type=submit] {
  border-radius: 12px;
}
@media (min-width: 540px) {
  .four-o-four-inner form input[type=submit] {
    border-radius: 0 12px 12px 0;
    width: auto;
  }
}

.four-o-four-message {
  margin-top: 3.5rem;
  margin-bottom: 0;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.cookie-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding-top: 2rem;
  padding-right: 2rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  border-top: 1px solid #AA8708;
  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.1);
  z-index: 100;
}
.cookie-banner button {
  margin-right: 1.5rem;
  margin-bottom: 1rem;
}

@media print {
  .main-nav-wrap, .footer {
    display: none;
  }
}
@media print {
  .recipe-article .recipe-grid {
    display: block !important;
  }
  .recipe-article .recipe-article-header, .recipe-article .article-text, .recipe-article .recipe-categories, .recipe-article .cta-make-recipe-wrap, .recipe-article .comments, .recipe-article aside, .recipe-article .related-articles, .recipe-article .related-nutrition {
    display: none;
  }
  .recipe-article .recipe-top-btns, .recipe-article .recipe-card-rating-note, .recipe-article .display-recipe-rating, .recipe-article .recipe-card-top-ctas {
    display: none;
  }
  .recipe-article .recipe-card .circle-ordered-list li::before {
    color: #000000;
    border: 1px solid #000000;
  }
  .recipe-article .recipe-tips {
    border: 1px solid #797979;
  }
  .recipe-article .recipe-card-info-group:before {
    content: none;
  }
  .recipe-article .recipe-card-info-group {
    padding-left: 0;
    width: 23%;
  }
  .recipe-article .directions {
    margin-top: 40px;
  }
}
footer {
  text-align: center;
}
footer a {
  text-decoration: none;
}

.main-footer {
  background-color: #faf5e6;
  padding-bottom: 2.5rem;
  padding-top: 3rem;
}
@media (min-width: 1160px) {
  .main-footer {
    padding-top: 3.5rem;
  }
}
.main-footer .general-logo {
  margin-bottom: 2.5rem;
}
@media (min-width: 1160px) {
  .main-footer .general-logo a {
    margin-left: 0;
    margin-right: 0;
  }
}
.main-footer a, .main-footer p, .main-footer .h6 {
  color: #1f2d3d;
}
.main-footer .h6 {
  margin-bottom: 0.4rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 0.9rem;
  font-family: "nunito-sansbold", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
  line-height: 1.4rem;
  color: #1f2d3d;
}
@media (min-width: 375px) {
  .main-footer .h6 {
    margin-bottom: 0.8rem;
  }
}
@media (min-width: 768px) {
  .main-footer .h6 {
    margin-bottom: 0.4rem;
  }
}
.main-footer a, .main-footer p {
  font-family: "nunito-sansregular", "Segoe UI", "Helvetica Neue", "Helvetica", sans-serif;
}
.main-footer a {
  font-size: 1rem;
}
.main-footer p {
  font-size: 1.1rem;
}
.main-footer li {
  line-height: 2rem;
  margin-bottom: 0;
}
@media (min-width: 1160px) {
  .main-footer .social-media-nav li {
    margin-right: 30px;
    margin-left: 0;
  }
}

@media (min-width: 1160px) {
  .footer-main-nav {
    display: grid;
    -moz-column-gap: 4rem;
         column-gap: 4rem;
    grid-template-columns: 1fr 2fr;
  }
}
@media (min-width: 1400px) {
  .footer-main-nav {
    grid-template-columns: 0.8fr 2fr;
    -moz-column-gap: 5rem;
         column-gap: 5rem;
  }
}
.footer-main-nav a:hover {
  text-decoration: underline;
}

.footer-columns {
  border-top: 1px solid #d1cbbc;
  padding-top: 1.5rem;
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .footer-columns {
    display: grid;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border-top: 1px solid #1f2d3d;
    padding-top: 2.5rem;
  }
}
@media (min-width: 1160px) {
  .footer-columns {
    border-top: 0;
    padding-top: 0;
    margin-top: 0;
  }
}
.footer-columns .footer-column:last-child {
  margin-bottom: 0;
}
.footer-columns .footer-column:last-child ul:last-child {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0;
}
.footer-columns .footer-column:last-child ul:last-child li:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .footer-column {
    text-align: left;
  }
}
.footer-column ul {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #d1cbbc;
  padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .footer-column ul {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 375px) {
  .footer-column-divided {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #d1cbbc;
    padding-bottom: 1.5rem;
  }
}
@media (min-width: 768px) {
  .footer-column-divided {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 375px) {
  .footer-column-divided ul {
    -moz-columns: 2;
         columns: 2;
    max-width: 230px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
}
@media (min-width: 768px) {
  .footer-column-divided ul {
    -moz-columns: auto auto;
         columns: auto auto;
  }
}

p.footer-tagline {
  font-family: "dm-serif-displayregular", "Georgia", serif;
  margin-bottom: 2.5rem;
  font-size: 1.3rem;
  line-height: 1.7rem;
}
@media (min-width: 540px) {
  p.footer-tagline {
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
}

.mid-footer {
  position: relative;
}
@media (min-width: 1600px) {
  .mid-footer {
    height: 200px;
    overflow: hidden;
    max-width: 3500px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1600px) {
  .mid-footer-inner {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

.footer-image-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (min-width: 768px) {
  .footer-image-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

.footer-image-grid:hover ~ .footer-image-grid-link, .footer-image-grid-link:hover {
  background-color: #AA8708;
  color: #ffffff;
}

.footer-image-grid-link {
  background-color: rgba(255, 255, 255, 0.95);
  color: #1f2d3d;
  border-radius: 50%;
  width: 140px;
  height: 140px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: background-color 0.3s, color 0.3s;
}
@media (min-width: 768px) {
  .footer-image-grid-link {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 920px) {
  .footer-image-grid-link {
    width: 140px;
    height: 140px;
  }
}
.footer-image-grid-link span {
  text-align: center;
  font-family: "dm-serif-displayregular", "Georgia", serif;
  font-size: 1.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (min-width: 768px) {
  .footer-image-grid-link span {
    font-size: 1rem;
  }
}
@media (min-width: 920px) {
  .footer-image-grid-link span {
    font-size: 1.2rem;
    line-height: 1.1rem;
  }
}

.sub-footer {
  background-color: #243649;
}

.sub-footer-inner {
  color: #ffffff;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .sub-footer-inner {
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.sub-footer-inner nav {
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .sub-footer-inner nav {
    margin-bottom: 0;
  }
}
.sub-footer-inner li {
  margin-bottom: 0.4rem;
}
@media (min-width: 768px) {
  .sub-footer-inner li {
    display: inline-block;
    margin-right: 22px;
    margin-bottom: 0;
  }
}
.sub-footer-inner a, .sub-footer-inner p {
  color: #ffffff;
}
.sub-footer-inner a {
  text-transform: uppercase;
  font-size: 0.7rem;
}
.sub-footer-inner p {
  margin-bottom: 0;
}
.sub-footer-inner .copy {
  font-size: 0.75rem;
}

.footer-first-column {
  text-align: center;
}
@media (min-width: 540px) {
  .footer-first-column {
    max-width: 425px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1160px) {
  .footer-first-column {
    text-align: left;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate {
  animation-duration: 0.8s;
  animation-fill-mode: both;
}

.animate-delay-05 {
  animation-delay: 0.5s;
}

.fade-in {
  animation-name: fadeIn;
}

.fade-in-up {
  animation-name: fadeInUp;
}

.scroll-trigger-animate-fade-in-up {
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: none;
  visibility: hidden;
}
.scroll-trigger-animate-fade-in-up.active {
  animation-name: fadeInUp;
  visibility: visible;
}

.scroll-trigger-animate-fade-in-up-sm-delay {
  animation-duration: 0.9s;
  animation-delay: 0.3s;
  animation-fill-mode: both;
  animation-name: none;
  visibility: hidden;
}
.scroll-trigger-animate-fade-in-up-sm-delay.active {
  animation-name: fadeInUp;
  visibility: visible;
}

.scroll-trigger-animate-fade-in-sm-delay {
  animation-duration: 1.7s;
  animation-delay: 0.3s;
  animation-fill-mode: both;
  animation-name: none;
  visibility: hidden;
}
.scroll-trigger-animate-fade-in-sm-delay.active {
  animation-name: fadeIn;
  visibility: visible;
}