/* SET UP */
/* MIXINS - - - - - - - - - - - - - - */
/* COLORS - - - - - - - - - - - - - - */
/*
$grey: #BDC7D7;
$lt-grey: #E7ECF2;
$dk-grey: #414141;
$md-grey: #6f7379;
*/
/* FONTS - - - - - - - - - - - - - -  */
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: "Lobster";
  src: local("Lobster-Regular"), url("/wp-content/themes/bistrotheme/assets/fonts/Lobster-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "LemonYellowSunBold";
  src: url("/wp-content/themes/bistrotheme/assets/fonts/LemonYellowSunBold/font.woff2") format("woff2"), url("/wp-content/themes/bistrotheme/assets/fonts/LemonYellowSunBold/font.woff") format("woff");
}
/* GLOBAL */
/* TEXT STYLES - - - - - - - - - - - - - -  */
body,
input,
select,
button,
textarea {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: normal;
  color: #004785;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.25px;
  margin: 0;
  color: #004785;
}

h1,
.h1 {
  font-size: 80px;
}

h2,
.h2 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  font-weight: 900;
}

h3,
.h3 {
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
  font-weight: 900;
}

h4,
.h4 {
  font-size: 30px;
}

h5,
.h5 {
  font-size: 22px;
}

h6,
.h6 {
  font-size: 25px;
}

p {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4em;
}

i,
em {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-weight: 400;
  font-style: italic;
}

b,
strong {
  font-weight: 700;
}

sub,
sup {
  font-size: 60%;
}

.small,
small {
  font-size: 80%;
  font-weight: 400;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #ddd;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

#content ul,
#content ol {
  font-family: "Gotham A", "Gotham B", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4em;
  color: #004785;
}
#content ul.list-style-none,
#content ul.list-style-none ul,
#content ol.list-style-none,
#content ol.list-style-none ul {
  list-style: none;
}

.light {
  font-size: 400;
}

.regular {
  font-size: 400;
}

.semi-bold {
  font-size: 700;
}

.bold {
  font-size: 800;
}

/* LINKS / BUTTONS - - - - - - - - - - - - - -  */
a,
a:hover,
a:focus {
  color: #000;
  text-decoration: none;
}
p a, .text a, #content ul a, #content ol a,
p a:hover,
.text a:hover,
#content ul a:hover,
#content ol a:hover,
p a:focus,
.text a:focus,
#content ul a:focus,
#content ol a:focus {
  border-bottom: 1px solid #0067ea;
  color: #0067ea;
}
footer p a, footer .text a, footer #content ul a, footer #content ol a,
footer p a:hover,
footer .text a:hover,
footer #content ul a:hover,
footer #content ol a:hover,
footer p a:focus,
footer .text a:focus,
footer #content ul a:focus,
footer #content ol a:focus {
  border: 0;
}
a.no-border,
a:hover.no-border,
a:focus.no-border {
  border-bottom: none;
}
.main .note li a, .main .steps li a,
.main .note li a:hover,
.main .steps li a:hover,
.main .note li a:focus,
.main .steps li a:focus {
  color: #0067ea;
  text-decoration: underline;
}

a,
i {
  transition: all 0.3s ease;
}

/*
a:hover, a:focus {
	color: $white; 
}
*/
body > img:first-of-type {
  position: absolute;
}

button,
.btn {
  font-size: 14px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  line-height: 1.5;
}

button,
.btn,
input[type=submit] {
  background: 0;
  padding: 20px 25px;
  box-shadow: none;
  text-shadow: none;
  border: none;
  transition: all 0.3s ease;
  color: #ffffff;
  background-color: #004785;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
button:hover,
.btn:hover,
input[type=submit]:hover {
  color: #ffffff;
  background-color: #fae146;
}
button:focus,
.btn:focus,
input[type=submit]:focus {
  color: #ffffff;
  background-color: #fae146;
}
@media (max-width: 767px) {
  button,
  .btn,
  input[type=submit] {
    font-size: 14px;
    padding: 15px 20px;
  }
}
@media (max-width: 575px) {
  button,
  .btn,
  input[type=submit] {
    font-size: 12px;
  }
}

a.btn,
.text button,
.cn-button.bootstrap,
input[type=submit] {
  font-size: 0.75rem;
  padding: 0.5rem 1rem;
  background: transparent;
  border: 2px solid #004785;
  color: #004785;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-top: 1rem;
}
a.btn:hover, a.btn:focus,
.text button:hover,
.text button:focus,
.cn-button.bootstrap:hover,
.cn-button.bootstrap:focus,
input[type=submit]:hover,
input[type=submit]:focus {
  background: #004785;
  color: white;
  border: 2px solid #004785;
}
.dark a.btn,
.dark .text button,
.dark .cn-button.bootstrap,
.dark input[type=submit] {
  border: 2px solid white;
  background: transparent;
  color: white;
}
.dark a.btn:hover, .dark a.btn:focus,
.dark .text button:hover,
.dark .text button:focus,
.dark .cn-button.bootstrap:hover,
.dark .cn-button.bootstrap:focus,
.dark input[type=submit]:hover,
.dark input[type=submit]:focus {
  border: 2px solid #004785;
  background: #004785;
}

/*
input[type=submit] {
	background: transparent;
    border:2px solid $dk-blue;
    color:$dk-blue;
    &:hover, &:focus {
	    background: $dk-blue;
		color:white;
		border:2px solid $dk-blue;
    }
}
*/
button.clear {
  border: 3px solid #004785;
  padding: 17px 22px;
  background-color: transparent;
  color: #004785;
  font-weight: 700;
}
button.clear:hover {
  background-color: #004785;
  border-color: #004785;
  color: #ffffff;
}
@media (max-width: 767px) {
  button.clear {
    padding: 12px 17px;
  }
}

input[type=text],
input[type=search],
input[type=submit] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
}
input[type=text]:focus,
input[type=search]:focus,
input[type=submit]:focus {
  outline: none;
  box-shadow: none;
}

.slick-list .slick-slide:focus {
  outline: none;
}

/* GENERAL - - - - - - - - - - - - - -  */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1;
}
.ie11 main {
  flex: inherit;
}
main:focus {
  outline: none;
}

nav dl,
nav ol,
nav ul,
nav li,
section nav dl,
section nav ol,
section nav ul,
section nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}

a.titlestyle {
  color: #004785;
  text-decoration: none;
  justify-content: center;
  border-bottom: none;
}
a.titlestyle:hover, a.titlestyle:visited, a.titlestyle:focus {
  color: #004785;
  text-decoration: none;
  border-bottom: none;
  border-bottom-color: transparent;
}

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

.form-control {
  width: 100%;
}

form.search {
  display: flex;
}
form.search input {
  text-transform: none;
}
form.search input[type=search] {
  text-align: left;
  background-color: #ffffff;
  cursor: text;
  color: #000;
}
form.search input[type=search]:focus {
  outline: none;
  box-shadow: none;
}

.gform_wrapper .top_label .gfield_label,
.gform_wrapper legend.gfield_label {
  margin-bottom: 0;
}

body .gform_wrapper ul li.gfield {
  margin-top: 30px !important;
}

.gform_wrapper ul.gfield_checkbox li label,
.gform_wrapper ul.gfield_radio li label {
  line-height: 1em;
  padding-left: 10px;
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input,
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
  margin-top: 0 !important;
}

.grecaptcha-badge {
  display: none !important;
}
section {
  padding: 60px 0;
}
@media (max-width: 767px) {
  section {
    padding: 60px 20px;
  }
}
@media (max-width: 575px) {
  section {
    padding: 60px 0;
  }
}
section#hero.bottom-header .container {
  z-index: 2;
  position: absolute;
  text-align: center;
  bottom: -20px;
  left: 50%;
  transform: translate(-50%, 0);
}
section {
  /*
  	&#hero.bottom-header {
  		position: relative;
  		h1 {
  		    position: absolute;
  		    bottom: -20px;
  		    left: 0;
  	        width: 100%;
  			text-align: center;
  		}
  	}
  */
}

.container,
.wide-container {
  padding-left: 30px;
  padding-right: 30px;
}

.image {
  position: relative;
}

section picture,
.recipe-part picture,
.product-part picture {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
section picture img,
.recipe-part picture img,
.product-part picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section picture img.diabetes-friendly, section picture img.glp1-friendly,
.recipe-part picture img.diabetes-friendly,
.recipe-part picture img.glp1-friendly,
.product-part picture img.diabetes-friendly,
.product-part picture img.glp1-friendly {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30%;
  max-width: 100px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 2;
}
section picture img.glp1-friendly.multibadge,
.recipe-part picture img.glp1-friendly.multibadge,
.product-part picture img.glp1-friendly.multibadge {
  left: 10px;
  right: unset;
}
section picture > div,
.recipe-part picture > div,
.product-part picture > div {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  section picture .with-mobile img:first-of-type,
  .recipe-part picture .with-mobile img:first-of-type,
  .product-part picture .with-mobile img:first-of-type {
    display: none;
  }
}
@media (min-width: 768px) {
  section picture .with-mobile img:last-of-type,
  .recipe-part picture .with-mobile img:last-of-type,
  .product-part picture .with-mobile img:last-of-type {
    display: none;
  }
}

@media (min-width: 768px) {
  #recipe-single section picture img.diabetes-friendly, #recipe-single section picture img.glp1-friendly {
    max-width: 240px;
  }
}

section.module-contain picture img,
.module-contain picture img {
  -o-object-fit: contain;
     object-fit: contain;
}

@media (min-width: 561px) {
  section img.alignleft {
    float: left;
    margin: 0 30px 30px 0;
  }
}

@media (min-width: 561px) {
  section img.alignright {
    float: right;
    margin: 0 0 30px 30px;
  }
}

#content .message--404 {
  padding: 17vh 0;
}

#cookiescript_copyright {
  display: none !important;
}

#cookiescript_injected,
#cookiescript_reject {
  background: #004785 !important;
}

@media (max-width: 767px) {
  #cookiescript_description {
    line-height: 1.4;
  }
}

@media (max-width: 767px) {
  form input::-moz-placeholder {
    font-size: 16px !important;
    letter-spacing: 0.01em !important;
  }
  form input,
  form input::placeholder {
    font-size: 16px !important;
    letter-spacing: 0.01em !important;
  }
}
.page-contests-and-sweepstakes #hero:not(.has-bg) + .module--col_text .text,
.page-contests #hero:not(.has-bg) + .module--col_text .text {
  padding: 0;
  width: 100%;
}
.module.jebbit {
  padding: 0;
  width: 100%;
}
.module.jebbit .container {
  padding: 0;
  width: 100%;
}
.module.jebbit .container .text {
  padding: 0;
  width: 100%;
}
.module.jebbit.sweet-saying .container {
  max-width: unset;
}

.module.contest {
  padding: 0;
  width: 100%;
}
.module.contest .container {
  padding: 0;
  width: 100%;
}
.module.contest .container .text {
  padding: 0;
  width: 100%;
}
.module.contest .container .text > h2,
.module.contest .container .text > p {
  display: none;
}
.module.contest.sweet-saying .container {
  max-width: unset;
}

.module.ada-test {
  padding: 0;
  width: 100%;
}
.module.ada-test .container {
  padding: 0;
  width: 100%;
}
.module.ada-test .container .text {
  padding: 0;
  width: 100%;
  max-width: 100%;
}

.sweeps-banner.wide.block.list {
  margin: 15px -30px 0;
}

.sweeps-banner.narrow {
  margin-top: 0px;
  text-align: center;
}
.sweeps-banner.narrow img {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .sweeps-banner.narrow img {
    margin-top: 60px;
    max-width: 250px;
  }
}
@media (min-width: 992px) {
  .sweeps-banner.narrow img {
    max-width: 350px;
  }
}
@media (min-width: 768px) {
  .sweeps-banner.narrow.sp img {
    margin-top: 0px;
    max-width: 350px;
  }
}

#sweepstakes-banner-wide {
  padding: 0;
  height: auto;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background: #0099d1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
#sweepstakes-banner-wide .sweeps-banner.wide {
  height: 60px;
  width: 100%;
}
#sweepstakes-banner-wide .sweeps-banner.wide img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
  width: 100%;
}
#sweepstakes-banner-wide .sweeps-banner.wide.textonly {
  height: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  font-weight: bold;
}
#sweepstakes-banner-wide .sweeps-banner.wide.textonly a {
  text-decoration: none;
  padding: 20px;
}

#sweepstakes-banner-wide .textonly .sweeps-banner.wide {
  height: auto;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  font-weight: bold;
}
#sweepstakes-banner-wide .textonly .sweeps-banner.wide a {
  text-decoration: none;
  padding: 20px;
}

#sweepstakes-banner-narrow {
  padding-top: 0px;
}
#sweepstakes-banner-narrow .sweeps-banner.narrow {
  padding-right: 30px;
  padding-left: 30px;
  max-width: 93%;
  margin-left: auto;
  margin-right: auto;
}
#sweepstakes-banner-narrow .sweeps-banner.narrow img {
  width: 100%;
}
@media (min-width: 768px) {
  #sweepstakes-banner-narrow .sweeps-banner.narrow img {
    max-width: 350px;
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .side-bar .sweeps-banner.narrow img {
    max-width: 100%;
  }
}

#cookie-law-info-again {
  display: none !important;
}

.cli-bar-message a {
  color: #cfe4f2;
  text-decoration: underline;
}

@media (max-width: 985px) {
  .cli-bar-message {
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
  }
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding: 0;
}

/* MEDIA QUERIES - - - - - - - - - - - - - -  */
@media (min-width: 768px) {
  .container {
    max-width: 93%;
  }
}
@media (min-width: 1441px) {
  .container {
    max-width: 1240px;
  }
}
@media (max-width: 767px) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .has-prodimg .container {
    max-width: 65%;
  }
}

/* KEYFRAME ANIMATIONS - - - - - - - - - - - - - -  */
body.menu {
  overflow: hidden;
}
body.menu #sweepstakes-banner-wide {
  display: none;
}
body.menu header .search-button {
  color: #ffffff;
}
body.menu header .mobile-nav-container,
body.menu header .mobile-nav {
  left: 0;
}
@media (max-width: 767px) {
  body.menu header #datafetch {
    max-height: calc(100vh - 132px);
  }
}
body.menu {
  /*
  		header:after {
  			height: 100vh;
  		}
  		.header-logo {
  			.white { opacity: 1; }
  			.blue { opacity: 0; }
  		}
  */
}
body {
  /*
  	&:not(.menu) {
  		header:after {
  	    	transition-delay: 0.3s;
  	    }
  	}
  */
}

header {
  z-index: 1000;
  background-color: #ffffff;
  position: relative;
  /*
      @media (min-width: 768px) {
  		//overflow: hidden;
  	}
      @include transition(background-color 0.3s ease);
  	&:after {
  	    content: '';
  	    position: absolute;
  	    width: 100%;
  	    height: 0;
  	    top:	0;
  	    background-color: $dk-blue;
  	    z-index: 1;
  	    @include transition(all 0.3s ease);
  	    @media (min-width: 768px) {
  			display: none;
  		}
  	}
  */
}
.ie11 header {
  height: 86px;
}
header:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 7px;
  background-color: #fae146;
  top: 0;
}
header li {
  font-size: 15px;
  font-weight: 700;
}
header .small-header,
header .header-logo,
header #main-nav,
header .search-bar {
  display: flex;
  align-items: center;
}
header .wide-container {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 768px) {
  header .wide-container {
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  header .wide-container {
    align-items: center;
    flex-wrap: wrap;
    padding-left: 15px;
    padding-right: 15px;
  }
}
header div.header-logo {
  padding: 7px 0 0px;
  position: relative;
}
header div.header-logo a {
  padding: 10px 0;
}
header div.header-logo img {
  max-height: 55px;
  width: auto;
  height: auto;
}
@media (max-width: 450px) {
  header div.header-logo img {
    max-height: 45px;
  }
}
header div.header-logo {
  /*
  		.blue {
  			opacity: 1;
  		}
  		.white {
  		    position: absolute;
  		    opacity: 0;
  // 		    transition-delay: 0.2s;
  		}
  */
}
header div.header-logo span {
  position: absolute;
  font-weight: 900;
  color: #004785;
  font-size: 8px;
  top: 75%;
  right: -5px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.menu header div.header-logo span {
  color: white;
  transition: all 0.3s ease;
}
header a.skip-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
header a.skip-main:focus {
  left: 3px;
  top: 3px;
  width: 30%;
  height: calc(100% - 6px);
  overflow: auto;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  font-size: 20px;
  outline: 3px solid #004785;
  background: #fac0b8;
  color: #004785;
  font-weight: 900;
  text-align: center;
  z-index: 999;
}
.ie11 header .menus {
  position: absolute;
  right: 0;
}
header .small-header {
  justify-content: flex-end;
  overflow: hidden;
  /*
  		&:before {
  			content: '';
  		    position: absolute;
  		    background-color: $blue;
  		    top: 0;
  		    right: 0;
  		    height: $small-header-height;
  		    @media (max-width: 767px) {
  			    width: 30px;
  		    }
  		    @media (min-width: 768px) {
  			    width: calc(30px + 3.5%);
  			    width:50px;
  		    }
  		    @media (min-width: 1441px) {
  		    	width: calc((100vw - 1180px)/2);
  		    	width:50px;
  		    }
  		}
  */
}
header .small-header p,
header .small-header a {
  color: #ffffff;
  font-size: 12px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 400;
  display: inline;
}
header .small-header li {
  font-size: 14px;
  font-weight: 600;
  padding: 6px 0px;
}
header .small-header li:hover a {
  color: #fae146;
}
header .small-header .lang-menu,
header .small-header .health,
header .small-header .risk-menu {
  transform: skewX(40deg);
  height: 26px;
  padding: 5px 20px 6px;
}
header .small-header .lang-menu p,
header .small-header .lang-menu a,
header .small-header .health p,
header .small-header .health a,
header .small-header .risk-menu p,
header .small-header .risk-menu a {
  display: block;
  transform: skewX(-40deg);
}
header .small-header .lang-menu {
  background-color: #004785;
  position: relative;
  /*
  			padding: 6px 0.5em;
  			&:before {
  				content: '';
  			    position: absolute;
  			    width: 20px;
  			    top: 0;
  			    left: -25px;
  			    border-top: $small-header-height solid $dk-blue;
  			    border-left: 25px solid transparent;
  			}
  */
}
header .small-header .risk-menu {
  background-color: #004785;
  position: relative;
}
header .small-header .health {
  background-color: #0067ea;
  position: relative;
  padding-right: 30px;
  margin-right: -10px;
  /*
  		    padding: 6px 0.5em 6px 2em;
  			&:before {
  				content: '';
  			    position: absolute;
  			    width: 20px;
  			    top: 0;
  			    left: 0;
  			    border-top: $small-header-height solid $blue;
  			    border-left: 25px solid $dk-blue;
  			}
  */
  /*
  			i {
  				font-size: 12px;
  			}
  			ul.menu {
  				display: block;
  				position: absolute;
  		        top: 100%;
  			    left: 0;
  			    left: 25px;
  				right: 0;
  			    padding: 0.7em 1.5em 1em;
  			    background-color: $dk-blue;
  			    border-radius: 0 0 15px 15px;
  			    box-shadow: 3px 3px 12px -3px $dk-blue;
  				height: auto;
  			    opacity: 0;
  			    pointer-events: none;
  				margin: 0;
      			border: 0;
  			    @include transition(opacity 0.2s ease);
  			}
  			&:hover ul.menu {
  				opacity: 1;
  				pointer-events: all;
  			}
  */
}
@media (max-width: 767px) {
  header .small-header {
    display: none;
  }
}
header .main-header {
  position: relative;
  padding: 15px 0 15px;
  margin: 0 44px 0 15px;
}
@media (max-width: 767px) {
  header .main-header {
    margin: 15px 45px 0 15px;
  }
}
header .main-header {
  /*
  		.container {
  			justify-content: space-between;
  			position: relative;
  		}
  */
}
header #main-nav ul.menu {
  display: flex;
  justify-content: flex-end;
}
header #main-nav ul.menu > li {
  margin: 0px;
  margin-right: 15px;
  position: relative;
}
header #main-nav ul.menu > li > a {
  display: block;
  padding: 0;
  width: 100%;
  color: #004785;
  transition: background 0.3s ease;
  padding: 10px 0 10px 10px;
}
header #main-nav ul.menu > li:hover > a {
  color: #0067ea;
}
@media (max-width: 991px) {
  header #main-nav ul.menu > li {
    font-size: 15px;
    margin: 0;
    letter-spacing: -0.2px;
  }
}
header #main-nav ul.menu > .menu-item-has-children {
  padding-right: 25px;
  margin-right: 5px;
}
header #main-nav ul.menu > .menu-item-has-children {
  /*
  				&:after {
  					content: "\f078";
  					font-family: "Font Awesome 5 Free";
  					font-weight: 900;
  					font-size: 10px;
  				    position: absolute;
  					top: 17px;
  			        right: 8px;
  			        color: $dk-blue;
  					@include transition(all 0.2s ease);
  				}
  */
}
header #main-nav ul.menu > .menu-item-has-children:hover:after {
  color: #0067ea;
}
header #main-nav ul.menu > .menu-item-has-children button.menubutton {
  padding: 6px 6px 0 6px;
  font-size: 12px;
  position: absolute;
  top: 5px;
  right: 0px;
  background: #fff;
}
header #main-nav ul.menu > .menu-item-has-children button.menubutton .visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
header #main-nav ul.menu > .menu-item-has-children button.menubutton {
  /*
  &:focus{
  	border: solid 1px blue;
  }
  &:focus-visible{
  	border: solid 1px blue;
  }*/
}
header #main-nav ul.menu > .menu-item-has-children i {
  font-weight: 900;
  font-size: 11px;
  color: #004785;
  transition: all 0.2s ease;
}
header #main-nav ul.menu > .menu-item-has-children > ul.sub-menu {
  display: none;
  position: absolute;
  background-color: #004785;
  padding: 1em 1.5em;
  left: 50%;
  transform: translate(-50%, 0px);
  width: -moz-max-content;
  width: max-content;
  min-width: 215px;
  border-radius: 15px;
  box-shadow: 3px 3px 12px -3px #004785;
  margin: 0;
}
header #main-nav ul.menu > .menu-item-has-children > ul.sub-menu li {
  font-size: 15px;
  font-weight: 600;
  padding: 7px 0px;
}
header #main-nav ul.menu > .menu-item-has-children > ul.sub-menu li:hover > a {
  color: #fae146;
}
header #main-nav ul.menu > .menu-item-has-children > ul.sub-menu li a {
  color: #e7ecf2;
}
header #main-nav ul.menu > .menu-item-has-children > ul.sub-menu ul.sub-menu {
  padding: 10px 0 0px 15px;
}
@media (min-width: 768px) {
  header #main-nav ul.menu > .menu-item-has-children > ul.sub-menu ul.sub-menu {
    display: flex;
    flex-direction: column;
  }
}
header #main-nav ul.menu > .menu-item-has-children > ul.sub-menu ul.sub-menu li {
  font-size: 12px;
  padding: 7px 0;
}
header #main-nav ul.menu > .menu-item-has-children > ul.sub-menu#submenu-menu-item-153 {
  width: 260px;
  -moz-columns: 2;
       columns: 2;
}
header #main-nav ul.menu > .menu-item-has-children > ul.sub-menu#submenu-menu-item-153 li {
  max-width: 120px;
  padding: 7px 0;
}
header #main-nav ul.menu > .menu-item-has-children > ul.sub-menu:before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  position: absolute;
  left: calc(50% - 5px);
  top: -5px;
  background-color: #004785;
}
header #main-nav ul.menu > .menu-item-has-children.submenu-open > ul.sub-menu {
  display: block !important;
}
header #main-nav ul.menu > .menu-item-has-children.open > ul.sub-menu {
  display: block !important;
}
@media (max-width: 767px) {
  header #main-nav {
    display: none;
  }
}
header .mobile-nav-container {
  position: absolute;
  top: 0;
  left: -100vw;
  height: 100vh;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  header .mobile-nav-container {
    display: none;
  }
}
@media (max-width: 450px) {
  header .mobile-nav-container {
    left: -100vw;
  }
}
header .mobile-nav {
  display: none;
  overflow-y: scroll;
  z-index: 7;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  right: 0;
  background-color: #004785;
  transition: left 0.3s ease;
}
header .mobile-nav div.header-logo {
  padding: 7px 30px 15px;
  padding-bottom: 50px;
}
header .mobile-nav .mobile-menu-items {
  padding: 0 10px 60px 30px;
  height: calc(100% - 100px);
  overflow-y: scroll;
  overflow-x: hidden;
}
header .mobile-nav .mobile-menu-items li a,
header .mobile-nav .mobile-menu-items li span {
  font-size: 20px;
}
header .mobile-nav .mobile-menu-items li a,
header .mobile-nav .mobile-menu-items li i,
header .mobile-nav .mobile-menu-items li span {
  color: #e7ecf2;
}
header .mobile-nav .mobile-menu-items li:hover > a, header .mobile-nav .mobile-menu-items li:hover > span,
header .mobile-nav .mobile-menu-items li:hover i {
  color: #fae146;
  cursor: pointer;
}
header .mobile-nav .mobile-menu-items {
  /*#menu-mobile-nav > #menu-item-2745 {
  	padding-top: 17px;
  	 a {
  	 	font-size: 14px;
  	 	font-weight: 500;
      }
      .sub-menu-button {
  	    top:12px;
      }
      #menu-item-2748 {
  	    .sub-menu-button {
  		    top:4px;
  	    }
      }
  }*/
}
header .mobile-nav ul.menu a.sub-menu-button,
header .mobile-nav ul.menu button.menubutton:not(.back) {
  position: absolute;
  top: 5px;
  right: 0;
  margin-top: 0px;
  font-size: 20px;
  padding: 10px 0 10px 15px;
  background: transparent;
  /*
  				&:not(.collapsed) i {
  					transform: rotate(135deg);
  				}
  */
}
header .mobile-nav ul.menu > li {
  padding-top: 15px;
}
header .mobile-nav ul.menu ul.sub-menu:after,
header .mobile-nav ul.menu li.menu-item-has-children:after {
  content: "";
  background-color: #e7ecf2;
  position: absolute;
  width: calc(100% - 36px);
  height: 1px;
  left: 10px;
  top: 28px;
  opacity: 0.3;
  z-index: -1;
  transition: all 0.3s ease;
}
header .mobile-nav ul.menu ul.sub-menu:hover:after,
header .mobile-nav ul.menu li.menu-item-has-children:hover:after {
  background-color: #fae146;
}
header .mobile-nav ul.menu li.menu-item-has-children {
  position: relative;
  transition: all 0.3s ease;
}
header .mobile-nav ul.menu li.menu-item-has-children a,
header .mobile-nav ul.menu li.menu-item-has-children span,
header .mobile-nav ul.menu li.menu-item-has-children button,
header .mobile-nav ul.menu li.menu-item-has-children .menubutton {
  background-color: #004785;
  padding-right: 15px;
}
header .mobile-nav ul.menu li.menu-item-has-children > ul.sub-menu {
  padding-top: 15px;
  padding-bottom: 28px;
}
header .mobile-nav ul.menu li.menu-item-has-children > ul.sub-menu li {
  padding: 6px 0;
  /*
  						&:first-of-type {
  							padding-top: 24px;
  						}
  						&:last-of-type {
  							padding-bottom: 28px;
  						}
  */
}
header .mobile-nav ul.menu li.menu-item-has-children > ul.sub-menu ul.sub-menu li {
  font-size: 12px;
  padding: 5px 0;
}
header .mobile-nav ul.menu ul.sub-menu {
  visibility: hidden;
  width: 100%;
  left: calc(100% + 50px);
  background-color: #004785;
  z-index: 1;
  transition: left 0.3s ease;
  position: fixed;
  padding: 30px;
  top: 100px;
  height: calc(100% - 100px);
  justify-content: flex-start;
  overflow-y: scroll;
}
header .mobile-nav ul.menu ul.sub-menu.open {
  visibility: visible;
  left: 0;
}
header .mobile-nav ul.menu ul.sub-menu:after {
  left: 30px;
  width: calc(100% - 70px);
}
header .mobile-nav ul.menu ul.sub-menu > label {
  color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 15px 10px;
  margin-left: auto;
  background-color: #004785;
}
header .mobile-nav ul.menu ul.sub-menu a.sub-menu-button,
header .mobile-nav ul.menu ul.sub-menu .menubutton {
  top: 3px;
}
header .mobile-nav ul.menu ul.sub-menu a.sub-menu-back,
header .mobile-nav ul.menu ul.sub-menu .menubutton.back {
  position: absolute;
  padding: 20px 10px 20px 10px;
  background-color: #004785;
}
header .mobile-nav ul.menu ul.sub-menu a.sub-menu-back i,
header .mobile-nav ul.menu ul.sub-menu .menubutton.back i {
  font-size: 20px;
}
header .mobile-nav ul.menu ul.sub-menu > a.sub-menu-back,
header .mobile-nav ul.menu ul.sub-menu > .menubutton.back {
  top: 5px;
}
header .mobile-nav ul.menu > li.menu-item-has-children ul.sub-menu li.menu-item-has-children button.sub-menu-button {
  right: 15px;
}
header .mobile-nav ul.menu > li.menu-item-has-children ul.sub-menu li.menu-item-has-children:after {
  top: 15px;
}
header .mobile-nav ul.social {
  display: flex;
  padding-top: 15px;
}
header .mobile-nav ul.social li {
  padding: 8px;
  margin-right: 12px;
}
header .mobile-nav ul.social li i {
  font-size: 25px;
}
header .mobile-nav ul.social li:first-of-type {
  padding-left: 0;
}
header ul.mobile-lang a {
  color: #e7ecf2;
  font-size: 20px;
  padding-top: 15px;
  display: inline-block;
  font-weight: 700;
}
header i.toggle {
  padding: 8px;
  cursor: pointer;
}
header .mobile-search {
  z-index: 30;
}
header .mobile-search .mobile-close button {
  position: absolute;
  color: #004785;
  background-color: transparent;
  padding: 3px 5px;
  right: 10px;
  top: 14px;
}
@media (max-width: 768px) {
  header .mobile-search .mobile-close button {
    top: 68px;
    right: 4px;
  }
}
header .mobile-search .mobile-close button i {
  font-size: 20px;
}
header .mobile-search {
  /*
  		.mobile-close {
  			display: flex;
  			justify-content: flex-end;
  		    background-color: $blue;
  			button {
  				background: transparent;
  			    font-size: 22px;
  			    padding: 5px 10px;
  			    margin: 0px 10px 0 10px;
  			    &:hover {
  				    color: $yellow;
  			    }
  			}
  			@media (min-width: 768px) {
  				display: none;
  			}
  		}
  */
}
@media (min-width: 768px) {
  header .mobile-search {
    position: absolute;
    bottom: 8px;
    right: 45px;
    width: 56%;
    overflow: inherit;
  }
  header .mobile-search.collapse:not(.show) {
    display: block;
  }
}
@media (max-width: 767px) {
  header .mobile-search {
    position: relative;
    margin-bottom: 10px;
    background-color: #ffffff;
    /*
    			right: -400px;
    			top: 0;
    		    height: 100vh;
    		    width: 400px;
    */
    max-width: 100vw;
    width: 100vw;
    top: 100%;
    left: 0;
    transition: right 0.3s ease, height 0.3s ease;
    /*
    			&.mobile-search-open {
    			    right: 0;
    			}
    */
  }
}
header .search-button {
  position: absolute;
  justify-content: flex-end;
  padding: 0;
  left: 100%;
  height: 27px;
  top: 20px;
  font-size: 14px;
  color: #004785;
  transition: none;
}
header .search-button i:hover {
  color: #0067ea;
}
@media (max-width: 767px) {
  header .search-button {
    font-size: 26px;
    padding: 0px 0 0 13px;
    margin-right: 0px;
    top: -8px;
    height: 36px;
  }
}
header .search-button {
  background-color: transparent;
  border-radius: 0;
  z-index: 10;
}
header ul.search-bar {
  width: 100%;
}
@media (min-width: 768px) {
  header ul.search-bar {
    max-width: 500px;
  }
}
header ul.search-bar {
  display: flex;
  justify-content: center;
  background-color: white;
  opacity: 1;
  transition: width 0.3s ease;
}
header ul.search-bar li {
  width: 100%;
  padding: 10px;
}
header ul.search-bar form input {
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  font-size: 14px;
}
header ul.search-bar form input[type=text] {
  margin-right: 10px;
  text-align: left;
  background-color: #ffffff;
  cursor: text;
  color: #000;
}
header ul.search-bar form input[type=text]:focus {
  outline: none;
  box-shadow: none;
}
header ul.search-bar form input[type=submit] {
  width: 80px;
  transition: width 0.3s ease;
}
@media (min-width: 768px) {
  header ul.search-bar {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-top: 7px;
    border-radius: 5px;
  }
  header ul.search-bar.close {
    width: 0;
    display: none;
  }
  header ul.search-bar.close input[type=text],
  header ul.search-bar.close input[type=submit] {
    padding: 0;
    margin: 0;
  }
  header ul.search-bar.close input[type=submit] {
    width: 0;
  }
}
@media (max-width: 767px) {
  header ul.search-bar {
    background-color: #cfe4f2;
  }
}
header .navbar-toggle {
  position: absolute;
  right: 0;
  top: 0px;
  padding: 0;
  height: 22px;
  width: 30px;
  background: transparent;
  z-index: 10;
}
header .navbar-toggle .icon-bar {
  position: absolute;
  width: 30px;
  height: 4px;
  right: 0;
  transition: all 0.3s ease;
}
header .navbar-toggle .icon-bar {
  background: #ffffff;
}
header .navbar-toggle .icon-bar:nth-child(1) {
  top: 0;
  opacity: 0;
}
header .navbar-toggle .icon-bar:nth-child(2) {
  transform: rotate(45deg);
}
header .navbar-toggle .icon-bar:nth-child(3) {
  transform: rotate(-45deg);
}
header .navbar-toggle .icon-bar:nth-child(4) {
  opacity: 0;
}
header .navbar-toggle.closed .icon-bar {
  background: #004785;
}
header .navbar-toggle.closed .icon-bar:nth-child(1) {
  top: 0;
  opacity: 1;
}
header .navbar-toggle.closed .icon-bar:nth-child(2) {
  top: 9px;
  transform: rotate(0);
}
header .navbar-toggle.closed .icon-bar:nth-child(3) {
  top: 9px;
  transform: rotate(0);
}
header .navbar-toggle.closed .icon-bar:nth-child(4) {
  top: 18px;
  opacity: 1;
}
@media (min-width: 768px) {
  header .navbar-toggle {
    display: none;
  }
}
header .cancel {
  position: absolute;
  right: 0;
  top: 0;
}
header .cancel .cancel-query {
  padding: 0;
  margin: 15px 20px;
  background-color: transparent;
  color: #004785;
}
header .cancel .cancel-query i {
  font-size: 24px;
}
header .results-dropdown .block {
  background-color: #ffffff;
  padding: 1em;
  box-shadow: 3px 10px 12px -3px #004785;
  border-radius: 0px;
}
header .results-dropdown .block:last-of-type {
  border-radius: 0 0 5px 5px;
}
@media (max-width: 767px) {
  header .results-dropdown .block:last-of-type {
    border-radius: 0;
  }
}
header .results-dropdown .block h4 {
  padding-bottom: 10px;
  font-size: 25px;
}
header .results-dropdown .block h5 {
  padding: 0.4em 0;
  font-size: 18px;
  transition: all 0.3s ease;
}
header .results-dropdown .block a {
  padding: 5px 0;
}
header .results-dropdown .block a:hover h5 {
  color: #0067ea;
}
@media (max-width: 767px) {
  header .results-dropdown .block {
    background-color: #fffbba;
    box-shadow: none;
  }
}
header .results-dropdown .recipe a {
  display: flex;
  align-items: center;
}
header .results-dropdown .recipe a div.image {
  flex: 0 0 33%;
  height: 100px;
  max-width: 33%;
  margin-right: 15px;
}
@media (max-width: 767px) {
  header .results-dropdown .recipe a div.image {
    height: 90px;
  }
}
@media (min-width: 768px) {
  header .results-dropdown {
    position: absolute;
    width: calc(100% - 45px);
    top: calc(100% + 6px);
    right: 40px;
    max-width: 500px;
  }
}
@media (max-width: 767px) {
  header .results-dropdown {
    max-height: calc(100% - 106px);
    overflow: scroll;
  }
}
header .results-close {
  display: none;
}

.subnav,
#recipe-search {
  background-color: #a6c6dd;
  color: #004785;
  padding: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .subnav,
  #recipe-search {
    display: none;
  }
}

.subnav .container {
  padding: 0 30px;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1040px) {
  .subnav .container {
    display: block;
    padding: 0 0px;
  }
}
.subnav .container > div {
  font-size: 14px;
  font-weight: 700;
}
@media (max-width: 1040px) {
  .subnav .container > div {
    text-align: center;
  }
}
.subnav .container .parent-link a {
  color: #fff;
}
.subnav .container .parent-link a:hover {
  color: #004785;
}
@media (max-width: 1040px) {
  .subnav {
    padding: 15px 30px;
  }
}

.sub-menu,
.search-tabs {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1040px) {
  .sub-menu,
  .search-tabs {
    align-content: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .sub-menu,
  .search-tabs {
    flex-direction: column;
  }
}
.sub-menu ul,
.sub-menu li,
.search-tabs ul,
.search-tabs li {
  list-style: none;
  margin: 0;
}
.sub-menu .dropdown-menu,
.search-tabs .dropdown-menu {
  font-size: 0.9rem;
}
.sub-menu > ul,
.sub-menu .menu-hcp-subnav-container > ul,
.sub-menu .menu-health-subnav-container > ul,
.sub-menu .menu-food-service-subnav-container > ul,
.search-tabs > ul,
.search-tabs .menu-hcp-subnav-container > ul,
.search-tabs .menu-health-subnav-container > ul,
.search-tabs .menu-food-service-subnav-container > ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.sub-menu > ul > li,
.sub-menu .menu-hcp-subnav-container > ul > li,
.sub-menu .menu-health-subnav-container > ul > li,
.sub-menu .menu-food-service-subnav-container > ul > li,
.search-tabs > ul > li,
.search-tabs .menu-hcp-subnav-container > ul > li,
.search-tabs .menu-health-subnav-container > ul > li,
.search-tabs .menu-food-service-subnav-container > ul > li {
  font-size: 14px;
  position: relative;
  font-weight: 600;
  color: #004785;
  padding: 10px 10px 10px;
  margin-right: 12px;
}
.sub-menu > ul > li:last-of-type,
.sub-menu .menu-hcp-subnav-container > ul > li:last-of-type,
.sub-menu .menu-health-subnav-container > ul > li:last-of-type,
.sub-menu .menu-food-service-subnav-container > ul > li:last-of-type,
.search-tabs > ul > li:last-of-type,
.search-tabs .menu-hcp-subnav-container > ul > li:last-of-type,
.search-tabs .menu-health-subnav-container > ul > li:last-of-type,
.search-tabs .menu-food-service-subnav-container > ul > li:last-of-type {
  margin-right: 0;
}
.sub-menu > ul > li#net-carbs,
.sub-menu .menu-hcp-subnav-container > ul > li#net-carbs,
.sub-menu .menu-health-subnav-container > ul > li#net-carbs,
.sub-menu .menu-food-service-subnav-container > ul > li#net-carbs,
.search-tabs > ul > li#net-carbs,
.search-tabs .menu-hcp-subnav-container > ul > li#net-carbs,
.search-tabs .menu-health-subnav-container > ul > li#net-carbs,
.search-tabs .menu-food-service-subnav-container > ul > li#net-carbs {
  display: none;
}
.sub-menu > ul > li a,
.sub-menu .menu-hcp-subnav-container > ul > li a,
.sub-menu .menu-health-subnav-container > ul > li a,
.sub-menu .menu-food-service-subnav-container > ul > li a,
.search-tabs > ul > li a,
.search-tabs .menu-hcp-subnav-container > ul > li a,
.search-tabs .menu-health-subnav-container > ul > li a,
.search-tabs .menu-food-service-subnav-container > ul > li a {
  color: #004785;
}
.sub-menu > ul > li a:hover, .sub-menu > ul > li a:focus,
.sub-menu .menu-hcp-subnav-container > ul > li a:hover,
.sub-menu .menu-hcp-subnav-container > ul > li a:focus,
.sub-menu .menu-health-subnav-container > ul > li a:hover,
.sub-menu .menu-health-subnav-container > ul > li a:focus,
.sub-menu .menu-food-service-subnav-container > ul > li a:hover,
.sub-menu .menu-food-service-subnav-container > ul > li a:focus,
.search-tabs > ul > li a:hover,
.search-tabs > ul > li a:focus,
.search-tabs .menu-hcp-subnav-container > ul > li a:hover,
.search-tabs .menu-hcp-subnav-container > ul > li a:focus,
.search-tabs .menu-health-subnav-container > ul > li a:hover,
.search-tabs .menu-health-subnav-container > ul > li a:focus,
.search-tabs .menu-food-service-subnav-container > ul > li a:hover,
.search-tabs .menu-food-service-subnav-container > ul > li a:focus {
  color: white;
}
.sub-menu > ul > li.menu-item-has-children, .sub-menu > ul > li.dropdown,
.sub-menu .menu-hcp-subnav-container > ul > li.menu-item-has-children,
.sub-menu .menu-hcp-subnav-container > ul > li.dropdown,
.sub-menu .menu-health-subnav-container > ul > li.menu-item-has-children,
.sub-menu .menu-health-subnav-container > ul > li.dropdown,
.sub-menu .menu-food-service-subnav-container > ul > li.menu-item-has-children,
.sub-menu .menu-food-service-subnav-container > ul > li.dropdown,
.search-tabs > ul > li.menu-item-has-children,
.search-tabs > ul > li.dropdown,
.search-tabs .menu-hcp-subnav-container > ul > li.menu-item-has-children,
.search-tabs .menu-hcp-subnav-container > ul > li.dropdown,
.search-tabs .menu-health-subnav-container > ul > li.menu-item-has-children,
.search-tabs .menu-health-subnav-container > ul > li.dropdown,
.search-tabs .menu-food-service-subnav-container > ul > li.menu-item-has-children,
.search-tabs .menu-food-service-subnav-container > ul > li.dropdown {
  padding: 15px 25px 15px 10px;
  transition: none;
}
.sub-menu > ul > li.menu-item-has-children:hover, .sub-menu > ul > li.menu-item-has-children:focus, .sub-menu > ul > li.dropdown:hover, .sub-menu > ul > li.dropdown:focus,
.sub-menu .menu-hcp-subnav-container > ul > li.menu-item-has-children:hover,
.sub-menu .menu-hcp-subnav-container > ul > li.menu-item-has-children:focus,
.sub-menu .menu-hcp-subnav-container > ul > li.dropdown:hover,
.sub-menu .menu-hcp-subnav-container > ul > li.dropdown:focus,
.sub-menu .menu-health-subnav-container > ul > li.menu-item-has-children:hover,
.sub-menu .menu-health-subnav-container > ul > li.menu-item-has-children:focus,
.sub-menu .menu-health-subnav-container > ul > li.dropdown:hover,
.sub-menu .menu-health-subnav-container > ul > li.dropdown:focus,
.sub-menu .menu-food-service-subnav-container > ul > li.menu-item-has-children:hover,
.sub-menu .menu-food-service-subnav-container > ul > li.menu-item-has-children:focus,
.sub-menu .menu-food-service-subnav-container > ul > li.dropdown:hover,
.sub-menu .menu-food-service-subnav-container > ul > li.dropdown:focus,
.search-tabs > ul > li.menu-item-has-children:hover,
.search-tabs > ul > li.menu-item-has-children:focus,
.search-tabs > ul > li.dropdown:hover,
.search-tabs > ul > li.dropdown:focus,
.search-tabs .menu-hcp-subnav-container > ul > li.menu-item-has-children:hover,
.search-tabs .menu-hcp-subnav-container > ul > li.menu-item-has-children:focus,
.search-tabs .menu-hcp-subnav-container > ul > li.dropdown:hover,
.search-tabs .menu-hcp-subnav-container > ul > li.dropdown:focus,
.search-tabs .menu-health-subnav-container > ul > li.menu-item-has-children:hover,
.search-tabs .menu-health-subnav-container > ul > li.menu-item-has-children:focus,
.search-tabs .menu-health-subnav-container > ul > li.dropdown:hover,
.search-tabs .menu-health-subnav-container > ul > li.dropdown:focus,
.search-tabs .menu-food-service-subnav-container > ul > li.menu-item-has-children:hover,
.search-tabs .menu-food-service-subnav-container > ul > li.menu-item-has-children:focus,
.search-tabs .menu-food-service-subnav-container > ul > li.dropdown:hover,
.search-tabs .menu-food-service-subnav-container > ul > li.dropdown:focus {
  cursor: pointer;
  background-color: #e8f0b6;
  transition: background-color 0.2s ease;
  /*
  		            ul.submenu, ul.sub-menu {
  			            opacity: 1;
  						pointer-events: all;
  		            }
  */
}
.sub-menu > ul > li.menu-item-has-children:hover a, .sub-menu > ul > li.menu-item-has-children:focus a, .sub-menu > ul > li.dropdown:hover a, .sub-menu > ul > li.dropdown:focus a,
.sub-menu .menu-hcp-subnav-container > ul > li.menu-item-has-children:hover a,
.sub-menu .menu-hcp-subnav-container > ul > li.menu-item-has-children:focus a,
.sub-menu .menu-hcp-subnav-container > ul > li.dropdown:hover a,
.sub-menu .menu-hcp-subnav-container > ul > li.dropdown:focus a,
.sub-menu .menu-health-subnav-container > ul > li.menu-item-has-children:hover a,
.sub-menu .menu-health-subnav-container > ul > li.menu-item-has-children:focus a,
.sub-menu .menu-health-subnav-container > ul > li.dropdown:hover a,
.sub-menu .menu-health-subnav-container > ul > li.dropdown:focus a,
.sub-menu .menu-food-service-subnav-container > ul > li.menu-item-has-children:hover a,
.sub-menu .menu-food-service-subnav-container > ul > li.menu-item-has-children:focus a,
.sub-menu .menu-food-service-subnav-container > ul > li.dropdown:hover a,
.sub-menu .menu-food-service-subnav-container > ul > li.dropdown:focus a,
.search-tabs > ul > li.menu-item-has-children:hover a,
.search-tabs > ul > li.menu-item-has-children:focus a,
.search-tabs > ul > li.dropdown:hover a,
.search-tabs > ul > li.dropdown:focus a,
.search-tabs .menu-hcp-subnav-container > ul > li.menu-item-has-children:hover a,
.search-tabs .menu-hcp-subnav-container > ul > li.menu-item-has-children:focus a,
.search-tabs .menu-hcp-subnav-container > ul > li.dropdown:hover a,
.search-tabs .menu-hcp-subnav-container > ul > li.dropdown:focus a,
.search-tabs .menu-health-subnav-container > ul > li.menu-item-has-children:hover a,
.search-tabs .menu-health-subnav-container > ul > li.menu-item-has-children:focus a,
.search-tabs .menu-health-subnav-container > ul > li.dropdown:hover a,
.search-tabs .menu-health-subnav-container > ul > li.dropdown:focus a,
.search-tabs .menu-food-service-subnav-container > ul > li.menu-item-has-children:hover a,
.search-tabs .menu-food-service-subnav-container > ul > li.menu-item-has-children:focus a,
.search-tabs .menu-food-service-subnav-container > ul > li.dropdown:hover a,
.search-tabs .menu-food-service-subnav-container > ul > li.dropdown:focus a {
  color: #004785;
}
.sub-menu > ul > li.menu-item-has-children button.menubutton, .sub-menu > ul > li.dropdown button.menubutton,
.sub-menu .menu-hcp-subnav-container > ul > li.menu-item-has-children button.menubutton,
.sub-menu .menu-hcp-subnav-container > ul > li.dropdown button.menubutton,
.sub-menu .menu-health-subnav-container > ul > li.menu-item-has-children button.menubutton,
.sub-menu .menu-health-subnav-container > ul > li.dropdown button.menubutton,
.sub-menu .menu-food-service-subnav-container > ul > li.menu-item-has-children button.menubutton,
.sub-menu .menu-food-service-subnav-container > ul > li.dropdown button.menubutton,
.search-tabs > ul > li.menu-item-has-children button.menubutton,
.search-tabs > ul > li.dropdown button.menubutton,
.search-tabs .menu-hcp-subnav-container > ul > li.menu-item-has-children button.menubutton,
.search-tabs .menu-hcp-subnav-container > ul > li.dropdown button.menubutton,
.search-tabs .menu-health-subnav-container > ul > li.menu-item-has-children button.menubutton,
.search-tabs .menu-health-subnav-container > ul > li.dropdown button.menubutton,
.search-tabs .menu-food-service-subnav-container > ul > li.menu-item-has-children button.menubutton,
.search-tabs .menu-food-service-subnav-container > ul > li.dropdown button.menubutton {
  padding: 0;
  font-size: 11px;
  position: absolute;
  top: 1.9em;
  right: 0px;
  background: #fff;
  transition: none;
}
@media (max-width: 991px) {
  .sub-menu > ul > li.menu-item-has-children button.menubutton, .sub-menu > ul > li.dropdown button.menubutton,
  .sub-menu .menu-hcp-subnav-container > ul > li.menu-item-has-children button.menubutton,
  .sub-menu .menu-hcp-subnav-container > ul > li.dropdown button.menubutton,
  .sub-menu .menu-health-subnav-container > ul > li.menu-item-has-children button.menubutton,
  .sub-menu .menu-health-subnav-container > ul > li.dropdown button.menubutton,
  .sub-menu .menu-food-service-subnav-container > ul > li.menu-item-has-children button.menubutton,
  .sub-menu .menu-food-service-subnav-container > ul > li.dropdown button.menubutton,
  .search-tabs > ul > li.menu-item-has-children button.menubutton,
  .search-tabs > ul > li.dropdown button.menubutton,
  .search-tabs .menu-hcp-subnav-container > ul > li.menu-item-has-children button.menubutton,
  .search-tabs .menu-hcp-subnav-container > ul > li.dropdown button.menubutton,
  .search-tabs .menu-health-subnav-container > ul > li.menu-item-has-children button.menubutton,
  .search-tabs .menu-health-subnav-container > ul > li.dropdown button.menubutton,
  .search-tabs .menu-food-service-subnav-container > ul > li.menu-item-has-children button.menubutton,
  .search-tabs .menu-food-service-subnav-container > ul > li.dropdown button.menubutton {
    top: 1em;
  }
}
.sub-menu > ul > li.menu-item-has-children button.menubutton .visuallyhidden, .sub-menu > ul > li.dropdown button.menubutton .visuallyhidden,
.sub-menu .menu-hcp-subnav-container > ul > li.menu-item-has-children button.menubutton .visuallyhidden,
.sub-menu .menu-hcp-subnav-container > ul > li.dropdown button.menubutton .visuallyhidden,
.sub-menu .menu-health-subnav-container > ul > li.menu-item-has-children button.menubutton .visuallyhidden,
.sub-menu .menu-health-subnav-container > ul > li.dropdown button.menubutton .visuallyhidden,
.sub-menu .menu-food-service-subnav-container > ul > li.menu-item-has-children button.menubutton .visuallyhidden,
.sub-menu .menu-food-service-subnav-container > ul > li.dropdown button.menubutton .visuallyhidden,
.search-tabs > ul > li.menu-item-has-children button.menubutton .visuallyhidden,
.search-tabs > ul > li.dropdown button.menubutton .visuallyhidden,
.search-tabs .menu-hcp-subnav-container > ul > li.menu-item-has-children button.menubutton .visuallyhidden,
.search-tabs .menu-hcp-subnav-container > ul > li.dropdown button.menubutton .visuallyhidden,
.search-tabs .menu-health-subnav-container > ul > li.menu-item-has-children button.menubutton .visuallyhidden,
.search-tabs .menu-health-subnav-container > ul > li.dropdown button.menubutton .visuallyhidden,
.search-tabs .menu-food-service-subnav-container > ul > li.menu-item-has-children button.menubutton .visuallyhidden,
.search-tabs .menu-food-service-subnav-container > ul > li.dropdown button.menubutton .visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.sub-menu > ul > li.menu-item-has-children button.menubutton:focus i, .sub-menu > ul > li.dropdown button.menubutton:focus i,
.sub-menu .menu-hcp-subnav-container > ul > li.menu-item-has-children button.menubutton:focus i,
.sub-menu .menu-hcp-subnav-container > ul > li.dropdown button.menubutton:focus i,
.sub-menu .menu-health-subnav-container > ul > li.menu-item-has-children button.menubutton:focus i,
.sub-menu .menu-health-subnav-container > ul > li.dropdown button.menubutton:focus i,
.sub-menu .menu-food-service-subnav-container > ul > li.menu-item-has-children button.menubutton:focus i,
.sub-menu .menu-food-service-subnav-container > ul > li.dropdown button.menubutton:focus i,
.search-tabs > ul > li.menu-item-has-children button.menubutton:focus i,
.search-tabs > ul > li.dropdown button.menubutton:focus i,
.search-tabs .menu-hcp-subnav-container > ul > li.menu-item-has-children button.menubutton:focus i,
.search-tabs .menu-hcp-subnav-container > ul > li.dropdown button.menubutton:focus i,
.search-tabs .menu-health-subnav-container > ul > li.menu-item-has-children button.menubutton:focus i,
.search-tabs .menu-health-subnav-container > ul > li.dropdown button.menubutton:focus i,
.search-tabs .menu-food-service-subnav-container > ul > li.menu-item-has-children button.menubutton:focus i,
.search-tabs .menu-food-service-subnav-container > ul > li.dropdown button.menubutton:focus i {
  border: solid 1px #fff;
}
.sub-menu > ul > li.menu-item-has-children button.menubutton, .sub-menu > ul > li.dropdown button.menubutton,
.sub-menu .menu-hcp-subnav-container > ul > li.menu-item-has-children button.menubutton,
.sub-menu .menu-hcp-subnav-container > ul > li.dropdown button.menubutton,
.sub-menu .menu-health-subnav-container > ul > li.menu-item-has-children button.menubutton,
.sub-menu .menu-health-subnav-container > ul > li.dropdown button.menubutton,
.sub-menu .menu-food-service-subnav-container > ul > li.menu-item-has-children button.menubutton,
.sub-menu .menu-food-service-subnav-container > ul > li.dropdown button.menubutton,
.search-tabs > ul > li.menu-item-has-children button.menubutton,
.search-tabs > ul > li.dropdown button.menubutton,
.search-tabs .menu-hcp-subnav-container > ul > li.menu-item-has-children button.menubutton,
.search-tabs .menu-hcp-subnav-container > ul > li.dropdown button.menubutton,
.search-tabs .menu-health-subnav-container > ul > li.menu-item-has-children button.menubutton,
.search-tabs .menu-health-subnav-container > ul > li.dropdown button.menubutton,
.search-tabs .menu-food-service-subnav-container > ul > li.menu-item-has-children button.menubutton,
.search-tabs .menu-food-service-subnav-container > ul > li.dropdown button.menubutton {
  /*&:focus-visible{
  	border: solid 1px blue;
  }*/
}
.sub-menu > ul > li.menu-item-has-children i, .sub-menu > ul > li.dropdown i,
.sub-menu .menu-hcp-subnav-container > ul > li.menu-item-has-children i,
.sub-menu .menu-hcp-subnav-container > ul > li.dropdown i,
.sub-menu .menu-health-subnav-container > ul > li.menu-item-has-children i,
.sub-menu .menu-health-subnav-container > ul > li.dropdown i,
.sub-menu .menu-food-service-subnav-container > ul > li.menu-item-has-children i,
.sub-menu .menu-food-service-subnav-container > ul > li.dropdown i,
.search-tabs > ul > li.menu-item-has-children i,
.search-tabs > ul > li.dropdown i,
.search-tabs .menu-hcp-subnav-container > ul > li.menu-item-has-children i,
.search-tabs .menu-hcp-subnav-container > ul > li.dropdown i,
.search-tabs .menu-health-subnav-container > ul > li.menu-item-has-children i,
.search-tabs .menu-health-subnav-container > ul > li.dropdown i,
.search-tabs .menu-food-service-subnav-container > ul > li.menu-item-has-children i,
.search-tabs .menu-food-service-subnav-container > ul > li.dropdown i {
  font-weight: 900;
  font-size: 0.8em;
  right: 10px;
  top: 40%;
  color: #004785;
  transition: none;
}
.sub-menu > ul > li .svg-inline--fa.fa-w-14,
.sub-menu .menu-hcp-subnav-container > ul > li .svg-inline--fa.fa-w-14,
.sub-menu .menu-health-subnav-container > ul > li .svg-inline--fa.fa-w-14,
.sub-menu .menu-food-service-subnav-container > ul > li .svg-inline--fa.fa-w-14,
.search-tabs > ul > li .svg-inline--fa.fa-w-14,
.search-tabs .menu-hcp-subnav-container > ul > li .svg-inline--fa.fa-w-14,
.search-tabs .menu-health-subnav-container > ul > li .svg-inline--fa.fa-w-14,
.search-tabs .menu-food-service-subnav-container > ul > li .svg-inline--fa.fa-w-14 {
  width: 0.675em !important;
}
.sub-menu > ul ul.submenu,
.sub-menu > ul ul.sub-menu,
.sub-menu .menu-hcp-subnav-container > ul ul.submenu,
.sub-menu .menu-hcp-subnav-container > ul ul.sub-menu,
.sub-menu .menu-health-subnav-container > ul ul.submenu,
.sub-menu .menu-health-subnav-container > ul ul.sub-menu,
.sub-menu .menu-food-service-subnav-container > ul ul.submenu,
.sub-menu .menu-food-service-subnav-container > ul ul.sub-menu,
.search-tabs > ul ul.submenu,
.search-tabs > ul ul.sub-menu,
.search-tabs .menu-hcp-subnav-container > ul ul.submenu,
.search-tabs .menu-hcp-subnav-container > ul ul.sub-menu,
.search-tabs .menu-health-subnav-container > ul ul.submenu,
.search-tabs .menu-health-subnav-container > ul ul.sub-menu,
.search-tabs .menu-food-service-subnav-container > ul ul.submenu,
.search-tabs .menu-food-service-subnav-container > ul ul.sub-menu {
  display: none;
  position: absolute;
  padding: 10px 15px;
  background-color: #e8f0b6;
  border-radius: 0;
  border: none;
  left: 0;
  width: -moz-max-content;
  width: max-content;
}
.sub-menu > ul ul.submenu > li,
.sub-menu > ul ul.sub-menu > li,
.sub-menu .menu-hcp-subnav-container > ul ul.submenu > li,
.sub-menu .menu-hcp-subnav-container > ul ul.sub-menu > li,
.sub-menu .menu-health-subnav-container > ul ul.submenu > li,
.sub-menu .menu-health-subnav-container > ul ul.sub-menu > li,
.sub-menu .menu-food-service-subnav-container > ul ul.submenu > li,
.sub-menu .menu-food-service-subnav-container > ul ul.sub-menu > li,
.search-tabs > ul ul.submenu > li,
.search-tabs > ul ul.sub-menu > li,
.search-tabs .menu-hcp-subnav-container > ul ul.submenu > li,
.search-tabs .menu-hcp-subnav-container > ul ul.sub-menu > li,
.search-tabs .menu-health-subnav-container > ul ul.submenu > li,
.search-tabs .menu-health-subnav-container > ul ul.sub-menu > li,
.search-tabs .menu-food-service-subnav-container > ul ul.submenu > li,
.search-tabs .menu-food-service-subnav-container > ul ul.sub-menu > li {
  font-weight: 400;
  padding: 6px 0;
}
.sub-menu > ul ul.submenu > li:hover > a, .sub-menu > ul ul.submenu > li:focus > a,
.sub-menu > ul ul.sub-menu > li:hover > a,
.sub-menu > ul ul.sub-menu > li:focus > a,
.sub-menu .menu-hcp-subnav-container > ul ul.submenu > li:hover > a,
.sub-menu .menu-hcp-subnav-container > ul ul.submenu > li:focus > a,
.sub-menu .menu-hcp-subnav-container > ul ul.sub-menu > li:hover > a,
.sub-menu .menu-hcp-subnav-container > ul ul.sub-menu > li:focus > a,
.sub-menu .menu-health-subnav-container > ul ul.submenu > li:hover > a,
.sub-menu .menu-health-subnav-container > ul ul.submenu > li:focus > a,
.sub-menu .menu-health-subnav-container > ul ul.sub-menu > li:hover > a,
.sub-menu .menu-health-subnav-container > ul ul.sub-menu > li:focus > a,
.sub-menu .menu-food-service-subnav-container > ul ul.submenu > li:hover > a,
.sub-menu .menu-food-service-subnav-container > ul ul.submenu > li:focus > a,
.sub-menu .menu-food-service-subnav-container > ul ul.sub-menu > li:hover > a,
.sub-menu .menu-food-service-subnav-container > ul ul.sub-menu > li:focus > a,
.search-tabs > ul ul.submenu > li:hover > a,
.search-tabs > ul ul.submenu > li:focus > a,
.search-tabs > ul ul.sub-menu > li:hover > a,
.search-tabs > ul ul.sub-menu > li:focus > a,
.search-tabs .menu-hcp-subnav-container > ul ul.submenu > li:hover > a,
.search-tabs .menu-hcp-subnav-container > ul ul.submenu > li:focus > a,
.search-tabs .menu-hcp-subnav-container > ul ul.sub-menu > li:hover > a,
.search-tabs .menu-hcp-subnav-container > ul ul.sub-menu > li:focus > a,
.search-tabs .menu-health-subnav-container > ul ul.submenu > li:hover > a,
.search-tabs .menu-health-subnav-container > ul ul.submenu > li:focus > a,
.search-tabs .menu-health-subnav-container > ul ul.sub-menu > li:hover > a,
.search-tabs .menu-health-subnav-container > ul ul.sub-menu > li:focus > a,
.search-tabs .menu-food-service-subnav-container > ul ul.submenu > li:hover > a,
.search-tabs .menu-food-service-subnav-container > ul ul.submenu > li:focus > a,
.search-tabs .menu-food-service-subnav-container > ul ul.sub-menu > li:hover > a,
.search-tabs .menu-food-service-subnav-container > ul ul.sub-menu > li:focus > a {
  color: #0067ea;
}
.sub-menu > ul ul.submenu > li a,
.sub-menu > ul ul.sub-menu > li a,
.sub-menu .menu-hcp-subnav-container > ul ul.submenu > li a,
.sub-menu .menu-hcp-subnav-container > ul ul.sub-menu > li a,
.sub-menu .menu-health-subnav-container > ul ul.submenu > li a,
.sub-menu .menu-health-subnav-container > ul ul.sub-menu > li a,
.sub-menu .menu-food-service-subnav-container > ul ul.submenu > li a,
.sub-menu .menu-food-service-subnav-container > ul ul.sub-menu > li a,
.search-tabs > ul ul.submenu > li a,
.search-tabs > ul ul.sub-menu > li a,
.search-tabs .menu-hcp-subnav-container > ul ul.submenu > li a,
.search-tabs .menu-hcp-subnav-container > ul ul.sub-menu > li a,
.search-tabs .menu-health-subnav-container > ul ul.submenu > li a,
.search-tabs .menu-health-subnav-container > ul ul.sub-menu > li a,
.search-tabs .menu-food-service-subnav-container > ul ul.submenu > li a,
.search-tabs .menu-food-service-subnav-container > ul ul.sub-menu > li a {
  color: #004785;
}
.sub-menu ul li#carbs,
.search-tabs ul li#carbs {
  margin-right: 0;
}
.sub-menu i,
.search-tabs i {
  position: absolute;
  right: 8px;
  top: 35%;
  font-size: 14px;
}
@media (max-width: 991px) {
  .sub-menu .menu-hcp-subnav-container > ul,
  .sub-menu .menu-health-subnav-container > ul,
  .sub-menu .menu-food-service-subnav-container > ul,
  .search-tabs .menu-hcp-subnav-container > ul,
  .search-tabs .menu-health-subnav-container > ul,
  .search-tabs .menu-food-service-subnav-container > ul {
    align-content: center;
    text-align: center;
  }
}
.sub-menu .menu-hcp-subnav-container > ul > li,
.sub-menu .menu-hcp-subnav-container > ul li.dropdown,
.sub-menu .menu-health-subnav-container > ul > li,
.sub-menu .menu-health-subnav-container > ul li.dropdown,
.sub-menu .menu-food-service-subnav-container > ul > li,
.sub-menu .menu-food-service-subnav-container > ul li.dropdown,
.search-tabs .menu-hcp-subnav-container > ul > li,
.search-tabs .menu-hcp-subnav-container > ul li.dropdown,
.search-tabs .menu-health-subnav-container > ul > li,
.search-tabs .menu-health-subnav-container > ul li.dropdown,
.search-tabs .menu-food-service-subnav-container > ul > li,
.search-tabs .menu-food-service-subnav-container > ul li.dropdown {
  padding: 15px 10px 15px;
  font-size: 14px;
  margin-right: 0.2em;
}
@media (max-width: 991px) {
  .sub-menu .menu-hcp-subnav-container > ul > li,
  .sub-menu .menu-hcp-subnav-container > ul li.dropdown,
  .sub-menu .menu-health-subnav-container > ul > li,
  .sub-menu .menu-health-subnav-container > ul li.dropdown,
  .sub-menu .menu-food-service-subnav-container > ul > li,
  .sub-menu .menu-food-service-subnav-container > ul li.dropdown,
  .search-tabs .menu-hcp-subnav-container > ul > li,
  .search-tabs .menu-hcp-subnav-container > ul li.dropdown,
  .search-tabs .menu-health-subnav-container > ul > li,
  .search-tabs .menu-health-subnav-container > ul li.dropdown,
  .search-tabs .menu-food-service-subnav-container > ul > li,
  .search-tabs .menu-food-service-subnav-container > ul li.dropdown {
    padding: 6px 10px;
  }
}
.sub-menu .menu-hcp-subnav-container > ul li.dropdown,
.sub-menu .menu-health-subnav-container > ul li.dropdown,
.sub-menu .menu-food-service-subnav-container > ul li.dropdown,
.search-tabs .menu-hcp-subnav-container > ul li.dropdown,
.search-tabs .menu-health-subnav-container > ul li.dropdown,
.search-tabs .menu-food-service-subnav-container > ul li.dropdown {
  padding-right: 1.7em;
  /*
          &:after {
          font-family: "Font Awesome 5 Pro";
          content: "\f078";
          font-weight: 900;
     font-size: 11px;
     position: absolute;
        top: 1.9em;
  right: 1.05em;
     color: #004785;
     @media (max-width: 991px) {
  	top: 1em;
  }
       }
       */
  /*
              &:hover, &:focus {
  	            cursor: pointer;
  	            background-color: $lt-green;
  	            ul.submenu, ul.sub-menu {
  		            opacity: 1;
  					pointer-events: all;
  	            }
  	            a {
  		            color:$dk-blue;
  	            }
              }
  */
}

#menu-item-2152 ul.sub-menu {
  display: flex;
  flex-direction: row !important;
  flex-wrap: wrap;
  width: 320px;
  align-items: flex-end;
  align-content: flex-start;
  justify-content: flex-start;
}
#menu-item-2152 ul.sub-menu li {
  flex: 0 0 50%;
}

#menu-item-2153 {
  display: none;
}

.page-china #main-nav {
  display: none;
}
.page-china #main-nav.chinese {
  display: flex;
}
.page-china #main-nav.chinese ul.menu > .menu-item-has-children > ul.sub-menu {
  min-width: 165px;
}
@media (max-width: 767px) {
  .page-china #main-nav.chinese {
    display: none;
  }
}
.page-china header .mobile-nav .mobile-menu-items {
  display: none;
}
.page-china header .mobile-nav .mobile-menu-items.chinese {
  display: block;
}

[data-color=light-blue] {
  background-color: #cfe4f2;
}
[data-color=light-blue]:after {
  background-color: #cfe4f2;
}
[data-color=light-blue].lr.row:after {
  background: linear-gradient(90deg, #cfe4f2, #cfe4f2, transparent);
}
[data-color=light-blue].lr.row-reverse:after {
  background: linear-gradient(-90deg, #cfe4f2, #cfe4f2, transparent);
}
@media (max-width: 767px) {
  [data-color=light-blue].lr.row:after {
    background: linear-gradient(180deg, #cfe4f2, #cfe4f2, transparent);
  }
  [data-color=light-blue].lr.row-reverse:after {
    background: linear-gradient(180deg, #cfe4f2, #cfe4f2, transparent);
  }
}
[data-color=light-blue] h1.mastertitle span,
[data-color=light-blue] h2.mastertitle span,
[data-color=light-blue] h1.label span,
[data-color=light-blue] h2.label span {
  background-color: #cfe4f2;
}

#faq h1,
#faq-single h1,
#faq-search-page h1 {
  text-align: center;
  font-size: 60px;
}
#faq h1.h4,
#faq-single h1.h4,
#faq-search-page h1.h4 {
  font-size: 30px;
}
#faq h2.title,
#faq-single h2.title,
#faq-search-page h2.title {
  font-size: 2.2rem;
  margin-bottom: 50px;
}
#faq h2,
#faq h3.h2,
#faq-single h2,
#faq-single h3.h2,
#faq-search-page h2,
#faq-search-page h3.h2 {
  font-size: 1.6rem;
}
#faq h3 a,
#faq h2 a,
#faq-single h3 a,
#faq-single h2 a,
#faq-search-page h3 a,
#faq-search-page h2 a {
  color: #004785;
}
#faq form .search-inputs,
#faq-single form .search-inputs,
#faq-search-page form .search-inputs {
  display: flex;
}
#faq form .search-inputs input,
#faq form .search-inputs button,
#faq-single form .search-inputs input,
#faq-single form .search-inputs button,
#faq-search-page form .search-inputs input,
#faq-search-page form .search-inputs button {
  padding: 10px 20px;
  height: 50px;
}
#faq .mini-nav,
#faq-single .mini-nav,
#faq-search-page .mini-nav {
  padding: 15px 30px 0px;
  font-size: 14px;
}
#faq .mini-nav span a,
#faq-single .mini-nav span a,
#faq-search-page .mini-nav span a {
  color: #414141;
}
#faq .mini-nav span a:hover,
#faq-single .mini-nav span a:hover,
#faq-search-page .mini-nav span a:hover {
  color: #0067ea;
}
#faq #faq-search-hero,
#faq-single #faq-search-hero,
#faq-search-page #faq-search-hero {
  background-color: #cfe4f2;
}
#faq #faq-search-hero .container,
#faq-single #faq-search-hero .container,
#faq-search-page #faq-search-hero .container {
  text-align: center;
}
#faq #faq-search-hero h2:not(.title),
#faq-single #faq-search-hero h2:not(.title),
#faq-search-page #faq-search-hero h2:not(.title) {
  font-size: 60px;
}
#faq #faq-search-hero p,
#faq-single #faq-search-hero p,
#faq-search-page #faq-search-hero p {
  padding: 10px 0 20px;
}
#faq #faq-search-hero form,
#faq-single #faq-search-hero form,
#faq-search-page #faq-search-hero form {
  justify-content: center;
}
#faq #faq-search-hero form .search-inputs,
#faq-single #faq-search-hero form .search-inputs,
#faq-search-page #faq-search-hero form .search-inputs {
  width: 700px;
  max-width: 100%;
}
#faq #faq-search-hero form .search-inputs::-moz-placeholder, #faq-single #faq-search-hero form .search-inputs::-moz-placeholder, #faq-search-page #faq-search-hero form .search-inputs::-moz-placeholder {
  color: #cfe4f2;
}
#faq #faq-search-hero form .search-inputs::placeholder,
#faq-single #faq-search-hero form .search-inputs::placeholder,
#faq-search-page #faq-search-hero form .search-inputs::placeholder {
  color: #cfe4f2;
}
#faq .results .articles,
#faq-single .results .articles,
#faq-search-page .results .articles {
  display: flex;
  flex-wrap: wrap;
  /*
  			@media (min-width: 768px) {
  				div:nth-of-type(2n) { padding-left: 30px; }
  				div:nth-of-type(2n-1) { padding-right: 30px; }
  			}
  */
}
#faq .faq-part,
#faq-single .faq-part,
#faq-search-page .faq-part {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  #faq .faq-part,
  #faq-single .faq-part,
  #faq-search-page .faq-part {
    padding: 0 15px;
  }
}

#faq #content .container {
  display: flex;
}
@media (max-width: 767px) {
  #faq #content .container {
    flex-direction: column-reverse;
  }
}
#faq #content .categories h2 {
  margin-bottom: 30px;
}
#faq #content .categories .cat-list div {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #004785;
  background: #cfe4f2;
  padding: 0 30px;
  margin: 20px 0;
  width: 100%;
  height: 25vw;
  font-weight: 700;
}
@media (min-width: 768px) {
  #faq #content .categories .cat-list div {
    max-width: 250px;
    height: 100px;
  }
}
@media (min-width: 768px) {
  #faq #content .questions {
    padding-left: 40px;
  }
}

#faq-head {
  text-align: center;
  padding: 15px 30px;
}

#faq .faq-title {
  padding-bottom: 0;
}
#faq .faq-title h1.title {
  font-size: 3rem;
  text-align: center;
}

#faq-single #faq-head {
  text-align: center;
  padding: 15px 30px;
}
#faq-single #faq-head h4,
#faq-single #faq-head .h4 {
  padding-bottom: 15px;
}
#faq-single #faq-head i {
  padding-right: 10px;
}
@media (min-width: 768px) {
  #faq-single #content h1.title,
  #faq-single #content h2.title {
    font-size: 3rem;
  }
}
#faq-single #content h1.title,
#faq-single #content h2.title {
  padding-bottom: 30px;
  text-align: center;
}
#faq-single #content p {
  font-size: 1rem;
}
#search-contact .container > h4 {
  padding-bottom: 30px;
}
#search-contact h2 {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  #search-contact h2 {
    text-align: center;
  }
}
#search-contact .search-actions {
  display: flex;
  align-items: center;
}
#search-contact .search-actions form {
  flex: 1;
}
#search-contact .search-actions form .search-inputs {
  width: 100%;
}
#search-contact .search-actions h4,
#search-contact .search-actions .h4 {
  padding: 0 30px;
}
#search-contact .search-actions a {
  margin: 0;
}
@media (max-width: 767px) {
  #search-contact .search-actions {
    align-items: inherit;
    flex-direction: column;
  }
  #search-contact .search-actions > form,
  #search-contact .search-actions > h4,
  #search-contact .search-actions > .h4,
  #search-contact .search-actions > a {
    margin: 5px auto;
  }
  #search-contact .search-actions form {
    margin: 5px 0;
  }
  #search-contact .search-actions h4,
  #search-contact .search-actions .h4 {
    text-align: center;
  }
}

#questions-related {
  background-color: #fffbba;
}
#questions-related h2 {
  text-align: center;
}

#faq-search-page .text-center {
  padding-top: 60px;
}
#faq-search-page .results {
  padding-top: 0;
}
#faq-search-page .contact {
  padding-top: 0;
  text-align: center;
}

footer {
  background-color: #004785;
  padding: 60px 0 0;
}
footer .container {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 30px 20px 15px;
}
footer .klaviyo-form > div {
  min-height: 60px !important;
}
footer .klaviyo-form input {
  background-color: rgba(255, 255, 255, 0.12) !important;
  border: none !important;
}
footer h5 {
  font-size: 18px;
  padding-bottom: 20px;
  text-transform: uppercase;
  color: #ffffff;
}
@media (max-width: 767px) {
  footer h5 {
    padding-top: 30px;
  }
}
@media (max-width: 575px) {
  footer h5 {
    font-size: 16px;
  }
}
footer p {
  color: #ffffff;
}
footer a {
  color: #ffffff;
  font-size: 16px;
}
footer a:hover {
  color: #fae146;
}
@media (max-width: 575px) {
  footer a {
    font-size: 14px;
  }
}
footer .links {
  display: flex;
  flex-wrap: wrap;
}
footer .links li {
  padding: 5px 0;
}
footer .links > div {
  padding: 0 10px;
}
footer .links .logo {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  footer .links .logo {
    padding: 0 40px 60px 0;
  }
}
@media (max-width: 575px) {
  footer .links .logo {
    justify-content: center;
  }
}
footer .links .logo img {
  max-width: 200px;
  width: 100%;
}
footer .connect {
  padding-left: 10px;
}
@media (max-width: 991px) {
  footer .connect {
    padding-top: 50px;
  }
}
footer .connect img {
  width: 195px;
  margin-bottom: 10px;
}
footer .connect p,
footer .connect a {
  font-size: 14px;
}
footer .connect p.recipe-club,
footer .connect a.recipe-club {
  color: #fae146;
}
footer .connect .social {
  padding: 30px 0px;
}
footer .connect .social a {
  padding: 7px;
  transition: all 0.2s linear;
}
footer .connect .social a:first-of-type {
  padding-left: 0;
}
footer .connect .social a:last-of-type {
  padding-right: 0;
}
footer .connect .social i {
  font-size: 35px;
}
footer .connect #connect-form form {
  display: flex;
}
footer .connect #connect-form .gform_wrapper,
footer .connect #connect-form .gfield,
footer .connect #connect-form .ginput_container,
footer .connect #connect-form .gform_footer,
footer .connect #connect-form input {
  margin: 0 !important;
}
footer .connect #connect-form ul,
footer .connect #connect-form li,
footer .connect #connect-form .gform_footer {
  padding: 0;
  width: auto;
}
footer .connect #connect-form .gform_body {
  width: 100%;
}
footer .connect #connect-form input {
  line-height: normal;
  width: 100%;
  padding: 12px 4px;
}
footer .connect #connect-form input:focus {
  outline: none;
}
footer .connect #connect-form input[type=text] {
  background-color: rgba(255, 255, 255, 0.12);
  border: none;
  color: #e7ecf2;
  padding: 14px;
  width: 100%;
}
footer .connect #connect-form input[type=submit] {
  background-color: #0067ea;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  padding: 14px 25px;
  border-radius: 0;
  font-size: 16px;
  border: 0;
}
footer .connect #connect-form ::-moz-placeholder {
  color: #ffffff;
  opacity: 0.25;
}
footer .connect #connect-form ::placeholder {
  color: #ffffff;
  opacity: 0.25;
}
footer .connect #connect-form :-ms-input-placeholder {
  color: #e7ecf2;
}
footer .connect #connect-form ::-ms-input-placeholder {
  color: #e7ecf2;
}
footer .copyright {
  border-top: 1px solid #ffffff;
  padding: 10px 20px 15px;
  margin: 10px 30px 0;
}
footer .copyright p {
  font-size: 11px;
  color: #ffffff;
  text-align: center;
  margin: 0;
}
footer .copyright a {
  font-size: inherit;
  text-decoration: underline;
}
footer ul.global-dropdown-menu {
  padding: 0;
  list-style: none;
}
footer ul.global-dropdown-menu li.dropdown {
  color: white;
  cursor: pointer;
}
@media (max-width: 767px) {
  footer ul.global-dropdown-menu li.dropdown {
    font-size: 14px;
    padding-left: 10px;
  }
}
footer ul.global-dropdown-menu li.dropdown i {
  font-size: 0.8em;
}
footer ul.global-dropdown-menu li.dropdown ul.dropdown-menu {
  margin-top: 0;
  display: block;
}
@media (max-width: 767px) {
  footer ul.global-dropdown-menu li.dropdown ul.dropdown-menu {
    width: 100%;
    text-align: center;
  }
}
footer ul.global-dropdown-menu li.dropdown ul.dropdown-menu li {
  padding: 0;
}
@media (min-width: 768px) {
  footer ul.global-dropdown-menu li.dropdown ul.dropdown-menu li a {
    font-size: 0.75em;
  }
}
footer ul.global-dropdown-menu li.dropdown ul.dropdown-menu li a:hover {
  color: #fae146;
  background-color: transparent;
}
footer #global-sites ul.submenu {
  display: none;
}
@media screen and (max-width: 767px) {
  footer {
    padding: 20px;
  }
}
@media (max-width: 575px) {
  footer {
    padding: 20px 0;
  }
  footer .container {
    text-align: center;
  }
  footer .connect .social {
    border-top: 1px solid #ffffff;
    margin-top: 30px;
  }
  footer .connect #connect-form form {
    flex-direction: column;
    align-items: center;
  }
  footer .connect #connect-form form .gform_footer {
    padding-top: 10px;
  }
  footer .connect #connect-form form .gform_footer input {
    width: auto;
  }
  footer .copyright {
    display: none;
  }
}

#cookie-notice {
  background-color: #004785 !important;
}
#cookie-notice .btn {
  font-family: "Gotham A", "Gotham B", sans-serif !important;
  font-weight: 700;
  text-transform: uppercase;
  background-color: transparent !important;
  border: 2px solid white !important;
  color: white !important;
  padding: 0.125rem 0.5rem;
  font-size: 0.5rem;
}
#cookie-notice .btn:hover, #cookie-notice .btn:focus {
  background: white;
  color: white;
  border: 2px solid white;
}

#cookie-law-info-bar,
.wt-cli-cookie-bar {
  z-index: 90000 !important;
}/*# sourceMappingURL=faqs.css.map */