/*!
Theme Name: Guiding Stars
Author: @rp3agency
Author URI: https://rp3agency.com
Description: A custom theme for Guiding Stars based on underscores.
Version: 4.1.4

Guiding Stars is based on Underscores https://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Initial customization done by Shines and Jecker https://shinesandjecker.com

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/

Icons from iconmonstr https://iconmonstr.com
*/
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Breakpoints
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Vendors
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=League+Gothic&display=swap");

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
 /*  color: #1A365E; - not pulling */
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/***
 *
 * Load Avenir Next webfonts
 *
 */
@font-face {
  font-family: "Avenir Next";
  src: url("fonts/65ab15c6-b6bd-4ddf-92b9-dee9eb863d81.woff2") format("woff2"),
    url("fonts/a7fc9538-f36b-4265-90e0-10f88148f319.woff") format("woff");
  font-weight: 200;
}

@font-face {
  font-family: "Avenir Next";
  src: url("fonts/1f19a119-73e0-49fa-ab0c-fa377ba75fc3.woff2") format("woff2"),
    url("fonts/9ca6941e-d3fa-48d9-9dbf-1d0bec4e4f50.woff") format("woff");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "Avenir Next";
  src: url("fonts/c4691e94-080d-4452-8f9f-8b3db6b68d55.woff2") format("woff2"),
    url("fonts/a1adabe6-efe5-40b7-b619-48111c8ff883.woff") format("woff");
  font-weight: 400;
}

@font-face {
  font-family: "Avenir Next";
  src: url("fonts/f07f5ab2-8ecc-416d-afa7-b73dbea95907.woff2") format("woff2"),
    url("fonts/3a03e3a3-baa3-4079-aa61-d2ec2a35bea3.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Avenir Next";
  src: url("fonts/f5d4f93b-454a-43e0-9ae8-7f1271b5c0fd.woff2") format("woff2"),
    url("fonts/72556e8c-c677-48d8-81ff-3eb8fc50033b.woff") format("woff");
  font-weight: 500;
}

@font-face {
  font-family: "Avenir Next";
  src: url("fonts/b7a66ef0-2d88-45d3-bc84-e2d6013878d9.woff2") format("woff2"),
    url("fonts/351c1f33-8a8e-41c9-920c-0031d3983321.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Avenir Next";
  src: url("fonts/6afe4676-059a-4aa8-b891-29856bbcba22.woff2") format("woff2"),
    url("fonts/a9817c16-2a79-49bf-8543-6c846d73a52f.woff") format("woff");
  font-weight: 600;
}

@font-face {
  font-family: "Avenir Next";
  src: url("fonts/e9540909-1e28-4c00-9423-10e43c828f31.woff2") format("woff2"),
    url("fonts/691d198c-3c78-40b5-9ce3-c92eda0bab0f.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Avenir Next";
  src: url("fonts/b56355b0-7729-42a7-9f65-62c7211d078c.woff2") format("woff2"),
    url("fonts/05537afc-e923-4df9-b365-71798fbd220d.woff") format("woff");
  font-weight: 700;
}

/***
 *
 * Default typography
 *
 */
body,
button,
input,
select,
textarea {
  color: #333;
  font-family: "Avenir Next", sans-serif;
  line-height: 1.7;
  font-size: 16px;
  font-size: 1rem;
}

h1,
.h1 {
  font-size: 1.8em;
  font-weight: normal;
  font-family: "Avenir Next", sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.5em;
}

h2,
.h2 {
  text-transform: none;
  font-family: "Avenir Next", sans-serif;
  font-size: 1.5em;
  line-height: 1.5em;
}

h3,
.h3 {
  font-family: "Avenir Next", sans-serif;
  font-size: 1.17em;
  margin: 1em 0;
  text-transform: none;
}

h4,
.h4 {
  font-family: "Avenir Next", sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
}

h5,
.h5 {
  font-size: 1em;
  font-weight: bold;
  text-transform: none;
}

h1 a,
.h1 a {
  color: #333;
  text-decoration: none;
}

h2 a,
.h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #333;
  text-decoration: underline;
  text-decoration-color: #999;
  text-decoration-style: dotted;
  text-underline-position: under;
}

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

.subheading {
  color: #767676;
  font-family: "Avenir Next", sans-serif;
  font-size: 0.8em;
  display: block;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.subhead-title {
  font-size: 1.2em;
}

.subhead-title .subheading {
  font-size: 0.65em;
}

p {
  margin: 0 0 1.5em;
}

dfn,
em,
i {
  font-style: italic;
}

blockquote {
  font-size: 1.1em;
  margin: 0;
  font-style: italic;
  padding: 1em 2em;
}

blockquote:before,
blockquote:after {
  content: "";
  display: block;
  width: 50%;
  margin: 0 auto 1.5em;
  border: 1px solid #e9e9e9;
}

blockquote:after {
  margin: 1.5em auto;
}

blockquote p {
  margin: 0;
}

cite {
  display: block;
  margin: 0 0 1.5em;
  font-size: 0.9em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  line-height: 1.7;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Text meant only for screen readers. */
.screen-reader-text,
.page-template-page-full-width h1.entry-title,
.slab-newsletter .gform_wrapper .gfield_label {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus,
.page-template-page-full-width h1.entry-title:focus,
.slab-newsletter .gform_wrapper .gfield_label:focus {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #333;
  display: block;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

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

.cf:before,
.cf:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.cf:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

.clear {
  clear: both;
}

@supports (display: grid) {
  .entry-content:before,
  .entry-content:after,
  .comment-content:before,
  .comment-content:after,
  .site-header:before,
  .site-header:after,
  .site-content:before,
  .site-content:after,
  .site-footer:before,
  .site-footer:after {
    display: none;
  }
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/*--------------------------------------------------------------
# Partials
--------------------------------------------------------------*/
.wrap {
  width: 90%;
  margin: 0 auto;
}

.site {
  overflow-x: hidden;
}

.alignfull {
  margin-left: -5vw;
  margin-right: -5vw;
  width: 100vw;
}

.alignwide {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.no-margin {
  margin: 0;
}

@media screen and (min-width: 64em) {
  .wrap {
    max-width: 80em;
  }
  .content-area {
    width: 66%;
    max-width: 45em;
    float: left;
  }
  .sidebar {
    width: 30%;
    float: right;
  }
  .single-recipes .site-content .content-area,
  .single-webinars .site-content .content-area,
  .error404 .site-content .content-area {
    width: 100%;
    max-width: none;
  }
  @supports (display: grid) {
    .site-content {
      display: grid;
      -ms-grid-columns: 66% 5em calc(33% - 5em);
      grid-template-columns: 2fr 1fr;
      grid-gap: 5em;
      grid-template-areas: "main-content sidebar";
    }
    .content-area {
      grid-area: main-content;
      width: auto;
      min-width: 100%;
    }
    .sidebar {
      -ms-grid-column: 3;
      grid-area: sidebar;
      width: auto;
    }
    .single-recipes .site-content,
    .single-webinars .site-content,
    .error404 .site-content {
      grid-template-areas: "main-content main-content";
    }
    .single-recipes .site-content .content-area,
    .single-webinars .site-content .content-area,
    .error404 .site-content .content-area {
      -ms-grid-column-span: 3;
      width: auto;
      max-width: none;
    }
  }
  .page-template-page-full-width .content-area,
  .post-type-archive-gs_instagram .content-area {
    float: none;
    max-width: none;
    width: 100%;
  }
  .page-template-page-full-width .sidebar,
  .post-type-archive-gs_instagram .sidebar {
    float: none;
    width: 100%;
  }
  @supports (display: grid) {
    .page-template-page-full-width .site-content,
    .post-type-archive-gs_instagram .site-content {
      display: block;
    }
    .page-template-page-full-width .content-area,
    .post-type-archive-gs_instagram .content-area {
      min-width: none;
      width: 100%;
    }
    .page-template-page-full-width .sidebar,
    .post-type-archive-gs_instagram .sidebar {
      width: 100%;
    }
  }
}

.page-template-page-full-width
  .entry-content
  > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(
    .is-style-wide
  ),
.page-template-page-full-width
  [class*="__inner-container"]
  > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(
    .is-style-wide
  ) {
  max-width: 40rem;
  width: min(90%, 40rem);
  margin-left: auto;
  margin-right: auto;
}

.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(
    .alignright
  ):not(.is-style-wide) {
  max-width: none;
}

.entry-content > .wp-block-group.alignwide.has-background,
.entry-content > .wp-block-group.alignfull.has-background {
  padding-bottom: 2em;
  padding-top: 2em;
}

@media (min-width: 80em) {
  .entry-content > .wp-block-group.alignwide.has-background,
  .entry-content > .wp-block-group.alignfull.has-background {
    padding-bottom: 3em;
    padding-top: 3em;
  }
}

@media screen and (min-width: 88.875em) {
  .alignfull {
    margin-left: calc(((100vw - 80em) / 2) * -1);
    margin-right: calc(((100vw - 80em) / 2) * -1);
    width: 100vw;
  }
}

.site-header {
  margin: 0 auto 2em;
  position: relative;
}

@media only screen and (min-width: 64em) {
  .site-header {
    border-bottom: 3px solid #b2d234;
    width: 90%;
    max-width: 80em;
    padding: 0 1em 1em 1em;
  }
  @supports (display: grid) {
    .site-header {
      display: grid;
      grid-template-columns: 9em auto;
      grid-column-gap: 2em;
      grid-template-areas: "site-branding navigation-wrapper";
    }
  }
}

.site-header a,
.site-header a:visited {
  color: #333;
}

.site-branding {
  border-bottom: 3px solid #b2d234;
  width: 90%;
  margin: 0 auto;
}

@media only screen and (min-width: 64em) {
  .site-branding {
    border: 0;
    float: left;
    width: 12.5%;
  }
  @supports (display: grid) {
    .site-branding {
      grid-area: site-branding;
      width: auto;
    }
  }
}

.site-title {
  margin: 0;
  font-size: 1em;
}

.logo {
  width: 15em;
  height: 5.25em;
}

@media only screen and (min-width: 64em) {
  .logo {
    width: auto;
    height: auto;
    max-width: 9em;
    max-height: 9.875em;
  }
  .logo:hover .logo__star-1 path {
    animation: 0.5s ease-in-out 0.3s scale-up-down;
  }
  .logo:hover .logo__star-2 path {
    animation: 0.5s ease-in-out 0.7s scale-up-down;
  }
  .logo:hover .logo__star-3 path {
    animation: 0.5s ease-in-out 1.1s scale-up-down;
  }
}

.logo--tall {
  visibility: hidden;
}

@media only screen and (min-width: 64em) {
  .logo--tall {
    visibility: visible;
  }
}

@media only screen and (min-width: 64em) {
  .logo--wide {
    visibility: hidden;
    opacity: 0;
  }
}

@media only screen and (min-width: 64em) {
  .logo__star path {
    transform-origin: 50% 50%;
  }
}

@keyframes scale-up-down {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@media only screen and (min-width: 64em) {
  .navigation-wrapper {
    margin-top: 3em;
    float: right;
  }
  @supports (display: grid) {
    .navigation-wrapper {
      -ms-grid-row-align: center;
      -ms-grid-column: 2;
      grid-area: navigation-wrapper;
      display: grid;
      grid-template-columns: minmax(min-content, 50em) auto;
      grid-column-gap: 0.5em;
      grid-template-areas: "utility-navigation utility-navigation" "main-navigation header-search";
      margin-top: 0;
      align-items: center;
    }
  }
}

@media only screen and (min-width: 64em) {
  .main-navigation {
    float: left;
    width: 75%;
  }
  @supports (display: grid) {
    .main-navigation {
      -ms-grid-row-align: end;
      -ms-grid-row-span: 2;
      grid-area: main-navigation;
      margin: 0;
      width: auto;
    }
  }
}

.header-search {
  margin: 1em;
}

@media only screen and (min-width: 64em) {
  .header-search {
    width: 24%;
    float: right;
    margin: 0;
  }
  @supports (display: grid) {
    .header-search {
      -ms-grid-row-align: end;
      -ms-grid-column: 2;
      -ms-grid-row: 2;
      grid-area: header-search;
      margin: 0;
      width: auto;
    }
  }
}

@media only screen and (min-width: 64em) {
  .utility-navigation {
    position: absolute;
    top: 0.5em;
    right: 0;
  }
  @supports (display: grid) {
    .utility-navigation {
      -ms-grid-row-align: start;
      -ms-grid-column-span: 2;
      grid-area: utility-navigation;
      position: static;
      top: auto;
      right: auto;
    }
  }
}

@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  /* IE10+ specific styles */
  .logo {
    background: transparent url("images/logo.svg") no-repeat center center;
    background-size: auto 100%;
  }
  .logo svg {
    opacity: 0;
  }
}

@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) and (min-width: 64em) {
  /* IE10+ specific styles */
  .logo {
    background-size: 100% auto;
  }
}

.site-footer {
  border-top: 3px solid #e9e9e9;
  margin: 2em auto;
  padding: 1em;
}

.site-footer a:hover {
  text-decoration: underline;
}

@media only screen and (min-width: 64em) {
  .site-footer .social-media-links {
    float: right;
    width: 25%;
  }
  @supports (display: grid) {
    .site-footer .social-media-links {
      -ms-grid-column: 4;
      -ms-grid-row-span: 2;
      grid-area: social-media-links;
      width: auto;
    }
  }
}

.site-info {
  color: #767676;
  font-size: 0.75em;
  margin-bottom: 1em;
}

@media only screen and (min-width: 64em) {
  .site-info {
    float: left;
    width: 75%;
  }
  @supports (display: grid) {
    .site-info {
      -ms-grid-row: 2;
      -ms-grid-column-span: 3;
      grid-area: site-info;
      width: auto;
    }
  }
}

.site-info p {
  margin-bottom: 1em;
}

.site-info a {
  text-decoration: none;
}

@media only screen and (min-width: 64em) {
  .footer-navigation {
    float: left;
    width: 75%;
  }
  @supports (display: grid) {
    .footer-navigation {
      -ms-grid-column-span: 3;
      grid-area: footer-navigation;
      width: auto;
    }
  }
}

@media only screen and (min-width: 64em) {
  @supports (display: grid) {
    .footer-wrap {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-gap: 1em;
      grid-template-areas: "footer-navigation footer-navigation footer-navigation social-media-links" "site-info site-info site-info social-media-links";
    }
  }
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #007dad;
}

a:visited {
  opacity: 0.2;
}

a:hover,
a:focus,
a:active {
  color: #677b1b;
  text-decoration: underline;
}

a:focus {
  outline: 2px dotted;
}

a:hover,
a:active {
  outline: 0;
}

.read-more {
  display: block;
  font-weight: bold;
  text-align: right;
}

.social-share--links {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0;
}

.social-share--links li {
  flex: 1;
  text-align: center;
}

.rss_link {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%200c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012%2012-5.373%2012-12-5.373-12-12-12zm-3.374%2017c-.897%200-1.626-.727-1.626-1.624s.729-1.624%201.626-1.624%201.626.727%201.626%201.624-.729%201.624-1.626%201.624zm3.885%200c-.03-3.022-2.485-5.474-5.511-5.504v-2.406c4.361.03%207.889%203.555%207.92%207.91h-2.409zm4.081%200c-.016-5.297-4.303-9.571-9.592-9.594v-2.406c6.623.023%2011.985%205.384%2012%2012h-2.408z%22%20fill%3D%22%23FF6600%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: auto 1.75em;
  background-position: left center;
  border-radius: 0.3em;
  color: #ff6600;
  display: inline-block;
  padding: 0.15em 0 0.15em 2em;
  text-decoration: underline;
  text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  transition: padding 0.2s 0.05s linear, background-color 0.1s linear;
}

.rss_link:hover {
  background-color: #ff6600;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M0%203.795l2.995-2.98%2011.132%2011.185-11.132%2011.186-2.995-2.981%208.167-8.205-8.167-8.205zm18.04%208.205l-8.167%208.205%202.995%202.98%2011.132-11.185-11.132-11.186-2.995%202.98%208.167%208.206z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  color: #fff;
  background-position: right 0.2em center;
  background-size: auto 0.9em;
  text-decoration: none;
  padding: 0.15em 1.5em 0.15em 0.5em;
}

.external-news-link {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 1em;
  padding-right: 1.35em;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%2013v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035%204-6.977%207.07%202.828%202.828%206.977-7.07%204.125%204.172v-11z%22%20fill%3D%22%23999999%22%2F%3E%3C%2Fsvg%3E");
  transition: padding 0.14s ease-in-out;
}

.external-news-link:hover {
  background-image: none;
  padding: 0 1em;
}

.social-media-links {
  text-align: center;
}

.social-media-links ul {
  margin: 0;
  padding: 0;
}

.social-media-links li {
  display: inline-block;
  list-style-type: none;
  margin: 0 0.2em;
}

.social-media-links svg {
  width: 2.4em;
  height: 2.4em;
  transition: all 0.1s;
}

.social-media-links svg:hover {
  transform: scale(1.2);
}

.pagination {
  text-align: center;
  font-weight: bold;
  margin: 2em 0;
}

.pagination ul {
  margin: 0;
  padding: 0;
}

.pagination li {
  display: inline-block;
  list-style-type: none;
  margin: 0 0.2em 0.5em;
}

.pagination a,
.pagination span {
  display: block;
  padding: 0.5em 1em;
}

.pagination span {
  color: #333;
  background: #e9e9e9;
}

.pagination .current {
  color: #fff;
  background: #333;
}

.pagination a,
.pagination a:visited {
  color: #333;
  background: #e9e9e9;
  text-decoration: none;
}

.pagination a:hover,
.pagination a:visited:hover {
  color: #fff;
  background: #00587a;
}

.post__social-media {
  margin-bottom: 1em;
}

.post__social-media ul {
  padding: 0;
  margin: 0;
}

.post__social-media li {
  list-style-type: none;
  display: inline-block;
  max-height: 1.75em;
  vertical-align: bottom;
}

.post__social-media li iframe {
  margin-bottom: 0;
}

.post__social-media .email-share-link,
.post__social-media .print-share-link {
  background-color: #767676;
  background-position: left 0.75em center;
  background-repeat: no-repeat;
  background-size: auto 1.18em;
  border-radius: 3px;
  display: block;
  color: #fff;
  font-size: 0.85em;
  text-align: center;
  text-decoration: none;
  padding: 0.184em 0.75em 0.184em 2.2em;
}

.post__social-media .email-share-link:hover,
.post__social-media .print-share-link:hover {
  background-color: #8aa424;
}

.post__social-media .email-share-link {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2012.713l-11.985-9.713h23.971l-11.986%209.713zm-5.425-1.822l-6.575-5.329v12.501l6.575-7.172zm10.85%200l6.575%207.172v-12.501l-6.575%205.329zm-1.557%201.261l-3.868%203.135-3.868-3.135-8.11%208.848h23.956l-8.11-8.848z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
}

.post__social-media .print-share-link {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M24%2011v12h-24v-12h4v-10h10.328c1.538%200%205.672%204.852%205.672%206.031v3.969h4zm-6-3.396c0-1.338-2.281-1.494-3.25-1.229.453-.813.305-3.375-1.082-3.375h-7.668v13h12v-8.396zm-2%205.396h-8v-1h8v1zm0-3h-8v1h8v-1zm0-2h-8v1h8v-1z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.menu {
  margin: 0;
  padding: 0;
}

.menu li {
  list-style-type: none;
}

.menu-toggle {
  position: absolute;
  right: calc(5% - 0.75em);
  top: 0;
  padding: 0.75em;
  margin: 0 auto;
  border: 0;
  border-radius: 0;
  display: block;
  font-size: 0.875em;
  background: transparent;
  z-index: 1;
  box-shadow: none;
  z-index: 20;
  width: 4em;
}

.menu-toggle:hover,
.menu-toggle:focus,
.menu-toggle:active {
  background: transparent;
  box-shadow: none;
}

.no-js .menu-toggle {
  display: none;
}

.menu-overlay-on:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

.icon--menu {
  fill: #b2d234;
  vertical-align: middle;
  width: 2.5em;
  height: 2.5em;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.0625em;
}

.menu-paths {
  width: 2.5em;
  height: 2.5em;
  top: 0;
}

.menu-paths .line {
  opacity: 1;
  transform: rotate(0) translateY(0) translateX(0);
  transform-origin: 1em 1em;
  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
}

.menu-paths .line-1 {
  transform-origin: 1em 2.5em;
}

.menu-paths .line-3 {
  transform-origin: 1em 4.5em;
}

.toggled-on .menu-toggle {
  background: #007dad;
}

.toggled-on .icon--menu {
  fill: #fff;
}

.toggled-on .menu-paths .line-1 {
  transform: rotate(45deg) translateY(0) translateX(0);
}

.toggled-on .menu-paths .line-2 {
  opacity: 0;
}

.toggled-on .menu-paths .line-3 {
  transform: rotate(-45deg) translateY(0em) translateX(0em);
}

.navigation-wrapper {
  background: #e9e9e9;
  top: 0;
  z-index: 10;
  margin-left: 100%;
  min-height: 100vh;
  position: absolute;
  width: 100%;
}

.no-js .navigation-wrapper {
  background: none;
  margin-left: 0;
  position: static;
  min-height: auto;
}

.toggled-on .navigation-wrapper {
  margin-left: 0;
  transition: 0.3s margin ease;
}

.main-navigation {
  background: #007dad;
  padding-top: 3.5em;
}

.main-navigation .sub-menu {
  margin: 0;
  display: none;
  padding: 0 0 0.25em 1em;
}

.main-navigation .sub-menu.toggled-on {
  display: block;
}

.main-navigation li {
  position: relative;
  margin: 0;
}

.main-navigation a {
  font-family: "Avenir Next", sans-serif;
  display: block;
  text-decoration: none;
  padding: 0.75em 1em;
  color: #fff;
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.main-navigation a:visited {
  color: #fff;
}

.main-navigation .menu-item-has-children.toggled-on,
.main-navigation a:focus {
  background: #00587a;
}

.main-navigation .menu-item-has-children.toggled-on > a {
  padding-bottom: 0;
}

.main-navigation li li a {
  padding: 0.5em 1em;
  border: 0;
  font-family: "Avenir Next", sans-serif;
}

.no-js .main-navigation {
  padding-top: 0;
  margin-top: -3px;
}

.dropdown-toggle {
  background: none;
  border: 0;
  padding: 0.55em calc(5% + 0.5em) 0.55em 1.2em;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  border-radius: 0;
  text-align: center;
  box-shadow: none;
}

.dropdown-toggle svg {
  width: 1em;
  height: 1.5em;
  fill: #fff;
}

.dropdown-toggle:focus,
.dropdown-toggle:active,
.dropdown-toggle:hover {
  background: none;
  box-shadow: none;
}

.dropdown-toggle span {
  display: block;
}

.dropdown-toggle.toggled-on svg {
  transform: rotate(180deg);
}

.main-navigation__description {
  display: block;
  font-size: 0.9em;
  font-family: "Avenir Next", sans-serif;
}

.menu-item-has-children.toggled-on .main-navigation__description {
  height: 0;
  opacity: 0;
}

@media screen and (min-width: 64em) {
  .menu-toggle,
  .dropdown-toggle {
    display: none;
  }
  .menu-overlay-on:after {
    display: none;
    background: none;
  }
  .navigation-wrapper {
    background: transparent;
    margin-left: auto;
    min-height: initial;
    min-height: auto;
    position: static;
    top: auto;
    width: 85%;
  }
  .main-navigation {
    font-size: 1.1em;
    background: none;
    display: table;
    padding-top: 0;
  }
  .main-navigation li {
    display: table-cell;
    width: 20%;
    vertical-align: middle;
    line-height: 1.1em;
    padding: 0.75em;
    background: transparent
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%222%22%20height%3D%224%22%20viewBox%3D%220%200%200%200%202%200%204%22%3E%3Cpath%20d%3D%22M1%202a1%201%200%201%201%200-2%201%201%200%200%201%200%202z%22%20fill%3D%22%23BBB%22%2F%3E%3C%2Fsvg%3E")
      repeat-y top left;
  }
  .main-navigation li:first-child {
    background-image: none;
  }
  .main-navigation a {
    color: #333;
    padding: 0;
    border: 0;
  }
  .main-navigation a:visited {
    color: #333;
  }
  .main-navigation a:hover {
    color: #fff;
  }
  .main-navigation a:focus {
    background: none;
  }
  .main-navigation li:hover,
  .main-navigation li.focus {
    background: #006b94;
    color: #fff;
    border-radius: 0.3em;
  }
  .main-navigation li:hover a,
  .main-navigation li.focus a {
    color: #fff;
  }
  .main-navigation li:hover + li,
  .main-navigation li.focus + li {
    background-image: none;
  }
  .main-navigation li li {
    font-size: 0.85em;
    line-height: 1.1em;
    display: block;
    padding: 0;
    background: none;
  }
  .main-navigation li li:hover {
    background: none;
  }
  .main-navigation li li a {
    padding: 0.75em 0.5em 0.25em;
    border-radius: 0.3em;
    margin-bottom: 0.25em;
  }
  .main-navigation li li a:hover {
    background: #004f6d;
  }
  .main-navigation li li:last-child a {
    margin-bottom: 0;
  }
  .main-navigation .menu-item-has-children.toggled-on {
    background: none;
  }
  .main-navigation__description {
    margin-top: 0.5em;
    font-size: 0.7em;
    line-height: 1.3em;
    max-width: 30em;
  }
  .admin-bar .menu-toggle {
    top: 3em;
  }
  .admin-bar .main-navigation {
    padding-top: 0;
  }
  @supports (display: grid) {
    .navigation-wrapper {
      width: auto;
    }
    .main-navigation ul {
      display: flex;
    }
    .main-navigation li {
      flex-basis: 1;
      display: flex;
      width: auto;
    }
    .main-navigation li:first-child {
      flex-basis: 7.5em;
    }
    .main-navigation li:nth-child(2) {
      flex-basis: 9.5em;
    }
  }
  .main-navigation .sub-menu {
    display: block;
    background: #00a2e0;
    background: #006b94;
    color: #fff;
    left: -999em;
    padding: 0.5em;
    position: absolute;
    top: 100%;
    z-index: 99999;
    border-radius: 0.3em;
    border-top-left-radius: 0;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  }
  .main-navigation li:hover > .sub-menu,
  .main-navigation li.focus > .sub-menu {
    left: 0;
    right: auto;
    top: calc(100% - 0.5em);
  }
  .main-navigation ul ul a {
    width: 16em;
  }
  .main-navigation ul ul .sub-menu {
    display: none;
  }
}

@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) and (min-width: 64em) {
  /* IE10+ specific styles */
  .main-navigation li:hover > .sub-menu,
  .main-navigation li.focus > .sub-menu {
    top: calc(100% - 0.2em);
  }
}

.utility-menu {
  font-size: 0.8em;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
  padding: 1em 0.5em;
  clear: both;
}

.utility-menu ul {
  margin: 0;
  padding: 0;
}

.utility-menu li {
  display: inline-block;
}

.utility-menu li:after {
  content: "\00B7";
  display: inline-block;
  margin: 0 0.1em;
}

.utility-menu li:last-child:after {
  content: "";
}

.utility-menu a {
  color: #333;
  text-decoration: none;
  margin: 0 0.5em;
}

.utility-menu a:hover {
  color: #333;
  text-decoration: underline;
}

.secondary-navigation {
  margin: 0 0 2.5em;
  font-family: "Avenir Next", sans-serif;
}

.secondary-navigation ul {
  margin: 0;
  padding: 0;
}

.secondary-navigation li {
  background-repeat: repeat-x;
  background-position: left top;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224%22%20height%3D%222%22%20viewBox%3D%220%200%200%200%204%200%202%22%3E%3Cpath%20d%3D%22M1%202a1%201%200%201%201%200-2%201%201%200%200%201%200%202z%22%20fill%3D%22%23BBB%22%2F%3E%3C%2Fsvg%3E");
  list-style-type: none;
  margin: 0;
}

.secondary-navigation a {
  border-radius: 0.3em;
  text-decoration: none;
  color: #333;
  display: block;
  padding: 0.75em 1em;
}

.secondary-navigation a:hover {
  background: #b2d234;
}

.secondary-navigation .secondary-navigation__parent {
  background-image: none;
}

.secondary-navigation .secondary-navigation__parent > a {
  font-size: 1.2em;
  font-weight: bold;
}

.secondary-navigation .secondary-navigation__parent > a:hover {
  background: none;
}

.secondary-navigation li:hover,
.secondary-navigation li:hover + li,
.secondary-navigation li.current_page_item,
.secondary-navigation li.current_page_item + li {
  background-image: none;
}

.secondary-navigation .current_page_item > a,
.secondary-navigation .current_page_item > a:hover {
  background-color: #006b94;
  border: none;
  color: #fff;
}

.secondary-navigation li:first-child.current_page_item a {
  border-top: none;
  border-top-left-radius: 0.3em;
  border-top-right-radius: 0.3em;
}

.secondary-navigation li:last-child.current_page_item a {
  border-top: none;
  border-bottom-left-radius: 0.3em;
  border-bottom-right-radius: 0.3em;
}

.secondary-navigation .children {
  margin-left: 1.5em;
  font-family: "Avenir Next", sans-serif;
  font-weight: bold;
  font-size: 0.85em;
}

.secondary-navigation .children ul {
  display: none;
}

.secondary-navigation .children li {
  background-image: none;
}

.secondary-navigation .children a {
  color: #4d4d4d;
  padding: 0.5em;
}

.secondary-navigation .children a:hover {
  background: none;
  color: #333;
  text-decoration: underline;
}

.secondary-navigation .children .current_page_item a,
.secondary-navigation .children .current_page_item a:hover {
  background: none;
  color: #333;
}

.secondary-navigation .children li:hover {
  background: none;
}

.footer-menu {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 1em;
  font-size: 0.9em;
}

.footer-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-transform: center;
}

.footer-menu li {
  display: inline-block;
  margin-right: 1em;
}

.footer-menu li:last-child {
  margin-right: 0;
}

.footer-menu a,
.footer-menu a:visited {
  text-decoration: none;
  color: #666666;
}

.footer-menu a:hover,
.footer-menu a:visited:hover {
  color: #333;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.comment-navigation .nav-next,
.posts-navigation .nav-previous,
.posts-navigation .nav-next,
.post-navigation .nav-previous,
.post-navigation .nav-next {
  width: 48%;
}

.comment-navigation .nav-previous a,
.comment-navigation .nav-next a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  background-repeat: no-repeat;
  background-size: auto 1.25em;
  color: #646464;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 2px dotted #b3b3b3;
  transition: padding 0.14s ease-in-out;
}

.comment-navigation .nav-previous a:hover,
.comment-navigation .nav-next a:hover,
.posts-navigation .nav-previous a:hover,
.posts-navigation .nav-next a:hover,
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background-image: none;
  padding-left: 0.9em;
  padding-right: 0.9em;
  color: #00587a;
  border-bottom: 2px solid #00587a;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
}

.comment-navigation .nav-previous a,
.posts-navigation .nav-previous a,
.post-navigation .nav-previous a {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%200%200%2024%200%2024%22%3E%3Cpath%20d%3D%22M12%200a12%2012%200%201%201%200%2024%2012%2012%200%200%201%200-24zm-1%2018v-4h7v-4h-7V6l-6%206%206%206z%22%20fill%3D%22%23999%22%2F%3E%3C%2Fsvg%3E");
  background-position: left top 0.5em;
  padding: 0.2em 0 0.2em 1.8em;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
}

.comment-navigation .nav-next a,
.posts-navigation .nav-next a,
.post-navigation .nav-next a {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%200c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012%2012-5.373%2012-12-5.373-12-12-12zm1%2018v-4h-7v-4h7v-4l6%206-6%206z%22%20fill%3D%22%23999999%22%2F%3E%3C%2Fsvg%3E");
  background-position: right top 0.5em;
  padding: 0.2em 1.8em 0.2em 0;
}

@supports (display: grid) {
  .posts-navigation .nav-links,
  .post-navigation .nav-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1em;
    align-items: center;
  }
  .posts-navigation .nav-links .nav-previous,
  .posts-navigation .nav-links .nav-next,
  .post-navigation .nav-links .nav-previous,
  .post-navigation .nav-links .nav-next {
    width: auto;
  }
  .posts-navigation .nav-links .nav-previous,
  .post-navigation .nav-links .nav-previous {
    -ms-grid-column: 2;
  }
}

@media screen and (min-width: 64em) {
  .utility-menu {
    font-size: 0.7em;
    font-weight: normal;
    padding: 0;
    text-align: right;
  }
  .utility-menu li {
    margin-bottom: 0;
  }
  .secondary-navigation {
    margin-top: 1em;
  }
}

.sidebar .post__social-media {
  text-align: center;
  margin: 0 auto 1.5em;
}

.sidebar .food-finder-promo {
  margin: 0 0 1.5em;
  border-bottom: 2px solid #e9e9e9;
}

.sidebar__img {
  display: none;
}

@media screen and (min-width: 64em) {
  .sidebar__img {
    display: block;
    margin: 2em auto 0;
    max-width: 85%;
  }
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

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

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

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em;
  padding-left: 1.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li {
  margin: 0 0 0.5em;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

.more-less-list {
  margin: 0 auto 2em;
}

.more-less-list .more-less-list__caption {
  font-size: 0.8em;
  font-weight: normal;
  letter-spacing: 1px;
  padding: 0 0 1em;
  text-align: center;
  text-transform: uppercase;
}

.more-less-list dl {
  line-height: 1.5;
  margin: 0 auto;
  width: max-content;
  text-align: center;
}

@supports (display: grid) {
  .more-less-list dl {
    text-align: unset;
  }
}

@media (min-width: 46.8em) {
  .more-less-list dl {
    align-items: center;
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 0.5em;
    grid-auto-columns: 1fr;
    grid-template-rows: repeat(99, min-content);
    width: 100%;
  }
}

.more-less-list dt {
  border-bottom: 2px solid #d9d9d9;
  border-bottom: 2px solid #e6e6e6;
  letter-spacing: 1px;
  margin: 0 0 0.5em;
  padding: 0 0 0.5em;
  text-transform: uppercase;
  width: 100%;
}

@media (min-width: 46.8em) {
  .more-less-list dt {
    grid-row: 1;
  }
}

.more-less-list dt:not(:first-child) {
  margin-top: 1em;
}

@media (min-width: 46.8em) {
  .more-less-list dt:not(:first-child) {
    margin-top: 0;
  }
}

.more-less-list dt svg {
  float: left;
  margin-right: 0.75em;
  width: 1.5em;
}

.more-less-list dd {
  margin: 0;
  padding: 0 1em 0.5em 2.25em;
}

@media (min-width: 46.8em) {
  .more-less-list dd {
    padding: 0 0.25em 0.5em;
  }
}

@media (min-width: 70em) {
  .more-less-list dd {
    padding: 0 0.25em 0.5em 2.25em;
  }
}

@media (min-width: 46.8em) {
  .more-less-list--has-graphic {
    align-items: center;
    display: grid;
    grid-template-columns: 9em auto;
    grid-column-gap: 2em;
  }
}

@media (min-width: 80em) {
  .more-less-list--has-graphic {
    grid-template-columns: 12em auto;
  }
}

.more-less-list--has-graphic > svg {
  display: block;
  margin: 0 auto;
  width: 9em;
}

@media (min-width: 46.8em) {
  .more-less-list--has-graphic > svg {
    grid-row: 1 / span 2;
  }
}

@media (min-width: 46.8em) {
  .more-less-list--has-graphic dl {
    grid-column: 2;
    grid-row: 2;
  }
}

@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .more-less-list dl {
    display: block;
  }
  .more-less-list dt svg {
    height: 1.5em;
    width: 1.5em;
  }
}

@media (min-width: 46.8em) {
  .more-less-list--fats dl {
    grid-template-columns: minmax(max-content, 1fr) 1fr;
  }
}

.more-less-list--fats > svg {
  width: 6em;
}

.more-less-list--baby > svg {
  width: 7em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

table th,
table td {
  padding: 0.5em;
}

/*********************
MORE LESS TABLE
*********************/
table.more-less {
  margin-bottom: 2em;
  text-align: center;
  font-size: 1.2em;
  box-shadow: 0px 2px 10px #999;
}

table.more-less th {
  border: none;
  padding: 0.5em 1em;
  background: #00a2e0;
  color: #fff;
}

table.more-less td {
  border-left: 2px solid #ddd;
  width: 50%;
  padding: 0.5em 1em;
}

table.more-less td:first-child {
  font-weight: normal;
  border-left: none;
}

.table-more-less {
  margin: 0 auto 1.5em;
  text-align: left;
}

@media (min-width: 46.8em) {
  .table-more-less {
    max-width: 66.667%;
  }
}

.table-more-less caption {
  font-size: 0.8em;
  letter-spacing: 1px;
  padding: 1.25em;
  text-transform: uppercase;
}

.table-more-less th {
  border-bottom: 2px solid #d9d9d9;
  letter-spacing: 1px;
  padding: 0 0 0.5em;
  text-transform: uppercase;
}

.table-more-less th svg {
  float: left;
  margin-right: 0.75em;
  max-width: 1.5em;
}

.table-more-less td {
  padding: 0 0.25em;
  width: 50%;
}

@media (min-width: 46.8em) {
  .table-more-less td {
    padding: 0 0.25em 0 2em;
  }
}

.table-more-less tbody tr:first-child td {
  padding-top: 0.5em;
}

@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .table-more-less th svg {
    height: 1.5em;
    width: 1.5em;
  }
}

/*********************
RECIPE MATRIX TABLE
*********************/
.recipe-matrix {
  line-height: 1.5em;
}

.recipe-matrix td,
.recipe-matrix th {
  border: 1px solid #ccc;
  padding: 1em 0.5em;
  vertical-align: top;
  width: 20%;
}

.recipe-matrix th {
  background: #ddd;
}

.recipe-matrix thead th:first-child {
  font-style: italic;
  font-weight: normal;
  vertical-align: middle;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
  margin-bottom: 2em;
}

figure {
  margin: 0 0 2em;
}

figure.alignright,
figure.alignleft {
  margin-bottom: 1em;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 2em;
  max-width: 100%;
  font-size: 0.8em;
  border-bottom: 2px solid #e9e9e9;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
  font-style: italic;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

.responsive-container,
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.responsive-container iframe,
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.button,
.button-link,
.wp-block-button__link,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button--blue,
.button--dark-gray,
.food-finder-promo form input[type="submit"] {
  display: inline-block;
  font-family: "Avenir Next", sans-serif;
  text-decoration: none;
  font-size: 0.9em;
  line-height: 1.2em;
  font-weight: normal;
  padding: 0.5em 1.4em;
  cursor: pointer;
  border: none;
  border-radius: 0.3em;
  transition: all 0.14s ease-in-out;
}

.button:hover,
.button-link:hover,
.wp-block-button__link:hover,
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button--blue:hover,
.button--dark-gray:hover,
.food-finder-promo form input:hover[type="submit"],
.button:focus,
.button-link:focus,
.wp-block-button__link:focus,
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button--blue:focus,
.button--dark-gray:focus,
.food-finder-promo form input:focus[type="submit"] {
  color: #fff;
  text-decoration: none;
  outline: 0;
}

.button:active,
.button-link:active,
.wp-block-button__link:active,
button:active,
input:active[type="button"],
input:active[type="reset"],
input:active[type="submit"],
.button--blue:active,
.button--dark-gray:active,
.food-finder-promo form input:active[type="submit"] {
  top: 1px;
}

.button,
.button-link,
.wp-block-button__link {
  font-size: 1em;
  background: #677b1b;
  color: #fff;
  margin: 0em auto 0em;
}

.button:visited,
.button-link:visited,
.wp-block-button__link:visited {
  color: #fff;
}

.button:hover,
.button:focus,
.button-link:hover,
.button-link:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
  color: #fff;
  background-color: #007dad;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  font-size: 1em;
  background: #677b1b;
  color: #fff;
  margin: 0em auto 0em;
}

button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited {
  color: #fff;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  color: #fff;
  background-color: #007dad;
}

.button--blue {
  font-size: 1em;
  background: #007dad;
  color: #fff;
  margin: 0em auto 0em;
}

.button--blue:visited {
  color: #fff;
}

.button--blue:hover,
.button--blue:focus {
  color: #fff;
  background-color: #677b1b;
}

.button--dark-gray {
  font-size: 1em;
  background: #646464;
  color: #fff;
  margin: 0em auto 0em;
}

.button--dark-gray:visited {
  color: #fff;
}

.button--dark-gray:hover,
.button--dark-gray:focus {
  color: #fff;
  background-color: #677b1b;
}

.button--round {
  border-radius: 50%;
  padding: 0.75em;
}

.button--icon {
  background-position: left 0.75em center;
  background-repeat: no-repeat;
  background-size: auto 1.25em;
  padding-left: 2.5em;
  text-align: center;
}

.button--cpe {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%2012.875v5.068c0%202.754-5.789%204.057-9%204.057-3.052%200-9-1.392-9-4.057v-6.294l9%204.863%209-3.637zm-8.083-10.875l-12.917%205.75%2012%206.5%2011-4.417v7.167h2v-8.25l-12.083-6.75zm13.083%2020h-4c.578-1%201-2.5%201-4h2c0%201.516.391%202.859%201%204z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
}

.button--feedback {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M18%2014.45v6.55h-16v-12h6.743l1.978-2h-10.721v16h20v-10.573l-2%202.023zm1.473-10.615l1.707%201.707-9.281%209.378-2.23.472.512-2.169%209.292-9.388zm-.008-2.835l-11.104%2011.216-1.361%205.784%205.898-1.248%2011.103-11.218-4.536-4.534z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
}

.button--download {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M16%2011h5l-9%2010-9-10h5v-11h8v11zm3%208v3h-14v-3h-2v5h18v-5h-2z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fsvg%3E");
}

.button--back {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M13.427%203.021H6V0L0%205.39%206%2011V8h7.427c3.071%200%205.561%202.356%205.561%205.427%200%203.071-2.489%205.573-5.561%205.573H6v5h7.427C19.267%2024%2024%2019.266%2024%2013.427S19.267%203.021%2013.427%203.021z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
}

.button--reserve {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%2012.194v9.806h-20v-20h18.272l-1.951%202h-14.321v16h16v-5.768l2-2.038zm.904-10.027l-9.404%209.639-4.405-4.176-3.095%203.097%207.5%207.273%2012.5-12.737-3.096-3.096z%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #333;
  border: 2px solid #e9e9e9;
  padding: 0.2em;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 2px solid #e9e9e9;
}

textarea {
  width: 100%;
}

.form-search {
  font-size: 1.2em;
  background: #e9e9e9;
  padding: 0.75em 0.5em;
  border-radius: 0.3em;
  position: relative;
  overflow: auto;
}

@supports (display: grid) {
  .form-search {
    display: grid;
    grid-template-columns: auto 20%;
    grid-column-gap: 0em;
    grid-template-areas: "search-input__container search-button__container" "recipe-checkbox__container recipe-checkbox__container";
  }
}

@media only screen and (min-width: 64em) {
  .form-search {
    font-size: 1em;
  }
}

.search-input__container {
  float: left;
  width: 78%;
  margin: 0;
}

@supports (display: grid) {
  .search-input__container {
    grid-area: search-input__container;
    width: auto;
  }
}

.search-input__container input[type="search"] {
  width: 100%;
  border: none;
  font-size: 0.9em;
  min-height: 2.2em;
  border-radius: 0.3em;
}

@supports (display: grid) {
  .search-input__container input[type="search"] {
    height: 100%;
  }
}

@media only screen and (min-width: 64em) {
  .search-input__container input[type="search"] {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.search-button__container {
  position: absolute;
  top: 0.75em;
  right: 0.5em;
  width: 20%;
}

@supports (display: grid) {
  .search-button__container {
    -ms-grid-column: 2;
    grid-area: search-button__container;
    margin: 0;
    align-self: stretch;
    position: static;
    width: auto;
  }
}

.search-button__container button {
  padding: 0.3em 0;
  width: 100%;
  text-align: center;
  height: 100%;
  border-radius: 0;
}

@supports (display: grid) {
  .search-button__container button {
    border-radius: 0.3em;
  }
}

@media only screen and (min-width: 64em) {
  .search-button__container button {
    border-radius: 0;
    border-top-right-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
  }
}

.search-button__container svg {
  fill: #fff;
  width: 1.35em;
  height: 1.35em;
  vertical-align: middle;
}

.recipe-checkbox__container {
  align-items: center;
  clear: left;
  font-size: 0.75em;
  font-style: italic;
  float: left;
  display: flex;
  margin: 0.75em 0 0;
  width: 100%;
}

@supports (display: grid) {
  .recipe-checkbox__container {
    -ms-grid-row: 2;
    -ms-grid-column-span: 2;
    grid-area: recipe-checkbox__container;
    width: auto;
  }
}

.recipe-checkbox__container input {
  margin-right: 0.5em;
}

.food-finder-promo form {
  background: #b2d234;
  border-radius: 0.3em;
  margin: 0 0 1em;
  padding: 0.75em;
}

.food-finder-promo form fieldset {
  border: 0;
  padding: 0;
}

.food-finder-promo form label {
  display: block;
  font-weight: bold;
  margin: 0 auto 0.5em;
}

.food-finder-promo form input[type="text"] {
  border: 0;
  margin: 0 auto 0.5em;
  padding: 0;
  width: 100%;
}

.food-finder-promo form input[type="submit"] {
  font-size: 0.9em;
  background: #1A365E;
  color: #fff;
  margin: 0em auto 0.5em;
  width: 100%;
 
}

.food-finder-promo form input[type="submit"]:visited {
  color: #fff;
}

.food-finder-promo form input[type="submit"]:hover,
.food-finder-promo form input[type="submit"]:focus {
  color: #fff;
  background-color: #004661;
}

.food-finder-promo form p {
  font-size: 0.8em;
  font-style: italic;
  margin: 0;
}

@media only screen and (min-width: 64em) {
  .food-finder-promo form input[type="text"] {
    width: 60%;
    float: left;
    min-height: 2em;
  }
  .food-finder-promo form input[type="submit"] {
    width: 37%;
    float: right;
  }
  @supports (display: grid) {
    .food-finder-promo form div {
      display: grid;
      grid-template-columns: 70% auto;
      grid-column-gap: 0.5em;
    }
    .food-finder-promo form legend {
      font-weight: bold;
    }
    .food-finder-promo form label {
      -ms-grid-column-span: 3;
      grid-column: 1 / 3;
    }
    .food-finder-promo form input[type="text"] {
      -ms-grid-column-span: 2;
      -ms-grid-row: 2;
      grid-column: 1 / 2;
      width: 100%;
      min-height: auto;
    }
    .food-finder-promo form input[type="submit"] {
      -ms-grid-column: 2;
      -ms-grid-row: 2;
      grid-column: 2 / 3;
      margin: 0 0 0.5em;
      width: auto;
    }
  }
}

.gform_confirmation_message .success {
  background-color: #ffffe0;
  border: 2px solid #e9e9e9;
  padding: 1em;
}

.form-privacy-disclaimer {
  font-size: 0.8em;
  color: #767676;
}

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.widget {
  margin: 0 0 1.5em;
  border-bottom: 2px solid #e9e9e9;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

.widget > ul {
  padding: 0;
  list-style: none;
}

.icon {
  width: 3em;
  height: 3em;
}

.icon--facebook {
  fill: #3b5998;
}

.icon--twitter {
  fill: #1da1f2;
}

.icon--linkedin {
  fill: #0077b5;
}

.icon--youtube {
  fill: #cd201f;
}

.icon--rss {
  fill: #f26522;
}

/*! Based on @chriscoyier https://codepen.io/chriscoyier/pen/egHEK */
.nutrition-facts__panel {
  border: 2px solid black;
  padding: 0.25em;
  box-sizing: border-box;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  max-width: 17.25em;
  margin: 0;
}

.nutrition-facts__panel b {
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
}

.nutrition-facts__title {
  font-weight: bold;
  font-size: 2em;
  font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
  margin: 0;
  line-height: 1em;
  letter-spacing: 0;
  border-bottom: 1px solid black;
  text-transform: none;
}

.nutrition-facts__header {
  border-bottom: 10px solid black;
  padding: 0 0 0.1em 0;
  margin: 0 0 0.1em 0;
}

.nutrition-facts__header p {
  margin: 0;
}

.nutrition-facts__table {
  border-collapse: collapse;
  font-size: 0.8em;
  width: 100%;
  margin: 0 0 0.25em;
}

.nutrition-facts__table thead tr th,
.nutrition-facts__table thead tr td {
  border: 0;
}

.nutrition-facts__table th,
.nutrition-facts__table td {
  font-weight: normal;
  text-align: left;
  padding: 0.1em 0;
  border-top: 1px solid black;
  white-space: nowrap;
}

.nutrition-facts__table td:last-child {
  text-align: right;
}

.nutrition-facts__table thead th {
  line-height: 0.9em;
}

.nutrition-facts__table .nutrition-facts__calories th,
.nutrition-facts__table .nutrition-facts__calories td {
  border: 0;
  padding: 0;
  line-height: 0.8em;
}

.nutrition-facts__table .nutrition-facts__calories th {
  font-size: 2.1em;
}

.nutrition-facts__table .nutrition-facts__calories td {
  font-size: 2.8em;
  padding-bottom: 0.1em;
}

.nutrition-facts__table .blank-cell {
  width: 1.5em;
}

.nutrition-facts__table .nutrition-facts__added-sugars .blank-cell {
  border: 0;
}

.nutrition-facts__table .nutrition-facts__added-sugars th {
  padding-left: 1.2em;
}

.nutrition-facts__table .medium-row th,
.nutrition-facts__table .medium-row td {
  border-top-width: 5px;
}

.nutrition-facts .small-info {
  font-size: 0.65em;
  line-height: 1.3em;
}

.nutrition-facts .thick-end {
  border-bottom: 10px solid black;
}

.nutrition-facts .medium-end {
  border-bottom: 5px solid black;
}

.nutrition-facts .thin-end {
  border-bottom: 1px solid black;
}

.nutrition-facts .more-info,
.nutrition-facts .no-info {
  display: none;
}

.nutrition-facts__ingredients {
  font-size: 0.8em;
}

.nutrition-facts__view-more-link {
  background-color: transparent;
  color: #333;
  display: inline-block;
  font-size: 0.8em;
  padding: 0.5em 0;
  text-decoration: none;
}

.nutrition-facts__view-more-link:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%200%200%2024%200%2024%22%3E%3Cpath%20d%3D%22M20.2%200l2.98%203L12%2014.13.81%203%203.8%200%2012%208.17%2020.2%200zM12%2018.04L3.8%209.87l-2.98%203L12%2024l11.19-11.13-2.98-3L12%2018.04z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 80% auto;
  background-position: center center;
  content: "";
  display: inline-block;
  height: 1em;
  margin-left: 0.25em;
  width: 1em;
}

.nutrition-facts__view-more-link:hover {
  background-color: transparent;
  color: #333;
  text-decoration: underline;
}

.nutrition-facts__view-more-link:focus {
  background-color: transparent;
  color: #333;
}

.nutrition-facts__view-more-link.nfp_moreopen:after {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M24%2020.188l-8.315-8.209%208.2-8.282-3.697-3.697-8.212%208.318-8.31-8.203-3.666%203.666%208.321%208.24-8.206%208.313%203.666%203.666%208.237-8.318%208.285%208.203z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fsvg%3E");
}

@media screen and (min-width: 64em) {
  .nutrition-facts__panel {
    max-width: none;
  }
}

.slab {
  clear: both;
  width: 100%;
  margin: 1.5em auto;
}

.slab h3 {
  font-family: "Avenir Next", sans-serif;
  font-size: 1.3em;
  line-height: 1.3em;
}

.slab p:last-of-type {
  margin-bottom: 0;
}

.slab + .slab {
  margin-top: 0;
}

.slab-partners h3 {
  margin-bottom: 0;
}

.slab-newsletter {
  color: #fff;
  background: #004f6d;
  padding: 2em;
  position: relative;
}

.slab-newsletter:before {
  content: " ";
  position: absolute;
  top: 0.75em;
  left: 0.75em;
  right: 0.75em;
  bottom: 0.75em;
  border: 2px solid #fff;
  z-index: 1;
}

.slab-newsletter h3 {
  text-align: center;
  font-family: "Avenir Next", sans-serif;
  font-weight: normal;
  font-size: 1.5em;
  margin: 1em auto;
  line-height: 1.3em;
}

.slab-newsletter a,
.slab-newsletter a:visited {
  color: rgba(255, 255, 255, 0.8);
}

.slab-newsletter .gform_wrapper {
  z-index: 2;
  position: relative;
  margin: 0 auto;
  max-width: 45em;
}

.slab-newsletter .gform_wrapper .gform_footer .gform_button {
  width: 100%;
}

.slab-newsletter input[type="text"] {
  font-size: 1.1em;
  font-style: italic;
  border: none;
}

.slab-newsletter .gform_button {
  text-align: center;
}

.slab-newsletter .gform_confirmation_wrapper {
  background: none;
}

.slab-newsletter .validation_message,
.slab-newsletter .validation_error {
  background: #fff;
}

.slab-newsletter .validation_error {
  grid-column: span 2;
}

.slab-newsletter .form-privacy-disclaimer {
  color: rgba(255, 255, 255, 0.8);
}

.slab-partners ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.slab-partners li {
  margin: 0;
  text-align: center;
  float: left;
  width: 16%;
  padding: 0.25em;
}

.slab-partners li a {
  display: block;
  line-height: 1px;
}

.slab-partners img {
  margin: 0;
  max-width: 90%;
}

.slab-recipes ul {
  list-style-type: none;
  margin: 0 0 1.5em;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.slab-recipes li {
  margin: 0;
  text-align: center;
  float: left;
  width: 48%;
}

.slab-recipes li:last-child {
  display: none;
}

.slab-recipes li a {
  display: block;
  text-decoration: none;
}

.slab-recipes span {
  display: block;
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.slab-recipes img {
  margin: 0;
}

@media screen and (min-width: 46.8em) {
  .slab-newsletter form {
    max-width: 68em;
    overflow: auto;
  }
  .slab-newsletter #gform_wrapper_9 .gform_body {
    float: left;
    width: 70%;
  }
  .slab-newsletter #gform_wrapper_9 .gform_footer {
    width: 29%;
    float: right;
    clear: none;
  }
  .slab-newsletter #gform_wrapper_9 li.gfield {
    margin-top: 0;
    padding: 0;
  }
  .slab-newsletter #gform_wrapper_9 .gform_footer {
    margin: 0;
    padding: 0;
  }
  .slab-newsletter #gform_wrapper_9 .gform_button {
    margin: 0;
  }
  .slab-newsletter #gform_wrapper_9 .ginput_container {
    margin-top: 0;
  }
  .slab-partners a {
    overflow: hidden;
  }
  .slab-partners a img {
    transition: all 0.3s;
  }
  .slab-partners a:hover img {
    transform: scale(1.1);
  }
  .slab-recipes li {
    width: 20%;
  }
  .slab-recipes li:last-child {
    display: list-item;
  }
  .slab-recipes li a {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    line-height: 1px;
  }
  .slab-recipes li a img {
    transition: all 0.3s;
  }
  .slab-recipes li a span {
    display: none;
    line-height: 1.2em;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
  }
  .slab-recipes li a:hover span {
    display: block;
  }
  .slab-recipes li a:hover img {
    filter: brightness(0.35);
    transform: scale(1.1);
  }
  .slab-recipes p {
    width: 75%;
    float: left;
  }
  .slab-recipes p:last-child {
    width: 20%;
    float: right;
  }
  @supports (display: grid) {
    .slab-newsletter form {
      align-items: start;
      display: grid;
      -ms-grid-columns: 70% 2em calc(30% - 2em);
      grid-template-columns: 70% auto;
      grid-column-gap: 2em;
      grid-template-areas: "gform_body gform_footer";
    }
    .slab-newsletter #gform_wrapper_9 .gform_body {
      grid-area: gform_body;
      width: auto;
    }
    .slab-newsletter #gform_wrapper_9 .gform_footer {
      -ms-grid-column: 3;
      grid-area: gform_footer;
      display: flex;
      align-items: center;
      width: auto;
    }
  }
  @supports (display: grid) {
    .slab-recipes {
      display: grid;
      -ms-grid-columns: 60% 5% 35%;
      grid-template-columns: repeat(5, 1fr);
      grid-column-gap: 2em;
    }
    .slab-recipes h3 {
      -ms-grid-column-span: 3;
      grid-column: 1 / 6;
    }
    .slab-recipes ul {
      -ms-grid-row: 2;
      -ms-grid-column-span: 3;
      grid-column: 1 / 6;
    }
    .slab-recipes p {
      -ms-grid-row: 3;
      -ms-grid-column-span: 2;
      grid-column: 1 / 5;
      width: auto;
    }
    .slab-recipes p:last-child {
      -ms-grid-row: 3;
      -ms-grid-column: 3;
      grid-column: 5 / 6;
      text-align: center;
      width: auto;
    }
  }
}

.c-accordion__title {
  padding: 1em 2.3em 1em 1em;
  background-color: #e9e9e9;
  background-position: right 1em center;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
}

.c-accordion__title:after,
.c-accordion__title:before {
  position: absolute;
  border-radius: 3px;
  background: #999;
  content: "";
  transition: 400ms all ease-out;
}

.c-accordion__title:after {
  top: 32px;
  right: 10px;
  height: 4px;
  width: 24px;
}

.c-accordion__title:before {
  top: 20px;
  right: 20px;
  width: 4px;
  height: 24px;
}

.c-accordion__item.is-open .c-accordion__title {
  background-color: #00587a;
  color: #fff;
  background-image: none;
}

.c-accordion__item.is-open .c-accordion__title:after,
.c-accordion__item.is-open .c-accordion__title:before {
  content: "";
  background: #fff;
}

.c-accordion__item.is-open .c-accordion__title:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.c-accordion__content {
  padding: 0 1em 1em;
}

.team-member__name {
  font-size: 1.2em;
  font-weight: bold;
}

.team-member__title,
.blog-author__title {
  font-style: italic;
  margin-bottom: 1em;
}

.blog-author a {
  font-weight: bold;
}

.team-member-list .team-member {
  margin: 0 0 2em;
  padding: 0 0 2em 0;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%228%22%20viewBox%3D%220%200%200%200%20600%200%208%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20gradientUnits%3D%22userSpaceOnUse%22%20y1%3D%224%22%20x2%3D%22600%22%20y2%3D%224%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.25%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23DDD%22%2F%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%20gradientUnits%3D%22userSpaceOnUse%22%20y1%3D%224%22%20x2%3D%22600%22%20y2%3D%224%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.25%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23DDD%22%2F%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M292.1%203l-.1%201%20.1%201H0V3h292.1z%22%20fill%3D%22url%28%23a%29%22%2F%3E%3Cpath%20d%3D%22M600%203v2H307.9l.1-1-.1-1H600z%22%20fill%3D%22url%28%23b%29%22%2F%3E%3Cpath%20d%3D%22M300%207a3%203%200%201%201%200-6%203%203%200%200%201%200%206z%22%20fill%3D%22%23DDD%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: bottom center;
}

@media only screen and (min-width: 46.8em) {
  .team-member {
    clear: both;
  }
  .team-member__image {
    float: left;
    margin-right: 2em;
    max-width: 14em;
  }
  .sidebar .team-member__image,
  .webinar-single__hosts .team-member__image {
    max-width: 50%;
  }
  .team-member__image img {
    width: 100%;
  }
  .blog-author__image {
    float: right;
    margin: 0 0 1em 1em;
    max-width: 50%;
  }
}

/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.entry-meta {
  color: #767676;
  font-family: "Avenir Next", sans-serif;
  font-weight: bold;
  font-size: 0.8em;
  letter-spacing: 1px;
  margin: 0 0 1.5em;
  text-transform: uppercase;
}

.entry-meta a {
  color: #767676;
  text-decoration: none;
  border-bottom: 1px dotted #b3b3b3;
}

.entry-meta a:hover {
  color: #00587a;
  border-bottom: 2px solid #00587a;
}

.single-post .entry-title,
.single-news .entry-title {
  text-transform: none;
  letter-spacing: 0;
}

.single-post .entry-footer,
.single-news .entry-footer {
  border-top: 3px solid #e9e9e9;
  margin: 2em auto;
}

.single-post .entry-footer {
  background: #e9e9e9;
  border-radius: 0.3em;
  letter-spacing: 1px;
  padding: 1em;
  text-transform: uppercase;
}

.cat-links,
.tags-links {
  display: block;
  font-size: 0.8em;
  color: #333;
  margin: 0 auto;
}

.cat-links a,
.tags-links a {
  color: #333;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: none;
  border-bottom: 1px dotted #767676;
}

.cat-links a:hover,
.tags-links a:hover {
  color: #007dad;
  border-bottom: 2px solid #007dad;
}

.tags-links {
  margin-top: 1em;
}

.search-results .page-title {
  color: #767676;
}

.search-results .page-title span {
  color: #333;
}

.archive .entry-title,
.search .entry-title,
.blog .entry-title {
  margin-bottom: 0.25em;
}

.archive .hentry,
.search .hentry,
.blog .hentry {
  margin: 0 0 2em;
  padding: 0 0 2em 0;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%228%22%20viewBox%3D%220%200%200%200%20600%200%208%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20gradientUnits%3D%22userSpaceOnUse%22%20y1%3D%224%22%20x2%3D%22600%22%20y2%3D%224%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.25%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23DDD%22%2F%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%20gradientUnits%3D%22userSpaceOnUse%22%20y1%3D%224%22%20x2%3D%22600%22%20y2%3D%224%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.25%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23DDD%22%2F%3E%3Cstop%20offset%3D%22.75%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%22.5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23DDD%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D%22M292.1%203l-.1%201%20.1%201H0V3h292.1z%22%20fill%3D%22url%28%23a%29%22%2F%3E%3Cpath%20d%3D%22M600%203v2H307.9l.1-1-.1-1H600z%22%20fill%3D%22url%28%23b%29%22%2F%3E%3Cpath%20d%3D%22M300%207a3%203%200%201%201%200-6%203%203%200%200%201%200%206z%22%20fill%3D%22%23DDD%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: bottom center;
}

.archive .entry-content img,
.archive .entry-summary img,
.search .entry-content img,
.search .entry-summary img,
.blog .entry-content img,
.blog .entry-summary img {
  margin-bottom: 1em;
  width: 100%;
}

.archive .entry-content p:last-of-type,
.archive .entry-summary p:last-of-type,
.search .entry-content p:last-of-type,
.search .entry-summary p:last-of-type,
.blog .entry-content p:last-of-type,
.blog .entry-summary p:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width: 64em) {
  .error404 .site-content {
    background-image: url("images/eggplant-small.png"),
      url("images/eggplant-large.png");
    background-position: center left 10%, center right 10%;
    background-size: auto 60%, auto 100%;
    background-repeat: no-repeat, no-repeat;
    padding: 3em 20%;
  }
}

.wp-block-latest-posts__list {
  padding-left: 0;
}

.wp-block-latest-posts__list li {
  margin-bottom: 2em;
}

.wp-block-latest-posts__list a {
  border-bottom: 1px dotted #b3b3b3;
  color: #333;
  font-size: 1.17em;
  font-weight: bold;
  text-decoration: none;
}

.wp-block-latest-posts__list a:visited {
  color: #333;
}

.wp-block-latest-posts__list a:hover {
  color: #007dad;
  border-bottom: 2px solid #007dad;
}

.wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt {
  margin-top: 1em;
}

.wp-block-latest-posts__featured-image.alignleft {
  margin-right: 2em;
}

.wp-block-latest-posts__featured-image.alignright {
  margin-left: 2em;
}

@media (min-width: 46.8em) {
  .post-type-archive-gs_instagram .site-main {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 0.125em;
  }
}

.post-type-archive-gs_instagram .hentry {
  background: none;
  margin: 0;
  padding: 0;
}

.post-type-archive-gs_instagram .entry-content img {
  display: block;
}

@media (min-width: 46.8em) {
  .post-type-archive-gs_instagram .entry-content img {
    margin: 0;
  }
}

.post-type-archive-gs_instagram .page-header,
.post-type-archive-gs_instagram .pagination {
  grid-column: span 3;
}

.post-type-archive-gs_instagram .page-header {
  align-items: center;
  color: #767676;
  display: flex;
  justify-content: center;
}

.post-type-archive-gs_instagram .page-header svg {
  fill: currentColor;
  margin-right: 0.25em;
}

.home-content_featured-post img,
.home-content__blog-promo img,
.home-content__promo img {
  width: 100%;
  margin-bottom: 1em;
}

.home-content_featured-post .h2,
.home-content__blog-promo .h3 {
  margin: 0 0 0.5em;
}

.home-content_featured-post .h2 a,
.home-content__blog-promo .h3 a {
  text-decoration: none;
}

.home-content_featured-post .h4,
.home-content__blog-promo .h4 {
  margin-bottom: 0;
}

.home-content_featured-post .h4 a,
.home-content__blog-promo .h4 a {
  color: #767676;
  text-decoration: none;
}

.home-content__blog-promo h3 {
  margin: 0;
}

.home-content__blog-promo h4 {
  margin-top: 0.5em;
}

.home-content__recent-posts .h2 + .entry-meta {
  margin-top: -1.5em;
}

@media screen and (min-width: 46.8em) {
  .home .site-content .content-area {
    width: 100%;
    max-width: none;
    z-index: 1;
  }
  .home-content_featured-post,
  .home-content__blog-promo {
    float: left;
    width: 60%;
    clear: left;
  }
  .home-content__intro,
  .home-content__recent-posts {
    float: right;
    width: 35%;
  }
  .home-content__promo,
  .home-content__news,
  .home-content__food-finder-promo {
    float: left;
    width: 30%;
    margin-left: 1.5%;
    margin-right: 1.5%;
  }
  @supports (display: grid) {
    .home .site-content {
      grid-template-areas: "main-content main-content";
    }
    .home .site-content .content-area {
      -ms-grid-column-span: 3;
      width: auto;
    }
    .home-content {
      display: grid;
      -ms-grid-columns: 30% 5% 30% 5% 30%;
      grid-template-columns: repeat(12, [col] 1fr);
      grid-column-gap: 2em;
      grid-template-areas: "home-content__intro home-content__intro home-content__intro home-content__intro home-content__intro home-content_featured-post home-content_featured-post home-content_featured-post home-content_featured-post home-content_featured-post home-content_featured-post home-content_featured-post" "home-content__slab-newsletter home-content__slab-newsletter home-content__slab-newsletter home-content__slab-newsletter home-content__slab-newsletter home-content__slab-newsletter home-content__slab-newsletter home-content__slab-newsletter home-content__slab-newsletter home-content__slab-newsletter home-content__slab-newsletter home-content__slab-newsletter" "home-content__slab-recipes home-content__slab-recipes home-content__slab-recipes home-content__slab-recipes home-content__slab-recipes home-content__slab-recipes home-content__slab-recipes home-content__slab-recipes home-content__slab-recipes home-content__slab-recipes home-content__slab-recipes home-content__slab-recipes" "home-content__slab-partners home-content__slab-partners home-content__slab-partners home-content__slab-partners home-content__slab-partners home-content__slab-partners home-content__slab-partners home-content__slab-partners home-content__slab-partners home-content__slab-partners home-content__slab-partners home-content__slab-partners" "home-content__promo home-content__promo home-content__promo home-content__promo home-content__news home-content__news home-content__news home-content__news home-content__food-finder-promo home-content__food-finder-promo home-content__food-finder-promo home-content__food-finder-promo" "home-content__blog-promo home-content__blog-promo home-content__blog-promo home-content__blog-promo home-content__blog-promo home-content__blog-promo home-content__blog-promo home-content__recent-posts home-content__recent-posts home-content__recent-posts home-content__recent-posts home-content__recent-posts";
    }
    .home-content__intro {
      -ms-grid-column: 5;
      grid-area: home-content__intro;
      width: auto;
    }
    .home-content_featured-post {
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
      grid-area: home-content_featured-post;
      width: auto;
    }
    .home-content__slab-newsletter {
      -ms-grid-column-span: 5;
      -ms-grid-row: 2;
      grid-area: home-content__slab-newsletter;
    }
    .home-content__slab-recipes {
      -ms-grid-column-span: 5;
      -ms-grid-row: 3;
      grid-area: home-content__slab-recipes;
    }
    .home-content__slab-partners {
      -ms-grid-column-span: 5;
      -ms-grid-row: 4;
      grid-area: home-content__slab-partners;
    }
    .home-content__promo {
      -ms-grid-row: 5;
      width: auto;
      grid-area: home-content__promo;
    }
    .home-content__news {
      -ms-grid-row: 5;
      -ms-grid-column: 3;
      width: auto;
      grid-area: home-content__news;
    }
    .home-content__food-finder-promo {
      -ms-grid-row: 5;
      -ms-grid-column: 5;
      width: auto;
      grid-area: home-content__food-finder-promo;
    }
    .home-content__blog-promo {
      -ms-grid-row: 6;
      -ms-grid-column-span: 3;
      width: auto;
      grid-area: home-content__blog-promo;
    }
    .home-content__recent-posts {
      -ms-grid-row: 6;
      -ms-grid-column: 5;
      width: auto;
      grid-area: home-content__recent-posts;
    }
  }
}

@media screen and (min-width: 64em) {
  @supports (display: grid) {
    .home-content {
      grid-column-gap: 5em;
    }
  }
}

/*
----------------------
Recipe Single
----------------------
*/
.recipe__meta {
  font-size: 0.85em;
  font-style: italic;
  margin: 0 0 2em;
}

.star-rating a {
  display: block;
  margin-bottom: 1.5em;
  text-decoration: none;
  color: #333;
}

.star-rating a .star-rating__def {
  background: #ddd;
  padding: 1em;
  text-align: center;
  font-size: 0.9em;
  border-radius: 0.2em;
  margin: 0;
  display: inline-block;
  width: calc(100% - 7em);
  vertical-align: middle;
}

.star-rating a:hover .star-rating__def {
  background: #007dad;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.star-rating__icon {
  width: 5.5em;
  height: 6em;
  display: inline-block;
  vertical-align: middle;
}

.star-rating__icon svg {
  width: 5.5em;
  height: 5.75em;
}

.star-rating__icon svg tspan {
  font-family: "Avenir Next", sans-serif;
  font-weight: bold;
}

@supports (display: grid) {
  .star-rating a {
    align-items: center;
    display: grid;
    grid-template-columns: 5.5em auto;
  }
  .star-rating a .star-rating__def {
    -ms-grid-row-align: center;
    -ms-grid-column: 2;
    width: auto;
  }
  .star-rating__icon {
    -ms-grid-row-align: center;
    height: auto;
    width: auto;
  }
}

.recipe__photo img {
  margin-bottom: 1em;
}

.recipe__lastest-article-area {
  border-top: 3px solid #e9e9e9;
  padding: 1em 1em 0;
}

.recipe__lastest-article-area .h2 {
  margin: 0 0 0.5em;
}

.recipe__lastest-article-area .h4 {
  margin-bottom: 0;
}

.recipe__lastest-article-area .h4 a {
  color: #767676;
}

.recipe__lastest-article-area ul {
  padding: 0;
}

.recipe__lastest-article-area li {
  list-style-type: none;
}

.recipe__lastest-article-area img {
  margin-bottom: 0;
}

.recipe__tax-list {
  margin: 3em auto 1.5em;
}

.recipe__tax-list ul {
  margin: 0;
  padding: 0;
}

.recipe__tax-list li {
  display: inline-block;
  list-style-type: none;
  margin: 0 0.25em 0.5em;
}

.recipe__tax-list a {
  background: #767676;
  border-radius: 0.3em;
  color: #fff;
  display: block;
  font-size: 0.9em;
  padding: 0.25em 0.75em;
  text-decoration: none;
}

.recipe__tax-list a:hover {
  background: #00587a;
}

/*
----------------------
Recipe Roundup
----------------------
*/
.recipe-roundup .icon--star-rating {
  float: left;
  margin: 0 1em 0 0;
}

.recipe-roundup .icon--star-rating svg {
  width: 3.875em;
  height: 4.3em;
}

.recipe-roundup__recipe {
  margin-bottom: 3em;
}

.recipe-roundup__recipe__content h2 {
  margin-top: 0;
}

/*
----------------------
Recipe Home Page
----------------------
*/
.recipe-home-promos img {
  width: 100%;
}

.recipe-home-promos__blog .h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
}

.recipe-home-promos__blog .h4 {
  margin-bottom: 0;
  margin-top: 1.5em;
}

.recipe-home-promos__blog .h4 a {
  color: #767676;
}

/*
----------------------
Recipe Archive Page
----------------------
*/
.post-type-archive-recipes .icon--star-rating,
.tax-recipe-dishes .icon--star-rating,
.tax-recipe_categories .icon--star-rating {
  float: left;
  margin: 0 1em 0 0;
}

.post-type-archive-recipes .icon--star-rating svg,
.tax-recipe-dishes .icon--star-rating svg,
.tax-recipe_categories .icon--star-rating svg {
  width: 3.875em;
  height: 4.3em;
}

/*
----------------------
Recipe Photo Shortcode
----------------------
*/
.recipe-photo-shortcode {
  margin-bottom: 2em;
  max-width: 100%;
  font-size: 0.8em;
  border-bottom: 2px solid #e9e9e9;
}

.recipe-photo-shortcode img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.recipe-photo-shortcode .recipe-photo-shortcode__caption {
  margin: 0.8075em 0;
  font-style: italic;
}

@media screen and (min-width: 46.8em) {
  /* Recipe Single */
  .star-rating {
    max-width: 20em;
  }
  .recipe__meta div {
    display: inline-block;
  }
  .recipe__meta div:after {
    content: "\00B7";
    display: inline-block;
    margin: 0 0.75em;
  }
  .recipe__meta div:last-child:after {
    content: "";
  }
  .recipe-roundup__recipe {
    overflow: auto;
  }
  .recipe-roundup__recipe__media {
    width: 64%;
    float: left;
  }
  .recipe-roundup__recipe__content {
    float: right;
    width: 33%;
  }
  .recipe-roundup__recipe:nth-child(even),
  .recipe-roundup--image-right {
    clear: both;
  }
  .recipe-roundup__recipe:nth-child(even) .recipe-roundup__recipe__media,
  .recipe-roundup--image-right .recipe-roundup__recipe__media {
    float: right;
  }
  .recipe-roundup__recipe:nth-child(even) .recipe-roundup__recipe__content,
  .recipe-roundup--image-right .recipe-roundup__recipe__content {
    float: left;
  }
  .recipe-home-promos > div {
    float: left;
    width: 48%;
  }
  .recipe-home-promos > div:last-child {
    float: right;
  }
  .recipe-home-promos__blog {
    float: right;
    width: 48%;
  }
  @supports (display: grid) {
    /* Recipe Home */
    .recipe-home-promos {
      display: grid;
      -ms-grid-columns: calc(50% - 1.5em) 3em calc(50% - 1.5em);
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 3em;
    }
    .recipe-home-promos > div {
      width: auto;
    }
    .recipe-home-promos > div:last-child {
      -ms-grid-column: 3;
    }
    /* Recipe Roundup */
    .recipe-roundup__recipe {
      align-items: center;
      display: grid;
      -ms-grid-columns: 32% 2% 32% 2% 32%;
      grid-template-columns: repeat(3, 1fr);
      grid-column-gap: 1em;
      grid-template-rows: fit-content(100%);
    }
    .recipe-roundup__recipe__media {
      -ms-grid-column-span: 3;
      grid-column: 1 / 3;
      width: auto;
    }
    .recipe-roundup__recipe__media img {
      transition: all 0.3s;
    }
    .recipe-roundup__recipe__media img:hover {
      transform: scale(0.95);
    }
    .recipe-roundup__recipe__content {
      -ms-grid-column: 5;
      grid-column: 3 / 4;
      width: auto;
    }
    .recipe-roundup__recipe:nth-child(even) .recipe-roundup__recipe__media,
    .recipe-roundup--image-right .recipe-roundup__recipe__media {
      -ms-grid-column: 3;
      grid-column: 2 / 4;
      grid-row: 1;
    }
    .recipe-roundup__recipe:nth-child(even) .recipe-roundup__recipe__content,
    .recipe-roundup--image-right .recipe-roundup__recipe__content {
      -ms-grid-column: 1;
      grid-column: 1 / 2;
    }
  }
}

@media screen and (min-width: 64em) {
  /* Recipe Single */
  .recipe__meta {
    float: left;
    width: 50%;
  }
  .recipe__social-media {
    float: right;
    text-align: right;
    width: 50%;
  }
  .recipe__content {
    width: 70%;
    float: left;
  }
  .recipe__headnote,
  .recipe__ingredients,
  .recipe__directions {
    max-width: 35em;
  }
  .nutrition-facts {
    width: 25%;
    float: right;
  }
  .recipe__lastest-article-area {
    clear: both;
    float: left;
    width: 65%;
  }
  .recipe__lastest-article-area .latest-post__media {
    float: left;
    width: 60%;
    margin: 0.5em 1.5em 0 0;
  }
  .recipe__lastest-article-area .latest-post__media a {
    display: flex;
  }
  /* Recipe Archive */
  .tax-recipe-dishes .site-main,
  .post-type-archive-recipes .site-main,
  .tax-recipe_categories .site-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .tax-recipe-dishes .site-main .page-header,
  .tax-recipe-dishes .site-main .pagination,
  .post-type-archive-recipes .site-main .page-header,
  .post-type-archive-recipes .site-main .pagination,
  .tax-recipe_categories .site-main .page-header,
  .tax-recipe_categories .site-main .pagination {
    width: 100%;
  }
  .tax-recipe-dishes .site-main .hentry,
  .post-type-archive-recipes .site-main .hentry,
  .tax-recipe_categories .site-main .hentry {
    width: calc(50% - 1em);
    margin-bottom: 1em;
  }
  @supports (display: grid) {
    .recipe {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto calc(((90vw * 0.75) * 32.5) / 50) auto auto;
      grid-template-areas: "recipe__meta recipe__meta recipe__social-media recipe__social-media" "recipe__content recipe__content recipe__content ..." "recipe__content recipe__content recipe__content nutrition-facts" "recipe-comments recipe-comments recipe-comments nutrition-facts" "recipe__lastest-article-area recipe__lastest-article-area recipe__lastest-article-area nutrition-facts";
    }
    .recipe__photo {
      float: right;
      margin: 0 calc(((90vw * 0.25)) * -1) 1.5em 1.5em;
      width: calc((90vw * 0.75) - 1.5em);
      text-align: right;
      max-width: none;
    }
    .recipe__photo img {
      display: inline-block;
      max-width: 50em;
      width: 100%;
      height: auto;
      margin: 0;
    }
    .recipe__meta {
      -ms-grid-column-span: 2;
      grid-area: recipe__meta;
      width: auto;
    }
    .nutrition-facts {
      -ms-grid-column: 4;
      -ms-grid-row: 3;
      -ms-grid-row-span: 2;
      grid-area: nutrition-facts;
      width: auto;
    }
    .recipe__social-media {
      -ms-grid-column: 3;
      -ms-grid-column-span: 2;
      grid-area: recipe__social-media;
      width: auto;
    }
    .recipe__content {
      -ms-grid-row: 2;
      -ms-grid-row-span: 2;
      -ms-grid-column-span: 3;
      grid-area: recipe__content;
      position: relative;
      width: auto;
    }
    .recipe__lastest-article-area {
      -ms-grid-row: 4;
      -ms-grid-column-span: 3;
      grid-area: recipe__lastest-article-area;
      margin-right: 5em;
      width: auto;
    }
    .single-recipes.logged-in .entry-content {
      display: grid;
      grid-template-columns: 3fr 1fr;
      grid-column-gap: 1em;
    }
    .single-recipes.logged-in .recipe__photo {
      float: none;
      margin-left: 0;
    }
    .recipe__admin-info {
      background: #eee;
      padding: 1em;
      order: 2;
    }
    .recipe__admin-info h3 {
      margin-top: 0;
    }
    .recipe__admin-info h4 {
      margin: 0;
    }
    .recipe__admin-info > ul {
      margin: 0;
      padding: 0;
    }
    .recipe__admin-info > ul li {
      list-style-type: none;
      margin-bottom: 1em;
    }
    .recipe__admin-info svg {
      height: 1em;
      width: 1em;
    }
    .recipe__admin-info svg + h4 {
      display: inline-block;
      margin-left: 0.5em;
    }
    .recipe__admin-info pre {
      padding: 0;
      margin: 0 0 1.5em;
    }
  }
}

@media screen and (min-width: 80em) {
  @supports (display: grid) {
    .recipe {
      grid-template-rows: auto 34.5em auto auto;
    }
    .recipe__photo {
      margin: 0 calc(((80em * 0.25)) * -1) 1.5em 1.5em;
      width: 50em;
      max-height: 33.3125em;
      overflow: hidden;
    }
    .recipe__photo img {
      object-position: bottom right;
      object-fit: contain;
    }
  }
}

/*
----------------------
Webinar home
----------------------
*/
.featured-webinar {
  border-bottom: 2px solid #e9e9e9;
  padding-bottom: 1.5em;
}

.featured-webinar h2 span {
  display: block;
  color: #767676;
  font-family: "Avenir Next", sans-serif;
  font-weight: bold;
  font-size: 0.6em;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}

.featured-webinar h2 a:hover span {
  text-decoration: none;
}

.featured-webinar__media img {
  width: 100%;
}

@media only screen and (min-width: 46.8em) {
  .featured-webinar__media {
    float: right;
    margin: 2.75em 0 1em 1em;
    width: 50%;
  }
}

@media only screen and (min-width: 46.8em) {
  @supports (display: grid) {
    .featured-webinar__copy {
      grid-area: featured-webinar__copy;
    }
  }
}

.webinar-meta {
  font-family: "Avenir Next", sans-serif;
  font-weight: bold;
  font-size: 0.85em;
  letter-spacing: 1px;
  margin: 0 0 1.5em;
  text-transform: uppercase;
}

.previous-webinars {
  padding-top: 2em;
}

.single-webinars .previous-webinars {
  border-top: 2px solid #e9e9e9;
}

@media only screen and (min-width: 46.8em) {
  .previous-webinars {
    clear: both;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.previous-webinars h2 {
  margin-bottom: 0;
  color: #767676;
  letter-spacing: 1px;
}

@media only screen and (min-width: 46.8em) {
  .previous-webinars h2 {
    width: 100%;
  }
}

.previous-webinar {
  margin-bottom: 2em;
}

.previous-webinar img {
  float: right;
  max-width: 50%;
  margin: 0 0 1em 1em;
}

@media only screen and (min-width: 46.8em) {
  .previous-webinar {
    width: calc(50% - 1em);
  }
}

/*
----------------------
CPE icon
----------------------
*/
.webinar--cpe h1,
.webinar--cpe h3,
.webinar--cpe h2 {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2215.23%22%20viewBox%3D%220%200%200%200%2025%200%2015.23%22%3E%3Cpath%20d%3D%22M2.68%200h19.64C23.8%200%2025%201.2%2025%202.68v9.87c0%201.48-1.2%202.68-2.68%202.68H2.68A2.68%202.68%200%200%201%200%2012.55V2.68C0%201.2%201.2%200%202.68%200z%22%20fill%3D%22%2391AC33%22%2F%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M8.68%209.82c-.32.15-.84.25-1.34.25-1.5%200-2.37-.95-2.37-2.44%200-1.63%201-2.49%202.38-2.49.56%200%201%20.12%201.32.26l.27-.98c-.25-.13-.83-.3-1.64-.3-2.07%200-3.62%201.34-3.62%203.57%200%202.06%201.3%203.42%203.45%203.42.82%200%201.46-.16%201.75-.31zM10.78%2011H12V8.45c.16.03.37.04.6.04.88%200%201.65-.23%202.15-.73.38-.36.58-.9.58-1.53%200-.64-.26-1.17-.66-1.5-.44-.36-1.1-.55-2-.55-.84%200-1.45.06-1.9.14zM12%205.18c.13-.03.37-.06.72-.06.85%200%201.37.4%201.37%201.16%200%20.79-.56%201.24-1.48%201.24a2.5%202.5%200%200%201-.6-.05zM21.02%206.99h-2.55V5.24h2.7V4.23h-3.94V11h4.1V9.98h-2.86V8h2.55z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center left;
}

.webinar--cpe h1 {
  background-position: top 0.5em left;
  padding-left: 1.2em;
}

.webinar--cpe h2 {
  background-position: top 0.5em left;
  padding-left: 1.25em;
}

.webinar--cpe h3 {
  background-position: top 0.5em left;
  padding-left: 1.75em;
}

.future-webinar.webinar--cpe h2 {
  padding-left: 0;
}

.future-webinar.webinar--cpe h2 span {
  padding-left: 2.2em;
}

/*
----------------------
Webinar single
----------------------
*/
.single-webinars .entry-title {
  margin-bottom: 1.5em;
}

.single-webinars .entry-title span {
  display: block;
  color: #767676;
  font-family: "Avenir Next", sans-serif;
  font-weight: bold;
  font-size: 0.6em;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}

@media only screen and (min-width: 46.8em) {
  .webinar-single__main {
    width: 64%;
    float: left;
    padding-bottom: 2em;
  }
  .webinar-single__main img {
    margin-bottom: 1.5em;
  }
  .webinar-single__buttons,
  .webinar-single__hosts {
    float: right;
    width: 33%;
  }
  .webinar-single__hosts {
    clear: right;
  }
  @supports (display: grid) {
    .webinar-single {
      display: grid;
      grid-template-columns: 60% 30%;
      grid-column-gap: 10%;
      grid-template-areas: "webinar-single__main webinar-single__buttons" "webinar-single__main webinar-single__hosts" "webinar-single__main webinar-single__hosts" "previous-webinars previous-webinars";
      grid-template-rows: minmax(0px, max-content);
    }
    .webinar-single .previous-webinars {
      grid-area: previous-webinars;
    }
    .webinar-single__main {
      grid-area: webinar-single__main;
      width: auto;
    }
    .webinar-single__buttons {
      grid-area: webinar-single__buttons;
      border-bottom: 2px solid #e9e9e9;
      padding: 1em;
      width: auto;
    }
    .webinar-single__hosts {
      grid-area: webinar-single__hosts;
      width: auto;
    }
  }
}

.webinar-home-link {
  color: #333;
  display: block;
  font-weight: bold;
  font-size: 0.9em;
  letter-spacing: 1px;
  margin: 1em auto;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}

.webinar-home-link:hover {
  color: #00587a;
}

/*TO REMOVE WHEN NEW WEBINAR LAUNCHED
*/
.secondary-navigation .page-item-10454,
.secondary-navigation .page-item-24525,
.secondary-navigation .page-item-10454,
.secondary-navigation .page-item-24341 {
  display: none;
}

.secondary-navigation .page-item-30405 a,
.secondary-navigation .page-item-31146 a {
  padding-left: 2.2em;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2215.23%22%20viewBox%3D%220%200%200%200%2025%200%2015.23%22%3E%3Cpath%20d%3D%22M2.68%200h19.64C23.8%200%2025%201.2%2025%202.68v9.87c0%201.48-1.2%202.68-2.68%202.68H2.68A2.68%202.68%200%200%201%200%2012.55V2.68C0%201.2%201.2%200%202.68%200z%22%20fill%3D%22%2391AC33%22%2F%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M8.68%209.82c-.32.15-.84.25-1.34.25-1.5%200-2.37-.95-2.37-2.44%200-1.63%201-2.49%202.38-2.49.56%200%201%20.12%201.32.26l.27-.98c-.25-.13-.83-.3-1.64-.3-2.07%200-3.62%201.34-3.62%203.57%200%202.06%201.3%203.42%203.45%203.42.82%200%201.46-.16%201.75-.31zM10.78%2011H12V8.45c.16.03.37.04.6.04.88%200%201.65-.23%202.15-.73.38-.36.58-.9.58-1.53%200-.64-.26-1.17-.66-1.5-.44-.36-1.1-.55-2-.55-.84%200-1.45.06-1.9.14zM12%205.18c.13-.03.37-.06.72-.06.85%200%201.37.4%201.37%201.16%200%20.79-.56%201.24-1.48%201.24a2.5%202.5%200%200%201-.6-.05zM21.02%206.99h-2.55V5.24h2.7V4.23h-3.94V11h4.1V9.98h-2.86V8h2.55z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: top 1.1em left 0.2em;
  background-repeat: no-repeat;
}

.partners-list__partner-media img {
  margin: 0;
}

@media screen and (min-width: 46.8em) {
  .partners-list__partner {
    display: inline-block;
    width: 30%;
    margin: 0 1%;
  }
  .partners-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .partners-list .partners-list__partner {
    width: 30%;
  }
}

@media screen and (min-width: 64em) {
  .partners-list__partner {
    position: relative;
  }
  .partners-list__partner__content {
    position: absolute;
    top: 0;
    left: -9999px;
    width: 400px;
    background: #fff;
    padding: 1em;
    font-size: 0.9em;
    z-index: 1000;
    border: 10px solid #ccc;
  }
  .partners-list__partner__content h3 {
    margin-top: 0;
  }
  .partners-list__partner__content:before {
    content: "";
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #ccc;
    position: absolute;
    top: 30px;
    left: -30px;
    z-index: 1000;
  }
  .partners-list__partner:hover > .partners-list__partner__content {
    left: 100%;
  }
}

@media screen and (min-width: 46.8em) {
  .post-type-archive-news .has-post-thumbnail .entry-media {
    float: right;
    margin: 0 0 0 2em;
    width: 25%;
  }
  .post-type-archive-news .has-post-thumbnail .hentry {
    clear: both;
  }
  @supports (display: grid) {
    .post-type-archive-news .has-post-thumbnail .entry-header {
      display: grid;
      -ms-grid-columns: 66% 2em calc(34% - 2em);
      grid-template-columns: 2fr 1fr;
      grid-column-gap: 2em;
    }
    .post-type-archive-news .has-post-thumbnail .entry-title {
      margin: 0 0 0.5em;
      -ms-grid-column-span: 2;
      grid-column: 1 / 2;
      align-self: end;
    }
    .post-type-archive-news .has-post-thumbnail .entry-meta {
      -ms-grid-column-span: 2;
      -ms-grid-row: 2;
      grid-row: 2;
      align-self: top;
    }
    .post-type-archive-news .has-post-thumbnail .entry-media {
      -ms-grid-column: 3;
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      grid-column: 2 / 3;
      grid-row: 1 / 3;
      align-self: center;
      margin: 0;
      width: auto;
    }
  }
}

.page-template-page-what-is-guiding-stars .site-content {
  display: block;
}

.page-template-page-what-is-guiding-stars .content-area {
  max-width: none;
  width: auto;
}

.page-template-page-what-is-guiding-stars h1 {
  font-family: "Avenir Next", sans-serif;
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
}

.page-template-page-what-is-guiding-stars .subheading {
  font-family: "Avenir Next", sans-serif;
  font-size: 0.65em;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.page-template-page-what-is-guiding-stars .site-footer {
  clear: both;
}

.how-it-works-infographic {
  margin: 0 auto 4em;
  padding: 0;
}

@media (min-width: 64em) {
  @supports (display: grid) {
    .how-it-works-infographic {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: 1fr auto;
    }
  }
}

@media (min-width: 80em) {
  @supports (display: grid) {
    .how-it-works-infographic {
      grid-template-columns: auto 22em 38%;
    }
  }
}

.how-it-works-infographic li {
  list-style-type: none;
  margin: 0 0 2em;
}

.how-it-works-infographic p {
  line-height: 1.4;
}

.how-it-works-infographic__step {
  display: inline-block;
  width: 33%;
  vertical-align: top;
}

@supports (display: grid) {
  .how-it-works-infographic__step {
    width: auto;
  }
}

@media (min-width: 64em) {
  .how-it-works-infographic__step {
    margin-bottom: 0;
  }
}

.how-it-works-infographic__arrow svg {
  height: 5em;
  width: 5em;
}

@supports (display: grid) {
  .how-it-works-infographic__step--read {
    display: grid;
    grid-template-columns: 2fr 3fr;
  }
}

@media (min-width: 64em) {
  @supports (display: grid) {
    .how-it-works-infographic__step--read {
      grid-row: span 2;
      display: grid;
      grid-template-columns: 2fr 3fr;
      grid-template-rows: 5.25em auto;
    }
  }
}

.how-it-works-infographic__step--read .how-it-works-infographic__arrow {
  display: flex;
}

@supports (display: grid) {
  .how-it-works-infographic__step--read .how-it-works-infographic__arrow {
    align-items: center;
    display: grid;
    grid-column: span 2;
    grid-column-gap: 1em;
    grid-template-columns: 5em auto;
    width: auto;
  }
}

@media (min-width: 64em) {
  @supports (display: grid) {
    .how-it-works-infographic__step--read .how-it-works-infographic__arrow {
      background-image: url("images/what-is-gs-infographic__line-horizontal.svg");
      background-repeat: no-repeat;
      background-position: bottom 0.25em left 4em;
      background-size: auto 0.125em;
      grid-column-gap: 0;
    }
  }
}

.how-it-works-infographic__step--read .how-it-works-infographic__arrow svg {
  position: relative;
  z-index: 1;
}

.how-it-works-infographic__step--read .how-it-works-infographic__arrow p {
  margin: 0;
}

@media (min-width: 64em) {
  .how-it-works-infographic__step--read .how-it-works-infographic__arrow p {
    margin: 0;
    padding: 0 0 0 1em;
  }
}

.how-it-works-infographic__step--read .how-it-works-svg__circle {
  fill: #b4d044;
}

@media (min-width: 64em) {
  .how-it-works-infographic__step--read .how-it-works-svg__arrow {
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
  }
}

@supports (display: grid) {
  .how-it-works-infographic__step--read .how-it-works-infographic__media {
    align-self: end;
  }
}

@media (min-width: 64em) {
  .how-it-works-infographic__step--read .how-it-works-infographic__media {
    display: none;
  }
}

@media (min-width: 80em) {
  .how-it-works-infographic__step--read .how-it-works-infographic__media {
    display: inline-block;
    width: 48%;
  }
  @supports (display: grid) {
    .how-it-works-infographic__step--read .how-it-works-infographic__media {
      margin-left: -3em;
      width: auto;
    }
  }
}

.how-it-works-infographic__step--read .how-it-works-infographic__media svg {
  display: block;
  max-height: 20em;
}

@supports (display: grid) {
  .how-it-works-infographic__step--read .how-it-works-infographic__nfp {
    grid-row: 2;
    grid-column: 2;
    padding: 1em 1em 0 0;
  }
}

@media (min-width: 64em) {
  .how-it-works-infographic__step--read .how-it-works-infographic__nfp {
    display: inline-block;
    width: 48%;
  }
  @supports (display: grid) {
    .how-it-works-infographic__step--read .how-it-works-infographic__nfp {
      grid-column: 1 / span 2;
      width: auto;
    }
  }
}

@media (min-width: 80em) {
  @supports (display: grid) {
    .how-it-works-infographic__step--read .how-it-works-infographic__nfp {
      grid-column: 2;
    }
  }
}

@supports (display: grid) {
  .how-it-works-infographic__step--read .how-it-works-infographic__nfp svg {
    max-height: 30em;
  }
}

@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .how-it-works-infographic__step--read .how-it-works-infographic__media svg {
    height: 22em;
    width: 100%;
  }
  .how-it-works-infographic__step--read .how-it-works-infographic__nfp svg {
    height: 23em;
  }
}

@supports (display: grid) {
  .how-it-works-infographic__step--analyze {
    align-items: center;
    display: grid;
    grid-column-gap: 1em;
    grid-template-columns: 5em auto;
  }
}

@media (min-width: 64em) {
  .how-it-works-infographic__step--analyze {
    text-align: center;
  }
  @supports (display: grid) {
    .how-it-works-infographic__step--analyze {
      grid-row: span 2;
      display: grid;
      grid-column-gap: 0;
      grid-template-columns: 1fr;
      grid-template-rows: 5.25em 10.1875em auto auto;
    }
  }
}

.how-it-works-infographic__step--analyze .how-it-works-infographic__arrow {
  float: left;
  margin-bottom: 1em;
}

@media (min-width: 64em) {
  .how-it-works-infographic__step--analyze .how-it-works-infographic__arrow {
    margin-bottom: 0;
  }
  @supports (display: grid) {
    .how-it-works-infographic__step--analyze .how-it-works-infographic__arrow {
      align-self: end;
      background-image: url("images/what-is-gs-infographic__line.svg");
      background-repeat: repeat-x;
      background-position: center bottom;
      background-size: auto 0.125em;
      grid-column: 1;
      grid-row: 2;
    }
  }
}

@media (min-width: 64em) {
  @supports (display: grid) {
    .how-it-works-infographic__step--analyze
      .how-it-works-infographic__arrow
      svg {
      transform: translateY(2.58em);
    }
  }
}

@media (min-width: 64em) {
  .how-it-works-infographic__step--analyze .how-it-works-svg__arrow {
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
  }
}

.how-it-works-infographic__step--analyze .how-it-works-svg__circle {
  fill: #50b2dd;
}

.how-it-works-infographic__step--analyze .how-it-works-infographic__media {
  display: none;
}

@media (min-width: 64em) {
  .how-it-works-infographic__step--analyze .how-it-works-infographic__media {
    background-image: url("images/what-is-gs-infographic__line-vertical.svg");
    background-repeat: no-repeat;
    background-position: top 4.95em left;
    background-size: 0.125em auto;
    display: block;
  }
  @supports (display: grid) {
    .how-it-works-infographic__step--analyze .how-it-works-infographic__media {
      align-self: stretch;
      grid-column: 1;
      grid-row: 1 / span 2;
    }
  }
}

.how-it-works-infographic__step--analyze .how-it-works-infographic__media svg {
  margin-bottom: 2em;
  max-height: 12em;
  width: auto;
}

@supports (display: grid) {
  .how-it-works-infographic__step--analyze p {
    grid-column: 2;
  }
}

@media (min-width: 64em) {
  @supports (display: grid) {
    .how-it-works-infographic__step--analyze p {
      grid-column: auto;
      margin: 3em auto 1.5em;
      max-width: 15em;
    }
  }
}

.how-it-works-infographic__step--analyze .more-less-list {
  clear: both;
  margin-bottom: 0;
  text-align: left;
}

@supports (display: grid) {
  .how-it-works-infographic__step--analyze .more-less-list {
    grid-column: span 2;
  }
}

@media (min-width: 64em) {
  @supports (display: grid) {
    .how-it-works-infographic__step--analyze .more-less-list {
      grid-column: auto;
    }
  }
}

@media (min-width: 64em) {
  .how-it-works-infographic__step--analyze .more-less-list dd {
    padding-bottom: 0.15em;
  }
}

@media (min-width: 70em) {
  .how-it-works-infographic__step--analyze .more-less-list dd {
    padding-bottom: 0.15em;
  }
}

@media (min-width: 64em) {
  @supports (display: grid) {
    .how-it-works-infographic__step--choose {
      display: grid;
      grid-template-rows: 5.25em 10.1875em auto auto;
      grid-column-gap: 1em;
    }
  }
}

.how-it-works-infographic__step--choose .how-it-works-infographic__arrow {
  display: flex;
}

@supports (display: grid) {
  .how-it-works-infographic__step--choose .how-it-works-infographic__arrow {
    align-items: start;
    display: grid;
    grid-row: 2;
    grid-column-gap: 1em;
    grid-template-columns: 5em auto;
    margin-bottom: 1em;
  }
}

@media (min-width: 64em) {
  .how-it-works-infographic__step--choose .how-it-works-infographic__arrow {
    margin-bottom: 0;
  }
  @supports (display: grid) {
    .how-it-works-infographic__step--choose .how-it-works-infographic__arrow {
      background-image: url("images/what-is-gs-infographic__line-vertical.svg");
      background-repeat: no-repeat;
      background-position: left top 4.85em;
      background-size: 0.125em auto;
      grid-column-gap: 0;
      grid-template-columns: 8em auto;
    }
  }
}

@media (min-width: 64em) {
  @supports (display: grid) {
    .how-it-works-infographic__step--choose
      .how-it-works-infographic__arrow::before {
      background-image: url("images/what-is-gs-infographic__line.svg");
      background-repeat: repeat-x;
      background-position: bottom 0.375em left;
      background-size: auto 0.125em;
      content: "";
      display: block;
      grid-column: 1;
      grid-row: 1;
      height: 5em;
      width: 5em;
    }
  }
}

@supports (display: grid) {
  .how-it-works-infographic__step--choose .how-it-works-infographic__arrow svg {
    grid-column: 1;
    grid-row: 1;
  }
}

@media (min-width: 64em) {
  @supports (display: grid) {
    .how-it-works-infographic__step--choose
      .how-it-works-infographic__arrow
      svg {
      margin-left: 2em;
    }
  }
}

.how-it-works-infographic__step--choose .how-it-works-infographic__arrow p {
  margin: 0 0 0 1em;
}

@supports (display: grid) {
  .how-it-works-infographic__step--choose .how-it-works-infographic__arrow p {
    margin: 1em 0 0;
  }
}

.how-it-works-infographic__step--choose .how-it-works-svg__circle {
  fill: #f5ca31;
}

.how-it-works-infographic__step--choose ul {
  margin: 0;
  padding: 0;
  width: 60%;
}

@supports (display: grid) {
  .how-it-works-infographic__step--choose ul {
    grid-row: 3;
    width: auto;
  }
}

.how-it-works-infographic__step--choose li {
  align-items: center;
  display: flex;
  margin-bottom: 0;
}

@supports (display: grid) {
  .how-it-works-infographic__step--choose li {
    display: grid;
    grid-template-columns: 5em auto;
    grid-column-gap: 1em;
  }
}

.how-it-works-infographic__step--choose li svg {
  width: 5em;
}

@supports (display: grid) {
  .how-it-works-infographic__step--choose li svg {
    width: 100%;
  }
}

.how-it-works-infographic__step--choose li p {
  margin: 0;
}

.how-it-works-infographic__step--choose li b {
  display: block;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.how-it-works-infographic__step--choose
  .how-it-works-infographic__step_wrapper {
  align-items: center;
  display: flex;
  justify-content: space-around;
}

@supports (display: grid) {
  .how-it-works-infographic__step--choose
    .how-it-works-infographic__step_wrapper {
    grid-row: 3;
  }
}

@media (min-width: 46.8em) {
  .how-it-works-infographic__step--choose
    .how-it-works-infographic__step_wrapper {
    justify-content: start;
  }
}

@media (min-width: 64em) {
  .how-it-works-infographic__step--choose
    .how-it-works-infographic__step_wrapper {
    margin-top: -4em;
    justify-content: space-around;
  }
}

@media (min-width: 80em) {
  .how-it-works-infographic__step--choose
    .how-it-works-infographic__step_wrapper {
    display: block;
  }
}

.how-it-works-infographic__step--choose .how-it-works-infographic__media {
  float: left;
  width: 40%;
}

@media (min-width: 80em) {
  .how-it-works-infographic__step--choose .how-it-works-infographic__media {
    width: 25%;
  }
  @supports (display: grid) {
    .how-it-works-infographic__step--choose .how-it-works-infographic__media {
      width: 50%;
    }
  }
  @supports (shape-outside: circle(50%)) {
    .how-it-works-infographic__step--choose .how-it-works-infographic__media {
      margin-left: 3.5em;
      shape-outside: polygon(
        0px 0px,
        0px 100%,
        70.92% 102.47%,
        17.56em 7.13em,
        71.79% 0.39%
      );
    }
  }
}

.how-it-works-infographic__step--choose .how-it-works-infographic__media svg {
  display: block;
  margin: 0;
  width: 100%;
}

@media (min-width: 64em) {
  .how-it-works-infographic__step--choose .how-it-works-infographic__media svg {
    max-width: 13em;
  }
}

@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .how-it-works-infographic__media svg {
    height: 25em;
  }
}

.how-it-works-infographic__step--learn-more {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}

.how-it-works-infographic__step--learn-more svg {
  margin-right: 0.5em;
  width: 7em;
}

@media (min-width: 64em) {
  .how-it-works-infographic__step--learn-more svg {
    margin-left: 2em;
  }
}

.how-it-works-infographic__step--learn-more p {
  margin: 0;
}

.how-it-works-infographic__step--learn-more a,
.how-it-works-infographic__step--learn-more a:visited {
  font-weight: bold;
}

.how-it-works-where {
  margin: 4em auto;
  max-width: 56em;
  overflow: hidden;
}

@supports (display: grid) {
  .how-it-works-where {
    align-items: center;
    display: grid;
    grid-column-gap: 1em;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 46.8em) {
  @supports (display: grid) {
    .how-it-works-where {
      grid-column-gap: 3em;
    }
  }
}

@supports (display: grid) {
  .how-it-works-where h2 {
    grid-column: span 3;
  }
}

.how-it-works-where__media {
  clear: both;
  float: left;
  text-align: center;
  width: 33%;
}

@supports (display: grid) {
  .how-it-works-where__media {
    width: auto;
  }
}

.how-it-works-where__media svg {
  max-height: 13em;
  max-width: 20em;
}

.how-it-works-where__content {
  grid-column: span 2;
}

.how-it-works-where__partner-logos {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1.5em;
  padding: 0;
}

@media (min-width: 64em) {
  .how-it-works-where__partner-logos {
    margin: 0;
  }
}

.how-it-works-where__partner-logos li {
  list-style-type: none;
  margin: 0 0 1em;
  width: 33.3334%;
}

@media (min-width: 64em) {
  .how-it-works-where__partner-logos li {
    margin: 0;
    width: 16.667%;
  }
}

.how-it-works-where__partner-logos svg {
  display: block;
  margin: 0 auto;
  max-width: 8em;
  transition: all 0.3s;
}

.how-it-works-where__partner-logos a:hover svg {
  transform: scale(1.1);
}

.how-it-works-where__media--recipes {
  float: right;
}

@supports (display: grid) {
  .how-it-works-where__media--recipes {
    grid-column: 3;
    grid-row: 3;
  }
}

.how-it-works-where__media--instore svg {
  max-height: 12em;
}

@media (min-width: 46.8em) {
  .how-it-works-where__media--instore svg {
    max-height: 18em;
  }
}

.how-it-works-where__read-more {
  align-items: center;
  display: inline-flex;
  font-weight: bold;
}

.how-it-works-where__read-more svg {
  fill: #007dad;
  height: 1em;
  margin-left: 0.25em;
  width: 1em;
}

.how-it-works-where__read-more:hover svg {
  fill: #677b1b;
}

.how-it-works-science {
  margin: 2em auto;
}

@supports (display: grid) {
  .how-it-works-science {
    display: grid;
    grid-column-gap: 1em;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 46.8em) {
  .how-it-works-science {
    margin: 4em auto;
  }
  @supports (display: grid) {
    .how-it-works-science {
      align-items: center;
      display: grid;
      grid-column-gap: 2em;
      grid-template-columns: 1fr 2fr;
    }
  }
}

@media (min-width: 64em) {
  @supports (display: grid) {
    .how-it-works-science {
      grid-template-columns: 3fr 2fr;
    }
  }
}

@supports (display: grid) {
  .how-it-works-science h2 {
    grid-column: span 2;
  }
}

@media (min-width: 64em) {
  @supports (display: grid) {
    .how-it-works-science h2 {
      align-self: end;
      grid-column: 2;
    }
  }
}

.how-it-works-where__read-more {
  align-items: center;
  display: inline-flex;
  font-weight: bold;
}

.how-it-works-where__read-more svg {
  fill: #007dad;
  height: 1em;
  margin-left: 0.25em;
  width: 1em;
}

.how-it-works-where__read-more:hover svg {
  fill: #677b1b;
}

.how-it-works-science__media {
  align-items: center;
}

@media (min-width: 64em) {
  .how-it-works-science__media {
    float: left;
    width: 50%;
  }
  @supports (display: grid) {
    .how-it-works-science__media {
      display: grid;
      grid-column: 1;
      grid-column-gap: 1em;
      grid-row: 1 / span 2;
      grid-template-columns: 18em auto;
      width: auto;
    }
  }
}

@media (min-width: 64em) {
  .how-it-works-science__content {
    align-self: start;
  }
}

@media (min-width: 64em) {
  .how-it-works-science__nfp {
    float: left;
    width: 50%;
  }
  @supports (display: grid) {
    .how-it-works-science__nfp {
      width: auto;
    }
  }
}

.how-it-works-science__nfp svg {
  max-height: 25em;
}

@media (min-width: 46.8em) {
  .how-it-works-science__bread {
    display: none;
  }
}

@media (min-width: 64em) {
  .how-it-works-science__bread {
    display: block;
    float: left;
    width: 50%;
  }
  @supports (display: grid) {
    .how-it-works-science__bread {
      width: auto;
    }
  }
}

@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .how-it-works-science__nfp svg {
    height: 25em;
  }
  .how-it-works-science__bread svg {
    height: 25em;
  }
}

.how-it-works-infographic__more-highlight {
  background-color: #b4d044;
  display: inline-block;
  padding: 0 0.5ch;
}

.how-it-works-infographic__less-highlight {
  background-color: #ea8a40;
  display: inline-block;
  padding: 0 0.5ch;
}

.explanation {
  clear: both;
  margin: 2em auto 4em;
  max-width: 35em;
  max-width: 56em;
}

@supports (display: grid) {
  .explanation {
    display: grid;
    grid-template-columns: 5em auto;
  }
}

.explanation svg {
  display: none;
  position: relative;
  z-index: 2;
}

@supports (display: grid) {
  .explanation svg {
    align-self: center;
    display: block;
    grid-row: span 2;
  }
}

.explanation svg::after {
  background-color: #b2d234;
  content: "";
  display: block;
  width: 5em;
  height: 5em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.explanation__heading {
  margin-top: 0;
}

.explanation__content {
  background-color: #d9e99b;
  border: 4px solid #b2d234;
  border-radius: 1.5em;
  margin-left: -2.5em;
  padding: 2.5em 2.5em 2.5em 4em;
}

.explanation__content p:last-of-type {
  margin-bottom: 0;
}

.explanation__content a {
  color: #333;
  font-weight: bold;
}

.has-blue-color {
  color: #007dad;
}

.has-blue-color.wp-block-button__link {
  --color__button-text: darken($brand-blue, 10%);
}

.has-blue-background-color {
  background-color: #007dad;
}

.has-green-color {
  color: #8aa424;
}

.has-green-color.wp-block-button__link {
  --color__button-text: darken($brand-green, 12%);
}

.has-green-background-color {
  background-color: #8aa424;
}

.has-dark-blue-color {
  color: #004f6d;
}

.has-dark-blue-color.wp-block-button__link {
  --color__button-text: $dark-blue;
}

.has-dark-blue-background-color {
  background-color: #004f6d;
}

.has-yellow-color {
  color: #ebe16f;
}

.has-yellow-color.wp-block-button__link {
  --color__button-text: $brand-yellow;
}

.has-yellow-background-color {
  background-color: #ebe16f;
}

.has-darkest-gray-color {
  color: #333;
}

.has-darkest-gray-color.wp-block-button__link {
  --color__button-text: $color__text-screen;
}

.has-darkest-gray-background-color {
  background-color: #333;
}

.has-medium-gray-color {
  color: #767676;
}

.has-medium-gray-color.wp-block-button__link {
  --color__button-text: $light-gray;
}

.has-medium-gray-background-color {
  background-color: #767676;
}

.has-light-gray-color {
  color: #eef0f1;
}

.has-light-gray-color.wp-block-button__link {
  --color__button-text: #eef0f1;
}

.has-light-gray-background-color {
  background-color: #eef0f1;
}

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

.has-white-color.wp-block-button__link {
  --color__button-text: $white;
}

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

.has-light-green-color {
  color: #f6f9e6;
}

.has-light-green-color.wp-block-button__link {
  --color__button-text: $light-green;
}

.has-light-green-background-color {
  background-color: #f6f9e6;
}

.has-light-blue-color {
  color: #f3fbfb;
}

.has-light-blue-color.wp-block-button__link {
  --color__button-text: $light-blue;
}

.has-light-blue-background-color {
  background-color: #f3fbfb;
}

.has-light-yellow-color {
  color: #fdfbed;
}

.has-light-yellow-color.wp-block-button__link {
  --color__button-text: $light-yellow;
}

.has-light-yellow-background-color {
  background-color: #fdfbed;
}

.block-heading-container {
  color: rgb(26, 54, 94);
  width: 100%;
  display: block;
}

.abt-hero h1.block-heading {
  display: block;
  font-size: 8vmin;
  color: rgb(26, 54, 94);
  font-family: "League Gothic", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  margin-top: 0rem;
  white-space: nowrap;
  overflow: hidden;
  letter-spacing: 2px;
  margin-bottom: 1.5rem;
  line-height: 85%;
  text-align: left;
}

.abt-hero h1.block-heading span.block-heading-subtext {
  text-transform: uppercase;
  color: rgb(26, 54, 94);
  text-align: left;
  width: 100%;
  display: block;
  font-size: 2.2vmin;
  margin-top: 0.45rem;
  line-height: 90%;
  font-family: "Avenir Next", sans-serif;
  letter-spacing: 0px;
}

@media screen and (min-width: 1268px) {
  .abt-hero h1.block-heading {
    font-size: 102.8px;
  }
  .abt-hero h1.block-heading span.block-heading-subtext {
    font-size: 28.27px;
  }
}

@media screen and (max-width: 768px) {
  .abt-hero h1.block-heading {
    font-size: 19.4vmin;

  }
  .abt-hero h1.block-heading span.block-heading-subtext {
    font-size: 5.2vmin;
    text-align: center;
  }
}

@media screen and (max-width: 560px) {
  .abt-hero h1.block-heading {
    font-size: 18.45vmin;

  }
  .wp-block-latest-posts__featured-image {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 360px) {
  .abt-hero h1.block-heading {
    font-size: 18vmin;

  }
}

@media screen and (max-width: 160px) {
  .abt-hero h1.block-heading {
    font-size: 15.8vmin;
  }
}

/* New Styles Mar 2025 */
#post-19412 ul.wp-block-latest-posts, #post-19561 ul.wp-block-latest-posts{
   display: flex;
   flex-direction: column;
}

.featuredRecipe {
  border-top: 2px solid #e9e9e9;
  padding-top: 40px;
  margin-top: 40px;
  width: 100%;
}
.featuredRecipe h4 {
  margin: 0;
}

.timelyTopics {
  border-bottom: 2px solid #e9e9e9;
  padding-bottom: 30px;
  margin-bottom: 40px;
  width: 100%;

}

ul#gform_fields_97 .gchoice label {
	padding-left: 8px;
}

html a {
	color: #1A365E;
}
html a:hover {
	color: #496081;
}

html .button, html .button-link, html .wp-block-button__link, .abt-cta .wp-block-button__link {
	display: inline-flex;

	min-width: 5rem;
	padding: 0.75rem 1rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.25rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	background: var(--palette-primary-primary900, #1A365E);
}

html .button:hover, html .button:focus, html .button-link:hover, html .button-link:focus, html .wp-block-button__link:hover, html .wp-block-button__link:focus, .abt-cta .wp-block-button__link:hover {
	background: var(--palette-primary-primary700, #496081);
}
html #gform_submit_button_9 {
	display: inline-flex;

	min-width: 5rem;
	padding: 0.75rem 1rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.25rem;
	flex-shrink: 0;
	border-radius: 0.5rem;
	background: #737C13;
}
html #gform_submit_button_9:hover {
	background: #9AA51E;
}

.food-finder-promo form  {
	/* background: #EDF5C3; */
}


.search-button__container button:hover, .search-button__container input[type="button"]:hover, .search-button__container input[type="button"]:hover, .search-button__container input[type="button"]:focus {
	background: #9AA51E;
}

#post-31130 .entry-content .slab-newsletter {
	display: none;
}
/*# sourceMappingURL=style.css.map */
