@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700&display=swap");
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent displaying `audio` without controls in Mobile Safari 4/5/6/7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address inconsistent styling of `abbr[title]`.
 * 1. Correct styling in Firefox 39 and Opera 12.
 * 2. Correct missing styling in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Address inconsistent styling of b and strong.
 * 1. Correct duplicate application of `bolder` in Safari 6.0.2.
 * 2. Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+.
 */
b,
strong {
  font-weight: inherit; /* 1 */
}

b,
strong {
  font-weight: bolder; /* 2 */
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address inconsistent styling of `hr`.
 * 1. Correct `box-sizing` set to `border-box` in Firefox.
 * 2. Correct `overflow` set to `hidden` in IE 8/9/10/11 and Edge 12.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * 1. Correct inheritance and scaling of font-size for preformatted text.
 * 2. Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct font properties not being inherited.
 * 2. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Restore focus style in Firefox 4+ (unset by a rule above)
 */
button:-moz-focusring,
input:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Address `appearance` set to `searchfield` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Restore font weight (unset by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/*$global-mobile-bg-image: url(/img/b2c/global/m_0_global_background-tile.jpg);
$global-tablet-bg-image: url(/img/b2c/global/d_0_global_background-tile.jpg);*/
/*#region headlines/sub heads */
/*#endregion */
/*#region buttons */
/*#endregion */
/*#region intro section */
/*#endregion */
/*#region form elements */
/*#endregion */
/*#region global dimensions */
/*#endregion */
/*#region media queries */
/*

File Location: Global
File Name: media-queries.scss

*/
/*--------------------------------------------------
Media Queries - Target Points
--------------------------------------------------*/
/*--------------------------------------------------
Media Queries - Mixins
--------------------------------------------------*/
/* DESKTOP -  Max width of the website */
/*#endregion */
/*#region dialog close */
/*#endregion */
/*sublayouts*/
/*endsublayouts*/
#whereToBuyApp, .filter-jump-sub-layout-dropdown .current-selection, .hero-placeholder-sub-layout-carousel .slick-arrow, .header .secondary-nav > li, .header .nav-items-container, input[type=text],
textarea,
select, .button, .inner {
  box-sizing: border-box;
}

.cheese-event-detail-page-template .share, .article-sub-layout.article-sub-layout-left-nav .article-nav ul, .article-sub-layout .share, .recipe-description-sub-layout .ingredients-directions-container .ingredients ol,
.recipe-description-sub-layout .ingredients-directions-container .ingredients ul,
.recipe-description-sub-layout .ingredients-directions-container .directions ol,
.recipe-description-sub-layout .ingredients-directions-container .directions ul, .recipe-description-sub-layout .share, .recipe-description-sub-layout .recipe-summary ul, .recipe-description-sub-layout .recipe-summary, .filter-jump-sub-layout-links .links, .recipes-sub-layout .grid-container .grid-item .recipe-summary, .brand-description-sub-layout .share, .product-description-sub-layout .share, .pagination-sub-layout .controls .pages, .product-brand-sub-layout .toggle ul, .content-placeholder-component-links .links, .hero-placeholder-sub-layout-carousel .slick-dots, .footer .secondary-footer .legal, .footer .secondary-footer .family-logos, .footer .terms, .footer .social-links ul, .footer .site-links ul, .header .primary-nav .sub-menu > ul ul, .header .primary-nav .sub-menu > ul, .header .primary-nav, .header .secondary-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

html {
  font-size: 62.5%;
  /* -webkit-overflow-scrolling: touch;*/
}
html.masked {
  height: 100%;
  overflow: hidden;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-size: 1.5rem;
  color: #333;
  line-height: 1.3333333333em;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1024px) {
  body {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.25em;
  }
}
.masked body {
  height: 100%;
  overflow: hidden;
}
body h1, body h2, body h3, body h4, body h5, body h6, body p, body ul, body ol, body li, body a {
  word-wrap: break-word;
}

.padding-default {
  padding: 25px;
}

.margin-default {
  margin: 0;
}

.site-wrapper {
  position: relative;
  max-width: 400px;
  margin: 0 auto;
  overflow-x: hidden;
}
@media screen and (min-width: 768px) {
  .site-wrapper {
    max-width: 1700px;
  }
}

.site-mask {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.masked .site-mask {
  display: block;
}

button {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
  margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child {
  margin-bottom: 0;
}

h1,
h2,
.headline {
  margin-bottom: 20px;
  margin-left: 0;
  font-family: "Open Sans";
  line-height: 1.05em;
  letter-spacing: normal;
  font-size: 33px;
  font-size: 3.3rem;
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
}
h1:last-child,
h2:last-child,
.headline:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  h1,
  h2,
  .headline {
    font-size: 48px;
    font-size: 4.8rem;
  }
  h1:last-child,
  h2:last-child,
  .headline:last-child {
    margin-bottom: 0;
  }
}

h3,
h4,
.sub-head {
  margin-bottom: 15px;
  margin-left: 0;
  font-family: "Open Sans";
  line-height: 1.05em;
  letter-spacing: normal;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
}
h3:last-child,
h4:last-child,
.sub-head:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  h3,
  h4,
  .sub-head {
    font-size: 23px;
    font-size: 2.3rem;
  }
}
@media screen and (min-width: 1024px) {
  h3,
  h4,
  .sub-head {
    font-size: 26px;
    font-size: 2.6rem;
  }
}

a {
  font-weight: bold;
  color: #c33;
}

.off-screen {
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 1px;
  height: 1px;
  text-align: left;
  overflow: hidden;
}

.inner {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (min-width: 1024px) {
  .inner {
    max-width: 1024px;
    padding-right: 26px;
    padding-left: 26px;
  }
}

.button {
  display: block;
  width: 100%;
  padding: 8px 30px 8px 10px;
  border: 2px solid #c33;
  font-family: "Open Sans";
  line-height: 1.05em;
  letter-spacing: normal;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  background-color: #c33;
}
.button:after {
  content: "\f054";
  display: inline-block;
  width: 20px;
  margin-right: -20px;
  text-align: right;
  font-family: "FontAwesome";
  font-size: 12px;
  font-size: 1.2rem;
}
.button.secondary-cta {
  border-color: #c33;
  color: #c33;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .button {
    display: inline-block;
    width: auto;
    padding: 12px 34px 12px 14px;
    border-width: 1px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  .button {
    padding: 18px 44px 18px 23px;
    border-width: 2px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .button:after {
    width: 21px;
    margin-right: -21px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.cta-container {
  max-width: 100%;
}
.cta-container .button {
  width: 100%;
  margin-bottom: 10px;
}
.cta-container .button:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .cta-container {
    display: -moz-inline-flex;
    display: inline-flex;
  }
  .cta-container .button {
    margin-right: 12px;
    margin-bottom: 0;
  }
  .cta-container .button:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .cta-container .button {
    margin-right: 25px;
  }
  .cta-container .button:last-child {
    margin-right: 0;
  }
}

.stand-alone-link {
  display: inline-block;
  font-weight: bold;
  color: #c33;
  text-decoration: none;
}
.stand-alone-link:after {
  content: "\f138";
  margin-left: 0.5em;
  font-family: "FontAwesome";
  font-size: inherit;
}
.stand-alone-link span {
  text-decoration: underline;
}
.stand-alone-link.view-more:after {
  content: "\f13a";
}
.stand-alone-link.show-less:after {
  content: "\f139";
}
.stand-alone-link.view-nutrition:after {
  content: "\f055";
}

/*#region videos */
.video-container {
  position: relative;
  padding-top: 56.25%;
  opacity: 1;
  transition: all opacity 0.1s ease-in-out ease;
}
.video-container img {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.video-container iframe {
  position: absolute;
  z-index: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.video-container:after {
  content: "\f01d";
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  font-family: "FontAwesome";
  font-size: 60px;
  font-size: 6rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1em;
  transform: translate3d(-50%, -50%, 0);
}
.video-container.api-loaded {
  cursor: pointer;
  opacity: 1;
}
.video-container.active-video img {
  z-index: 0;
}
.video-container.active-video iframe {
  z-index: 1;
}
.video-container.active-video:after {
  display: none;
}
@media screen and (min-width: 1024px) {
  .video-container:after {
    font-size: 85px;
    font-size: 8.5rem;
  }
}

/*#endregion */
/*#region intro copy */
.intro .headlines {
  margin-bottom: 10px;
}
.intro .headlines:last-child {
  margin-bottom: 0;
}
.intro .headlines .headline {
  margin-bottom: 4px;
}
.intro .headlines .headline:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .intro .headlines {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .intro.side-by-side {
    display: -moz-flex;
    display: flex;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .intro.side-by-side .headlines {
    -moz-flex: 1 1 242.6666666667px;
    flex: 1 1 242.6666666667px;
    box-sizing: border-box;
    margin-bottom: 0;
    padding-right: 20px;
  }
  .intro.side-by-side .headlines .headline {
    margin-bottom: 6px;
  }
  .intro.side-by-side .headlines .headline:last-child {
    margin-bottom: 0;
  }
  .intro.side-by-side .headlines .sub-head {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
  }
  .intro.side-by-side .body-copy {
    -moz-flex: 1 1 485.3333333333px;
    flex: 1 1 485.3333333333px;
    box-sizing: border-box;
    padding-left: 6px;
  }
}
@media screen and (min-width: 1024px) {
  .intro.side-by-side .headlines {
    flex-basis: 324px;
    margin-bottom: 0;
    padding-right: 30px;
  }
  .intro.side-by-side .headlines .sub-head {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .intro.side-by-side .body-copy {
    flex-basis: 648px;
    padding-left: 5px;
  }
}
/*#endregion */
/*#region grid (not for content placeholders) */
.grid-container .grid-item {
  margin-bottom: 45px;
}
.grid-container .grid-item:last-child {
  margin-bottom: 0;
}
.grid-container .grid-item .main-image {
  display: block;
  margin-bottom: 20px;
}
.grid-container .grid-item .main-image:last-child {
  margin-bottom: 0;
}
.grid-container .grid-item .main-image img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .grid-container {
    margin-bottom: -45px;
    overflow: auto;
  }
  .grid-container .grid-item {
    float: left;
    box-sizing: border-box;
    width: 33.3333333333%;
  }
  .grid-container .grid-item:last-child {
    margin-bottom: 45px;
  }
  .grid-container .grid-item:nth-child(3n+1) {
    clear: left;
    padding-right: 12px;
  }
  .grid-container .grid-item:nth-child(3n+2) {
    padding: 0 6px;
  }
  .grid-container .grid-item:nth-child(3n+3) {
    padding-left: 12px;
  }
  .grid-container .grid-item .text-content {
    padding-right: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .grid-container {
    margin-bottom: -50px;
  }
  .grid-container .grid-item {
    margin-bottom: 50px;
  }
  .grid-container .grid-item:last-child {
    margin-bottom: 50px;
  }
  .grid-container .grid-item:nth-child(3n+1) {
    padding-right: 10px;
  }
  .grid-container .grid-item:nth-child(3n+2) {
    padding: 0 5px;
  }
  .grid-container .grid-item:nth-child(3n+3) {
    padding-left: 10px;
  }
  .grid-container .grid-item .text-content {
    padding-right: 20px;
  }
}

/*#endregion */
/*#region FontAwesome */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 "FontAwesome";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-navicon:before,
.fa-bars:before {
  content: "\f0c9";
}

.fa-times:before {
  content: "\f00d";
}

.fa-search:before {
  content: "\f002";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-twitter-square:before {
  content: "\f081";
}

.fa-youtube-square:before {
  content: "\f166";
}

.fa-pinterest-square:before {
  content: "\f0d3";
}

.fa-instagram:before {
  content: "\f16d";
}

.fa-linkedin-square:before {
  content: "\f08c";
}

.fa-google-plus-square:before {
  content: "\f0d4";
}

.fa-envelope-square:before {
  content: "\f199";
}

.fa-print:before {
  content: "\f02f";
}

.fa-th-large:before {
  content: "\f009";
}

.fa-chevron-right:before {
  content: "\f054";
}

.fa-chevron-left:before {
  content: "\f053";
}

.fa-chevron-circle-up:before {
  content: "\f139";
}

.fa-chevron-circle-down:before {
  content: "\f13a";
}

.fa-chevron-circle-right:before {
  content: "\f138";
}

.fa-chevron-circle-left:before {
  content: "\f137";
}

.fa-plus-circle:before {
  content: "\f055";
}

/*#endregion */
/*#region form elements */
fieldset {
  margin: 0 0 30px;
  padding: 0;
  border: none;
}
fieldset label {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
  font-style: normal;
}
fieldset .error-message {
  margin-top: 10px;
  font-size: 0.8571428571em;
  font-weight: 600;
  font-style: normal;
  color: #c33;
}
fieldset.optional label:after {
  content: " (Optional)";
  font-weight: normal;
  font-style: normal;
}
fieldset .input-validation-error {
  border-color: #c33;
}
fieldset input[type=text].input-validation-error,
fieldset textarea.input-validation-error,
fieldset select.input-validation-error {
  border-color: #c33;
}
fieldset.error label {
  color: #c33;
}
fieldset.error input[type=text],
fieldset.error textarea,
fieldset.error select {
  border-color: #c33;
}
fieldset.form-attachment input[type=file]:hover + div label.button {
  opacity: 0.7;
}
@media screen and (min-width: 1024px) {
  fieldset {
    margin-bottom: 20px;
  }
}

.input-validation-error.legal-checkbox + input[type=hidden] + label:before {
  color: #c33;
}

.validation-summary-errors {
  padding: 20px;
  background-color: #efefef;
}
.validation-summary-errors * {
  color: #c33;
}

input[type=text],
textarea,
select {
  position: relative;
  width: 100%;
  height: 35px;
  padding: 0 12px;
  border: 1px solid #333;
  border-radius: 4px;
  background-color: transparent;
  font: inherit;
}
input[type=text][disabled],
textarea[disabled],
select[disabled] {
  opacity: 0.5;
  cursor: default;
}

input[type=text],
textarea,
.select-container {
  background-color: #fff;
}

input[type=text] {
  font-family: "Open Sans", sans-serif;
}
input[type=text]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  font-family: "Open Sans";
  font-style: normal;
  color: #999;
}
input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-family: "Open Sans";
  font-style: normal;
  color: #999;
  opacity: 1;
}
input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-family: "Open Sans";
  font-style: normal;
  color: #999;
  opacity: 1;
}
input[type=text]:-moz-placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  font-family: "Open Sans";
  font-style: normal;
  color: #999;
}
input[type=text]:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  font-family: "Open Sans";
  font-style: normal;
  color: #999;
}

select {
  padding: 0 8px;
}

.select-container {
  display: -moz-flex;
  display: flex;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -moz-align-items: stretch;
  align-items: stretch;
  position: relative;
}
.select-container select {
  z-index: 1;
  padding-right: 30px;
  color: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
.select-container select::-ms-expand {
  display: none;
}
.select-container:after {
  content: "\f078";
  position: relative;
  align-self: center;
  z-index: 0;
  right: 30px;
  width: 30px;
  margin-right: -30px;
  font-size: 18px;
  font-size: 1.8rem;
  font-family: "FontAwesome";
  color: #666;
  text-align: center;
}

.radio-container,
.checkbox-container {
  position: relative;
}
.radio-container input[type=radio],
.radio-container input[type=checkbox],
.checkbox-container input[type=radio],
.checkbox-container input[type=checkbox] {
  position: absolute;
  left: -9999px;
}
.radio-container label:not(.error), .radio-container span,
.checkbox-container label:not(.error),
.checkbox-container span {
  display: inline-block;
  position: relative;
  padding-left: 1.25em;
  cursor: pointer;
}
.radio-container label:not(.error):before, .radio-container span:before,
.checkbox-container label:not(.error):before,
.checkbox-container span:before {
  content: "\f10c";
  display: block;
  position: absolute;
  left: 0;
  font-family: "FontAwesome";
  font-size: 1em;
  line-height: inherit;
}
.radio-container input[type=radio]:focus + label:not(.error):before,
.radio-container input[type=checkbox]:focus + label:not(.error):before,
.checkbox-container input[type=radio]:focus + label:not(.error):before,
.checkbox-container input[type=checkbox]:focus + label:not(.error):before {
  outline: 1px dotted;
}
.radio-container.IsChecked #legal-label:before,
.checkbox-container.IsChecked #legal-label:before {
  content: "\f058";
}
.radio-container input[type=radio]:checked + label:not(.error):before,
.radio-container input[type=checkbox]:checked + label:not(.error):before,
.radio-container input[type=checkbox]:checked + .error + [type=hiddem] + label:not(.error):before,
.checkbox-container input[type=radio]:checked + label:not(.error):before,
.checkbox-container input[type=checkbox]:checked + label:not(.error):before,
.checkbox-container input[type=checkbox]:checked + .error + [type=hiddem] + label:not(.error):before {
  content: "\f058";
}
.radio-container input[type=radio]:checked + span:before,
.checkbox-container input[type=radio]:checked + span:before {
  content: "\f058";
}
.radio-container input[type=radio]:focus + input + label:before,
.radio-container input[type=checkbox]:focus + input + label:before,
.checkbox-container input[type=radio]:focus + input + label:before,
.checkbox-container input[type=checkbox]:focus + input + label:before {
  outline: 1px dotted;
}
.radio-container input[type=radio]:checked + input + label:before,
.radio-container input[type=checkbox]:checked + input + label:before,
.checkbox-container input[type=radio]:checked + input + label:before,
.checkbox-container input[type=checkbox]:checked + input + label:before {
  content: "\f058";
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=text],
  input[type=date],
  textarea,
  select,
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
  }
}
/*#endregion */
/*#region overlays */
.overlay-content {
  display: none;
}

.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.ui-dialog .ui-dialog-titlebar {
  height: 30px;
  margin-bottom: 10px;
  padding: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
  right: 0;
  top: 0;
  width: auto;
  height: 30px;
  margin: 0;
  padding: 0;
}
.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
  display: inline;
  padding: 0;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  line-height: 30px;
  vertical-align: middle;
  text-decoration: underline;
  text-indent: 0;
}
.ui-dialog .ui-dialog-titlebar-close:after {
  content: "\f00d";
  margin-left: 10px;
  font-family: "FontAwesome";
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
  line-height: 30px;
  vertical-align: middle;
}
.ui-dialog .ui-dialog-content {
  padding: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4166666667em;
  background-color: #fff;
}

@media screen and (min-width: 1024px) {
  .ui-dialog .ui-dialog-titlebar-close .ui-button-text {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .ui-dialog .ui-dialog-content {
    line-height: 1.6666666667em;
  }
}
/*#endregion */
/*Social Share and Print styles*/
.js-social-share:hover {
  opacity: 0.8;
}

.print:hover {
  opacity: 0.8;
}

/*#endregion */
.field-required {
  color: #c33;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  html.masked {
    overflow: scroll;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  html.masked {
    overflow: scroll;
  }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  html.masked {
    overflow: scroll;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  html.masked {
    overflow: scroll;
  }
}
.content-placeholder-sub-layout-3-column-sd .cta-container, .content-placeholder-sub-layout-3-column-ds .cta-container, .content-placeholder-sub-layout-3-column-sss .cta-container {
  flex-wrap: wrap;
  -wekit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}
.content-placeholder-sub-layout-3-column-sd .cta-container .button, .content-placeholder-sub-layout-3-column-ds .cta-container .button, .content-placeholder-sub-layout-3-column-sss .cta-container .button {
  margin-right: 0;
  margin-bottom: 10px;
}

.awards-short .side-by-side {
  padding-top: 0 !important;
}

.nutrition-container select option {
  border-right: 1px solid #7b7b7b;
}

.intro.side-by-side .headlines {
  padding-right: 0;
}

.form-attachment {
  width: 100% !important;
}

.input-file-custom {
  overflow: hidden;
  max-width: 320px;
}
.input-file-custom > input[type=file] {
  position: absolute;
  display: block;
  z-index: 1;
  opacity: 0;
  padding: 4px;
  width: 100px;
  cursor: pointer;
  padding: 0 4px 4px 0;
  margin: -2px 0px 0 -4px;
  font-size: 27px;
}
.input-file-custom .fake-file label.button {
  display: inline-block;
  float: left;
  margin-right: 10px;
  width: auto;
  padding: 7px 10px;
  background-color: #c33;
  border-color: transparent;
  background-image: none;
  font-size: 14px;
}
.input-file-custom .fake-file label.path {
  display: inline-block;
  float: left;
  width: 70%;
  height: auto;
  margin-left: 0;
  word-wrap: break-word;
  font-size: 14px;
  font-weight: normal;
  margin-top: 3px;
}
@media screen and (min-width: 768px) {
  .input-file-custom {
    max-width: inherit;
  }
}

.global-link {
  cursor: pointer;
}

.position-relative {
  position: relative;
}

[v-cloak] {
  display: none;
}

.header {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 90px;
  font-family: "Open Sans";
  color: #fff;
  text-transform: uppercase;
  background-color: rgba(51, 51, 51, 0.5);
  /*#region tablet */
  /*#endregion */
  /*#region desktop */
  /*#endregion */
  /*#region horizontal logo */
  /*#endregion */
  /*#region center logo */
  /*#endregion */
}
.header.static-header {
  position: static;
  background-color: #333;
}
.header .inner {
  display: -moz-flex;
  display: flex;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -moz-align-items: center;
  align-items: center;
}
.header .logo img {
  display: block;
  width: 90px;
  height: 90px;
}
.header .open-menu,
.header .close-menu {
  font-size: 32px;
  font-size: 3.2rem;
  cursor: pointer;
}
.header .open-menu {
  color: #fff;
}
.header .nav-items-container {
  position: absolute;
  z-index: 2;
  left: 100%;
  top: 0;
  width: 265px;
  background-color: #666;
  transition: all transform 0.25s ease-in-out ease;
}
@media screen and (min-width: 400px) {
  .header .nav-items-container {
    left: calc(50% + 200px);
  }
}
.header .open .nav-items-container {
  transform: translate3d(-100%, 0, 0);
  overflow-y: scroll;
}
.header .secondary-nav {
  font-size: 15px;
  font-size: 1.5rem;
  color: #fff;
}
.header .secondary-nav > li {
  padding: 15px 20px;
  border-bottom: 1px solid #333;
}
.header .secondary-nav > li.search {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.header .search {
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
  -moz-justify-content: space-between;
  justify-content: space-between;
  height: 90px;
  background-color: #333;
}
.header .search-container {
  position: relative;
  margin-right: 20px;
}
.header .search-container input[type=text] {
  padding-right: 42px;
  border-color: #999;
  font-size: 15px;
  font-size: 1.5rem;
  color: #999;
  background-color: transparent;
}
.header .search-container input[type=text]:focus {
  border-color: #7999CE;
}
.header .search-container button {
  position: absolute;
  right: 1px;
  top: 0;
  height: 35px;
  padding: 0 12px;
  font-size: 20px;
  font-size: 2rem;
  color: #999;
}
.header .close-menu {
  color: #999;
  line-height: 35px;
}
.header .sign-in, .header .sign-link {
  text-align: right;
}
.header .sign-in a, .header .sign-link a {
  font-weight: 600;
  color: #fff;
  text-decoration: none;
}
.header .language-toggle select:not(#MainLanguage) {
  display: none;
}
.header .language-toggle .select-container {
  display: -moz-inline-flex;
  display: inline-flex;
  background-color: transparent;
}
.header .language-toggle .select-container select {
  width: auto;
  height: auto;
  padding: 0 20px 0 0;
  border: none;
  font-family: "Open Sans";
  line-height: 1.05em;
  letter-spacing: normal;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  text-indent: 0;
  text-transform: uppercase;
}
.header .language-toggle .select-container option {
  font-family: "Open Sans";
  line-height: 1.05em;
  letter-spacing: normal;
  color: #333;
}
.header .language-toggle .select-container:after {
  content: "\f13a";
  right: 20px;
  width: 20px;
  margin-right: -20px;
  font-size: 17px;
  font-size: 1.7rem;
  color: #fff;
  text-align: right;
}
.header .primary-nav {
  padding: 20px 0;
}
.header .primary-nav a,
.header .primary-nav .sub-head {
  display: block;
  margin-bottom: 0;
  padding: 15px 20px;
  font-family: "Open Sans";
  line-height: 1.05em;
  letter-spacing: normal;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}
.header .primary-nav .button {
  border-width: 0;
}
.header .primary-nav .button:after {
  display: none;
}
.header .primary-nav li {
  display: block;
}
.header .primary-nav li.has-sub-menu > a,
.header .primary-nav li.has-sub-menu > .sub-head {
  display: -moz-flex;
  display: flex;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -moz-align-items: center;
  align-items: center;
}
.header .primary-nav li.has-sub-menu > a:after,
.header .primary-nav li.has-sub-menu > .sub-head:after {
  content: "\f078";
  margin-left: 20px;
  font-family: "FontAwesome";
  font-size: 20px;
  font-size: 2rem;
}
.header .primary-nav li.has-sub-menu.open > a:after,
.header .primary-nav li.has-sub-menu.open > .sub-head:after {
  content: "\f077";
}
.header .primary-nav li.has-sub-menu.open .sub-menu {
  display: block;
}
.header .primary-nav .sub-menu {
  display: none;
  background-color: #eee;
}
.header .primary-nav .sub-menu > ul li {
  border-bottom: 1px solid #333;
}
.header .primary-nav .sub-menu > ul li:last-child {
  /*border-bottom: none;*/
}
.header .primary-nav .sub-menu > ul li.open.image-variation .category-content {
  display: block;
}
.header .primary-nav .sub-menu > ul a,
.header .primary-nav .sub-menu > ul .sub-head {
  padding-left: 40px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #333;
}
.header .primary-nav .sub-menu > ul ul {
  background-color: #fff;
  border-top: 1px solid #333;
}
.header .primary-nav .sub-menu > ul ul a {
  padding-left: 60px;
}
.header .primary-nav .sub-menu > ul .image-variation .category-content {
  display: none;
  background-color: #fff;
}
.header .primary-nav .sub-menu > ul .image-variation .category-overview img {
  display: none;
}
.header .primary-nav .sub-menu > ul .image-variation .category-overview .view-all {
  padding-left: 60px;
  border-top: 1px solid #333;
}
.header .primary-nav .sub-menu.mega ul {
  border-bottom: #333;
}
.header .primary-nav .sub-menu.mega .overview {
  display: none;
}
.header .primary-nav .sub-menu.mega .overview:first-child {
  display: block;
  border-bottom: 1px solid #333;
  padding-left: 20px;
  padding-right: 20px;
}
.header .primary-nav .sub-menu.mega .overview:first-child a {
  color: #333;
  font-size: 15px;
  font-size: 1.5rem;
}
.header .primary-nav a.empty-link {
  cursor: default;
}
@media screen and (min-width: 768px) {
  .header {
    height: 120px;
  }
  .header .logo img {
    width: 120px;
    height: 120px;
  }
  .header .nav-items-container {
    left: 100%;
  }
  .header .secondary-nav > li.search {
    padding-bottom: 20px;
  }
  .header .search {
    -moz-align-items: flex-end;
    align-items: flex-end;
    height: 95px;
  }
}
@media screen and (min-width: 1024px) {
  .header {
    height: 200px;
  }
  .header .inner {
    position: relative;
    -moz-align-items: flex-start;
    align-items: flex-start;
    padding: 0 13px;
  }
  .header .logo img {
    width: 200px;
    height: 200px;
  }
  .header .open-menu,
  .header .close-menu {
    display: none;
  }
  .header nav {
    -moz-flex-grow: 1;
    flex-grow: 1;
  }
  .header .nav-items-container {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto !important;
    margin-top: 40px;
    background-color: transparent;
    transition: all none ease;
  }
  .header .secondary-nav {
    display: -moz-flex;
    display: flex;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    -moz-align-items: center;
    align-items: center;
    font-size: 13px;
    font-size: 1.3rem;
    border-bottom: none;
  }
  .header .secondary-nav > li {
    display: -moz-flex;
    display: flex;
    margin-right: 30px;
    padding: 0;
    border-bottom: none;
  }
  .header .secondary-nav > li:after {
    content: "|";
    display: inline-block;
    margin-left: 30px;
  }
  .header .secondary-nav > li:first-child {
    margin-right: 0;
  }
  .header .secondary-nav > li:last-child:after {
    display: none;
  }
  .header .secondary-nav > li.search {
    padding-bottom: 0;
  }
  .header .secondary-nav > li.search:after {
    display: none;
  }
  .header .search {
    width: 160px;
    height: auto;
    -moz-order: 2;
    order: 2;
    background-color: transparent;
  }
  .header .search-container {
    margin-right: 0;
  }
  .header .search-container input[type=text] {
    padding-right: 30px;
    border-color: rgba(255, 255, 255, 0.3);
    font-size: 13px;
    font-size: 1.3rem;
    color: rgba(255, 255, 255, 0.5);
  }
  .header .search-container input[type=text]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgba(255, 255, 255, 0.5);
  }
  .header .search-container input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(255, 255, 255, 0.5);
  }
  .header .search-container input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(255, 255, 255, 0.5);
  }
  .header .search-container input[type=text]:-moz-placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: rgba(255, 255, 255, 0.5);
  }
  .header .search-container input[type=text]:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: rgba(255, 255, 255, 0.5);
  }
  .header .search-container button {
    right: 1px;
    top: 0;
    height: 35px;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
  }
  .header .language-toggle .select-container select {
    padding-right: 22px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .header .language-toggle .select-container:after {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .header .primary-nav {
    display: -moz-flex;
    display: flex;
    -moz-justify-content: space-between;
    justify-content: space-between;
    margin-top: 50px;
    padding: 0;
  }
  .header .primary-nav:before {
    content: "";
  }
  .header .primary-nav a {
    display: block;
    padding: 0;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .header .primary-nav > li {
    display: block;
  }
  .header .primary-nav > li.home {
    display: none;
  }
  .header .primary-nav > li.has-sub-menu {
    position: relative;
  }
  .header .primary-nav > li.has-sub-menu > a {
    display: block;
  }
  .header .primary-nav > li.has-sub-menu > a:after {
    display: none;
  }
  .touchevents .header .primary-nav > li.has-sub-menu.open, .no-touchevents .header .primary-nav > li.has-sub-menu:hover {
    margin: -13px;
  }
  .touchevents .header .primary-nav > li.has-sub-menu.open > a, .no-touchevents .header .primary-nav > li.has-sub-menu:hover > a {
    padding: 13px;
    background-color: #666;
  }
  .touchevents .header .primary-nav > li.has-sub-menu.open .sub-menu, .no-touchevents .header .primary-nav > li.has-sub-menu:hover .sub-menu {
    display: block;
  }
  .header .primary-nav .sub-menu {
    position: absolute;
    top: 100%;
    left: -37px;
    padding: 35px 50px;
    background-color: #666;
  }
  .header .primary-nav .sub-menu > ul li {
    margin-bottom: 15px;
    border-bottom: none;
  }
  .header .primary-nav .sub-menu > ul li:last-child {
    margin-bottom: 0;
  }
  .header .primary-nav .sub-menu > ul a,
  .header .primary-nav .sub-menu > ul .sub-head {
    padding: 0;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    color: #fff;
  }
  .header .primary-nav .sub-menu > ul ul {
    background-color: transparent;
  }
  .header .primary-nav .sub-menu > ul .button {
    display: inline-block;
    padding: 10px 30px;
    border-width: 1px;
    border-color: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    background-color: transparent;
  }
  .header .primary-nav .sub-menu > ul .button:after {
    display: none;
  }
  .header .primary-nav .sub-menu.mega ul {
    border-bottom: 1px solid #ccc;
  }
  .header .primary-nav .sub-menu.mega ul .image-variation {
    border-right: 1px solid #ccc;
  }
  .header .primary-nav .sub-menu.mega ul .image-variation:last-child {
    border-right: none;
  }
  .header .primary-nav .sub-menu.mega .category-content ul {
    border-bottom: none;
  }
  .header .primary-nav .sub-menu.mega .overview {
    display: none;
  }
  .header .primary-nav .sub-menu.mega .overview:first-child {
    display: none;
  }
  .header .primary-nav .sub-menu.mega .overview:last-child {
    display: block;
    padding-left: 30px;
    padding-top: 15px;
  }
  .header .primary-nav .sub-menu.mega .overview:last-child a {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .header .primary-nav .simple > ul {
    width: 105px;
    /*li {
        white-space: nowrap;
    }*/
  }
  .header .primary-nav .simple > ul .button {
    padding: 10px 20px;
  }
  .header .primary-nav .mega {
    left: 50%;
    padding: 20px 0;
    transform: translate3d(-50%, 0, 0);
  }
  .header .primary-nav .mega > ul {
    position: relative;
    display: -moz-flex;
    display: flex;
  }
  .header .primary-nav .mega > ul > li {
    box-sizing: border-box;
    width: 324px;
    margin-bottom: 0;
    padding: 15px 30px;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .header .primary-nav .mega > ul > li:last-child {
    border-right: none;
  }
  .header .primary-nav .mega > ul > li.overview {
    position: absolute;
    top: 100%;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 30px;
    border-right: none;
    background-color: #666;
  }
  .header .primary-nav .mega > ul > li.overview:before {
    content: "";
    display: block;
    width: 100%;
    height: 15px;
    border-top: 1px solid #ccc;
  }
  .header .primary-nav .mega > ul > li.overview a {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
  }
  .header .primary-nav .mega > ul .sub-head {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    color: #ccc;
  }
  .header .primary-nav .mega > ul .sub-head:after {
    display: none;
  }
  .header .primary-nav .mega > ul li.image-variation .sub-head,
  .header .primary-nav .mega > ul li.open.image-variation .sub-head {
    margin-bottom: 20px;
  }
  .header .primary-nav .mega > ul li.image-variation .category-content,
  .header .primary-nav .mega > ul li.open.image-variation .category-content {
    display: -moz-flex;
    display: flex;
    -moz-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -moz-align-items: stretch;
    align-items: stretch;
    background-color: transparent;
  }
  .header .primary-nav .mega > ul li.image-variation .category-overview,
  .header .primary-nav .mega > ul li.open.image-variation .category-overview {
    width: 124px;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .header .primary-nav .mega > ul li.image-variation .category-overview img,
  .header .primary-nav .mega > ul li.open.image-variation .category-overview img {
    display: block;
    width: 100%;
  }
  .header .primary-nav .mega > ul li.image-variation .category-overview .view-all,
  .header .primary-nav .mega > ul li.open.image-variation .category-overview .view-all {
    width: 100%;
    margin-top: 15px;
    padding-left: 30px;
    border-top-color: #fff;
    text-align: center;
  }
  .header .primary-nav .mega > ul li.image-variation ul,
  .header .primary-nav .mega > ul li.open.image-variation ul {
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: 20px;
    border-top: none;
  }
  .header .primary-nav .mega > ul li.image-variation ul li,
  .header .primary-nav .mega > ul li.open.image-variation ul li {
    white-space: normal;
  }
  .header .primary-nav .mega > ul li.image-variation ul a,
  .header .primary-nav .mega > ul li.open.image-variation ul a {
    padding: 0;
  }
}
.header.horizontal .inner {
  height: 100%;
  padding: 0 26px;
}
.header.horizontal .logo {
  margin-right: 20px;
}
.header.horizontal .logo img {
  width: auto;
  max-height: 50px;
}
@media screen and (min-width: 768px) {
  .header.horizontal .logo img {
    max-height: 80px;
  }
}
@media screen and (min-width: 1024px) {
  .header.horizontal .inner {
    height: auto;
  }
  .header.horizontal .logo {
    position: absolute;
    z-index: 3;
    left: 13px;
    top: 25px;
    margin-right: 0;
  }
  .header.horizontal .logo img {
    width: auto;
    max-height: 120px;
  }
  .header.horizontal .primary-nav {
    margin-top: 85px;
  }
  .header.horizontal .primary-nav:before {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .header.horizontal.center .logo {
    left: 50%;
    transform: translate3d(-50%, 0, 0);
  }
  .header.horizontal.center .logo img {
    max-width: 264px;
  }
  .header.horizontal.center .secondary-nav > li {
    margin-right: 15px;
  }
  .header.horizontal.center .secondary-nav > li:after {
    margin-left: 15px;
  }
  .header.horizontal.center .secondary-nav > li:first-child {
    margin-right: 0;
  }
  .header.horizontal.center .secondary-nav > li:last-child {
    margin-right: 20px;
  }
}

.footer {
  font-size: 16px;
  font-size: 1.6rem;
  color: #999;
  background-color: #333;
  /*#region tablet */
  /*#endregion */
  /*#region desktop */
}
.footer .inner {
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer a {
  color: #999;
  text-decoration: none;
}
.footer .links-container {
  display: -moz-flex;
  display: flex;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.footer .site-links {
  margin-right: 30px;
  text-transform: uppercase;
}
.footer .site-links .sub-head {
  font-size: 16px;
  font-size: 1.6rem;
  color: #999;
}
.footer .site-links .sub-head:before {
  content: "\f055";
  display: inline-block;
  margin-right: 10px;
  font-family: "FontAwesome";
  color: #fff;
}
.footer .site-links ul li {
  margin-bottom: 20px;
}
.footer .site-links .has-header ul {
  display: none;
}
.footer .site-links .column:last-child ul li:last-child {
  margin-bottom: 0;
}
.footer .site-links a {
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
}
.footer .social-links .sub-head {
  display: none;
  font-size: 16px;
  font-size: 1.6rem;
  color: #999;
}
.footer .social-links ul li {
  margin-bottom: 12px;
  font-size: 45px;
  font-size: 4.5rem;
}
.footer .social-links ul li:last-child {
  margin-bottom: 0;
}
.footer .social-links ul li a {
  color: #fff;
}
.footer .social-links ul li a img {
  max-height: 26px;
  max-width: 26px;
}
.footer .social-links ul li i {
  display: block;
}
.footer .social-links ul li a:focus i {
  outline: 1px dotted;
}
.footer .disclaimer-container {
  margin-top: 30px;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
}
.footer .terms {
  display: -moz-flex;
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: center;
  justify-content: center;
  margin-top: 20px;
}
.footer .terms li:after {
  content: "|";
  margin: 0 8px;
}
.footer .terms li:last-child:after {
  display: none;
}
.footer .terms a {
  color: #999;
  font-weight: normal;
}
.footer .secondary-footer {
  font-size: 11px;
  font-size: 1.1rem;
  color: #b1b1b1;
  background-color: #666;
  text-align: center;
}
.footer .secondary-footer .inner {
  padding-top: 30px;
  padding-bottom: 30px;
}
.footer .secondary-footer a {
  font-weight: 600;
  color: #b1b1b1;
}
.footer .secondary-footer .saputo-logo {
  margin-bottom: 15px;
}
.footer .secondary-footer .family-logos {
  display: -moz-flex;
  display: flex;
  -moz-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 25px;
}
.footer .secondary-footer .family-logos li {
  -moz-flex: 0 1 auto;
  flex: 0 1 auto;
  margin-right: 15px;
}
.footer .secondary-footer .family-logos li:last-child {
  margin-right: 0;
}
.footer .secondary-footer .family-logos img {
  width: 100%;
}
.footer .secondary-footer .legal {
  display: -moz-flex;
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: center;
  justify-content: center;
}
.footer .secondary-footer .legal li:after {
  content: "|";
  margin: 0 15px;
}
.footer .secondary-footer .legal li:last-child:after {
  display: none;
}
.footer .secondary-footer .legal a {
  text-transform: lowercase;
}
@media screen and (min-width: 768px) {
  .footer .inner {
    padding: 40px;
    padding: 40px 40px;
  }
  .footer .site-links ul li {
    margin-bottom: 15px;
  }
  .footer .social-links ul {
    display: -moz-inline-flex;
    display: inline-flex;
    margin-bottom: -12px;
  }
  .footer .social-links ul li {
    margin-right: 15px;
  }
  .footer .social-links ul li:last-child {
    margin-right: 0;
    margin-bottom: 12px;
  }
  .footer .disclaimer-container {
    display: -moz-flex;
    display: flex;
    -moz-justify-content: space-between;
    justify-content: space-between;
    margin-top: 40px;
    text-align: left;
  }
  .footer .terms {
    margin-top: 0;
  }
  .footer .secondary-footer {
    text-align: left;
  }
  .footer .secondary-footer .inner {
    padding-top: 40px;
    padding-bottom: 40px;
    display: -moz-flex;
    display: flex;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .footer .secondary-footer .saputo-logo,
  .footer .secondary-footer .family-logos {
    margin-right: 40px;
    margin-bottom: 0;
  }
  .footer .secondary-footer .saputo-logo:last-child,
  .footer .secondary-footer .family-logos:last-child {
    margin-right: 0;
  }
  .footer .secondary-footer .legal {
    flex-wrap: nowrap;
    -moz-align-items: center;
    align-items: center;
  }
  .footer .secondary-footer .legal li {
    white-space: nowrap;
  }
}
@media screen and (min-width: 1024px) {
  .footer {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .footer .inner {
    padding: 45px 56px;
  }
  .footer .site-links {
    display: -moz-flex;
    display: flex;
    -moz-align-items: flex-start;
    align-items: flex-start;
    margin-right: 60px;
  }
  .footer .site-links .sub-head {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .footer .site-links .sub-head:before {
    display: none;
  }
  .footer .site-links ul li {
    margin-bottom: 10px;
  }
  .footer .site-links ul li:last-child {
    margin-bottom: 0;
  }
  .footer .site-links .has-header ul {
    display: block;
  }
  .footer .site-links .column {
    margin-right: 60px;
  }
  .footer .site-links .column:last-child {
    margin-right: 0;
  }
  .footer .site-links a {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .footer .social-links {
    flex-shrink: 0;
  }
  .footer .social-links .sub-head {
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .footer .social-links ul {
    display: -moz-flex;
    display: flex;
    flex-wrap: nowrap;
  }
  .footer .social-links ul li {
    margin: 0 15px 0 0;
    font-size: 30px;
    font-size: 3rem;
  }
  .footer .social-links ul li:last-child {
    margin-right: 0;
  }
  .footer .disclaimer-container {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 45px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .footer .copyright {
    margin-right: 40px;
  }
  .footer .secondary-footer {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .footer .secondary-footer .inner {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .footer .secondary-footer .saputo-logo,
  .footer .secondary-footer .family-logos {
    margin-right: 50px;
  }
  .footer .secondary-footer .saputo-logo:last-child,
  .footer .secondary-footer .family-logos:last-child {
    margin-right: 0;
  }
}
.footer .footer-container {
  width: 100%;
  display: table;
}
.footer .footer-container .footer-row {
  display: table-row;
}
.footer .footer-container .footer-row > div.footer-top-left {
  width: 70%;
  float: left;
}
.footer .footer-container .footer-row > div.footer-top-left + div {
  width: 30%;
  float: right;
}
.footer .footer-container .footer-row > div {
  display: table-cell;
}
.footer .footer-container.footer-container-bottom .footer-row > div.bottom-top-left {
  width: 70%;
}
.footer .footer-container.footer-container-bottom .footer-row > div.bottom-top-left + div {
  width: 30%;
}
.footer .footer-container + .footer-container {
  margin-top: 45px;
}

/*#endregion */
@media screen and (max-width: 767px) {
  .footer .footer-container .footer-row > div {
    display: block;
  }
}
/*added for Saputo*/
/*end added*/
.home-page-template {
  /*.product-brand-sub-layout {
      padding: $prod-short-sublayout-mobile-padding;
      background: $global-mobile-bg-image repeat scroll center top;
      text-align: $grid-horizontal-alignment;

      .intro {


          .headline {
              @include set-font-with-properties($prod-short-headline-font-family);
              font-weight: $prod-short-headline-font-weight;
              @include font-size($prod-short-mobile-headline-font-size);
          }

          .sub-head {
              font-weight: $prod-short-sub-head-font-weight;
          }
      }

      > .inner hr {
          margin: -20px 0 20px;
          border-top: 3px solid $prod-short-rule-color;
      }

      .filter-jump-sub-layout:first-child {
          margin-top: -25px;
      }

      .grid-container {
          margin-bottom: 55px;

          .sub-head {
              margin-bottom: 10px;
              @include font-size($sub-head-mobile-font-size);
              color: $prod-short-name-font-color;
              text-transform: $prod-short-grid-subhead-text-transform;
          }

          .grid-item {
              .main-image {
                  img {
                      margin: $prod-short-grid-item-img-horizontal-alignment;
                  }
              }
              /*added for saput
              border-top: $prod-short-grid-item-border-color;
              padding-top: $prod-short-grid-item-padding;
              /*added for saputo
          }

          .grid-item:nth-child(1) {
              border-top: none;
          }

          .grid-item:nth-child(2) {
              border-top: none;
          }

          .grid-item:nth-child(3) {
              border-top: none;
          }
      }

      .inner:last-child {
          .grid-container {
              margin-bottom: 0;
          }
      }

      @media  screen and (max-width: 767px) {
          .grid-container {

              .grid-item {
                  .main-image {
                      img {
                          width: $prod-short-grid-item-mobile-img-width;
                          margin: $prod-short-grid-item-img-horizontal-alignment;
                      }
                  }
              }
          }
      }


      @media  screen and (min-width: 768px) {
          padding: $prod-short-sublayout-tablet-padding;
          background-image: $global-tablet-bg-image;

          .intro {
              .headline {
                  @include font-size($prod-short-tablet-headline-font-size);
              }

              .sub-head {
                  @include font-size($prod-short-tablet-sub-head-font-size);
              }
          }

          > .inner hr {
              margin-top: -15px;
              margin-bottom: 25px;
              border-top-width: 2px;
          }

          .filter-jump-sub-layout:first-child {
              margin-top: -35px;
          }

          .grid-container {
              margin-bottom: 10px;

              .sub-head {
                  @include font-size($sub-head-tablet-font-size);
              }
          }

          .inner:last-child {
              .grid-container {
                  margin-bottom: $margin-bottom-grid-cont;
              }
          }
      }


      @media  screen and (min-width: 1024px) {
          padding: $prod-short-sublayout-desktop-padding;

          .intro {
              .headline {
                  @include font-size($prod-short-desktop-headline-font-size);
              }

              .sub-head {
                  @include font-size($prod-short-desktop-sub-head-font-size);
              }
          }

          .filter-jump-sub-layout:first-child {
              margin-top: -100px;
          }

          .grid-container {
              .sub-head {
                  @include font-size($sub-head-desktop-font-size);
              }

              .grid-item {
                  .main-image {
                      img {
                          width: $prod-short-grid-item-desktop-img-width;
                      }
                  }
              }
          }
      }
  }*/
}
.cssmask .hero-placeholder {
  margin: 0 -1px -3px;
  padding: 0 1px;
  backface-visibility: hidden;
  -webkit-mask-box-image: url(/img/b2c/global/hero_mask_box_image.svg) 1 1 4 1 repeat;
}
@media screen and (min-width: 768px) {
  .cssmask .hero-placeholder {
    margin-bottom: 0 0 4px 0;
    -webkit-mask-box-image: url(/img/b2c/global/hero_mask_box_image_tablet.svg) 1 1 5 1 repeat;
  }
}
@media screen and (min-width: 1024px) {
  .cssmask .hero-placeholder {
    margin-bottom: 0 0 6px 0;
    -webkit-mask-box-image: url(/img/b2c/global/hero_mask_box_image_desktop.svg) 1 1 7 1 repeat;
  }
}

/*added for saputo*/
/*end added*/
.hero-placeholder-component-image {
  padding-top: 247px;
  background: #666 no-repeat center top;
  background-size: auto 247px;
  color: #fff;
  /*#region tablet */
  /*#endregion */
  /*#region desktop */
  /*#endregion */
  /*ipad Landscape region*/
  /* LANDSCAPE TABLET VIEW ORIENTATION */
  /*#endregion */
  /*#region carousel variant */
  /*#endregion */
}
.hero-placeholder-component-image .hero-bg-img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
.hero-placeholder-component-image.theme-1 .body-copy, .hero-placeholder-component-image:not(.theme-2):not(.theme-3) .body-copy {
  padding-bottom: 15px;
}
.hero-placeholder-component-image.theme-1 .body-copy:last-child, .hero-placeholder-component-image:not(.theme-2):not(.theme-3) .body-copy:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .hero-placeholder-component-image.theme-1 .body-copy, .hero-placeholder-component-image:not(.theme-2):not(.theme-3) .body-copy {
    padding-bottom: 25px;
  }
  .hero-placeholder-component-image.theme-1 .body-copy:last-child, .hero-placeholder-component-image:not(.theme-2):not(.theme-3) .body-copy:last-child {
    padding-bottom: 0;
  }
}
.hero-placeholder-component-image.theme-1 .body-copy {
  padding-bottom: 15px;
}
.hero-placeholder-component-image.theme-1 .body-copy:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .hero-placeholder-component-image.theme-1 .body-copy {
    padding-bottom: 25px;
  }
  .hero-placeholder-component-image.theme-1 .body-copy:last-child {
    padding-bottom: 0;
  }
}
.hero-placeholder-component-image.theme-2 .body-copy {
  padding-bottom: 15px;
}
.hero-placeholder-component-image.theme-2 .body-copy:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .hero-placeholder-component-image.theme-2 .body-copy,
  .hero-placeholder-component-image.theme-2 .body-copy:last-child {
    padding: 25px;
  }
}
@media screen and (min-width: 768px) {
  .hero-placeholder-component-image.theme-2 .body-copy {
    background-color: rgba(51, 51, 51, 0.4);
  }
}
.hero-placeholder-component-image.theme-3 .body-copy {
  padding-bottom: 15px;
}
.hero-placeholder-component-image.theme-3 .body-copy:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .hero-placeholder-component-image.theme-3 .body-copy,
  .hero-placeholder-component-image.theme-3 .body-copy:last-child {
    padding: 25px;
  }
}
@media screen and (min-width: 768px) {
  .hero-placeholder-component-image.theme-3 .body-copy {
    background-color: rgba(51, 51, 51, 0.7);
  }
}
.hero-placeholder-component-image .content {
  padding: 25px 0;
}
.hero-placeholder-component-image .headline {
  margin-bottom: 15px;
  font-family: "Open Sans";
  line-height: 1.05em;
  letter-spacing: normal;
  font-size: 28px;
  font-size: 2.8rem;
  color: #fff;
  /*added for saputo*/
  max-width: 100%;
  word-wrap: break-word;
  /*end added*/
  /*added for saputo*/
  /*end added */
}
.hero-placeholder-component-image .headline:last-child {
  margin-bottom: 0;
}
.hero-placeholder-component-image a {
  color: #fff;
  font-weight: inherit;
}
@media screen and (min-width: 768px) {
  .hero-placeholder-component-image {
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -moz-align-items: center;
    align-items: center;
    box-sizing: border-box;
    min-height: 540px;
    padding-top: 180px;
    padding-bottom: 60px;
    background-size: cover;
  }
  .hero-placeholder-component-image.left {
    text-align: left;
  }
  .hero-placeholder-component-image.right {
    text-align: right;
  }
  .hero-placeholder-component-image.center {
    text-align: center;
  }
  .product-brand-detail-page-template .hero-placeholder-component-image:not(.hero-placeholder-component-image-sub-page) {
    min-height: 480px;
  }
  .cheese-events-landing .hero-placeholder-component-image:not(.hero-placeholder-component-image-sub-page), .cheese-event-detail .hero-placeholder-component-image:not(.hero-placeholder-component-image-sub-page) {
    min-height: 440px;
  }
  .hero-placeholder-component-image, .slick-initialized .hero-placeholder-component-image {
    display: -moz-flex;
    display: flex;
  }
  .hero-placeholder-component-image .content {
    box-sizing: border-box;
    width: 485.3333333333px;
    padding: 0 20px;
  }
  .hero-placeholder-component-image .content.hero-content-right {
    float: right;
  }
  .hero-placeholder-component-image .content.hero-content-left {
    float: left;
  }
  .hero-placeholder-component-image .content.hero-content-center {
    margin: 0 auto;
    padding: 0 20px;
  }
  .hero-placeholder-component-image.content-right .content {
    margin-left: auto;
  }
  .hero-placeholder-component-image .headline {
    margin-bottom: 20px;
    font-size: 32px;
    font-size: 3.2rem;
  }
  .hero-placeholder-component-image .body-copy {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .hero-placeholder-component-image {
    min-height: 720px;
    padding-top: 260px;
    background-size: cover;
  }
  .product-brand-detail-page-template .hero-placeholder-component-image:not(.hero-placeholder-component-image-sub-page) {
    min-height: 640px;
  }
  .cheese-events-landing .hero-placeholder-component-image:not(.hero-placeholder-component-image-sub-page), .cheese-event-detail .hero-placeholder-component-image:not(.hero-placeholder-component-image-sub-page) {
    min-height: 586px;
  }
  .hero-placeholder-component-image .content {
    width: 648px;
    padding: 0 30px 0 30px;
  }
  .hero-placeholder-component-image .headline {
    font-size: 42px;
    font-size: 4.2rem;
  }
  .hero-placeholder-component-image .body-copy {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.hero-placeholder-sub-layout-carousel .hero-placeholder-component-image {
  height: auto;
}
@media screen and (min-width: 768px) {
  .hero-placeholder-sub-layout-carousel .hero-placeholder-component-image.content-right .content {
    padding-right: 100px;
    padding-left: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .hero-placeholder-sub-layout-carousel .hero-placeholder-component-image .content {
    padding-left: 100px;
  }
  .hero-placeholder-sub-layout-carousel .hero-placeholder-component-image .content.hero-content-center {
    padding: 0 20px;
  }
  .hero-placeholder-sub-layout-carousel .hero-placeholder-component-image.content-right .content {
    padding-right: 100px;
  }
}

.ie11 .hero-placeholder-component-image {
  position: relative;
  background-size: cover;
  background-position: center center;
}
.ie11 .hero-placeholder-component-image .hero-bg-img {
  opacity: 0 !important;
}

@media screen and (max-width: 767px) {
  .hero-placeholder-component-image-sub-page {
    padding-top: 180px;
    background-size: auto 180px;
    position: relative;
  }
}
.hero-placeholder-component-image-sub-page .content {
  background: transparent;
}
.hero-placeholder-component-image-sub-page .content .headline {
  padding: 12px;
}
.hero-placeholder-component-image-sub-page .headline {
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .hero-placeholder-component-image-sub-page {
    min-height: 300px;
    padding-bottom: 0;
    position: relative;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .hero-placeholder-component-image-sub-page > .inner {
    display: -moz-flex;
    display: flex;
    -moz-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .hero-placeholder-component-image-sub-page .content {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    max-width: 485.3333333333px;
    background: transparent;
  }
  .hero-placeholder-component-image-sub-page .content .headline {
    padding: 15px;
    font-size: 32px;
    font-size: 3.2rem;
    font-weight: 300;
    background-color: rgba(51, 51, 51, 0.25);
    color: #fff;
    display: inline-block;
  }
}
@media screen and (min-width: 1024px) {
  .hero-placeholder-component-image-sub-page {
    min-height: 400px;
  }
  .hero-placeholder-component-image-sub-page > .inner {
    padding-left: 0;
  }
  .hero-placeholder-component-image-sub-page .content {
    max-width: 648px;
    background: transparent;
  }
  .hero-placeholder-component-image-sub-page .content .headline {
    font-size: 48px;
    font-size: 4.8rem;
    padding: 20px;
  }
}

.hero-placeholder-component-video {
  /*#region tablet */
  /*#endregion */
  /*#region desktop */
  /*#endregion */
}
.hero-placeholder-component-video .video-container:after {
  top: calc(50% + 45px);
}
@media screen and (min-width: 768px) {
  .hero-placeholder-component-video .video-container:after {
    top: calc(50% + 60px);
  }
}
@media screen and (min-width: 1024px) {
  .hero-placeholder-component-video .video-container:after {
    top: calc(50% + 100px);
  }
}

.hero-placeholder-component.hero-placeholder-component-background-video {
  position: relative;
  overflow: hidden;
  padding: 0;
  min-height: 0;
}
.hero-placeholder-component.hero-placeholder-component-background-video:before {
  content: "";
  display: block;
  padding-top: 55%;
}
.hero-placeholder-component.hero-placeholder-component-background-video .video-section {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 0;
  right: 0;
}
.hero-placeholder-component.hero-placeholder-component-background-video .video-section video {
  width: 100%;
  pointer-events: none;
}
.hero-placeholder-component.hero-placeholder-component-background-video .inner {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: none;
  background: rgba(0, 0, 0, 0.5);
}
.hero-placeholder-component.hero-placeholder-component-background-video .inner .content {
  padding: 30px 0 10px;
}
.hero-placeholder-component.hero-placeholder-component-background-video .inner .content .headline {
  padding-left: 25px;
  margin: 0;
}
.hero-placeholder-component.hero-placeholder-component-background-video .inner .content .body-copy {
  padding-top: 10px !important;
}

@media screen and (max-width: 767px) {
  .hero-placeholder-component.hero-placeholder-component-background-video {
    background-size: cover;
  }
  .hero-placeholder-component.hero-placeholder-component-background-video .video-section {
    top: 0;
    transform: translate(0, 0);
    display: none;
  }
  .hero-placeholder-component.hero-placeholder-component-background-video .inner {
    position: relative;
  }
}
/*#region carousel */
/*#endregion */
.hero-placeholder-sub-layout-carousel {
  position: relative;
}
.hero-placeholder-sub-layout-carousel .slick-track {
  display: -moz-flex;
  display: flex;
  -moz-align-items: stretch;
  align-items: stretch;
}
.hero-placeholder-sub-layout-carousel .slick-arrow {
  position: absolute;
  z-index: 1;
  top: 168.5px;
  width: 40px;
  height: 80px;
  margin-top: -40px;
  font-size: 35px;
  font-size: 3.5rem;
  background-color: rgba(51, 51, 51, 0.3);
  color: #fff;
  cursor: pointer;
}
.hero-placeholder-sub-layout-carousel .slick-prev {
  left: 0;
  padding-left: 4px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  text-align: left;
}
.hero-placeholder-sub-layout-carousel .slick-next {
  right: 0;
  padding-right: 4px;
  border-bottom-left-radius: 40px;
  border-top-left-radius: 40px;
  text-align: right;
}
.hero-placeholder-sub-layout-carousel .slick-dots {
  position: absolute;
  left: 50%;
  top: 217px;
  transform: translate3d(-50%, 0, 0);
  padding: 6px;
  background-color: transparent;
  overflow: auto;
}
.hero-placeholder-sub-layout-carousel .slick-dots li {
  float: left;
  width: 6px;
  height: 6px;
  margin-right: 11px;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #fff;
  cursor: pointer;
  overflow: hidden !important;
  text-indent: -9999px !important;
  color: rgba(255, 255, 255, 0.01) !important;
  white-space: nowrap !important;
}
.hero-placeholder-sub-layout-carousel .slick-dots li *, .hero-placeholder-sub-layout-carousel .slick-dots li *:focus, .hero-placeholder-sub-layout-carousel .slick-dots li *:focus-visible {
  outline: none !important;
  border: 0px solid !important;
  border-style: none !important;
}
.hero-placeholder-sub-layout-carousel .slick-dots li:last-child {
  margin-right: 0;
}
.hero-placeholder-sub-layout-carousel .slick-dots li.slick-active {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .hero-placeholder-sub-layout-carousel .slick-arrow {
    top: calc(50% + 60px);
    width: 45px;
    height: 45px;
    margin-top: -22.5px;
    padding: 0;
    font-size: 30px;
    font-size: 3rem;
    border-radius: 50%;
    text-align: center;
  }
  .hero-placeholder-sub-layout-carousel .slick-prev {
    left: calc(50% - 364px);
    padding-right: 4px;
  }
  .hero-placeholder-sub-layout-carousel .slick-next {
    right: calc(50% - 364px);
    padding-left: 4px;
  }
  .hero-placeholder-sub-layout-carousel .slick-dots {
    top: auto;
    bottom: 25px;
    padding: 8px;
  }
  .hero-placeholder-sub-layout-carousel .slick-dots li {
    width: 8px;
    height: 8px;
    margin-right: 13px;
  }
  .hero-placeholder-sub-layout-carousel .slick-dots li:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .hero-placeholder-sub-layout-carousel .slick-arrow {
    top: calc(50% + 100px);
    width: 60px;
    height: 60px;
    margin-top: -30px;
    font-size: 40px;
    font-size: 4rem;
  }
  .hero-placeholder-sub-layout-carousel .slick-prev {
    left: calc(50% - 486px);
    padding-right: 6px;
  }
  .hero-placeholder-sub-layout-carousel .slick-next {
    right: calc(50% - 486px);
    padding-left: 6px;
  }
  .hero-placeholder-sub-layout-carousel .slick-dots {
    padding: 11px;
    width: auto;
  }
  .hero-placeholder-sub-layout-carousel .slick-dots li {
    width: 11px;
    height: 11px;
    margin-right: 17px;
  }
  .hero-placeholder-sub-layout-carousel .slick-dots li:last-child {
    margin-right: 0;
  }
}

/* static mode */
.hero-carousel-static-content-container {
  position: relative;
}
.hero-carousel-static-content-container.center {
  text-align: center;
}
.hero-carousel-static-content-container.right {
  text-align: right;
}
.hero-carousel-static-content-container > .inner {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
}
@media screen and (max-width: 767px) {
  .hero-carousel-static-content-container > .inner {
    top: auto;
    bottom: 10px;
  }
}
@media screen and (min-width: 768px) {
  .hero-carousel-static-content-container > .inner .content {
    box-sizing: border-box;
    width: 485.3333333333px;
    padding: 0 20px;
  }
  .hero-carousel-static-content-container > .inner .content.hero-content-right {
    float: right;
  }
  .hero-carousel-static-content-container > .inner .content.hero-content-left {
    float: left;
  }
  .hero-carousel-static-content-container > .inner .content.hero-content-center {
    margin: 0 auto;
    padding: 0 20px;
  }
}

.slide-reorder-mode {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.slide-reorder-mode .editor-slide {
  width: 32%;
  margin-bottom: 15px;
}

.slide-reorder-mode .editor-slide > div {
  border: 5px solid black;
}

.slide-reorder-mode .container-slide-edit {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .content-placeholder {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 1275px auto;
  }
}
@media screen and (min-width: 1024px) {
  .content-placeholder {
    background-size: 1700px auto;
  }
}

.content-placeholder-sub-layout-3-column .intro {
  padding-top: 35px;
}
.content-placeholder-sub-layout-3-column .columns-container {
  min-height: 35px;
  /*.hh {
      .content {
          width: 100%;
      }

      .headline, .sub-head, .body-copy {
          color: white;
      }

      .headline {
          font-size: 2.6rem;
          font-weight: bold;
          margin-bottom: .3em;
      }

      .sub-head {
          font-size: 2.2rem;
          font-weight: normal;
      }

      .body-copy {
          font-size: 1.6rem;
          padding: 0 !important;
          padding-bottom: 25px !important; 
      }
  }*/
}
@media screen and (max-width: 767px) {
  .content-placeholder-sub-layout-3-column {
    min-height: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  .content-placeholder-sub-layout-3-column {
    display: -moz-flex;
    display: flex;
    -moz-flex-direction: column;
    flex-direction: column;
    -moz-align-items: strecth;
    align-items: strecth;
    background-size: cover;
  }
  .content-placeholder-sub-layout-3-column > .inner {
    -moz-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  .content-placeholder-sub-layout-3-column .intro {
    padding-top: 40px;
  }
  .content-placeholder-sub-layout-3-column .columns-container {
    -moz-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -moz-flex;
    display: flex;
    -moz-justify-content: center;
    justify-content: center;
    -moz-align-items: stretch;
    align-items: stretch;
    min-height: 45px;
  }
  .content-placeholder-sub-layout-3-column .columns-container .column {
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
    display: -moz-flex;
    display: flex;
    -moz-align-items: stretch;
    align-items: stretch;
  }
  .content-placeholder-sub-layout-3-column .columns-container .column:first-child, .content-placeholder-sub-layout-3-column .columns-container .column:last-child {
    -moz-flex-grow: 1;
    flex-grow: 1;
  }
  .content-placeholder-sub-layout-3-column .columns-container .single {
    width: 242.6666666667px;
    flex-wrap: wrap;
  }
  .content-placeholder-sub-layout-3-column .columns-container .double {
    width: 485.3333333333px;
    flex-wrap: wrap;
  }
  .content-placeholder-sub-layout-3-column .columns-container .triple {
    width: 728px;
    flex-wrap: wrap;
  }
  .content-placeholder-sub-layout-3-column .columns-container .hh {
    width: 364px;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  .content-placeholder-sub-layout-3-column .intro {
    padding-top: 90px;
  }
  .content-placeholder-sub-layout-3-column .columns-container {
    /*min-height: 70px; 1441*/
    min-height: 50px;
  }
  .content-placeholder-sub-layout-3-column .columns-container .single {
    width: 324px;
    flex-wrap: wrap;
  }
  .content-placeholder-sub-layout-3-column .columns-container .double {
    width: 648px;
    flex-wrap: wrap;
  }
  .content-placeholder-sub-layout-3-column .columns-container .triple {
    width: 972px;
    flex-wrap: wrap;
  }
  .content-placeholder-sub-layout-3-column .columns-container .hh {
    width: 486px;
    flex-wrap: wrap;
  }
}

/*added for saputo*/
/*end added*/
/*#region generic component styles */
.content-placeholder-component {
  position: relative;
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto 140px;
  /*#region tablet */
  /*#endregion */
  /*#region desktop */
  /*#endregion */
}
.content-placeholder-component.theme-1 .body-copy, .content-placeholder-component:not(.theme-2):not(.theme-3) .body-copy {
  padding-bottom: 15px;
}
.content-placeholder-component.theme-1 .body-copy:last-child, .content-placeholder-component:not(.theme-2):not(.theme-3) .body-copy:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .content-placeholder-component.theme-1 .body-copy, .content-placeholder-component:not(.theme-2):not(.theme-3) .body-copy {
    padding-bottom: 25px;
  }
  .content-placeholder-component.theme-1 .body-copy:last-child, .content-placeholder-component:not(.theme-2):not(.theme-3) .body-copy:last-child {
    padding-bottom: 0;
  }
}
.content-placeholder-component.theme-1 .body-copy {
  padding-bottom: 15px;
}
.content-placeholder-component.theme-1 .body-copy:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .content-placeholder-component.theme-1 .body-copy {
    padding-bottom: 25px;
  }
  .content-placeholder-component.theme-1 .body-copy:last-child {
    padding-bottom: 0;
  }
}
.content-placeholder-component.theme-2 .body-copy {
  padding-bottom: 15px;
}
.content-placeholder-component.theme-2 .body-copy:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .content-placeholder-component.theme-2 .body-copy,
  .content-placeholder-component.theme-2 .body-copy:last-child {
    padding: 25px;
  }
}
@media screen and (min-width: 768px) {
  .content-placeholder-component.theme-2 .body-copy {
    background-color: rgba(51, 51, 51, 0.4);
  }
}
.content-placeholder-component.theme-3 .body-copy {
  padding-bottom: 15px;
}
.content-placeholder-component.theme-3 .body-copy:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .content-placeholder-component.theme-3 .body-copy,
  .content-placeholder-component.theme-3 .body-copy:last-child {
    padding: 25px;
  }
}
@media screen and (min-width: 768px) {
  .content-placeholder-component.theme-3 .body-copy {
    background-color: rgba(51, 51, 51, 0.7);
  }
}
.content-placeholder-sub-layout-3-column-sss .content-placeholder-component {
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.content-placeholder-component.valign-top {
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.content-placeholder-component.valign-center {
  -moz-align-items: center;
  align-items: center;
}
.content-placeholder-component.valign-bottom {
  -moz-align-items: flex-end;
  align-items: flex-end;
}
.content-placeholder-component.mobile-background-image {
  padding-top: 140px;
}
.content-placeholder-component .content {
  box-sizing: border-box;
  width: 100%;
  padding: 25px 20px;
}
.content-placeholder-component .body-copy .stand-alone-link:last-child {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .column:not(:first-child) .content-placeholder-component:not(.mobile-top-divider):not(.mobile-background-image):not(.has-background-color) .content img {
    width: 80%;
    height: auto;
    margin: 0 auto;
  }
  .column:not(:first-child) .content-placeholder-component.mobile-top-divider {
    margin-top: 2px;
  }
  .column:not(:first-child) .content-placeholder-component.mobile-top-divider:before {
    content: "";
    position: absolute;
    left: 20px;
    top: -2px;
    display: block;
    width: calc(100% - 40px);
    border-top: 2px solid rgba(102, 102, 102, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .content-placeholder-component {
    padding: 35px 0;
    background-size: auto;
  }
  .content-placeholder-component.mobile-background-image {
    padding-top: 35px;
  }
  .content-placeholder-component .content {
    box-sizing: border-box;
    padding: 0;
    /*#region content widths by column size */
    /*#endregion */
    /*#region sss default content padding */
    /*#endregion */
    /*#region sd and ds default content padding */
    /*#endregion */
    /*#region t default content padding */
    /*#endregion */
    /*#region hh default content padding*/
    /*#endregion*/
    /*#region margins for first and last column content */
    /*#endregion */
  }
  .content-placeholder-component .content.component-left {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  .content-placeholder-component .content.component-right {
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .content-placeholder-component .content.component-center {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .content-placeholder-sub-layout-3-column .single .content-placeholder-component .content {
    width: 242.6666666667px;
  }
  .content-placeholder-sub-layout-3-column .double .content-placeholder-component .content {
    width: 485.3333333333px;
  }
  .content-placeholder-sub-layout-3-column .triple .content-placeholder-component .content {
    width: 728px;
  }
  .content-placeholder-sub-layout-3-column .hh .content-placeholder-component .content {
    width: 364px;
  }
  .content-placeholder-sub-layout-3-column-sss .single:nth-child(1) .content-placeholder-component .content {
    padding-right: 12px;
  }
  .content-placeholder-sub-layout-3-column-sss .single:nth-child(2) .content-placeholder-component .content {
    padding-right: 6px;
    padding-left: 6px;
  }
  .content-placeholder-sub-layout-3-column-sss .single:nth-child(3) .content-placeholder-component .content {
    padding-left: 12px;
  }
  .content-placeholder-sub-layout-3-column-ds .column .content-placeholder-component .content, .content-placeholder-sub-layout-3-column-sd .column .content-placeholder-component .content {
    padding-right: 20px;
    padding-left: 20px;
  }
  .content-placeholder-sub-layout-3-column-t .triple .content-placeholder-component .content {
    padding: 0;
  }
  .content-placeholder-sub-layout-3-column-hh .column .content-placeholder-component .content {
    padding-right: 20px;
    padding-left: 20px;
  }
  .content-placeholder-sub-layout-3-column .column:first-child .content-placeholder-component .content {
    margin-left: auto;
  }
  .content-placeholder-sub-layout-3-column .column:last-child .content-placeholder-component .content {
    margin-right: auto;
  }
  .content-placeholder-component .body-copy .stand-alone-link:last-child {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 1024px) {
  .content-placeholder-component {
    padding: 50px 0;
    background-size: cover;
  }
  .content-placeholder-component.mobile-background-image {
    padding-top: 50px;
  }
  .content-placeholder-component .content {
    /*#region content widths by column size */
    /*#endregion */
    /*#region sss default content padding */
    /*#endregion */
    /*#region sd and ds default content padding */
    /*#endregion */
    /*#region hh default content padding*/
    /*#endregion*/
  }
  .content-placeholder-sub-layout-3-column .single .content-placeholder-component .content {
    width: 324px;
  }
  .content-placeholder-sub-layout-3-column .double .content-placeholder-component .content {
    width: 648px;
  }
  .content-placeholder-sub-layout-3-column .triple .content-placeholder-component .content {
    width: 972px;
  }
  .content-placeholder-sub-layout-3-column .hh .content-placeholder-component .content {
    width: 486px;
  }
  .content-placeholder-sub-layout-3-column-sss .single:nth-child(1) .content-placeholder-component .content {
    padding-right: 10px;
  }
  .content-placeholder-sub-layout-3-column-sss .single:nth-child(2) .content-placeholder-component .content {
    padding-right: 5px;
    padding-left: 5px;
  }
  .content-placeholder-sub-layout-3-column-sss .single:nth-child(3) .content-placeholder-component .content {
    padding-left: 10px;
  }
  .content-placeholder-sub-layout-3-column-ds .column .content-placeholder-component .content, .content-placeholder-sub-layout-3-column-sd .column .content-placeholder-component .content {
    padding-right: 30px;
    padding-left: 30px;
  }
  .content-placeholder-sub-layout-3-column-hh .column .content-placeholder-component .content {
    padding-right: 30px;
    padding-left: 30px;
  }
  .content-placeholder-component .body-copy .stand-alone-link:last-child {
    margin-bottom: 0;
  }
}

/*#endregion */
/*#region text/image compoenent */
@media screen and (max-width: 767px) {
  .content-placeholder-component-text-image:not(.mobile-background-image) {
    padding-top: 25px;
  }
}
.content-placeholder-component-text-image .foreground-image {
  display: block;
  max-width: 100%;
  margin: 0 auto 20px;
}
.content-placeholder-component-text-image .foreground-image:last-child {
  margin-bottom: 0;
}
.content-placeholder-component-text-image.center {
  text-align: center;
}
.content-placeholder-component-text-image.right {
  text-align: right;
}

/*#endregion */
/*#region text/video compoenent */
.content-placeholder-component-text-video {
  /*#region tablet */
  /*#endregion */
  /*#region desktop */
  /*#endregion */
}
.content-placeholder-component-text-video .video-container {
  margin: 0 auto 20px;
}
.content-placeholder-component-text-video .video-container:last-child {
  margin-bottom: 0;
}
.content-placeholder-component-text-video.center {
  text-align: center;
}
.content-placeholder-component-text-video.right {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .content-placeholder-sub-layout-3-column-ds .column:first-child .content-placeholder-component-text-video .content, .content-placeholder-sub-layout-3-column-sd .column:first-child .content-placeholder-component-text-video .content {
    padding-left: 0;
  }
  .content-placeholder-sub-layout-3-column-ds .double:first-child .content-placeholder-component-text-video .content {
    padding-right: 6px;
  }
  .content-placeholder-sub-layout-3-column-sd .single:first-child .content-placeholder-component-text-video .content {
    padding-right: 12px;
  }
  .content-placeholder-sub-layout-3-column-ds .column:last-child .content-placeholder-component-text-video .content, .content-placeholder-sub-layout-3-column-sd .column:last-child .content-placeholder-component-text-video .content {
    padding-right: 0;
  }
  .content-placeholder-sub-layout-3-column-ds .single:last-child .content-placeholder-component-text-video .content {
    padding-left: 12px;
  }
  .content-placeholder-sub-layout-3-column-sd .double:last-child .content-placeholder-component-text-video .content {
    padding-left: 6px;
  }
}
@media screen and (min-width: 1024px) {
  .content-placeholder-sub-layout-3-column-ds .column:first-child .content-placeholder-component-text-video .content, .content-placeholder-sub-layout-3-column-sd .column:first-child .content-placeholder-component-text-video .content {
    padding-left: 0;
  }
  .content-placeholder-sub-layout-3-column-ds .double:first-child .content-placeholder-component-text-video .content {
    padding-right: 5px;
  }
  .content-placeholder-sub-layout-3-column-sd .single:first-child .content-placeholder-component-text-video .content {
    padding-right: 10px;
  }
  .content-placeholder-sub-layout-3-column-ds .column:last-child .content-placeholder-component-text-video .content, .content-placeholder-sub-layout-3-column-sd .column:last-child .content-placeholder-component-text-video .content {
    padding-right: 0;
  }
  .content-placeholder-sub-layout-3-column-ds .single:last-child .content-placeholder-component-text-video .content {
    padding-left: 10px;
  }
  .content-placeholder-sub-layout-3-column-sd .double:last-child .content-placeholder-component-text-video .content {
    padding-left: 5px;
  }
}
@media screen and (max-width: 767px) {
  .content-placeholder-component-text-video {
    background-size: cover;
  }
}

/*#endregion */
/*#region Carousel compoenent */
.carousel-component {
  width: 100%;
}

/*#endregion */
/*#region links compoenent */
.content-placeholder-component-links {
  /*#region tablet */
  /*#endregion */
  /*#region desktop */
  /*#endregion */
}
.content-placeholder-component-links .links {
  margin-bottom: 20px;
  text-transform: uppercase;
  overflow: visible;
}
.content-placeholder-component-links .links li {
  margin-bottom: 8px;
  float: none;
  width: 100%;
}
.content-placeholder-component-links .links li:last-child {
  margin-bottom: 0;
}
.content-placeholder-component-links .links a {
  color: inherit;
  text-decoration: none;
}
.content-placeholder-component-links.center {
  text-align: center;
}
.content-placeholder-component-links.right {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .content-placeholder-sub-layout-3-column .triple .content-placeholder-component-links .content {
    padding-right: 20px;
    padding-left: 20px;
  }
  .content-placeholder-component-links .links {
    margin: 30px 0;
    overflow: hidden;
  }
  .double .content-placeholder-component-links .links, .triple .content-placeholder-component-links .links {
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
  .double .content-placeholder-component-links .links li {
    float: left;
    width: 46%;
    padding: 0 3% 0 0;
  }
  .triple .content-placeholder-component-links .links li {
    float: left;
    width: 30%;
    padding: 0 3% 0 0;
  }
}
@media screen and (min-width: 1024px) {
  .content-placeholder-sub-layout-3-column .triple .content-placeholder-component-links .content {
    padding-right: 30px;
    padding-left: 30px;
  }
  .content-placeholder-component-links .links {
    margin: 40px 0;
  }
  .double .content-placeholder-component-links .links, .triple .content-placeholder-component-links .links {
    -moz-column-gap: 60px;
    column-gap: 60px;
  }
}

/*#endregion */
/*Home Page only region*/
.home-page-template {
  /*section:nth-child(2) {
      .content-placeholder-sub-layout-3-column-sd {


          .column:nth-child(1) {
              display: $homeonly-content-display;
              margin: $homeonly-content-margin;
          }

          .content-placeholder-component:nth-child(1) {
              padding-bottom: $homeonly-first-content-padding;
          }

          .content-placeholder-component:nth-child(2) {
              padding-top: $homeonly-second-content-padding;
          }
      }
  }*/
  /*section:nth-child(5) {

      @media  screen and (min-width: 1024px) {
          .inner {
              .intro {
                  .body-copy {

                      @include font-size($homeonly-desktop-cheesemaker-body-font-size);
                  }
              }
          }
      }

      @media  screen and (min-width: 768px) {
          .inner {
              .intro {
                  .body-copy {

                      @include font-size($homeonly-tablet-cheesemaker-body-font-size);
                  }
              }
          }
      }
  }

  @media  screen and (max-width: 767px) {
      section:nth-child(2) {
          .content-placeholder-sub-layout-3-column-sd {

              .content-placeholder-component:nth-child(1) {
                  padding-bottom: 0;
              }
          }
      }
  }*/
}

/*#endregion */
/*added for Saputo*/
/*end added*/
.category-sub-layout {
  padding: 30px 0 55px;
  background: repeat scroll center top;
}
.category-sub-layout .filter-jump-sub-layout {
  margin-bottom: 0 !important;
}
.category-sub-layout .filter-jump-sub-layout .filter-content {
  padding-top: 3px;
}
.category-sub-layout .intro {
  margin-bottom: 30px;
}
.category-sub-layout > .inner hr {
  margin: -20px 0 20px;
  border-top: 3px solid rgba(102, 102, 102, 0.2);
}
.category-sub-layout .filter-jump-sub-layout:first-child {
  margin-top: -30px;
  /* margin-top: -25px;*/
}
.category-sub-layout .grid-container {
  margin-bottom: 55px;
}
.category-sub-layout .grid-container .sub-head {
  margin-bottom: 10px;
  font-size: 23px;
  font-size: 2.3rem;
}
.category-sub-layout .grid-container .grid-item {
  /*added for saputo*/
  /*added for saputo*/
}
.category-sub-layout .grid-container .grid-item:nth-child(1) {
  border-top: 0 none;
}
.category-sub-layout .inner:last-child .grid-container {
  margin-bottom: 0;
}
.category-sub-layout .filter-jump-sub-layout + .inner {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .category-sub-layout {
    padding: 40px 0 50px;
  }
  .category-sub-layout .intro .headline {
    font-size: 30px;
    font-size: 3rem;
  }
  .category-sub-layout > .inner hr {
    margin-top: -15px;
    margin-bottom: 25px;
    border-top-width: 2px;
  }
  .category-sub-layout .filter-jump-sub-layout:first-child {
    margin-top: -40px;
    /*margin-top: -35px;*/
  }
  .category-sub-layout .grid-container {
    margin-bottom: 10px;
  }
  .category-sub-layout .grid-container .grid-item .sub-head {
    /*min-height: $category-sub-layout-subhead-min-height-tablet;*/
    vertical-align: middle;
    display: table;
    margin-right: 0;
    margin-left: 0;
  }
  .category-sub-layout .grid-container .grid-item .sub-head a {
    display: table-cell;
    vertical-align: middle;
  }
  .category-sub-layout .grid-container .grid-item:nth-child(1) {
    border-top: none;
  }
  .category-sub-layout .grid-container .grid-item:nth-child(2) {
    border-top: none;
  }
  .category-sub-layout .grid-container .grid-item:nth-child(3) {
    border-top: none;
  }
  .category-sub-layout .inner:last-child .grid-container {
    margin-bottom: -45px;
  }
  .category-sub-layout .filter-jump-sub-layout + .inner {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .category-sub-layout {
    padding: 90px 0;
  }
  .category-sub-layout .intro .headline {
    font-size: 36px;
    font-size: 3.6rem;
  }
  .category-sub-layout .filter-jump-sub-layout:first-child {
    margin-top: -85px;
    /*margin-top: -100px;*/
  }
  .category-sub-layout .grid-container .grid-item .sub-head {
    /*min-height: $category-sub-layout-subhead-min-height-desktop;*/
    vertical-align: middle;
    display: table;
    margin-right: 0;
    margin-left: 0;
  }
  .category-sub-layout .grid-container .grid-item .sub-head a {
    display: table-cell;
    vertical-align: middle;
  }
  .category-sub-layout .grid-container .sub-head {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .category-sub-layout .grid-container .grid-item:nth-child(1) {
    border-top: none;
  }
  .category-sub-layout .grid-container .grid-item:nth-child(2) {
    border-top: none;
  }
  .category-sub-layout .grid-container .grid-item:nth-child(3) {
    border-top: none;
  }
  .category-sub-layout .filter-jump-sub-layout + .inner {
    padding-top: 85px;
  }
}
@media screen and (max-width: 767px) {
  .category-sub-layout .grid-container .grid-item h3 {
    min-height: auto !important;
  }
}

.content-placeholder-sub-layout-3-column-t + .category-sub-layout .filter-jump-sub-layout {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .content-placeholder-sub-layout-3-column-t + .category-sub-layout .filter-jump-sub-layout {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .content-placeholder-sub-layout-3-column-t + .category-sub-layout .filter-jump-sub-layout {
    margin-top: 0;
  }
}

.content-placeholder + .category-sub-layout {
  padding-top: 0;
}
.content-placeholder + .category-sub-layout .filter-jump-sub-layout {
  margin: 0 !important;
}
@media screen and (min-width: 768px) {
  .content-placeholder + .category-sub-layout {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .content-placeholder + .category-sub-layout {
    padding-top: 0;
  }
}

/*.hero-placeholder-sub-layout + .category-sub-layout {

    .filter-jump-sub-layout {
        margin-top: $category-sub-layout-filter-jump-margin-top;
    }

    .filter-jump-sub-layout:first-child {
        margin-top: $category-sub-layout-filter-jump-margin-top;
    }

    @media  screen and (min-width: 768px) {
        .filter-jump-sub-layout {
            margin-top: $category-sub-layout-filter-jump-margin-top;
        }

        .filter-jump-sub-layout:first-child {
            margin-top: $category-sub-layout-filter-jump-margin-top;
        }
    }

    @media  screen and (min-width: 1024px) {
        .filter-jump-sub-layout {
            margin-top: $category-sub-layout-filter-jump-margin-top;
        }

        .filter-jump-sub-layout:first-child {
            margin-top: $category-sub-layout-filter-jump-margin-top;
        }
    }
}

.hero-placeholder + .category-sub-layout {
    .filter-jump-sub-layout {
        margin-top: $category-sub-layout-filter-jump-margin-top !important;
    }

    .filter-jump-sub-layout:first-child {
        margin-top: $category-sub-layout-filter-jump-margin-top !important;
    }

    @media  screen and (min-width: 768px) {
        .filter-jump-sub-layout {
            margin-top: $category-sub-layout-filter-jump-margin-top;
        }

        .filter-jump-sub-layout:first-child {
            margin-top: $category-sub-layout-filter-jump-margin-top;
        }
    }

    @media  screen and (min-width: 1024px) {
        .filter-jump-sub-layout {
            margin-top: $category-sub-layout-filter-jump-margin-top;
        }

        .filter-jump-sub-layout:first-child {
            margin-top: $category-sub-layout-filter-jump-margin-top;
        }
    }
}*/
/*added for saputo*/
/*$product-brand-text-content-width: null;*/
/*$product-brand-first-grid-container-padding-mobile: 50px 0 0 0;
$product-brand-first-grid-container-padding-tablet: 50px 0 0 0;
$product-brand-first-grid-container-padding-desktop: 50px 0 0 0;*/
/*end added*/
.product-brand-sub-layout {
  background-color: #eee;
  overflow: hidden;
  /*position:relative;
  top:-2px;*/
  /*.filter-jump-sub-layout  {
      margin-bottom: $product-brand-jump-mobile-margin-bottom;
  }*/
  /*#region grid view */
  /*#endregion */
  /*#region list view */
  /*#endregion */
}
.product-brand-sub-layout .toggle {
  padding: 13px 0 10px;
  background-color: #666;
}
.product-brand-sub-layout .toggle .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-brand-sub-layout .toggle .sub-head {
  -moz-flex-grow: 1;
  flex-grow: 1;
  margin-right: 30px;
  margin-bottom: 0;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.0666666667em;
  text-transform: lowercase;
  color: rgba(255, 255, 255, 0.7);
}
.product-brand-sub-layout .toggle ul {
  -moz-flex-grow: 1;
  flex-grow: 1;
  display: -moz-flex;
  display: flex;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  -moz-align-items: center;
  align-items: center;
  font-size: 35px;
  font-size: 3.5rem;
  color: #fff;
}
.product-brand-sub-layout .toggle ul li {
  margin-right: 15px;
}
.product-brand-sub-layout .toggle ul li:last-child {
  margin-right: 0;
}
.product-brand-sub-layout .toggle ul button {
  opacity: 0.2;
}
.product-brand-sub-layout .toggle .fa {
  display: block;
}
.product-brand-sub-layout .toggle .fa-th-large {
  font-size: 32px;
  font-size: 3.2rem;
}
.product-brand-sub-layout .items-container {
  overflow: visible !important;
}
.product-brand-sub-layout .items-container:after {
  clear: both;
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
}
.product-brand-sub-layout .content-container {
  padding: 25px 0 45px;
}
.product-brand-sub-layout .product-brand h3 {
  font-family: "Open Sans";
  line-height: 1.05em;
  letter-spacing: normal;
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
}
.product-brand-sub-layout .grid-container:last-child {
  padding: 50px 0 70px 0;
}
@media screen and (max-width: 767px) {
  .product-brand-sub-layout .grid-container:nth-child(1) {
    padding: 50px 0 0px 0;
  }
}
@media screen and (min-width: 768px) {
  .product-brand-sub-layout {
    /*.filter-jump-sub-layout  {
        margin-bottom: $product-brand-jump-tablet-margin-bottom;
    }*/
  }
  .product-brand-sub-layout .toggle .sub-head {
    font-size: 18px;
    font-size: 1.8rem;
    margin-right: 50px;
  }
  .product-brand-sub-layout .content-container {
    padding: 35px 0 50px;
  }
  .product-brand-sub-layout .grid-container {
    padding: 50px 0 20px 0;
  }
  .product-brand-sub-layout .grid-container:last-child {
    padding: 50px 0 50px 0;
  }
}
@media screen and (min-width: 1024px) {
  .product-brand-sub-layout .toggle {
    /*.filter-jump-sub-layout {
        margin-bottom: $product-brand-jump-desktop-margin-bottom;
    }*/
  }
  .product-brand-sub-layout .toggle .sub-head {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .product-brand-sub-layout .toggle .sub-head:before {
    content: "///";
    margin-right: 0.8em;
  }
  .product-brand-sub-layout .toggle .sub-head:after {
    content: "///";
    margin-left: 0.8em;
  }
  .product-brand-sub-layout .content-container {
    padding: 70px 0 85px;
  }
  .product-brand-sub-layout .grid-container {
    padding: 50px 0 20px 0;
  }
  .product-brand-sub-layout .grid-container:last-child {
    padding: 50px 0 105px 0;
  }
}
.product-brand-sub-layout.grid-view .toggle [data-view=grid-view] {
  opacity: 1;
}
.product-brand-sub-layout.grid-view .items-container {
  margin-bottom: -23px;
  overflow: visible;
  /* overflow: auto;*/
}
.product-brand-sub-layout.grid-view .items-container .product-brand {
  margin-bottom: 23px;
}
.product-brand-sub-layout.grid-view .items-container .product-brand:last-child {
  margin-bottom: 0;
}
.product-brand-sub-layout.grid-view .items-container .product-brand .main-image {
  display: block;
  margin-bottom: 20px;
}
.product-brand-sub-layout.grid-view .items-container .product-brand .main-image:last-child {
  margin-bottom: 0;
}
.product-brand-sub-layout.grid-view .items-container .product-brand .main-image img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .product-brand-sub-layout.grid-view .items-container {
    margin-bottom: -23px;
    overflow: auto;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand {
    float: left;
    box-sizing: border-box;
    width: 33.3333333333%;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand:last-child {
    margin-bottom: 23px;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand:nth-child(3n+1) {
    clear: left;
    padding-right: 12px;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand:nth-child(3n+2) {
    padding: 0 6px;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand:nth-child(3n+3) {
    padding-left: 12px;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand .text-content {
    padding-right: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .product-brand-sub-layout.grid-view .items-container {
    margin-bottom: -45px;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand {
    margin-bottom: 45px;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand:last-child {
    margin-bottom: 45px;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand:nth-child(3n+1) {
    padding-right: 10px;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand:nth-child(3n+2) {
    padding: 0 5px;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand:nth-child(3n+3) {
    padding-left: 10px;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand .text-content {
    padding-right: 20px;
  }
}
.product-brand-sub-layout.grid-view .items-container .product-brand {
  float: left;
  box-sizing: border-box;
  margin-bottom: 23px;
}
.product-brand-sub-layout.grid-view .items-container .product-brand .main-image {
  margin-bottom: 8px;
}
.product-brand-sub-layout.grid-view .items-container .product-brand h3 {
  margin-bottom: 0;
  font-size: 18px;
  font-size: 1.8rem;
}
.product-brand-sub-layout.grid-view .items-container .product-brand .description {
  display: none;
}
.product-brand-sub-layout.grid-view .items-container .product-brand .cta-container {
  display: none;
}
@media screen and (max-width: 767px) {
  .product-brand-sub-layout.grid-view .items-container .product-brand {
    width: 50%;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand:nth-child(odd) {
    padding-right: 8px;
    clear: left;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand:nth-child(even) {
    padding-left: 8px;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand h3 {
    min-height: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .product-brand-sub-layout.grid-view .items-container .product-brand {
    margin-bottom: 45px;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand h3 {
    font-size: 25px;
    font-size: 2.5rem;
    /*min-height: $product-brand-subhead-min-height-tablet;*/
    vertical-align: middle;
    display: table;
    margin-right: 0;
    margin-left: 0;
    /*@include font-size($product-brand-award-subhead-font-size-tablet);*/
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand h3 a {
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1024px) {
  .product-brand-sub-layout.grid-view .items-container .product-brand .main-image {
    margin-bottom: 20px;
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand h3 {
    font-size: 36px;
    font-size: 3.6rem;
    /*min-height: $product-brand-subhead-min-height-desktop;*/
    vertical-align: middle;
    display: table;
    margin-right: 0;
    margin-left: 0;
    /*@include font-size($product-brand-award-subhead-font-size-desktop);*/
  }
  .product-brand-sub-layout.grid-view .items-container .product-brand h3 a {
    display: table-cell;
    vertical-align: middle;
  }
}
.product-brand-sub-layout.list-view .toggle [data-view=list-view] {
  opacity: 1;
}
.product-brand-sub-layout.list-view .items-container .product-brand {
  margin-bottom: 35px;
}
.product-brand-sub-layout.list-view .items-container .product-brand:last-child {
  margin-bottom: 0;
}
.product-brand-sub-layout.list-view .items-container .product-brand .main-image {
  display: block;
  margin-bottom: 15px;
}
.product-brand-sub-layout.list-view .items-container .product-brand .main-image img {
  display: block;
  width: 100%;
}
.product-brand-sub-layout.list-view .items-container .product-brand h3 {
  font-size: 30px;
  font-size: 3rem;
  min-height: auto !important;
}
.product-brand-sub-layout.list-view .items-container .product-brand .description {
  margin-bottom: 15px;
}
.product-brand-sub-layout.list-view .items-container .product-brand .description:last-child {
  margin-bottom: 0;
}
.product-brand-sub-layout.list-view .items-container .product-brand .cta-container {
  display: -moz-inline-flex;
  display: inline-flex;
  /*For Saputo CA*/
}
.product-brand-sub-layout.list-view .items-container .product-brand .cta-container .button {
  width: auto;
}
@media screen and (min-width: 768px) {
  .product-brand-sub-layout.list-view .items-container .product-brand {
    display: -moz-flex;
    display: flex;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: center;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 2px solid rgba(102, 102, 102, 0.2);
  }
  .product-brand-sub-layout.list-view .items-container .product-brand:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .product-brand-sub-layout.list-view .items-container .product-brand .main-image {
    box-sizing: border-box;
    width: 230.6666666667px;
    margin-bottom: 0;
  }
  .product-brand-sub-layout.list-view .items-container .product-brand .text-content {
    box-sizing: border-box;
    width: 485.3333333333px;
    padding-left: 20px;
    /*width: $product-brand-text-content-width;*/
  }
  .product-brand-sub-layout.list-view .items-container .product-brand h3 {
    margin-bottom: 20px;
    min-height: auto !important;
  }
  .product-brand-sub-layout.list-view .items-container .product-brand .description {
    margin-bottom: 20px;
  }
  .product-brand-sub-layout.list-view .items-container .product-brand .cta-container { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */
    display: flex;
  }
  .product-brand-sub-layout.list-view .items-container .product-brand .cta-container .button {
    width: auto;
  }
}
@media screen and (min-width: 1024px) {
  .product-brand-sub-layout.list-view .items-container .product-brand .main-image {
    width: 314px;
    margin-right: 10px;
  }
  .product-brand-sub-layout.list-view .items-container .product-brand .text-content {
    width: 648px;
    padding-left: 30px;
    /*width: $product-brand-text-content-width;*/
  }
  .product-brand-sub-layout.list-view .items-container .product-brand h3 {
    font-size: 36px;
    font-size: 3.6rem;
    font-size: 30px;
    font-size: 3rem;
    /**/
    margin-bottom: 23px;
    min-height: auto !important;
  }
  .product-brand-sub-layout.list-view .items-container .product-brand .description {
    margin-bottom: 30px;
  }
  .product-brand-sub-layout.list-view .items-container .product-brand .cta-container { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */
    display: flex;
  }
  .product-brand-sub-layout.list-view .items-container .product-brand .cta-container .button {
    width: auto;
  }
}

.content-placeholder + .product-brand-sub-layout .filter-jump-sub-layout {
  margin: !important;
}
.pagination-sub-layout {
  margin-top: 30px;
  border-top: 2px solid rgba(102, 102, 102, 0.2);
  /* Portrait and Landscape IPHONE 4 / 4S */
  /* Portrait and Landscape IPHONE 5 / 5S */
}
.pagination-sub-layout:before {
  display: none;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  border-top: 2px solid rgba(102, 102, 102, 0.2);
  right: 0;
  margin-top: -2px;
  position: absolute;
}
.pagination-sub-layout .copy {
  margin-top: 15px;
}
.pagination-sub-layout .copy a {
  font-weight: bold;
  color: inherit;
}
.pagination-sub-layout .controls {
  display: -moz-flex;
  display: flex;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin-top: 30px;
  font-family: "Open Sans";
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
}
.pagination-sub-layout .controls .pages {
  overflow: auto;
  max-width: 70%;
}
.pagination-sub-layout .controls .pages li {
  float: left;
  margin-right: 8px;
  line-height: 35px;
  margin-bottom: 7px;
}
.pagination-sub-layout .controls .pages li:hover, .pagination-sub-layout .controls .pages li:active {
  opacity: 0.8;
}
.pagination-sub-layout .controls .pages li:last-child {
  margin-right: 0;
}
.pagination-sub-layout .controls .pages li.arrow {
  color: #000;
}
.pagination-sub-layout .controls .pages li.previous {
  margin-right: 15px;
}
.pagination-sub-layout .controls .pages li.next {
  margin-left: 7px;
}
.pagination-sub-layout .controls .pages li.dots {
  color: rgba(102, 102, 102, 0.5);
}
.pagination-sub-layout .controls .pages li.page {
  color: #fff;
  opacity: 0.5;
  font-size: 16px;
  font-size: 1.6rem;
}
.pagination-sub-layout .controls .pages li.page a {
  display: block;
  width: 35px;
  height: 35px;
  background-color: rgba(102, 102, 102, 0.5);
  border-radius: 50%;
  text-align: center;
}
.pagination-sub-layout .controls .pages li.current {
  color: #fff;
  opacity: 1;
}
.pagination-sub-layout .controls .pages li.current a {
  background-color: #000;
}
.pagination-sub-layout .controls .pages li a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.pagination-sub-layout .controls .select-container {
  background-color: #666;
  border-radius: 17.5px;
}
.pagination-sub-layout .controls .select-container select {
  /*margin-right: -($pagination-circle-size / 2) + 1;*/
  /*padding: 0 (($pagination-circle-size / 2) + 28px) 0 ($pagination-circle-size / 2);*/
  padding: 0 1em;
  background-color: transparent;
  border-radius: 17.5px;
  border-width: 0;
  color: #fff;
  font-size: 0.8em;
  width: 75px;
  box-shadow: none;
}
.pagination-sub-layout .controls .select-container select:focus {
  font-size: 0.8em;
  width: 75px;
}
.pagination-sub-layout .controls .select-container select:active {
  font-size: 0.8em;
  width: 75px;
}
.pagination-sub-layout .controls .select-container option {
  color: #000;
  background-color: #fff;
}
.pagination-sub-layout .controls .select-container:after {
  /*content: '\f078';
  right: ($pagination-circle-size / 2);
  width: auto;
  margin-right: 0;
  font-size: inherit;
  color: $pagination-page-size-font-color;*/
}
@media screen and (min-width: 768px) {
  .pagination-sub-layout {
    margin-top: 25px;
  }
  .pagination-sub-layout .copy {
    margin-top: 20px;
  }
  .pagination-sub-layout .controls {
    margin-top: 45px;
  }
  .pagination-sub-layout .controls .pages li {
    margin-right: 12px;
  }
  .pagination-sub-layout .controls .pages li.extended-pagination {
    display: block;
  }
  .pagination-sub-layout .controls .pages li.previous {
    margin-right: 20px;
  }
  .pagination-sub-layout .controls .pages li.next {
    margin-left: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .pagination-sub-layout {
    margin-top: 65px;
  }
  .pagination-sub-layout .copy {
    margin-top: 25px;
  }
  .pagination-sub-layout .controls {
    margin-top: 75px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .pagination-sub-layout .controls:before {
    content: "";
    display: block;
    width: 90px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  .pagination-sub-layout .controls .select-container {
    width: 55px;
  }
  .pagination-sub-layout .controls .select-container:after {
    right: 35px;
  }
  .pagination-sub-layout .controls .select-container select {
    padding: 0 30px 0 11px;
  }
  .pagination-sub-layout .controls .pages li {
    margin-right: 8px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .pagination-sub-layout .controls .select-container {
    width: 55px;
  }
  .pagination-sub-layout .controls .select-container:after {
    right: 35px;
  }
  .pagination-sub-layout .controls .select-container select {
    padding: 0 30px 0 11px;
  }
  .pagination-sub-layout .controls .pages li {
    margin-right: 8px;
  }
}

/*nutrition button region*/
/*endregion*/
.product-description-sub-layout {
  padding: 35px 0;
  background: repeat scroll center top;
}
.product-description-sub-layout .product-image {
  margin-bottom: 20px;
}
.product-description-sub-layout .product-image img {
  display: block;
  max-width: 100%;
  margin: auto 0 auto auto;
}
@media screen and (max-width: 767px) {
  .product-description-sub-layout .product-image img {
    margin: 0 auto;
  }
}
.product-description-sub-layout .headline {
  font-size: 30px;
  font-size: 3rem;
}
.product-description-sub-layout .more-copy {
  display: none;
  margin-bottom: 1em;
}
.product-description-sub-layout .nutrition-container {
  margin-top: 25px;
}
.product-description-sub-layout .sizes-types {
  margin-bottom: 25px;
}
.product-description-sub-layout .share {
  margin-top: 25px;
  display: -moz-flex;
  display: flex;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.product-description-sub-layout .share li {
  margin-right: 10px;
}
.product-description-sub-layout .share li:last-child {
  margin-right: 0;
}
.product-description-sub-layout .share li a {
  color: #999;
  text-decoration: none;
}
.product-description-sub-layout .share li i {
  display: block;
  font-size: 40px;
  font-size: 4rem;
  line-height: 0.9em;
}
.product-description-sub-layout .share li a:focus i {
  outline: 1px dotted;
}
.product-description-sub-layout .where-to-buy {
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  .product-description-sub-layout {
    padding: 45px 0;
  }
  .product-description-sub-layout .headline {
    font-size: 33px;
    font-size: 3.3rem;
    margin-bottom: 15px;
  }
  .product-description-sub-layout .where-to-buy {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .product-description-sub-layout {
    padding: 70px 0;
  }
  .product-description-sub-layout .headline {
    font-size: 40px;
    font-size: 4rem;
  }
}
/*#region 2-column no image */
.product-description-sub-layout-2-column-no-image .nutrition-container {
  padding-top: 25px;
  border-top: 1px solid rgba(51, 51, 51, 0.2);
}
@media screen and (min-width: 768px) {
  .product-description-sub-layout-2-column-no-image > .inner {
    display: -moz-flex;
    display: flex;
  }
  .product-description-sub-layout-2-column-no-image .product-info,
  .product-description-sub-layout-2-column-no-image .product-links {
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .product-description-sub-layout-2-column-no-image .product-info {
    box-sizing: border-box;
    width: 485.3333333333px;
    padding-right: 20px;
  }
  .product-description-sub-layout-2-column-no-image .nutrition-container {
    margin-top: 30px;
    padding-top: 30px;
    display: -moz-flex;
    display: flex;
    -moz-align-items: center;
    align-items: center;
  }
  .product-description-sub-layout-2-column-no-image .sizes-types {
    box-sizing: border-box;
    width: 242.6666666667px;
    margin-right: 6px;
    margin-bottom: 0;
    padding-right: 12px;
  }
  .product-description-sub-layout-2-column-no-image .product-links {
    box-sizing: border-box;
    width: 242.6666666667px;
    padding-left: 12px;
    text-align: right;
  }
  .product-description-sub-layout-2-column-no-image .share {
    margin-top: 0;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }
  .product-description-sub-layout-2-column-no-image .where-to-buy:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .product-description-sub-layout-2-column-no-image .product-info {
    width: 648px;
    padding-right: 30px;
  }
  .product-description-sub-layout-2-column-no-image .nutrition-container {
    margin-top: 45px;
    padding-top: 45px;
  }
  .product-description-sub-layout-2-column-no-image .sizes-types {
    width: auto;
    margin-right: 30px;
    padding-right: 0;
  }
  .product-description-sub-layout-2-column-no-image .product-links {
    width: 324px;
    padding-left: 10px;
  }
}

/*#endregion */
/*#region 2-column left image tablet, 3-column tablet */
@media screen and (min-width: 768px) {
  .product-description-sub-layout-2-column-left-image > .inner,
  .product-description-sub-layout-3-column > .inner {
    display: -moz-flex;
    display: flex;
  }
  .product-description-sub-layout-2-column-left-image .product-image,
  .product-description-sub-layout-3-column .product-image {
    box-sizing: border-box;
    width: 485.3333333333px;
    padding-right: 20px;
  }
  .product-description-sub-layout-2-column-left-image .product-details,
  .product-description-sub-layout-3-column .product-details {
    width: 242.6666666667px;
    display: -moz-flex;
    display: flex;
    -moz-flex-direction: column;
    flex-direction: column;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .product-description-sub-layout-2-column-left-image .product-info,
  .product-description-sub-layout-3-column .product-info {
    max-width: 100%;
    -moz-order: 1;
    order: 1;
  }
  .product-description-sub-layout-2-column-left-image .nutrition-container,
  .product-description-sub-layout-3-column .nutrition-container {
    margin-top: 20px;
  }
  .product-description-sub-layout-2-column-left-image .sizes-types,
  .product-description-sub-layout-3-column .sizes-types {
    margin-bottom: 20px;
  }
  .product-description-sub-layout-2-column-left-image .share,
  .product-description-sub-layout-3-column .share {
    -moz-order: 0;
    order: 0;
    margin-top: 0;
    margin-bottom: 15px;
  }
  .product-description-sub-layout-2-column-left-image .where-to-buy,
  .product-description-sub-layout-3-column .where-to-buy {
    -moz-order: 2;
    order: 2;
  }
}

/*#endregion */
/*#region 2-column left image desktop */
@media screen and (min-width: 1024px) {
  .product-description-sub-layout-2-column-left-image .product-image {
    width: 648px;
    padding-right: 30px;
  }
  .product-description-sub-layout-2-column-left-image .product-details {
    width: 324px;
  }
  .product-description-sub-layout-2-column-left-image .nutrition-container {
    margin-top: 35px;
  }
  .product-description-sub-layout-2-column-left-image .sizes-types {
    width: auto;
    margin-bottom: 25px;
  }
  .product-description-sub-layout-2-column-left-image .share {
    margin-bottom: 25px;
  }
  .product-description-sub-layout-2-column-left-image .where-to-buy {
    margin-top: 30px;
  }
}

/*#endregion */
/*#region 3-column desktop */
@media screen and (min-width: 1024px) {
  .product-description-sub-layout-3-column .product-image {
    width: 324px;
  }
  .product-description-sub-layout-3-column .product-details {
    display: block;
    box-sizing: border-box;
    width: 648px;
    padding-right: 30px;
  }
  .product-description-sub-layout-3-column .product-info {
    float: left;
    box-sizing: border-box;
    width: 324px;
    margin-right: 30px;
    padding: 0 30px;
  }
  .product-description-sub-layout-3-column .nutrition-container {
    margin-top: 35px;
  }
  .product-description-sub-layout-3-column .sizes-types {
    margin-bottom: 25px;
  }
  .product-description-sub-layout-3-column .sizes-types select {
    width: auto;
  }
  .product-description-sub-layout-3-column .share {
    float: left;
    width: 264px;
    margin-bottom: 35px;
  }
  .product-description-sub-layout-3-column .where-to-buy {
    float: left;
    max-width: 264px;
    margin-top: 0;
  }
}

/*#endregion */
/*#region 2-column no image description */
.product-description-sub-layout-2-column-image-description .nutrition-container {
  padding-top: 25px;
  border-top: none;
  order: 1;
  margin-top: 0;
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
}
.product-description-sub-layout-2-column-image-description .product-links {
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}
.product-description-sub-layout-2-column-image-description .product-links .shareSocial {
  order: 0;
}
.product-description-sub-layout-2-column-image-description .product-links .where-to-buy {
  order: 3;
}
.product-description-sub-layout-2-column-image-description .product-links .additional-description {
  order: 2;
  margin-top: 20px;
}
.product-description-sub-layout-2-column-image-description .product-links .additional-description #productAdditionalDescriptionText {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .product-description-sub-layout-2-column-image-description > .inner {
    display: -moz-flex;
    display: flex;
  }
  .product-description-sub-layout-2-column-image-description .product-info {
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    width: 485.3333333333px;
    padding-right: 20px;
  }
  .product-description-sub-layout-2-column-image-description .nutrition-container {
    margin-top: 30px;
    padding-top: 0;
    margin-left: auto;
    display: -moz-flex;
    display: flex;
    -moz-align-items: center;
    align-items: center;
  }
  .product-description-sub-layout-2-column-image-description .additional-description {
    margin-left: auto;
  }
  .product-description-sub-layout-2-column-image-description .sizes-types {
    box-sizing: border-box;
    width: 242.6666666667px;
    margin-right: 6px;
    margin-bottom: 0;
    padding-right: 12px;
  }
  .product-description-sub-layout-2-column-image-description .product-links {
    box-sizing: border-box;
    width: 242.6666666667px;
    padding-left: 12px;
    text-align: right;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
  .product-description-sub-layout-2-column-image-description .product-links .share {
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }
  .product-description-sub-layout-2-column-image-description .where-to-buy:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .product-description-sub-layout-2-column-image-description .product-info {
    width: 648px;
    padding-right: 30px;
  }
  .product-description-sub-layout-2-column-image-description .nutrition-container {
    margin-top: 45px;
  }
  .product-description-sub-layout-2-column-image-description .sizes-types {
    width: auto;
    margin-right: 30px;
    padding-right: 0;
  }
  .product-description-sub-layout-2-column-image-description .product-links {
    width: 324px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .product-description-sub-layout-2-column-image-description .stand-alone-link {
    margin-right: auto;
    margin-left: 0;
  }
}

/*#endregion */
/*#region nutrition info */
.nutrition-info .text-content {
  box-sizing: border-box;
  padding: 12px;
}
.nutrition-info .product-name {
  font-family: "Open Sans";
  line-height: 1.05em;
  letter-spacing: normal;
  font-size: 50px;
  font-size: 5rem;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  margin-bottom: 12px;
  word-wrap: break-word;
  text-align: center;
  border: 0.6rem solid #666;
  padding: 1.2rem;
}
.nutrition-info .nutrition-label {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .nutrition-info {
    display: -moz-flex;
    display: flex;
    -moz-align-items: center;
    align-items: center;
  }
  .nutrition-info .text-content {
    width: 250px;
    margin-right: 20px;
  }
  .nutrition-info .product-name {
    font-size: 30px;
    font-size: 3rem;
  }
  .nutrition-info .nutrition-label {
    width: 245px;
  }
}
@media screen and (min-width: 1024px) {
  .nutrition-info .text-content {
    width: 300px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .nutrition-info .product-name {
    font-size: 36px;
    font-size: 3.6rem;
  }
  .nutrition-info .nutrition-label {
    width: 330px;
  }
}

/*#endregion */
.product-name {
  line-height: 1.2;
}

/* production description sizes types summary */
.production-description-sizes-types-summary .double {
  width: 70%;
}
.production-description-sizes-types-summary .double .grid-container {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  padding: 0 20px 0 0;
  width: 100%;
}
.production-description-sizes-types-summary .double .grid-container .grid-item {
  height: auto;
  width: 50%;
  text-align: center;
  margin-bottom: 100px;
}
.production-description-sizes-types-summary .double .grid-container .grid-item img {
  max-width: 100%;
}
.production-description-sizes-types-summary .double .grid-container .grid-item .card-description {
  margin-top: 10px;
}
.production-description-sizes-types-summary .single {
  width: 30%;
}
.production-description-sizes-types-summary .single img.nutrition-facts {
  max-width: 100%;
}

@media screen and (min-width: 1024px) {
  .production-description-sizes-types-summary .double {
    width: 80%;
  }
  .production-description-sizes-types-summary .double .grid-container {
    padding-right: 50px;
  }
  .production-description-sizes-types-summary .double .grid-container .grid-item {
    width: 33.3%;
  }
  .production-description-sizes-types-summary .single {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  .production-description-sizes-types-summary .double {
    width: 100%;
  }
  .production-description-sizes-types-summary .double .grid-container {
    padding-right: 0;
  }
  .production-description-sizes-types-summary .single {
    width: 100%;
    padding-bottom: 30px;
  }
}
.brand-description-sub-layout {
  padding: 35px 0;
  background: repeat scroll center top;
}
.brand-description-sub-layout .brand-image {
  margin-bottom: 20px;
}
.brand-description-sub-layout .brand-image img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.brand-description-sub-layout .headline {
  font-size: 30px;
  font-size: 3rem;
}
.brand-description-sub-layout .more-copy {
  display: none;
  margin-bottom: 1em;
}
.brand-description-sub-layout .brand-links {
  margin-top: 25px;
  border-top: 2px solid rgba(51, 51, 51, 0.2);
}
.brand-description-sub-layout .share {
  margin-top: 25px;
  display: -moz-flex;
  display: flex;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.brand-description-sub-layout .share li {
  margin-right: 10px;
}
.brand-description-sub-layout .share li:last-child {
  margin-right: 0;
}
.brand-description-sub-layout .share li a {
  color: #999;
  text-decoration: none;
}
.brand-description-sub-layout .share li i {
  display: block;
  font-size: 40px;
  font-size: 4rem;
  line-height: 0.9em;
}
.brand-description-sub-layout .share li a:focus i {
  outline: 1px dotted;
}
.brand-description-sub-layout .where-to-buy {
  margin-top: 25px;
}
.brand-description-sub-layout .visit-website {
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  .brand-description-sub-layout {
    padding: 45px 0;
  }
  .brand-description-sub-layout .headline {
    font-size: 33px;
    font-size: 3.3rem;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .brand-description-sub-layout {
    padding: 70px 0;
  }
  .brand-description-sub-layout .headline {
    font-size: 40px;
    font-size: 4rem;
  }
}

/*#region 2-column no image */
@media screen and (min-width: 768px) {
  .brand-description-sub-layout-2-column-no-image > .inner {
    display: -moz-flex;
    display: flex;
  }
  .brand-description-sub-layout-2-column-no-image .brand-info,
  .brand-description-sub-layout-2-column-no-image .brand-links {
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .brand-description-sub-layout-2-column-no-image .brand-info {
    box-sizing: border-box;
    width: 485.3333333333px;
    padding-right: 20px;
  }
  .brand-description-sub-layout-2-column-no-image .brand-links {
    box-sizing: border-box;
    width: 242.6666666667px;
    margin-top: 0;
    padding-left: 12px;
    border-top: none;
  }
  .brand-description-sub-layout-2-column-no-image .share {
    margin-top: 0;
  }
  .brand-description-sub-layout-2-column-no-image .where-to-buy,
  .brand-description-sub-layout-2-column-no-image .visit-website {
    margin-top: 20px;
  }
  .brand-description-sub-layout-2-column-no-image .where-to-buy:first-child,
  .brand-description-sub-layout-2-column-no-image .visit-website:first-child {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .brand-description-sub-layout-2-column-no-image .brand-info {
    width: 648px;
    padding-right: 30px;
  }
  .brand-description-sub-layout-2-column-no-image .brand-links {
    width: 324px;
    padding-left: 10px;
  }
  .brand-description-sub-layout-2-column-no-image .where-to-buy,
  .brand-description-sub-layout-2-column-no-image .visit-website {
    margin-top: 35px;
  }
  .brand-description-sub-layout-2-column-no-image .where-to-buy:first-child,
  .brand-description-sub-layout-2-column-no-image .visit-website:first-child {
    margin-top: 0;
  }
  .brand-description-sub-layout-2-column-no-image .visit-website {
    margin-top: 30px;
  }
}

/*#endregion */
/*#region 2-column left image */
.brand-description-sub-layout-2-column-left-image hr {
  width: 100%;
  margin: 25px 0 0;
  border: none;
  border-top: 2px solid rgba(51, 51, 51, 0.2);
}
@media screen and (min-width: 768px) {
  .brand-description-sub-layout-2-column-left-image > .inner {
    display: -moz-flex;
    display: flex;
  }
  .brand-description-sub-layout-2-column-left-image .brand-image {
    box-sizing: border-box;
    width: 485.3333333333px;
    padding-right: 20px;
  }
  .brand-description-sub-layout-2-column-left-image .brand-details {
    width: 242.6666666667px;
    display: -moz-flex;
    display: flex;
    -moz-flex-direction: column;
    flex-direction: column;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .brand-description-sub-layout-2-column-left-image .brand-info {
    max-width: 100%;
    -moz-order: 1;
    order: 1;
  }
  .brand-description-sub-layout-2-column-left-image .share {
    -moz-order: 0;
    order: 0;
    margin-top: 0;
    margin-bottom: 15px;
  }
  .brand-description-sub-layout-2-column-left-image hr {
    -moz-order: 2;
    order: 2;
    margin-top: 20px;
  }
  .brand-description-sub-layout-2-column-left-image .where-to-buy {
    -moz-order: 3;
    order: 3;
    margin-top: 20px;
  }
  .brand-description-sub-layout-2-column-left-image .visit-website {
    -moz-order: 4;
    order: 4;
    margin-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .brand-description-sub-layout-2-column-left-image .brand-image {
    width: 648px;
    padding-right: 30px;
  }
  .brand-description-sub-layout-2-column-left-image .brand-details {
    width: 324px;
  }
  .brand-description-sub-layout-2-column-left-image .share {
    margin-bottom: 25px;
  }
  .brand-description-sub-layout-2-column-left-image hr {
    margin-top: 30px;
  }
  .brand-description-sub-layout-2-column-left-image .where-to-buy {
    margin-top: 30px;
  }
  .brand-description-sub-layout-2-column-left-image .visit-website {
    margin-top: 30px;
  }
}

/*#endregion */
/*$recipe-sub-layout-jump-margin-top: null;
$recipe-sub-layout-jump-margin: null;
$recipe-sub-layout-jump-padding-top: null;*/
/*$recipe-short-headline-text-align: center;*/
.recipes-sub-layout {
  padding: 40px 0;
  background-color: #eee;
  /*recipe short region*/
  /*end region*/
}
.recipes-sub-layout .filter-jump-sub-layout:first-child {
  margin-top: -40px;
}
.recipes-sub-layout .grid-container {
  overflow: visible;
}
.recipes-sub-layout .grid-container:after {
  content: "";
  height: 1px;
  display: block;
  clear: both;
}
.recipes-sub-layout .grid-container .grid-item .main-image {
  position: relative;
  padding-bottom: 47px;
  min-height: 47px;
}
.recipes-sub-layout .grid-container .grid-item .recipe-summary {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -moz-flex;
  display: flex;
}
.recipes-sub-layout .grid-container .grid-item .recipe-summary li {
  -moz-flex: 1 1 50%;
  flex: 1 1 50%;
  margin-right: 1px;
  /*added*/
  /*end added*/
}
.recipes-sub-layout .grid-container .grid-item .recipe-summary li:nth-child(even) {
  margin-right: 0;
}
.recipes-sub-layout .grid-container .grid-item .recipe-summary li:first-child dl:after {
  content: " ";
  display: none;
  height: 50%;
  position: absolute;
  top: 25%;
  right: 0;
}
.recipes-sub-layout .grid-container .grid-item .recipe-summary dl {
  margin: 0;
}
.recipes-sub-layout .grid-container .grid-item .recipe-summary dt,
.recipes-sub-layout .grid-container .grid-item .recipe-summary dd {
  text-align: center;
}
.recipes-sub-layout .grid-container .grid-item .recipe-summary dt {
  font-family: "Open Sans";
  line-height: 1.05em;
  letter-spacing: normal;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: 300;
  color: #fff;
  background-color: rgba(51, 51, 51, 0.5);
  text-transform: uppercase;
}
.recipes-sub-layout .grid-container .grid-item .recipe-summary dd {
  margin: 0;
  font-family: "Open Sans";
  line-height: 1.05em;
  letter-spacing: normal;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  color: #fff;
  background-color: #999;
  text-transform: uppercase;
}
.recipes-sub-layout .grid-container .grid-item .sub-head {
  font-size: 23px;
  font-size: 2.3rem;
}
@media screen and (max-width: 767px) {
  .recipes-sub-layout .grid-container .grid-item {
    margin-bottom: 30px;
  }
  .recipes-sub-layout .grid-container .grid-item .main-image {
    min-height: 40px;
  }
  .recipes-sub-layout .grid-container .grid-item:last-child {
    margin-bottom: 0;
  }
  .recipes-sub-layout .grid-container .grid-item h3 {
    min-height: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .recipes-sub-layout .grid-container .grid-item .sub-head {
    /*min-height: $recipe-sub-layout-subhead-min-height-desktop;*/
    vertical-align: middle;
    display: table;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 12px;
  }
  .recipes-sub-layout .grid-container .grid-item .sub-head a {
    display: table-cell;
    vertical-align: middle;
  }
  .recipes-sub-layout .grid-container .grid-item .main-image {
    margin-bottom: 18px;
    padding-bottom: 40px;
    min-height: 40px;
  }
  .recipes-sub-layout .grid-container .grid-item .recipe-summary dt {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .recipes-sub-layout .grid-container .grid-item .recipe-summary dd {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  .recipes-sub-layout {
    /*padding: 80px 0 100px; 1441*/
    padding: 90px 0;
  }
  .filter-placeholder:not(:empty) + .middle-generic-placeholder .recipes-sub-layout {
    padding-top: 114px;
  }
  .recipes-sub-layout .filter-jump-sub-layout:first-child {
    /*margin-top: -80px; 1441*/
    margin-top: -50px;
  }
  .recipes-sub-layout .grid-container .grid-item .sub-head {
    /*min-height: $recipe-sub-layout-subhead-min-height-desktop;*/
    vertical-align: middle;
    display: table;
    margin-right: 0;
    margin-left: 0;
    font-size: 26px;
    font-size: 2.6rem;
  }
  .recipes-sub-layout .grid-container .grid-item .sub-head a {
    display: table-cell;
    vertical-align: middle;
  }
  .recipes-sub-layout .grid-container .grid-item .main-image {
    margin-bottom: 20px;
    padding-bottom: 53px;
    min-height: 53px;
  }
  .recipes-sub-layout .grid-container .grid-item .recipe-summary dt {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .recipes-sub-layout .grid-container .grid-item .recipe-summary dd {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.recipes-sub-layout.recipes-short-variation {
  /*.headlines {
      text-align: $recipe-short-headline-text-align;
  }*/
}
.recipes-sub-layout.recipes-short-variation .grid-container .grid-item {
  padding-top: 30px;
}
.recipes-sub-layout.recipes-short-variation .grid-container .grid-item .main-image.simple {
  padding-bottom: 0;
}
.recipes-sub-layout.recipes-short-variation .grid-container .grid-item .main-image.simple img {
  width: 100%;
  height: auto;
}
.content-placeholder-sub-layout-3-column-t + .recipes-sub-layout .filter-jump-sub-layout {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .content-placeholder-sub-layout-3-column-t + .recipes-sub-layout .filter-jump-sub-layout {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .content-placeholder-sub-layout-3-column-t + .recipes-sub-layout .filter-jump-sub-layout {
    margin-top: 0;
  }
}

.content-placeholder + .recipes-sub-layout {
  padding-top: 0;
}
.content-placeholder + .recipes-sub-layout .filter-jump-sub-layout {
  /*margin: $recipe-sub-layout-jump-margin; bug 1441*/
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .content-placeholder + .recipes-sub-layout {
    padding-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .content-placeholder + .recipes-sub-layout {
    padding-top: 0;
  }
}

.pairings-sub-layout {
  padding: 40px 0;
  background-color: #999;
  color: #fff;
}
.filter-placeholder:not(:empty) + .middle-generic-placeholder .pairings-sub-layout {
  padding-top: 74px;
}
.pairings-sub-layout .intro {
  margin-bottom: 30px;
}
.pairings-sub-layout .intro .headline,
.pairings-sub-layout .intro .sub-head {
  color: #fff;
}
.pairings-sub-layout .grid-container .grid-item .sub-head {
  font-size: 23px;
  font-size: 2.3rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .pairings-sub-layout .grid-container .grid-item {
    margin-bottom: 30px;
  }
  .pairings-sub-layout .grid-container .grid-item:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .pairings-sub-layout .grid-container .grid-item .main-image {
    margin-bottom: 18px;
  }
  .pairings-sub-layout .grid-container .grid-item .sub-head {
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .pairings-sub-layout {
    /*padding: 90px 0 100px;*/
    padding: 90px 0; /*90px 0*/
  }
  .filter-placeholder:not(:empty) + .middle-generic-placeholder .pairings-sub-layout {
    padding-top: 114px;
  }
  .pairings-sub-layout .intro {
    margin-bottom: 45px;
  }
  .pairings-sub-layout .grid-container .grid-item .main-image {
    margin-bottom: 20px;
  }
  .pairings-sub-layout .grid-container .grid-item .sub-head {
    font-size: 26px;
    font-size: 2.6rem;
  }
}

/*#region dropdown variation */
/*#endregion */
/*#region links variation */
/*#endregion */
.filter-jump-sub-layout {
  color: #fff;
  margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
  .filter-jump-sub-layout {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 1024px) {
  .filter-jump-sub-layout {
    margin-bottom: 65px;
  }
}

/*#region dropdown variation */
.filter-jump-sub-layout-dropdown {
  /*#region tablet */
  /*#endregion */
  /*#region desktop */
  /*#endregion */
}
.filter-jump-sub-layout-dropdown .filter-content {
  background-color: #988b83;
  position: relative;
}
.filter-jump-sub-layout-dropdown .filter-content .inner:after {
  display: none;
  content: " ";
  height: 1px;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
}
.filter-jump-sub-layout-dropdown .filter-text {
  display: block;
  text-align: center;
  margin-bottom: 0;
  padding: 10px 0;
  font-size: 13px;
  font-size: 1.3rem;
  color: rgba(255, 255, 255, 0.7);
  text-transform: lowercase;
}
.filter-jump-sub-layout-dropdown .filter-text:before, .filter-jump-sub-layout-dropdown .filter-text:after {
  content: "///";
  color: rgba(153, 153, 153, 0.7);
}
.filter-jump-sub-layout-dropdown .filter-text:before {
  margin-right: 0.8em;
}
.filter-jump-sub-layout-dropdown .filter-text:after {
  margin-left: 0.8em;
}
.filter-jump-sub-layout-dropdown .options-container {
  display: none;
}
.filter-jump-sub-layout-dropdown .options-container:before {
  content: "";
  display: none;
  border-top: 1px solid #b7b7b7;
  left: 0;
  width: 100%;
  position: absolute;
}
.filter-jump-sub-layout-dropdown .options-content {
  padding: 10px 0 30px;
}
.filter-jump-sub-layout-dropdown .view-all {
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.filter-jump-sub-layout-dropdown .radio-container {
  margin-bottom: 15px;
  margin-left: 12px;
}
.filter-jump-sub-layout-dropdown .radio-container:last-child {
  margin-bottom: 0;
}
.filter-jump-sub-layout-dropdown label, .filter-jump-sub-layout-dropdown span {
  font-weight: 600;
  font-size: 15px;
  font-size: 1.5rem;
  text-transform: uppercase;
}
.filter-jump-sub-layout-dropdown .option-category {
  margin-bottom: 30px;
}
.filter-jump-sub-layout-dropdown .option-category:last-child {
  margin-bottom: 0;
}
.filter-jump-sub-layout-dropdown .option-category .sub-head {
  margin-bottom: 15px;
  padding-left: 31px;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 600;
  color: #999;
}
.filter-jump-sub-layout-dropdown .current-selection {
  display: -moz-flex;
  display: flex;
  -moz-justify-content: space-between;
  justify-content: space-between;
  padding: 10px 12px;
  background-color: #333;
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  cursor: pointer;
}
.filter-jump-sub-layout-dropdown .current-selection button {
  text-transform: uppercase;
}
.filter-jump-sub-layout-dropdown .current-selection:after {
  content: "\f078";
  display: inline-block;
  margin-left: 12px;
  font-family: "FontAwesome";
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
}
.filter-jump-sub-layout-dropdown.open .current-selection {
  color: #999;
}
.filter-jump-sub-layout-dropdown.open .current-selection:after {
  content: "\f077";
}
@media screen and (min-width: 768px) {
  .filter-jump-sub-layout-dropdown .filter-content .inner {
    text-align: center;
  }
  .filter-jump-sub-layout-dropdown .filter-text {
    display: -moz-flex;
    display: flex;
    -moz-justify-content: center;
    justify-content: center;
    -moz-align-items: flex-start;
    align-items: flex-start;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .filter-jump-sub-layout-dropdown .options-container {
    text-align: center;
  }
  .filter-jump-sub-layout-dropdown .options-content {
    display: inline-block;
    margin: 0 auto;
    text-align: left;
  }
  .filter-jump-sub-layout-dropdown .radio-container {
    margin-left: 0;
  }
  .filter-jump-sub-layout-dropdown label, .filter-jump-sub-layout-dropdown span {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .filter-jump-sub-layout-dropdown .categories-container {
    display: -moz-inline-flex;
    display: inline-flex;
  }
  .filter-jump-sub-layout-dropdown .option-category {
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 40px;
  }
  .filter-jump-sub-layout-dropdown .option-category:last-child {
    margin-right: 0;
  }
  .filter-jump-sub-layout-dropdown .option-category .sub-head {
    padding-left: 15px;
  }
  .filter-jump-sub-layout-dropdown .current-selection-container {
    text-align: center;
  }
  .filter-jump-sub-layout-dropdown .current-selection {
    display: -moz-inline-flex;
    display: inline-flex;
    min-width: 230.6666666667px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  .filter-jump-sub-layout-dropdown .filter-text {
    padding: 20px 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .filter-jump-sub-layout-dropdown .view-all {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .filter-jump-sub-layout-dropdown .options-content {
    padding-bottom: 35px;
  }
  .filter-jump-sub-layout-dropdown .radio-container {
    margin-bottom: 20px;
  }
  .filter-jump-sub-layout-dropdown .radio-container:last-child {
    margin-bottom: 0;
  }
  .filter-jump-sub-layout-dropdown label, .filter-jump-sub-layout-dropdown span {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .filter-jump-sub-layout-dropdown .option-category {
    margin-right: 60px;
  }
  .filter-jump-sub-layout-dropdown .option-category:last-child {
    margin-right: 0;
  }
  .filter-jump-sub-layout-dropdown .option-category .sub-head {
    margin-bottom: 20px;
    padding-left: 18px;
  }
  .filter-jump-sub-layout-dropdown .current-selection {
    min-width: 314px;
    padding: 15px 20px;
    font-size: 22px;
    font-size: 2.2rem;
  }
}

/*#endregion */
/*#region links variation */
.filter-jump-sub-layout-links {
  padding: 2px 0;
  background-color: #333;
  /*#region tablet */
  /*#endregion */
  /*#region desktop */
  /*#endregion */
}
.filter-jump-sub-layout-links .links {
  position: relative;
  margin: 0 30px;
  text-transform: uppercase;
}
.filter-jump-sub-layout-links .links:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 100%;
  background-image: linear-gradient(to right, rgba(51, 51, 51, 0) 0, #333333 100%);
}
.filter-jump-sub-layout-links .links .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  cursor: pointer;
}
.filter-jump-sub-layout-links .links .slick-prev {
  left: -30px;
}
.filter-jump-sub-layout-links .links .slick-next {
  right: -30px;
}
.filter-jump-sub-layout-links .links .slick-disabled {
  cursor: default;
  opacity: 0.5;
}
.filter-jump-sub-layout-links .links li {
  display: inline-block;
  border-right: 1px solid rgba(204, 204, 204, 0.2);
}
.filter-jump-sub-layout-links .links li:last-child {
  border-right: none;
}
.filter-jump-sub-layout-links .links li.active a {
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fff;
  color: #333;
  cursor: default;
}
.filter-jump-sub-layout-links .links li.active a:after {
  display: none;
}
.filter-jump-sub-layout-links .links a {
  display: inline-block;
  padding: 8px 10px;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
.filter-jump-sub-layout-links .links a:after {
  content: "\f054";
  display: inline-block;
  width: 20px;
  font-family: "FontAwesome";
  line-height: 1em;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .filter-jump-sub-layout-links {
    padding: 1px 0;
  }
  .filter-jump-sub-layout-links .links a {
    padding-top: 12px;
    padding-bottom: 12px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  .filter-jump-sub-layout-links {
    padding: 2px 0;
  }
  .filter-jump-sub-layout-links .links {
    margin: 0 45px;
  }
  .filter-jump-sub-layout-links .links:after {
    width: 40px;
  }
  .filter-jump-sub-layout-links .links .slick-prev {
    left: -45px;
  }
  .filter-jump-sub-layout-links .links .slick-next {
    right: -45px;
  }
  .filter-jump-sub-layout-links .links li.active a {
    padding-right: 30px;
    padding-left: 30px;
  }
  .filter-jump-sub-layout-links .links a {
    padding: 20px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}

/*#Filter with Toggle Grid/List Component */
.toggle + .filter-jump-sub-layout {
  margin-bottom: 0;
  margin-top: -1px;
}

@media screen and (min-width: 768px) {
  .toggle + .filter-jump-sub-layout {
    margin-top: -39px;
  }
}
@media screen and (min-width: 1024px) {
  .toggle + .filter-jump-sub-layout {
    margin-top: -59px;
  }
}
/*#endregion */
.toggle {
  position: relative;
  z-index: 1;
}

.recipe-description-sub-layout {
  background: repeat scroll center top;
  /*#region recipe intro */
  /*#region left image variation */
  /*#endregion */
  /*#region center image variation */
  /*#endregion */
  /*#endregion */
  /*#region ingredients/directions */
  /*#endregion */
  /*#region print friendly */
  /*#endregion */
}
.recipe-description-sub-layout .recipe-intro {
  margin-bottom: 45px;
  padding: 25px 0 45px;
}
.recipe-description-sub-layout .recipe-overview img {
  display: block;
  width: 100%;
}
.recipe-description-sub-layout .recipe-summary {
  margin-top: 12px;
}
.recipe-description-sub-layout .recipe-summary li {
  margin-bottom: 5px;
}
.recipe-description-sub-layout .recipe-summary li:last-child {
  margin-bottom: 0;
  border: 0 none;
}
.recipe-description-sub-layout .recipe-summary dl {
  display: -moz-flex;
  display: flex;
  display: -moz-inline-flex;
  display: inline-flex;
  margin: 0;
}
.recipe-description-sub-layout .recipe-summary dt {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  text-transform: uppercase;
}
.recipe-description-sub-layout .recipe-summary dd {
  margin-left: 15px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  text-transform: uppercase;
}
.recipe-description-sub-layout .recipe-description {
  margin-top: 30px;
}
.recipe-description-sub-layout .recipe-description .headline {
  margin-bottom: 15px;
  font-size: 30px;
  font-size: 3rem;
  border: 0 none;
}
.recipe-description-sub-layout .nutrition-container {
  margin-top: 1em;
}
.recipe-description-sub-layout .share {
  display: -moz-flex;
  display: flex;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
.recipe-description-sub-layout .share li {
  margin: 0 10px 15px 0;
}
.recipe-description-sub-layout .share li a {
  color: #999;
  text-decoration: none;
}
.recipe-description-sub-layout .share li i {
  display: block;
  font-size: 40px;
  font-size: 4rem;
  line-height: 0.9em;
}
.recipe-description-sub-layout .share li a:focus i {
  outline: 1px dotted;
}
.recipe-description-sub-layout .ingredients-directions-container .ingredients ol, .recipe-description-sub-layout .ingredients-directions-container .directions ol {
  list-style-position: inside;
}
.recipe-description-sub-layout .ingredients-directions-container .ingredients ol li, .recipe-description-sub-layout .ingredients-directions-container .directions ol li {
  margin-bottom: 15px !important;
  margin-left: 0 !important;
}
@media screen and (min-width: 768px) {
  .recipe-description-sub-layout .inner {
    max-width: 768px;
    padding: 0 20px;
  }
  .recipe-description-sub-layout .recipe-intro {
    padding: 45px 0 45px 0;
  }
  .recipe-description-sub-layout .recipe-summary {
    margin-top: 2px;
  }
  .recipe-description-sub-layout .recipe-summary ul {
    display: -moz-flex;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
  }
  .recipe-description-sub-layout .recipe-summary li {
    -moz-flex: 1 1 33.3333333333%;
    flex: 1 1 33.3333333333%;
    margin-right: 2px;
    margin-bottom: 0;
  }
  .recipe-description-sub-layout .recipe-summary li:last-child {
    margin-right: 0;
  }
  .recipe-description-sub-layout .recipe-summary dl {
    display: -moz-flex;
    display: flex;
  }
  .recipe-description-sub-layout .recipe-summary dt,
  .recipe-description-sub-layout .recipe-summary dd {
    text-align: center;
  }
  .recipe-description-sub-layout .recipe-summary dt {
    height: auto;
    font-weight: 300;
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
    background-color: #666;
  }
  .recipe-description-sub-layout .recipe-summary dd {
    height: auto;
    margin-left: 0;
    font-weight: 600;
    font-size: 20px;
    font-size: 2rem;
    color: #fff;
    background-color: #999;
  }
  .recipe-description-sub-layout .recipe-description .headline {
    font-size: 33px;
    font-size: 3.3rem;
  }
  .recipe-description-sub-layout .share {
    float: left;
    margin-top: 25px;
  }
  .recipe-description-sub-layout .share li:last-child {
    margin-right: 0;
  }
  .recipe-description-sub-layout .share + .print {
    display: inline-block;
    float: right;
    position: relative;
    right: 15px;
  }
  .recipe-description-sub-layout .share + .print a {
    color: #333;
  }
  .recipe-description-sub-layout .recipe-description, .recipe-description-sub-layout .ingredients-directions-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 768px;
  }
}
@media screen and (min-width: 1024px) {
  .recipe-description-sub-layout .inner {
    max-width: 1024px;
  }
  .recipe-description-sub-layout .share {
    float: left;
  }
  .recipe-description-sub-layout .share + .print {
    display: inline-block;
    float: none;
    position: static;
    margin-left: 10px;
    right: auto;
  }
  .recipe-description-sub-layout .recipe-intro {
    margin-bottom: 55px;
    padding: 55px 0;
  }
  .recipe-description-sub-layout .recipe-summary dt {
    font-size: 20px;
    font-size: 2rem;
    height: auto;
  }
  .recipe-description-sub-layout .recipe-summary dd {
    height: auto;
    font-size: 28px;
    font-size: 2.8rem;
  }
  .recipe-description-sub-layout .recipe-description .headline {
    font-size: 40px;
    font-size: 4rem;
  }
  .recipe-description-sub-layout .recipe-description, .recipe-description-sub-layout .ingredients-directions-container {
    max-width: 1024px;
  }
}
@media screen and (min-width: 768px) {
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-left-image .recipe-intro {
    margin-bottom: 0;
    border-bottom: none;
    display: -moz-flex;
    display: flex;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-left-image .recipe-overview,
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-left-image .recipe-description {
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-left-image .recipe-overview {
    box-sizing: border-box;
    width: 485.3333333333px;
    padding-right: 20px;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-left-image .recipe-description {
    width: 242.6666666667px;
    margin-top: 0;
    display: -moz-flex;
    display: flex;
    -moz-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-left-image .share {
    margin: 0 0 10px;
  }
}
@media screen and (min-width: 1024px) {
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-left-image .recipe-overview {
    width: 648px;
    padding-right: 30px;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-left-image .recipe-description {
    width: 324px;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-left-image .share {
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 768px) {
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-center-image .recipe-overview {
    position: relative;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-center-image .recipe-summary {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-center-image .recipe-summary dt,
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-center-image .recipe-summary dd {
    height: auto;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-center-image .recipe-summary dt {
    background-color: rgba(51, 51, 51, 0.5);
    height: auto;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-center-image .recipe-description {
    margin-top: 45px;
    display: -moz-flex;
    display: flex;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-center-image .text-content,
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-center-image .share {
    box-sizing: border-box;
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-center-image .text-content {
    width: 485.3333333333px;
    padding-right: 6px;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-center-image .share {
    width: 242.6666666667px;
    margin: 0 0 0 20px;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    align-content: flex-start;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-center-image .share li.print {
    margin-left: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-center-image .recipe-summary dt {
    height: auto;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-center-image .recipe-summary dd {
    height: auto;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-center-image .recipe-description {
    margin-top: 55px;
  }
}
.recipe-description-sub-layout .ingredients-directions-container .ingredients,
.recipe-description-sub-layout .ingredients-directions-container .directions {
  padding-bottom: 40px;
}
.recipe-description-sub-layout .ingredients-directions-container .ingredients ul li {
  position: relative;
  margin-bottom: 25px;
  padding-left: 1.25em;
  font-weight: 600;
  color: #666;
}
.recipe-description-sub-layout .ingredients-directions-container .ingredients ul li:last-child {
  margin-bottom: 0;
}
.recipe-description-sub-layout .ingredients-directions-container .ingredients ul li:before {
  content: "\f192";
  position: absolute;
  left: 0;
  top: 0;
  font-family: "FontAwesome";
  font-size: 1em;
  font-weight: normal;
  line-height: 1.3em;
}
.recipe-description-sub-layout .ingredients-directions-container .ingredients .note {
  display: block;
  font-weight: normal;
  font-style: italic;
}
.recipe-description-sub-layout .ingredients-directions-container .directions ol li {
  margin-bottom: 20px;
}
.recipe-description-sub-layout .ingredients-directions-container .directions ol li:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .recipe-description-sub-layout .ingredients-directions-container {
    display: -moz-flex;
    display: flex;
    padding-bottom: 40px;
  }
  .recipe-description-sub-layout .ingredients-directions-container .ingredients,
  .recipe-description-sub-layout .ingredients-directions-container .directions {
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    padding-bottom: 0;
  }
  .recipe-description-sub-layout .ingredients-directions-container .ingredients .sub-head,
  .recipe-description-sub-layout .ingredients-directions-container .directions .sub-head {
    margin-bottom: 35px;
  }
  .recipe-description-sub-layout .ingredients-directions-container .ingredients {
    width: 242.6666666667px;
    padding-right: 12px;
  }
  .recipe-description-sub-layout .ingredients-directions-container .directions {
    width: 485.3333333333px;
    padding-left: 6px;
  }
  .recipe-description-sub-layout .ingredients-directions-container .directions ol li {
    margin-bottom: 15px;
  }
  .recipe-description-sub-layout .ingredients-directions-container .directions ol li:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .recipe-description-sub-layout .ingredients-directions-container {
    padding-bottom: 65px;
  }
  .recipe-description-sub-layout .ingredients-directions-container .ingredients .sub-head,
  .recipe-description-sub-layout .ingredients-directions-container .directions .sub-head {
    margin-bottom: 45px;
  }
  .recipe-description-sub-layout .ingredients-directions-container .ingredients {
    width: 324px;
    padding-right: 10px;
  }
  .recipe-description-sub-layout .ingredients-directions-container .ingredients ul li {
    margin-bottom: 30px;
  }
  .recipe-description-sub-layout .ingredients-directions-container .ingredients ul li:last-child {
    margin-bottom: 0;
  }
  .recipe-description-sub-layout .ingredients-directions-container .directions {
    width: 648px;
    padding-left: 50px;
  }
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout {
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
  background: none;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .headline,
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .sub-head {
  color: #000;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .headline {
  margin-bottom: 25px;
  font-size: 50px;
  font-size: 5rem;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .sub-head {
  font-size: 29px;
  font-size: 2.9rem;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .recipe-intro {
  position: relative;
  padding: 0;
  border-bottom: none;
  display: -moz-flex;
  display: flex;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .recipe-overview {
  box-sizing: border-box;
  width: auto;
  padding: 0 50px 0 0;
  -moz-flex: 1 1 40%;
  flex: 1 1 40%;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .recipe-summary {
  position: absolute;
  left: 40%;
  bottom: 0;
  display: block;
  margin-top: 0;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .recipe-summary li {
  margin-bottom: 5px;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .recipe-summary li:last-child {
  margin-bottom: 0;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .recipe-summary dl {
  display: -moz-flex;
  display: flex;
  display: -moz-inline-flex;
  display: inline-flex;
  margin: 0;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .recipe-summary dt,
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .recipe-summary dd {
  height: auto;
  background-color: transparent;
  font-size: 20px;
  font-size: 2rem;
  color: #000;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .recipe-summary dt {
  font-weight: 300;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .recipe-summary dt:after {
  content: ":";
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .recipe-summary dd {
  margin-left: 5px;
  font-weight: bold;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .recipe-description {
  width: auto;
  margin: 0;
  padding-bottom: 115px;
  -moz-flex: 1 1 60%;
  flex: 1 1 60%;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .nutrition-container {
  display: none;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .share {
  display: none;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .ingredients-directions-container {
  margin-top: 50px;
  padding-top: 50px;
  border-top: 2px solid #000;
  display: -moz-flex;
  display: flex;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .ingredients {
  width: auto;
  padding-right: 60px;
  -moz-flex: 1 1 33.3333333333%;
  flex: 1 1 33.3333333333%;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .ingredients ul li {
  color: #000;
}
.recipe-detail-page-print-friendly-template .recipe-description-sub-layout .directions {
  width: auto;
  -moz-flex: 1 1 66.6666666667%;
  flex: 1 1 66.6666666667%;
  padding: 0;
}
.recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-summary {
  display: none;
}
.recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro {
  overflow: visible;
  margin-bottom: 0;
}
.recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-overview {
  float: none;
  width: 100%;
  margin-right: 0;
  margin-bottom: 30px;
}
.recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description {
  margin: 0;
}
.recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description .inner {
  padding: 0;
  padding: 0;
  position: relative;
}
.recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description .inner .share-container {
  margin: 0;
  position: absolute;
  top: -86px;
  right: auto;
}
.recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description .inner .share-container ul.share {
  margin: 0;
}
.recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description .ingredients-directions-container {
  display: block;
  margin: 0;
}
.recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description .ingredients-directions-container .ingredients {
  padding: 0;
  width: auto;
  margin-top: 40px;
}
.recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description .ingredients-directions-container .ingredients .sub-head {
  margin-bottom: 15px;
}
.recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description .ingredients-directions-container .ingredients p {
  margin-bottom: 10px;
}
.recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description .ingredients-directions-container .directions {
  padding: 0;
  margin-top: 40px;
  width: auto;
}
.recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description .ingredients-directions-container .directions .sub-head {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-summary {
    display: none;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro {
    overflow: visible;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro:after {
    content: "";
    width: 100%;
    display: block;
    height: 0;
    clear: both;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-overview {
    float: left;
    width: 50%;
    margin-right: 10%;
    margin-bottom: 0;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description {
    float: right;
    width: 40%;
    margin: 0;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description .inner .share-container {
    margin: 0;
    position: absolute;
    top: 0;
    right: -43px;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description .inner .share-container ul.share {
    margin: 0;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description .ingredients-directions-container {
    display: block;
    margin: 0;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description .ingredients-directions-container .ingredients {
    padding: 0;
    width: auto;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description .ingredients-directions-container .ingredients .sub-head {
    margin-bottom: 15px;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description .ingredients-directions-container .directions {
    padding: 0;
    margin-top: 40px;
    width: auto;
  }
  .recipe-description-sub-layout.recipe-description-sub-layout-2-column-2-columns .inner .recipe-intro .recipe-description .ingredients-directions-container .directions .sub-head {
    margin-bottom: 15px;
  }
}

dl {
  display: -moz-flex;
  display: flex;
  height: 100%;
  flex-direction: column;
}
dl dt {
  padding: 10px;
  font-weight: bold;
}
dl dd {
  padding: 10px;
  font-size: 20px;
}

.share-container {
  margin: 25px 0 -15px;
  display: -moz-flex;
  display: flex;
}
.article-sub-layout .share + .print {
  display: block !important;
}

.article-sub-layout .share {
  margin: 0;
  float: left;
}

@media screen and (min-width: 1024px) {
  .article-sub-layout .share {
    margin: 25px 0 -15px;
  }
}
/*added*/
/*end added*/
.article-list-sub-layout {
  padding: 30px 0 55px;
  background-color: #eee;
  /*#region tablet */
  /*#endregion */
  /*#region desktop */
  /*#endregion */
}
.article-list-sub-layout .filter-jump-sub-layout {
  margin-bottom: 0 !important;
}
.article-list-sub-layout .filter-jump-sub-layout .filter-content {
  padding-top: 3px;
}
.article-list-sub-layout .filter-jump-sub-layout:first-child {
  margin-top: -30px;
}
.article-list-sub-layout .filter-jump-sub-layout + .inner {
  padding-top: 30px;
}
.article-list-sub-layout .article {
  margin-bottom: 35px;
}
.article-list-sub-layout .article:last-child {
  margin-bottom: 0;
}
.article-list-sub-layout .article .main-image {
  display: block;
  margin-bottom: 20px;
}
.article-list-sub-layout .article .main-image img {
  display: block;
  width: 100%;
}
.article-list-sub-layout .article .sub-head {
  margin-bottom: 10px;
  font-size: 23px;
  font-size: 2.3rem;
  text-transform: uppercase;
}
.article-list-sub-layout .article .description {
  margin-bottom: 15px;
}
.article-list-sub-layout .article .description:last-child {
  margin-bottom: 0;
}
.article-list-sub-layout .article .inner + .inner {
  margin-bottom: 35px;
}
@media screen and (min-width: 768px) {
  .article-list-sub-layout {
    padding: 40px 0 50px;
    border-top-width: 10px;
  }
  .article-list-sub-layout .filter-jump-sub-layout:first-child {
    margin-top: -40px;
  }
  .article-list-sub-layout .filter-jump-sub-layout + .inner {
    padding-top: 40px;
  }
  .article-list-sub-layout .article {
    display: -moz-flex;
    display: flex;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: center;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 2px solid rgba(102, 102, 102, 0.2);
  }
  .article-list-sub-layout .article:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .article-list-sub-layout .article .main-image {
    box-sizing: border-box;
    width: 230.6666666667px;
    margin-bottom: 0;
  }
  .article-list-sub-layout .article .text-content {
    box-sizing: border-box;
    width: 485.3333333333px;
    padding-left: 20px;
  }
  .article-list-sub-layout .article .sub-head {
    margin-bottom: 20px;
    font-family: "Open Sans";
    line-height: 1.05em;
    letter-spacing: normal;
    font-size: 30px;
    font-size: 3rem;
    font-weight: bold;
  }
  .article-list-sub-layout .article .description {
    margin-bottom: 20px;
  }
  .article-list-sub-layout .inner + .inner {
    margin-bottom: 45px;
  }
}
@media screen and (min-width: 1024px) {
  .article-list-sub-layout {
    padding: 70px 0 85px;
    border-top-width: 15px;
  }
  .article-list-sub-layout .filter-jump-sub-layout:first-child {
    margin-top: -85px;
  }
  .article-list-sub-layout .filter-jump-sub-layout + .inner {
    padding-top: 85px;
  }
  .article-list-sub-layout .article {
    margin-bottom: 70px;
    padding-bottom: 70px;
  }
  .article-list-sub-layout .article .main-image {
    width: 314px;
    margin-right: 10px;
  }
  .article-list-sub-layout .article .text-content {
    width: 648px;
    padding-left: 30px;
  }
  .article-list-sub-layout .article .sub-head {
    font-size: 36px;
    font-size: 3.6rem;
    margin-bottom: 23px;
  }
  .article-list-sub-layout .article .description {
    margin-bottom: 30px;
  }
  .article-list-sub-layout .inner + .inner {
    margin-bottom: 65px;
  }
}

.content-placeholder + .article-list-sub-layout {
  padding-top: 0;
}

.content-placeholder-sub-layout-3-column-t + .article-list-sub-layout .filter-jump-sub-layout {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .content-placeholder-sub-layout-3-column-t + .article-list-sub-layout .filter-jump-sub-layout {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .content-placeholder-sub-layout-3-column-t + .article-list-sub-layout .filter-jump-sub-layout {
    margin-top: 0;
  }
}

.content-placeholder + .article-list-sub-layout {
  padding-top: 0;
}
.content-placeholder + .article-list-sub-layout .inner {
  padding-top: 30px;
}
.content-placeholder + .article-list-sub-layout .filter-jump-sub-layout {
  margin: 0 !important;
}
.content-placeholder + .article-list-sub-layout .filter-jump-sub-layout .inner {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .content-placeholder + .article-list-sub-layout {
    padding-top: 0;
  }
  .content-placeholder + .article-list-sub-layout .inner {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .content-placeholder + .article-list-sub-layout {
    padding-top: 0;
  }
  .content-placeholder + .article-list-sub-layout .inner {
    padding-top: 85px;
  }
}

.inner.current-selection-container {
  padding-top: 0 !important;
  margin-top: -1px;
}

.items-container a {
  text-decoration: none;
}
.items-container a:hover {
  text-decoration: none;
}

.grid-container .grid-item a {
  text-decoration: none;
}
.grid-container .grid-item a:hover {
  text-decoration: none;
}

.product-brand a {
  text-decoration: none;
}
.product-brand a:hover {
  text-decoration: none;
}

/*#region left nav variation */
/*#endregion */
/*#region print friendly */
/*#endregion */
/*added for saputo ca*/
/*$article-header-tablet-margin:*/
/*end added*/
.article-sub-layout {
  padding: 35px 0 45px;
  background-color: #eee;
  /*#region tablet */
  /*#endregion */
  /*#region desktop */
  /*#endregion */
  /*#region left nav variation */
  /*#endregion */
  /*#region print friendly */
  /*#endregion */
}
.article-sub-layout .text-content header {
  margin-bottom: 30px;
  padding-bottom: 0;
}
.article-sub-layout .text-content header img {
  display: block;
  width: 100%;
  margin-bottom: 30px;
}
.article-sub-layout .text-content .headline-container {
  position: relative;
}
.article-sub-layout .text-content .headline-container:last-child .headline {
  margin-bottom: 0;
}
.article-sub-layout .text-content .sub-head {
  margin-top: 30px;
  margin-bottom: 10px;
  color: #333;
}
.article-sub-layout .shareSocial {
  overflow: hidden;
  margin-top: 30px;
}
.article-sub-layout .share {
  display: -moz-flex;
  display: flex;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
.article-sub-layout .share li {
  margin: 0 10px 15px 0;
}
.article-sub-layout .share li a {
  color: #999;
  text-decoration: none;
}
.article-sub-layout .share li i {
  display: block;
  font-size: 40px;
  font-size: 4rem;
  line-height: 0.9em;
}
.article-sub-layout .share li a:focus i {
  outline: 1px dotted;
}
.article-sub-layout .share + .print {
  display: none;
}
@media screen and (min-width: 768px) {
  .article-sub-layout {
    padding-top: 50px;
  }
  .article-sub-layout .inner { /**/
    padding: 0;
  }
  .article-sub-layout .article-description {
    margin-left: auto;
    margin-right: auto;
    max-width: 768px;
    display: flex;
    padding: 0 20px;
  }
  .article-sub-layout .text-content {
    width: 485.3333333333px;
  }
  .article-sub-layout .text-content header {
    padding-bottom: 30px;
    border-bottom: 2px solid rgba(102, 102, 102, 0.2);
  }
  .article-sub-layout .text-content .headline {
    margin-right: 80px;
    font-size: 40px;
    font-size: 4rem;
  }
  .article-sub-layout .text-content .sub-head {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .article-sub-layout .text-content .print {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
  }
  .article-sub-layout .text-content .print .fa {
    font-size: 40px;
    font-size: 4rem;
    color: #333;
  }
  .article-sub-layout .shareSocial {
    overflow: hidden;
    margin-top: 0;
  }
  .article-sub-layout .share {
    float: left;
    /*margin-top:25px;*/
    margin-top: 0; /**/
    /*li {
        &:last-child {
            margin-right: $article-share-last-child;
        }
    }*/
  }
  .article-sub-layout .share + .print {
    display: inline-block;
    float: right;
    position: relative;
    right: -10px;
  }
  .article-sub-layout .share + .print a {
    color: #333;
  }
  .article-sub-layout .shareSocial {
    padding: 0 0 0 15px;
  }
}
@media screen and (min-width: 1024px) {
  .article-sub-layout {
    padding: 70px 0 65px;
    /**/
  }
  .article-sub-layout .article-description {
    max-width: 1024px;
    display: flex;
    padding: 0;
  }
  .article-sub-layout .text-content {
    width: 648px;
  }
  .article-sub-layout .text-content header {
    margin-bottom: 45px;
    padding-bottom: 45px;
    padding: 45px;
  }
  .article-sub-layout .text-content header img {
    margin-bottom: 45px;
  }
  .article-sub-layout .text-content .body-copy { /**/ }
  .article-sub-layout .text-content .headline {
    font-size: 50px;
    font-size: 5rem;
  }
  .article-sub-layout .share {
    float: left;
    margin-top: 45px; /**/
  }
  .article-sub-layout .share li {
    margin: 0 10px 7px 0;
  }
  .article-sub-layout .print {
    margin-top: 45px;
  }
  .article-sub-layout .share + .print { /**/
    display: inline-block;
    float: none;
    position: static;
    margin-left: 10px;
    right: auto;
  }
  .article-sub-layout .inner {
    padding: 0;
  }
  .article-sub-layout.article-sub-layout-no-nav .inner {
    max-width: 960px;
  }
}
.article-sub-layout.article-sub-layout-left-nav {
  padding-top: 0;
  /*#region desktop */
  /*#endregion */
}
.article-sub-layout.article-sub-layout-left-nav .article-nav {
  margin-bottom: 30px;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
  background-color: #333;
  text-transform: uppercase;
}
.article-sub-layout.article-sub-layout-left-nav .article-nav .sub-head {
  margin: 0 -20px;
  padding: 10px 20px;
  display: -moz-flex;
  display: flex;
  -moz-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.7);
  background-color: #333;
}
.article-sub-layout.article-sub-layout-left-nav .article-nav .sub-head:after {
  content: "\f078";
  margin-left: 10px;
  font-family: "FontAwesome";
  font-size: 0.9em;
  color: #fff;
}
.article-sub-layout.article-sub-layout-left-nav .article-nav.open .sub-head:after {
  content: "\f077";
}
.article-sub-layout.article-sub-layout-left-nav .article-nav ul {
  display: none;
}
.article-sub-layout.article-sub-layout-left-nav .article-nav ul li {
  padding: 10px 18px;
  border-bottom: 1px solid rgba(102, 102, 102, 0.2);
}
.article-sub-layout.article-sub-layout-left-nav .article-nav ul li:last-child {
  border-bottom-width: 0;
}
.article-sub-layout.article-sub-layout-left-nav .article-nav ul li.current-nav {
  background-color: #988b83;
}
.article-sub-layout.article-sub-layout-left-nav .article-nav ul li.current-nav a {
  display: block;
  color: #ffffff;
}
.article-sub-layout.article-sub-layout-left-nav .article-nav ul a {
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
@media screen and (min-width: 1024px) {
  .article-sub-layout.article-sub-layout-left-nav {
    padding-top: 70px;
  }
  .article-sub-layout.article-sub-layout-left-nav .inner {
    display: -moz-flex;
    display: flex;
  }
  .article-sub-layout.article-sub-layout-left-nav .article-nav,
  .article-sub-layout.article-sub-layout-left-nav .text-content {
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .article-sub-layout.article-sub-layout-left-nav .article-nav {
    box-sizing: border-box;
    width: 324px;
    padding-right: 30px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 600;
    color: #333;
    background-color: transparent;
  }
  .article-sub-layout.article-sub-layout-left-nav .article-nav .sub-head {
    display: block;
    margin: 0;
    padding: 12px 30px;
    font-size: 24px;
    font-size: 2.4rem;
    color: #fff;
    background-color: #666;
  }
  .article-sub-layout.article-sub-layout-left-nav .article-nav .sub-head:after {
    display: none;
  }
  .article-sub-layout.article-sub-layout-left-nav .article-nav ul {
    display: block !important;
  }
  .article-sub-layout.article-sub-layout-left-nav .article-nav ul li {
    padding: 12px 30px;
  }
  .article-sub-layout.article-sub-layout-left-nav .article-nav ul li:last-child {
    border-bottom-width: 1px;
  }
  .article-sub-layout.article-sub-layout-left-nav .article-nav ul a {
    font-weight: 600;
    font-size: 18px;
    font-size: 1.8rem;
    color: #333;
  }
}
.article-print-friendly-template .article-sub-layout {
  padding-top: 0;
  color: #000;
  background-color: transparent;
}
.article-print-friendly-template .article-sub-layout .inner {
  display: block;
}
.article-print-friendly-template .article-sub-layout .article-nav {
  display: none;
}
.article-print-friendly-template .article-sub-layout .text-content {
  width: auto;
}
.article-print-friendly-template .article-sub-layout .text-content header {
  margin-bottom: 45px;
  padding: 0 0 45px;
  border-bottom: 2px solid #000;
}
.article-print-friendly-template .article-sub-layout .text-content .headline {
  margin-right: 0;
  font-size: 50px;
  font-size: 5rem;
  color: #000;
}
.article-print-friendly-template .article-sub-layout .text-content .sub-head {
  font-size: 29px;
  font-size: 2.9rem;
  color: #000;
}
.article-print-friendly-template .article-sub-layout .text-content .body-copy {
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 50px;
  column-gap: 50px;
  margin-bottom: -35px;
}
.article-print-friendly-template .article-sub-layout .text-content .body-copy * {
  page-break-inside: avoid;
  -webkit-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  margin: 0;
  padding: 0 0 35px;
}
.article-print-friendly-template .article-sub-layout .text-content .body-copy :not(.sub-head):not(:first-child) {
  margin-top: -21px;
}

.share {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
}

@media only screen and (min-device-width: 768px) and (orientation: landscape) {
  .article-nav {
    padding: 0 30px;
  }
}
/*.shareSocial {

    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
        }*/
.contact-us-sub-layout-container {
  padding: 25px 0;
}
.contact-us-sub-layout-container .form-container .sub-head, .contact-us-sub-layout-container .form-container h2 {
  margin-bottom: 10px;
  color: #333;
}
.contact-us-sub-layout-container .form-container textarea {
  padding-top: 10px;
  padding-bottom: 10px;
}
.contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single {
  display: block;
}
.contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component {
  display: block;
  box-sizing: border-box;
  padding: 0;
  margin: 0 0 5px;
}
.contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component .content {
  padding: 0;
}
.contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component:last-child {
  margin-bottom: 0;
}
.contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component h1, .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component h2, .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component h3, .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component h4, .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component .sub-head {
  font-family: "Open Sans";
  font-size: 23px;
  font-size: 2.3rem;
  text-transform: none;
  margin-bottom: 10px;
  font-weight: 600;
}
.contact-us-sub-layout-container .contact-us-sub-layout {
  margin: 0 auto;
  padding: 0;
}
.contact-us-sub-layout-container .contact-us-sub-layout .intro {
  padding: 0;
}
.contact-us-sub-layout-container .contact-us-sub-layout .form-container {
  padding: 30px 0 50px;
}
.contact-us-sub-layout-container .contact-us-sub-layout .form-container .form-intro {
  margin-bottom: 30px;
}
.contact-us-sub-layout-container .contact-us-sub-layout .form-container hr {
  margin: 30px 0;
  border: none;
  border-top: 3px solid #666;
}
.contact-us-sub-layout-container .contact-us-sub-layout .form-container textarea {
  min-height: 155px;
}
.contact-us-sub-layout-container .contact-us-sub-layout .form-container .checkbox-container {
  margin-bottom: 30px;
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.contact-us-sub-layout-container .contact-us-sub-layout .form-container .checkbox-container label {
  padding-left: 1.25em;
}
.contact-us-sub-layout-container .contact-us-sub-layout .form-container .checkbox-container label:before {
  color: #666;
}
.contact-us-sub-layout-container .contact-us-sub-layout .form-container .checkbox-container label.error {
  font-style: normal;
  color: #000;
  font-weight: bold;
}
.contact-us-sub-layout-container .contact-us-sub-layout .instructions {
  margin-bottom: 25px;
}
.contact-us-sub-layout-container .contact-us-sub-layout .anti-bot {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .contact-us-sub-layout-container .contact-us-sub-layout .inner {
    display: -moz-flex;
    display: flex;
  }
  .contact-us-sub-layout-container .contact-us-sub-layout .form-container {
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
    box-sizing: border-box;
    width: 485.3333333333px;
    padding: 0 20px 0 0;
  }
  .contact-us-sub-layout-container .contact-us-sub-layout .form-container .sub-head, .contact-us-sub-layout-container .contact-us-sub-layout .form-container h2 {
    font-weight: 600;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .contact-us-sub-layout-container .contact-us-sub-layout .form-container hr {
    margin: 35px 0;
    border-top: 2px solid rgba(152, 139, 131, 0.2);
  }
  .contact-us-sub-layout-container .contact-us-sub-layout .form-container fieldset:not(.textarea) {
    width: 365px;
  }
  .contact-us-sub-layout-container .contact-us-sub-layout .form-container fieldset:not(.textarea).narrow {
    width: 230px;
  }
}
@media screen and (min-width: 1024px) {
  .contact-us-sub-layout-container .contact-us-sub-layout .form-container {
    width: 648px;
    padding-right: 80px;
  }
  .contact-us-sub-layout-container .contact-us-sub-layout .form-container hr {
    margin: 40px 0;
  }
  .contact-us-sub-layout-container .contact-us-sub-layout .form-container .row {
    display: -moz-flex;
    display: flex;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .contact-us-sub-layout-container .contact-us-sub-layout .form-container fieldset:not(.textarea) {
    width: 350px;
  }
  .contact-us-sub-layout-container .contact-us-sub-layout .form-container fieldset:not(.textarea).narrow {
    width: 197px;
  }
  .contact-us-sub-layout-container .contact-us-sub-layout .instructions {
    margin-bottom: 35px;
  }
}
@media screen and (min-width: 768px) {
  .contact-us-sub-layout-container {
    padding: 45px 0 55px;
  }
  .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component {
    padding: 25px 0;
    margin-bottom: 15px;
  }
  .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component .content {
    padding: 0;
  }
  .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component h1, .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component h2, .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component h3, .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component h4, .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component .sub-head {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 5px;
  }
  .contact-us-sub-layout-container .headline {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .contact-us-sub-layout-container .sub-head {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .contact-us-sub-layout-container {
    padding: 70px 0 105px;
  }
  .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component {
    padding: 30px 0;
    margin-bottom: 30px;
  }
  .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component h1, .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component h2, .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component h3, .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component h4, .contact-us-sub-layout-container .content-placeholder-sub-layout-3-column .columns-container .column.single .content-placeholder-component .sub-head {
    font-size: 20px;
    font-size: 2rem;
  }
  .contact-us-sub-layout-container .headline {
    font-size: 20px;
    font-size: 2rem;
  }
  .contact-us-sub-layout-container .sub-head {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.contact-us-sub-layout-container #scanButton {
  margin: 0 0 30px;
  cursor: pointer;
}
.contact-us-sub-layout-container .popup {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.contact-us-sub-layout-container .popup-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 500px;
}
.contact-us-sub-layout-container .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.contact-us-sub-layout-container .close:hover,
.contact-us-sub-layout-container .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.contact-us-sub-layout-container #attachmentList {
  margin-top: 10px;
  list-style-type: none;
  padding: 0;
  display: flow-root;
}
.contact-us-sub-layout-container #attachmentList li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f9f9f9;
  padding: 5px 10px;
  border: 1px solid #ddd;
  margin-bottom: 5px;
}
.contact-us-sub-layout-container #attachmentList button {
  padding: 5px 10px;
  background-color: #a89898;
  color: white;
  border: none;
  cursor: pointer;
  width: 50px;
}
.contact-us-sub-layout-container #attachmentList button:hover {
  background-color: #cc0000;
}
.contact-us-sub-layout-container #html5-qrcode-button-camera-permission {
  border: 2px solid #04AA6D;
  padding: 5px;
}
.contact-us-sub-layout-container .fa-barcode {
  font-size: 100px;
}
.contact-us-sub-layout-container label.button {
  cursor: pointer;
}
.contact-us-sub-layout-container .textDiv {
  float: left;
}
.contact-us-sub-layout-container .imageDiv {
  float: right;
}
.contact-us-sub-layout-container #reader button {
  background-color: #111827;
  border: 1px solid transparent;
  border-radius: 0.75rem;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: 0.75rem 1.2rem;
  text-align: center;
  -webkit-text-decoration: none #6B7280 solid;
          text-decoration: none #6B7280 solid;
  width: auto;
  margin-top: 10px;
}
.contact-us-sub-layout-container #html5-qrcode-anchor-scan-type-change {
  background-color: #111827;
  border: 1px solid transparent;
  border-radius: 0.75rem;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  padding: 0.75rem 1.2rem;
  text-align: center;
  -webkit-text-decoration: none #6B7280 solid !important;
          text-decoration: none #6B7280 solid !important;
  width: auto;
  margin-top: 10px;
}
@media (max-width: 600px) {
  .contact-us-sub-layout-container .popup-content {
    background-color: #fefefe;
    margin: 40% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
  }
  .contact-us-sub-layout-container .textDiv {
    width: 60%;
    font-size: 14px;
  }
  .contact-us-sub-layout-container #reader {
    border: none !important;
  }
  .contact-us-sub-layout-container .contact-us-sub-layout-container .contact-us-sub-layout .form-container {
    padding: 0 0 50px !important;
  }
  .contact-us-sub-layout-container .btn-gtm-submit {
    text-align: center !important;
  }
}
@media (max-width: 400px) {
  .contact-us-sub-layout-container .popup-content {
    background-color: #fefefe;
    margin: 40% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
  }
  .contact-us-sub-layout-container .textDiv {
    width: 56%;
  }
}
.contact-us-sub-layout-container #UploadedFiles {
  display: none;
}
.contact-us-sub-layout-container .file-count-message {
  margin-top: 10px;
  font-size: 14px;
  color: #333;
  font-weight: bold;
}
.contact-us-sub-layout-container .file-count-message span {
  color: #007bff;
}
.contact-us-sub-layout-container .UPCCodeText {
  position: relative;
}
.contact-us-sub-layout-container #UPCCode {
  /*width: 90%;*/
  margin-right: 5px;
}
.contact-us-sub-layout-container .camera-icon {
  font-size: 25px;
  position: absolute;
  right: 1rem;
  top: 0.7rem;
}

.search-results-container {
  font-size: 16px;
  font-size: 1.6rem;
  /*#region tablet */
  /*#endregion */
  /*#region desktop */
  /*#endregion */
}
.search-results-container .modify-search {
  padding: 30px 0 25px;
  background: repeat scroll center top;
}
.search-results-container .modify-search .close-menu {
  display: none;
}
.search-results-container .modify-search .suggestion {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 20px;
  margin-top: 20px;
}
.search-results-container .modify-search .suggestion strong {
  display: inline;
  line-height: 1;
}
.search-results-container .modify-search .suggestion a {
  color: inherit;
  font-weight: bold;
}
.search-results-container .modify-search .select-container .close-menu {
  display: none;
}
.search-results-container .modify-search .select-container:after {
  color: #666;
}
.search-results-container .results-summary {
  font-size: 13px;
  font-size: 1.3rem;
  background-color: #666;
  color: #fff;
}
.search-results-container .results-summary .sub-head {
  margin-bottom: 0;
  padding: 10px 0;
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  text-transform: lowercase;
}
.search-results-container .result,
.search-results-container .pagination-container {
  background-color: #eee;
}
.search-results-container .result:nth-child(even),
.search-results-container .pagination-container:nth-child(even) {
  background-color: #fff;
}
.search-results-container .result {
  padding: 20px 0;
}
.search-results-container .result .sub-head {
  margin-bottom: 10px;
  font-family: "Open Sans";
  line-height: 1.05em;
  letter-spacing: normal;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
}
.search-results-container .result a {
  font-weight: bold;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
.search-results-container .result a:hover {
  text-decoration: underline;
}
.search-results-container .pagination-sub-layout:before {
  display: none;
}
.search-results-container .pagination-container {
  padding: 0 0 30px;
  overflow: auto;
}
.search-results-container .pagination-container .pagination-sub-layout {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
@media screen and (min-width: 768px) {
  .search-results-container .modify-search .inner {
    display: -moz-flex;
    display: flex;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: center;
    align-items: center;
  }
  .search-results-container .modify-search .suggestion {
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 0;
    margin-top: 0;
  }
  .search-results-container .results-summary {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .search-results-container .results-summary .sub-head {
    padding: 20px 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .search-results-container .result {
    padding: 30px 0;
  }
  .search-results-container .pagination-container {
    padding-bottom: 45px;
  }
}
@media screen and (min-width: 1024px) {
  .search-results-container .modify-search {
    padding: 35px 0 30px;
  }
  .search-results-container .results-summary .sub-head:before, .search-results-container .results-summary .sub-head:after {
    content: "///";
    display: inline-block;
    color: #999;
  }
  .search-results-container .results-summary .sub-head:before {
    margin-right: 0.8em;
  }
  .search-results-container .results-summary .sub-head:after {
    margin-left: 0.8em;
  }
  .search-results-container .result {
    padding: 40px 0;
  }
  .search-results-container .result:first-child {
    padding-top: 65px;
  }
  .search-results-container .result .sub-head {
    margin-bottom: 15px;
    font-size: 36px;
    font-size: 3.6rem;
  }
  .search-results-container .pagination-container {
    padding-bottom: 105px;
  }
  .search-results-container .pagination-sub-layout .controls {
    margin-top: 50px;
  }
}

.search-container {
  position: relative;
  min-width: 40%;
}
.search-container input[type=text] {
  padding-right: 20px;
}
.search-container input[type=text]:focus {
  border-color: #7999CE;
}
.search-container .submitsearch {
  position: absolute;
  right: 6px;
  top: 0;
  font-size: 2rem;
  height: 33px;
}
.search-container span.submitsearch .fa-search {
  position: relative;
  top: 7px;
}

@media screen and (min-width: 1024px) {
  .search-container + .close-menu {
    display: none;
  }
}
/*.generic-sub-page-template{
    .content-placeholder-component{
        padding:0 !important;
    }
}*/
.cheese-events-landing-page-template {
  padding-bottom: 30px;
  margin-top: -5px;
}
@media screen and (min-width: 768px) {
  .cheese-events-landing-page-template {
    padding-bottom: 45px;
    margin-top: -4px;
  }
}
@media screen and (min-width: 1024px) {
  .cheese-events-landing-page-template {
    padding-bottom: 65px;
    margin-top: -6px;
  }
}

.content-placeholder + .cheese-events-landing-page-template .filter-jump-sub-layout {
  margin: !important;
}
.cheese-event-detail-page-template {
  background: repeat scroll center top;
  /*#region tablet */
  /*#endregion */
  /*#region desktop */
  /*#endregion */
}
.cheese-event-detail-page-template .event-details {
  padding-bottom: 35px;
}
.cheese-event-detail-page-template .event-details .event-image {
  margin-top: 0;
  margin-bottom: 30px;
}
.cheese-event-detail-page-template .event-details .event-image img {
  display: block;
  margin: 0;
  max-width: 100%;
  width: 100%;
}
.cheese-event-detail-page-template .event-details .sub-head {
  margin-bottom: 2px;
  font-weight: normal;
}
.cheese-event-detail-page-template .event-details .headline {
  margin-bottom: 15px;
  font-size: 30px;
  font-size: 3rem;
}
.cheese-event-detail-page-template .share {
  margin-top: 30px;
  display: -moz-flex;
  display: flex;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.cheese-event-detail-page-template .share li {
  margin-right: 10px;
}
.cheese-event-detail-page-template .share li a {
  color: #999;
  text-decoration: none;
}
.cheese-event-detail-page-template .share li i {
  display: block;
  font-size: 40px;
  font-size: 4rem;
  line-height: 0.9em;
}
.cheese-event-detail-page-template .share li a:focus i {
  outline: 1px dotted;
}
@media screen and (min-width: 768px) {
  .cheese-event-detail-page-template .event-details > .inner {
    display: -moz-flex;
    display: flex;
    flex-flow: row-reverse nowrap;
  }
  .cheese-event-detail-page-template .event-details .event-image,
  .cheese-event-detail-page-template .event-details .event-info {
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .cheese-event-detail-page-template .event-details .event-image {
    box-sizing: border-box;
    width: 242.6666666667px;
    margin-bottom: 0;
    padding-left: 12px;
  }
  .cheese-event-detail-page-template .event-details .event-info {
    box-sizing: border-box;
    display: -moz-flex;
    display: flex;
    -moz-flex-direction: column;
    flex-direction: column;
    -moz-align-items: strecth;
    align-items: strecth;
    width: 485.3333333333px;
    padding-right: 6px;
  }
  .cheese-event-detail-page-template .event-details .sub-head {
    font-size: 19px;
    font-size: 1.9rem;
  }
  .cheese-event-detail-page-template .event-details .headline {
    margin-bottom: 20px;
    font-size: 40px;
    font-size: 4rem;
  }
  .cheese-event-detail-page-template .share {
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    -moz-flex-grow: 1;
    flex-grow: 1;
  }
}
@media screen and (min-width: 1024px) {
  .cheese-event-detail-page-template .event-details .event-image {
    width: 324px;
    padding-left: 10px;
  }
  .cheese-event-detail-page-template .event-details .event-info {
    width: 648px;
    padding-right: 5px;
  }
  .cheese-event-detail-page-template .event-details .sub-head {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .cheese-event-detail-page-template .event-details .headline {
    margin-bottom: 25px;
    font-size: 48px;
    font-size: 4.8rem;
  }
}

.cookies-banner {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  padding: 20px;
  padding: 2rem;
  position: relative;
  border-bottom: 1px solid rgba(35, 31, 32, 0.65);
  background-color: rgba(35, 31, 32, 0.5);
  animation-name: showMessage;
  animation-duration: 2s;
  -ms-animation-name: showMessage;
  -ms-animation-duration: 2s;
  -moz-animation-name: showMessage;
  -moz-animation-duration: 2s;
  -webkit-animation-name: showMessage;
  -webkit-animation-duration: 2s;
}
.cookies-banner * {
  font-family: "Open Sans", sans-serif;
  color: #fff;
}
.cookies-banner a {
  color: #fff;
  font-family: "Open Sans", sans-serif;
}
.cookies-banner p {
  line-height: 1.3333333333em;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "Open Sans", sans-serif;
}
.cookies-banner p:last-child {
  margin-bottom: 0;
  margin-bottom: 0;
}
.cookies-banner .inner {
  box-sizing: border-box;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  width: 100%;
  -webkit-box-align: start;
  -webkit-box-pack: justify;
}
.cookies-banner .btn-container {
  display: block;
  text-align: right;
}
.cookies-banner .btn-cookiesbanner-confirm {
  background-color: #231f20;
  background-image: none;
  border-color: transparent;
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
  padding: 7px 10px;
  width: auto;
}

.recall-notice {
  color: #333;
  font-family: "Open Sans", sans-serif;
  padding: 20px;
  padding: 2rem;
  position: relative;
  border-bottom: 2px solid #000;
  background-color: #efefef;
  animation-name: showMessage;
  animation-duration: 2s;
  -ms-animation-name: showMessage;
  -ms-animation-duration: 2s;
  -moz-animation-name: showMessage;
  -moz-animation-duration: 2s;
  -webkit-animation-name: showMessage;
  -webkit-animation-duration: 2s;
}
.recall-notice * {
  font-family: "Open Sans", sans-serif;
  color: #333;
}
.recall-notice h1, .recall-notice h2, .recall-notice h3, .recall-notice h4, .recall-notice h5 {
  font-family: "Open Sans", sans-serif;
  color: #333;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}
.recall-notice a {
  color: #c33;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
}
.recall-notice p {
  line-height: 1.3333333333em;
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "Open Sans", sans-serif;
}
.recall-notice p:last-child {
  margin-bottom: 0;
  margin-bottom: 0;
}
.recall-notice h1 {
  font-size: 25px;
  font-size: 2.5rem;
}
.recall-notice h2 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #999;
}
.recall-notice .btn-recall-close {
  position: relative;
  float: right;
  right: 0;
  top: 0;
  width: auto;
  height: 30px;
  margin: 0 0 1rem 1rem;
  padding: 0;
}
.recall-notice .btn-recall-close:after {
  content: "\f00d";
  margin-left: 10px;
  font-family: "FontAwesome";
  font-size: 30px;
  font-size: 3rem;
  color: #c33;
  line-height: 30px;
  vertical-align: middle;
}

@media print {
  .article-sub-layout .shareSocial  {
    display: none;
  }
  .article-sub-layout .share {
    display: none !important;
  }
  .recipe-description-sub-layout {
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
    background: none;
  }
  .recipe-description-sub-layout .headline,
  .recipe-description-sub-layout .sub-head {
    color: #000;
  }
  .recipe-description-sub-layout .headline {
    margin-bottom: 25px;
    font-family: "FlamaSemicondensed", sans-serif;
    line-height: 1em;
    letter-spacing: normal;
    font-size: 50px;
    font-size: 5rem;
  }
  .recipe-description-sub-layout .sub-head {
    font-size: 30px !important;
    font-size: 3rem !important;
    border: 0 none !important;
    padding-bottom: 0 !important;
  }
  .recipe-description-sub-layout .recipe-intro {
    position: relative;
    padding: 0;
    border-bottom: none;
    display: -moz-flex;
    display: flex;
  }
  .recipe-description-sub-layout .recipe-overview {
    box-sizing: border-box;
    width: auto;
    padding: 0 50px 0 0;
    -moz-flex: 1 1 40%;
    flex: 1 1 40%;
  }
  .recipe-description-sub-layout .recipe-overview img {
    /*min-height: 190px;*/
  }
  .recipe-description-sub-layout .recipe-summary {
    position: absolute;
    left: 40%;
    bottom: 0;
    display: block;
    margin-top: 0;
  }
  .recipe-description-sub-layout .recipe-summary li {
    margin-bottom: 5px;
  }
  .recipe-description-sub-layout .recipe-summary li:last-child {
    margin-bottom: 0;
  }
  .recipe-description-sub-layout .recipe-summary dl {
    display: -moz-inline-flex;
    display: inline-flex;
    margin: 0;
    flex-direction: row;
  }
  .recipe-description-sub-layout .recipe-summary dt,
  .recipe-description-sub-layout .recipe-summary dd {
    height: auto;
    background-color: transparent;
    font-family: "FlamaSemicondensed", sans-serif;
    line-height: 1em;
    letter-spacing: normal;
    font-size: 20px;
    font-size: 2rem;
    color: #000;
    line-height: normal;
    padding: 0;
  }
  .recipe-description-sub-layout .recipe-summary dt {
    font-weight: 300;
  }
  .recipe-description-sub-layout .recipe-summary dt:after {
    content: ":";
  }
  .recipe-description-sub-layout .recipe-summary dd {
    margin-left: 5px;
    font-weight: bold;
  }
  .recipe-description-sub-layout .recipe-description {
    width: auto;
    margin: 0;
    padding-bottom: 115px;
    -moz-flex: 1 1 60%;
    flex: 1 1 60%;
  }
  .recipe-description-sub-layout .nutrition-container {
    display: none;
  }
  .recipe-description-sub-layout .share {
    display: none;
  }
  .recipe-description-sub-layout .ingredients-directions-container {
    margin-top: 35px;
    padding-top: 35px;
    border-top: 2px solid #000;
    display: -moz-flex;
    display: flex;
  }
  .recipe-description-sub-layout .ingredients {
    width: auto;
    padding-right: 60px;
    -moz-flex: 1 1 33.33333%;
    flex: 1 1 33.33333%;
  }
  .recipe-description-sub-layout .ingredients ul li {
    color: #000;
  }
  .recipe-description-sub-layout .directions {
    width: auto;
    -moz-flex: 1 1 66.66667%;
    flex: 1 1 66.66667%;
    padding: 0;
  }
  .header {
    display: none;
  }
  .footer {
    display: none;
  }
  body {
    padding: 10px 0;
  }
  .site-wrapper {
    max-width: 1125px;
  }
  .inner {
    max-width: none;
    padding: 0;
  }
  .cssmask .hero-placeholder {
    margin: 0;
    padding: 0;
    -webkit-mask-box-image: none;
  }
  .hero-placeholder {
    display: none;
  }
  .hero-placeholder-component-image-sub-page .content {
    margin-left: 30px;
  }
  .article-sub-layout {
    padding-top: 0;
    color: #000;
    background-color: transparent;
  }
  .article-sub-layout .inner {
    display: block;
  }
  .article-sub-layout .article-nav {
    display: none;
  }
  .article-sub-layout .text-content {
    width: auto;
  }
  .article-sub-layout .text-content header {
    margin-bottom: 0;
    /*padding: 0 0 45px;*/
    border-bottom: none;
  }
  .article-sub-layout .text-content .headline {
    margin-right: 0;
    font-size: 50px;
    font-size: 5rem;
    color: #000;
    /*margin-right: 2em;*/
  }
  .article-sub-layout .text-content .sub-head {
    font-size: 29px;
    font-size: 2.9rem;
    color: #000;
  }
  .article-sub-layout .text-content .body-copy {
    -moz-column-count: 1;
    column-count: 1;
    -moz-column-gap: 50px;
    column-gap: 50px;
    margin-bottom: -35px;
    line-height: normal;
  }
  .article-sub-layout .text-content .body-copy * {
    page-break-inside: avoid;
    -webkit-break-inside: avoid;
    -moz-column-break-inside: avoid;
         break-inside: avoid;
    margin: 0;
    padding: 0 0 35px;
  }
  .article-sub-layout .text-content .body-copy :not(.sub-head):not(:first-child) {
    margin-top: -21px;
  }
  .article-sub-layout .text-content header img {
    display: block;
    width: 20%;
    /*margin-bottom: 30px;*/
    position: relative;
    float: left;
    margin: 0 30px 30px 0;
  }
  .article-sub-layout .text-content .headline-container {
    position: relative;
    left: 0px !important;
    width: 75%;
    float: right;
  }
}
@media print {
  .article-sub-layout .text-content .body-copy {
    -moz-column-count: 1;
    column-count: 1;
    -moz-column-gap: 50px;
    column-gap: 50px;
    margin-bottom: 0px;
    /*position: relative;
    left: 0;*/
    padding: 0 !important;
    /*float:right;*/
    width: 100%;
  }
  .recall-notice {
    display: none;
  }
  .content-placeholder {
    display: none;
  }
  section.recipes-placeholder {
    display: none;
  }
  .recipe-description-sub-layout .inner {
    background: transparent;
  }
  h3, h4, .sub-head {
    font-family: "BurfordBase", sans-serif;
    line-height: normal;
  }
  .article-sub-layout .text-content .headline {
    font-family: "FlamaSemicondensed", sans-serif;
  }
}
.press-release-template .search-results-container .modify-search .inner {
  /*-ms-justify-content: flex-end;
   -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;*/
}
.press-release-template .search-results-container .modify-search .inner .press-landing-description {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .press-release-template .search-results-container .modify-search .inner .press-landing-description {
    width: 83%;
  }
}
.press-release-template .search-results-container .modify-search .inner label.filter-by {
  display: inline-block;
  margin: 5px 5px 5px 0;
}

.press-date {
  font-weight: 600;
  display: inline-block;
  margin: 20px 0 0;
  color: #fff;
  background-color: #444;
  padding: 10px;
  font-style: normal;
}

.fa-file-pdf-o:before {
  content: "\f1c1";
}

.hero-placeholder-press-release {
  position: relative;
}
.hero-placeholder-press-release .cta-container {
  position: absolute;
  right: 15px;
  top: 15px;
}

@media screen and (min-width: 1024px) {
  .event-short-sub-layout .grid-container .grid-item {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .event-short-sub-layout div.inner div.grid-container .grid-item {
    margin-bottom: 40px;
  }
}

.event-short-sub-layout + .event-short-sub-layout {
  padding-top: 0;
}

.event-short-introduction .inner {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .event-short-introduction .inner {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .event-short-introduction .inner {
    padding-top: 60px;
  }
}

.feature-recipe-component {
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
  padding: 0;
  width: 100%;
  /*#region tablet */
  /*#endregion */
  /*#region desktop */
  /*#endregion */
}
.feature-recipe-component.right {
  text-align: right;
}
.feature-recipe-component.center {
  text-align: center;
}
.feature-recipe-component.left {
  text-align: left;
}
.feature-recipe-component .feature-recipe-content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  flex-direction: row;
  -moz-flex-direction: row;
}
@media screen and (min-width: 768px) {
  .feature-recipe-component {
    padding: 0;
    background-size: cover;
  }
  .feature-recipe-component.mobile-background-image {
    padding-top: 0;
  }
  .feature-recipe-component .feature-recipe-content {
    box-sizing: border-box;
    padding: 0;
  }
  .feature-recipe-component .feature-recipe-content .recipe-content .cont-txt-recipe {
    max-width: 242.6666666667px;
    margin: 40px 0 40px auto;
    padding: 0 20px;
  }
  .feature-recipe-component .body-copy {
    padding: 0 0 15px 0;
  }
  .feature-recipe-component .body-copy .stand-alone-link:last-child {
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 1024px) {
  .feature-recipe-component {
    padding: 0;
  }
  .feature-recipe-component.mobile-background-image {
    padding-top: 0;
  }
  .feature-recipe-component .feature-recipe-content .recipe-content .cont-txt-recipe {
    max-width: 324px;
    margin: 40px 0 40px auto;
    padding: 0 30px;
  }
  .feature-recipe-component .body-copy {
    padding: 0 0 25px 0;
  }
  .feature-recipe-component .body-copy .stand-alone-link:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .feature-recipe-component {
    text-align: left;
  }
  .feature-recipe-component .feature-recipe-content {
    margin-bottom: 0;
  }
  .feature-recipe-component .feature-recipe-content .recipe-right-component {
    width: 100%;
  }
  .feature-recipe-component .feature-recipe-content .recipe-content.column.single {
    display: block;
    width: 100%;
  }
  .feature-recipe-component .feature-recipe-content .recipe-content.column.single .cont-txt-recipe {
    margin: 0;
    padding: 25px 20px;
    width: auto;
    display: block;
  }
  .feature-recipe-component .feature-recipe-content .recipe-content.column.single .cont-txt-recipe .body-copy {
    padding-bottom: 25px;
  }
  .feature-recipe-component.right .recipe-content.double {
    width: 100%;
  }
  .feature-recipe-component.right .recipe-content.single {
    text-align: left;
  }
}

.column .double img {
  width: 100%;
  height: 100%;
  display: block;
}

.search-component {
  display: -moz-flex;
  display: flex;
  -moz-align-items: center;
  align-items: center;
  -moz-justify-content: space-between;
  justify-content: space-between;
  padding: 15px 0;
  background-color: #988b83;
  border-bottom: 1px solid rgba(152, 139, 131, 0.5);
  /*#region tablet */
  /*#endregion */
  /*#region desktop */
  /*#endregion */
}
.search-component .search-container {
  margin: 0 auto;
  border: 1px solid #000;
  width: 90%;
}
.search-component .search-container input[type=text] {
  border: none;
  font-size: 15px;
  font-size: 1.5rem;
  background-color: #fff;
  font-family: "Open Sans";
  color: #000;
  text-transform: none;
  width: 85%;
}
.search-component .search-container input[type=text]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #000;
}
.search-component .search-container input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #000;
}
.search-component .search-container input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #000;
}
.search-component .search-container input[type=text]:-moz-placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: #000;
}
.search-component .search-container input[type=text]:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: #000;
}
.search-component .search-container input[type=text]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  font-family: "Open Sans";
  font-style: normal;
  color: #000;
}
.search-component .search-container input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  font-family: "Open Sans";
  font-style: normal;
  color: #000;
  opacity: 1;
}
.search-component .search-container input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
  font-family: "Open Sans";
  font-style: normal;
  color: #000;
  opacity: 1;
}
.search-component .search-container input[type=text]:-moz-placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  font-family: "Open Sans";
  font-style: normal;
  color: #000;
}
.search-component .search-container input[type=text]:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  font-family: "Open Sans";
  font-style: normal;
  color: #000;
}
.search-component .search-container button {
  float: right;
}
.search-component .search-container button img {
  width: 100%;
  height: auto;
  position: relative;
  top: 3px;
  right: 5px;
}
@media screen and (min-width: 768px) {
  .search-component {
    padding: 20px 0;
  }
  .search-component .search-container {
    height: 54px;
    width: 596px;
  }
  .search-component .search-container input[type=text] {
    height: 54px;
    width: 545px;
    background-color: #fff;
  }
  .search-component .search-container button img {
    top: 13px;
  }
}
@media screen and (min-width: 1024px) {
  .search-component {
    padding: 20px 0;
  }
  .search-component .search-container {
    height: 54px;
    width: 596px;
  }
  .search-component .search-container input[type=text] {
    height: 54px;
    width: 545px;
    font-size: 2rem;
    background-color: #fff;
  }
  .search-component .search-container button img {
    top: 13px;
  }
}

.search-filter {
  padding: 20px 0;
  border-top: 0 none;
  margin-bottom: 60px;
  background-color: #988b83;
}
.search-filter .inner {
  padding-right: 0;
  padding-left: 0;
  padding-top: 0 !important;
}
.search-filter .search-container {
  margin: 0 auto;
  background-color: white;
  border: 1px solid #000;
}
.search-filter .search-container input[type=text] {
  border: 0 none;
  width: 80% !important;
  outline: none;
  padding: 0 0 0 20px;
  height: 54px;
  font-size: 20px;
}
@media screen and (min-width: 1024px) {
  .search-filter .search-container input[type=text] {
    width: 90% !important;
  }
}
.search-filter .ui-menu {
  width: 100% !important;
  background-color: white;
  list-style-type: none;
  /*border:$search-content-border;*/
  border: 0px;
  left: 0px !important;
  outline: 1px solid #000;
  padding: 0;
}
.search-filter .ui-menu .ui-menu-item div {
  font-size: 21px;
  padding: 8px 16px;
  line-height: 1.2;
  cursor: pointer;
}
.search-filter .fa-search {
  font-size: 27px;
  margin: 13px;
}
.search-filter .ui-state-active,
.search-filter .ui-widget-content .ui-state-active,
.search-filter .ui-widget-header .ui-state-active,
.search-filter a.ui-button:active,
.search-filter .ui-button:active,
.search-filter .ui-button.ui-state-active:hover {
  background: rgba(152, 139, 131, 0.5);
}

.autocomplete-suggestions {
  box-sizing: border-box;
  border: 1px solid rgba(152, 139, 131, 0.5);
  background: #fff;
  cursor: default;
  overflow: auto;
  box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}
.autocomplete-suggestions strong {
  font-weight: bold;
  color: #000;
}
.autocomplete-suggestions .autocomplete-suggestion {
  padding: 10px 5px;
  white-space: nowrap;
  overflow: hidden;
}
.autocomplete-suggestions .autocomplete-no-suggestion {
  padding: 10px 5px;
}
.autocomplete-suggestions .autocomplete-selected {
  background: #F0F0F0;
}
.autocomplete-suggestions .autocomplete-group {
  padding: 2px 5px;
  font-weight: bold;
  font-size: 2rem;
  color: #000;
  display: block;
  border-bottom: 1px solid #000;
}

/*added for Saputo*/
/*end added*/
.product-short-sub-layout {
  padding: 30px 0 55px;
  background: repeat scroll center top;
}
.product-short-sub-layout > .inner hr {
  margin: -20px 0 20px;
  border-top: 3px solid rgba(102, 102, 102, 0.2);
}
.product-short-sub-layout .filter-jump-sub-layout:first-child {
  margin-top: -25px;
}
.product-short-sub-layout .grid-container {
  margin-bottom: 55px;
}
.product-short-sub-layout .grid-container .sub-head {
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
}
.product-short-sub-layout .grid-container .grid-item {
  /*.main-image {
      img {
          width: $prod-short-grid-item-mobile-img-width;
          margin: $prod-short-grid-item-img-horizontal-alignment;
      }
  }*/
  /*added for saputo*/
  /*added for saputo*/
}
.product-short-sub-layout .grid-container .grid-item:nth-child(1) {
  border-top: none;
}
.product-short-sub-layout .grid-container .grid-item:nth-child(2) {
  border-top: none;
}
.product-short-sub-layout .grid-container .grid-item:nth-child(3) {
  border-top: none;
}
.product-short-sub-layout .inner:last-child .grid-container {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .product-short-sub-layout {
    padding: 40px 0 50px;
  }
  .product-short-sub-layout .intro .headline {
    font-size: 30px;
    font-size: 3rem;
  }
  .product-short-sub-layout > .inner hr {
    margin-top: -15px;
    margin-bottom: 25px;
    border-top-width: 2px;
  }
  .product-short-sub-layout .filter-jump-sub-layout:first-child {
    margin-top: -35px;
  }
  .product-short-sub-layout .grid-container {
    margin-bottom: 10px;
    /*.grid-item {
        .main-image {
            img {
                width: $prod-short-grid-item-tablet-img-width;
                height: $prod_short-grid-item-tablet-img-height;
            }
        }
    }*/
  }
  .product-short-sub-layout .grid-container .sub-head {
    font-size: 23px;
    font-size: 2.3rem;
  }
}
@media screen and (min-width: 1024px) {
  .product-short-sub-layout {
    padding: 90px 0;
  }
  .product-short-sub-layout .intro .headline {
    font-size: 36px;
    font-size: 3.6rem;
  }
  .product-short-sub-layout .filter-jump-sub-layout:first-child {
    margin-top: -100px;
  }
  .product-short-sub-layout .grid-container .sub-head {
    font-size: 26px;
    font-size: 2.6rem;
  }
}

/*$faq-headline-font-family: null;
$faq-headline-font-weight: null;
$faq-headline-text-transform: null;
$faq-headline-font-color: null;

$faq-subhead-font-family: null;
$faq-subhead-text-transform: normal;
$faq-subhead-font-weight: null;
$faq-subhead-font-color: null;

$faq-headline-mobile-font-size: null;
$faq-subhead-mobile-font-size: null;
$faq-headline-tablet-font-size: null;
$faq-subhead-tablet-font-size: null;
$faq-headline-desktop-font-size: null;
$faq-subhead-desktop-font-size: null;
    */
.faq-sublayout {
  padding: 30px;
}
.faq-sublayout h1, .faq-sublayout h2, .faq-sublayout h3, .faq-sublayout h4, .faq-sublayout h5, .faq-sublayout h6 {
  padding: 0;
  margin: 0;
  padding: 20px 0;
}
.faq-sublayout h2, .faq-sublayout .headline {
  font-family: "BurfordBase", sans-serif;
  text-transform: inherit;
  font-weight: normal;
  color: #000;
  font-size: 32px;
  font-size: 3.2rem;
}
.faq-sublayout h3, .faq-sublayout .sub-head {
  font-family: inherit;
  text-transform: none;
  font-weight: normal;
  color: #000;
  line-height: normal;
  /*@include font-size($faq-headline-mobile-font-size);*/
}
.faq-sublayout h4, .faq-sublayout .sub-head {
  font-family: "BurfordBase", sans-serif;
  text-transform: none;
  font-weight: bold;
  color: #000;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: normal;
}
@media screen and (min-width: 768px) {
  .faq-sublayout {
    padding: 40px;
  }
  .faq-sublayout h2, .faq-sublayout .headline {
    font-size: 20px;
    font-size: 2rem;
  }
  .faq-sublayout h3, .faq-sublayout .sub-head {
    font-size: 23px;
    font-size: 2.3rem;
  }
}
@media screen and (min-width: 1024px) {
  .faq-sublayout {
    padding: 80px;
  }
  .faq-sublayout h2, .faq-sublayout .headline {
    font-size: 54px;
    font-size: 5.4rem;
  }
  .faq-sublayout h3, .faq-sublayout .sub-head {
    font-size: 32px;
    font-size: 3.2rem;
  }
}

/*#mobile thumbnails section*/
/*#end mobile thumbnails section*/
.edit .header {
  position: static;
}

.edit .content-placeholder-sub-layout-3-column .column {
  display: block;
}

@media screen and (min-width: 320px) {
  .container-slide-edit {
    text-align: center;
    padding: 20px;
    display: block;
  }
  .container-slide-edit .button {
    padding: 18px;
    border-width: 2px;
    min-width: 120px;
    text-align: center;
  }
  .container-slide-edit button:after {
    display: none;
  }
}
/*Reset placeholder min-height in order ro prevent a big empty space*/
.edit .content-placeholder .columns-container {
  min-height: 100px !important;
}

.edit .imageEdit {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
}

body.edit .cssmask section.hero-placeholder {
  margin-bottom: 0;
}

.edit .hero-placeholder-component-image {
  padding: 0;
  overflow: hidden;
  position: relative;
}

.edit .hero-placeholder-component-image .imageEdit {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.edit .hero-placeholder-component-image > .inner {
  z-index: 100;
}

.edit {
  /*#thumbnail region*/
  /*#endregion*/
  /*#nutrition section*/
  /*#endregion*/
  /*#Mobile section*/
  /*#endregion*/
  /*#Mobile Image for Hero text and Image and Hero Short*/
  /*#endregion*/
}
.edit .video-container.active-video iframe {
  z-index: 1;
  border: 1px solid #999;
  background-color: #efefef;
  width: 90%;
  margin-left: 5%;
  height: 82%;
  top: 10%;
}
.edit .cont-txt-recipe {
  width: auto;
}
.edit .content-placeholder-sub-layout-3-column .columns-container {
  display: table;
  width: 100%;
}
.edit .content-placeholder-sub-layout-3-column .columns-container .column {
  display: table-cell;
}
.edit .editThumbnailInformation {
  border: 2px solid #988b83;
  margin: 40px auto 0 auto;
  padding: 20px 0;
}
.edit .editThumbnailInformation .thumbnailToggle, .edit .editThumbnailInformation .thumbnailInformation {
  text-align: center;
}
.edit .editThumbnailInformation .thumbnailToggle {
  margin: 0 0 20px 0;
  padding: 8px 30px 8px 10px;
  border: 2px solid #988b83;
  font-family: "BurfordBase";
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  background-color: #988b83;
  cursor: pointer;
  cursor: hand;
}
.edit .editThumbnailInformation .thumbnailToggle:after {
  content: "\f078";
  display: inline-block;
  margin-left: 12px;
  font-family: "FontAwesome";
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
}
.edit .editThumbnailInformation .thumbnailInformation .thumbnailDescription {
  padding-top: 20px;
}
.edit .editThumbnailInformation .thumbnailInformation .thumbnailName {
  padding-top: 20px;
  font-family: "BurfordBase";
  text-transform: uppercase;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .edit .editThumbnailInformation {
    width: 485.3333333333px;
    padding: 20px 0;
  }
  .edit .editThumbnailInformation .thumbnailToggle {
    margin: 0 40px 20px 40px;
  }
}
@media screen and (min-width: 1024px) {
  .edit .editThumbnailInformation {
    width: 648px;
    padding: 30px 0;
  }
  .edit .editThumbnailInformation .thumbnailToggle {
    margin: 0 40px 20px 40px;
  }
}
.edit .editThumbnailNutritionInformation {
  border: 2px solid #988b83;
  margin: 40px auto 0 auto;
  padding: 20px 0;
}
.edit .editThumbnailNutritionInformation .thumbnailNutritionToggle, .edit .editThumbnailNutritionInformation .thumbnailNutritionInformation {
  text-align: center;
}
.edit .editThumbnailNutritionInformation .thumbnailNutritionToggle {
  margin: 0 0 20px 0;
  padding: 8px 30px 8px 10px;
  border: 2px solid #988b83;
  font-family: "BurfordBase";
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  background-color: #988b83;
  cursor: pointer;
  cursor: hand;
}
.edit .editThumbnailNutritionInformation .thumbnailNutritionToggle:after {
  content: "\f078";
  display: inline-block;
  margin-left: 12px;
  font-family: "FontAwesome";
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
}
.edit .editThumbnailNutritionInformation .thumbnailNutritionInformation .thumbnailNutritionDescription {
  padding-top: 20px;
}
.edit .editThumbnailNutritionInformation .thumbnailNutritionInformation .thumbnailNutritionName {
  text-align: left;
  color: #666;
  font-size: 36px;
  font-size: 3.6rem;
  font-family: "Open Sans";
  text-transform: uppercase;
  line-height: normal;
}
.edit .editThumbnailNutritionInformation .thumbnailNutritionInformation .thumbnailNutritionImage img {
  width: 245px;
}
@media screen and (min-width: 768px) {
  .edit .editThumbnailNutritionInformation {
    width: 485.3333333333px;
    padding: 20px 0;
  }
  .edit .editThumbnailNutritionInformation .thumbnailNutritionToggle {
    margin: 0 40px 20px 40px;
  }
  .edit .editThumbnailNutritionInformation .thumbnailNutritionImage {
    margin-right: 40px;
  }
  .edit .editThumbnailNutritionInformation .thumbnailNutritionInformation {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .edit .editThumbnailNutritionInformation {
    width: 648px;
    padding: 30px 0;
  }
  .edit .editThumbnailNutritionInformation .thumbnailNutritionToggle {
    margin: 0 40px 20px 40px;
  }
  .edit .editThumbnailNutritionInformation .thumbnailNutritionInformation {
    display: flex;
  }
  .edit .editThumbnailNutritionInformation .thumbnailNutritionInformation .thumbnailNutritionName, .edit .editThumbnailNutritionInformation .thumbnailNutritionInformation .thumbnailNutritionDescription {
    padding: 0 20px 0 40px;
  }
  .edit .editThumbnailNutritionInformation .thumbnailNutritionImage {
    margin-right: 40px;
  }
  .edit .editThumbnailNutritionInformation .thumbnailNutritionImage img {
    width: 330px;
  }
}
.edit .editMobileInformation {
  border: 2px solid #988b83;
  margin: 40px auto 0 auto;
  padding: 20px 0;
}
.edit .editMobileInformation .mobileToggle, .edit .editMobileInformation .mobileInformation {
  text-align: center;
}
.edit .editMobileInformation .mobileToggle {
  margin: 0 0 20px 0;
  padding: 8px 30px 8px 10px;
  border: 2px solid #988b83;
  font-family: "BurfordBase";
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  background-color: #988b83;
  cursor: pointer;
  cursor: hand;
}
.edit .editMobileInformation .mobileToggle:after {
  content: "\f078";
  display: inline-block;
  margin-left: 12px;
  font-family: "FontAwesome";
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
}
.edit .editMobileInformation .mobileInformation .thumbnailNutritionDescription {
  padding-top: 20px;
}
.edit .editMobileInformation .mobileInformation .mobileRight .mobileImage img {
  width: 245px;
}
.edit .editMobileInformation .mobileInformation .mobileLeft .mobileImage img {
  width: 150px;
}
@media screen and (min-width: 768px) {
  .edit .editMobileInformation {
    width: 485.3333333333px;
    padding: 20px 0;
  }
  .edit .editMobileInformation .mobileToggle {
    margin: 0 40px 20px 40px;
  }
  .edit .editMobileInformation .mobileInformation {
    display: flex;
  }
  .edit .editMobileInformation .mobileInformation .mobileLeft, .edit .editMobileInformation .mobileInformation .mobileRight {
    margin: 0 auto;
  }
  .edit .editMobileInformation .mobileInformation .mobileRight .mobileImage img {
    width: 190px;
  }
  .edit .editMobileInformation .mobileInformation .mobileImage img {
    border: 2px solid #988b83;
  }
}
@media screen and (min-width: 1024px) {
  .edit .editMobileInformation {
    width: 648px;
    padding: 30px 0;
  }
  .edit .editMobileInformation .mobileToggle {
    margin: 0 40px 20px 40px;
  }
  .edit .editMobileInformation .mobileInformation {
    display: flex;
  }
  .edit .editMobileInformation .mobileInformation .mobileLeft, .edit .editMobileInformation .mobileInformation .mobileRight {
    margin: 0 auto;
  }
  .edit .editMobileInformation .mobileInformation .mobileRight .mobileImage img {
    width: 245px;
  }
  .edit .editMobileInformation .mobileInformation .mobileImage img {
    border: 2px solid #988b83;
  }
}
.edit .hero-placeholder-component-image .heroImgMobile {
  z-index: 1;
  position: absolute;
  top: 10px;
  right: 10px;
}
.edit .hero-placeholder-component-image .heroImgMobile img {
  max-width: 300px;
  max-height: 200px;
}
.edit .recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel {
  flex-wrap: wrap;
}
.edit .recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel .grid-item-carrousel {
  width: 30%;
  padding: 0;
  min-width: 275px;
  margin-right: 1em;
}
.edit .recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .inner.has-learn-text {
  height: auto;
}
.edit .product-brand-sub-layout.grid-view.product-short .grid-container-carrousel {
  flex-wrap: wrap;
}
.edit .product-brand-sub-layout.grid-view.product-short .grid-container-carrousel .grid-item-carrousel {
  width: 30%;
  padding: 0;
  min-width: 275px;
  margin-right: 1em;
}
.edit .product-brand-sub-layout.grid-view.product-short .inner.has-learn-text {
  height: auto;
}

/*B2C*/
/*For recipe sublayout only when recipe short*/
/*#Awards Short Section*/
@media screen and (min-width: 768px) {
  .awards-short .columns-container .column .sub-head {
    min-height: 41px;
    vertical-align: middle;
    display: table;
    margin-right: 0;
    margin-left: 0;
    font-size: 19px;
    font-size: 1.9rem;
  }
  .awards-short .columns-container .column .sub-head span {
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1024px) {
  .awards-short .columns-container .column .sub-head {
    min-height: 52px;
    vertical-align: middle;
    display: table;
    margin-right: 0;
    margin-left: 0;
    font-size: 26px;
    font-size: 2.6rem;
  }
  .awards-short .columns-container .column .sub-head span {
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (max-width: 767px) {
  .awards-short .columns-container .column.single h4 {
    min-height: auto !important;
  }
}

/*#end section*/
/*#Pairing Short and Recipe Short Section*/
@media screen and (min-width: 768px) {
  .pairing-short .grid-container .grid-item .sub-head, .recipes-short-variation .grid-container .grid-item .sub-head {
    min-height: 41px;
    vertical-align: middle;
    display: table;
    margin-right: 0;
    margin-left: 0;
    font-size: 19px;
    font-size: 1.9rem;
  }
  .pairing-short .grid-container .grid-item .sub-head span, .recipes-short-variation .grid-container .grid-item .sub-head span {
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1024px) {
  .pairing-short, .recipes-short-variation {
    padding: r;
  }
  .pairing-short .grid-container .grid-item .sub-head, .recipes-short-variation .grid-container .grid-item .sub-head {
    min-height: 52px;
    vertical-align: middle;
    display: table;
    margin-right: 0;
    margin-left: 0;
    font-size: 26px;
    font-size: 2.6rem;
  }
  .pairing-short .grid-container .grid-item .sub-head span, .recipes-short-variation .grid-container .grid-item .sub-head span {
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (max-width: 767px) {
  .pairing-short .grid-container .grid-item .sub-head, .recipes-short-variation .grid-container .grid-item .sub-head {
    min-height: auto !important;
  }
}

.recipes-short-variation .headlines {
  text-align: left;
}

/*#end section*/
/*#Event Short, Product Short and Brand Short Section*/
@media screen and (min-width: 768px) {
  .event-short-sub-layout .grid-container .grid-item .sub-head, .product-short .grid-container .grid-item .sub-head, .brand-short .grid-container .grid-item .sub-head {
    min-height: 41px;
    vertical-align: middle;
    display: table;
    margin-right: 0;
    margin-left: 0;
    font-size: 19px;
    font-size: 1.9rem;
  }
  .event-short-sub-layout .grid-container .grid-item .sub-head a, .product-short .grid-container .grid-item .sub-head a, .brand-short .grid-container .grid-item .sub-head a {
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1024px) {
  .event-short-sub-layout .grid-container .grid-item .sub-head, .product-short .grid-container .grid-item .sub-head, .brand-short .grid-container .grid-item .sub-head {
    min-height: 52px;
    vertical-align: middle;
    display: table;
    margin-right: 0;
    margin-left: 0;
    font-size: 26px;
    font-size: 2.6rem;
  }
  .event-short-sub-layout .grid-container .grid-item .sub-head a, .product-short .grid-container .grid-item .sub-head a, .brand-short .grid-container .grid-item .sub-head a {
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (max-width: 767px) {
  .event-short-sub-layout .grid-container .grid-item .sub-head, .product-short .grid-container .grid-item .sub-head, .brand-short .grid-container .grid-item .sub-head {
    min-height: auto !important;
  }
}

/*#Product Short and Brand Short Section fonts*/
@media screen and (min-width: 768px) {
  .product-short .grid-container .grid-item .sub-head, .brand-short .grid-container .grid-item .sub-head {
    font-size: 23px;
    font-size: 2.3rem;
  }
}
@media screen and (min-width: 1024px) {
  .product-short .grid-container .grid-item .sub-head, .brand-short .grid-container .grid-item .sub-head {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 767px) {
  .product-short .grid-container .grid-item .sub-head, .brand-short .grid-container .grid-item .sub-head {
    min-height: auto !important;
  }
}

/*#end section*/
/*fix content short 1column-start*/
.product-short, .brand-short, .awards-short, .event-short-sub-layout {
  padding: 40px 0;
}

.content-placeholder-sub-layout-3-column-t .intro {
  padding: 40px 0;
}

.awards-short .intro {
  padding: 0;
}

@media screen and (min-width: 1024px) {
  .product-short, .brand-short, .awards-short, .event-short-sub-layout {
    padding: 90px 0;
  }
}
/*bug-1600*/
.intro.side-by-side .body-copy p {
  text-align: left;
}

/*$generic-grid-text-content-padding-top: 10px;
$generic-grid-h4-padding-top-tablet: 10px;
$generic-grid-h4-padding-top-desktop: 10px;*/
/*added for saputo*/
/**/
/*end added*/
.generic-grid-sub-layout {
  background-color: #eee;
  /*#region grid view */
  /*#endregion */
  /*#region list view */
  /*#endregion */
}
.generic-grid-sub-layout .items-container {
  overflow: visible !important;
}
.generic-grid-sub-layout .items-container:after {
  clear: both;
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
}
.generic-grid-sub-layout .content-container {
  padding: 25px 0 45px;
}
.generic-grid-sub-layout .product-brand h3 {
  font-family: "Open Sans";
  line-height: 1.05em;
  letter-spacing: normal;
  font-weight: bold;
  color: #666;
  text-transform: uppercase;
  font-size: 30px;
  font-size: 3rem;
}
.generic-grid-sub-layout .product-brand h4 {
  /*@include set-font-with-properties($generic-grid-header-font-family);*/
  color: #666;
  font-size: 23px;
  font-size: 2.3rem;
  font-family: "Open Sans";
}
@media screen and (min-width: 768px) {
  .generic-grid-sub-layout .content-container {
    padding: 35px 0 50px;
  }
  .generic-grid-sub-layout .text-content {
    /*padding-top: $generic-grid-text-content-padding-top;*/
  }
}
@media screen and (min-width: 1024px) {
  .generic-grid-sub-layout .content-container {
    padding: 70px 0 85px;
  }
  .generic-grid-sub-layout .text-content {
    /*padding-top: $generic-grid-text-content-padding-top;*/
  }
}
.generic-grid-sub-layout.grid-view .items-container {
  margin-bottom: -23px;
  overflow: visible;
}
.generic-grid-sub-layout.grid-view .items-container .product-brand {
  margin-bottom: 23px;
}
.generic-grid-sub-layout.grid-view .items-container .product-brand:last-child {
  margin-bottom: 0;
}
.generic-grid-sub-layout.grid-view .items-container .product-brand .main-image {
  display: block;
  margin-bottom: 20px;
}
.generic-grid-sub-layout.grid-view .items-container .product-brand .main-image:last-child {
  margin-bottom: 0;
}
.generic-grid-sub-layout.grid-view .items-container .product-brand .main-image img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .generic-grid-sub-layout.grid-view .items-container {
    margin-bottom: -23px;
    overflow: auto;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand {
    float: left;
    box-sizing: border-box;
    width: 33.3333333333%;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand:last-child {
    margin-bottom: 23px;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand:nth-child(3n+1) {
    clear: left;
    padding-right: 12px;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand:nth-child(3n+2) {
    padding: 0 6px;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand:nth-child(3n+3) {
    padding-left: 12px;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand .text-content {
    padding-right: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .generic-grid-sub-layout.grid-view .items-container {
    margin-bottom: -45px;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand {
    margin-bottom: 45px;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand:last-child {
    margin-bottom: 45px;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand:nth-child(3n+1) {
    padding-right: 10px;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand:nth-child(3n+2) {
    padding: 0 5px;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand:nth-child(3n+3) {
    padding-left: 10px;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand .text-content {
    padding-right: 20px;
  }
}
.generic-grid-sub-layout.grid-view .items-container .product-brand {
  float: left;
  box-sizing: border-box;
  margin-bottom: 23px;
}
.generic-grid-sub-layout.grid-view .items-container .product-brand img {
  display: block;
  width: 100%;
}
.generic-grid-sub-layout.grid-view .items-container .product-brand .main-image {
  margin-bottom: 8px;
}
.generic-grid-sub-layout.grid-view .items-container .product-brand h3 {
  margin-bottom: 0;
  font-size: 30px;
  font-size: 3rem;
  padding-top: 10px;
}
.generic-grid-sub-layout.grid-view .items-container .product-brand h4 {
  font-size: 20px;
  font-size: 2rem;
  padding-top: 10px;
  font-family: "Open Sans";
}
.generic-grid-sub-layout.grid-view .items-container .product-brand .description {
  display: none;
}
.generic-grid-sub-layout.grid-view .items-container .product-brand .cta-container {
  display: none;
}
@media screen and (max-width: 767px) {
  .generic-grid-sub-layout.grid-view .items-container .product-brand {
    width: 50%;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand:nth-child(odd) {
    padding-right: 8px;
    clear: left;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand:nth-child(even) {
    padding-left: 8px;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand h3 {
    min-height: auto !important;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand h4 {
    min-height: auto !important;
  }
}
@media screen and (min-width: 768px) {
  .generic-grid-sub-layout.grid-view .items-container .product-brand {
    margin-bottom: 45px;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand h3 {
    font-size: 26px;
    font-size: 2.6rem;
    /*min-height: $generic-grid-h3-min-height-tablet;*/
    vertical-align: middle;
    display: table;
    margin-right: 0;
    margin-left: 0;
    padding-top: 20px;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand h3 span {
    display: table-cell;
    vertical-align: middle;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand h4 {
    /*padding-top: $generic-grid-h4-padding-top-tablet;*/
    font-size: 20px;
    font-size: 2rem;
    vertical-align: middle;
    display: table;
    margin-right: 0;
    margin-left: 0;
    padding-top: 10px;
    /*font-family: $generic-grid-header-font-family;*/
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand h4 span {
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (min-width: 1024px) {
  .generic-grid-sub-layout.grid-view .items-container .product-brand {
    margin-bottom: 30px;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand .main-image {
    margin-bottom: 20px;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand h3 {
    font-size: 30px;
    font-size: 3rem;
    /*min-height: $generic-grid-h3-min-height-desktop;*/
    vertical-align: middle;
    display: table;
    margin-right: 0;
    margin-left: 0;
    padding-top: 20px;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand h3 span {
    display: table-cell;
    vertical-align: middle;
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand h4 {
    /*padding-top: $generic-grid-h4-padding-top-desktop;*/
    padding-top: 10px;
    font-size: 20px;
    font-size: 2rem;
    vertical-align: middle;
    display: table;
    margin-right: 0;
    margin-left: 0;
    /*font-family: $generic-grid-header-font-family;*/
  }
  .generic-grid-sub-layout.grid-view .items-container .product-brand h4 span {
    display: table-cell;
    vertical-align: middle;
  }
}
.generic-grid-sub-layout.list-view .items-container .product-brand {
  margin-bottom: 35px;
}
.generic-grid-sub-layout.list-view .items-container .product-brand:last-child {
  margin-bottom: 0;
}
.generic-grid-sub-layout.list-view .items-container .product-brand .main-image {
  display: block;
  margin-bottom: 15px;
}
.generic-grid-sub-layout.list-view .items-container .product-brand .main-image img {
  display: block;
  width: 100%;
}
.generic-grid-sub-layout.list-view .items-container .product-brand h3 {
  font-size: 30px;
  font-size: 3rem;
}
.generic-grid-sub-layout.list-view .items-container .product-brand h4 {
  font-size: 20px;
  font-size: 2rem;
  font-family: "Open Sans";
}
@media screen and (min-width: 768px) {
  .generic-grid-sub-layout.list-view .items-container .product-brand {
    display: -moz-flex;
    display: flex;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -moz-align-items: center;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 2px solid rgba(102, 102, 102, 0.2);
  }
  .generic-grid-sub-layout.list-view .items-container .product-brand:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .generic-grid-sub-layout.list-view .items-container .product-brand .main-image {
    box-sizing: border-box;
    width: 230.6666666667px;
    margin-bottom: 0;
  }
  .generic-grid-sub-layout.list-view .items-container .product-brand .text-content {
    box-sizing: border-box;
    width: 485.3333333333px;
    padding-left: 20px;
  }
  .generic-grid-sub-layout.list-view .items-container .product-brand h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
  .generic-grid-sub-layout.list-view .items-container .product-brand h4 {
    /*padding-top: $generic-grid-h4-padding-top-tablet;*/
    font-size: 20px;
    font-size: 2rem;
    /*font-family: $generic-grid-header-font-family;*/
  }
}
@media screen and (min-width: 1024px) {
  .generic-grid-sub-layout.list-view .items-container .product-brand .main-image {
    width: 314px;
    margin-right: 10px;
  }
  .generic-grid-sub-layout.list-view .items-container .product-brand .text-content {
    width: 648px;
    padding-left: 30px;
  }
  .generic-grid-sub-layout.list-view .items-container .product-brand h3 {
    font-size: 30px;
    font-size: 3rem;
  }
  .generic-grid-sub-layout.list-view .items-container .product-brand h4 {
    /*padding-top: $generic-grid-h4-padding-top-desktop;*/
    font-size: 20px;
    font-size: 2rem;
    /*font-family: $generic-grid-header-font-family;*/
  }
}

.content-placeholder + .generic-grid-sub-layout .filter-jump-sub-layout {
  margin: !important;
}
/*B2C*/
/*Knockout*/
/*Knockout*/
/*Knockout*/
.multiple-filter-jump-sub-layout {
  padding-bottom: 20px;
  position: relative;
}
.multiple-filter-jump-sub-layout .filter-text {
  display: block;
  text-align: center;
  margin-bottom: 0;
  padding: 10px 0;
  font-size: 13px;
  font-size: 1.3rem;
  color: #988b83;
  text-transform: lowercase;
  font-family: "Open Sans";
  font-weight: bold;
}
.multiple-filter-jump-sub-layout button {
  padding: 0;
  border: 0;
  text-transform: uppercase;
  font-family: "Open Sans";
  letter-spacing: 0;
}
.multiple-filter-jump-sub-layout .multiple-filter-content {
  border-bottom: none;
  border-top: none;
  background-color: #988b83;
  position: relative;
}
.multiple-filter-jump-sub-layout .multiple-filter-content .inner {
  margin: auto;
  font-family: "Open Sans";
  text-transform: lowercase;
  letter-spacing: 1px;
  width: 100%;
  padding: 0;
}
.multiple-filter-jump-sub-layout ul, .multiple-filter-jump-sub-layout ol {
  list-style: none;
}
.multiple-filter-jump-sub-layout .nav-categories {
  display: -moz-flex;
  display: flex;
  -moz-justify-content: space-between;
  justify-content: space-between;
  font-family: "Open Sans";
  padding: 0;
}
.multiple-filter-jump-sub-layout .nav-categories li .category-value {
  background-color: #988b83;
  color: #fff;
  text-decoration: none;
  padding: 10px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.5;
  cursor: pointer;
  cursor: hand;
}
.multiple-filter-jump-sub-layout .nav-categories li .category-value span::-moz-selection {
  background: transparent !important;
}
.multiple-filter-jump-sub-layout .nav-categories li .category-value.selected {
  background-color: #999;
}
.multiple-filter-jump-sub-layout .nav-categories li .category-value.selected span {
  color: #fff;
  text-decoration: none;
  border-style: none;
  border-width: 0 0 0 0;
  padding-bottom: 0;
  font-weight: bold;
}
.multiple-filter-jump-sub-layout .nav-categories li ul {
  position: absolute;
  width: 100%;
  border: none;
  left: 0;
  top: 100%;
  padding: 0;
  z-index: 1;
  background-color: #988b83;
}
.multiple-filter-jump-sub-layout .nav-categories li ul li {
  position: relative;
}
.multiple-filter-jump-sub-layout .nav-categories li:hover > ul {
  display: block;
}
.multiple-filter-jump-sub-layout .nav-categories .category {
  color: #ccc;
  border-left: 1px solid #988b83;
  background-color: #333;
  font-weight: bold;
}
.multiple-filter-jump-sub-layout .nav-categories .category button {
  font-family: "Open Sans";
  letter-spacing: 0;
}
.multiple-filter-jump-sub-layout .nav-categories .category.current-selection {
  color: #fff;
  position: relative;
  display: -moz-flex;
  display: flex;
  justify-content: inherit;
  cursor: pointer;
}
.multiple-filter-jump-sub-layout .nav-categories .category.current-selection.open {
  color: #999;
}
.multiple-filter-jump-sub-layout .nav-categories .category.current-selection.open:after {
  content: "\f077";
  font-family: "Fontawesome";
}
.multiple-filter-jump-sub-layout .nav-categories .category.current-selection:after {
  content: "\f078";
  display: inline-block;
  margin-left: 12px;
  font-family: "Fontawesome";
  font-size: 10px;
  font-size: 1rem;
  color: #fff;
}
.multiple-filter-jump-sub-layout .nav-categories .category .category-values {
  display: none;
}
.multiple-filter-jump-sub-layout .nav-categories .category:last-child {
  border-right: 1px solid #988b83;
}
.multiple-filter-jump-sub-layout .clear-button {
  position: absolute;
  bottom: -30px;
  right: 0;
}
.multiple-filter-jump-sub-layout .clear-button li.clear-values {
  color: #000;
  cursor: pointer;
}
.multiple-filter-jump-sub-layout .clear-button li.clear-values::after {
  content: "\f00d";
  font-family: "FontAwesome";
  font-size: 1rem;
  padding-left: 5px;
}
.multiple-filter-jump-sub-layout button.clear-values {
  color: #000;
  cursor: pointer;
  text-transform: none;
  display: flex;
  align-items: center;
  margin: 1rem 0;
}
.multiple-filter-jump-sub-layout button.clear-values::after {
  content: "\f00d";
  font-family: "FontAwesome";
  font-size: 2rem;
  padding-left: 5px;
}
.multiple-filter-jump-sub-layout .nav-categories > li {
  float: left;
  background-color: #fff;
  padding: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .multiple-filter-jump-sub-layout {
    padding-bottom: 40px;
  }
  .multiple-filter-jump-sub-layout .filter-text {
    display: none;
  }
  .multiple-filter-jump-sub-layout .multiple-filter-content .inner {
    max-width: 716px;
  }
  .multiple-filter-jump-sub-layout .nav-categories > li {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px;
  }
  .multiple-filter-jump-sub-layout .nav-categories li ul {
    top: 100%;
  }
  .multiple-filter-jump-sub-layout .nav-categories li .category-value {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .multiple-filter-jump-sub-layout {
    padding-bottom: 50px;
  }
  .multiple-filter-jump-sub-layout filter-text {
    display: none;
  }
  .multiple-filter-jump-sub-layout .multiple-filter-content .inner {
    max-width: 962px;
  }
  .multiple-filter-jump-sub-layout .nav-categories > li {
    font-size: 20px;
    font-size: 2rem;
    padding: 20px;
  }
  .multiple-filter-jump-sub-layout .nav-categories li ul {
    top: 100%;
  }
  .multiple-filter-jump-sub-layout .nav-categories li .category-value {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .multiple-filter-jump-sub-layout .multiple-filter-content .nav-categories > li:first-child {
    display: none;
  }
  .multiple-filter-jump-sub-layout .multiple-filter-content .nav-categories .category:nth-child(2) {
    border-left: none;
  }
  .multiple-filter-jump-sub-layout .multiple-filter-content .nav-categories .category:last-child {
    border-right: none;
  }
}

/*#Filter with Toggle Grid/List Component */
.toggle + .filter-jump-sub-layout {
  margin-bottom: 0;
  margin-top: -1px;
}

@media screen and (min-width: 768px) {
  .toggle + .filter-jump-sub-layout {
    margin-top: -39px;
  }
}
@media screen and (min-width: 1024px) {
  .toggle + .filter-jump-sub-layout {
    margin-top: -59px;
  }
}
/*#endregion */
.toggle {
  position: relative;
  z-index: 1;
}

.jumper .left-container ul {
  display: -moz-flex;
  display: flex;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  padding: 25px 0;
}
.jumper .left-container ul li a {
  display: block;
  width: 100%;
}
.jumper .left-container .title {
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  color: black;
}
@media screen and (max-width: 767px) {
  .jumper .left-container .title {
    width: 100%;
  }
}
.jumper .left-container .selected a {
  text-decoration: underline;
  color: #c33;
  font-weight: bold;
}
.jumper .left-container li {
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .jumper .left-container li {
    padding: 0.2rem;
  }
}
.jumper .left-container li a {
  color: black;
  text-decoration: none;
}

.left-nav {
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .left-nav {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    padding: 0 20px;
  }
}
@media screen and (min-width: 1024px) {
  .left-nav {
    max-width: 1024px;
    padding-right: 26px;
    padding-left: 26px;
  }
}
.left-nav .left-container {
  width: 33.33%;
}
@media screen and (max-width: 767px) {
  .left-nav .left-container {
    width: 100%;
  }
}
.left-nav .left-container .selected a {
  text-decoration: underline;
  color: #c33;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .left-nav .left-container .selected a {
    color: #ededed;
  }
}
.left-nav .left-container ul {
  list-style: none;
  padding: 50px 20px;
}
@media screen and (max-width: 767px) {
  .left-nav .left-container ul {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .left-nav .left-container ul {
    padding: 35px 20px;
  }
}
.left-nav .left-container ul li {
  background: #ededed;
  padding: 10px;
  margin: 0px;
  position: relative;
  text-align: center;
  border-bottom: 1px solid rgba(102, 102, 102, 0.2);
  font-weight: bold;
}
.left-nav .left-container ul li a {
  color: black;
  font-weight: normal;
  text-decoration: none;
  width: 100%;
  display: block;
}
.left-nav .left-container ul li.selected {
  background: none;
}
@media screen and (max-width: 767px) {
  .left-nav .left-container ul li.selected {
    background: none;
  }
}
.left-nav .left-container .title {
  color: black;
  background: none;
  font-size: 22px;
  font-size: 2.2rem;
  text-transform: uppercase;
}
.left-nav .left-container .selected::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #c33;
  position: absolute;
  right: 1em;
  display: none;
}
@media screen and (max-width: 767px) {
  .left-nav .left-container .selected::after {
    display: none;
  }
}
.left-nav .right-container {
  width: 66.66%;
}
@media screen and (max-width: 767px) {
  .left-nav .right-container {
    width: 100%;
  }
}
.left-nav .right-container .single {
  width: 100%;
  /*.content-placeholder-component {
      padding: 0;

      .content {
          margin-left: 0;
          width: 100%;
          padding: 0 !important;
      }
  }*/
}
.left-nav .right-container .double {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .left-nav .right-container .double {
    width: 66%;
  }
}
@media screen and (min-width: 768px) {
  .left-nav .right-container .single {
    width: 33%;
  }
  .left-nav .right-container .double {
    width: 66%;
  }
  .left-nav .right-container .triple {
    width: 100%;
  }
  .left-nav .right-container .hh {
    width: 50%;
  }
}
.left-nav .accordion {
  display: block;
  margin: 0 auto;
  padding: 50px 0px 20px 0;
}
@media screen and (max-width: 767px) {
  .left-nav .accordion {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .left-nav .accordion {
    padding: 35px 20px 20px 0;
  }
}
.left-nav .accordion .title {
  color: #c33;
  background: none;
  font-size: 22px;
  font-size: 2.2rem;
  padding: 10px;
  margin: 2px;
  font-weight: bold;
}
.left-nav .accordion section:hover .sectiontit {
  color: #c33;
}
.left-nav .accordion section .sectiontit {
  font-size: 1.2em;
  margin: 2px;
  color: black;
  padding: 10px;
  background: #ededed;
  line-height: 1.25em;
  display: block;
  cursor: pointer;
  transition: 0.1s all;
}
.left-nav .accordion section .sectioncont {
  display: none;
}
.left-nav .accordion section .sectioncont h1 {
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  padding: 1em 1em 0 1em;
}
.left-nav .accordion section .sectioncont h2 {
  font-size: 1.3em;
  font-weight: normal;
  margin: 2em 0 0 0;
}
.left-nav .accordion section .sectioncont p {
  padding: 1em;
}

.filter-liner-layout {
  background: #e31b23;
  margin: 1em 0;
  padding: 1em 0;
}
@media screen and (max-width: 767px) {
  .filter-liner-layout {
    padding: 0;
  }
}
.filter-liner-layout .inner {
  display: -moz-flex;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .filter-liner-layout .inner {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .filter-liner-layout .inner {
    padding: 0;
  }
}
.filter-liner-layout .filterLiner {
  display: -moz-inline-flex;
  display: inline-flex;
  -moz-flex-direction: row;
  flex-direction: row;
  -moz-justify-content: space-around;
  justify-content: space-around;
  color: white;
  width: 100%;
  padding: 1em 0;
}
@media screen and (min-width: 1024px) {
  .filter-liner-layout .filterLiner {
    width: 50%;
    margin-right: 5%;
  }
}
.filter-liner-layout .filterLiner .filterLinerCont {
  overflow: hidden;
  width: 90%;
  position: relative;
  align-self: center;
}
@media screen and (max-width: 767px) {
  .filter-liner-layout .filterLiner .filterLinerCont {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.filter-liner-layout .filterLiner .filterLinerCont ul {
  display: -moz-inline-flex;
  display: inline-flex;
  list-style: none;
  -moz-justify-content: space-around;
  justify-content: space-around;
  margin: 0;
  padding: 0;
  position: relative;
  right: 0;
  /*li {
      padding: 1em;
  }*/
}
.filter-liner-layout .filterLiner .filterLinerCont ul .filter-option-selected {
  background-color: white;
  color: #e31b23;
  border-radius: 0.5em;
}
.filter-liner-layout .filterLiner .filterLinerCont ul li {
  transition: 0.2s all;
  padding: 0 0.5em;
  cursor: pointer;
  display: inline-table;
}
.filter-liner-layout .filterLiner .arrowL, .filter-liner-layout .filterLiner .arrowR {
  font-weight: bold;
  align-self: center;
  cursor: pointer;
  position: relative;
}
.filter-liner-layout .filterLiner .arrowL:after {
  content: "";
  height: 100%;
  width: 25px;
  position: absolute;
  z-index: 1;
  left: 12px;
  background: linear-gradient(to right, rgb(227, 27, 35) 0%, rgba(125, 185, 232, 0) 100%);
  background: -moz-linear-gradient(to right, rgb(227, 27, 35) 0%, rgba(125, 185, 232, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e31b23", endColorstr="#007db9e8",GradientType=1 );
}
.filter-liner-layout .filterLiner .arrowR:after {
  content: "";
  height: 100%;
  width: 25px;
  position: absolute;
  right: 12px;
  z-index: 1;
  background: linear-gradient(left, rgba(125, 185, 232, 0) 0%, rgb(227, 27, 35) 100%);
  background: -moz-linear-gradient(left, rgba(125, 185, 232, 0) 0%, rgb(227, 27, 35) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#007db9e8", endColorstr="#e31b23",GradientType=1 );
}
.filter-liner-layout .search-filter {
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}
.filter-liner-layout .search-filter .search-container {
  width: 100%;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .filter-liner-layout .search-filter {
    width: 45%;
  }
}
.filter-liner-layout .search-filter .ui-widget {
  width: 100%;
}
.filter-liner-layout .search-filter .ui-widget input {
  width: 80% !important;
}
.filter-liner-layout .search-filter .ui-widget button {
  width: 10% !important;
}

.stockQuoteComponent {
  height: 100%;
  background: #c33;
  color: #fff;
  padding: 0 2em;
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: center;
  justify-content: center;
}
.stockQuoteComponent h3 {
  margin-bottom: 2em;
  color: #fff;
}
.stockQuoteComponent .date {
  margin: 0;
  font-size: 0.8em;
}
.stockQuoteComponent ul.table {
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.8em;
}
.stockQuoteComponent ul.table li {
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  background-color: #fff;
  margin-bottom: 2px;
}
.stockQuoteComponent ul.table li p {
  color: #c33;
  width: 50%;
  padding: 0.5em;
  margin: 0;
  align-self: center;
}
.stockQuoteComponent ul.table li p:last-child {
  color: #c33;
  text-align: right;
  font-weight: bold;
  font-size: 1.2em;
}
.stockQuoteComponent ul.table li:first-child {
  background-color: transparent;
}
.stockQuoteComponent ul.table li:first-child p {
  color: #fff;
  padding: 0.5em 0;
}
.stockQuoteComponent .dateBottom {
  font-size: 0.7em;
  text-align: right;
  margin: 0;
}
.stockQuoteComponent .data {
  font-size: 0.7em;
  margin-top: 5em;
}

.filter-liner-jump-to .inner .select-container {
  -moz-align-items: center;
  align-items: center;
  display: -moz-flex;
  display: flex;
  width: 45%;
  padding: 0.5em;
  position: relative;
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .filter-liner-jump-to .inner .select-container {
    width: 100%;
    padding: 0.2em;
  }
}
@media screen and (min-width: 768px) {
  .filter-liner-jump-to .inner .select-container {
    width: 70%;
  }
}
.filter-liner-jump-to .inner .select-container:after {
  content: "▼";
  align-self: center;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: center;
  justify-content: center;
  z-index: 0;
  right: 53px;
  width: 5%;
  font-size: 0.8em;
  font-family: "FontAwesome";
  color: white;
  background-color: transparent;
  text-align: center;
  background: #c91f25;
  border-radius: 0.2em;
  border-left: 1px solid #f6747a;
  color: white;
  padding: 0.57em;
}
@media screen and (min-width: 768px) {
  .filter-liner-jump-to .inner .select-container:after {
    border-left: none;
    border-right: 1px solid #f6747a;
    border-top: 1px solid #f6747a;
    border-bottom: 1px solid #f6747a;
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .filter-liner-jump-to .inner .select-container:after {
    height: 100%;
    width: 10%;
    padding: 0;
    right: 0;
    border-left: none;
    border-right: 1px solid #f6747a;
    border-top: 1px solid #f6747a;
    border-bottom: 1px solid #f6747a;
  }
}
.filter-liner-jump-to .inner .select-container label {
  text-transform: uppercase;
  color: white;
  padding: 0.5em;
  min-width: 30%;
}
@media screen and (max-width: 767px) {
  .filter-liner-jump-to .inner .select-container label {
    min-width: 25%;
    font-size: 1.5rem;
    text-align: center;
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .filter-liner-jump-to .inner .select-container label {
    min-width: 25%;
  }
}
.filter-liner-jump-to .inner .select-container select.jumperSelect {
  background: #c91f25;
  width: 50%;
  border-radius: 0.2em;
  border: 1px solid #f6747a;
  color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0.5em;
  height: auto;
}
@media screen and (max-width: 767px) {
  .filter-liner-jump-to .inner .select-container select.jumperSelect {
    height: 100%;
    width: 60%;
    padding: 0 8px;
  }
}
@media screen and (min-width: 768px) {
  .filter-liner-jump-to .inner .select-container select.jumperSelect {
    width: 55%;
  }
}

#whereToBuyApp {
  width: 100%;
  max-width: 768px;
  margin: 0 auto;
  padding: 0 20px;
  /*@media  screen and (min-width: 768px) {
      width: $wtb-width;
  }*/
}
@media screen and (min-width: 1024px) {
  #whereToBuyApp {
    max-width: 1024px;
    padding-right: 26px;
    padding-left: 26px;
  }
}
#whereToBuyApp .wtb-head {
  display: -moz-flex;
  display: flex;
  padding: 1rem;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  justify-content: space-between;
  background: rgba(169, 169, 169, 0.8);
}
@media screen and (min-width: 768px) {
  #whereToBuyApp .wtb-head {
    padding: 5rem;
  }
}
#whereToBuyApp .wtb-head h1 {
  text-align: center;
  width: 100%;
}
#whereToBuyApp .wtb-head input,
#whereToBuyApp .wtb-head select {
  width: 100%;
  background-color: white;
}
@media screen and (min-width: 768px) {
  #whereToBuyApp .wtb-head input,
  #whereToBuyApp .wtb-head select {
    width: 30%;
  }
}
#whereToBuyApp .wtb-cont {
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 1rem;
  background: #eaeaea;
}
@media screen and (min-width: 768px) {
  #whereToBuyApp .wtb-cont {
    padding: 3rem 3rem 10rem 3rem;
  }
}
#whereToBuyApp .wtb-left {
  width: 100%;
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  min-height: 400px;
}
@media screen and (min-width: 768px) {
  #whereToBuyApp .wtb-left {
    width: 50%;
  }
}
#whereToBuyApp .wtb-left ol.wtb-stores {
  counter-reset: list-counter;
  list-style: none;
  min-height: 400px;
  padding: 0;
}
@media screen and (min-width: 768px) {
  #whereToBuyApp .wtb-left ol.wtb-stores {
    padding: initial;
  }
}
#whereToBuyApp .wtb-left ol.wtb-stores li {
  position: relative;
  padding: 1rem 0;
}
@media screen and (min-width: 768px) {
  #whereToBuyApp .wtb-left ol.wtb-stores li {
    padding: 1rem;
  }
}
#whereToBuyApp .wtb-left ol.wtb-stores li ul {
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  list-style: none;
  padding: 0;
}
#whereToBuyApp .wtb-left ol.wtb-stores li ul li {
  width: 100%;
  padding: 0;
  order: -1;
  padding-left: 15%;
}
@media screen and (min-width: 1024px) {
  #whereToBuyApp .wtb-left ol.wtb-stores li ul li {
    padding-left: 10%;
  }
}
#whereToBuyApp .wtb-left ol.wtb-stores li ul li:first-child {
  font-weight: bold;
}
#whereToBuyApp .wtb-left ol.wtb-stores li ul li.store-label {
  width: auto;
  border: 0.15em solid #000;
  padding: 1px 5px;
  position: absolute;
}
#whereToBuyApp .wtb-left ol.wtb-stores li ul li:last-child {
  order: 1;
  text-align: right;
  font-size: 1.4rem;
  position: absolute;
  margin-left: -75px;
}
#whereToBuyApp .wtb-left ol.wtb-stores li ul li:nth-child(2) {
  order: 2;
  width: 100%;
  font-size: 1.4rem;
}
#whereToBuyApp .wtb-left ol.wtb-stores li ul li:nth-child(3) {
  order: 3;
  width: 100%;
  font-size: 1.4rem;
}
#whereToBuyApp .wtb-left ol.wtb-stores li ul li:nth-child(4) {
  order: 4;
}
#whereToBuyApp .wtb-left ol.wtb-stores li ul li:nth-child(5) {
  order: -1;
  text-align: right;
  position: absolute;
  margin-left: -118px;
}
#whereToBuyApp .wtb-left ol.wtb-stores > li {
  padding: 1rem;
  display: -moz-flex;
  display: flex;
}
#whereToBuyApp .wtb-left ol.wtb-stores > li:before {
  /*content: counter(list-counter, upper-alpha);
  counter-increment: list-counter;
  width: 1em;
  height: 1em;
  padding: .1em;
  margin-right: 1em;
  border-radius: 0%;
  border: $wtb-stores-list-before-border;
  color: $wtb-stores-list-before-color;
  font-family: $wtb-stores-list-before-font-family;
  font-weight: $wtb-stores-list-before-font-weight;
  text-align: $wtb-stores-list-before-text-align;
  display: inline-block;
  line-height: 16px;*/
  display: none;
}
#whereToBuyApp .wtb-left ul#pagination {
  display: -moz-flex;
  display: flex;
  list-style: none;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 0;
  margin: 1rem auto;
}
@media screen and (min-width: 768px) {
  #whereToBuyApp .wtb-left ul#pagination {
    width: auto;
    padding: initial;
  }
}
#whereToBuyApp .wtb-left ul#pagination li {
  background: #f19e9e;
  color: black;
  /*width: 10%;*/
  text-align: center;
  border-radius: 0.4em;
  cursor: pointer;
  border: 2px solid transparent;
  -moz-flex: 1 auto;
  flex: 1 auto;
  margin: 0 0.2rem;
  padding: 2px 7px;
}
@media screen and (min-width: 768px) {
  #whereToBuyApp .wtb-left ul#pagination li {
    width: auto;
  }
}
#whereToBuyApp .wtb-left ul#pagination li:first-child, #whereToBuyApp .wtb-left ul#pagination li:last-child {
  background-color: transparent;
  border: 2px solid black;
}
#whereToBuyApp .wtb-left ul#pagination li.actualbtn {
  background: #e66b6b !important;
  color: white !important;
  text-align: center;
  border-radius: 0.4em;
  border: 2px solid transparent !important;
}
#whereToBuyApp .wtb-left ul#pagination li.btn.last-btn {
  order: 4;
}
#whereToBuyApp .wtb-left ul#pagination li#nextResult {
  order: 5;
}
#whereToBuyApp .wtb-right {
  width: 90%;
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  min-height: 150px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #whereToBuyApp .wtb-right {
    min-height: 400px;
  }
}
#whereToBuyApp .wtb-right #map {
  min-height: 100%;
}
@media screen and (min-width: 768px) {
  #whereToBuyApp .wtb-right {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  #whereToBuyApp {
    display: -moz-flex;
    display: flex;
    -moz-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    -moz-justify-content: space-between;
    justify-content: space-between;
    margin-top: 30px;
  }
  #whereToBuyApp .wtb-image {
    width: 30%;
  }
  #whereToBuyApp .wtb-image img {
    display: block;
    width: 100%;
  }
  #whereToBuyApp .wtb-head {
    width: 59%;
    padding: 4rem;
  }
  #whereToBuyApp .wtb-cont {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #whereToBuyApp .wtb-image {
    margin-top: 30px;
  }
  #whereToBuyApp .wtb-image img {
    border: 0;
    display: block;
    width: 100%;
  }
}

.product-brand-sub-layout.grid-view.product-short.product-short-carrousel {
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.product-brand-sub-layout.grid-view.product-short.product-short-carrousel .arrow-right {
  width: 5%;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid black;
  cursor: pointer;
}
.product-brand-sub-layout.grid-view.product-short.product-short-carrousel .arrow-left {
  width: 5%;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid black;
  cursor: pointer;
}
.product-brand-sub-layout.grid-view.product-short.product-short-carrousel h2.headline {
  text-transform: capitalize;
  font-size: 2.2rem;
  font-weight: normal;
  color: #4F0710;
}
.product-brand-sub-layout.grid-view.product-short.product-short-carrousel .grid-container-carrousel {
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  display: -moz-flex;
  display: flex;
  overflow-y: hidden;
}
@media screen and (min-width: 1024px) {
  .product-brand-sub-layout.grid-view.product-short.product-short-carrousel .grid-container-carrousel {
    overflow: hidden;
  }
}
.product-brand-sub-layout.grid-view.product-short.product-short-carrousel .grid-container-carrousel .grid-item-carrousel {
  width: 30%;
  /*padding: 0 7%;*/
  border-right: 1px solid #4F0710;
  min-width: 300px;
}
@media screen and (min-width: 1024px) {
  .product-brand-sub-layout.grid-view.product-short.product-short-carrousel .grid-container-carrousel .grid-item-carrousel {
    min-width: 320px;
  }
}
.product-brand-sub-layout.grid-view.product-short.product-short-carrousel .grid-container-carrousel .grid-item-carrousel .text-content {
  display: none;
}
.product-brand-sub-layout.grid-view.product-short.product-short-carrousel .grid-container-carrousel .grid-item-carrousel a {
  -moz-justify-content: center;
  justify-content: center;
  display: -moz-flex;
  display: flex;
}
.product-brand-sub-layout.grid-view.product-short.product-short-carrousel .grid-container-carrousel .grid-item-carrousel:first-child {
  border-left: 1px solid transparent;
}
.product-brand-sub-layout.grid-view.product-short.product-short-carrousel .grid-container-carrousel .grid-item-carrousel:last-child {
  border-right: 1px solid transparent;
}
.product-brand-sub-layout.grid-view.product-short.product-short-carrousel .inner.has-learn-text {
  /*overflow-y: hidden;*/
  padding: 0;
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  -moz-align-items: center;
  align-items: center;
}
.product-brand-sub-layout.grid-view.product-short.product-short-carrousel .inner:first-child {
  order: 2;
  text-align: center;
}

.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel {
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .arrow-right {
  width: 5%;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 30px solid black;
  position: relative;
  cursor: pointer;
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .arrow-right:after {
  content: "";
  width: 5%;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 22px solid white;
  background-color: transparent;
  position: absolute;
  top: -15px;
  left: -27px;
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .arrow-left {
  width: 5%;
  height: 0;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-right: 30px solid black;
  position: relative;
  cursor: pointer;
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .arrow-left:after {
  content: "";
  width: 5%;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 22px solid white;
  background-color: transparent;
  position: absolute;
  top: -15px;
  right: -27px;
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel h2.headline {
  font-size: 2.2rem;
  font-weight: normal;
  color: #4F0710;
  text-align: center;
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel {
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  display: -moz-flex;
  display: flex;
  overflow-y: hidden;
}
@media screen and (min-width: 1024px) {
  .recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel {
    overflow: hidden;
  }
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel .grid-item-carrousel {
  width: 30%;
  padding: 0;
  min-width: 300px;
  margin-right: 1em;
}
@media screen and (min-width: 1024px) {
  .recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel .grid-item-carrousel {
    /*min-width: 320px;*/
  }
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel .grid-item-carrousel .recipe-item {
  position: relative;
  overflow: hidden;
  /*height: 350px;*/
}
@media screen and (min-width: 1024px) {
  .recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel .grid-item-carrousel .recipe-item {
    /*height:300px;*/
  }
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel .grid-item-carrousel .recipe-item:hover .text-content {
  opacity: 1;
  top: 25%;
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel .grid-item-carrousel .recipe-item a img {
  width: 100%;
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel .grid-item-carrousel .recipe-item a ul.recipe-summary {
  display: none;
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel .grid-item-carrousel .recipe-item .text-content {
  position: absolute;
  top: 20%;
  background-color: rgba(255, 255, 255, 0.75);
  display: -moz-flex;
  display: flex;
  width: 100%;
  opacity: 0;
  transition: 0.2s all;
  transition-delay: 0.1s;
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel .grid-item-carrousel .recipe-item .text-content h3 {
  font-size: 2rem;
  text-align: center;
  outline: 3px solid #4F0710;
  color: #4F0710;
  width: 90%;
  margin: 1em;
  padding: 0.5em;
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel .grid-item-carrousel .recipe-item .text-content .description {
  display: none;
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel .grid-item-carrousel .recipe-item .text-content .cta-container {
  display: none;
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel .grid-item-carrousel:first-child {
  margin-left: 0;
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .grid-container-carrousel .grid-item-carrousel:last-child {
  margin-right: 0;
}
.recipes-sub-layout.recipes-short-variation.recipes-short-carrousel .inner.has-learn-text {
  /*overflow-y: hidden;*/
  padding: 0;
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  -moz-align-items: center;
  align-items: center;
  height: 320px;
}

.article-list-sub-layout {
  border-top: 0;
}

.multiple-filter-content.multiple-selection {
  background-color: #4F0710;
  padding: 1em 0;
}
.multiple-filter-content.multiple-selection span {
  color: white;
  font-weight: lighter;
  text-transform: capitalize;
  cursor: pointer;
  font-size: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .multiple-filter-content.multiple-selection span {
    font-size: initial;
  }
}
.multiple-filter-content.multiple-selection button {
  color: white;
  font-size: 1.5em;
  font-weight: lighter;
}
.multiple-filter-content.multiple-selection.multiple-selection .inner ul.nav-categories {
  display: -moz-flex;
  display: flex;
  -moz-justify-content: center;
  justify-content: center;
  list-style: none;
  width: 100%;
  padding: 0 !important;
  text-align: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .multiple-filter-content.multiple-selection.multiple-selection .inner ul.nav-categories {
    display: -moz-inline-flex;
    display: inline-flex;
    flex-wrap: nowrap;
  }
}
.multiple-filter-content.multiple-selection.multiple-selection .inner ul.nav-categories li.category {
  border-left: 1px solid transparent;
  padding: 1em;
  background-color: transparent;
}
@media screen and (min-width: 1024px) {
  .multiple-filter-content.multiple-selection.multiple-selection .inner ul.nav-categories li.category {
    padding: 0;
  }
}
.multiple-filter-content.multiple-selection.multiple-selection .inner ul.nav-categories li.category:first-child {
  display: none;
}
.multiple-filter-content.multiple-selection.multiple-selection .inner ul.nav-categories li.category:last-child {
  border-right: 1px solid transparent;
}
.multiple-filter-content.multiple-selection.multiple-selection .inner ul.nav-categories li.category button:after {
  content: "\f078";
  display: inline-block;
  margin-left: 12px;
  font-family: "FontAwesome";
  font-size: 13px;
  font-size: 1.3rem;
  color: white;
  position: absolute;
}
.multiple-filter-content.multiple-selection.multiple-selection .inner ul.nav-categories li.category ul {
  list-style: none;
  margin: 0;
  padding: 1em 0 0 0;
  width: 100%;
  position: relative;
  background-color: transparent;
}
.multiple-filter-content.multiple-selection.multiple-selection .inner ul.nav-categories li.category ul li {
  margin: 0;
  width: 100%;
  padding: 0.5em;
}
@media screen and (min-width: 1024px) {
  .multiple-filter-content.multiple-selection.multiple-selection .inner ul.nav-categories li.category ul li {
    padding: 0.2em;
  }
}
.multiple-filter-content.multiple-selection.multiple-selection .inner ul.nav-selected-categories {
  display: -moz-inline-flex;
  display: inline-flex;
  list-style: none;
  width: 100%;
  -moz-justify-content: space-around;
  justify-content: space-around;
  padding: 0;
  border-top: 1px solid white;
  flex-wrap: wrap;
  margin: 1em 0 0 0;
}
.multiple-filter-content.multiple-selection.multiple-selection .inner ul.nav-selected-categories li {
  background-color: #4F0710;
  margin: 1em 0.5em 0 0.5em;
  padding: 0.5em;
  text-align: center;
}
.multiple-filter-content.multiple-selection.multiple-selection .inner ul.nav-selected-categories li button {
  padding: 0 0 0 0.5em;
  font-size: 0.9em;
}
.multiple-filter-content.multiple-selection.multiple-selection .inner ul.nav-selected-categories li span {
  font-size: 1.2rem;
}
@media screen and (min-width: 1024px) {
  .multiple-filter-content.multiple-selection.multiple-selection .inner ul.nav-selected-categories li span {
    font-size: 1.5rem;
  }
}

.latest-press-release .content {
  width: 100%;
}
.latest-press-release .headline, .latest-press-release .sub-head, .latest-press-release .body-copy {
  color: #fff;
}
.latest-press-release .headline {
  font-weight: bold;
  margin-bottom: 0.3em;
}
.latest-press-release .sub-head {
  font-weight: normal;
}
.latest-press-release .body-copy {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 0 !important;
  padding-bottom: 25px !important;
}
@media screen and (min-width: 768px) {
  .latest-press-release .body-copy {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .latest-press-release .body-copy {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.search-multiple-layout {
  display: -moz-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
}
.search-multiple-layout .search-filter {
  border: none;
  background-color: transparent;
}
.search-multiple-layout .search-filter .search-container {
  background-color: #fff;
  border: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .search-multiple-layout {
    -moz-flex-direction: row;
    flex-direction: row;
    -moz-justify-content: space-around;
    justify-content: space-around;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .search-multiple-layout .search-filter.search-component {
    width: 25%;
    padding: 0;
    padding-bottom: 50px;
    margin-bottom: 0;
  }
  .search-multiple-layout .search-filter.search-component .search-container {
    width: auto;
    height: 36px;
  }
  .search-multiple-layout .search-filter.search-component .search-container input[type=text] {
    width: 78% !important;
    height: 36px;
  }
  .search-multiple-layout .search-filter.search-component .search-container .fa-search {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 7px;
  }
  .search-multiple-layout .multiple-filter-jump-sub-layout.multiple-filter-jump-sub-layout-dropdown {
    width: 65%;
  }
}
@media screen and (min-width: 1024px) {
  .search-multiple-layout {
    max-width: 1024px;
    padding-right: 26px;
    padding-left: 26px;
  }
  .search-multiple-layout .search-filter.search-component .search-container {
    height: 58px;
  }
  .search-multiple-layout .search-filter.search-component .search-container input[type=text] {
    height: 58px;
  }
  .search-multiple-layout .search-filter.search-component .search-container .fa-search {
    font-size: 28px;
    font-size: 2.8rem;
    margin: 13px;
  }
}
@media screen and (max-width: 767px) {
  .search-multiple-layout .search-filter {
    margin-bottom: 0;
  }
}

.video-component {
  width: 100%;
  position: relative;
}
.video-component .experience-editor-video {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.video-component .experience-editor-video img {
  height: auto !important;
  width: 100%;
  max-width: 100%;
}
.video-component .experience-editor-video:after {
  content: "\f144";
  font-family: "FontAwesome";
  font-size: 100px;
  line-height: 200px;
  height: 104px;
  width: 104px;
  display: block;
  color: rgba(255, 255, 255, 0.5);
  right: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.video-component.youtube-iframe-wrapper {
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video-component .media-video-container {
  width: 100%;
}
.video-component .youtube-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-component .canto {
  height: auto;
}

.social-share-container .shareSocial {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #f9f9f9;
  padding: 8px 0px;
  height: 64px;
}
.social-share-container .shareSocial .share {
  list-style: none;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
}
.social-share-container .shareSocial .share > li {
  padding-right: 8px;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  .social-share-container {
    flex-direction: column;
    height: auto;
  }
  .social-share-container #socialShareDescription {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .social-share-container .share {
    padding-left: 0;
  }
}
#yotpo-review-widget {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
  padding: 20px;
}

@media print {
  #yotpo-review-widget {
    display: none;
  }
}
#modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 200ms ease-in-out;
  border: 1px solid black;
  border-radius: 10px;
  z-index: 10;
  background-color: #FFF;
  width: 620px;
  max-width: calc(100% - 48px);
  height: auto;
  max-height: 620px;
  overflow: auto;
}
#modal *, #modal *::after, #modal *::before {
  box-sizing: border-box;
}
#modal.active {
  transform: translate(-50%, -50%) scale(1);
}
#modal .modal-header {
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid black;
}
#modal .modal-header .title {
  font-size: 1.25rem;
  font-weight: bold;
}
#modal .modal-header .close-button {
  cursor: pointer;
  border: none;
  outline: none;
  background: none;
  font-size: 32px;
  font-weight: bold;
  padding: 6px;
}
#modal .modal-body {
  padding: 10px 15px;
}
#modal .modal-body img {
  max-width: 100%;
}
#modal ~ #overlay {
  position: fixed;
  opacity: 0;
  transition: 200ms ease-in-out;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
}
#modal ~ #overlay.active {
  opacity: 1;
  pointer-events: all;
}/*# sourceMappingURL=main.css.map */