.cta-link {
  display: flex;
  align-items: baseline;
  font-family: "hvd_fonts_-_brandongrotesque-black-webfont", "Josefin Sans", sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
  color: #ac0011;
}
.cta-link .fa-angle-right {
  font-size: 1.2em;
  margin-left: 0.5em;
  -webkit-text-stroke: 2px currentColor;
}
.cta-link:hover {
  color: rgb(70, 0, 6.9186046512);
}

.font-bebas {
  font-family: "bebas_neueregular", sans-serif;
  font-weight: normal;
}

.font-brandon {
  font-family: "hvd_fonts_-_brandongrotesque-black-webfont", "Josefin Sans", sans-serif;
  font-weight: normal;
}

.text-white {
  color: #fff;
}

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

.text-burgundy {
  color: #800a0c;
}

.bg-burgundy {
  background-color: #800a0c;
}

.text-red-light {
  color: #e5050c;
}

.bg-red-light {
  background-color: #e5050c;
}

.text-red-med {
  color: #ac0011;
}

.bg-red-med {
  background-color: #ac0011;
}

.text-red-dark {
  color: #a12008;
}

.bg-red-dark {
  background-color: #a12008;
}

.text-red-base {
  color: #cf0c12;
}

.bg-red-base {
  background-color: #cf0c12;
}

.text-gray {
  color: #a0a0a0;
}

.bg-gray {
  background-color: #a0a0a0;
}

.text-gray-light {
  color: #ccc;
}

.bg-gray-light {
  background-color: #ccc;
}

.text-gray-dark {
  color: #333;
}

.bg-gray-dark {
  background-color: #333;
}

.text-neutral {
  color: #faf8eb;
}

.bg-neutral {
  background-color: #faf8eb;
}

@font-face {
  font-family: "hvd_fonts_-_brandongrotesque-black-webfont";
  src: url("fonts/hvd_fonts_-_brandongrotesque-black-webfont.eot");
  src: url("fonts/hvd_fonts_-_brandongrotesque-black-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/hvd_fonts_-_brandongrotesque-black-webfont.woff") format("woff"), url("fonts/hvd_fonts_-_brandongrotesque-black-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
/*
@font-face {
	font-family: 'hvd_fonts_-_brandongrotesque-regular';
	src: url('scss/fonts/hvd_fonts_-_brandongrotesque-regular-webfont.eot');
	src: url('scss/fonts/hvd_fonts_-_brandongrotesque-regular-webfont.woff') format('woff'),
		 url('scss/fonts/hvd_fonts_-_brandongrotesque-regular-webfont.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'PFDinTextPro-Medium';
	src: url('scss/fonts/pfdintextpro-medium-webfont.eot');
	src: url('scss/fonts/pfdintextpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('scss/fonts/pfdintextpro-medium-webfont.woff2') format('woff2'),
		 url('scss/fonts/pfdintextpro-medium-webfont.woff') format('woff'),
		 url('scss/fonts/pfdintextpro-medium-webfont.ttf') format('truetype'),
		 url('scss/fonts/pfdintextpro-medium-webfont.svg#PFDinTextPro-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'pf_din_text_comp_promedium';
  src: url("scss/fonts/pfdintextcomppro-medium-webfont.eot");
  src: url("scss/fonts/pfdintextcomppro-medium-webfont.eot?#iefix") format("embedded-opentype"), 
  	   url("scss/fonts/pfdintextcomppro-medium-webfont.woff2") format("woff2"), 
  	   url("scss/fonts/pfdintextcomppro-medium-webfont.ttf") format("truetype"), 
  	   url("scss/fonts/pfdintextcomppro-medium-webfont.svg#pf_din_text_comp_promedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'bebas_neueregular';
	src: url('scss/fonts/BebasNeue-Regular-webfont.eot');
	src: url('scss/fonts/BebasNeue-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('scss/fonts/BebasNeue-Regular-webfont.woff2') format('woff2'),
		 url('scss/fonts/BebasNeue-Regular-webfont.woff') format('woff'),
		 url('scss/fonts/BebasNeue-Regular-webfont.ttf') format('truetype'),
		 url('scss/fonts/BebasNeue-Regular-webfont.svg#bebas_neueregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
  font-family: "FontAwesome";
  src: url("fonts/fontawesome-webfont.eot?v=4.1.0");
  src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.1.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff?v=4.1.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.1.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  height: 100%;
  font-size: 100%;
}

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

/* Temp fix for careers site */
.Job-Opening div.mega-menu.row, .Job-Opening .footer-nav .cta-clear, .Job-Opening .footer-nav ul {
  display: none !important;
}

#hero-overnight,
#hero-morning,
#hero-mid-day,
#hero-evening {
  display: none;
}

@media (max-width:767px) {
  .home-carousel .carousel-indicators {
    bottom: -50px;
  }
}

#heroCarousel {
  padding-top: 116%;
}
#heroCarousel > a {
  display: none;
}
#heroCarousel > a.hero {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: center center/cover no-repeat;
}
@media (min-width:376px) {
  #heroCarousel {
    padding-top: 91%;
  }
}
@media (min-width:768px) {
  #heroCarousel {
    padding-top: 51.61%;
  }
}

.home-carousel .item > a {
  display: block;
  height: auto;
  padding: 0;
}
.home-carousel .item > a img {
  display: none;
}
@media (max-width:767px) {
  .home-carousel .item img.mobile {
    display: block;
  }
}
@media (min-width:768px) and (max-width:991px) {
  .home-carousel .item img.tablet {
    display: block;
  }
}
@media (min-width:992px) {
  .home-carousel .item img.desktop {
    display: block;
  }
}

.flag {
  display: none;
  width: 243px;
}
@media (min-width:768px) {
  .flag {
    width: auto;
  }
}

body {
  font-family: "Montserrat", sans-serif;
  /*background: url('scss/images/wood-pattern.jpg');*/
  overflow-x: hidden;
  padding-top: 60px;
}
@media (min-width:992px) {
  body {
    padding-top: 0;
  }
}
body .header.careers-header, body .careers-header.share-header, body .careers-header.original-header, body .careers-header.products-header, body .careers-header.family-moments-header, body .careers-header.tips-tricks-header, body .careers-header.share-tips-hero {
  background: #EC4B1F;
}
body .header.careers-header h1, body .careers-header.share-header h1, body .careers-header.original-header h1, body .careers-header.products-header h1, body .careers-header.family-moments-header h1, body .careers-header.tips-tricks-header h1, body .careers-header.share-tips-hero h1, body .header.careers-header .h1, body .careers-header.share-header .h1, body .careers-header.original-header .h1, body .careers-header.products-header .h1, body .careers-header.family-moments-header .h1, body .careers-header.tips-tricks-header .h1, body .careers-header.share-tips-hero .h1 {
  color: #fff;
}
body #hero-all {
  display: block;
  cursor: default;
}
body #hero-all {
  background-image: url("/images/heroes/2025/website-banner-mobile.png") !important;
}
@media (min-width:376px) {
  body #hero-all {
    background-image: url("/images/heroes/2025/website-banner-tablet.png") !important;
  }
}
@media (min-width:768px) {
  body #hero-all {
    background-image: url("/images/heroes/2025/website-banner.png") !important;
  }
}
body .flag.morning {
  display: block;
}
body.morning-old {
  background: url("/images/background-morning.jpg");
}
body.morning-old #hero-morning {
  display: block;
}
body.morning-old.hero1 #hero-morning {
  background-image: url("/images/heroes/2023/hero-mobile-morning-1.jpg");
}
@media (min-width:376px) {
  body.morning-old.hero1 #hero-morning {
    background-image: url("/images/heroes/2023/hero-tablet-morning-1.jpg");
  }
}
@media (min-width:768px) {
  body.morning-old.hero1 #hero-morning {
    background-image: url("/images/heroes/2023/hero-morning-1.jpg");
  }
}
body.morning-old.hero2 #hero-morning {
  background-image: url("/images/heroes/2023/hero-mobile-morning-2.jpg");
}
@media (min-width:376px) {
  body.morning-old.hero2 #hero-morning {
    background-image: url("/images/heroes/2023/hero-tablet-morning-2.jpg");
  }
}
@media (min-width:768px) {
  body.morning-old.hero2 #hero-morning {
    background-image: url("/images/heroes/2023/hero-morning-2.jpg");
  }
}
body.morning-old .flag.morning {
  display: block;
}
body.mid-day-old {
  background: url("/images/background-mid-day.jpg");
}
body.mid-day-old #hero-mid-day {
  display: block;
}
body.mid-day-old.hero1 #hero-mid-day {
  background-image: url("/images/heroes/2023/hero-mobile-mid-day-1.jpg");
}
@media (min-width:376px) {
  body.mid-day-old.hero1 #hero-mid-day {
    background-image: url("/images/heroes/2023/hero-tablet-mid-day-1.jpg");
  }
}
@media (min-width:768px) {
  body.mid-day-old.hero1 #hero-mid-day {
    background-image: url("/images/heroes/2023/hero-mid-day-1.jpg");
  }
}
body.mid-day-old.hero2 #hero-mid-day {
  background-image: url("/images/heroes/2023/hero-mobile-mid-day-2.jpg");
}
@media (min-width:376px) {
  body.mid-day-old.hero2 #hero-mid-day {
    background-image: url("/images/heroes/2023/hero-tablet-mid-day-2.jpg");
  }
}
@media (min-width:768px) {
  body.mid-day-old.hero2 #hero-mid-day {
    background-image: url("/images/heroes/2023/hero-mid-day-2.jpg");
  }
}
body.mid-day-old .flag.mid-day {
  display: block;
}
body.evening-old {
  background: url("/images/background-evening.jpg");
}
body.evening-old #hero-evening {
  display: block;
}
body.evening-old.hero1 #hero-evening {
  background-image: url("/images/heroes/2023/hero-mobile-evening-1.jpg");
}
@media (min-width:376px) {
  body.evening-old.hero1 #hero-evening {
    background-image: url("/images/heroes/2023/hero-tablet-evening-1.jpg");
  }
}
@media (min-width:768px) {
  body.evening-old.hero1 #hero-evening {
    background-image: url("/images/heroes/2023/hero-evening-1.jpg");
  }
}
body.evening-old.hero2 #hero-evening {
  background-image: url("/images/heroes/2023/hero-mobile-evening-2.jpg");
}
@media (min-width:376px) {
  body.evening-old.hero2 #hero-evening {
    background-image: url("/images/heroes/2023/hero-tablet-evening-2.jpg");
  }
}
@media (min-width:768px) {
  body.evening-old.hero2 #hero-evening {
    background-image: url("/images/heroes/2023/hero-evening-2.jpg");
  }
}
body.evening-old.hero3 #hero-evening {
  background-image: url("/images/heroes/2023/hero-mobile-evening-3.jpg");
}
@media (min-width:376px) {
  body.evening-old.hero3 #hero-evening {
    background-image: url("/images/heroes/2023/hero-tablet-evening-3.jpg");
  }
}
@media (min-width:768px) {
  body.evening-old.hero3 #hero-evening {
    background-image: url("/images/heroes/2023/hero-evening-3.jpg");
  }
}
body.evening-old .flag.evening {
  display: block;
}
body.overnight-old {
  background: url("/images/background-overnight.jpg");
}
body.overnight-old #hero-overnight {
  display: block;
}
body.overnight-old.hero1 #hero-overnight {
  background-image: url("/images/heroes/2023/hero-mobile-overnight-1.jpg");
}
@media (min-width:376px) {
  body.overnight-old.hero1 #hero-overnight {
    background-image: url("/images/heroes/2023/hero-tablet-overnight-1.jpg");
  }
}
@media (min-width:768px) {
  body.overnight-old.hero1 #hero-overnight {
    background-image: url("/images/heroes/2023/hero-overnight-1.jpg");
  }
}
body.overnight-old.hero2 #hero-overnight {
  background-image: url("/images/heroes/2023/hero-mobile-overnight-2.jpg");
}
@media (min-width:376px) {
  body.overnight-old.hero2 #hero-overnight {
    background-image: url("/images/heroes/2023/hero-tablet-overnight-2.jpg");
  }
}
@media (min-width:768px) {
  body.overnight-old.hero2 #hero-overnight {
    background-image: url("/images/heroes/2023/hero-overnight-2.jpg");
  }
}
body.overnight-old .flag.overnight {
  display: block;
}

ul, ol {
  list-style: none;
}

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

.no-scale img {
  width: auto;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  color: #ad1e2c;
}
a:hover, a:focus {
  color: #a12008;
  outline: none;
  text-decoration: none;
}
a.read-more {
  color: #ad1e2c;
  display: block;
  font: bold 20px;
  margin: 34px 20px 0 0;
  text-align: right;
}
a.read-more i {
  padding-left: 16px;
}
a.prod-btn {
  border-radius: 1em !important;
}

textarea {
  resize: vertical;
  min-height: 50px;
}

p {
  color: #000;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  margin: 0 0 18px;
}
p a:hover {
  text-decoration: underline;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-family: "hvd_fonts_-_brandongrotesque-black-webfont", "Josefin Sans", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
}

h2, .h2 {
  font-size: 46px;
  font-size: 2.875rem;
}
h2.red, .h2.red {
  color: #ad1e2c;
  margin: 0 0 25px;
}
@media (max-width: 1350px) {
  h2.red.recipe, .h2.red.recipe {
    padding-left: 15px;
    padding-right: 15px;
  }
}

h3, .h3 {
  color: #a0a0a0;
  font: normal 16px;
  padding: 0 15px;
  letter-spacing: 0.6px;
}

h4, .h4 {
  color: #ad1e2c;
  font-size: 30px;
  line-height: 30px;
  padding: 0 15px;
}
h4.no-padding, .h4.no-padding {
  padding: 0;
}

h5, .h5 {
  font-size: 18px;
  font-size: 1.125rem;
  color: #ad1e2c;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}

h6, .h6 {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #ad1e2c;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
}
h6.table-head, .h6.table-head {
  background: #ad1e2c;
  padding: 10px 20px;
  color: #fff;
}

hr {
  margin: 0;
  border-color: #dfdfdf;
}
@media (max-width: 991px) {
  hr {
    margin: -20px 0 50px;
  }
}

.container, footer, .navbar {
  background: #fff;
  box-shadow: 6px 3px 10px -2px rgba(0, 0, 0, 0.4), -6px 0 10px -2px rgba(0, 0, 0, 0.4);
  margin: 0 auto;
  max-width: 1550px;
  padding: 0;
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media (min-width:1200px) {
  .container, footer, .navbar {
    width: 81.45%;
    overflow: visible;
  }
}
@media (min-width:992px) {
  .container, footer, .navbar {
    width: 93%;
    max-width: 1550px;
    height: unset;
    min-height: 110px;
  }
}

.section, .sitemap {
  padding: 50px 20px 75px;
}
@media (min-width:768px) {
  .section, .sitemap {
    padding: 50px 8.333% 100px;
  }
}
.section.separator, .separator.sitemap {
  padding: 0 115px;
}
@media (max-width: 767px) {
  .section.separator, .separator.sitemap {
    padding: 0 15px;
  }
}
@media (min-width: 768px) and (max-width: 1350px) {
  .section.separator, .separator.sitemap {
    padding: 0 35px;
  }
}
.section.translation-selector, .translation-selector.sitemap {
  padding: 0 85px;
}
.section.translation-selector select, .translation-selector.sitemap select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  font-size: 12px;
  border: 1px solid #ccc;
  background: #f7f7f7;
  max-width: 100%;
}
@media (max-width: 1350px) {
  .section.translation-selector, .translation-selector.sitemap {
    padding: 0;
  }
}
@media (max-width: 1023px) {
  .section.translation-selector, .translation-selector.sitemap {
    margin-top: 15px;
  }
}

.print-logo {
  display: none;
}

.bdg-logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 609px;
  z-index: 210;
}
@media (min-width: 1024px) and (max-width: 1280px) {
  .bdg-logo {
    left: -163px;
    width: 550px;
  }
}
@media (min-width: 1281px) and (max-width: 1500px) {
  .bdg-logo {
    left: -30px;
    width: 590px;
  }
}
@media (max-width: 1024px) {
  .bdg-logo {
    left: -100px;
  }
}
@media (min-width: 320px) and (max-width: 680px) {
  .bdg-logo {
    width: 572px;
  }
}
@media (max-width: 416px) {
  .bdg-logo {
    left: -83px;
    width: 480px;
  }
}

.applicant {
  width: auto;
  height: auto;
  clear: both;
  float: right;
  margin: 50px 0 0;
}

.left {
  float: left;
}

.red {
  color: #ad1e2c;
}

.right {
  float: right;
}

.validation-summary {
  margin: 15px 0 25px;
  background: none repeat scroll 0 0 #F4C5C8;
  border: 2px solid #C20E22;
  color: #000000 !important;
}
.validation-summary p {
  margin: 0 !important;
  padding: 10px 10px 0 !important;
  font-weight: bold;
}
.validation-summary ul {
  margin: 8px 0 0;
  padding: 10px 0 10px 25px;
  background: none repeat scroll 0 0 #FFE4E4;
  font-weight: normal;
  list-style: disc;
}
.validation-summary ul li {
  margin-bottom: 7px;
}

/****************************************
			HERO UNITS 
*****************************************/
#heroCarousel {
  position: relative;
  box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
}
#heroCarousel .arrow {
  width: 66px;
  height: 66px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -33px;
  z-index: 999;
  cursor: pointer;
}
@media (max-width: 768px) {
  #heroCarousel .arrow {
    display: none;
  }
}
#heroCarousel .cycle-prev {
  left: 20px;
}
#heroCarousel .cycle-next {
  right: 20px;
}
#heroCarousel .cycle-pager {
  display: none;
  margin: 0 auto;
  position: relative;
  bottom: 80px;
  color: #fff;
  z-index: 9999;
  font-size: 40px;
}
#heroCarousel .cycle-pager span {
  padding: 0 5px;
}
#heroCarousel .cycle-pager span.cycle-pager-active {
  color: #cf0c12;
}
@media (max-width: 768px) {
  #heroCarousel .cycle-pager {
    display: table;
  }
}

.hero {
  height: 752px;
  width: 100%;
  padding: 0;
}
@media (max-width: 1024px) {
  .hero {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
  }
}
.hero .hero-caption {
  color: #fff;
  padding: 128px 0 41px 11%;
}
.hero .hero-caption p {
  margin: 0;
}
@media (max-width: 1024px) {
  .hero .hero-caption {
    padding: 200px 0 41px 11%;
  }
}
@media (min-width: 320px) and (max-width: 680px) {
  .hero .hero-caption {
    padding: 315px 0 35px 0;
  }
}
@media (max-width: 359px) {
  .hero .hero-caption {
    padding: 128px 0 40px 28px;
  }
}
@media (max-width: 320px) {
  .hero .hero-caption {
    padding: 360px 0 35px 0;
  }
}

.story-hero {
  background: url("/images/home-our-story.jpg") center center/cover no-repeat;
  height: 711px;
  position: relative;
}
.story-hero .story-hero-content {
  color: #fff;
  padding: 0 8.333%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.story-hero .story-hero-caption {
  position: relative;
  width: 100%;
}
.story-hero .story-hero-caption h2, .story-hero .story-hero-caption .h2 {
  font-size: 40px;
  line-height: 1.2;
}
@media (min-width:768px) {
  .story-hero .story-hero-caption h2, .story-hero .story-hero-caption .h2 {
    font-size: 60px;
  }
}
.story-hero .story-hero-caption p {
  color: #fff;
  font-size: 18px;
}
@media (min-width: 320px) and (max-width: 680px) {
  .story-hero .story-hero-caption p {
    font-size: 18px;
  }
}
@media (min-width:768px) {
  .story-hero {
    height: auto;
    max-height: none;
    padding-top: 49.2%;
  }
  .story-hero .story-hero-caption {
    width: 50%;
  }
}

.tips-hero {
  background: url("/images/home-tips-tricks.jpg") center center/cover no-repeat;
  height: 711px;
  position: relative;
}
.tips-hero .tips-hero-content {
  color: #fff;
  padding: 0 8.333%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.tips-hero .tips-hero-caption {
  position: relative;
  width: 100%;
}
.tips-hero .tips-hero-caption h2, .tips-hero .tips-hero-caption .h2 {
  font-size: 40px;
  line-height: 1.2;
}
@media (min-width:768px) {
  .tips-hero .tips-hero-caption h2, .tips-hero .tips-hero-caption .h2 {
    font-size: 60px;
  }
}
.tips-hero .tips-hero-caption p {
  color: #fff;
  font-size: 18px;
}
@media (min-width: 320px) and (max-width: 680px) {
  .tips-hero .tips-hero-caption p {
    font-size: 18px;
  }
}
@media (min-width:768px) {
  .tips-hero {
    height: auto;
    max-height: none;
    padding-top: 49.2%;
  }
  .tips-hero .tips-hero-caption {
    width: 50%;
  }
}

.header, .share-header, .original-header, .products-header, .family-moments-header, .tips-tricks-header, .share-tips-hero {
  background-repeat: no-repeat;
  box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
  padding: 45px 0;
  background-position: 50% 100%;
  display: table;
  width: 100%;
}
.header h1, .share-header h1, .original-header h1, .products-header h1, .family-moments-header h1, .tips-tricks-header h1, .share-tips-hero h1, .header .h1, .share-header .h1, .original-header .h1, .products-header .h1, .family-moments-header .h1, .tips-tricks-header .h1, .share-tips-hero .h1 {
  color: #ad1e2c;
  font: 28px "hvd_fonts_-_brandongrotesque-black-webfont", "Josefin Sans", sans-serif;
  margin: 0;
  padding: 0 20px;
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
}
.header h1.white, .share-header h1.white, .original-header h1.white, .products-header h1.white, .family-moments-header h1.white, .tips-tricks-header h1.white, .share-tips-hero h1.white, .header .h1.white, .share-header .h1.white, .original-header .h1.white, .products-header .h1.white, .family-moments-header .h1.white, .tips-tricks-header .h1.white, .share-tips-hero .h1.white {
  color: #fff;
}
@media (min-width:768px) {
  .header h1, .share-header h1, .original-header h1, .products-header h1, .family-moments-header h1, .tips-tricks-header h1, .share-tips-hero h1, .header .h1, .share-header .h1, .original-header .h1, .products-header .h1, .family-moments-header .h1, .tips-tricks-header .h1, .share-tips-hero .h1 {
    font-size: 35px;
    padding-left: 8.333%;
    padding-right: 8.333%;
  }
}
@media (min-width:992px) {
  .header h1, .share-header h1, .original-header h1, .products-header h1, .family-moments-header h1, .tips-tricks-header h1, .share-tips-hero h1, .header .h1, .share-header .h1, .original-header .h1, .products-header .h1, .family-moments-header .h1, .tips-tricks-header .h1, .share-tips-hero .h1 {
    font-size: 50px;
  }
}

@media (max-width: 412px) {
  .Foodservice .header h1, .Foodservice .share-header h1, .Foodservice .original-header h1, .Foodservice .products-header h1, .Foodservice .family-moments-header h1, .Foodservice .tips-tricks-header h1, .Foodservice .share-tips-hero h1 {
    font-size: 12vw;
  }
}

.header.recipes, .recipes.share-header, .recipes.original-header, .recipes.products-header, .recipes.family-moments-header, .recipes.tips-tricks-header, .recipes.share-tips-hero {
  background: url(/images/heroes/recipe-header.jpg) no-repeat 50% 100%;
}

.bdg-original-hero, .moments-hero, #story-header, #partner-header, .buddi-club-hero, .fix-quix-hero, .about-news-hero, .old-wis-hero, .prem-deli-hero {
  background: url("/images/heroes/buddig-original-hero-lg.jpg") 100% 100% no-repeat;
  background-size: cover;
  box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.8);
  color: #fff;
  height: 490px;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width:768px) {
  .bdg-original-hero, .moments-hero, #story-header, #partner-header, .buddi-club-hero, .fix-quix-hero, .about-news-hero, .old-wis-hero, .prem-deli-hero {
    height: 573px;
  }
}
.bdg-original-hero .hero-caption, .moments-hero .hero-caption, #story-header .hero-caption, #partner-header .hero-caption, .buddi-club-hero .hero-caption, .fix-quix-hero .hero-caption, .about-news-hero .hero-caption, .old-wis-hero .hero-caption, .prem-deli-hero .hero-caption {
  padding: 0 20px;
  width: 100%;
}
.bdg-original-hero .hero-caption h1, .moments-hero .hero-caption h1, #story-header .hero-caption h1, #partner-header .hero-caption h1, .buddi-club-hero .hero-caption h1, .fix-quix-hero .hero-caption h1, .about-news-hero .hero-caption h1, .old-wis-hero .hero-caption h1, .prem-deli-hero .hero-caption h1, .bdg-original-hero .hero-caption .h1, .moments-hero .hero-caption .h1, #story-header .hero-caption .h1, #partner-header .hero-caption .h1, .buddi-club-hero .hero-caption .h1, .fix-quix-hero .hero-caption .h1, .about-news-hero .hero-caption .h1, .old-wis-hero .hero-caption .h1, .prem-deli-hero .hero-caption .h1 {
  margin: 0;
  text-transform: none;
  text-shadow: 0 0 24px rgba(0, 0, 0, 0.4);
  font-size: 50px;
  line-height: 1.05;
  text-transform: uppercase;
}
@media (min-width:376px) {
  .bdg-original-hero .hero-caption h1, .moments-hero .hero-caption h1, #story-header .hero-caption h1, #partner-header .hero-caption h1, .buddi-club-hero .hero-caption h1, .fix-quix-hero .hero-caption h1, .about-news-hero .hero-caption h1, .old-wis-hero .hero-caption h1, .prem-deli-hero .hero-caption h1, .bdg-original-hero .hero-caption .h1, .moments-hero .hero-caption .h1, #story-header .hero-caption .h1, #partner-header .hero-caption .h1, .buddi-club-hero .hero-caption .h1, .fix-quix-hero .hero-caption .h1, .about-news-hero .hero-caption .h1, .old-wis-hero .hero-caption .h1, .prem-deli-hero .hero-caption .h1 {
    font-size: 60px;
  }
}
@media (min-width:768px) {
  .bdg-original-hero .hero-caption, .moments-hero .hero-caption, #story-header .hero-caption, #partner-header .hero-caption, .buddi-club-hero .hero-caption, .fix-quix-hero .hero-caption, .about-news-hero .hero-caption, .old-wis-hero .hero-caption, .prem-deli-hero .hero-caption {
    padding: 0 8.333%;
  }
  .bdg-original-hero .hero-caption h1, .moments-hero .hero-caption h1, #story-header .hero-caption h1, #partner-header .hero-caption h1, .buddi-club-hero .hero-caption h1, .fix-quix-hero .hero-caption h1, .about-news-hero .hero-caption h1, .old-wis-hero .hero-caption h1, .prem-deli-hero .hero-caption h1, .bdg-original-hero .hero-caption .h1, .moments-hero .hero-caption .h1, #story-header .hero-caption .h1, #partner-header .hero-caption .h1, .buddi-club-hero .hero-caption .h1, .fix-quix-hero .hero-caption .h1, .about-news-hero .hero-caption .h1, .old-wis-hero .hero-caption .h1, .prem-deli-hero .hero-caption .h1 {
    font-size: 75px;
  }
}
.bdg-original-hero.canada, .canada.moments-hero, .canada#story-header, .canada#partner-header, .canada.buddi-club-hero, .canada.fix-quix-hero, .canada.about-news-hero, .canada.old-wis-hero, .canada.prem-deli-hero {
  background-position: 50% 100%;
}
@media (max-width: 1024px) {
  .bdg-original-hero.canada .hero-caption, .canada.moments-hero .hero-caption, .canada#story-header .hero-caption, .canada#partner-header .hero-caption, .canada.buddi-club-hero .hero-caption, .canada.fix-quix-hero .hero-caption, .canada.about-news-hero .hero-caption, .canada.old-wis-hero .hero-caption, .canada.prem-deli-hero .hero-caption {
    width: 480px;
    display: block;
  }
}
@media (max-width: 450px) {
  .bdg-original-hero.canada .hero-caption, .canada.moments-hero .hero-caption, .canada#story-header .hero-caption, .canada#partner-header .hero-caption, .canada.buddi-club-hero .hero-caption, .canada.fix-quix-hero .hero-caption, .canada.about-news-hero .hero-caption, .canada.old-wis-hero .hero-caption, .canada.prem-deli-hero .hero-caption {
    width: 320px;
  }
}
.bdg-original-hero.canada .hero-caption h1, .canada.moments-hero .hero-caption h1, .canada#story-header .hero-caption h1, .canada#partner-header .hero-caption h1, .canada.buddi-club-hero .hero-caption h1, .canada.fix-quix-hero .hero-caption h1, .canada.about-news-hero .hero-caption h1, .canada.old-wis-hero .hero-caption h1, .canada.prem-deli-hero .hero-caption h1, .bdg-original-hero.canada .hero-caption .h1, .canada.moments-hero .hero-caption .h1, .canada#story-header .hero-caption .h1, .canada#partner-header .hero-caption .h1, .canada.buddi-club-hero .hero-caption .h1, .canada.fix-quix-hero .hero-caption .h1, .canada.about-news-hero .hero-caption .h1, .canada.old-wis-hero .hero-caption .h1, .canada.prem-deli-hero .hero-caption .h1 {
  padding-left: 100px;
}
@media (max-width: 1024px) {
  .bdg-original-hero.canada .hero-caption h1, .canada.moments-hero .hero-caption h1, .canada#story-header .hero-caption h1, .canada#partner-header .hero-caption h1, .canada.buddi-club-hero .hero-caption h1, .canada.fix-quix-hero .hero-caption h1, .canada.about-news-hero .hero-caption h1, .canada.old-wis-hero .hero-caption h1, .canada.prem-deli-hero .hero-caption h1, .bdg-original-hero.canada .hero-caption .h1, .canada.moments-hero .hero-caption .h1, .canada#story-header .hero-caption .h1, .canada#partner-header .hero-caption .h1, .canada.buddi-club-hero .hero-caption .h1, .canada.fix-quix-hero .hero-caption .h1, .canada.about-news-hero .hero-caption .h1, .canada.old-wis-hero .hero-caption .h1, .canada.prem-deli-hero .hero-caption .h1 {
    padding-left: 50px;
    margin: 0;
  }
}
@media (max-width: 630px) {
  .bdg-original-hero.canada .hero-caption h1, .canada.moments-hero .hero-caption h1, .canada#story-header .hero-caption h1, .canada#partner-header .hero-caption h1, .canada.buddi-club-hero .hero-caption h1, .canada.fix-quix-hero .hero-caption h1, .canada.about-news-hero .hero-caption h1, .canada.old-wis-hero .hero-caption h1, .canada.prem-deli-hero .hero-caption h1, .bdg-original-hero.canada .hero-caption .h1, .canada.moments-hero .hero-caption .h1, .canada#story-header .hero-caption .h1, .canada#partner-header .hero-caption .h1, .canada.buddi-club-hero .hero-caption .h1, .canada.fix-quix-hero .hero-caption .h1, .canada.about-news-hero .hero-caption .h1, .canada.old-wis-hero .hero-caption .h1, .canada.prem-deli-hero .hero-caption .h1 {
    padding-left: 0;
  }
}
.bdg-original-hero.canada .hero-caption h1 .text-one, .canada.moments-hero .hero-caption h1 .text-one, .canada#story-header .hero-caption h1 .text-one, .canada#partner-header .hero-caption h1 .text-one, .canada.buddi-club-hero .hero-caption h1 .text-one, .canada.fix-quix-hero .hero-caption h1 .text-one, .canada.about-news-hero .hero-caption h1 .text-one, .canada.old-wis-hero .hero-caption h1 .text-one, .canada.prem-deli-hero .hero-caption h1 .text-one, .bdg-original-hero.canada .hero-caption .h1 .text-one, .canada.moments-hero .hero-caption .h1 .text-one, .canada#story-header .hero-caption .h1 .text-one, .canada#partner-header .hero-caption .h1 .text-one, .canada.buddi-club-hero .hero-caption .h1 .text-one, .canada.fix-quix-hero .hero-caption .h1 .text-one, .canada.about-news-hero .hero-caption .h1 .text-one, .canada.old-wis-hero .hero-caption .h1 .text-one, .canada.prem-deli-hero .hero-caption .h1 .text-one {
  padding-left: 0;
}
@media (max-width: 1024px) {
  .bdg-original-hero.canada .hero-caption h1 .text-one, .canada.moments-hero .hero-caption h1 .text-one, .canada#story-header .hero-caption h1 .text-one, .canada#partner-header .hero-caption h1 .text-one, .canada.buddi-club-hero .hero-caption h1 .text-one, .canada.fix-quix-hero .hero-caption h1 .text-one, .canada.about-news-hero .hero-caption h1 .text-one, .canada.old-wis-hero .hero-caption h1 .text-one, .canada.prem-deli-hero .hero-caption h1 .text-one, .bdg-original-hero.canada .hero-caption .h1 .text-one, .canada.moments-hero .hero-caption .h1 .text-one, .canada#story-header .hero-caption .h1 .text-one, .canada#partner-header .hero-caption .h1 .text-one, .canada.buddi-club-hero .hero-caption .h1 .text-one, .canada.fix-quix-hero .hero-caption .h1 .text-one, .canada.about-news-hero .hero-caption .h1 .text-one, .canada.old-wis-hero .hero-caption .h1 .text-one, .canada.prem-deli-hero .hero-caption .h1 .text-one {
    font-size: 76px;
  }
}
@media (max-width: 620px) {
  .bdg-original-hero.canada .hero-caption h1 .text-one, .canada.moments-hero .hero-caption h1 .text-one, .canada#story-header .hero-caption h1 .text-one, .canada#partner-header .hero-caption h1 .text-one, .canada.buddi-club-hero .hero-caption h1 .text-one, .canada.fix-quix-hero .hero-caption h1 .text-one, .canada.about-news-hero .hero-caption h1 .text-one, .canada.old-wis-hero .hero-caption h1 .text-one, .canada.prem-deli-hero .hero-caption h1 .text-one, .bdg-original-hero.canada .hero-caption .h1 .text-one, .canada.moments-hero .hero-caption .h1 .text-one, .canada#story-header .hero-caption .h1 .text-one, .canada#partner-header .hero-caption .h1 .text-one, .canada.buddi-club-hero .hero-caption .h1 .text-one, .canada.fix-quix-hero .hero-caption .h1 .text-one, .canada.about-news-hero .hero-caption .h1 .text-one, .canada.old-wis-hero .hero-caption .h1 .text-one, .canada.prem-deli-hero .hero-caption .h1 .text-one {
    font-size: 12vw;
  }
}
.prem-deli-hero {
  background: url("/images/heroes/premium-deli-hero-1550x651.jpg") no-repeat 100% 0;
}

.old-wis-hero {
  background: url("/images/heroes/old-wisconsin-hero-1550x651.jpg") no-repeat 100% 0;
}
.old-wis-hero .hero-caption h1 {
  font-size: 44px;
}

.fix-quix-hero, .about-news-hero {
  background: url("/images/heroes/fix-quix-hero-1550x651.jpg") no-repeat 62% 0;
}
.fix-quix-hero .hero-caption br, .about-news-hero .hero-caption br {
  display: none;
}
@media (min-width:768px) {
  .fix-quix-hero, .about-news-hero {
    background-position: 100% 0;
  }
  .fix-quix-hero .hero-caption br, .about-news-hero .hero-caption br {
    display: block;
  }
}

.buddi-club-hero {
  background: url("/images/heroes/buddis-corner-hero-1550x651.jpg") no-repeat 27% -74px;
}
@media (max-width: 1024px) {
  .buddi-club-hero {
    height: 500px;
  }
}

.lunch-club-hero, .contact-header {
  background: url(/images/heroes/blc-hero-1550x245.jpg) no-repeat 50% 100%;
}

.tips-tricks-header, .share-tips-hero {
  background: url(/images/heroes/tips-tricks-header.jpg) no-repeat;
}

.family-moments-header {
  background: url(/images/heroes/family-fun-header.jpg) no-repeat;
}

@media (max-width: 534px) {
  .share-tips-hero h1, .share-tips-hero .h1 {
    line-height: 56px;
    padding-top: 118px;
  }
}

.about-header {
  background: url(/images/heroes/news-detail-hero-1550x245.jpg) no-repeat 50% 100%;
}

.about-news-hero {
  background: url(/images/heroes/news-hero-75th.jpg) no-repeat 59% 0;
  margin: 0;
  padding-top: 40px;
  text-align: center;
}
@media (max-width: 991px) {
  .about-news-hero {
    padding-top: 0;
  }
}
@media (max-width: 540px) {
  .about-news-hero {
    background: url(/images/heroes/news-hero-75th-mobile.jpg) no-repeat 50% 0;
    background-size: cover;
  }
}
.about-news-hero h1, .about-news-hero .h1 {
  color: #fff;
  font-family: "hvd_fonts_-_brandongrotesque-black-webfont", "Josefin Sans", sans-serif;
  font-size: 50px;
  font-size: 3.125rem;
  letter-spacing: -2px;
  line-height: 56px;
  margin: 20px 0 20px 30px;
  padding: 0;
  text-align: left;
  max-width: 600px;
}
@media (max-width: 768px) {
  .about-news-hero h1, .about-news-hero .h1 {
    font-size: 42px;
    font-size: 2.625rem;
    line-height: 42px;
    letter-spacing: -1px;
    margin-left: 0;
    margin-top: 15px;
  }
}
.about-news-hero .hero-cta, .about-news-hero .cta, .about-news-hero .cta-outline, .about-news-hero .cta-white, .about-news-hero a.prod-btn {
  margin-left: 30px;
}
@media (max-width: 768px) {
  .about-news-hero .hero-cta, .about-news-hero .cta, .about-news-hero .cta-outline, .about-news-hero .cta-white, .about-news-hero a.prod-btn {
    margin-left: 0;
  }
}
.about-news-hero img {
  max-width: 300px;
  position: relative;
  display: block;
  margin: 50px 0 0 30px;
  width: auto;
}
@media (max-width: 1024px) {
  .about-news-hero img {
    margin-top: 90px;
  }
}
@media (max-width: 768px) {
  .about-news-hero img {
    margin-top: 130px;
    margin-left: 0;
    max-width: 250px;
  }
}
@media (max-width: 416px) {
  .about-news-hero img {
    margin-top: 100px;
  }
}

.larger-font {
  font-size: 1.5em;
}

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

.mobile-button > .cta, .mobile-button > .cta-outline, .mobile-button > .cta-white {
  margin: 24px auto 8px auto;
}

.careers-hero {
  background: url(/images/heroes/careers-hero-1550x245.jpg) no-repeat 50% 100%;
}

.food-hero {
  background: url(/images/heroes/foodservice-hero.jpg) no-repeat 50% 100%;
}

.store-header {
  background: url(/images/heroes/store-header.jpg) no-repeat 50% 100%;
}

#partner-header {
  background: url(/images/heroes/partnerships-hero.jpg) no-repeat 50% 100%;
  position: relative;
  padding: 0;
}
@media (max-width: 1550px) {
  #partner-header {
    background-position: 68% 100%;
  }
}

.detail-header {
  background: url(/images/heroes/buddig-original-hero.jpg) 67% 100% no-repeat;
}

#story-header {
  background: url(/images/heroes/our-story-hero.jpg) 78% 100% no-repeat;
  position: relative;
  padding: 0;
}
@media (max-width: 768px) {
  #story-header {
    background-position: 78% 88%;
    height: 560px;
  }
}

.yt-btn {
  position: absolute;
  width: 100%;
  height: 573px;
}
.yt-btn a {
  width: 150px;
  height: 100px;
  display: block;
  background: #c30000;
  border-radius: 28px;
  position: relative;
  margin: 0 auto;
  top: 200px;
  opacity: 0.7;
}
.yt-btn a:hover {
  opacity: 1;
}
.yt-btn a:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 29px solid transparent;
  border-bottom: 29px solid transparent;
  border-left: 44px solid #fff;
  position: absolute;
  left: 50%;
  margin-left: -22px;
  top: 50%;
  margin-top: -29px;
}
@media (max-width: 1024px) {
  .yt-btn a {
    width: 120px;
    height: 80px;
  }
  .yt-btn a:after {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 30px solid #fff;
    margin-left: -15px;
    margin-top: -20px;
  }
}

/*************************************** 
		CALL-TO-ACTION BUTTONS 
*****************************************/
.hero-cta, .cta, .cta-outline, .cta-white, a.prod-btn {
  background: #ac0b11;
  color: #fff;
  font: 20px "hvd_fonts_-_brandongrotesque-black-webfont", "Josefin Sans", sans-serif;
  height: auto;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  padding: 12px 35px 10px;
  width: auto !important;
  max-width: 100% !important;
  -webkit-transition: linear-gradient 0.3s ease-out;
  -moz-transition: linear-gradient 0.3s ease-out;
  -ms-transition: linear-gradient 0.3s ease-out;
  -o-transition: linear-gradient 0.3s ease-out;
  transition: linear-gradient 0.3s ease-out;
}
.hero-cta em, .cta em, .cta-outline em, .cta-white em, a.prod-btn em {
  padding-left: 0.5em;
  width: auto;
  top: -3px;
  position: relative;
}
.hero-cta em.fa-angle-right, .cta em.fa-angle-right, .cta-outline em.fa-angle-right, .cta-white em.fa-angle-right, a.prod-btn em.fa-angle-right {
  font-size: 1.7em;
  font-weight: 700;
  -webkit-text-stroke: 2px #fff;
}
.hero-cta:hover, .cta:hover, .cta-outline:hover, .cta-white:hover, a.prod-btn:hover, .hero-cta:focus, .cta:focus, .cta-outline:focus, .cta-white:focus, a.prod-btn:focus {
  background: #a12008;
  color: #fff;
  text-decoration: none;
}

.cta, .cta-outline, .cta-white {
  margin: 40px 0 0;
  border-radius: 10000px;
}
.cta.button:after, .button.cta-outline:after, .button.cta-white:after {
  content: "\f105";
  font-family: "FontAwesome";
  margin-left: 20px;
  top: 0.05em;
  font-size: 1.5em;
  line-height: 0;
  position: relative;
}
.cta.no-padding, .no-padding.cta-outline, .no-padding.cta-white {
  margin-top: 5px;
}

.cta-white {
  background-color: #fff;
  color: #ac0b11;
}
.cta-white em.fa-angle-right {
  -webkit-text-stroke: 2px #ac0b11;
}
.cta-white:hover, .cta-white:active {
  color: #ac0b11;
  background-color: rgb(253.737704918, 235.262295082, 235.9508196721);
}
.cta-white:visited {
  color: #ac0b11;
  background-color: #fff;
}

.cta-outline {
  background-color: #fff;
  color: #ac0b11;
  box-shadow: inset 0px 0px 0px 3px #ac0b11;
  transition: color background-color 0.3s;
}
.cta-outline em.fa-angle-right {
  -webkit-text-stroke: 2px #ac0b11;
}
.cta-outline:hover, .cta-outline:active {
  color: #fff;
  background-color: #ac0b11;
}

.cta-clear {
  border: 2px #fff solid;
  color: #fff;
  display: block;
  font-size: 22px;
  height: 59px;
  line-height: 2.5;
  margin: 188px 0 0 7%;
  text-align: center;
  width: 257px;
}
.cta-clear em {
  padding-left: 30px;
  width: auto;
}
.cta-clear:hover, .cta-clear:focus {
  background: rgba(250, 250, 250, 0.3);
  color: #fff;
  text-decoration: none;
}

/***************************************
			CONTENT
**************************************/
.breadcrumb,
.content-container {
  background: transparent;
  margin: 0;
  padding: 25px 20px;
}
@media (min-width:768px) {
  .breadcrumb,
  .content-container {
    padding: 25px 8.333%;
  }
}

.breadcrumb {
  display: none;
}
.breadcrumb li {
  font-size: 12px;
  text-transform: uppercase;
}
.breadcrumb li a {
  color: #ccc;
}
.breadcrumb li a:hover {
  color: rgb(178.5, 178.5, 178.5);
  text-decoration: underline;
}
.breadcrumb li a.active {
  color: #ad1e2c;
}
.breadcrumb li:last-child {
  color: #ad1e2c;
}
@media (min-width:768px) {
  .breadcrumb {
    display: block;
  }
}

main > .breadcrumb {
  padding-left: 0;
  padding-right: 0;
}

.recipe-byline .author {
  padding-left: 100px;
}
@media (max-width: 1350px) {
  .recipe-byline .author {
    padding: 0;
  }
}
.recipe-byline .author p {
  background: #eee;
  padding: 5px 20px;
}

.dashboard {
  margin: 0;
  padding: 50px 100px;
  /*.promo-link{
  	color: $gray;	  
  	@include font-size(12px);
  	@include transition(all 0s ease-out);
  	position: relative;
  	top: -35px;
  	left: 15px;

  	em{
  		padding-left: 6px;
  	}

  	&:hover{
  		border-bottom: 1px solid $gray;
  	}
  }*/
}
@media (max-width: 1350px) {
  .dashboard {
    padding: 50px 0px;
    width: 100%;
  }
}
.dashboard article {
  border: 1px #ccc solid;
  margin-bottom: 40px;
  padding-bottom: 15px;
  position: relative;
}
.dashboard article a {
  display: block;
}
.dashboard article p {
  padding: 0 15px;
  margin: 0 0 60px;
}
.dashboard article .read-more {
  color: #ad1e2c;
  display: block;
  font-size: 20px;
  font-weight: 700;
  text-align: right;
  position: absolute;
  right: 15px;
  bottom: 15px;
  letter-spacing: 0.5px;
}
.dashboard article .read-more em {
  padding-left: 16px;
}
@media (max-width: 400px) {
  .dashboard .col-xs-6 {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .social-media {
    display: none;
  }
}
.social-media img {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
}
.social-media img:hover {
  -webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  -moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
  -ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0);
}

main {
  padding: 0 20px;
}
@media (min-width:768px) {
  main {
    padding: 0 8.333%;
  }
}

.notched {
  position: relative;
}
.notched:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 44px 44px 0 44px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  left: calc(50% - 44px);
  top: 0;
  z-index: 1;
}

.recipes h3 {
  padding: 0 0 30px;
  font-family: "hvd_fonts_-_brandongrotesque-black-webfont", "Josefin Sans", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
}
@media (max-width: 400px) {
  .recipes h3 {
    text-align: center;
  }
}
@media (max-width: 1350px) {
  .recipes h3 {
    text-align: center;
  }
}

@media (max-width: 1024px) {
  .recipe-features {
    margin-top: 50px;
  }
}
@media (max-width: 768px) {
  .recipe-features {
    display: none;
  }
}
.recipe-features img {
  border: 1px solid #ccc;
}

.recipe-search {
  padding: 37px 15px;
}
.recipe-search .search-form {
  border: 1px #ccc solid;
  color: #ad1e2c;
  padding: 20px;
  overflow: hidden;
  font-size: 14px;
  font-size: 0.875rem;
}
.recipe-search .search-form .col-md-6 {
  padding: 0;
}
.recipe-search .search-form .col-md-6:first-child {
  margin-left: 0;
}
@media (min-width: 992px) {
  .recipe-search .search-form .col-md-6 {
    width: auto;
    margin-left: 20px;
  }
  .recipe-search .search-form .col-md-6:first-child {
    margin-left: 0;
  }
  .recipe-search .search-form .col-md-6 > .col-xs-6, .recipe-search .search-form .col-md-6 > .col-xs-12 {
    width: auto;
    padding: 0;
    margin-left: 20px;
  }
  .recipe-search .search-form .col-md-6 > .col-xs-6:first-child, .recipe-search .search-form .col-md-6 > .col-xs-12:first-child {
    margin-left: 0;
  }
}
.recipe-search .search-form .check {
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 12px;
}
.recipe-search .search-form .check .col-md-4 {
  line-height: 30px;
}
.recipe-search .search-form label, .recipe-search .search-form input {
  display: inline-block;
}
.recipe-search .search-form label {
  font: 16px "hvd_fonts_-_brandongrotesque-black-webfont", "Josefin Sans", sans-serif;
  line-height: 30px;
}
@media (max-width: 992px) {
  .recipe-search .search-form label {
    font-size: 22px;
  }
}
.recipe-search .search-form input[type=checkbox] {
  font-size: 14px;
  margin: 0 8px 15px 0;
  display: block;
  float: left;
  position: relative;
  top: 9px;
}
.recipe-search .search-form select {
  border: 1px #ccc solid;
  font: 12px Verdana, Helvetica, sans-serif;
  height: 30px;
  margin: 0;
  padding: 5px;
  width: 100%;
}
@media (max-width: 992px) {
  .recipe-search .search-form select {
    margin: 0 0 15px;
  }
}
@media (min-width: 1400px) {
  .recipe-search .search-form select {
    width: 168px;
  }
}

.recipe-list {
  font-size: 0;
  color: #a0a0a0;
}
.recipe-list .meal-item {
  border: 1px #ccc solid;
  margin-bottom: 40px;
}
.recipe-list .meal-item h2, .recipe-list .meal-item .h2 {
  color: #ad1e2c;
  font-size: 24px;
  margin: 15px 0;
  padding: 0 15px;
  text-align: center;
  display: table;
  width: 100%;
}
.recipe-list .meal-item h2 span, .recipe-list .meal-item .h2 span {
  display: table-cell;
  vertical-align: middle;
}
.recipe-list .meal-item .img-wrapper {
  position: relative;
}
.recipe-list .meal-item .yt-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: block;
  width: 50px;
  height: 35px;
  background: #c30000;
  border-radius: 10px;
  margin: 0 auto;
  opacity: 0.7;
}
.recipe-list .meal-item .yt-btn:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 14px solid #fff;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 50%;
  margin-top: -7px;
}
.recipe-list .meal-item .meal-caption {
  padding: 25px 0;
}
.recipe-list .meal-item .meal-caption p {
  font-size: 11px;
  display: inline-block;
  margin: 0;
  padding: 0 13px;
  width: 50%;
}
.recipe-list .meal-item .meal-caption p:last-child {
  text-align: right;
}
.recipe-list .meal-item .meal-caption p i, .recipe-list .meal-item .meal-caption p em {
  display: inline-block;
  padding-right: 5px;
}
@media (max-width: 400px) {
  .recipe-list .col-xs-6 {
    width: 100%;
  }
}

#recipe-list {
  padding-bottom: 80px;
}

.recipe-info {
  margin: 0;
}
.recipe-info .recipe-image {
  padding: 0;
  position: relative;
}
.recipe-info .recipe-image .yt-btn {
  height: 712px;
  top: 0;
}
.recipe-info .recipe-image .yt-btn a {
  top: 280px;
}
@media (max-width: 1199px) {
  .recipe-info .recipe-image .yt-btn a {
    top: 180px;
  }
}
.recipe-info .recipe-image .coupon {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 10px;
}
.recipe-info .recipe-image .coupon img {
  max-width: 360px;
}
.recipe-info figure {
  background: url(/images/recipes/denver-omelette-stuffing-cups-hero.jpg) 33% 100% no-repeat;
  background-size: cover;
  display: block;
  padding: 0;
  height: 712px;
  margin: 0;
  max-width: 1081px;
}
@media (max-width: 1199px) {
  .recipe-info figure {
    background-position: 40% 100%;
    height: 450px;
  }
}
@media (max-width: 400px) {
  .recipe-info figure {
    height: 400px;
  }
}
@media (max-width: 320px) {
  .recipe-info figure {
    height: 300px;
  }
}
.recipe-info .recipe-details {
  display: inline-block;
  padding: 0;
  margin: 0;
  position: relative;
  height: 712px;
}
@media (max-width: 992px) {
  .recipe-info .recipe-details {
    max-width: 100%;
  }
}
.recipe-info .recipe-details h1, .recipe-info .recipe-details h2, .recipe-info .recipe-details .h1, .recipe-info .recipe-details .h2 {
  background: #800a0c;
  color: #fff;
  display: block;
  font-size: 36px;
  margin: 0;
  padding: 20px 40px;
}
@media (max-width: 400px) {
  .recipe-info .recipe-details h1, .recipe-info .recipe-details h2, .recipe-info .recipe-details .h1, .recipe-info .recipe-details .h2 {
    font-size: 32px;
  }
}
@media (max-width: 450px) {
  .recipe-info .recipe-details h1, .recipe-info .recipe-details h2, .recipe-info .recipe-details .h1, .recipe-info .recipe-details .h2 {
    padding: 15px;
  }
}
.recipe-info .recipe-details #tabs {
  background: #fff;
  font-family: Verdana, Helvetica, sans-serif;
  height: 505px;
  color: #a0a0a0;
}
.recipe-info .recipe-details #tabs .tabs-nav {
  font-size: 0;
  padding: 0;
  margin: 0;
}
.recipe-info .recipe-details #tabs .tabs-nav li {
  border-right: 2px #fff solid;
  display: inline-block;
  width: 33.3333%;
}
.recipe-info .recipe-details #tabs .tabs-nav li:first-child {
  margin-left: 0;
}
.recipe-info .recipe-details #tabs .tabs-nav a {
  background: #eee;
  color: #a0a0a0;
  display: block;
  font-size: 16px;
  line-height: 2.5;
  height: 106px;
  padding: 57px 10px 0;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50% 20px;
}
.recipe-info .recipe-details #tabs .tabs-nav a:hover {
  background-color: #fff;
}
.recipe-info .recipe-details #tabs .tabs-nav a.ingredients {
  background-image: url("scss/images/tab-icon_ingredients.png");
}
.recipe-info .recipe-details #tabs .tabs-nav a.directions {
  background-image: url("scss/images/tab-icon_directions.png");
}
.recipe-info .recipe-details #tabs .tabs-nav a.nutrition {
  background-image: url("scss/images/tab-icon_nutrition.png");
}
.recipe-info .recipe-details #tabs .tabs-nav .current {
  background-color: #fff;
}
.recipe-info .recipe-details #tabs .tab-section {
  font-size: 12px;
  padding: 40px;
  overflow-y: auto;
  letter-spacing: 0.4px;
  font-family: Arial, sans-serif;
  color: #767676;
  line-height: 17px;
}
.recipe-info .recipe-details #tabs .tab-section ul {
  list-style-type: disc;
  margin-left: 18px;
}
.recipe-info .recipe-details #tabs .tab-section ul li {
  margin: 0 0 8px;
}
.recipe-info .recipe-details .recipe-caption {
  background: #800a0c;
  height: 61px;
  padding: 20px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media (max-width: 1199px) {
  .recipe-info .recipe-details .recipe-caption {
    display: none;
  }
}
@media (min-width: 1200px) {
  .recipe-info .recipe-details .recipe-caption {
    display: block;
  }
}
.recipe-info .recipe-details .recipe-caption p {
  color: #fff;
  font-size: 15px;
  display: inline-block;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}
@media (min-width: 1200px) and (max-width: 1380px) {
  .recipe-info .recipe-details .recipe-caption p {
    font-size: 10px;
    line-height: 24px;
  }
}
.recipe-info .recipe-details .recipe-caption p a {
  color: #fff;
  margin-left: 20px;
}
.recipe-info .recipe-details .recipe-caption p a:before {
  content: "";
  margin-right: 5px;
  width: 28px;
  height: 28px;
  float: left;
}
.recipe-info .recipe-details .recipe-caption p a:hover, .recipe-info .recipe-details .recipe-caption p a:focus {
  text-decoration: none;
}
.recipe-info .recipe-details .recipe-caption p a:first-child {
  margin-left: 0;
}
.recipe-info .recipe-details .recipe-caption p a.share {
  margin-left: 0;
}
.recipe-info .recipe-details .recipe-caption p a.serving, .recipe-info .recipe-details .recipe-caption p a.time {
  float: right;
  cursor: default;
}
.recipe-info .recipe-details .recipe-caption p a.serving:before {
  background: url("scss/images/icon_people.png") no-repeat 0 -1px;
}
.recipe-info .recipe-details .recipe-caption p a.time:before {
  background: url("scss/images/icon_clock.png") no-repeat 0 -1px;
}
.recipe-info .recipe-details .recipe-caption p a.print:before {
  background: url("scss/images/icon_print.png") no-repeat 0 0;
  margin-right: 0;
}
.recipe-info .recipe-details .recipe-caption p a.share:before {
  background: url("scss/images/icon_share.png") no-repeat 100% 0;
  width: 38px;
  margin-right: 0;
}
@media (max-width: 450px) {
  .recipe-info .recipe-details .recipe-caption p a.share:before {
    width: 34px;
  }
}
.recipe-info .recipe-details .recipe-caption.rcpm {
  position: relative;
  display: none;
  padding: 20px 40px;
  margin: -1px 0 0;
}
@media (max-width: 1199px) {
  .recipe-info .recipe-details .recipe-caption.rcpm {
    display: block;
  }
}
@media (min-width: 1200px) {
  .recipe-info .recipe-details .recipe-caption.rcpm {
    display: none;
  }
}
@media (max-width: 450px) {
  .recipe-info .recipe-details .recipe-caption.rcpm {
    padding: 15px;
  }
}

@media (max-width: 1199px) {
  #recipeImage.hasAd figure {
    height: 515px;
  }
}
#recipeImage.hasAd .coupon img {
  max-width: auto;
}

.fb-comments {
  background: #fff;
  height: 300px;
  margin: 0;
}

.products-header {
  background: url(/images/heroes/all-products-hero.jpg) no-repeat 50% 100%;
}

.products-hero {
  background: url("scss/images/bg-lettuce.png") no-repeat 100% 100% #fff;
  position: relative;
}
@media (max-width: 991px) {
  .products-hero {
    background: #fff;
    padding-top: 0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1300px) {
  .products-hero {
    background-position: 114% 100%;
  }
}
.products-hero h2, .products-hero .h2 {
  color: #ad1e2c;
}
@media (min-width: 992px) and (max-width: 1300px) {
  .products-hero h2, .products-hero .h2 {
    letter-spacing: -1.5px;
  }
}
.products-hero img {
  width: auto;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.family-favorites {
  background: url("scss/images/all-products-background-image-1550x949-kfbbq.jpg") no-repeat 50% 0;
  background-size: cover;
  padding: 30px 20px;
}
.family-favorites h2, .family-favorites .h2 {
  color: #fff;
  line-height: 1;
  margin-top: 0;
}
@media (max-width: 750px) {
  .family-favorites h2, .family-favorites .h2 {
    font-size: 40px;
  }
}
.family-favorites p {
  color: #fff;
}
.family-favorites .products-display {
  margin-top: 50px;
}
.family-favorites .products-display .item {
  margin: 0 0 30px;
}
.family-favorites .products-display .product {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  background: #fff;
  text-align: center;
  height: auto !important;
  padding: 20px;
}
.family-favorites .products-display .product img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto -30px;
}
@media (min-width:768px) {
  .family-favorites {
    padding: 68px 8.333% 80px;
  }
  .family-favorites .products-display .item {
    display: -ms-flexbox;
    display: flex;
  }
  .family-favorites .products-display .image {
    width: 50%;
  }
  .family-favorites .products-display .product {
    width: 50%;
  }
  .family-favorites .products-display .product img {
    margin-bottom: -50px;
  }
}
@media (min-width: 1400px) {
  .family-favorites .products-display {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    margin-left: -15px;
    margin-right: -15px;
  }
  .family-favorites .products-display .item {
    max-width: 100%;
    position: relative;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .family-favorites .products-display .cta, .family-favorites .products-display .cta-white, .family-favorites .products-display .cta-outline {
    height: 36px;
    font-size: 12px;
    padding: 0 20px;
  }
}

.find-store {
  background: url("scss/images/bg-bread.png") no-repeat 100% 100% #fff;
  height: 473px;
  position: relative;
}
@media (max-width: 991px) {
  .find-store {
    background: #fff;
  }
}
@media (min-width: 992px) and (max-width: 1500px) {
  .find-store {
    background-position: 200% 100%;
  }
}
.find-store h2, .find-store .h2 {
  color: #ad1e2c;
  margin-top: 0;
}
@media (max-width: 750px) {
  .find-store .cta, .find-store .cta-white, .find-store .cta-outline {
    margin: 0 0 30px;
    width: 100%;
  }
}
.find-store .bread {
  background-color: #fff;
}
.find-store .bread img {
  position: relative;
  right: -15px;
}
@media (min-width: 992px) {
  .find-store .bread {
    display: none;
  }
}

.product-search {
  background: #faf8eb;
}
.product-search .search-bar {
  background: url("scss/images/original-search-bg.png") no-repeat 50% 0;
  height: 102px;
  padding: 30px 0 0 100px;
}
@media (max-width: 1350px) {
  .product-search .search-bar {
    padding-left: 15px;
  }
}
@media (max-width: 768px) {
  .product-search .search-bar {
    padding: 12px 15px;
  }
}
.product-search .search-bar span {
  color: #ad1e2c;
  font-size: 14px;
  margin-right: 20px;
  font-family: "hvd_fonts_-_brandongrotesque-black-webfont", "Josefin Sans", sans-serif;
}
@media (max-width: 768px) {
  .product-search .search-bar span {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    margin: 0 0 10px;
  }
}
.product-search .search-bar .flavor, .product-search .search-bar .size {
  background: #ccc;
  border: none;
  border-radius: 5px 0 0 5px;
  color: #ededed;
  font-size: 12px;
  height: 43px;
  margin-right: -6px;
  width: 124px;
  display: inline-block;
  text-align: center;
  font: 16px/43px "hvd_fonts_-_brandongrotesque-black-webfont", "Josefin Sans", sans-serif;
}
@media (max-width: 768px) {
  .product-search .search-bar .flavor, .product-search .search-bar .size {
    width: 50%;
  }
}
.product-search .search-bar .size {
  border-radius: 0 5px 5px 0;
}
.product-search .search-bar .active {
  background: linear-gradient(#fe0000, #ac0807);
  color: #fff;
}
.product-search .search-bar.canada {
  padding-left: 0;
}
@media (max-width: 768px) {
  .product-search .search-bar.canada {
    height: auto;
  }
}

#products {
  text-align: center;
}
#products a {
  font-family: "hvd_fonts_-_brandongrotesque-black-webfont", "Josefin Sans", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  color: #ad1e2c;
}
#products .col-xs-12 {
  height: auto;
  margin: 0 0 20px;
}
#products .col-xs-12 img {
  margin: 0 auto 10px;
  display: block;
  height: 80%;
  max-width: 100%;
}
@media (min-width:1200px) {
  #products .col-xs-12 img {
    height: 66.666%;
  }
}
#products .col-xs-12 a[href="#"] img {
  width: 100%;
  height: auto;
  max-width: 400px;
}
@media (min-width:768px) {
  #products .col-xs-12 a[href="#"] img {
    max-width: 333px;
  }
}
@media (min-width:992px) {
  #products .col-xs-12 a[href="#"] img {
    max-width: 500px;
  }
}
#products.canada h3 {
  font-family: Verdana;
  font-size: 20px;
  text-transform: none;
  letter-spacing: unset;
  margin: 0 0 20px;
}
#products.canada img.border {
  border: 1px solid #a0a0a0;
}

.product-group {
  /* .food-serv{
  	@media (max-width: 991px) {
  		display: none;
  	}
  } */
}
.product-group .breadcrumb {
  padding: 25px 0 66px;
}
.product-group h2, .product-group .h2 {
  color: #ad1e2c;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 37px;
  margin: 13px 0 20px 0;
}
.product-group p {
  font-size: 18px;
  color: #000;
}
.product-group .food-partners .left {
  max-width: 190px;
  margin-right: 26px;
  margin-bottom: 15px;
}
@media (max-width: 991px) {
  .product-group .food-partners .left {
    max-width: 600px;
    margin: 0 auto 15px;
    float: none;
    display: block;
  }
}
.product-group .buddig-image {
  margin: 50px 0 0;
}
@media (min-width: 992px) {
  .product-group .buddig-image {
    display: none;
  }
}
.product-group.fix-quix {
  background: url(scss/images/bg-lettuce-tom.png) no-repeat 100% 50%;
}
@media (max-width: 1350px) {
  .product-group.fix-quix {
    background: none;
  }
}
.product-group.fix-quix p {
  padding-right: 100px;
}
@media (max-width: 1350px) {
  .product-group.fix-quix p {
    padding-right: 0;
  }
}

.product-show {
  background: #faf8eb;
}
.product-show img {
  max-width: 300px;
  display: table;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .product-show img {
    margin: 0 auto 30px;
  }
}

.original-header {
  background: url(/images/products/buddig-original-header.jpg) no-repeat;
  padding-left: 100px;
}
@media (max-width: 1024px) {
  .original-header {
    padding: 0 15px;
    width: 100%;
  }
}
.original-header h1, .original-header .h1 {
  color: #fff;
}

.product-variety {
  padding: 0 100px;
  margin: 50px 0 30px 0;
}
@media (max-width: 991px) {
  .product-variety {
    padding: 0;
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1350px) {
  .product-variety {
    padding: 0 15px;
  }
}
.product-variety h2, .product-variety .h2 {
  color: #ad1e2c;
  font-size: 24px;
  font-size: 1.5rem;
  margin: 0 0 15px;
}
.product-variety .display {
  display: inline-block;
  padding-right: 0;
  padding-left: 0;
  vertical-align: top;
}
.product-variety .display .slide {
  display: table;
  width: 100%;
}
@media (max-width: 1199px) {
  .product-variety .display .slide {
    margin: 0 auto;
  }
}
.product-variety .display .slide .left-arrow, .product-variety .display .slide .right-arrow {
  display: table-cell;
  max-width: 52px;
  vertical-align: middle;
  padding-right: 10px;
  display: none;
}
@media (min-width: 992px) {
  .product-variety .display .slide .left-arrow, .product-variety .display .slide .right-arrow {
    display: table-cell;
  }
}
.product-variety .display .slide .slide-view {
  max-width: 341px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  /*img{
  	max-width: 341px;
  	right: 0;
  	bottom: 0;
  	margin: auto; 
  }*/
}
.product-variety .display .slide .right-arrow {
  padding-right: 0;
  padding-left: 10px;
}
.product-variety .display .cycle-pager {
  overflow: hidden;
}
.product-variety .display #per-slide-template {
  font-size: 0;
  margin: 0 -15px 50px;
  padding: 55px 0 0 0;
}
@media (max-width: 991px) {
  .product-variety .display #per-slide-template {
    margin: 0 0 50px;
  }
}
.product-variety .display #per-slide-template a {
  background: #ccc;
  display: table;
  color: #fff;
  font: 18px "hvd_fonts_-_brandongrotesque-black-webfont", "Josefin Sans", sans-serif;
  line-height: 0.9;
  height: 60px;
  margin: 0 15px 15px;
  width: 20%;
  text-align: center;
  vertical-align: top;
  float: left;
  padding: 0 5px;
}
.product-variety .display #per-slide-template a:hover {
  background: #ad1e2c;
}
.product-variety .display #per-slide-template a span {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 991px) {
  .product-variety .display #per-slide-template a {
    margin: 0 1.6% 10px;
    width: 46%;
    max-width: 46%;
  }
}
.product-variety .display #per-slide-template .cycle-pager-active {
  background: #ad1e2c;
}
.product-variety #per-slide-buttons {
  display: table;
  margin: 15px auto 0;
}
.product-variety #per-slide-buttons a {
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 50%;
  border: 1px solid #a0a0a0;
  float: left;
  margin-left: 10px;
}
.product-variety #per-slide-buttons a:first-child {
  margin-left: 0;
}
.product-variety #per-slide-buttons a span {
  display: none;
}
.product-variety #per-slide-buttons a.cycle-pager-active, .product-variety #per-slide-buttons a:hover {
  background: #ad1e2c;
}
@media (min-width: 992px) {
  .product-variety #per-slide-buttons {
    display: none;
  }
}
.product-variety .facts img {
  max-width: 279px;
  display: table;
  margin: 0 auto 5px;
}
.product-variety .facts p {
  font-size: 10px;
  font-style: italic;
  margin: 0 0 50px;
}
@media (min-width: 992px) {
  .product-variety .facts p {
    margin: 0 0 30px;
  }
}
.product-variety .contents {
  display: inline-block;
}
@media (max-width: 1280px) {
  .product-variety .contents {
    padding-left: 40px;
  }
}
@media (max-width: 1199px) {
  .product-variety .contents {
    margin-top: 30px;
    clear: both;
    padding-left: 15px;
    width: 100%;
  }
}
.product-variety .contents h2, .product-variety .contents .h2 {
  color: #ad1e2c;
  font-size: 24px;
}
@media (max-width: 1199px) {
  .product-variety .contents h2, .product-variety .contents .h2 {
    float: left;
  }
}
@media (max-width: 800px) {
  .product-variety .contents h2, .product-variety .contents .h2 {
    float: none;
    text-align: center;
  }
}
@media (max-width: 1199px) {
  .product-variety .contents p {
    clear: left;
    float: left;
    width: 50%;
  }
}
@media (max-width: 800px) {
  .product-variety .contents p {
    clear: none;
    float: none;
    text-align: center;
    width: 100%;
  }
}
.product-variety .contents img {
  display: block;
  max-width: 381px;
}
@media (max-width: 1199px) {
  .product-variety .contents img {
    float: right;
    margin-top: -50px;
    width: 300px;
  }
}
@media (max-width: 800px) {
  .product-variety .contents img {
    float: none;
    margin: 0 auto;
  }
}
.product-variety .call-btn {
  float: right;
  margin: 20px 0 0 0;
  padding-left: 83px;
}
@media (max-width: 1600px) {
  .product-variety .call-btn {
    padding-left: 10px;
  }
}
@media (max-width: 1199px) {
  .product-variety .call-btn {
    margin: 50px 0 0 0;
    width: 100%;
  }
}
@media (max-width: 800px) {
  .product-variety .call-btn {
    margin-top: 0;
  }
}
.product-variety .call-btn .cta-clear {
  border-color: #ad1e2c;
  color: #ad1e2c;
  display: inline-block;
  margin: 0 24px 0 0;
  width: 200px;
}
@media (max-width: 1199px) {
  .product-variety .call-btn .cta-clear {
    margin-right: 0;
    width: 282px;
  }
}
@media (max-width: 800px) {
  .product-variety .call-btn .cta-clear {
    margin-top: 25px;
    width: inherit;
  }
}
.product-variety .ingredients img {
  max-width: 400px;
  display: table;
  margin: 0 auto;
}
.product-variety .find-print {
  clear: both;
  padding: 15px 0 0;
  text-align: center;
}
@media (min-width: 992px) {
  .product-variety .find-print {
    text-align: left;
    margin-left: 15px;
  }
}
.product-variety .find-print a {
  width: 48%;
  max-width: 200px;
  text-transform: uppercase;
  margin-right: 4%;
}
.product-variety .find-print a.print {
  margin-right: 0;
}
@media (max-width: 991px) {
  .product-variety .find-print a {
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px;
  }
}

.family-fun {
  background: #fff;
  padding: 0 100px;
}
@media (max-width: 1024px) {
  .family-fun {
    padding: 0 15px;
    width: 100%;
  }
}
.family-fun .intro {
  padding: 25px 0;
}
@media (max-width: 400px) {
  .family-fun .intro header {
    width: 100%;
  }
}
.family-fun .intro header h2, .family-fun .intro header .h2 {
  color: #ad1e2c;
  letter-spacing: -1px;
  margin: 0 0 20px 0;
  word-spacing: -2px;
}
.family-fun .intro header p {
  font-size: 13px;
  width: 79%;
}
@media (max-width: 992px) {
  .family-fun .intro header p {
    width: 100%;
  }
}
.family-fun .intro .share-tips {
  float: right;
  text-align: right;
  max-width: 321px;
}
@media (max-width: 400px) {
  .family-fun .intro .share-tips {
    max-width: none;
    margin-top: 25px;
    width: 100%;
  }
}
.family-fun .intro .share-tips a {
  border: 1px #ccc solid;
  display: block;
}

.family-dashboard {
  padding: 0 0 25px;
}
.family-dashboard article {
  border: 1px #ccc solid;
  margin-bottom: 40px;
  padding-bottom: 15px;
  position: relative;
}
.family-dashboard article a {
  display: block;
}
.family-dashboard article p {
  padding: 0 15px;
  margin: 0 0 25px;
}
.family-dashboard article .read-more {
  color: #ad1e2c;
  display: block;
  font: bold 20px;
  text-align: right;
  position: absolute;
  right: 10px;
  bottom: 10px;
  letter-spacing: 0.5px;
}
.family-dashboard article .read-more i {
  padding-left: 16px;
}

@media (max-width: 400px) {
  .share-header h1, .share-header .h1 {
    font-size: 48px;
    padding-top: 148px;
  }
}
@media (max-width: 320px) {
  .share-header h1, .share-header .h1 {
    font-size: 42px;
    padding-top: 148px;
  }
}

.intro {
  padding: 25px 0;
}
@media (max-width: 750px) {
  .intro header {
    width: 100%;
  }
}
.intro header h2, .intro header .h2 {
  color: #ad1e2c;
  line-height: 1;
  letter-spacing: -1px;
  margin: 0 0 20px 0;
  word-spacing: -2px;
}
@media (max-width: 1024px) {
  .intro header h2, .intro header .h2 {
    font-size: 40px;
  }
}
@media (max-width: 320px) {
  .intro header h2, .intro header .h2 {
    font-size: 34px;
  }
}
.intro header p {
  font-size: 13px;
  width: 79%;
}
@media (max-width: 992px) {
  .intro header p {
    width: 100%;
  }
}
.intro img {
  border: 1px solid #ccc;
}

.club-intro h2, .about h2, .club-intro .h2, .about .h2 {
  color: #ad1e2c;
  line-height: 1;
  letter-spacing: -0.8px;
  margin: 0 0 30px;
  word-spacing: -2px;
}
@media (max-width: 1024px) {
  .club-intro h2, .about h2, .club-intro .h2, .about .h2 {
    font-size: 40px;
  }
}
@media (max-width: 320px) {
  .club-intro h2, .about h2, .club-intro .h2, .about .h2 {
    font-size: 34px;
  }
}
.club-intro .pics, .about .pics {
  margin: 50px 0 0;
}
@media (max-width: 1350px) {
  .club-intro .pics, .about .pics {
    margin: 50px 15px 0;
  }
}
.club-intro .pics .item, .about .pics .item {
  padding: 0;
  position: relative;
}
.club-intro .pics .item .on, .about .pics .item .on {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.club-intro .pics .item:hover > .on, .about .pics .item:hover > .on {
  opacity: 1;
}
.club-intro .share-tips img, .about .share-tips img {
  max-width: 435px;
}
@media (max-width: 768px) {
  .club-intro .share-tips img, .about .share-tips img {
    margin: 20px 0 0;
  }
}

.product-vanity {
  float: right;
  margin-top: -110px;
  vertical-align: top;
  width: 39%;
}
@media (max-width: 1280px) {
  .product-vanity {
    display: initial;
    position: absolute;
    top: 384px;
    right: 40px;
    width: 20%;
  }
}
@media (max-width: 1270px) {
  .product-vanity {
    width: 26%;
  }
}
@media (max-width: 1024px) {
  .product-vanity {
    top: 288px;
    right: 46px;
  }
}
@media (max-width: 992px) {
  .product-vanity {
    top: 315px;
    width: 35%;
  }
}
@media (max-width: 750px) {
  .product-vanity {
    display: none;
  }
}

.share-form {
  margin-bottom: 50px;
  /*@media (max-width: 1280px) {
  	width: 100%;
  }*/
}
.share-form > div {
  margin-bottom: 30px;
}
@media (max-width: 750px) {
  .share-form > div {
    padding: 0;
    width: 100%;
  }
}
.share-form > div label {
  font: 18px "Montserrat", sans-serif;
  color: #a0a0a0;
  margin: 0 0 10px;
}
.share-form > div label a:hover {
  text-decoration: underline;
}
.share-form > div input, .share-form > div select, .share-form > div textarea {
  font-size: 12px;
  border: 1px solid #ccc;
  background: #f7f7f7;
  max-width: 100%;
}
.share-form > div input[type=submit] {
  font-size: 22px;
}
.share-form > div input[type=checkbox] {
  display: block;
  float: left;
  margin-right: 5px;
}
.share-form h2, .share-form .h2 {
  color: #ad1e2c;
  line-height: 1;
  letter-spacing: -1px;
  margin: 0 0 20px 0;
  word-spacing: -2px;
}
@media (max-width: 1024px) {
  .share-form h2, .share-form .h2 {
    font-size: 40px;
  }
}
@media (max-width: 320px) {
  .share-form h2, .share-form .h2 {
    font-size: 34px;
  }
}
.share-form .intro-text {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0 0 50px;
}
.share-form .checkbox-inline {
  display: inline-block;
  margin: -5px 0 0;
  padding-left: 0;
}
.share-form .form-group p {
  color: #999;
  font: 11px "Montserrat", sans-serif;
}
.share-form .cta-clear {
  color: #ad1e2c;
  border-color: #ad1e2c;
  margin: 0;
  max-width: 200px;
  width: 100%;
}
.share-form .cta, .share-form .cta-white, .share-form .cta-outline {
  margin-top: 0;
}
.share-form .photoLabel {
  display: block;
}
.share-form .fuUpload {
  position: relative;
  border: none;
  height: 60px;
  width: 245px;
  cursor: pointer;
  margin: 0 0 30px;
  float: left;
}
.share-form .fuUpload span {
  content: "Add Photo";
  width: 200px;
  line-height: 60px;
  text-transform: uppercase;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 10;
  color: #ad1e2c;
  border: 2px solid #ad1e2c;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: bold;
  cursor: pointer;
}
.share-form .fuUpload .fuPhoto {
  position: absolute;
  z-index: 1000;
  opacity: 0;
  height: 60px;
  cursor: pointer;
}
.share-form #uploadFile {
  background: #fff;
  line-height: 60px;
  margin-left: 5px;
  border: none;
  color: #777;
  height: 60px;
  width: 400px;
}
@media (max-width: 651px) {
  .share-form #uploadFile {
    height: 15px;
    line-height: 15px;
    margin: 0 0 15px;
  }
}
.share-form .form-contain {
  padding-left: 0;
  padding-right: 0;
  margin: 25px 0 0;
}
.share-form .main-image {
  padding: 75px 0 0 20px;
}
@media (max-width: 991px) {
  .share-form .main-image {
    display: none;
  }
}

.breadshare {
  margin: 0;
  overflow: hidden;
}
.breadshare .col-lg-8 {
  padding-left: 0;
}
@media (max-width: 1199px) {
  .breadshare .breadcrumb {
    display: none;
  }
}

.social-share {
  padding: 15px 35px;
  background: #ececec;
  display: none;
  overflow: hidden;
  -webkit-box-shadow: 4px 5px 5px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 4px 5px 5px rgba(0, 0, 0, 0.18);
  -ms-box-shadow: 4px 5px 5px rgba(0, 0, 0, 0.18);
  -o-box-shadow: 4px 5px 5px rgba(0, 0, 0, 0.18);
  box-shadow: 4px 5px 5px rgba(0, 0, 0, 0.18);
}
@media (max-width: 1199px) {
  .social-share {
    display: none;
  }
}
.social-share a {
  color: #800a0c;
  display: inline-block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 2px solid #800a0c;
  line-height: 36px;
  text-align: center;
  margin-left: 10px;
  font-size: 18px;
  font-size: 1.125rem;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .social-share a.right {
    float: left;
  }
}
.social-share span {
  line-height: 38px;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .social-share span.right {
    display: none;
  }
}
.social-share#ssm {
  display: none;
}

.fb-post {
  padding-bottom: 130px;
}
.fb-post h2, .fb-post .h2 {
  color: #666;
  margin: 0 0 50px;
}
.fb-post .fb-comments {
  width: 100% !important;
}
.fb-post .fb-comments .fb-comments, .fb-post .fb-comments span, .fb-post .fb-comments iframe[style] {
  width: 100% !important;
}

.lunch-club-form .benefits {
  padding: 40px 0 0;
}
.lunch-club-form .benefits .col-md-6 {
  margin: 0 0 10px;
}
.lunch-club-form .benefits .col-md-6 h4 {
  padding: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .about {
    padding: 50px 20px !important;
  }
}
.about .hero-cta, .about a.prod-btn, .about .cta, .about .cta-white, .about .cta-outline {
  margin: 30px 0 0;
}
@media (max-width: 991px) {
  .about .hero-cta, .about a.prod-btn, .about .cta, .about .cta-white, .about .cta-outline {
    width: 100%;
  }
}
.about img {
  margin: 50px 0 35px;
}
@media (max-width: 991px) {
  .about img {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .about.school {
    padding-top: 0 !important;
  }
}

@media (min-width: 1351px) {
  .news-dash {
    margin: 0 -15px;
  }
}
.news-dash h3 {
  font-size: 18px;
  line-height: 1.1;
}
.news-dash h4 {
  font-size: 24px;
  line-height: 1.1;
  padding: 0 15px 40px;
}

.news-detail h2, .news-detail .h2 {
  font-size: 46px;
  font-size: 2.875rem;
  color: #ad1e2c;
  margin: 0 0 20px;
}
.news-detail h6 {
  color: #807878;
  margin: 0 0 5px;
}
.news-detail img {
  margin: 50px 0 0;
}
.news-detail .post {
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 0 0 25px;
}
@media (max-width: 991px) {
  .news-detail .post {
    margin: 25px 0;
  }
}
.news-detail .cta, .news-detail .cta-white, .news-detail .cta-outline {
  margin: 35px 0 50px;
  width: 240px;
}
@media (max-width: 991px) {
  .news-detail .cta, .news-detail .cta-white, .news-detail .cta-outline {
    width: 100%;
  }
}
.news-detail #recipe-vids {
  margin-top: 90px;
}
@media (max-width: 991px) {
  .news-detail #recipe-vids {
    margin-top: 0;
  }
}
.news-detail #recipe-vids .col-xs-12 {
  margin-bottom: 30px;
}
.news-detail #tv-spots .wrapper {
  margin: 0 -15px;
  overflow: hidden;
}
.news-detail #tv-spots .wrapper .video {
  margin: 0 0 30px;
}
.news-detail #tv-spots .wrapper .video .vid-contain {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.news-detail #tv-spots .wrapper .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.news-detail #tv-spots .wrapper .video .vid-image {
  cursor: pointer;
}
.news-detail #tv-spots .wrapper .video .vid-image img {
  margin: 0;
}

.social-links {
  color: #ad1e2c;
}
.social-links span {
  font-size: 13px;
  font-size: 0.8125rem;
  display: block;
  margin: 0 0 10px;
}
.social-links ul {
  overflow: hidden;
}
.social-links ul li {
  float: left;
  margin-left: 15px;
}
.social-links ul li:first-child {
  margin-left: 0;
}
.social-links ul li a {
  width: 44px;
  height: 44px;
  border: 2px solid rgba(173, 30, 44, 0.5);
  border-radius: 50%;
  text-align: center;
  line-height: 44px;
  display: block;
  color: #ad1e2c;
  font-size: 22px;
  font-size: 1.375rem;
}

.job-open {
  font-size: 13px;
  font-size: 0.8125rem;
}
.job-open h2, .job-open .h2 {
  color: #ad1e2c;
  margin: 0 0 30px;
}
.job-open a {
  color: #ad1e2c;
  text-decoration: underline;
}
@media (max-width: 991px) {
  .job-open img {
    display: none;
  }
}
.job-open .login {
  margin: 20px 0 50px;
  display: table;
  float: right;
}
@media (max-width: 991px) {
  .job-open .login {
    float: none;
    margin: 0 0 20px;
  }
}
.job-open .login ul {
  overflow: hidden;
}
.job-open .login .log:before {
  content: "|";
  margin: 0 5px;
  text-decoration: none;
  color: #ad1e2c;
}
.job-open .table {
  margin: 30px 0 0;
}
.job-open .table.table-striped > tbody > tr:nth-of-type(odd) {
  background: #fff;
}
.job-open .table.table-striped > tbody > tr:nth-of-type(even) {
  background: #f2f2f2;
}
@media (min-width: 1024px) {
  .job-open .table td {
    padding: 10px 20px;
  }
}
.job-open .table thead td {
  background: #ad1e2c;
  font-weight: bold;
  color: #fff;
}
@media (min-width: 678px) {
  .job-open .table thead td br {
    display: none;
  }
}
@media (max-width: 678px) {
  .job-open .table .time, .job-open .table .loc {
    width: 25%;
  }
}
@media (max-width: 678px) {
  .job-open .table .title {
    width: 50%;
  }
}
.job-open .pager {
  font-style: italic;
}
.job-open .table-head {
  margin: 0;
}
.job-open .table-content {
  padding: 20px;
}
.job-open .table-content p {
  margin: 0 0 20px;
}
.job-open .table-content ul {
  margin: 0 0 30px 50px;
  list-style-type: disc;
  color: #777;
}
@media (max-width: 992px) {
  .job-open .table-content ul {
    margin: 0 0 30px 30px;
  }
}
.job-open .table-content ul li {
  margin: 0 0 10px;
}
.job-open .table-content .title {
  font-weight: bold;
  color: #ad1e2c;
}
.job-open .table-content .title.block {
  display: block;
  margin: 0 0 10px;
}

.event-cater {
  background: #800a0c;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
}
.event-cater p {
  color: #fff;
}
.event-cater ul {
  list-style-type: disc;
  margin-left: 50px;
}
@media (max-width: 991px) {
  .event-cater ul {
    margin-left: 30px;
  }
}
.event-cater ul li {
  margin: 0 0 5px;
}

.variety, .tailor {
  background: url(scss/images/bg-wrap.png) no-repeat 100% 50% #fff;
}
@media (max-width: 991px) {
  .variety, .tailor {
    background: #fff;
  }
}
@media (max-width: 1500px) {
  .variety, .tailor {
    background-size: 40%;
  }
}
.variety .items, .tailor .items {
  margin: 60px -15px 0 !important;
}
@media (max-width: 1649px) {
  .variety .items, .tailor .items {
    margin: 30px -15px 0 !important;
  }
}
.variety .item, .tailor .item {
  overflow: hidden;
  display: table;
  margin: 0 0 20px;
}
@media (min-width: 1650px) {
  .variety .item, .tailor .item {
    width: 50%;
  }
}
.variety .item .image, .tailor .item .image {
  width: 95px;
  float: left;
  margin: 0 20px 20px 0;
}
.variety .item .text, .tailor .item .text {
  padding: 10px 0 0;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.variety .item h4, .tailor .item h4 {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 21px;
  margin: 0 0 3px;
  padding: 0;
}
.variety .item p, .tailor .item p {
  color: #3b3b3b;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16px;
  letter-spacing: -0.2px;
}

.tailor {
  background: url(scss/images/bg-sandwich.png) no-repeat 0 50% #800a0c;
  color: #fff;
}
@media (max-width: 991px) {
  .tailor {
    background: #800a0c;
  }
}
.tailor p {
  color: #fff;
}
@media (min-width: 1650px) {
  .tailor .item {
    width: 33.3333333333%;
  }
}
.tailor .item p {
  color: #fff;
}

.fuel {
  background: #faf8eb;
}
.fuel .table > thead > tr > th {
  border-bottom: 8px solid;
  border-bottom-color: #ac0011;
}
.fuel .table {
  border: 2px solid #333;
  border-bottom: none;
}
.fuel .table thead {
  background: #333;
}
.fuel .table thead th {
  font-weight: normal;
  text-align: center;
}
.fuel .table thead img {
  width: auto;
}
@media (max-width: 490px) {
  .fuel .table thead img {
    height: 16px;
  }
}
.fuel .table tbody {
  font-size: 13px;
  line-height: 24px;
  color: #333;
}
.fuel .table tbody tr {
  vertical-align: middle;
}
.fuel .table tbody td {
  border: none;
  border-bottom: 2px solid #333;
  border-right: 2px solid #333;
  vertical-align: middle;
}
.fuel .table tbody tr td:first-child {
  font-size: 30px;
  text-align: center;
}
.fuel .cta, .fuel .cta-white, .fuel .cta-outline {
  width: 100%;
  max-width: 380px;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .fuel .cta, .fuel .cta-white, .fuel .cta-outline {
    max-width: none;
  }
}

.project p {
  margin: 0 0 40px;
}
.project p.red {
  margin: 0 0 15px;
  color: #ad1e2c;
}
.project .cta, .project .cta-white, .project .cta-outline {
  margin: 0;
  width: 100%;
  max-width: 380px;
}
@media (max-width: 991px) {
  .project .cta, .project .cta-white, .project .cta-outline {
    margin: 0 0 50px;
  }
}
.project .cta em, .project .cta-white em, .project .cta-outline em {
  padding-left: 15px;
}
.project .email, .project .phone {
  font-size: 13px;
  font-size: 0.8125rem;
  display: block;
  color: #363636;
}
@media (max-width: 991px) {
  .project .email {
    margin: 0 0 30px;
  }
}

.partner img {
  margin: 130px 0 0;
}
@media (max-width: 991px) {
  .partner img {
    margin: 50px 0 0;
  }
}

.our-story img {
  margin: 25px 0 0;
}
.our-story .cta, .our-story .cta-white, .our-story .cta-outline {
  margin: 60px 0 40px;
  width: 300px;
}
@media (max-width: 991px) {
  .our-story .cta, .our-story .cta-white, .our-story .cta-outline {
    margin: 60px 0 20px;
    width: 100%;
  }
}

button.mfp-arrow {
  background: -webkit-linear-gradient(#e5050c, #ac0011);
  background: -moz-linear-gradient(#e5050c, #ac0011);
  background: -ms-linear-gradient(#e5050c, #ac0011);
  background: -o-linear-gradient(#e5050c, #ac0011);
  background: linear-gradient(#e5050c, #ac0011);
  width: 68px;
}
button.mfp-arrow:before, button.mfp-arrow:after {
  border: none;
  font-family: "FontAwesome";
  color: #fff;
  font-size: 62px;
  display: block;
  width: 68px;
  text-align: center;
  line-height: 98px;
  margin: 0;
}
button.mfp-arrow.mfp-arrow-left:after {
  content: "\f104";
}
button.mfp-arrow.mfp-arrow-right:after {
  content: "\f105";
}

.mfp-close {
  font-size: 42px;
  color: #ad1e2c !important;
}

.coloring a {
  display: block;
  position: relative;
}
@media (max-width: 991px) {
  .coloring img {
    margin: 0 0 30px;
  }
}
.coloring .download {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  line-height: 40px;
  font-weight: bold;
}
.coloring .download:after {
  content: "\f107";
  font-family: "FontAwesome";
  font-weight: normal;
  margin: 0 10px;
  font-size: 26px;
  font-size: 1.625rem;
}

/***************************************
			 PAGE STYLES
****************************************/
body.Home .product-group {
  text-align: center;
  padding: 50px 8.333% 75px;
}
body.Home .product-group .flag {
  left: -40px;
  position: absolute;
}
body.Home .product-group .prod-photo {
  display: block;
  width: auto;
  margin: 100px auto 0;
  max-width: 100%;
}
@media (min-width:768px) {
  body.Home .product-group .prod-photo {
    margin: 145px auto 0;
  }
}
body.Home .product-group .prod-photo#canada-photo {
  margin: -42% auto 0;
  display: table;
}
@media (max-width: 991px) {
  body.Home .product-group .prod-photo#canada-photo {
    margin-top: 0;
  }
}
body.Home .product-group p {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width:768px) {
  body.Home .product-group {
    padding: 50px 8.333% 100px;
  }
}
body.Home .home-carousel .carousel-caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 8.333%;
  text-shadow: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}
body.Home .home-carousel .carousel-caption p {
  font-family: "hvd_fonts_-_brandongrotesque-black-webfont", "Josefin Sans", sans-serif;
  color: #fff;
  font-size: 40px;
  line-height: 1.15;
  text-shadow: 0 0 36px rgba(0, 0, 0, 0.4);
}
@media (max-width:767px) {
  body.Home .home-carousel .carousel-caption p {
    font-size: 20px;
  }
}
body.Home .home-carousel .carousel-caption .cta, body.Home .home-carousel .carousel-caption .cta-white, body.Home .home-carousel .carousel-caption .cta-outline {
  margin-top: 20px;
}
body.Home .home-carousel .carousel-caption br {
  display: none;
}
body.Home .home-carousel .carousel-indicators li {
  width: 28px;
  height: 28px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  border: 0;
  margin: 0 8px;
}
body.Home .home-carousel .carousel-indicators li.active {
  background: #ac0b11;
  border: 0;
}
body.Home .home-carousel .carousel-control {
  display: none;
}
@media (max-width:767px) {
  body.Home .home-carousel.notched:after {
    display: none;
  }
  body.Home .home-carousel .carousel-indicators {
    display: none;
  }
}
body.Home .home-news {
  position: relative;
  padding: 150px 8.333% 8.333%;
}
body.Home .home-news h2, body.Home .home-news .h2 {
  color: #ad1e2c;
  font-size: 36px;
}
body.Home .home-news p {
  font-size: 18px;
  color: #000;
}
body.Home .home-news img {
  width: auto;
  max-width: 100%;
}
body.Home .home-news .flag {
  width: auto;
  left: -40px;
  top: 30px;
  position: absolute;
}

.All-Products .breadcrumb {
  background: #fff;
}
.All-Products h2, .All-Products .h2 {
  margin-bottom: 20px;
}

@media (max-width: 992px) {
  .Fix-Quix .product-group .image {
    display: none;
  }
}
.Fix-Quix #products {
  padding-bottom: 10px !important;
  /*.col-lg-3:first-child {
  	@media (min-width: 1200px) {
  		margin-left: 25%;
  	}
  }*/
}
.Fix-Quix #recipe-list {
  display: none;
}

.Giving-Back .mfp-iframe-holder .mfp-content {
  max-width: 636px;
}
.Giving-Back #givingPop {
  display: none;
  overflow: hidden;
}

.Premium-Deli .product-group .prod-photo {
  max-width: 722px;
  margin: 0 auto;
  display: block;
}
@media (min-width:992px) {
  .Premium-Deli .product-group .prod-photo {
    margin-top: -50px;
  }
}

.sitemap .k-widget .k-icon {
  font-family: "FontAwesome";
  font-family: "FontAwesome";
}
.sitemap .k-widget .k-icon::before {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}
.sitemap .k-widget .k-icon.k-minus::before {
  content: "\f0d7";
  font: normal 17px/17px "FontAwesome";
  color: #ad1e2c;
}
.sitemap .k-widget .k-icon.k-i-collapse::before {
  content: "\f0da";
  font: normal 17px/17px "FontAwesome";
  color: #ad1e2c;
}
.sitemap .k-widget .k-icon.k-minus::before {
  content: "\f0d7";
  font: normal 17px/17px "FontAwesome";
  color: #ad1e2c;
}
.sitemap .k-widget .k-icon.k-i-expand::before {
  content: "\f0da";
  font: normal 17px/17px "FontAwesome";
  color: #ad1e2c;
}
.sitemap .k-widget .k-in {
  border: none;
}
.sitemap .k-widget .k-mid {
  margin: 0 0 5px;
}
.sitemap .k-widget .k-item {
  margin: 0 0 15px;
  font-weight: bold;
}
.sitemap .k-widget .k-item .k-item {
  margin: 0 0 5px;
  font-weight: normal;
}

.Transparency-in-Supply-Chains ul {
  color: #807878;
  font: 13px/18px "Montserrat", sans-serif;
  list-style: disc;
  margin-left: 35px;
}

#moments-related {
  padding-top: 0;
}
#moments-related .social-links {
  margin: 0 0 30px;
}
#moments-related #recipe-list {
  padding-bottom: 0;
}
@media (max-width: 768px) {
  #moments-related .item {
    padding-left: 0;
    padding-right: 0;
  }
}

.moments-hero {
  position: relative;
  padding: 0;
  overflow: hidden;
}
.moments-hero h1, .moments-hero .h1 {
  margin: 0;
  padding: 100px 60px;
  /* @media (max-width: 1700px){
  	padding: 200px 60px;
  } */
}
@media (max-width: 1200px) {
  .moments-hero h1, .moments-hero .h1 {
    display: none;
  }
}
.moments-hero img {
  width: auto;
  height: auto;
  /* @media (max-width: 1700px){
  	width: 350px;
  } */
}
.moments-hero .yt-btn {
  top: 0;
}
@media (max-width: 768px) {
  .moments-hero {
    height: 560px;
  }
}

#moments-landing {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  #moments-landing img {
    max-width: 337px;
    display: table;
    margin: 0 auto 20px;
  }
}

#party-header {
  background: url(/images/family/CarParty_Hero_Desktop.jpg) 100% 100% no-repeat;
  background-size: cover;
}
@media (max-width: 540px) {
  #party-header {
    background: url(/images/family/CarParty_Hero_Mobile.jpg) 50% 0 no-repeat;
    background-size: cover;
  }
}

#rainforest-header {
  background: url(/images/family/CouchCave_Hero_Desktop.jpg) 100% 100% no-repeat;
  background-size: cover;
}
@media (max-width: 540px) {
  #rainforest-header {
    background: url(/images/family/CouchCave_Hero_Mobile.jpg) 50% 0 no-repeat;
    background-size: cover;
  }
}

#safari-header {
  background: url(/images/family/SummerSafari_Hero_Desktop.jpg) 100% 100% no-repeat;
  background-size: cover;
}
@media (max-width: 540px) {
  #safari-header {
    background: url(/images/family/SummerSafari_Hero_Mobile.jpg) 50% 0 no-repeat;
    background-size: cover;
  }
}

/***************************************** 
		  	NAVIGATION 
******************************************/
.navbar {
  background: #ac0b11;
  border: 0;
  border-radius: 0;
  z-index: 999;
  height: 60px;
  overflow: visible;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
@media (min-width:992px) {
  .navbar {
    height: 110px;
    position: relative;
  }
}
@media (max-width:991px) {
  .navbar {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
  }
  .navbar.open .nav-main {
    left: 0%;
  }
  .navbar.open .nav-icon .fa-bars {
    display: none;
  }
  .navbar.open .nav-icon .fa-times {
    display: inline-block;
  }
}
.navbar::before {
  display: none;
}
.navbar::after {
  display: none;
}

.nav {
  height: 100%;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  padding: 0 20px;
  max-width: 1340px;
  margin: 0 auto;
  gap: 5px;
}
.nav::before {
  display: none;
}
.nav::after {
  display: none;
}
.nav .logo {
  position: relative;
  display: inline-block;
  margin: unset;
  top: unset;
  left: unset;
  width: unset;
  max-width: 144px;
  height: unset;
  transition: 0.25s;
  transform: translateY(15px);
  flex: 1;
  z-index: 1;
}
@media (min-width:992px) and (max-width:1199px) {
  .nav .logo {
    max-width: 200px;
  }
}
@media (min-width:1200px) {
  .nav .logo {
    max-width: 230px;
  }
}
.nav .logo h1 {
  margin: 0;
  padding: 0;
}

.nav-main {
  position: absolute;
  width: 100%;
  height: calc(100vh - 60px);
  left: 100%;
  top: 60px;
  background: #ac0b11;
  box-shadow: inset 0px 6px 10px -5px rgba(0, 0, 0, 0.8);
  transition: left 0.35s;
}
.nav-main ul {
  font-size: 0;
  margin: 0;
  width: 100%;
  text-align: center;
  letter-spacing: 1;
}
.nav-main ul li {
  padding: 18px 0;
}
.nav-main ul li:not(:first-of-type) {
  border-top: 1px solid #C51D2D;
}
.nav-main ul li a {
  position: relative;
  display: inline-block;
  color: #fff;
  font: normal 20px "hvd_fonts_-_brandongrotesque-black-webfont", "Josefin Sans", sans-serif;
  padding: 0 24px;
  text-transform: uppercase;
}
.nav-main ul li:last-of-type {
  padding-top: 36px;
}
.nav-main ul li:last-of-type a {
  border: 2px solid #fff;
  border-radius: 100px;
  padding: 6px 30px 4px;
}
.nav-main ul li:last-of-type a em {
  margin-left: 9px;
}
@media (min-width:992px) and (max-width:1199px) {
  .nav-main ul li a {
    font-size: 18px;
    padding: 0 14px;
  }
  .nav-main ul li:nth-last-of-type(2) a {
    padding-right: 24px;
  }
}
@media (min-width:992px) {
  .nav-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: unset;
    width: max-content;
    height: 100%;
    left: auto;
    top: auto;
    background: transparent;
    box-shadow: none;
  }
  .nav-main ul {
    text-align: right;
  }
  .nav-main ul li {
    display: inline-block;
    padding: 0;
  }
  .nav-main ul li:not(:first-of-type) {
    border: 0;
  }
  .nav-main ul li a {
    display: inline-block;
  }
  .nav-main ul li:first-of-type(2) a {
    padding-left: 0px;
  }
  .nav-main ul li:nth-last-of-type(2) {
    padding-top: 0;
  }
  .nav-main ul li:nth-last-of-type(2) a {
    padding-right: 36px;
  }
  .nav-main ul li:last-of-type {
    padding-top: 0;
  }
}
@media (max-width:991px) {
  .nav-main {
    padding: 30px 10px;
  }
}

.nav-icon {
  position: absolute;
  padding: 6px 14px;
  right: 10px;
  top: calc(50% - 20px);
}
.nav-icon i {
  color: #fff;
  font-size: 2em;
}
.nav-icon .fa-times {
  display: none;
}
@media (min-width:992px) {
  .nav-icon {
    display: none;
  }
}

/***************************************
				FOOTER
****************************************/
footer {
  background: #ac0b11;
  position: relative;
  border-top: 10px solid #C99445;
  text-align: center;
}
footer .footer-copyright {
  background: #fff;
  padding: 38px 8.333%;
  font-size: 11px;
  font-weight: 300;
}
footer .footer-copyright a {
  color: inherit;
}
footer .footer-copyright span:first-of-type {
  display: block;
  font-size: 0;
  color: transparent;
}
@media (min-width:768px) {
  footer {
    text-align: left;
  }
  footer .footer-copyright {
    font-size: 12px;
  }
  footer .footer-copyright span:first-of-type {
    display: inline;
    font-size: inherit;
    color: inherit;
  }
}

.footer-nav {
  padding: 48px 8.333% 36px;
}
.footer-nav .social-icons {
  margin-top: 24px;
}
.footer-nav .social-icons a {
  width: 45px;
  height: 45px;
  border: 2px solid #fff;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: transparent;
  border: 2px #fff solid;
  border-radius: 40px;
}
.footer-nav .social-icons a:not(:last-of-type) {
  margin: 0 16px 0 0;
}
.footer-nav .social-icons a i {
  color: #fff;
  font-size: 24px;
}
.footer-nav p {
  color: #fff;
  font-size: 16px;
}
.footer-nav p.strong {
  font-size: 17px;
  font-weight: 700;
}
.footer-nav p a {
  color: #fff;
}
@media (min-width:768px) {
  .footer-nav {
    padding: 133px 8.333% 72px;
  }
  .footer-nav .social-icons {
    margin-top: 8px;
  }
}

/******* Store Locator modal section **********/
.store-modal-section {
  padding-top: 30px;
}

.store-modal-featured-coupon {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .row.store-modal-featured {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media (min-width: 992px) {
  .store-modal-section {
    padding-top: 0;
  }
  .store-modal-featured-coupon {
    margin-bottom: 0;
  }
}
.store-modal-featured-text {
  width: 31%;
  text-transform: unset;
  font-weight: normal;
  position: absolute;
  bottom: 10%;
  right: 30px;
  color: #ad1e2c;
  text-align: center;
  font-family: "hvd_fonts_-_brandongrotesque-regular-webfont", "Josefin Sans", sans-serif;
  font-size: 15px;
  font-size: 4vw;
  cursor: pointer;
  text-align: left;
  display: inline-block;
}

@media (min-width: 576px) {
  .store-modal-featured-text {
    font-size: 22px;
  }
}
.store-modal-featured-text:hover, .store-modal-featured-text:hover a {
  color: #6e131c;
}

.store-modal-featured-text a {
  transition: none;
}

.store-modal-section .fa {
  display: inline;
  vertical-align: middle;
}

.store-modal-link span {
  text-decoration: underline;
}

.store-modal-link .fa {
  margin-left: 0.125em;
  vertical-align: middle;
}

.store-modal-section {
  font-size: 1em;
}

.store-modal .modal-dialog {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.store-modal-header {
  background-color: #ad1e2c;
}

.store-modal-header h3 {
  color: #fff;
  padding: 0.75em 1.25em;
  margin: 0;
  font-size: 1.7142857143em;
}

.store-modal-header .fa {
  float: right;
  font-size: 1.4em;
  margin-top: -0.15em;
  cursor: pointer;
}

.store-modal-header .close {
  color: #fff;
  opacity: 1;
  font-size: inherit;
}

.store-modal-store-links-container {
  overflow: hidden;
}

.store-modal-store-links {
  margin: 0 -1px;
}

.store-modal-area {
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.store-modal-store-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 3.5em;
  position: relative;
  width: 50%;
  float: left;
  height: 180px;
  overflow: hidden;
  border-right: solid 1px grey;
  border-bottom: solid 1px grey;
}

a.store-modal-store-cell {
  -webkit-transition: none;
  transition: none;
  cursor: pointer;
}

.store-modal-store-cell > div {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 1em;
  left: 0;
}

.store-modal-store-cell img {
  display: block;
  height: 70%;
  max-width: 60%;
  margin: 0 auto;
}

.cta.store-modal-store-cta, .store-modal-store-cta.cta-white, .store-modal-store-cta.cta-outline {
  font-size: 1em;
  height: auto;
  margin: 0;
  padding: 0 1.5em;
  display: inline-block;
}

.store-modal-store-cell:hover {
  -webkit-box-shadow: inset 0 0 0 4px #ad1e2c;
  box-shadow: inset 0 0 0 4px #ad1e2c;
}

.store-modal-store-cell:hover .cta.store-modal-store-cta, .store-modal-store-cell:hover .store-modal-store-cta.cta-white, .store-modal-store-cell:hover .store-modal-store-cta.cta-outline {
  display: inline-block;
}

.Store-Locator .modal-backdrop {
  background: rgba(0, 0, 0, 0.125);
}

.store-modal-legal {
  background: #F4F4F4;
  text-align: center;
  padding: 1em;
}

.store-modal-legal p {
  margin-bottom: 0;
  font-size: 1em;
}

@media (min-width: 576px) {
  .cta.store-modal-store-cta, .store-modal-store-cta.cta-white, .store-modal-store-cta.cta-outline {
    display: none;
  }
}
@media (min-width: 640px) {
  .store-modal-store-cell {
    width: 33.3333%;
  }
}
@media (min-width: 784px) {
  .store-modal .modal-dialog {
    width: 804px;
    padding: 0 10px;
  }
}
@media (max-width: 341px) {
  .store-modal-section {
    font-size: 0.8em;
  }
}
/* careers page */
.Careers, .Employee-Benefits, .Carreras {
  background: url("/images/background-evening.jpg") top left repeat;
}

.careers-hero {
  background: url(/images/heroes/Header-Careers.png) 35% 1% no-repeat;
  position: relative;
  padding: 0;
  height: 600px;
}

@media (max-width: 768px) {
  .careers-hero {
    background: url(/images/heroes/Header-Careers-mobile.jpg) 30% 0px no-repeat;
    height: 400px;
  }
}
.careers-flag {
  position: absolute;
  width: 400px;
  height: 143px;
}

.careers-flag img {
  position: absolute;
  left: -43px;
  bottom: -450px;
  width: 100%;
}

@media (max-width: 768px) {
  .careers-flag img {
    bottom: -270px;
  }
}
.career-cta-wrap {
  position: relative;
  width: 100%;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.career-cta.cta, .career-cta.cta-white, .career-cta.cta-outline {
  display: flex;
  align-items: center;
  margin: 0 0 20px;
}

.hr-header-wrap {
  position: relative;
  width: 100%;
  height: 80px;
  margin-top: 1em;
}

.hr-header-bar {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #ccc;
  transform: translateY(-50%);
  top: 50%;
}

.hr-header {
  position: absolute;
  text-align: center;
  padding: 0 3em;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 45%;
  background: #fff;
}

#careers-carousel {
  padding-bottom: 64px;
}

body.Careers .home-carousel .carousel-indicators li {
  width: 28px;
  height: 28px;
  background: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  border: 0;
  margin: 0 8px;
}

body.Careers .home-carousel .carousel-indicators li.active {
  background: #ac0b11;
  border: 0;
}

.legal-copy {
  color: #959595;
  font-size: 0.85em;
}

.space-above-below {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}

.jv-mobile {
  margin-top: 1em;
}

@media (max-width: 640px) {
  .hr-header {
    padding: 1.5em;
  }
  body.Careers .home-carousel .carousel-inner > .item img {
    height: auto;
    max-width: 500px;
    margin: 0 auto 3em auto;
  }
}
.hr-header h3 {
  color: #ad1e2c;
}

#privacy-message {
  position: fixed;
  width: 100%;
  left: 0;
  display: none;
  bottom: -1000px;
  background: #fff;
  border: solid 3px #a12008;
  z-index: 500;
  padding: 20px 30px;
}
#privacy-message .privacy-message-text {
  text-align: center;
  margin: 0 auto;
  position: relative;
  padding-top: 20px;
}
#privacy-message .privacy-message-text a {
  color: #a12008;
  text-decoration: underline;
}
#privacy-message .privacy-message-text p {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 16px;
  color: black;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
}
#privacy-message .privacy-message-close {
  position: absolute;
  top: -10px;
  right: 0px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}
#privacy-message .privacy-message-close::after, #privacy-message .privacy-message-close::before {
  width: 2px;
  height: 24px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  background: #a12008;
}
#privacy-message .privacy-message-close::after {
  transform: translateX(-50%) rotate(45deg);
}
#privacy-message .privacy-message-close::before {
  transform: translateX(-50%) rotate(-45deg);
}
#privacy-message .privacy-message-close:hover::after, #privacy-message .privacy-message-close:hover::before {
  background: rgb(243.6863905325, 61.2544378698, 27.3136094675);
}
@media (min-width: 768px) {
  #privacy-message {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #privacy-message .privacy-message-container {
    display: flex;
    justify-content: center;
  }
  #privacy-message .privacy-message-text {
    padding-top: 0px;
    padding-right: 50px;
    text-align: left;
  }
  #privacy-message .privacy-message-text p {
    font-size: 18px;
  }
  #privacy-message .privacy-message-close {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  #privacy-message .privacy-message-close::after, #privacy-message .privacy-message-close::before {
    height: 30px;
  }
}

/* Ideally this could be controlled via the blog template - probably will break things if merged to sass */
.blogs ul.breadcrumb {
  margin-top: 40px;
  margin-bottom: -25px;
}

/* Blog template tweaks */
.blog-container {
  position: relative;
  /* max-width: 1240px; */
  padding: 25px 8.333%;
  margin: 0px auto 40px;
}

.blog-container .grid {
  display: grid;
  gap: 20px 30px;
  margin-bottom: 80px;
  align-items: center;
}

.blog-container .grid.col-two {
  grid-template-columns: repeat(2, 1fr);
}

.blog-container .cal-container {
  display: flex;
  align-items: center;
  gap: 6px;
}

.blog-container .cal-container svg {
  fill: #333333;
  color: #333333;
  width: 16px;
}

.blog-container .cal-container span.date {
  font-size: 16px;
  line-height: 1em;
  margin-bottom: -0.1em;
  font-weight: 500;
}

.hero-image-container {
  aspect-ratio: 3/2;
}

.hero-image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-container .post-info h1.sftitle {
  margin-top: 0;
  margin-bottom: 15px;
  color: #ac0b11;
  line-height: 1.3em;
  font-size: 2.5em;
}

.blog-container .post-info .summary {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.6em;
}

/* Blog Content Styles */
.blog_content {
  max-width: 900px;
  margin: auto;
}

.blog-container .blog_content p {
  font-size: 16px;
}

.blog_content ul {
  margin: -10px 0 20px 20px;
  list-style: disc;
}

.blog-container .blog_content h2 {
  font-size: 2em;
  text-transform: unset;
}

.blog-container .blog_content h3 {
  padding: unset;
  text-transform: unset;
  color: #333;
  font-size: 1.6em;
}

/* Call To Action Block */
.product_cta {
  background: #ac0b11;
  padding: 30px;
  color: #fff;
  max-width: 1000px;
  margin: 70px auto;
}

.product_cta .grid {
  margin: unset;
}

.product_cta .cta_content h3.heading {
  padding: unset;
  margin-top: unset;
}

.product_cta .cta_content p {
  font-size: 16px;
  line-height: 1.6em;
}

.product_cta .cta_content > * {
  color: #fff;
}

.product_cta .cta_content > *:last-child {
  margin-bottom: 0px;
}

.product_cta .grid.col-three {
  grid-template-columns: repeat(3, 1fr);
}

.product_cta .grid .col-x1 {
  grid-column: 1/span 2;
}

.product_cta .cta_btns {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.product_cta .cta_btns a.custom-btn {
  color: #ffffff;
  font-size: 15px;
  line-height: 1.2em;
  text-transform: uppercase;
  font-weight: bold;
  padding: 8px 20px;
  text-align: center;
  background-color: transparent;
  border-radius: 100px;
  border: 2px solid transparent;
  transition: 0.25s;
}

.product_cta .cta_btns a.custom-btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ac0b11;
}

.product_cta .cta_btns a.custom-btn.outlined {
  border-color: #fff;
}

.product_cta .cta_btns a.custom-btn.large {
  font-size: 18px;
}

/* Tablet / Mobile Styles */
@media (max-width: 989px) {
  body .blog-container .grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .blog-container .post-info h1.sftitle {
    font-size: 2em;
  }
  .blog-container .blog_content h2 {
    font-size: 1.75em;
  }
  .blog-container .blog_content h3 {
    font-size: 1.5em;
  }
}
ul.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  padding: 68px 8.333% 80px;
  gap: 30px;
  max-width: 1440px;
  margin: auto;
}

ul.blog-grid > li.blog-item {
  padding: 20px;
  border: 1px solid #cccccc;
}

ul.blog-grid > li.blog-item h3.sftitle {
  padding: unset;
  text-transform: unset;
  margin-bottom: 15px;
}

ul.blog-grid .hero-img-container {
  aspect-ratio: 3/2;
  position: relative;
}

ul.blog-grid .hero-img-container img.hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 10;
  position: relative;
}

ul.blog-grid .hero-img-container:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("/images-sf/default-source/default-album/placeholder.jpg");
  background-size: cover;
  z-index: 0;
}

ul.blog-grid .date-container {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 6px;
  font-weight: 500;
}

ul.blog-grid .date-container svg {
  width: 16px;
  fill: #333333;
  color: #333333;
}

ul.blog-grid .date-container.date-container span.date {
  line-height: 1em;
}