﻿@charset "UTF-8";
/* Small screens | max-width 640px, mobile-only styles */
/* Medium screens | min-width 641px */
/* Medium screens | min-width 641px and max-width 1024px  */
/* Laptop screens | min-width 1025px*/
/* Laptop screens | min-width 1025px and max-width 1440px  */
/* Large screens | min-width 1441px */
/* Large screens | min-width 1441px and max-width 1920px */
/* XLarge screens | min-width 1921px */
/*  Color Palette
----------------------------------------------------------*/
COLORS {
  color: #cc0001;
  color: #004B7E;
  color: #88BE3B;
  color: #527382;
}

/*  Font Families
----------------------------------------------------------*/
FONTS {
  font-family: "Roboto", sans-serif;
}

/* GENERAL
----------------------------------------------------------*/
html, body {
  height: 100%;
  margin: 0;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  font-family: "Roboto", sans-serif;
  color: #212529;
  background-color: #fff;
  overflow-x: hidden;
}

abbr, address, article, aside, audio, b, blockquote, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup,
table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { /*margin: 0;*/
  padding: 0;
  border: 0;
  outline: 0; /*vertical-align: baseline;*/
  background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

p, div, li {
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  color: #231f20; /*font-size: 20px; line-height: 30px;*/
}

p {
  margin-bottom: 24px;
}

p.small {
  font-size: 14px;
  line-height: 17px;
}

p.smaller {
  font-size: 12px;
  line-height: 16px;
}

p.smallest {
  font-size: 10px;
  line-height: 15px;
}

h1, h2, h3, .h1, .h2, .h3 {
  font-family: "Roboto", sans-serif;
}

h4, h5, h6, .h4, .h5, .h6 {
  font-family: "Roboto", sans-serif;
}

h1, .h1 {
  font-size: 3.35vw;
  line-height: 3.3vw;
  font-weight: 500;
  color: #fff;
}

h2, .h2 {
  font-size: 39px;
  line-height: 48px;
  font-weight: 500;
  color: #231f20;
  margin-bottom: 8px;
}

h3, .h3 {
  font-size: 34px;
  line-height: 40px;
  font-weight: 500;
  color: #231f20;
  margin-bottom: 24px;
}

h4, .h4 {
  font-size: 23px;
  line-height: 26px;
  font-weight: 600;
  color: #231f20;
}

h5, .h5 {
  font-size: 22px;
  line-height: 24px;
  font-weight: 500;
  color: #231f20;
}

h6, .h6 {
  font-size: 11px;
  line-height: 13px;
  font-weight: 400;
  color: #231f20;
}

@media only screen and (max-width: 40em) {
  h1, .h1 {
    font-size: 7vw;
    line-height: 7vw;
  }
  h2, .h2 {
    font-size: 32px;
    line-height: 38px;
  }
  h3, .h3 {
    font-size: 28px;
    line-height: 32px;
  }
}
label {
  color: #646464;
}

a {
  color: #7f7f7f;
  transition: 0.3s ease all;
}
a:hover {
  color: #cc0001;
  text-decoration: none;
}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6, a:hover p {
  color: #cc0001;
  text-decoration: none;
}

ul, ol {
  margin-left: 24px;
}

strong {
  font-weight: 700;
}

sup {
  top: -10px;
}

::placeholder {
  color: #cacaca;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder {
  color: #cacaca; /* Edge 12 -18 */
}

/*===================================================================================*/
/*  General Color Overrides   */
/*===================================================================================*/
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p, .text-white div, .text-white li {
  color: #fff;
}

/*===================================================================================*/
/*  Buttons   */
/*===================================================================================*/
.btn, a.btn {
  display: inline-flex;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  padding: 10px 20px;
  color: #FFF;
  background-color: #cc0001;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #cc0001;
  text-transform: uppercase;
}
.btn:hover, a.btn:hover {
  color: #cc0001;
  background-color: #FFF;
}

.button {
  color: #FFF;
  background-color: #cc0001;
  border: 1px solid #cc0001;
  border-radius: 4px;
  font-size: 16px;
  line-height: 18px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  padding: 10px 20px;
  cursor: pointer;
  text-transform: uppercase;
  margin: 0 0 12px 0;
}
.button:hover {
  background-color: #FFF;
  color: #cc0001;
}
.button.secondary {
  color: #FFF;
  background-color: #00843d;
  border-color: #00843d;
  display: none;
}
.button.secondary:hover {
  background-color: #FFF;
  color: #00843d;
}
.button.tertiary {
  color: #FFF;
  background-color: #a4560a;
  border-color: #a4560a;
  display: none;
}
.button.tertiary:hover {
  background-color: #FFF;
  color: #a4560a;
}
.button.quaternary {
  color: #FFF;
  background-color: #ffbe00;
  border-color: #ffbe00;
  display: none;
}
.button.quaternary:hover {
  background-color: #FFF;
  color: #ffbe00;
}
.button.quinary {
  color: #FFF;
  background-color: #000;
  border-color: #000;
  display: none;
}
.button.quinary:hover {
  background-color: #FFF;
  color: #000;
}

/* SECTION PADDING AND MARGINS
----------------------------------------------------------*/
section {
  padding-top: 0;
  padding-bottom: 0;
  /* &.layout:not(.negate-layout) {
      > .grid-container {
          > .grid-x { padding-left: 130px; padding-right: 130px; }
      }
  }*/
}
section.padding-top-only {
  padding-top: 32px;
  padding-bottom: 0;
}
section.padding-bottom-only {
  padding-top: 0;
  padding-bottom: 32px;
}
section.padding-both {
  padding-top: 32px;
  padding-bottom: 32px;
}
section.padding-none {
  padding-top: 0;
  padding-bottom: 0;
}

section {
  margin-top: 0;
  margin-bottom: 0;
}
section.margin-top-only {
  margin-top: 32px;
  margin-bottom: 0;
}
section.margin-bottom-only {
  margin-top: 0;
  margin-bottom: 32px;
}
section.margin-both {
  margin-top: 32px;
  margin-bottom: 32px;
}
section.margin-none {
  margin-top: 0;
  margin-bottom: 0;
}

.ResourcesSection a.button {
  background-color: unset;
}

.offersCTA span {
  display: block;
}
.offersCTA h4 {
  margin: 3% 9%;
  color: #004b7e;
}
.offersCTA h2 {
  color: #004b7e;
  font-size: 48px;
  line-height: 48px;
}

/* CONTACT US
----------------------------------------------------------*/
.hs-submit {
  margin-top: 32px;
}

/* HEADER
----------------------------------------------------------*/
header {
  background-color: #fff;
  padding-top: 12px;
}
header img.site-logo {
  width: 100%;
  padding: 0 0 16px 0;
}
header input[type=text] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  height: 44px;
}
header button[type=submit] {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  height: 44px;
  margin-left: 9px;
}
header button[type=submit]:hover {
  cursor: pointer;
  background-color: #cc0001;
}
header .menu-control {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  background: 50%/100% 100% no-repeat;
  border: 1px solid rgba(0, 0, 0, 0.35);
  width: 52px;
  height: 46px;
}
header .menu-control img {
  padding: 0;
  width: 40px;
  height: 30px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* FOOTER
----------------------------------------------------------*/
footer {
  padding-top: 12px; /*padding-bottom: 12px;*/
}
footer nav ul {
  display: inline-flex;
  flex-direction: row;
  margin: 0;
}
footer nav ul li {
  color: #555555;
  list-style: none;
  padding: 0 8px;
  border-right: 2px solid #555555;
  font-size: 18px;
  line-height: 16px;
  text-align: center;
}
footer nav ul li:last-of-type {
  border-right: none;
}
footer nav ul li a {
  color: #555555;
}
footer nav ul li a:hover {
  color: #cc0001;
}
@media only screen and (max-width: 40em) {
  footer nav ul {
    flex-direction: column;
  }
  footer nav ul li {
    padding: 12px 0;
    border: none;
  }
}
footer h6 {
  color: #555555;
  font-size: 18px;
  line-height: 22px;
}
footer h6 a {
  color: #555555;
}
footer h6 a:hover {
  color: #cc0001;
}
footer .logo {
  width: 175px;
  height: auto;
  margin-bottom: 12px;
}

/* MAIN NAVIGATION
----------------------------------------------------------*/
nav#mainNav ul.menu {
  justify-content: flex-end;
  align-items: flex-end;
  align-content: flex-end;
}
nav#mainNav ul.menu > li > a {
  color: #7f7f7f;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  line-height: 20px;
  padding: 0.7rem 1.5rem;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  nav#mainNav ul.menu > li > a {
    font-size: 1.26vw;
  }
}
nav#mainNav ul.menu > li.mega-menu {
  position: relative;
}
nav#mainNav ul.menu > li.mega-menu > a {
  position: relative;
}
nav#mainNav ul.menu > li.mega-menu > a::after {
  display: none;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #7f7f7f transparent transparent;
  position: absolute;
  bottom: 9px;
  left: calc(50% - 6px);
}
nav#mainNav ul.menu > li.mega-menu .dropdown-pane {
  width: 100%;
  margin: 0 auto;
  left: 0%;
  right: 0%;
  width: max-content;
  z-index: 100;
}
nav#mainNav ul.menu > li.mega-menu .dropdown-pane ul li {
  font-size: 15px;
  line-height: 20px;
  font-weight: 900;
  color: #7f7f7f;
}
nav#mainNav ul.menu > li.mega-menu .dropdown-pane ul li a {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  color: #7f7f7f;
  padding: 3px 18px 3px 0;
}
nav#mainNav ul.menu > li.mega-menu .dropdown-pane ul li a:hover {
  color: #cc0001;
}
nav#mainNav ul.menu > li.mega-menu .dropdown-pane ul li.child a {
  font-weight: 400;
  margin-left: 24px;
}
nav#mainNav ul.menu > li.mega-menu .dropdown-pane ul li.child-link {
  margin-left: 24px;
}
nav#mainNav ul.menu > li.mega-menu .dropdown-pane ul li.child-link a {
  font-weight: 100;
}
nav#mainNav ul.menu > li.mega-menu .dropdown-pane .cell:not(:first-child) {
  border-left: 1px solid #B0B0B0;
}
nav#mainNav ul.menu > li:hover a::after {
  display: none;
}
nav#mainNav ul.menu > li:hover.mega-menu > a {
  color: #cc0001;
}
nav#mainNav ul.menu > li:hover.mega-menu > a::after {
  border-color: #cc0001 transparent transparent;
}

/* MOBILE NAVIGATION
----------------------------------------------------------*/
#mblNav {
  background-color: #fff;
}
#mblNav .search-pnl input {
  height: 48px;
  border-radius: 3px 0 0 3px;
}
#mblNav .search-pnl button {
  height: 48px;
  border-radius: 0 3px 3px 0;
}
#mblNav .accordion .accordion-item {
  border-style: none;
  margin: 0;
  padding: 8px 0;
}
#mblNav .accordion .accordion-item .accordion-heading {
  font-weight: 700;
  color: #555555;
  text-transform: uppercase;
}
#mblNav .accordion .accordion-item .accordion-heading > a {
  font-weight: 700;
  color: #555555;
  text-transform: uppercase;
}
#mblNav .accordion .accordion-item .accordion-content {
  padding: 0;
}
#mblNav .accordion .accordion-item .accordion-content .cell {
  margin: 9px 0;
  line-height: 20px;
}
#mblNav .accordion .accordion-item .accordion-content .secondary {
  padding-left: 15px;
}
#mblNav .accordion .accordion-item .accordion-content .secondary a {
  color: #646464;
  font-size: 20px;
  font-weight: 700;
}
#mblNav .accordion .accordion-item .accordion-content .tertiary {
  padding-left: 30px;
}
#mblNav .accordion .accordion-item .accordion-content .tertiary a {
  font-size: 20px;
  color: #555555;
  font-weight: 700;
}
#mblNav .accordion .accordion-item .accordion-content .quaternary {
  padding-left: 45px;
}
#mblNav .accordion .accordion-item .accordion-content .quaternary a {
  font-size: 20px;
  color: #646464;
  font-weight: 400;
}

/* HERO
----------------------------------------------------------*/
.hero-carousel .orbit .breadcrumb-pnl {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
.hero-carousel .orbit .breadcrumb-pnl ul {
  margin: 0 0 0 45px;
  padding: 10px 16px;
  list-style: none;
  background-color: #cc0001;
  color: #fff;
  display: inline-block;
  overflow: hidden;
  max-width: 1151px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hero-carousel .orbit .breadcrumb-pnl ul li {
  display: inline-block;
  text-transform: uppercase;
  padding-left: 10px;
}
.hero-carousel .orbit .breadcrumb-pnl ul li.active {
  text-decoration: none;
  color: #fff;
}
.hero-carousel .orbit .breadcrumb-pnl ul li a {
  color: #fff;
  text-decoration: none;
}
.hero-carousel .orbit .breadcrumb-pnl ul li a:hover {
  text-decoration: underline;
}
.hero-carousel .orbit .breadcrumb-pnl ul li .fa-caret-right {
  color: #fff;
}
.hero-carousel .orbit .orbit-wrapper .orbit-controls button {
  font-size: 40px;
  opacity: 0.65;
}
.hero-carousel .orbit .orbit-wrapper .orbit-controls button .svg-btn {
  height: 64px;
}
.hero-carousel .orbit .orbit-wrapper .orbit-controls button:hover {
  opacity: 1;
  background-color: transparent;
}
@media only screen and (max-width: 40em) {
  .hero-carousel .orbit .orbit-wrapper .orbit-controls button {
    display: none;
  }
}
@media only screen and (max-width: 40em) {
  .hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide > .grid-container {
    padding: 0;
  }
}
.hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
}
.hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption .grid-container {
  height: 100%;
}
.hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption .grid-container .grid-x {
  height: 100%;
}
.hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption h1 {
  font-size: 4.3vw;
  line-height: 4vw;
  font-weight: 700;
  text-shadow: 4px 4px 15px rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
}
.hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption h1 sup {
  top: -30px !important;
}
.hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption h3 {
  color: #fff;
  font-size: 33px;
  line-height: 38px;
}
.hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption p {
  color: #fff;
}
.hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide .carousel-logo {
  top: 24px;
  right: 24px;
  position: absolute;
}
.hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide .carousel-logo img {
  width: 200px;
  height: auto;
}
.hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide .carousel-text-overlay {
  bottom: 24px;
  right: 24px;
  position: absolute;
  color: #fff;
  font-size: 30px;
  line-height: 40px;
  font-weight: 900;
}
.hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide .carousel-text-overlay.dark-txt {
  color: #004b7e;
}
@media only screen and (max-width: 40em) {
  .hero-carousel .orbit .orbit-wrapper .orbit-container {
    overflow: unset;
  }
  .hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure img { /*position: absolute; height: 100%; min-height: 150px; object-fit: cover; object-position: center;*/ }
  .hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption {
    position: relative;
  }
  .hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption .grid-x {
    min-height: 150px;
  }
  .hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption .grid-x img.hero-icon {
    height: 36px;
    min-height: auto;
    position: unset;
  }
  .hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption .grid-x p {
    display: flex;
    justify-content: center;
    flex-direction: row;
    font-size: 16px;
  }
  .hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption .grid-x h1 {
    font-size: 7vw;
    line-height: 7vw;
  }
  .hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide .carousel-logo {
    display: none; /*img { width: 100px; }*/
  }
  .hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide .carousel-text-overlay {
    display: none;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption .grid-x img.hero-icon {
    width: 65px;
  }
}

.Homepage .hero-carousel h1 {
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  background-color: #cc0001;
  text-align: center;
  padding: 3px 12px 5px;
  margin: 0 0;
}

@media only screen and (max-width: 40em) {
  .ProductsSection .hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption {
    position: absolute;
  }
  .ProductsSection .hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption .pnl h1 {
    font-size: 5vw;
    line-height: 5vw;
  }
  .ProductsSection .hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption .pnl .search-pnl input {
    height: 32px;
    font-size: 0.75rem;
  }
  .ProductsSection .hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption .pnl .search-pnl button {
    height: 32px;
  }
  .ProductsSection .hero-carousel .orbit .orbit-wrapper .orbit-container li.orbit-slide figure figcaption .grid-x {
    min-height: unset;
  }
}

/* PRODUCT SPOTLIGHT
----------------------------------------------------------*/
.product-spotlight h2 {
  font-size: 34px; /*font-weight: 700;*/
  line-height: 36px;
  color: #555555;
}
.product-spotlight h2.SpotlightTitle {
  text-align: left;
}
.product-spotlight h2.FeaturedTitle {
  text-align: right;
}
.product-spotlight h3 {
  font-size: 1.25vw;
  font-weight: 600;
  line-height: 32px;
}
.product-spotlight h3 a {
  color: #004b7e;
}
.product-spotlight .search-pnl input[type=text] {
  margin: 0;
  height: 44px;
  font-size: 18px;
}
.product-spotlight .search-pnl button {
  height: 44px;
}
.product-spotlight .featured-dish-sub .cell:not(:first-child) {
  border-left: 1px solid #B0B0B0;
}
@media only screen and (max-width: 40em) {
  .product-spotlight .featured-dish-sub {
    margin-bottom: 12px;
  }
  .product-spotlight .featured-dish-sub h3 {
    font-size: 2.1vw;
    line-height: 6vw;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1023px) {
  .product-spotlight .featured-dish-sub {
    margin-bottom: 12px;
  }
  .product-spotlight .featured-dish-sub h3 {
    font-size: 3vw;
    line-height: 6vw;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .product-spotlight .featured-dish-sub {
    margin-bottom: 12px;
  }
  .product-spotlight .featured-dish-sub h3 {
    font-size: 1.4vw;
    line-height: 6vw;
  }
}
.product-spotlight .featured-cta {
  position: relative;
}
.product-spotlight .featured-cta > img {
  width: 100%;
  height: auto;
}
.product-spotlight .featured-cta .featured-cta-label {
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 0;
  left: 20px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}
.product-spotlight .featured-cta .featured-cta-label img {
  width: 30px;
  height: auto;
}
.product-spotlight .featured-cta .featured-cta-label h3 {
  color: #fff;
  font-size: 18px;
  margin: 0;
}
.product-spotlight .featured-cta .featured-cta-heading {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 25%;
  top: 25%;
  border: 2px solid red !important;
  border-style: unset !important;
}
.product-spotlight .featured-cta .featured-cta-heading h4 {
  font-size: 41px;
  font-weight: 700;
  line-height: 50px;
  color: #ffffff;
  margin-bottom: 16px;
}
.product-spotlight .featured-cta .featured-cta-heading h5 {
  font-size: 37px;
  font-weight: 400;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.product-spotlight .featured-cta .featured-cta-heading .btn {
  background-color: #fff;
  color: #004b7e;
  padding: 2px 16px;
}
@media only screen and (max-width: 40em) {
  .product-spotlight .featured-cta .featured-cta-heading {
    position: unset;
    text-align: center;
  }
  .product-spotlight .featured-cta .featured-cta-heading h4 {
    font-size: 28px;
    line-height: 36px;
    color: #646464;
  }
  .product-spotlight .featured-cta .featured-cta-heading h5 {
    font-size: 24px;
    line-height: 24px;
    margin: 24px 0 12px 0;
    color: #646464;
  }
  .product-spotlight .featured-cta .featured-cta-heading .button {
    font-size: 16px;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .product-spotlight .featured-cta .featured-cta-heading {
    right: 35px;
    left: 35px;
    top: 100px;
    bottom: 35px;
  }
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .product-spotlight .featured-cta .featured-cta-heading {
    right: 30%;
  }
}

/* CONTENT SPOTLIGHT
----------------------------------------------------------*/
.content-spotlight h2 {
  font-size: 34px; /*font-weight: 700;*/
  line-height: 36px;
  color: #555555;
}
.content-spotlight h2.SpotlightTitle {
  text-align: left;
}
.content-spotlight h2.FeaturedTitle {
  text-align: right;
}
@media only screen and (max-width: 40em) {
  .content-spotlight h2.SpotlightTitle {
    text-align: center;
  }
  .content-spotlight h2.FeaturedTitle {
    text-align: center;
  }
}
.content-spotlight h3 {
  font-size: 1.35vw;
  font-weight: 600;
  line-height: 32px;
}
.content-spotlight h3 a {
  color: #004b7e;
}
.content-spotlight .search-pnl input[type=text] {
  margin: 0;
  height: 44px;
  font-size: 18px;
  border-radius: 3px 0 0 3px;
}
.content-spotlight .search-pnl button {
  height: 44px;
  border-radius: 0 3px 3px 0;
}
.content-spotlight .featured-dish-sub .cell:not(:first-child) {
  border-left: 1px solid #B0B0B0;
}
@media only screen and (max-width: 40em) {
  .content-spotlight .featured-dish-sub {
    margin-bottom: 12px;
  }
  .content-spotlight .featured-dish-sub h3 {
    font-size: 2.1vw;
    line-height: 6vw;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1023px) {
  .content-spotlight h2 {
    font-size: 30px;
  }
  .content-spotlight .featured-dish-sub {
    margin-bottom: 12px;
  }
  .content-spotlight .featured-dish-sub h3 {
    font-size: 3vw;
    line-height: 6vw;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .content-spotlight h2 {
    font-size: 30px;
  }
  .content-spotlight .featured-dish-sub {
    margin-bottom: 12px;
  }
  .content-spotlight .featured-dish-sub h3 {
    font-size: 1.4vw;
    line-height: 6vw;
  }
}
@media only screen and (min-width: 1040px) and (max-width: 1057px) {
  .content-spotlight .searchbox {
    display: none;
  }
  .content-spotlight h2 {
    font-size: 30px;
  }
}
.content-spotlight .featured-cta {
  position: relative;
}
.content-spotlight .featured-cta > img {
  width: 100%;
  height: auto;
}
.content-spotlight .featured-cta .featured-cta-label {
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0;
  left: 20px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}
.content-spotlight .featured-cta .featured-cta-label img {
  width: 30px;
  height: auto;
}
.content-spotlight .featured-cta .featured-cta-label h3 {
  color: #527382;
  font-size: 18px;
  margin: 0;
  font-weight: 400;
}
.content-spotlight .featured-cta .featured-cta-heading {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 25%;
  top: 25%;
  border: 2px solid red !important;
  border-style: unset !important;
}
.content-spotlight .featured-cta .featured-cta-heading h4 {
  font-size: 41px;
  font-weight: 700;
  line-height: 50px;
  color: #ffffff;
  margin-bottom: 16px;
}
.content-spotlight .featured-cta .featured-cta-heading h5 {
  font-size: 37px;
  font-weight: 400;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.content-spotlight .featured-cta .featured-cta-heading .btn {
  background-color: #fff;
  color: #004b7e;
  padding: 2px 16px;
}
@media only screen and (max-width: 40em) {
  .content-spotlight .featured-cta .featured-cta-heading {
    position: unset;
    text-align: center;
  }
  .content-spotlight .featured-cta .featured-cta-heading h4 {
    font-size: 28px;
    line-height: 36px;
    color: #646464;
  }
  .content-spotlight .featured-cta .featured-cta-heading h5 {
    font-size: 24px;
    line-height: 24px;
    margin: 24px 0 12px 0;
    color: #646464;
  }
  .content-spotlight .featured-cta .featured-cta-heading .button {
    font-size: 16px;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .content-spotlight .featured-cta .featured-cta-heading {
    right: 35px;
    left: 35px;
    top: 100px;
    bottom: 35px;
  }
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .content-spotlight .featured-cta .featured-cta-heading {
    right: 30%;
  }
}

/* SIGN-UP PANEL
----------------------------------------------------------*/
.sign-up-pnl {
  background-color: #004B7E;
}
.sign-up-pnl h4 {
  font-size: 40px;
  font-weight: 700;
  line-height: 36px;
  color: #88BE3B;
  margin-bottom: 24px;
}
.sign-up-pnl h5 {
  font-weight: 500;
  color: #fff;
  margin-bottom: 24px;
}
.sign-up-pnl .hbspt .hbspt-form {
  padding: 0;
  max-width: fit-content;
  margin: 0 auto;
}
.sign-up-pnl .hbspt .hbspt-form form {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: space-between;
  align-items: flex-start;
}
.sign-up-pnl .hbspt .hbspt-form form .actions {
  margin: 0;
}
.sign-up-pnl .hbspt .hbspt-form form fieldset {
  display: flex;
  flex-direction: row;
  width: auto;
}
.sign-up-pnl .hbspt .hbspt-form form fieldset .smart-field {
  width: 100% !important;
}
.sign-up-pnl .hbspt .hbspt-form form fieldset .smart-field > label {
  display: none;
}
.sign-up-pnl .hbspt .hbspt-form form fieldset .smart-field .input {
  padding: 0;
  margin: 0 6px 0 0;
}
.sign-up-pnl .hbspt .hbspt-form form fieldset .smart-field .input input {
  font-family: "Montserrat", sans-serif;
  color: rgba(109, 117, 125, 0.7490196078);
  font-size: 15px;
  padding: 4px 6px;
  height: 40px;
  border-radius: 0;
}
@media only screen and (max-width: 40em) {
  .sign-up-pnl .hbspt .hbspt-form form fieldset {
    flex-direction: column;
    width: 100%;
  }
  .sign-up-pnl .hbspt .hbspt-form form fieldset .input {
    width: 100%;
  }
  .sign-up-pnl .hbspt .hbspt-form form fieldset .input input.hs-input {
    width: 100%;
  }
}
.sign-up-pnl .hbspt .hbspt-form .hs-error-msgs {
  margin: 0;
}
.sign-up-pnl .hbspt .hbspt-form .hs-error-msgs li {
  list-style-type: none;
}
.sign-up-pnl .hbspt .hbspt-form .hs-error-msgs li label {
  font-size: 0.65em;
  line-height: 1.5em;
  color: #ffacac;
}
.sign-up-pnl .hbspt .hbspt-form .hs_error_rollup {
  display: none;
}
.sign-up-pnl .hbspt .hbspt-form .submitted-message {
  display: block;
}
.sign-up-pnl .hbspt .hbspt-form .submitted-message p {
  color: #88BE3B;
  text-align: center;
  border-top: 3px solid white;
  padding-top: 20px;
  margin-bottom: 0;
}
.sign-up-pnl .hbspt .hbspt-form .hs-submit {
  margin-top: 0;
}
.sign-up-pnl .hbspt .hbspt-form .hs-submit input[type=submit] {
  width: 100%;
  min-width: 200px;
  border: 2px solid #88BE3B !important;
  color: #fff;
  background-color: transparent;
  height: 40px;
  margin: 0;
  border-radius: 0;
}
@media only screen and (max-width: 40em) {
  .sign-up-pnl .hbspt .hbspt-form {
    max-width: unset;
  }
  .sign-up-pnl .hbspt .hbspt-form form {
    width: 100%;
    flex-direction: column;
  }
  .sign-up-pnl .hbspt .hbspt-form form .hs-submit {
    width: 100%;
  }
}

/* ACCORDIONS
----------------------------------------------------------*/
.accordion {
  background-color: transparent;
}
.accordion .accordion-item {
  border: 1px solid #707070;
  border-radius: 9px;
  margin-bottom: 12px;
  padding: 14px 14px;
  color: #000;
  overflow: hidden;
}
.accordion .accordion-item:hover {
  cursor: pointer;
}
.accordion .accordion-item .accordion-heading ol {
  font-weight: 700;
  margin-left: 36px;
  margin-bottom: 0;
}
.accordion .accordion-item .accordion-heading li {
  font-weight: 400;
  font-size: 31px;
  color: #000;
}
.accordion .accordion-item .accordion-heading .accordion-arrow {
  height: auto;
  width: 34px;
  margin-left: 12px;
  margin-bottom: 3px;
  transition: all 0.75s;
  -webkit-transform: scaleY(-1);
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
}
@media only screen and (max-width: 40em) {
  .accordion .accordion-item .accordion-heading li {
    font-size: 24px;
  }
  .accordion .accordion-item .accordion-heading .accordion-arrow {
    width: 24px;
  }
}
.accordion .accordion-item.active .accordion-heading .accordion-arrow {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}
.accordion .accordion-item .accordion-content {
  padding: 21px 38px 2px 38px;
  font-size: 26px;
  line-height: 35px;
  display: none;
  border: none;
  color: #000;
}
.accordion .accordion-item .accordion-content li {
  color: #000;
  font-size: 26px;
  line-height: 35px;
}

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */
/* ----------------------------------
		Default Theme
	----------------------------------- */
/* Top left corner */
/* Top pattern/color */
/* Top right corner */
/* Content background */
/* Next button */
/* Previous button */
/* Expand button */
/* Expand button hover */
/* Contract button */
/* Contract button hover */
/* Close button */
/* The next arrow in the bottom nav */
/* Bottom left corner */
/* Bottom pattern/color */
/* Bottom right corner */
/* Loader icon */
/* ----------------------------------
		Light Rounded Theme
	----------------------------------- */
/* Top left corner */
/* Top pattern/color */
/* Top right corner */
/* Content background */
/* Next button */
/* Previous button */
/* Expand button */
/* Expand button hover */
/* Contract button */
/* Contract button hover */
/* Close button */
/* The previous arrow in the bottom nav */
/* The next arrow in the bottom nav */
/* Bottom left corner */
/* Bottom pattern/color */
/* Bottom right corner */
/* Loader icon */
/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
/* Top left corner */
/* Top pattern/color */
/* Top right corner */
/* Left Content background */
/* Right Content background */
/* Content background */
/* Next button */
/* Previous button */
/* Expand button */
/* Expand button hover */
/* Contract button */
/* Contract button hover */
/* Close button */
/* The previous arrow in the bottom nav */
/* The next arrow in the bottom nav */
/* Bottom left corner */
/* Bottom pattern/color */
/* Bottom right corner */
/* Loader icon */
/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
/* Loader icon */
/* Expand button */
/* Expand button hover */
/* Contract button */
/* Contract button hover */
/* Close button */
/* The previous arrow in the bottom nav */
/* The next arrow in the bottom nav */
/* Next button */
/* Previous button */
/* ----------------------------------
		Light Square Theme
	----------------------------------- */
/* Expand button */
/* Expand button hover */
/* Contract button */
/* Contract button hover */
/* Close button */
/* The previous arrow in the bottom nav */
/* The next arrow in the bottom nav */
/* Next button */
/* Previous button */
/* Loader icon */
/* ----------------------------------
		Facebook style Theme
	----------------------------------- */
/* Top left corner */
/* Top pattern/color */
/* Top right corner */
/* Content background */
/* Content background */
/* Content background */
/* Expand button */
/* Expand button hover */
/* Contract button */
/* Contract button hover */
/* Close button */
/* Loader icon */
/* The previous arrow in the bottom nav */
/* The next arrow in the bottom nav */
/* Next button */
/* Previous button */
/* Bottom left corner */
/* Bottom pattern/color */
/* Bottom right corner */
/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */
div.pp_default .pp_top {
  height: 13px;
}
div.pp_default .pp_top .pp_middle {
  height: 13px;
  background: url(../../SCSS/images/perduelibrary/default/sprite_x.png) top left repeat-x;
}
div.pp_default .pp_top .pp_left {
  height: 13px;
  background: url(../../SCSS/images/perduelibrary/default/sprite.png) -78px -93px no-repeat;
}
div.pp_default .pp_top .pp_right {
  height: 13px;
  background: url(../../SCSS/images/perduelibrary/default/sprite.png) -112px -93px no-repeat;
}
div.pp_default .pp_bottom {
  height: 13px;
}
div.pp_default .pp_bottom .pp_left {
  height: 13px;
  background: url(../../SCSS/images/perduelibrary/default/sprite.png) -78px -127px no-repeat;
}
div.pp_default .pp_bottom .pp_middle {
  height: 13px;
  background: url(../../SCSS/images/perduelibrary/default/sprite_x.png) bottom left repeat-x;
}
div.pp_default .pp_bottom .pp_right {
  height: 13px;
  background: url(../../SCSS/images/perduelibrary/default/sprite.png) -112px -127px no-repeat;
}
div.pp_default .pp_content {
  background-color: #fff;
}
div.pp_default .pp_content .ppt {
  color: #f8f8f8;
}
div.pp_default .pp_content_container .pp_left {
  background: url(../../SCSS/images/perduelibrary/default/sprite_y.png) -7px 0 repeat-y;
  padding-left: 13px;
}
div.pp_default .pp_content_container .pp_right {
  background: url(../../SCSS/images/perduelibrary/default/sprite_y.png) top right repeat-y;
  padding-right: 13px;
}
div.pp_default .pp_content_container .pp_details {
  margin-top: 5px;
}
div.pp_default .pp_next:hover {
  background: url(../../SCSS/images/perduelibrary/default/sprite_next.png) center right no-repeat;
  cursor: pointer;
}
div.pp_default .pp_previous:hover {
  background: url(../../SCSS/images/perduelibrary/default/sprite_prev.png) center left no-repeat;
  cursor: pointer;
}
div.pp_default .pp_expand {
  background: url(../../SCSS/images/perduelibrary/default/sprite.png) 0 -29px no-repeat;
  cursor: pointer;
  width: 28px;
  height: 28px;
}
div.pp_default .pp_expand:hover {
  background: url(../../SCSS/images/perduelibrary/default/sprite.png) 0 -56px no-repeat;
  cursor: pointer;
}
div.pp_default .pp_contract {
  background: url(../../SCSS/images/perduelibrary/default/sprite.png) 0 -84px no-repeat;
  cursor: pointer;
  width: 28px;
  height: 28px;
}
div.pp_default .pp_contract:hover {
  background: url(../../SCSS/images/perduelibrary/default/sprite.png) 0 -113px no-repeat;
  cursor: pointer;
}
div.pp_default .pp_close {
  width: 30px;
  height: 30px;
  background: url(../../SCSS/images/perduelibrary/default/sprite.png) 2px 1px no-repeat;
  cursor: pointer;
}
div.pp_default .pp_close:hover {
  opacity: 0.7;
}
div.pp_default #pp_full_res .pp_inline {
  color: #000;
}
div.pp_default .pp_gallery ul li a {
  background: url(../../SCSS/images/perduelibrary/default/default_thumb.png) center center #f8f8f8;
  border: 1px solid #aaa;
}
div.pp_default .pp_gallery ul li a:hover {
  border-color: #fff;
}
div.pp_default .pp_gallery ul li.selected a {
  border-color: #fff;
}
div.pp_default .pp_gallery a.pp_arrow_previous {
  position: static;
  left: auto;
}
div.pp_default .pp_gallery a.pp_arrow_next {
  position: static;
  left: auto;
}
div.pp_default .pp_social {
  margin-top: 7px;
}
div.pp_default .pp_nav {
  clear: none;
  height: 30px;
  width: 110px;
  position: relative;
}
div.pp_default .pp_nav .pp_play {
  background: url(../../SCSS/images/perduelibrary/default/sprite.png) -51px 1px no-repeat;
  height: 30px;
  width: 30px;
}
div.pp_default .pp_nav .pp_play:hover {
  opacity: 0.7;
}
div.pp_default .pp_nav .pp_pause {
  background: url(../../SCSS/images/perduelibrary/default/sprite.png) -51px 1px no-repeat;
  height: 30px;
  width: 30px;
  background-position: -51px -29px;
}
div.pp_default .pp_nav .pp_pause:hover {
  opacity: 0.7;
}
div.pp_default .pp_nav .currentTextHolder {
  font-family: Georgia;
  font-style: italic;
  color: #999;
  font-size: 11px;
  left: 75px;
  line-height: 25px;
  margin: 0;
  padding: 0 0 0 10px;
  position: absolute;
  top: 2px;
}
div.pp_default .pp_details {
  position: relative;
}
div.pp_default a.pp_arrow_previous {
  background: url(../../SCSS/images/perduelibrary/default/sprite.png) -31px -3px no-repeat;
  height: 20px;
  margin: 4px 0 0 0;
  width: 20px;
}
div.pp_default a.pp_arrow_next {
  background: url(../../SCSS/images/perduelibrary/default/sprite.png) -31px -3px no-repeat;
  height: 20px;
  margin: 4px 0 0 0;
  width: 20px;
  left: 52px;
  background-position: -82px -3px;
}
div.pp_default .pp_arrow_next:hover {
  opacity: 0.7;
}
div.pp_default .pp_arrow_previous:hover {
  opacity: 0.7;
}
div.pp_default .pp_description {
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  margin: 5px 50px 5px 0;
}
div.pp_default .pp_loaderIcon {
  background: url(../../SCSS/images/perduelibrary/default/loader.gif) center center no-repeat;
}

div.light_rounded .pp_top .pp_left {
  background: url(../../SCSS/images/perduelibrary/light_rounded/sprite.png) -88px -53px no-repeat;
}
div.light_rounded .pp_top .pp_middle {
  background: #fff;
}
div.light_rounded .pp_top .pp_right {
  background: url(../../SCSS/images/perduelibrary/light_rounded/sprite.png) -110px -53px no-repeat;
}
div.light_rounded .pp_content {
  background-color: #fff;
}
div.light_rounded .pp_content .ppt {
  color: #000;
}
div.light_rounded .pp_content_container .pp_left {
  background: #fff;
}
div.light_rounded .pp_content_container .pp_right {
  background: #fff;
}
div.light_rounded .pp_next:hover {
  background: url(../../SCSS/images/perduelibrary/light_rounded/btnNext.png) center right no-repeat;
  cursor: pointer;
}
div.light_rounded .pp_previous:hover {
  background: url(../../SCSS/images/perduelibrary/light_rounded/btnPrevious.png) center left no-repeat;
  cursor: pointer;
}
div.light_rounded .pp_expand {
  background: url(../../SCSS/images/perduelibrary/light_rounded/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
}
div.light_rounded .pp_expand:hover {
  background: url(../../SCSS/images/perduelibrary/light_rounded/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
}
div.light_rounded .pp_contract {
  background: url(../../SCSS/images/perduelibrary/light_rounded/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
}
div.light_rounded .pp_contract:hover {
  background: url(../../SCSS/images/perduelibrary/light_rounded/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
}
div.light_rounded .pp_close {
  width: 75px;
  height: 22px;
  background: url(../../SCSS/images/perduelibrary/light_rounded/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
}
div.light_rounded .pp_details {
  position: relative;
}
div.light_rounded .pp_description {
  margin-right: 85px;
}
div.light_rounded #pp_full_res .pp_inline {
  color: #000;
}
div.light_rounded .pp_gallery a.pp_arrow_previous {
  margin-top: 12px !important;
}
div.light_rounded .pp_gallery a.pp_arrow_next {
  margin-top: 12px !important;
}
div.light_rounded .pp_nav .pp_play {
  background: url(../../SCSS/images/perduelibrary/light_rounded/sprite.png) -1px -100px no-repeat;
  height: 15px;
  width: 14px;
}
div.light_rounded .pp_nav .pp_pause {
  background: url(../../SCSS/images/perduelibrary/light_rounded/sprite.png) -24px -100px no-repeat;
  height: 15px;
  width: 14px;
}
div.light_rounded .pp_arrow_previous {
  background: url(../../SCSS/images/perduelibrary/light_rounded/sprite.png) 0 -71px no-repeat;
}
div.light_rounded .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default;
}
div.light_rounded .pp_arrow_next {
  background: url(../../SCSS/images/perduelibrary/light_rounded/sprite.png) -22px -71px no-repeat;
}
div.light_rounded .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default;
}
div.light_rounded .pp_bottom .pp_left {
  background: url(../../SCSS/images/perduelibrary/light_rounded/sprite.png) -88px -80px no-repeat;
}
div.light_rounded .pp_bottom .pp_middle {
  background: #fff;
}
div.light_rounded .pp_bottom .pp_right {
  background: url(../../SCSS/images/perduelibrary/light_rounded/sprite.png) -110px -80px no-repeat;
}
div.light_rounded .pp_loaderIcon {
  background: url(../../SCSS/images/perduelibrary/light_rounded/loader.gif) center center no-repeat;
}

div.dark_rounded .pp_top .pp_left {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/sprite.png) -88px -53px no-repeat;
}
div.dark_rounded .pp_top .pp_middle {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/contentPattern.png) top left repeat;
}
div.dark_rounded .pp_top .pp_right {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/sprite.png) -110px -53px no-repeat;
}
div.dark_rounded .pp_content_container .pp_left {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/contentPattern.png) top left repeat-y;
}
div.dark_rounded .pp_content_container .pp_right {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/contentPattern.png) top right repeat-y;
}
div.dark_rounded .pp_content {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/contentPattern.png) top left repeat;
}
div.dark_rounded .pp_next:hover {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/btnNext.png) center right no-repeat;
  cursor: pointer;
}
div.dark_rounded .pp_previous:hover {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/btnPrevious.png) center left no-repeat;
  cursor: pointer;
}
div.dark_rounded .pp_expand {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
}
div.dark_rounded .pp_expand:hover {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
}
div.dark_rounded .pp_contract {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
}
div.dark_rounded .pp_contract:hover {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
}
div.dark_rounded .pp_close {
  width: 75px;
  height: 22px;
  background: url(../../SCSS/images/perduelibrary/dark_rounded/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
}
div.dark_rounded .pp_details {
  position: relative;
}
div.dark_rounded .pp_description {
  margin-right: 85px;
  color: #fff;
}
div.dark_rounded .currentTextHolder {
  color: #c4c4c4;
}
div.dark_rounded #pp_full_res .pp_inline {
  color: #fff;
}
div.dark_rounded .pp_gallery a.pp_arrow_previous {
  margin-top: 12px !important;
}
div.dark_rounded .pp_gallery a.pp_arrow_next {
  margin-top: 12px !important;
}
div.dark_rounded .pp_nav .pp_play {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/sprite.png) -1px -100px no-repeat;
  height: 15px;
  width: 14px;
}
div.dark_rounded .pp_nav .pp_pause {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/sprite.png) -24px -100px no-repeat;
  height: 15px;
  width: 14px;
}
div.dark_rounded .pp_arrow_previous {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/sprite.png) 0 -71px no-repeat;
}
div.dark_rounded .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default;
}
div.dark_rounded .pp_arrow_next {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/sprite.png) -22px -71px no-repeat;
}
div.dark_rounded .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default;
}
div.dark_rounded .pp_bottom .pp_left {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/sprite.png) -88px -80px no-repeat;
}
div.dark_rounded .pp_bottom .pp_middle {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/contentPattern.png) top left repeat;
}
div.dark_rounded .pp_bottom .pp_right {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/sprite.png) -110px -80px no-repeat;
}
div.dark_rounded .pp_loaderIcon {
  background: url(../../SCSS/images/perduelibrary/dark_rounded/loader.gif) center center no-repeat;
}

div.dark_square .pp_left {
  background: #000;
}
div.dark_square .pp_middle {
  background: #000;
}
div.dark_square .pp_right {
  background: #000;
}
div.dark_square .pp_content {
  background: #000;
}
div.dark_square .currentTextHolder {
  color: #c4c4c4;
}
div.dark_square .pp_description {
  color: #fff;
  margin: 0 85px 0 0;
}
div.dark_square .pp_loaderIcon {
  background: url(../../SCSS/images/perduelibrary/dark_square/loader.gif) center center no-repeat;
}
div.dark_square .pp_expand {
  background: url(../../SCSS/images/perduelibrary/dark_square/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
}
div.dark_square .pp_expand:hover {
  background: url(../../SCSS/images/perduelibrary/dark_square/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
}
div.dark_square .pp_contract {
  background: url(../../SCSS/images/perduelibrary/dark_square/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
}
div.dark_square .pp_contract:hover {
  background: url(../../SCSS/images/perduelibrary/dark_square/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
}
div.dark_square .pp_close {
  width: 75px;
  height: 22px;
  background: url(../../SCSS/images/perduelibrary/dark_square/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
}
div.dark_square .pp_details {
  position: relative;
}
div.dark_square #pp_full_res .pp_inline {
  color: #fff;
}
div.dark_square .pp_gallery a.pp_arrow_previous {
  margin-top: 12px !important;
}
div.dark_square .pp_gallery a.pp_arrow_next {
  margin-top: 12px !important;
}
div.dark_square .pp_nav {
  clear: none;
}
div.dark_square .pp_nav .pp_play {
  background: url(../../SCSS/images/perduelibrary/dark_square/sprite.png) -1px -100px no-repeat;
  height: 15px;
  width: 14px;
}
div.dark_square .pp_nav .pp_pause {
  background: url(../../SCSS/images/perduelibrary/dark_square/sprite.png) -24px -100px no-repeat;
  height: 15px;
  width: 14px;
}
div.dark_square .pp_arrow_previous {
  background: url(../../SCSS/images/perduelibrary/dark_square/sprite.png) 0 -71px no-repeat;
}
div.dark_square .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default;
}
div.dark_square .pp_arrow_next {
  background: url(../../SCSS/images/perduelibrary/dark_square/sprite.png) -22px -71px no-repeat;
}
div.dark_square .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default;
}
div.dark_square .pp_next:hover {
  background: url(../../SCSS/images/perduelibrary/dark_square/btnNext.png) center right no-repeat;
  cursor: pointer;
}
div.dark_square .pp_previous:hover {
  background: url(../../SCSS/images/perduelibrary/dark_square/btnPrevious.png) center left no-repeat;
  cursor: pointer;
}

div.light_square .pp_left {
  background: #fff;
}
div.light_square .pp_middle {
  background: #fff;
}
div.light_square .pp_right {
  background: #fff;
}
div.light_square .pp_content {
  background: #fff;
}
div.light_square .pp_content .ppt {
  color: #000;
}
div.light_square .pp_expand {
  background: url(../../SCSS/images/perduelibrary/light_square/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
}
div.light_square .pp_expand:hover {
  background: url(../../SCSS/images/perduelibrary/light_square/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
}
div.light_square .pp_contract {
  background: url(../../SCSS/images/perduelibrary/light_square/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
}
div.light_square .pp_contract:hover {
  background: url(../../SCSS/images/perduelibrary/light_square/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
}
div.light_square .pp_close {
  width: 75px;
  height: 22px;
  background: url(../../SCSS/images/perduelibrary/light_square/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
}
div.light_square .pp_details {
  position: relative;
}
div.light_square .pp_description {
  margin-right: 85px;
}
div.light_square #pp_full_res .pp_inline {
  color: #000;
}
div.light_square .pp_gallery a.pp_arrow_previous {
  margin-top: 12px !important;
}
div.light_square .pp_gallery a.pp_arrow_next {
  margin-top: 12px !important;
}
div.light_square .pp_nav .pp_play {
  background: url(../../SCSS/images/perduelibrary/light_square/sprite.png) -1px -100px no-repeat;
  height: 15px;
  width: 14px;
}
div.light_square .pp_nav .pp_pause {
  background: url(../../SCSS/images/perduelibrary/light_square/sprite.png) -24px -100px no-repeat;
  height: 15px;
  width: 14px;
}
div.light_square .pp_arrow_previous {
  background: url(../../SCSS/images/perduelibrary/light_square/sprite.png) 0 -71px no-repeat;
}
div.light_square .pp_arrow_previous.disabled {
  background-position: 0 -87px;
  cursor: default;
}
div.light_square .pp_arrow_next {
  background: url(../../SCSS/images/perduelibrary/light_square/sprite.png) -22px -71px no-repeat;
}
div.light_square .pp_arrow_next.disabled {
  background-position: -22px -87px;
  cursor: default;
}
div.light_square .pp_next:hover {
  background: url(../../SCSS/images/perduelibrary/light_square/btnNext.png) center right no-repeat;
  cursor: pointer;
}
div.light_square .pp_previous:hover {
  background: url(../../SCSS/images/perduelibrary/light_square/btnPrevious.png) center left no-repeat;
  cursor: pointer;
}
div.light_square .pp_loaderIcon {
  background: url(../../SCSS/images/perduelibrary/light_rounded/loader.gif) center center no-repeat;
}

div.facebook .pp_top .pp_left {
  background: url(../../SCSS/images/perduelibrary/facebook/sprite.png) -88px -53px no-repeat;
}
div.facebook .pp_top .pp_middle {
  background: url(../../SCSS/images/perduelibrary/facebook/contentPatternTop.png) top left repeat-x;
}
div.facebook .pp_top .pp_right {
  background: url(../../SCSS/images/perduelibrary/facebook/sprite.png) -110px -53px no-repeat;
}
div.facebook .pp_content {
  background: #fff;
}
div.facebook .pp_content .ppt {
  color: #000;
}
div.facebook .pp_content_container .pp_left {
  background: url(../../SCSS/images/perduelibrary/facebook/contentPatternLeft.png) top left repeat-y;
}
div.facebook .pp_content_container .pp_right {
  background: url(../../SCSS/images/perduelibrary/facebook/contentPatternRight.png) top right repeat-y;
}
div.facebook .pp_expand {
  background: url(../../SCSS/images/perduelibrary/facebook/sprite.png) -31px -26px no-repeat;
  cursor: pointer;
}
div.facebook .pp_expand:hover {
  background: url(../../SCSS/images/perduelibrary/facebook/sprite.png) -31px -47px no-repeat;
  cursor: pointer;
}
div.facebook .pp_contract {
  background: url(../../SCSS/images/perduelibrary/facebook/sprite.png) 0 -26px no-repeat;
  cursor: pointer;
}
div.facebook .pp_contract:hover {
  background: url(../../SCSS/images/perduelibrary/facebook/sprite.png) 0 -47px no-repeat;
  cursor: pointer;
}
div.facebook .pp_close {
  width: 22px;
  height: 22px;
  background: url(../../SCSS/images/perduelibrary/facebook/sprite.png) -1px -1px no-repeat;
  cursor: pointer;
}
div.facebook .pp_details {
  position: relative;
}
div.facebook .pp_description {
  margin: 0 37px 0 0;
}
div.facebook #pp_full_res .pp_inline {
  color: #000;
}
div.facebook .pp_loaderIcon {
  background: url(../../SCSS/images/perduelibrary/facebook/loader.gif) center center no-repeat;
}
div.facebook .pp_arrow_previous {
  background: url(../../SCSS/images/perduelibrary/facebook/sprite.png) 0 -71px no-repeat;
  height: 22px;
  margin-top: 0;
  width: 22px;
}
div.facebook .pp_arrow_previous.disabled {
  background-position: 0 -96px;
  cursor: default;
}
div.facebook .pp_arrow_next {
  background: url(../../SCSS/images/perduelibrary/facebook/sprite.png) -32px -71px no-repeat;
  height: 22px;
  margin-top: 0;
  width: 22px;
}
div.facebook .pp_arrow_next.disabled {
  background-position: -32px -96px;
  cursor: default;
}
div.facebook .pp_nav {
  margin-top: 0;
}
div.facebook .pp_nav p {
  font-size: 15px;
  padding: 0 3px 0 4px;
}
div.facebook .pp_nav .pp_play {
  background: url(../../SCSS/images/perduelibrary/facebook/sprite.png) -1px -123px no-repeat;
  height: 22px;
  width: 22px;
}
div.facebook .pp_nav .pp_pause {
  background: url(../../SCSS/images/perduelibrary/facebook/sprite.png) -32px -123px no-repeat;
  height: 22px;
  width: 22px;
}
div.facebook .pp_next:hover {
  background: url(../../SCSS/images/perduelibrary/facebook/btnNext.png) center right no-repeat;
  cursor: pointer;
}
div.facebook .pp_previous:hover {
  background: url(../../SCSS/images/perduelibrary/facebook/btnPrevious.png) center left no-repeat;
  cursor: pointer;
}
div.facebook .pp_bottom .pp_left {
  background: url(../../SCSS/images/perduelibrary/facebook/sprite.png) -88px -80px no-repeat;
}
div.facebook .pp_bottom .pp_middle {
  background: url(../../SCSS/images/perduelibrary/facebook/contentPatternBottom.png) top left repeat-x;
}
div.facebook .pp_bottom .pp_right {
  background: url(../../SCSS/images/perduelibrary/facebook/sprite.png) -110px -80px no-repeat;
}

div.pp_pic_holder {
  display: none;
  position: absolute;
  width: 100px;
  z-index: 10000;
}
div.pp_pic_holder a:focus {
  outline: none;
}

div.pp_overlay {
  background: #000;
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9500;
}

.pp_top {
  height: 20px;
  position: relative;
}
.pp_top .pp_left {
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px;
}
.pp_top .pp_middle {
  height: 20px;
  left: 20px;
  position: absolute;
  right: 20px;
}
.pp_top .pp_right {
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

* html .pp_top {
  padding: 0 20px;
}
* html .pp_top .pp_middle {
  left: 0;
  position: static;
}
* html .pp_content {
  width: 40px;
}
* html .pp_bottom {
  padding: 0 20px;
}
* html .pp_bottom .pp_middle {
  left: 0;
  position: static;
}

.pp_content {
  height: 40px;
  min-width: 40px;
}

.pp_fade {
  display: none;
}

.pp_content_container {
  position: relative;
  text-align: left;
  width: 100%;
}
.pp_content_container .pp_left {
  padding-left: 20px;
}
.pp_content_container .pp_right {
  padding-right: 20px;
}
.pp_content_container .pp_details {
  float: left;
  margin: 10px 0 2px 0;
}

.pp_description {
  display: none;
  margin: 0;
}

.pp_social {
  float: left;
  margin: 0;
}
.pp_social .facebook {
  float: left;
  margin-left: 5px;
  width: 55px;
  overflow: hidden;
}
.pp_social .twitter {
  float: left;
}

.pp_nav {
  clear: right;
  float: left;
  margin: 3px 10px 0 0;
}
.pp_nav p {
  float: left;
  margin: 2px 4px;
  white-space: nowrap;
}
.pp_nav .pp_play {
  float: left;
  margin-right: 4px;
  text-indent: -10000px;
}
.pp_nav .pp_pause {
  float: left;
  margin-right: 4px;
  text-indent: -10000px;
}

a.pp_arrow_previous {
  display: block;
  float: left;
  height: 15px;
  margin-top: 3px;
  overflow: hidden;
  text-indent: -10000px;
  width: 14px;
}

a.pp_arrow_next {
  display: block;
  float: left;
  height: 15px;
  margin-top: 3px;
  overflow: hidden;
  text-indent: -10000px;
  width: 14px;
}

.pp_hoverContainer {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2000;
}

.pp_gallery {
  display: none;
  left: 50%;
  margin-top: -50px;
  position: absolute;
  z-index: 10000;
}
.pp_gallery div {
  float: left;
  overflow: hidden;
  position: relative;
}
.pp_gallery ul {
  float: left;
  height: 35px;
  margin: 0 0 0 5px;
  padding: 0;
  position: relative;
  white-space: nowrap;
}
.pp_gallery ul a {
  border: 1px #000 solid;
  border: 1px rgba(0, 0, 0, 0.5) solid;
  display: block;
  float: left;
  height: 33px;
  overflow: hidden;
}
.pp_gallery ul a:hover {
  border-color: #fff;
}
.pp_gallery ul a img {
  border: 0;
}
.pp_gallery li.selected a {
  border-color: #fff;
}
.pp_gallery li {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
}
.pp_gallery li.default a {
  background: url(../../SCSS/images/perduelibrary/facebook/default_thumbnail.gif) 0 0 no-repeat;
  display: block;
  height: 33px;
  width: 50px;
}
.pp_gallery li.default a img {
  display: none;
}
.pp_gallery .pp_arrow_previous {
  margin-top: 7px !important;
}
.pp_gallery .pp_arrow_next {
  margin-top: 7px !important;
}

a.pp_next {
  background: url(../../SCSS/images/perduelibrary/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  float: right;
  height: 100%;
  text-indent: -10000px;
  width: 49%;
}

a.pp_previous {
  background: url(../../SCSS/images/perduelibrary/light_rounded/btnNext.png) 10000px 10000px no-repeat;
  display: block;
  float: left;
  height: 100%;
  text-indent: -10000px;
  width: 49%;
}

a.pp_expand {
  cursor: pointer;
  display: none;
  height: 20px;
  position: absolute;
  right: 30px;
  text-indent: -10000px;
  top: 10px;
  width: 20px;
  z-index: 20000;
}

a.pp_contract {
  cursor: pointer;
  display: none;
  height: 20px;
  position: absolute;
  right: 30px;
  text-indent: -10000px;
  top: 10px;
  width: 20px;
  z-index: 20000;
}

a.pp_close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  line-height: 22px;
  text-indent: -10000px;
}

.pp_bottom {
  height: 20px;
  position: relative;
}
.pp_bottom .pp_left {
  height: 20px;
  left: 0;
  position: absolute;
  width: 20px;
}
.pp_bottom .pp_middle {
  height: 20px;
  left: 20px;
  position: absolute;
  right: 20px;
}
.pp_bottom .pp_right {
  height: 20px;
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.pp_loaderIcon {
  display: block;
  height: 24px;
  left: 50%;
  margin: -12px 0 0 -12px;
  position: absolute;
  top: 50%;
  width: 24px;
}

#pp_full_res {
  line-height: 1 !important;
}
#pp_full_res .pp_inline {
  text-align: left;
}
#pp_full_res .pp_inline p {
  margin: 0 0 15px 0;
}

div.ppt {
  color: #fff;
  display: none;
  font-size: 17px;
  margin: 0 0 5px 15px;
  z-index: 9999;
}

/* MENU IDEAS & RECIPE
----------------------------------------------------------*/
.Recipe .recipe-photos img {
  width: 100%;
  height: auto;
}
.Recipe .recipe-description-block hr {
  border-bottom: 2px solid #70A0B4;
  margin: 1rem 0;
}
.Recipe .recipe-description-block .recipe-title {
  text-transform: uppercase;
  font-weight: 700;
}
.Recipe .recipe-description-block .share-fields h4 { /*text-align: right;*/
  font-weight: 600;
  color: #004b7e;
}
.Recipe .recipe-ingredients h3 {
  color: #004b7e;
  margin-bottom: 16px;
}
.Recipe .recipe-ingredients h4 {
  color: #004b7e;
}
.Recipe .recipe-ingredients h5 {
  color: #004b7e;
  margin-top: 36px;
}
.Recipe .recipe-instructions h3 {
  color: #004b7e;
  margin-bottom: 16px;
}
.Recipe .recipe-instructions h4 {
  color: #004b7e;
}
.Recipe .recipe-instructions h5 {
  color: #004b7e;
  margin-top: 36px;
}
.Recipe .related-products .related-product-block img {
  width: 300px;
  height: auto;
}
.Recipe .related-products .related-product-block a p {
  color: #004b7e;
}

.RecipesListing .filter-items-group {
  cursor: pointer;
}
.RecipesListing .filter-items-group label {
  top: -6px;
  display: inline;
}
.RecipesListing .filter-items-group .parentContainer {
  margin-left: 24px;
}

/*  Recipe Block and Filter   */
.recipe-block {
  width: 260px;
  height: 300px;
  float: left;
  margin: 5px;
  padding: 5px;
  background-color: #f8f9fa;
  overflow: hidden;
}
.recipe-block img {
  width: 250px;
  height: 180px;
}
.recipe-block p {
  padding: 10px 0 0;
  text-align: center;
  font-size: 1em;
  line-height: 1.5em;
}

.pager {
  background: #ccc;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em;
  margin: 3px;
}
.pager:hover {
  color: #FFF;
  background: #004b7e;
}

.pager-current {
  background: #004b7e;
}

.item img {
  margin: 0 auto 12px;
}

.item p {
  margin: 5px 10px;
  color: #527382;
}

#recipe-filters .checks-group {
  margin: 3px 0;
}

#recipe-filters h5 {
  text-align: left;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  color: #004b7e;
}
#recipe-filters h5 img {
  height: 20px;
  filter: invert(20%) sepia(25%) saturate(4610%) hue-rotate(182deg) brightness(102%) contrast(102%);
}

#recipe-filters {
  display: none;
}

#recipe-title {
  text-transform: uppercase;
  font-weight: 700;
}

.recipe-description-block p {
  font-size: 1.25em;
  line-height: 1.5em;
}

/* JS SOCIALS
----------------------------------------------------------*/
.jssocials-shares {
  margin: 0.2em 0;
  display: flex;
  background-color: white;
}
.jssocials-shares * {
  box-sizing: border-box;
}

.jssocials-share {
  display: inline-block;
  vertical-align: top;
  margin: 0.3em 0.6em 0.3em 0;
}
.jssocials-share:last-child {
  margin-right: 0;
}

.jssocials-share-logo {
  width: 1em;
  vertical-align: middle;
  font-size: 12px;
  margin-right: 0;
}
.jssocials-share-logo.fa-print {
  margin-right: 0px;
}

img.jssocials-share-logo {
  width: auto;
  height: 1em;
}

.jssocials-share-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  padding: 0 0;
  color: #fff;
  -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}
.jssocials-share-link:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0) !important;
}
.jssocials-share-link:focus {
  color: #fff;
}
.jssocials-share-link:active {
  color: #fff;
}

.jssocials-share-link.jssocials-share-link-count {
  padding-top: 0.2em;
}
.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
  display: block;
  font-size: 0.6em;
  margin: 0 -0.5em -0.8em -0.5em;
}

.jssocials-share-link.jssocials-share-no-count {
  padding-top: 0.5em;
}
.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
  height: 1em;
}

.jssocials-share-label { /*padding-left: 0.3em;*/
  vertical-align: middle;
  padding-left: 8px;
}

.jssocials-share-count-box {
  display: inline-block;
  height: 1.5em;
  padding: 0 0.3em;
  line-height: 1;
  vertical-align: middle;
  cursor: default;
  position: relative;
  height: 2.5em;
  padding: 0 0.3em;
  margin-left: 0.3em;
  background: #f5f5f5;
  -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}
.jssocials-share-count-box:hover {
  background: #dcdcdc;
}
.jssocials-share-count-box:hover:after {
  border-color: transparent #dcdcdc transparent transparent;
}
.jssocials-share-count-box:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.85em;
  left: -0.3em;
  width: 0;
  height: 0;
  border-width: 0.4em 0.4em 0.4em 0;
  border-style: solid;
  border-color: transparent #f5f5f5 transparent transparent;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
  transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}
.jssocials-share-count-box .jssocials-share-count {
  line-height: 2.5em;
  color: #444;
}

.jssocials-share-count-box.jssocials-share-no-count {
  display: none;
}

.jssocials-share-count {
  line-height: 1.5em;
  vertical-align: middle;
}

.jssocials-share-twitter .jssocials-share-link {
  background: #00aced;
}
.jssocials-share-twitter .jssocials-share-link:hover {
  background: #0087ba;
}

.jssocials-share-facebook .jssocials-share-link {
  background: #3b5998;
}
.jssocials-share-facebook .jssocials-share-link:hover {
  background: #2d4373;
}

.jssocials-share-googleplus .jssocials-share-link {
  background: #dd4b39;
}
.jssocials-share-googleplus .jssocials-share-link:hover {
  background: #c23321;
}

.jssocials-share-linkedin .jssocials-share-link {
  background: #007bb6;
}
.jssocials-share-linkedin .jssocials-share-link:hover {
  background: #005983;
}

.jssocials-share-pinterest .jssocials-share-link {
  background: #cb2027;
}
.jssocials-share-pinterest .jssocials-share-link:hover {
  background: #9f191f;
}

.jssocials-share-email .jssocials-share-link {
  background: #3490F3;
}
.jssocials-share-email .jssocials-share-link:hover {
  background: #0e76e6;
}

.jssocials-share-stumbleupon .jssocials-share-link {
  background: #eb4823;
}
.jssocials-share-stumbleupon .jssocials-share-link:hover {
  background: #c93412;
}

.jssocials-share-whatsapp .jssocials-share-link {
  background: #29a628;
}
.jssocials-share-whatsapp .jssocials-share-link:hover {
  background: #1f7d1e;
}

.jssocials-share-telegram .jssocials-share-link {
  background: #2ca5e0;
}
.jssocials-share-telegram .jssocials-share-link:hover {
  background: #1c88bd;
}

.jssocials-share-line .jssocials-share-link {
  background: #25af00;
}
.jssocials-share-line .jssocials-share-link:hover {
  background: #1a7c00;
}

.jssocials-share-viber .jssocials-share-link {
  background: #7b519d;
}
.jssocials-share-viber .jssocials-share-link:hover {
  background: #61407b;
}

.jssocials-share-pocket .jssocials-share-link {
  background: #ef4056;
}
.jssocials-share-pocket .jssocials-share-link:hover {
  background: #e9132e;
}

.jssocials-share-messenger .jssocials-share-link {
  background: #0084ff;
}
.jssocials-share-messenger .jssocials-share-link:hover {
  background: #006acc;
}

.jssocials-share-vkontakte .jssocials-share-link {
  background: #45668e;
}
.jssocials-share-vkontakte .jssocials-share-link:hover {
  background: #344d6c;
}

.jssocials {
  text-align: center;
  line-height: 0;
  padding: 0px;
  position: relative;
}
.jssocials:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: calc(50% - 0.5px);
  left: 0;
  z-index: -1;
}
.jssocials div.jssocials-share {
  padding: 6px 8px;
  display: block;
  margin: 0 auto;
  width: auto;
  float: left;
  background-color: #0a406b;
  transition: all 0.3s ease-in-out;
  border: 1px solid white;
  line-height: 0px;
}
.jssocials div.jssocials-share a {
  color: #fff;
  background: transparent;
  line-height: 12px;
  font-size: 12px;
}
.jssocials div.jssocials-share .fa {
  font-size: 14px;
  line-height: 15px;
  top: 1px;
  position: relative;
  margin-right: 5px;
}
.jssocials div.jssocials-share .fa.fa-print {
  margin-right: 0px;
}
.jssocials div.jssocials-share:first-child {
  margin-left: 0 !important;
}
.jssocials div.jssocials-share:last-child {
  margin-right: 0 !important;
}

.jssocials-list {
  overflow: hidden;
  display: inline-block;
  line-height: 0;
  padding: 0 30px;
  background-color: #fff;
  position: relative;
  z-index: 3;
}

.jssocials.jssocials-share div:hover {
  background-color: #070707;
}

.share-fields h4 { /*text-align: right;*/ }
.share-fields h3 {
  font-size: 1.25rem;
  font-weight: 600;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1.5rem;
  color: #004b7e;
}

@media only screen and (max-width: 40em) {
  .pl-5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .px-5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .jssocials-share-label {
    display: none;
  }
  .jssocials div.jssocials-share .fa {
    margin-right: 10px !important;
    margin-left: 10px;
  }
  .share-fields h4 { /*text-align: center;*/ }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .jssocials-share-label {
    display: none;
  }
  .jssocials div.jssocials-share .fa {
    margin-right: 10px !important;
    margin-left: 10px;
  }
  .share-fields h4 { /*text-align: left;*/ }
}
@media print {
  .no-print {
    display: none !important;
  }
  .no-print * {
    display: none !important;
  }
}
/* PRODUCTS
----------------------------------------------------------*/
.Product .lSAction .lSPrev, .Product .lSAction .lSNext {
  width: 76px;
  height: 76px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.15);
}
.Product .lSAction .lSPrev {
  background-image: url(/images/icons/controls-left.png);
  margin-left: -9px;
}
.Product .lSAction .lSNext {
  background-image: url(/images/icons/controls-right.png);
  margin-right: -9px;
}
.Product h2 {
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 9px;
  color: #527382;
}
@media only screen and (max-width: 40em) {
  .Product h2 {
    font-size: 18px;
    line-height: 26px;
  }
}
.Product .product-code {
  font-size: 1em;
  color: #FFF;
  background-color: #cc0001;
  padding: 0.35em;
  display: inline-block;
}
.Product .product-photo-container {
  margin: 0 auto;
  text-align: center;
}
.Product .product-photo-container .product-photos {
  border: 1px solid #CCC;
  padding: 20px;
}
.Product .product-photo-container .product-photos ul {
  list-style: none;
}
.Product .product-search h1 {
  display: contents;
}
.Product .product-photo-print, .Product .product-nutrition-print {
  display: none;
}
.Product .product-title {
  text-transform: uppercase;
  margin: 1.5em;
  font-size: 24px;
  line-height: 30px;
  margin-left: 2em;
}
.Product .brand-logo {
  float: none;
  max-width: 145px;
  width: 100%;
  height: auto;
}
.Product .product h2 {
  margin-top: 1em;
}
.Product .product-utility-divider {
  border-top: 2px solid #527382;
  width: 100%;
  margin: 16px 0;
}
.Product .product-utilities {
  text-align: center;
  text-transform: uppercase;
  display: flex;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.75em;
  flex-direction: row;
  justify-content: space-around;
}
.Product .product-utilities a {
  color: rgba(0, 0, 0, 0.5);
}
.Product .product-utilities a:hover {
  color: #cc0001;
}
.Product .lSSlideOuter .lightSlider { /*width: 3672px; transform: translate3d(-612px, 0px, 0px); height: 645px; padding-bottom: 0%;*/ }
.Product .lSSlideOuter .lslide img {
  border-style: none;
}
.Product .lSSlideOuter .lslide .product-search-icon {
  color: #666;
  font-size: 18px;
  position: absolute;
  top: 18px;
  right: 24px;
  background-color: #fff;
  padding: 6px;
  border-radius: 50px;
}
.Product .lSSlideOuter .lSgallery .lSPager {
  margin: 0 auto;
}
.Product .product-icon-group {
  white-space: nowrap;
  font-size: 18px;
  font-weight: 900;
  margin: 16px 0;
}
.Product .product-icon-group .fa-circle-check {
  color: #50aa4b;
  height: 19px;
  margin-top: -3px;
  filter: invert(52%) sepia(100%) saturate(278%) hue-rotate(69deg) brightness(91%) contrast(89%);
}
.Product .table td, .Product .table th {
  border-top: 0;
  background-color: transparent;
  padding: 0.25rem;
  vertical-align: top; /*border-top: 1px solid #dee2e6;*/
  padding-left: 18px;
  background-color: #fff;
}
.Product .table td.prod-spectable-a, .Product .table th.prod-spectable-a {
  background-color: #D6D4D5;
  font-size: 18px;
}
.Product .table td.prod-spectable-b, .Product .table th.prod-spectable-b {
  background-color: #EAEAEA;
  font-size: 18px;
}
.Product .table td.prod-spectable-c, .Product .table th.prod-spectable-c {
  background-color: #FFF;
  font-size: 18px;
}
.Product .product-specs > .grid-container > .grid-x {
  background-color: #F1F1F1;
}
.Product .prod-specs-head {
  font-size: 20px;
  font-weight: 600;
  color: #527382;
  justify-content: left;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 0px;
}
.Product .serving-selector .fa-toggle-on {
  font-size: 1.75em;
  top: 5px;
  position: relative;
}
.Product .serving-selector .fa-toggle-off {
  font-size: 1.75em;
  top: 5px;
  position: relative;
}
.Product #nutrition-serving table.table tbody tr td {
  font-size: 18px;
  line-height: 22px;
}
.Product #nutrition-serving table.table tbody tr:nth-child(1) {
  font-weight: 900;
}
.Product #nutrition-serving table.table tbody tr:nth-child(2) {
  font-weight: 900;
}
.Product #nutrition-serving table.table tbody tr:nth-child(3) {
  border-top: 5px solid #D6D4D5;
}
.Product #nutrition-serving table.table tbody tr:nth-child(3) h5 {
  color: #646464;
  font-weight: 900;
  text-align: left;
  justify-content: left;
  text-transform: uppercase;
}
.Product .date-disclaimer {
  font-size: 16px;
  margin: 12px 0 0 0;
}
.Product #nutrition-100gram {
  display: none;
}
.Product #nutrition-100gram table.table tbody tr td {
  font-size: 18px;
  line-height: 22px;
}
.Product #nutrition-100gram table.table tbody tr:nth-child(1) {
  font-weight: 900;
}
.Product #nutrition-100gram table.table tbody tr:nth-child(2) {
  font-weight: 900;
}
.Product #nutrition-100gram table.table tbody tr:nth-child(3) {
  border-top: 5px solid #D6D4D5;
}
.Product #nutrition-100gram table.table tbody tr:nth-child(3) h5 {
  color: #646464;
  font-weight: 900;
  text-align: left;
  justify-content: left;
  text-transform: uppercase;
}
.ProductsSection #products {
  margin: 0 auto;
  width: 100% !important;
  max-width: 1112px;
}
.ProductsSection #products .item {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ProductsSection #products .item img {
  width: auto;
  height: 180px;
  object-fit: cover;
}
.ProductsSection .product-block {
  width: 260px;
  min-width: 260px;
  height: 360px;
  float: left;
  margin: 12px 0;
  padding: 12px;
  text-align: center;
  background-color: #f8f9fa;
}
.ProductsSection .product-block img {
  width: 250px;
  height: 180px;
}
.ProductsSection .product-block p {
  padding: 0;
  font-size: 0.85em;
  line-height: 1.25em;
  text-align: center;
  font-size: 16px;
}
@media only screen and (max-width: 774px) {
  .ProductsSection .product-block {
    height: unset;
  }
}
.ProductsSection .mobile-filter-toggle {
  display: block;
}
.ProductsSection .pager {
  background: #ccc;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em;
  margin: 3px;
}
.ProductsSection .pager:hover {
  color: #FFF;
  background: #cc0001;
}
.ProductsSection .pager-current {
  background: #cc0001;
}
.ProductsSection #next-page, .ProductsSection .next-page {
  font-size: 28px;
  position: relative;
  top: 1px;
  color: #cc0001;
  filter: invert(17%) sepia(62%) saturate(4504%) hue-rotate(344deg) brightness(84%) contrast(135%);
  margin-bottom: 8px;
  height: 32px;
}
.ProductsSection #prev-page, .ProductsSection .prev-page {
  font-size: 28px;
  position: relative;
  top: 1px;
  color: #cc0001;
  filter: invert(17%) sepia(62%) saturate(4504%) hue-rotate(344deg) brightness(84%) contrast(135%);
  margin-bottom: 8px;
  height: 32px;
}
.ProductsSection #product-filters {
  display: none;
}
.ProductsSection #product-filters .checks-group {
  margin: 3px 0;
}
.ProductsSection #product-filters h5 {
  text-align: left;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  color: #000;
}
.ProductsSection .filter-item {
  cursor: pointer;
}
.ProductsSection .filter-section-title {
  cursor: pointer;
}
.ProductsSection .filter-section-title img {
  height: 20px;
  filter: invert(20%) sepia(25%) saturate(4610%) hue-rotate(182deg) brightness(102%) contrast(102%);
}
.ProductsSection .filter-items-group {
  cursor: pointer;
}
.ProductsSection .filter-items-group label {
  top: -6px;
  display: inline;
}
.ProductsSection .filter-items-group .parentContainer {
  margin-left: 24px;
}
.ProductsSection .filteritem-subtype {
  margin-left: 20px;
}
.ProductsSection .filteritem-type label {
  font-weight: bold;
}
.ProductsSection h1 {
  margin: 0 0 9px;
}
.ProductsSection .search-pnl input {
  margin: 0;
  border-radius: 4px;
  height: 48px;
}
.ProductsSection .search-pnl button {
  margin: 0 0 0 12px;
  border-radius: 4px;
  height: 48px;
  color: #fff;
  background-color: #cc0001;
  border-color: #cc0001;
  padding: 0.375rem 0.75rem;
  transition: background-color 0.3s, color 0.3s;
}

/* BLOGS  [TRENDS & INSIGHTS]
----------------------------------------------------------*/
.BlogPost h1, .ScrollingBlogPost h1 {
  color: #004b7e;
  text-transform: uppercase;
  text-transform: uppercase;
  font-size: 32px;
}
@media only screen and (max-width: 64em) {
  .BlogPost h1, .ScrollingBlogPost h1 {
    line-height: 40px;
  }
}
.BlogPost #postSidebar h3, .ScrollingBlogPost #postSidebar h3 {
  font-size: 1.25rem;
  font-weight: 600;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1.5rem;
  color: #004b7e;
}
.BlogPost a, .ScrollingBlogPost a {
  color: #004b7e;
}
.BlogPost .sidebarList, .ScrollingBlogPost .sidebarList {
  list-style-type: none;
  padding: 0;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-left: 1rem;
}
.BlogPost .sidebarList li, .ScrollingBlogPost .sidebarList li {
  margin-bottom: 1.5rem;
}
.BlogPost .sidebarList a, .ScrollingBlogPost .sidebarList a {
  font-weight: 600;
}
.BlogPost .post-image, .BlogPost .post-image img, .ScrollingBlogPost .post-image, .ScrollingBlogPost .post-image img {
  width: 100% !important;
  height: auto;
  margin-bottom: 1em;
}

.scroll-pnl {
  background-color: #f7f7f7;
  border: 1px solid #527382;
  display: none;
}
.scroll-pnl .content {
  padding: 24px 60px;
}
.scroll-pnl .content h4 a {
  text-decoration: underline;
  color: #0a406e;
  font-size: 22px;
  font-weight: 700;
}
.scroll-pnl .content p {
  font-weight: 600;
}
.scroll-pnl .navigation a.btn {
  padding: 0 !important;
  border: none;
  text-decoration: none !important;
  margin-left: -3px;
}
.scroll-pnl .navigation a.btn img {
  border: none;
}
.scroll-pnl .navigation a.button {
  background-color: #0b406c;
  color: #ffffff;
  text-decoration: none !important;
  padding: 8px 18px;
  font-weight: 700;
  font-size: 19px;
}

.BlogListing .button-group {
  margin: 0;
}
.BlogListing .button-group .btn {
  margin: 6px 0px;
}
.BlogListing .item img {
  margin: 0 auto 12px;
}
.BlogListing .post-image, .BlogListing .post-image img {
  width: 100% !important;
  height: auto;
  margin-bottom: 1em;
}
.BlogListing .post-block {
  max-width: 320px;
  height: 380px; /*margin: 5px; padding: 5px;*/
  text-align: center;
  overflow: hidden;
}
.BlogListing .post-block .post-date a:hover {
  text-decoration: none;
}
.BlogListing .post-block h4 {
  font-size: 1em;
  color: #004b7e;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.BlogListing .post-block p {
  font-size: 1em;
  color: #004b7e;
  font-size: 16px;
  line-height: 22px;
}
.BlogListing .post-block p a {
  color: #004b7e;
}

/* LIVE SKU CHART
----------------------------------------------------------*/
@media print, screen {
  /*    html, body { margin: 0 auto; font-family: 'Open Sans',Arial,sans-serif; line-height: 1.5em; max-width: unset !important; }*/
  .LiveSkuChart {
    /*----------------------------------------------------------
    Miscellanious
    ----------------------------------------------------------*/
  }
  .LiveSkuChart .header-center > nav > div:nth-child(3) > div > form > div > input {
    margin: 0;
  }
  .LiveSkuChart .crumb-bg-nh {
    display: none;
  }
  .LiveSkuChart ul ul, .LiveSkuChart ol ul, .LiveSkuChart ul ol, .LiveSkuChart ol ol {
    margin: initial;
    padding: revert;
  }
  .LiveSkuChart .container .content p, .LiveSkuChart .container .content div {
    color: #543825;
  }
  .LiveSkuChart .liveSkuChart h2 {
    font-weight: 700;
    font-size: 25px !important;
    color: #143f6b;
    font-family: "Montserrat", Arial, sans-serif;
  }
  .LiveSkuChart .chart-date, .LiveSkuChart .chart-date div {
    font-size: 14px;
    font-weight: 400;
    opacity: 1;
    padding-right: 3px;
    color: #000 !important;
  }
  .LiveSkuChart .logo-banner {
    background-color: #7ebc42;
    height: 65px;
    text-align: center;
    margin-top: 45px;
    margin-bottom: 45px;
    color: #ffffff;
    font-size: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; /* align-content: center; */
    flex-wrap: nowrap;
  }
  .LiveSkuChart .logo-banner img {
    margin: -30px auto 0 auto;
    max-height: 110px;
  }
  .LiveSkuChart .logo-banner.perdue-nae {
    background-color: #6fa0b3;
  }
  .LiveSkuChart .logo-banner.perdue-nae-chicken---turkey {
    background-color: #6fa0b3;
  }
  .LiveSkuChart .logo-banner.perdue-nae-turkey {
    background-color: #6fa0b3;
  }
  .LiveSkuChart .logo-banner.coleman {
    background-color: #e12726;
  }
}
@media only screen and (max-width: 40em) {
  .LiveSkuChart .logo-banner {
    height: auto;
    display: grid;
    padding-bottom: 30px;
    line-height: 50px;
  }
  .LiveSkuChart .logo-banner img {
    margin: -30px auto 20px auto;
    max-height: 110px;
  }
}
@media print, screen {
  .LiveSkuChart .table .cell {
    display: inline-table;
    border: 1px solid #a0a0a2;
    padding: 3px 9px;
  }
  .LiveSkuChart .table .cell div {
    display: table-cell;
    vertical-align: middle;
  }
  .LiveSkuChart .table .header {
    background-color: #143f6b;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
  }
  .LiveSkuChart .table .header div {
    color: #ffffff;
    font-weight: 700;
  }
}
@media only screen and (max-width: 40em) {
  .LiveSkuChart .table .header div { /*font-size: 14px; line-height: 22px;*/
    font-size: 3.2vw;
    line-height: 1em;
  }
}
@media print, screen {
  .LiveSkuChart .table .category {
    background-color: #6fa0b3;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
  }
  .LiveSkuChart .table .category div {
    color: #ffffff;
    font-weight: 700;
  }
  .LiveSkuChart .table .category .cell {
    border: 1px solid #6fa0b3;
  }
  .LiveSkuChart .table .subcategory {
    background-color: #7ebc42;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
  }
  .LiveSkuChart .table .subcategory.cvp {
    background-color: #ffcc33;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    text-indent: 24px;
  }
  .LiveSkuChart .table .subcategory div {
    color: #ffffff;
    font-weight: 700;
  }
  .LiveSkuChart .table .content {
    font-size: 17px;
    line-height: 17px;
    color: #543825;
  }
  .LiveSkuChart .perdue-nae .table .subcategory {
    background-color: #6fa0b3;
  }
  .LiveSkuChart .perdue-nae-turkey .table .subcategory {
    background-color: #6fa0b3;
  }
  .LiveSkuChart .perdue-nae-chicken---turkey .table .subcategory {
    background-color: #6fa0b3;
  }
  .LiveSkuChart .coleman .table .header {
    background-color: #231f20;
  }
  .LiveSkuChart .coleman .table .subcategory {
    background-color: #00853f;
  }
  .LiveSkuChart .coleman .table .subcategory.cvp {
    background-color: #d59f0f;
  }
}
@media only screen and (min-width: 64.063em) {
  .LiveSkuChart { /* All Large screens | min-width 1025px */ }
  .LiveSkuChart .table .header .cell:nth-child(1) {
    border-right-color: #ffffff;
  }
  .LiveSkuChart .table .header .cell:nth-child(2) {
    border-right-color: #ffffff;
    border-left-color: #ffffff;
  }
  .LiveSkuChart .table .header .cell:nth-child(3) {
    border-right-color: #ffffff;
    border-left-color: #ffffff;
  }
  .LiveSkuChart .table .header .cell:nth-child(4) {
    border-right-color: #ffffff;
    border-left-color: #ffffff;
  }
  .LiveSkuChart .table .header .cell:nth-child(5) {
    border-left-color: #ffffff;
  }
}
@media only screen and (max-width: 63.9375em) {
  .LiveSkuChart { /* All screens | max-width 1023px */ }
  .LiveSkuChart .table .content.grid-x {
    border: 3px solid #a0a0a2;
    border-top-style: none;
  }
  .LiveSkuChart .table .content.grid-x .cell {
    border: 1px solid #e5e5e5;
    border-top-style: none;
    border-left-style: none;
  }
}
@media only screen and (max-width: 40em) {
  .LiveSkuChart { /* All Small screens | max-width 640px, mobile-only styles */ }
  .LiveSkuChart .table .header {
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
  }
  .LiveSkuChart .table .content div {
    font-size: 4vw;
    line-height: 1.25em;
  }
}
@media only screen and (max-width: 23.375em) {
  .LiveSkuChart { /* Small screens [Chrome small] | max-width 374px */ }
  .LiveSkuChart .table .header {
    font-size: 9px;
    line-height: 11px;
    font-weight: 400;
  }
  .LiveSkuChart .table .content div {
    font-size: 4vw;
    line-height: 1.25em;
  }
}
@media only screen and (max-width: 48em) {
  .LiveSkuChart { /* <= 768px */ }
  .LiveSkuChart .liveSkuChart h2 {
    font-size: 5.5vw !important;
  }
}
@media only screen and (min-width: 48.0625em) and (max-width: 80em) {
  .LiveSkuChart { /* 769px ==> 1280px */ }
  .LiveSkuChart .liveSkuChart h2 {
    font-size: 2.5vw !important;
  }
}
@media print, screen {
  .LiveSkuChart .avg-font {
    font-weight: 900;
    font-size: 16px;
  }
}
@media print {
  /*body { -webkit-print-color-adjust: exact !important; color-adjust: exact !important; }*/
  .LiveSkuChart .hide-for-small-only {
    display: inline !important;
  }
  .LiveSkuChart a, .LiveSkuChart a:link, .LiveSkuChart a:visited, .LiveSkuChart a:hover, .LiveSkuChart a:focus {
    color: #70A0B4;
    text-decoration: none;
    font-weight: 400;
  }
  .LiveSkuChart .table .category {
    font-size: 24px;
    line-height: 40px;
    color: #000000;
    background-color: #ffffff;
  }
  .LiveSkuChart .table .category .cell {
    border-width: 0;
  }
  .LiveSkuChart .table .grid-x .cell {
    border-width: 0 1px 0 0;
    border-color: #cfcfcf;
  }
  .LiveSkuChart .table .grid-x .cell:last-of-type {
    border-width: 0;
  }
  .LiveSkuChart .table .content {
    color: #000;
  }
  .LiveSkuChart .table .content.grid-x {
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0 1px 1px 1px;
    border-color: #cfcfcf;
    border-style: solid;
  }
  .LiveSkuChart .table .content.grid-x .cell:nth-of-type(3) div {
    padding-left: 12px;
    padding-right: 12px;
  }
  .LiveSkuChart .table .content.grid-x .cell div {
    padding-top: 6px;
    padding-bottom: 6px;
    height: 100%;
  }
  .LiveSkuChart .table .header {
    font-size: 12px;
    border-width: 1px 1px 1px 1px;
    border-color: #cfcfcf;
    border-style: solid;
    color: #000000;
    background-color: #f1f1f1;
  }
  .LiveSkuChart .table .subcategory {
    border-width: 1px 1px 1px 1px;
    border-color: #cfcfcf;
    border-style: solid;
    font-size: 17px;
    line-height: 26px;
    color: #000000;
    background-color: #cfcfcf;
  }
  .LiveSkuChart .table .subcategory.cvp {
    color: #000000;
    background-color: #adadad;
  }
  .LiveSkuChart .table .category.grid-x, .LiveSkuChart .table .subcategory.grid-x {
    padding-left: 6px;
    padding-right: 6px;
  }
  .LiveSkuChart .print-pad-top {
    padding-top: 10px;
  }
}
/* HEADER
----------------------------------------------------------*/
#perdue-tools input {
  margin: 0;
}
#perdue-tools h4 {
  margin-bottom: 9px;
}
#perdue-tools div {
  font-size: 14px;
  line-height: 20px;
}
#perdue-tools p {
  font-size: 14px;
  line-height: 20px;
}
#perdue-tools a {
  font-size: 14px;
  line-height: 20px;
}
#perdue-tools li {
  font-size: 14px;
  line-height: 20px;
}
#perdue-tools .image-toggle-rbl label {
  background-color: #fff;
  color: rgba(0, 75, 126, 0.5);
  display: inline-block;
  padding: 4px 11px;
  font-family: Arial;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid #004b7e;
  border-radius: 3px;
  margin: 0;
}
#perdue-tools .image-toggle-rbl label:nth-of-type(1) {
  border-radius: 3px 0 0 3px;
}
#perdue-tools .image-toggle-rbl label:nth-of-type(2) {
  margin-left: -6px;
  border-radius: 0 3px 3px 0;
}
#perdue-tools .image-toggle-rbl label:hover {
  color: #004b7e;
}
#perdue-tools .image-toggle-rbl input[type=radio] {
  display: none;
}
#perdue-tools .image-toggle-rbl input[type=radio]:checked + label {
  background-color: #004b7e;
  color: #fff;
}
#perdue-tools .button {
  margin: 0;
}
#perdue-tools .button.tertiary {
  background-color: #fff;
  color: rgb(0, 75, 126);
  border: 1px solid #004b7e;
  border-radius: 3px;
}
#perdue-tools .button.tertiary:hover {
  background-color: rgba(0, 75, 126, 0.15);
}
#perdue-tools .button.tertiary.active {
  background-color: #004b7e;
  color: #fff;
}
#perdue-tools .button.small {
  padding: 6px 12px;
}
#perdue-tools img {
  width: 100%;
}
#perdue-tools img.x100 {
  max-width: 100px;
  height: auto;
}
#perdue-tools img.x200 {
  max-width: 200px;
  height: auto;
}
#perdue-tools img.x300 {
  max-width: 300px;
  height: auto;
}
#perdue-tools table {
  width: 100%;
}
#perdue-tools table tr td, #perdue-tools table tr th {
  border: 1px solid #ddd;
  vertical-align: top;
}

/* FAQs
----------------------------------------------------------*/
.faqs #intro {
  text-align: center;
}
.faqs #intro h1 {
  text-transform: none;
}
.faqs #intro .copy {
  max-width: 410px;
  margin: 0 auto;
  padding: 15px 0 30px;
}
.faqs .border {
  text-align: center;
}
.faqs .info {
  border-top: 1px solid #333;
  padding: 40px 0 20px;
  margin: 20px;
}
@media only screen and (max-width: 40em) {
  .faqs .info {
    margin-left: 0;
    margin-right: 0;
  }
}
.faqs .faq-question {
  font-family: "Univers Bold Condensed", sans-serif;
  font-size: 28px;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 15px;
  cursor: pointer;
}
.faqs .faq-answer {
  text-align: center;
  display: none;
}
.faqs .faq-answer p {
  padding-bottom: 20px;
}
.faqs .expand {
  cursor: pointer;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  color: #fff;
  padding: 0px 6px 0 7px;
  font-family: "Univers Bold Condensed", sans-serif;
  font-size: 27px;
  line-height: 30px;
  margin: 0 auto;
}
.faqs #tabs-1 {
  color: #00843d;
}
.faqs #tabs-1 .expand {
  background-color: #00843d;
}
.faqs #tabs-2 {
  color: #ffbe00;
}
.faqs #tabs-2 .expand {
  background-color: #ffbe00;
}
.faqs #tabs-3 {
  color: #e92c2c;
}
.faqs #tabs-3 .expand {
  background-color: #e92c2c;
}
.faqs #organic a {
  color: #00843d;
}
.faqs #organic a:hover {
  color: #00843d;
}
.faqs #organic.ui-tabs-active {
  background-color: #1a5937;
}
.faqs #organic.ui-tabs-active .arrow-up {
  border-top: 20px solid #1a5937;
}
.faqs #organic.ui-tabs-active a {
  color: #fff;
}
.faqs #organic.ui-tabs-active a:hover {
  color: #fff;
}
.faqs #farmRaised a {
  color: #ffbe00;
}
.faqs #farmRaised a:hover {
  color: #ffbe00;
}
.faqs #farmRaised.ui-tabs-active {
  background-color: #ffbe00;
}
.faqs #farmRaised.ui-tabs-active .arrow-up {
  border-top: 20px solid #ffbe00;
}
.faqs #farmRaised.ui-tabs-active a {
  color: #fff;
}
.faqs #farmRaised.ui-tabs-active a:hover {
  color: #fff;
}
.faqs #products a {
  color: #e92c2c;
}
.faqs #products a:hover {
  color: #e92c2c;
}
.faqs #products.ui-tabs-active {
  background-color: #e92c2c;
}
.faqs #products.ui-tabs-active .arrow-up {
  border-top: 20px solid #e92c2c;
}
.faqs #products.ui-tabs-active a {
  color: #fff;
}
.faqs #products.ui-tabs-active a:hover {
  color: #fff;
}
.faqs .arrow-up {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
  position: relative;
  top: 50px;
  left: 50%;
  margin-left: -20px;
}
.faqs .ui-tabs {
  position: relative;
  padding: 0.2em;
}
.faqs .ui-tabs .ui-tabs-nav {
  margin: 0 auto;
  padding: 0 0 35px 0;
  max-width: 1020px;
}
.faqs .ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
  padding-top: 7px;
  width: 33.3%;
  font-family: "Univers Bold Condensed";
  text-transform: uppercase;
  font-size: 36px;
  line-height: 42px;
}
.faqs .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  color: #FFF;
}
@media only screen and (max-width: 40em) {
  .faqs .ui-tabs .ui-tabs-nav li {
    font-size: 15px;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .faqs .ui-tabs .ui-tabs-nav li {
    font-size: 26px;
  }
}
.faqs .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 5px;
  text-decoration: none;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}
.faqs .ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1em;
  background: none;
}
@media only screen and (max-width: 40em) {
  .faqs .ui-tabs .ui-tabs-panel {
    padding-left: 0;
    padding-right: 0;
  }
}
.faqs .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.faqs .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.faqs .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.faqs .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

/* ATTRIBUTE TABLES
----------------------------------------------------------*/
.attribute-tbl img {
  float: left;
  width: 80px;
  height: auto;
  margin-right: 36px; /*margin-right: 70px;*/
}
.attribute-tbl .align-middle > .cell {
  display: inline-flex;
  align-items: center;
}
.attribute-tbl .align-middle > .cell div {
  width: 100%;
}
@media only screen and (max-width: 40em) {
  .attribute-tbl img {
    margin-right: 12px;
  }
  .attribute-tbl h5 {
    text-align: center;
    width: 100%;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .attribute-tbl img {
    margin-right: 25px;
  }
}

/*===================================================================================*/
/*  Optional Row Classes   */
/*===================================================================================*/
.blue-gradient-bg {
  background-image: url(/media/2648/group-7881.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.blue-gradient-bg p {
  color: #fff;
}
.blue-gradient-bg h2 {
  color: #fff;
}
.blue-gradient-bg h3 {
  color: #fff;
}
.blue-gradient-bg h4 {
  color: #fff;
}
.blue-gradient-bg h5 {
  color: #fff;
}
.blue-gradient-bg h6 {
  color: #fff;
}
@media only screen and (max-width: 40em) {
  .blue-gradient-bg h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

.bi-colors-01 div {
  font-size: 24px;
  font-weight: 400;
  color: #000;
}
.bi-colors-01 div strong {
  color: #004B7E;
}

.blue-solid-bg {
  background-color: #004b7e;
  padding: 6px 24px;
}
.blue-solid-bg h4 {
  color: #FFF;
  font-size: 24px;
  font-weight: 400;
}
.blue-solid-bg h5 {
  color: #FFF;
  font-size: 22px;
  font-weight: 400;
}
.blue-solid-bg a, .blue-solid-bg a:hover, .blue-solid-bg a:visited {
  color: #FFF;
  text-decoration: underline;
}

/*===================================================================================*/
/*  Sales & Percentages Panel   */
/*===================================================================================*/
.sales-and-percentages h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 22px !important;
  font-weight: 400;
  line-height: 30px !important;
  color: #6D757D !important;
  display: block;
  text-align: initial;
}
.sales-and-percentages img {
  max-width: 215px;
  height: auto;
}
@media screen and (max-width: 39.9375em) {
  .sales-and-percentages h5 {
    font-size: 22px !important;
    font-weight: 400;
    line-height: 30px !important;
    color: #6D757D !important;
    display: block;
    text-align: initial;
  }
  .sales-and-percentages img {
    margin-top: 48px;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .sales-and-percentages img {
    margin-top: 48px;
  }
}

/*===================================================================================*/
/*  Difference Tiers   */
/*===================================================================================*/
.differenceTiers > div > div > div:nth-child(2) > div > div { /*margin: 25px 0 6px;*/
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.differenceTiers > div > div > div:nth-child(2) > div > div > img {
  height: 65px;
  width: auto;
}
.differenceTiers > div > div > div:nth-child(2) > div > div > img:nth-child(1) {
  height: 92px;
  width: auto; /*margin: 0 0 0 3%;*/
  margin: 0;
}
.differenceTiers > div > div > div:nth-child(2) > div > div > a > img {
  height: 65px;
  width: auto;
}
.differenceTiers > div > div > div:nth-child(2) > div > div .mbl img {
  max-height: 92px;
}
.differenceTiers > div > div > div:nth-child(1) {
  min-height: 78px; /*margin: 6px 0 0;*/
  margin: 0;
}
.differenceTiers > div > div > div:nth-child(1) > h3 {
  font-weight: 700;
  color: #004b7e;
  font-size: 1.4em;
  line-height: 1.18em;
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .differenceTiers > div > div > div:nth-child(1) > h3 {
    font-size: 1.45vw;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .differenceTiers > div > div > div:nth-child(1) > h3 {
    font-size: 2.2vw;
  }
}
.differenceTiers > div > div:nth-child(n+3) > div > div:nth-child(2) {
  max-width: 226px;
  margin: auto;
}
.differenceTiers > div > div:nth-child(1) > div:nth-child(2) > div > div > img {
  margin: auto;
}
@media only screen and (max-width: 40em) {
  .differenceTiers > div > div:nth-child(1) > div:nth-child(2) > div > div > img {
    margin: 0;
  }
}
.differenceTiers > div > div:nth-child(4) > div > div:nth-child(2) > div > img:nth-child(1) { /*margin: 0 0 0 6%;*/
  margin: 0;
}
.differenceTiers > div > div:nth-child(4) > div:nth-child(2) > div > div > a > img { /*padding: 4% 12% 0 0;*/
  padding: 0;
  height: 80px;
}
.differenceTiers > div > div:nth-child(2) > div:nth-child(2) > div > div > a > img {
  height: 65px !important;
}
.differenceTiers > div > div:nth-child(n+2) > div:nth-child(2) {
  margin-left: -10px;
}
.differenceTiers > div > div:nth-child(n+2) > div:nth-child(2) > div {
  border-left-width: 1px;
  border-left-style: solid;
  border-color: #646464;
  min-height: 300px;
  padding: 0;
}
@media only screen and (max-width: 64em) {
  .differenceTiers > div > div:nth-child(n+2) > div:nth-child(2) > div {
    border-left-width: 0;
    border-left-style: none;
  }
}
.differenceTiers .equalize {
  height: 100px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: flex-start;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .differenceTiers .equalize {
    height: 0px;
  }
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .differenceTiers .equalize {
    height: 0px;
  }
}
@media only screen and (max-width: 40em) {
  .differenceTiers .equalize {
    height: unset;
    justify-content: flex-end;
  }
}

/*===================================================================================*/
/*   Separator  */
/*===================================================================================*/
h5.separator {
  display: flex !important;
  flex-direction: row;
  justify-content: center;
}
h5.separator:after {
  margin-left: 1.25em !important;
  top: 0.575em;
  flex-grow: 1;
  height: 1px;
  content: " ";
  background-color: #707070;
  position: relative;
  top: 0.5rem;
  margin-left: 10px;
}
h5.separator:before {
  margin-right: 1.25em !important;
  top: 0.575em;
  flex-grow: 1;
  height: 1px;
  content: " ";
  background-color: #707070;
  position: relative;
  top: 0.5rem;
  margin-right: 10px;
}

.separator:after {
  display: inline-block;
}
.separator:before {
  display: inline-block;
}

.separator-h2 {
  overflow: hidden;
  text-align: center;
}
.separator-h2:before {
  background-color: #707070;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
  right: 0.65em;
  margin-left: -50%;
  top: -0.1em;
}
.separator-h2:after {
  background-color: #707070;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
  left: 0.65em;
  margin-right: -50%;
  top: -0.1em;
}

.separator-h2-xl {
  overflow: hidden;
  text-align: center;
}
.separator-h2-xl:before {
  background-color: #707070;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
  right: 0.65em;
  margin-left: -50%;
  top: -0.1em;
}
.separator-h2-xl:after {
  background-color: #707070;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
  left: 0.65em;
  margin-right: -50%;
  top: -0.1em;
}

h3.separator:before {
  flex-grow: 1;
  height: 1px;
  content: " ";
  background-color: #707070;
  position: relative;
  top: 1rem;
  margin-right: 10px;
}
h3.separator:after {
  flex-grow: 1;
  height: 1px;
  content: " ";
  background-color: #707070;
  position: relative;
  top: 1rem;
  margin-left: 10px;
}

/*===================================================================================*/
/*  Antibiotics Used Table   */
/*===================================================================================*/
.tbl-antibiotics-used {
  /*Small screens | max-width 640px */
  /*Medium screens | 641px-1024px */
}
.tbl-antibiotics-used tbody tr:nth-child(even) {
  background-color: unset;
}
.tbl-antibiotics-used .left-category {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  vertical-align: middle;
  text-align: center;
  color: #004b7e;
  font-size: 24px;
  line-height: 60px;
  font-weight: 700;
}
.tbl-antibiotics-used .top-category {
  vertical-align: middle;
  text-align: left;
  padding-left: 24px;
  color: #004b7e;
  font-size: 24px;
  line-height: 52px;
  font-weight: 700;
}
.tbl-antibiotics-used .bullet-point {
  width: 46%;
  background-color: #004b7e;
  color: #fff;
  padding: 12px 0 12px 24px;
  font-size: 20px;
}
.tbl-antibiotics-used .claim {
  background-color: #558039;
  color: #fff;
  font-size: 24px;
}
.tbl-antibiotics-used .answer {
  width: 18%;
  font-size: 20px;
  color: #000;
}
.tbl-antibiotics-used .answer.larger {
  font-size: 28px;
  font-weight: 700;
}
.tbl-antibiotics-used .icon {
  width: 42px;
  height: auto;
  margin: 3px 3px;
}
.tbl-antibiotics-used .can-antibiotics-be-used {
  background-color: #558039;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 50px;
}
.tbl-antibiotics-used .individual-claim {
  color: #07497c;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  padding: 6px 0;
  border: 1px solid #aeb0b2;
}
.tbl-antibiotics-used td {
  display: table-cell !important;
}
@media only screen and (max-width: 40em) {
  .tbl-antibiotics-used .left-category {
    font-size: 20px;
    line-height: 26px;
  }
  .tbl-antibiotics-used .top-category {
    font-size: 20px;
    line-height: 26px;
  }
  .tbl-antibiotics-used .bullet-point {
    width: 46%;
    padding: 8px 0 8px 8px;
    font-size: 12px;
    line-height: 16px;
  }
  .tbl-antibiotics-used .claim {
    font-size: 14px;
    line-height: 16px;
  }
  .tbl-antibiotics-used .answer {
    width: 18%;
    font-size: 14px;
  }
  .tbl-antibiotics-used .answer.larger {
    font-size: 14px;
    font-weight: 700;
  }
  .tbl-antibiotics-used .icon {
    display: none;
  }
  .tbl-antibiotics-used .can-antibiotics-be-used {
    font-size: 13px;
    line-height: 20px;
  }
  .tbl-antibiotics-used .individual-claim {
    font-size: 8px;
    line-height: 10px;
    padding: 6px 2px;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .tbl-antibiotics-used .left-category {
    font-size: 20px;
    line-height: 26px;
  }
  .tbl-antibiotics-used .top-category {
    font-size: 20px;
    line-height: 26px;
  }
  .tbl-antibiotics-used .bullet-point {
    width: 46%;
    padding: 8px 0 8px 8px;
    font-size: 12px;
    line-height: 16px;
  }
  .tbl-antibiotics-used .claim {
    font-size: 14px;
    line-height: 16px;
  }
  .tbl-antibiotics-used .answer {
    width: 18%;
    font-size: 14px;
  }
  .tbl-antibiotics-used .answer.larger {
    font-size: 14px;
    font-weight: 700;
  }
  .tbl-antibiotics-used .icon {
    display: none;
  }
  .tbl-antibiotics-used .can-antibiotics-be-used {
    font-size: 13px;
    line-height: 34px;
  }
  .tbl-antibiotics-used .individual-claim {
    font-size: 10px;
    line-height: 14px;
    padding: 6px 2px;
  }
}

/*===================================================================================*/
/*   Broker Locator  */
/*===================================================================================*/
.broker-locator .brokerLocator-nav {
  margin: 0;
}
.broker-locator .brokerLocator-nav h1 {
  font-weight: 700;
  font-size: 3em;
  margin: 0;
}
.broker-locator .brokerLocator-nav > div:nth-child(2) > a {
  margin: 2px 0;
}
.broker-locator .brokerLocator {
  margin: 1.5% 0;
}
.broker-locator .brokerLocator > div:nth-child(2) > div {
  margin: 1% 0 0.85%;
  font-size: 0.9em;
}
.broker-locator .brokerLocator > div:nth-child(2) a {
  color: #004b7e;
}
.broker-locator .brokerLocator > div:first-child {
  border-bottom: 1px solid #707070;
  margin: 0 0 1%;
}
.broker-locator .brokerLocator > div:first-child > div:nth-child(1) {
  text-align: left;
  padding: 0;
  display: flex;
}
.broker-locator .brokerLocator > div:first-child > div:nth-child(2) {
  text-align: right;
  padding: 0 1.5% 0 0;
  display: flex;
}
.broker-locator .brokerLocator > div:first-child > div:nth-child(2) a {
  font-size: 0.8em;
  font-weight: 600;
  line-height: 1.8em;
  align-self: flex-end;
  margin-left: auto;
}
.broker-locator .brokerLocator > div:first-child > div:nth-child(2) a:before { /*content: "\f0d8";*/
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  font-size: 90%;
  margin: 0 4px 0 0;
}
@media only screen and (max-width: 40em) {
  .broker-locator .brokerLocator > div:first-child > div:nth-child(2) a {
    font-size: 0.65em;
  }
}
.broker-locator .brokerLocator h2 {
  font-size: 1.5em !important;
  line-height: 1.4em !important;
  font-weight: 600;
  margin: 0;
  align-self: flex-end;
}
.broker-locator .brokerLocator h2:before {
  display: inline-block;
  width: 26px;
  height: 26px;
  content: "";
  background: url(/media/1684/mappinicon.jpg) no-repeat 0 0;
  background-size: 100%;
  margin: 0 0 -3px !important;
}
.broker-locator .brokerLocator .broker-content {
  line-height: 24px;
}
.broker-locator .brokerLocator .broker-head {
  font-weight: 700;
}
.broker-locator .breadcrumb-pnl {
  background-color: #004b7e;
}
.broker-locator .breadcrumb-pnl .grid-container {
  max-width: unset;
}
.broker-locator .breadcrumb-pnl .grid-container ul {
  margin-bottom: -8px !important;
}

/*===================================================================================*/
/*   Call 2 Action panel  */
/*===================================================================================*/
.call2Action .leadInText {
  margin: 8px 0 24px 0;
}
.call2Action .leadInText p {
  color: #707070 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 400;
  font-family: "Open Sans";
  text-align: left;
  margin: 0;
}
.call2Action .bgImg {
  background-size: cover;
  border-right: 8px solid #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}
.call2Action .bgImg a.full-size {
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  background-color: transparent;
}
.call2Action .call2ActionMsg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  padding: 0 32px;
}
.call2Action .call2ActionMsg h3 {
  color: #eda14f;
  font-size: 21px !important;
  font-family: Montserrat;
  font-weight: 700;
  text-align: left;
}
.call2Action .call2ActionMsg p {
  color: white;
}
.call2Action .call2ActionMsg a.button {
  background-color: #004b7e;
  color: white;
  border: 2px solid #ffffff;
  padding: 6px 18px;
  font-size: 16px;
  font-weight: 700;
  margin-top: 12px;
  display: inline-block;
  transition: background-color 0.35s ease;
}
.call2Action .call2ActionMsg a.button:hover {
  background-color: #004b7e;
}

@media (min-width: 768px) {
  .call2Action .leadInText p {
    font-size: 24px !important;
    line-height: 34px !important;
  }
}
/*===================================================================================*/
/*  Module Support   */
/*===================================================================================*/
.moduleSupport > div > div {
  text-align: center;
  margin: 0 auto;
}
.moduleSupport > div > div > p:first-child {
  margin: 0 !important;
}
.moduleSupport > div > div > div:nth-child(2) {
  position: absolute;
  top: 14px;
  z-index: 10;
  left: 360px;
}
.moduleSupport > div > div > div:nth-child(2) img {
  height: 60px !important;
}
.moduleSupport > div > div > div:nth-child(3) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.moduleSupport > div > div:nth-child(n+3) {
  margin-top: 3.5%;
}
.moduleSupport h3 {
  margin: 0 0 0.5rem !important;
  font-weight: 700;
  display: initial;
}
.moduleSupport h3 sup {
  top: -0.26rem;
}
.moduleSupport img:nth-child(1) {
  margin-bottom: 0.5rem; /*width: 100%;*/
  height: auto !important;
}

/* ----------------------------------------------------------------
  Five Freedoms Panel
-----------------------------------------------------------------*/
.five-freedoms {
  display: none;
}
.five-freedoms .chicken-care .free {
  font-size: 48px;
  line-height: 50px;
  color: #fff;
  text-transform: uppercase;
  margin-top: 50px;
  text-align: center;
}
.five-freedoms .chicken-care .animals {
  font-size: 30px;
  line-height: 32px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}
.five-freedoms .chicken-care .freedom-content {
  margin: 0 auto;
  padding: 0;
  max-width: 600px;
  list-style: none;
}
.five-freedoms .chicken-care .jp-hidden {
  display: none !important;
}
.five-freedoms .chicken-care h3 {
  font-size: 30px;
  line-height: 36px;
  margin: 15px 0;
}
.five-freedoms .chicken-care p {
  color: #fff;
}
.five-freedoms .chicken-care .holder {
  padding: 25px 0 20px;
  margin: 0 auto;
  text-align: center;
}
.five-freedoms .chicken-care .holder a {
  background-image: url(/images/icons/green-star.png);
  display: inline-block;
  height: 50px;
  width: 53px;
  line-height: 55px;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  margin: 0 12px;
  background-position: center center;
  background-repeat: no-repeat;
}
.five-freedoms .chicken-care .holder a.jp-current, .five-freedoms .chicken-care .holder a.jp-current:hover {
  background-image: url(/images/icons/white-star.png);
  color: #1a5937;
}
.five-freedoms.active {
  display: block;
}
.five-freedoms .jp-current:hover {
  cursor: default;
}

/* ----------------------------------------------------------------
  Contact Pg
-----------------------------------------------------------------*/
.contact #intro {
  text-align: center;
}
.contact .border {
  text-align: center;
  margin: 70px 50px;
}
.contact h1 {
  color: #d5731b;
}
.contact h2 {
  font-family: "Univers Bold Condensed", sans-serif;
  font-size: 30px;
  line-height: 32px;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 20px;
}
.contact .info {
  background-color: #d5731b;
  padding: 50px 0;
}
.contact .info .row {
  overflow: auto;
}
.contact .info p, .contact .info a {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
}
.contact .contact-form h2 {
  color: #d5731b;
  text-align: center;
}
.contact .contact-form textarea {
  height: 100px;
}
.contact .contact-form label {
  font-family: "Univers Bold Condensed", sans-serif;
  font-size: 18px;
  line-height: 24px;
  color: #d5731b;
}
.contact .contact-form .row-padding {
  margin: 10px;
}
.contact .contact-form #State {
  width: 58%;
  display: inline;
  vertical-align: top;
}
.contact .contact-form #ZipCode {
  width: 41%;
  display: inline;
}
.contact .contact-form #Comment {
  margin-top: 10px;
}
.contact .contact-form .radio {
  border: 1px solid #bfbfbf;
  padding: 13px 8px 8px;
}
.contact .contact-form .radio p {
  font-family: "Univers Bold Condensed", sans-serif;
  font-size: 24px;
  line-height: 26px;
  color: #d5731b;
  padding-right: 10px;
  white-space: nowrap;
}
.contact .contact-form .radio label {
  text-align: left;
  cursor: pointer;
  display: inline;
  white-space: nowrap;
}
.contact .contact-form .radio label span {
  font-family: "Univers Bold", sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  cursor: pointer;
  display: inline;
  color: #000;
  padding-right: 10px;
}
.contact .contact-form .radio input[type=radio] {
  display: inline;
  width: 15px;
  height: auto;
}
.contact .contact-form .radio input[type=radio]:checked + * {
  color: #d5731b;
}
.contact .contact-form .req {
  font-size: 14px;
  color: #d5731b;
}
.contact .contact-form input, .contact .contact-form select, .contact .contact-form textarea {
  width: 100%;
  color: #d5731b;
  font-family: "Univers Bold Condensed", sans-serif;
  font-size: 18px;
  line-height: 24px;
  padding: 13px 8px 8px;
  border: 1px solid #bfbfbf;
  background-color: transparent;
  height: 40px;
}
.contact .contact-form #foodservice_info, .contact .contact-form #complaint_info {
  display: none;
}
.contact .input-validation-error {
  background: #f8dbdf !important;
  border: 1px solid #e13433 !important;
}
.contact .hidden-success {
  text-align: center;
  display: none;
}

/* ----------------------------------------------------------------
  Overlay Menu
-----------------------------------------------------------------*/
.food .overlay-content {
  position: relative;
}
.food .overlay-content .overlay-item {
  position: relative;
  overflow: hidden;
}
.food .overlay-content .overlay-item.hover .overlay {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  height: 100%;
}
.food .overlay-content .overlay-item.hover .overlay .icons {
  top: 40%;
}
.food .overlay-content .overlay-item.hover .overlay .icons .label {
  display: none;
}
.food .overlay-content .overlay-item.hover .overlay a.close-overlay {
  display: block;
}
.food .overlay-content .overlay-item:hover .overlay {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  height: 100%;
}
.food .overlay-content .overlay-item:hover .icons a {
  color: #c59d5f;
}
.food .overlay-content .overlay-item .icons a {
  color: #ffffff;
}
.food .overlay-content a.close-overlay {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
.food .overlay-content a.close-overlay.hidden {
  display: none;
}
.food .overlay-content .overlay {
  position: absolute;
  z-index: 2;
  background: rgba(0, 0, 0, 0.7);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 0;
}
.food .overlay-content .overlay .icons {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}
.food .overlay-content .overlay .icons h1, .food .overlay-content .overlay .icons h2, .food .overlay-content .overlay .icons h3, .food .overlay-content .overlay .icons h4, .food .overlay-content .overlay .icons h5, .food .overlay-content .overlay .icons h6 {
  margin: 0 5px 15px;
}
.food .overlay-content .icons a {
  font-size: 16px;
  line-height: 22px;
  margin-right: 15px;
  vertical-align: baseline;
  color: #ffffff;
}
.food .overlay-content .icons a:last-child {
  margin-right: 0;
}
.food .overlay-content .desc {
  position: absolute;
  bottom: 0;
  text-align: center;
  z-index: 3;
  background: #262626;
  width: 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.food .overlay-content .button {
  margin-top: 20px;
}
.food .overlay-content .button a {
  font-size: 16px;
}
.food .overlay-content .button a:hover i {
  color: #fff;
}
.food .overlay-content .button i {
  color: #c59d5f;
}
.food .overlay-menu .overlay:hover .icons {
  top: 50% !important;
}
.food .menu-grid #menu-items {
  margin: 0;
  padding: 0;
}
.food .menu-grid .menu-type img {
  max-width: 100%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
}
.food .menu-grid .overlay-content .overlay {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  height: 18%;
  overflow: visible;
}
.food .menu-grid .menu-item {
  margin: 0 0 30px 0;
}

/*===================================================================================*/
/*  SITE SPECIFIC COLOR REGIONS  */
/*===================================================================================*/
.Cheney .cheney-red-gradient-bg {
  background-image: url(/media/2691/red-gradient-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.Cheney .cheney-red-gradient-bg p {
  color: #fff;
}
.Cheney .cheney-red-gradient-bg h2 {
  color: #fff;
}
.Cheney .cheney-red-gradient-bg h3 {
  color: #fff;
}
.Cheney .cheney-red-gradient-bg h4 {
  color: #fff;
}
.Cheney .cheney-red-gradient-bg h5 {
  color: #fff;
}
.Cheney .cheney-red-gradient-bg h6 {
  color: #fff;
}
@media only screen and (max-width: 40em) {
  .Cheney .cheney-red-gradient-bg h3 {
    font-size: 24px;
    line-height: 32px;
  }
}
.Cheney .cheney-red-solid-bg {
  background-color: #cc0001;
  padding: 6px 24px;
}
.Cheney .cheney-red-solid-bg h4 {
  color: #FFF;
  font-size: 24px;
  font-weight: 400;
}
.Cheney .cheney-red-solid-bg h5 {
  color: #FFF;
  font-size: 22px;
  font-weight: 400;
}
.Cheney .cheney-red-solid-bg a, .Cheney .cheney-red-solid-bg a:hover, .Cheney .cheney-red-solid-bg a:visited {
  color: #FFF;
  text-decoration: none;
}

/*  Video Section   */
/*----------------------------------------------------------*/
.video-section p {
  font-size: 26px !important;
  line-height: 34px !important; /*padding: 24px 14px 12px 24px;*/
  color: #ffffff;
  padding: 32px 0 12px 18px;
}
@media screen and (min-width: 768px) and (max-width: 1524px) {
  .video-section p {
    font-size: 1.5vw !important;
    line-height: 2.5vw !important;
    padding: 12px;
  }
  .video-section .video-pnl {
    margin-top: 0px;
  }
}

/*  Video Panel   */
/*----------------------------------------------------------*/
.video-pnl {
  position: relative;
  background-position: center;
}
.video-pnl .bgImg {
  min-height: 400px;
}
.video-pnl .full-size {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.video-pnl .full-size a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 40em) {
  .video-pnl .full-size {
    display: none;
  }
}

/* COOKIES
----------------------------------------------------------*/
.cookie-Policy {
  display: none;
  font-weight: 700;
  border-radius: 6px 6px 0 0;
  color: #527382;
  background-color: #E9F1F5;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 999;
  box-shadow: 0px 0px 12px rgba(170, 170, 170, 0.5);
  -webkit-box-shadow: 0px 0px 12px rgba(170, 170, 170, 0.5);
  text-align: left;
}
.cookie-Policy #cookie-close {
  float: right;
  margin: 15px 15px 5px 5px;
  font-size: 18px;
  color: #527382;
}
.cookie-Policy .tbl {
  display: table;
  padding: 10px 15px 10px 15px;
}
.cookie-Policy .tbl .tbl-row {
  display: table-row;
}
.cookie-Policy .tbl .tbl-row .tbl-cell {
  display: table-cell;
  font-size: 16px;
  font-weight: 700;
  color: #527382;
}
.cookie-Policy .tbl .tbl-row .tbl-cell button {
  margin: 0px 24px;
  font-size: 18px;
  padding: 6px 18px !important;
}

/*===================================================================================*/
/* MISC CLASSES
/*===================================================================================*/
.flow-root {
  display: flow-root;
}

.weight-500 {
  font-weight: 500;
}

.no-wrap {
  white-space: nowrap;
}

.number-pages {
  margin-right: 16px;
}

@media only screen and (max-width: 40em) {
  .hide-mbl-imgs img {
    display: none;
  }
}
/* ZURB OVERRIDES
----------------------------------------------------------*/
.grid-y {
  height: 100%;
}

.align-center-middle .grid-x {
  webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

/*   Download Pnl  */
/*----------------------------------------------------------*/
.download-pnl h5 {
  margin-bottom: 24px;
}
.download-pnl a {
  background-color: #004b7e;
  color: #ffffff;
  padding: 7px 28px;
}

/*   Search Menu Ideas  */
/*----------------------------------------------------------*/
.searchMenuIdeas {
  background-color: #F8F9FA;
}
.searchMenuIdeas h2 {
  color: #004b7e;
  font-size: 36px;
  font-weight: 700;
  font-family: Montserrat;
}

/*    Filter Items   */
/*----------------------------------------------------------*/
.filter-item {
  cursor: pointer;
}

.filter-section-title {
  cursor: pointer;
}
.filter-section-title img {
  height: 20px;
  filter: invert(20%) sepia(25%) saturate(4610%) hue-rotate(182deg) brightness(102%) contrast(102%);
}

.filter-items-group {
  cursor: pointer;
}

.filter-items-group label {
  top: -6px;
}

.fa-caret-right .caret-right {
  display: inline-block;
}
.fa-caret-right .caret-down {
  display: none;
}
.fa-caret-right:before {
  content: none;
}

.fa-caret-down .caret-right {
  display: none;
}
.fa-caret-down .caret-down {
  display: inline-block;
}
.fa-caret-down:before {
  content: none;
}

/*  Brands Listing   */
/*----------------------------------------------------------*/
.BrandsListing .grid-image-widget {
  min-height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

/*  Read Now Panel   */
/*----------------------------------------------------------*/
.read-now-pnl {
  background-color: #ecedee;
  padding: 60px 0;
}
.read-now-pnl .cell {
  align-self: center;
}

/*  Get Recipe Panel   */
/*----------------------------------------------------------*/
.get-recipe-pnl {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 600px;
}
.get-recipe-pnl .cta-get-recipe p {
  color: #707070;
  margin: 8px 0;
}
.get-recipe-pnl .cta-get-recipe a {
  color: #004b7e;
  text-transform: uppercase;
  text-decoration: underline;
}
.get-recipe-pnl .cta-get-recipe .grid-rte {
  border: 2px solid #707070;
  background-color: #ffffff;
  border-radius: 100%;
  padding: 28px;
  display: inline-block;
  height: 215px;
  width: 215px;
  margin-top: 30px;
  margin-left: 50%;
}
.get-recipe-pnl .cta-get-recipe .grid-rte.float-txt-left {
  margin-left: -50%;
}
@media only screen and (max-width: 40em) {
  .get-recipe-pnl .cta-get-recipe .grid-rte {
    margin-left: 0%;
  }
  .get-recipe-pnl .cta-get-recipe .grid-rte.float-txt-left {
    margin-left: 0%;
  }
}

@media only screen and (max-width: 40em) {
  .get-recipe-pnl {
    height: auto;
  }
}
/*  Brands   */
/*----------------------------------------------------------*/
.brand .blue-solid-bg a {
  text-decoration: none;
}
@media only screen and (max-width: 40em) {
  .brand .img-grid img {
    margin-top: 12px;
  }
  .brand .img-grid .grid-x .grid-x .cell:first-child img {
    margin-top: 32px;
  }
}

/*  Brochure Panel   */
/*----------------------------------------------------------*/
.brochure-pnl {
  display: flex;
  align-items: center;
}
.brochure-pnl h2 {
  text-align: center;
  color: #004b7e;
  background-color: #F8F8F8;
  font-size: 25px !important;
  font-weight: bold;
  width: 100%;
  padding: 16px 0;
  font-family: "Open Sans";
}
.brochure-pnl a {
  color: #004b7e;
  text-decoration: underline;
}
.brochure-pnl img {
  float: left;
  width: auto;
  height: 250px;
  margin-right: -50px;
  margin-left: 50px;
  z-index: 1;
}
@media only screen and (max-width: 40em) {
  .brochure-pnl img {
    display: none;
  }
}

/*  Search Field  */
/*----------------------------------------------------------*/
.search-field input {
  height: 2.4375rem;
  border-radius: 0;
}
.search-field button {
  height: 2.4375rem;
  margin-left: 12px;
}
.search-field button svg {
  padding: 5px 0px;
}

/*   Halal See-All   */
/*----------------------------------------------------------*/
@media only screen and (min-width: 40.063em) and (max-width: 90em) {
  .halal-see-all-btn {
    line-height: 18px;
    font-size: 16px !important;
  }
}
/*  Full Text Search Nav   */
/*----------------------------------------------------------*/
.fulltextsearch_pagination ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.fulltextsearch_page {
  float: left;
  background: #ccc;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #fff !important;
  display: inline-block;
  font-weight: 700;
  line-height: 1.6em;
  margin-right: 15px;
  text-align: center;
  width: 1.6em;
  margin: 3px;
}
.fulltextsearch_page a {
  color: #FFF;
}
.fulltextsearch_page:hover {
  background: #004b7e;
}

.fulltextsearch_thispage {
  color: #FFF;
  background: #004b7e;
}

.fulltextsearch_previous {
  float: left;
  margin-right: 18px;
  margin-top: 3px;
}

.fulltextsearch_next {
  float: left;
  margin-left: 18px;
  margin-top: 3px;
}

/*    Layout 4x4x4x4x4x4      */
/*----------------------------------------------------------*/
.ResourcesSection .Layout_4x4x4x4x4x4 p {
  color: #004b7e;
}
.ResourcesSection .Layout_4x4x4x4x4x4 img {
  max-width: 83px;
  width: 100%;
}

/*    Brands- Perdue Products      */
/*----------------------------------------------------------*/
.brandsPerdue-products .logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.brandsPerdue-products .icon {
  max-width: 42px;
  max-height: 45px;
  width: -webkit-fill-available;
  margin: 6px;
}
.brandsPerdue-products p {
  margin: 0;
}
.brandsPerdue-products .btn sup {
  top: 5px;
  margin-right: 1px;
}

/*    Breadcrumbs      */
/*----------------------------------------------------------*/
.Text-Page .breadcrumb-pnl {
  display: none;
}

.hide-breadcrumb .breadcrumb-pnl {
  display: none;
}

/*    SVG Icons      */
/*----------------------------------------------------------*/
img.svg-btn {
  height: 16px;
  width: auto;
  filter: brightness(0) invert(1);
}
img.svg-btn.toggle {
  height: 36px;
  filter: invert(72%) sepia(11%) saturate(1097%) hue-rotate(153deg) brightness(82%) contrast(85%);
}
img.svg-btn.utilities {
  margin: -3px 6px 0 0;
  filter: invert(12%) sepia(62%) saturate(5708%) hue-rotate(191deg) brightness(97%) contrast(104%);
}

/*    Hubspot Form     */
/*----------------------------------------------------------*/
.hbspt-form {
  padding: 0;
  max-width: fit-content;
  margin: 0 auto;
}
.hbspt-form form {
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: space-between;
  align-items: flex-start;
}
.hbspt-form form .actions {
  margin: 0;
}
.hbspt-form form fieldset {
  display: flex;
  flex-direction: row;
  width: auto;
}
.hbspt-form form fieldset .smart-field {
  width: 100% !important;
}
.hbspt-form form fieldset .smart-field > label {
  display: none;
}
.hbspt-form form fieldset .smart-field .input {
  padding: 0;
  margin: 0 6px 0 0;
}
.hbspt-form form fieldset .smart-field .input input {
  font-family: "Montserrat", sans-serif;
  color: rgba(109, 117, 125, 0.7490196078);
  font-size: 15px;
  padding: 4px 6px;
  height: 40px;
  border-radius: 0;
}
.hbspt-form form .hs-form-field input {
  width: 100% !important;
}
.hbspt-form form .hs-form-field textarea {
  width: 100% !important;
}
.hbspt-form form .hs-message {
  width: 100%;
}
.hbspt-form form .hs-address {
  width: 100%;
}
.hbspt-form form .hs-hs_state_code {
  width: 100%;
}
.hbspt-form .hs-error-msgs {
  margin: 0;
}
.hbspt-form .hs-error-msgs li {
  list-style-type: none;
}
.hbspt-form .hs-error-msgs li label {
  font-size: 0.65em;
  line-height: 1.5em;
  color: #ffacac;
}
.hbspt-form .hs_error_rollup {
  display: none;
}
.hbspt-form .submitted-message {
  display: block;
  font-weight: 700;
}
.hbspt-form .submitted-message p {
  color: #88BE3B;
  text-align: center;
  border-top: 3px solid white;
  padding-top: 20px;
  margin-bottom: 0;
}
.hbspt-form .hs-submit {
  margin-top: 32px;
}
.hbspt-form .hs-submit input[type=submit] {
  min-width: 200px;
  height: 40px;
  margin: 0;
  border-radius: 0;
}
.hbspt-form .hs-submit input[type=submit]:hover {
  cursor: pointer;
}
.hbspt-form .hs-form-required {
  color: red;
}

/*    Padded Bullets     */
/*----------------------------------------------------------*/
ul.pad-bullets {
  padding-left: 20px;
}
ul.pad-bullets li {
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 22px;
}

/* Print Stylesheet
----------------------------------------------------------*/
.show-for-print-only {
  display: none;
}

@media print {
  @page {
    size: letter;
  }
  ::-webkit-scrollbar {
    display: none;
  }
  html { /*border: 2px solid purple;*/
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }
  body {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    float: none;
    background: #fff url(../../SCSS/CHE/none);
    text-shadow: none;
  }
  header {
    display: none;
  }
  footer {
    display: none;
  }
  .no-print {
    display: none;
  }
  .hide-for-print {
    display: none;
  }
  .show-for-print-only {
    display: block;
  }
  .page-break { /*break-after: auto;*/
    page-break-after: always;
  }
  main { /*border: 1px solid yellow;*/
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    float: none;
    background: #fff url(../../SCSS/CHE/none);
    text-shadow: none;
  }
  main .grid-container {
    padding: 0;
    margin: 0;
  }
  main .grid-x {
    padding: 0 !important;
    margin: 0 !important; /*border: 1px solid red;*/
    width: 100% !important;
  }
  main .cell {
    padding: 0 12px !important;
    margin: 0 !important; /*border: 1px solid green;*/
    width: 100% !important;
  }
  main .cell.medium-6 {
    width: 25% !important;
  }
  main .cell.medium-10 {
    width: 41.6% !important;
  }
  main .cell.medium-12 {
    width: 50% !important;
  }
  main .cell.medium-18 {
    width: 75% !important;
  }
  main .Product {
    margin: 0;
    padding: 0;
  }
  main .Product p {
    font-size: 14px;
    line-height: 18px;
    color: #000;
  }
  main .Product h2 {
    font-size: 19px;
    line-height: 21px;
    color: #527382 !important;
    margin: 0 0 9px;
  }
  main .Product h2 sup {
    color: #527382 !important;
  }
  main .Product h3 {
    font-size: 17px;
    line-height: 24px;
    color: #527382 !important;
    margin: 0;
  }
  main .Product h3 sup {
    color: #527382 !important;
  }
  main .Product .product-code {
    font-size: 16px;
    line-height: 20px;
    color: #646464;
    padding: 0;
  }
  main .Product .product-photos {
    display: none;
  }
  main .Product .product-photo-print {
    display: block;
    width: 95%;
    height: auto;
    padding: 8px;
    margin: 8px;
    border: 1px solid #CCC;
  }
  main .Product .product-utility-divider {
    display: none;
  }
  main .Product .product-utilities {
    display: none;
  }
  main .Product .product-icon-group {
    color: #646464 !important;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
  }
  main .Product .product-icon-group .fa-circle-check {
    color: #50aa4b !important;
    filter: invert(52%) sepia(100%) saturate(278%) hue-rotate(69deg) brightness(91%) contrast(89%);
  }
  main .Product .product-icon-group .svg-inline--fa {
    color: #50aa4b !important;
    filter: invert(52%) sepia(100%) saturate(278%) hue-rotate(69deg) brightness(91%) contrast(89%);
  }
  main .Product .product-icon-group i {
    color: #50aa4b !important;
  }
  main .Product .product-icon-group svg {
    color: #50aa4b !important;
  }
  main .Product .product-icon-group path {
    color: #50aa4b !important;
  }
  main .Product .product-icon-group .fa-circle-check:before {
    color: #50aa4b !important;
    filter: invert(52%) sepia(100%) saturate(278%) hue-rotate(69deg) brightness(91%) contrast(89%);
  }
  main .Product .product-icon-group .svg-inline--fa:before {
    color: #50aa4b !important;
    filter: invert(52%) sepia(100%) saturate(278%) hue-rotate(69deg) brightness(91%) contrast(89%);
  }
  main .Product .product-icon-group i:before {
    color: #50aa4b !important;
    filter: invert(52%) sepia(100%) saturate(278%) hue-rotate(69deg) brightness(91%) contrast(89%);
  }
  main .Product .product-icon-group svg:before {
    color: #50aa4b !important;
    filter: invert(52%) sepia(100%) saturate(278%) hue-rotate(69deg) brightness(91%) contrast(89%);
  }
  main .Product .product-icon-group path:before {
    color: #50aa4b !important;
    filter: invert(52%) sepia(100%) saturate(278%) hue-rotate(69deg) brightness(91%) contrast(89%);
  }
  main .Product .product-icon-group div {
    font-size: 11px;
    line-height: 15px;
  }
  main .Product .product-icon-group strong {
    font-size: 11px;
    line-height: 15px;
  }
  main .Product .serving-selector {
    display: none;
  }
  main .Product .date-disclaimer {
    font-size: 12px;
    line-height: 15px;
  }
  main .Product #nutrition-serving table.table tbody tr:nth-child(3) {
    border-top: 2px solid #D6D4D5;
  }
  main .Product .brand-logo {
    max-width: 100px !important;
    margin-bottom: 12px;
  }
  main .Product .specs-printcol-a br {
    display: none;
  }
  main .Product table {
    border: 1px solid #666;
  }
  main .Product table tbody tr td {
    border: 1px solid #666;
    font-size: 13px !important;
    line-height: 16px !important;
    color: #000 !important;
    padding: 0 0 0 3px !important;
  }
  main .Product table tbody tr td hr {
    margin: 6px 0;
  }
  main .Product table tbody tr td h5 {
    font-size: 15px !important;
    font-weight: 700;
    margin: 0;
  }
}
