/**
 * Campbells
 */

/* Resets - installed via NPM */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration 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 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* Global - global pieces like media queries, mixins and placholders */

/*
 * Colors
 */

:root {
	--c-black: #000;
	--c-white: #fff;

	--c-h1: var(--c-black);
	--c-h2: var(--c-black);
	--c-h3: var(--c-black);
	--c-h4: var(--c-black);
	--c-h5: var(--c-black);
	--c-h6: var(--c-black);

	--c-text: var(--c-black);
	--c-text-on-dark: var(--c-white);

	--c-link: var(--c-black);
	--c-link-hover: var(--c-black);
	--c-link-border: var(--c-black);

	--c-input-border: #d2d2d2;
	--c-input-bg: var(--c-white);
}

:root {
	--site-max-width: 1290px;
	--gutter: 20px;
}

:root {
	--f-sans: "futura-pt", sans-serif;
	--f-serif: "Playfair Display", serif;

	--fs-h1: 48px;
	--lh-h1: 1.29;
	--fs-h1-sm: 32px;
	--lh-h1-sm: 1.29;
	--ff-h1: var(--f-sans);
	--fw-h1: 900;
	--tt-h1: uppercase;

	--fs-h2: 34px;
	--lh-h2: 1.7;
	--fs-h2-sm: 24px;
	--lh-h2-sm: 1.7;
	--ff-h2: var(--f-sans);
	--fw-h2: 900;
	--tt-h2: uppercase;

	--fs-h3: 28px;
	--lh-h3: 1.32;
	--fs-h3-sm: 24px;
	--lh-h3-sm: 1.32;
	--ff-h3: var(--f-serif);
	--fw-h3: 400;
	--tt-h3: uppercase;

	--fs-h4: 22px;
	--lh-h4: 1.2;
	--fs-h4-sm: 18px;
	--lh-h4-sm: 1.2;
	--ff-h4: var(--f-serif);
	--fw-h4: 400;
	--tt-h4: none;

	--fs-h5: 18px;
	--lh-h5: 1.5;
	--fs-h5-sm: 16px;
	--lh-h5-sm: 1.5;
	--ff-h5: var(--f-serif);
	--fw-h5: 400;
	--tt-h5: none;

	--fs-h6: 14px;
	--lh-h6: 2;
	--fs-h6-sm: 14px;
	--lh-h6-sm: 2;
	--ff-h6: var(--f-serif);
	--fw-h6: 400;
	--tt-h6: none;

	--fs-body: 24px;
	--lh-body: 1.75;
	--ff-body: var(--f-serif);

	--fs-body-smaller: 18px;
	--lh-body-smaller: 1.77;
	--ff-body-smaller: var(--f-serif);
}

/*
 * Media Queries
 */

/* 400px */

/* 480px */

/* 768px */

/* 1024px */

/* 1280px */

/* 1440px */

/* WP Core Breakpoints (used for the admin bar for example) */

:root {
	--vertical-spacing-xxlarge: 100px;
	--vertical-spacing-xlarge: 60px;
	--vertical-spacing-large: 40px;
	--vertical-spacing-medium: 30px;
	--vertical-spacing-small: 20px;
	--vertical-spacing-xsmall: 15px;
	--vertical-spacing-xxsmall: 5px;
}

/*
 * Colors
 */

:root {
	--c-darkred: #9f1810;
	--c-campbellsred: #bf1a1e;
	--c-gold: #cf9c3c;
	--c-black: #000;
	--c-black-a: rgba(0, 0, 0, 0.5);
	--c-dark: #2a0606;
	--c-white: #fff;
	--c-chunky-red: #76232f;
	--c-chunky-yellow: #f7ec13;
	--c-dark-blue: #142f53;
	--c-orange: #db8a14;
	--c-purple: #a86493;
	--c-green: #78aa42;

	--c-gray-100: #f5f5f5;
	--c-gray-300: #ddd;
	--c-gray-300a: rgba(221, 221, 221, 0.2);
	--c-gray-350: #c2c2c2;
	--c-gray-500: #bdbdbd;
	--c-gray-500a: rgba(0, 0, 0, 0.5);
	--c-gray-600: #979797;
	--c-gray-700: #757575;
	--c-gray-750: #828282;
	--c-gray-900: #404040;
	--c-gray-900a: rgba(64, 64, 64, 0.1);

	--c-primary: var(--c-campbellsred);
	--c-secondary: var(--c-black);
	--c-tertiary: var(--c-gold);

	--c-border: var(--c-gray-300);
	--c-input-border: var(--c-gray-350);

	--c-h1: var(--c-black);
	--c-h2: var(--c-black);
	--c-h3: var(--c-black);
	--c-h4: var(--c-black);
	--c-h5: var(--c-black);
	--c-h6: var(--c-black);

	--c-text: var(--c-black);
	--c-text-subtle: var(--c-gray-700);
	--c-text-dark: var(--c-dark);
	--c-text-error: var(--c-campbellsred);
	--c-text-on-dark: var(--c-white);

	--c-link: var(--c-black);
	--c-link-hover: var(--c-gray-900);
	--c-link-border: var(--c-primary);

	--c-search-input-bg: var(--c-white);
	--c-search-icon: var(--c-primary);
	--c-search-icon-hover: var(--c-darkred);

	--c-nutrition-facts-bg: var(--c-gray-100);

	--c-related-content-bg: var(--c-gray-100);

	--c-card-bg: var(--c-white);

	--c-body-bg: var(--c-gray-100);

	--c-filters-bg: var(--c-gray-100);

	--c-facebook: #5385d1;
	--c-pinterest: #e60023;

	--c-tabs-bg: var(--c-campbellsred);
	--c-tabs-active-bg: var(--c-darkred);
}

:root {
	--site-max-width: 1324px;
	--content-sidebar-max-width: 1140px;
	--gutter: 15px;
}

:root {
	--f-sans: "proxima-nova", sans-serif;
	--f-serif: "proxima-nova", sans-serif;
}

/*
 * Media Queries
 */

/* 1024px */

/*
* Typography
*/

:root {

	/* font-family */

	--f-sans: "proxima-nova", sans-serif;
	--f-serif: var(--f-sans);

	/* font-size */
	--fs-12: 12px;
	--fs-14: 14px;
	--fs-16: 16px;
	--fs-18: 18px;
	--fs-24: 24px;
	--fs-32: 32px;
	--fs-40: 40px;
	--fs-42: 42px;
	--fs-60: 60px;

	/* font-weight */
	--fw-book: 400;
	--fw-medium: 500;
	--fw-bold: 700;

	/* letter-spacing */
	--ls-small: 0.5px;

	--fs-h1: var(--fs-60);
	--fs-h1-sm: var(--fs-40);
	--lh-h1: 1.2;
	--lh-h1-sm: 1.2;
	--fw-h1: 700;
	--tt-h1: none;

	--fs-h2: var(--fs-42);
	--fs-h2-sm: var(--fs-32);
	--lh-h2-sm: 1.2;
	--lh-h2: 1.2;
	--lh-h2-sm: 1.2;
	--fw-h2: 700;
	--tt-h2: none;

	--fs-h3: var(--fs-32);
	--fs-h3-sm: var(--fs-24);
	--lh-h3: 1.375;
	--lh-h3-sm: 1.375;
	--fw-h3: 700;
	--tt-h3: none;

	--fs-h4: var(--fs-14);
	--fs-h4-sm: var(--fs-12);
	--lh-h4: 1.5;
	--lh-h4-sm: 1.5;
	--fw-h4: 700;
	--tt-h4: uppercase;

	--fs-h5: var(--fs-18);
	--fs-h5-sm: var(--fs-16);
	--lh-h5: 1.33;
	--lh-h5-sm: 1.33;
	--fw-h5: 700;
	--tt-h5: none;

	--fw-h6: 700;

	--fs-body-smaller: var(--fs-14);
	--fs-body-smaller-sm: var(--fs-body-smaller);
	--lh-body-smaller: 1.875;

	--fs-body: var(--fs-18);
	--fs-body-sm: var(--fs-16);
	--lh-body: 2;
}

/* Base - base styles such as fonts, typography, and wordpress overrides */

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

*:focus {

	/* Load state in frontend only, not Gutenberg */
}

.csc-theme *:focus {
		outline-color: #404040;
		outline-color: var(--c-gray-900)
}

/*
 * Resources on prefers-reduced-motion:
 * https://webkit.org/blog-files/prefers-reduced-motion/prm.htm
 * https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
 */

@media (prefers-reduced-motion: reduce) {

	*,
	*::before,
	*::after {
		-webkit-animation-duration: 0.001s !important;
		        animation-duration: 0.001s !important;
		-webkit-transition-duration: 0.001s !important;
		        transition-duration: 0.001s !important;
	}
}

/* WordPress generated classes */

.alignleft {
	float: left;
	margin-right: 1rem;
	text-align: left;
}

.alignright {
	float: right;
	margin-left: 1rem;
	text-align: right;
}

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

.wp-caption {
	max-width: 100%
}

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

.wp-caption.alignright {
		text-align: right;
	}

.wp-caption-text {
	margin: 0;
}

#wpadminbar {
	position: fixed;
}

.has-bold-text {
	font-weight: 700;
}

body {
	background-color: #f5f5f5;
	background-color: var(--c-body-bg)
}

body.page-template-page-products {
		background-color: #fff;
		background-color: var(--c-white);
	}

body.post-type-archive-recipe,
	body.post-type-archive-product {
		background-color: #fff;
		background-color: var(--c-white);
	}

figcaption {
	font-size: 14px;
	font-size: var(--fs-body-smaller-sm);
	line-height: 1.875;
	line-height: var(--lh-body-smaller);
}

input[type="text"],
textarea,
input[type="email"] {
	height: auto;
	padding: 7px;
}

label {
	font-size: 14px;
	font-size: var(--fs-14);
	margin: 14px
}

label[for] {
		margin-left: 0;
	}

input[type="checkbox"] {
	-webkit-appearance: none;
	background-color: #fff;
	background-color: var(--c-white);
	border: 1px solid #404040;
	border: 1px solid var(--c-gray-900);
	border-radius: 2px;
	height: 20px;
	padding: 0;
	width: 20px
}

input[type="checkbox"][checked="true"],
	input[type="checkbox"]:checked {
		background-color: #bf1a1e;
		background-color: var(--c-primary);
		border-color: #bf1a1e;
		border-color: var(--c-primary);
	}

.field-radio legend:not([class]) {
		font-size: 14px;
		font-size: var(--fs-14);
		margin-bottom: 0;
	}

.field-radio input[type="radio"] + label {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		margin-right: 30px
	}

.field-radio input[type="radio"] + label::before {
			border: 1px solid #404040;
			border: 1px solid var(--c-gray-900);
			-webkit-box-flex: 1;
			    -ms-flex: 1 0 14px;
			        flex: 1 0 14px;
			height: 14px;
			margin-top: 7px;
			max-width: 14px;
			min-width: 14px;
			width: 14px;
		}

.field-radio input[type="radio"]:checked + label::before {
		background-size: 10px auto;
	}

.field-radio input[type="radio"]:focus + label::before {
		outline-color: #bf1a1e;
		outline-color: var(--c-primary);
		outline-offset: 3px;
		outline-style: dashed;
		outline-width: 1px;
	}

select {
	-webkit-appearance: none;
	background-color: #fff;
	background-color: var(--c-white);
	background-image: url("../svg/chevron-down.svg");
	background-position: calc(100% - 10px) 50%;
	background-repeat: no-repeat;
	border: 1px solid #c2c2c2;
	border: 1px solid var(--c-gray-350);
	border-radius: 0;
	padding: 7px
}

select:focus {
		background-image: url("../svg/chevron-up.svg");
	}

.container ul {
	list-style: none;
	padding-left: 40px
}

.container ul li {
		margin-bottom: 10px;
		position: relative
	}

.container ul li::before {
			color: #bf1a1e;
			color: var(--c-primary);
			content: "•";
			left: -28px;
			position: absolute;
		}

.custom-select {
	height: 44px;
	line-height: 1
}

@media ( min-width: 64em ) {

.custom-select {
		height: 31px
}
	}

.custom-select::after {
		background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13.333px' height='8px' viewBox='0.333 0.667 13.333 8' enable-background='new 0.333 0.667 13.333 8' xml:space='preserve' %3E%3Cpolygon points='13.666,1.72 12.675,0.679 7.101,6.592 1.305,0.667 0.333,1.729 7.12,8.667 '/%3E%3C/svg%3E%0A");
		background-size: 12px 5px;
		height: 10px;
		right: 16px;
		top: 19px;
		width: 10px
	}

@media ( min-width: 64em ) {

.custom-select::after {
			top: 13px
	}
		}

.custom-select select {
		font-size: 14px;
		padding: 0 32px 0 16px
	}

.custom-select select:focus {
			background-image: none;
		}

/* Core Blocks */

/* Shared styles */

.wp-block-button__link,
.button-primary,
.button-secondary,
.button-tertiary,
.load-more,
.chicory-order-ingredients button,
.header-newsletter-button {
	-webkit-appearance: none;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: var(--fs-14);
	line-height: 1.15;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.wp-block-button__link[disabled], .button-primary[disabled], .button-secondary[disabled], .button-tertiary[disabled], .load-more[disabled], .chicory-order-ingredients button[disabled], .header-newsletter-button[disabled] {
		cursor: not-allowed;
	}

/* Button styles */

.wp-block-button__link,
.button-primary,
.button-secondary,
.load-more,
.chicory-order-ingredients button {
	border: 2px solid #000;
	border: 2px solid var(--c-black);
	border-radius: 22px;
	min-width: 220px;
	padding: 0.8575em 4em;
	text-align: center;
}

/* Filled Button styles */

.wp-block-button__link,
.button-primary,
.header-newsletter-button {
	background-color: #000;
	background-color: var(--c-black);
	color: #fff;
	color: var(--c-white)
}

.wp-block-button__link:hover, .button-primary:hover, .header-newsletter-button:hover {
		background-color: #404040;
		background-color: var(--c-gray-900);
		border: 2px solid #404040;
		border: 2px solid var(--c-gray-900);
		color: #fff;
		color: var(--c-white);
	}

.wp-block-button__link:active, .button-primary:active, .header-newsletter-button:active {
		background-color: #000;
		background-color: var(--c-black);
		border: 2px solid #000;
		border: 2px solid var(--c-black);
		color: #fff;
		color: var(--c-white);
	}

.wp-block-button__link.has-white-background-color:hover,
		.wp-block-button__link.has-white-background-color:active,
		.button-primary.has-white-background-color:hover,
		.button-primary.has-white-background-color:active,
		.header-newsletter-button.has-white-background-color:hover,
		.header-newsletter-button.has-white-background-color:active {
			color: inherit;
		}

.wp-block-button__link[disabled], .button-primary[disabled], .header-newsletter-button[disabled] {
		background-color: #bdbdbd;
		background-color: var(--c-gray-500);
		border: 2px solid #bdbdbd;
		border: 2px solid var(--c-gray-500);
		color: #979797;
		color: var(--c-gray-600);
	}

.is-style-fill-light .wp-block-button__link,
.is-style-light .wp-block-button__link,
.wp-block-button__link.is-style-fill-light,
.button-primary.-is-on-dark {
	background-color: #fff;
	background-color: var(--c-white);
	border: 2px solid #fff;
	border: 2px solid var(--c-white);
	color: #000;
	color: var(--c-black)
}

.is-style-fill-light .wp-block-button__link:hover, .is-style-light .wp-block-button__link:hover, .wp-block-button__link.is-style-fill-light:hover, .button-primary.-is-on-dark:hover {
		background-color: #ddd;
		background-color: var(--c-gray-300);
		border: 2px solid #ddd;
		border: 2px solid var(--c-gray-300);
	}

.is-style-fill-light .wp-block-button__link:active, .is-style-light .wp-block-button__link:active, .wp-block-button__link.is-style-fill-light:active, .button-primary.-is-on-dark:active {
		background-color: #fff;
		background-color: var(--c-white);
		border: 2px solid #fff;
		border: 2px solid var(--c-white);
	}

/* Filled Button styles */

.is-style-outline .wp-block-button__link,
.is-style-outline-light .wp-block-button__link,
.wp-block-button__link.is-style-outline,
.wp-block-button__link.is-style-outline-light,
.button-secondary,
.load-more {
	background-color: transparent;
	color: #000;
	color: var(--c-black)
}

.is-style-outline .wp-block-button__link:hover, .is-style-outline-light .wp-block-button__link:hover, .wp-block-button__link.is-style-outline:hover, .wp-block-button__link.is-style-outline-light:hover, .button-secondary:hover, .load-more:hover {
		background-color: rgba(64, 64, 64, 0.1);
		background-color: var(--c-gray-900a);
		border-color: #404040;
		border-color: var(--c-gray-900);
		color: #404040;
		color: var(--c-gray-900);
	}

.is-style-outline .wp-block-button__link:active, .is-style-outline-light .wp-block-button__link:active, .wp-block-button__link.is-style-outline:active, .wp-block-button__link.is-style-outline-light:active, .button-secondary:active, .load-more:active {
		background-color: transparent;
		color: #000;
		color: var(--c-black);
	}

.is-style-outline .wp-block-button__link[disabled], .is-style-outline-light .wp-block-button__link[disabled], .wp-block-button__link.is-style-outline[disabled], .wp-block-button__link.is-style-outline-light[disabled], .button-secondary[disabled], .load-more[disabled] {
		border-color: #bdbdbd;
		border-color: var(--c-gray-500);
		color: #bdbdbd;
		color: var(--c-gray-500)
	}

.is-style-outline .wp-block-button__link[disabled]:hover, .is-style-outline-light .wp-block-button__link[disabled]:hover, .wp-block-button__link.is-style-outline[disabled]:hover, .wp-block-button__link.is-style-outline-light[disabled]:hover, .button-secondary[disabled]:hover, .load-more[disabled]:hover {
			background-color: transparent;
		}

.is-style-outline-light .wp-block-button__link,
.wp-block-button__link.is-style-outline-light,
.button-secondary.-is-on-dark {
	border-color: #fff;
	border-color: var(--c-white);
	color: #fff;
	color: var(--c-white)
}

.is-style-outline-light .wp-block-button__link:hover, .wp-block-button__link.is-style-outline-light:hover, .button-secondary.-is-on-dark:hover {
		background-color: rgba(221, 221, 221, 0.2);
		background-color: var(--c-gray-300a);
		border-color: #fff;
		border-color: var(--c-white);
		color: #fff;
		color: var(--c-white);
	}

.is-style-outline-light .wp-block-button__link:active, .wp-block-button__link.is-style-outline-light:active, .button-secondary.-is-on-dark:active {
		background-color: transparent;
	}

.is-style-text .wp-block-button__link,
.wp-block-button__link.is-style-text,
.button-tertiary {
	background-color: transparent;
	border: 0;
	color: #000;
	color: var(--c-black);
	padding: 0;
	text-decoration: underline
}

.is-style-text .wp-block-button__link:hover, .wp-block-button__link.is-style-text:hover, .button-tertiary:hover {
		color: #404040;
		color: var(--c-gray-900);
	}

.is-style-text-light .wp-block-button__link,
.wp-block-button__link.is-style-text-light {
	background-color: transparent;
	border: 0;
	color: #fff;
	color: var(--c-white);
	padding: 0;
	text-decoration: underline
}

.is-style-text-light .wp-block-button__link:hover, .wp-block-button__link.is-style-text-light:hover {
		color: #ddd;
		color: var(--c-gray-300);
	}

/* Loading spacing */

.wp-block-button.aligncenter.loading {
	margin: 30px auto;
}

/* Chicory button */

.chicory-order-ingredients button {
	background-color: #bf1a1e;
	background-color: var(--c-campbellsred);
	border-color: #bf1a1e;
	border-color: var(--c-campbellsred);
	color: #fff;
	color: var(--c-white)
}

.chicory-order-ingredients button:hover {
		background-color: rgba(64, 64, 64, 0.1);
		background-color: var(--c-gray-900a);
		border-color: #404040;
		border-color: var(--c-gray-900);
		color: #404040;
		color: var(--c-gray-900);
	}

.chicory-order-ingredients button:active {
		background-color: transparent;
		color: #000;
		color: var(--c-black);
	}

.chicory-order-ingredients a {
	display: block;
}

/* header newsletter button */

.header-newsletter-button {
	background: #bf1a1e;
	background: var(--c-campbellsred);
	border-color: #bf1a1e;
	border-color: var(--c-campbellsred);
	border-radius: 22px;
	border-style: solid;
	padding: 0.42875em 1em;
	text-align: center;
}

/* Tooltip for "Copy" button block style */

.is-style-copy {
	position: relative
}

.is-style-copy svg {
		fill: currentColor;
		height: 0.9em;
		left: 5px;
		position: relative;
		top: 2px;
		width: 0.9em;
	}

.is-style-copy .copy-tooltip {
		background-color: #ddd;
		background-color: var(--c-gray-300);
		border-radius: 6px;
		bottom: 115%;
		color: #404040;
		color: var(--c-gray-900);
		font-size: 14px;
		font-size: var(--fs-14);
		left: 50%;
		line-height: 1.15;
		margin-left: -75px;
		opacity: 0;
		padding: 5px;
		position: absolute;
		text-align: center;
		-webkit-transition: opacity 0.3s;
		transition: opacity 0.3s;
		visibility: hidden;
		width: 140px;
		z-index: 999
	}

.is-style-copy .copy-tooltip::after {
			border-color: #ddd transparent transparent transparent;
			border-color: var(--c-gray-300) transparent transparent transparent;
			border-style: solid;
			border-width: 5px;
			content: "";
			left: 50%;
			margin-left: -5px;
			position: absolute;
			top: 100%;
		}

.is-style-copy:hover .copy-tooltip {
		opacity: 1;
		visibility: visible;
	}

.has-dark-red-color {
	color: #9f1810;
	color: var(--c-darkred);
}

.has-red-color {
	color: #bf1a1e;
	color: var(--c-campbellsred);
}

.has-gold-color {
	color: #cf9c3c;
	color: var(--c-gold);
}

.has-black-color {
	color: #000;
	color: var(--c-black);
}

.has-white-color {
	color: #fff;
	color: var(--c-white);
}

.has-chunky-red-color {
	color: #76232f;
	color: var(--c-chunky-red);
}

.has-chunky-yellow-color {
	color: #f7ec13;
	color: var(--c-chunky-yellow);
}

.has-dark-blue-color {
	color: #142f53;
	color: var(--c-dark-blue);
}

.has-orange-color {
	color: #db8a14;
	color: var(--c-orange);
}

.has-green-color {
	color: #78aa42;
	color: var(--c-green);
}

.has-purple-color {
	color: #a86493;
	color: var(--c-purple);
}

.has-dark-red-background-color {
	background-color: #9f1810 !important;
	background-color: var(--c-darkred) !important;
}

.has-red-background-color {
	background-color: #bf1a1e !important;
	background-color: var(--c-campbellsred) !important;
}

.has-gold-background-color {
	background-color: #cf9c3c !important;
	background-color: var(--c-gold) !important;
}

.has-black-background-color {
	background-color: #000 !important;
	background-color: var(--c-black) !important;
}

.has-white-background-color {
	background-color: #fff !important;
	background-color: var(--c-white) !important;
}

.has-chunky-red-background-color {
	background-color: #76232f !important;
	background-color: var(--c-chunky-red) !important;
}

.has-chunky-yellow-background-color {
	background-color: #f7ec13 !important;
	background-color: var(--c-chunky-yellow) !important;
}

.has-dark-blue-background-color {
	background-color: #142f53;
	background-color: var(--c-dark-blue);
}

.has-orange-background-color {
	background-color: #db8a14;
	background-color: var(--c-orange);
}

.has-green-background-color {
	background-color: #78aa42;
	background-color: var(--c-green);
}

.has-purple-background-color {
	background-color: #a86493;
	background-color: var(--c-purple);
}

.wp-block-columns.is-style-media-left,
.wp-block-columns.is-style-media-right {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 0;
	text-align: left;

	@nest .carousel__slide {
		margin-bottom: 0;
	}
}

.wp-block-columns.is-style-media-left figure, .wp-block-columns.is-style-media-right figure {
		margin: 0;
	}

.wp-block-columns.is-style-media-left .wp-block-embed, .wp-block-columns.is-style-media-right .wp-block-embed {
		margin-bottom: 0;
	}

.csc-theme .wp-block-columns.is-style-media-left .wp-block-embed__wrapper, .csc-theme .wp-block-columns.is-style-media-right .wp-block-embed__wrapper {

			overflow: hidden;

			position: relative
	}

.csc-theme .wp-block-columns.is-style-media-left .wp-block-embed__wrapper::before, .csc-theme .wp-block-columns.is-style-media-right .wp-block-embed__wrapper::before {
		content: "";
		display: block;
		padding-bottom: calc(9 / 16 * 100%);
		width: 100%;
	}

.csc-theme .wp-block-columns.is-style-media-left iframe, .csc-theme .wp-block-columns.is-style-media-right iframe {

			bottom: 0;

			left: 0;

			position: absolute;

			right: 0;

			top: 0;

			z-index: 2;
			height: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
			width: 100%
	}

.ie11 .csc-theme .wp-block-columns.is-style-media-left iframe, .ie11 .csc-theme .wp-block-columns.is-style-media-right iframe {
		left: 50%;
		max-width: none;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: auto
	}

.wp-block-columns.is-style-media-left .wp-block-column, .wp-block-columns.is-style-media-right .wp-block-column {
		width: 100%
	}

@media ( min-width: 48em ) {

.wp-block-columns.is-style-media-left .wp-block-column, .wp-block-columns.is-style-media-right .wp-block-column {
			-webkit-box-flex: 1;
			    -ms-flex: 1 0 50%;
			        flex: 1 0 50%;
			max-width: 50%;
			width: 50%
	}
		}

.wp-block-columns.is-style-media-left .wp-block-column:not(:first-child), .wp-block-columns.is-style-media-right .wp-block-column:not(:first-child) {
		margin-left: 0;
	}

.wp-block-columns.is-style-media-left {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column
}

@media ( min-width: 48em ) {

.wp-block-columns.is-style-media-left {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row
}
	}

.wp-block-columns.is-style-media-left .wp-block-column:not(:first-child) {
		padding: 4%
	}

@media ( min-width: 64em ) {

.wp-block-columns.is-style-media-left .wp-block-column:not(:first-child) {
			padding: 0 4%
	}
		}

.wp-block-columns.is-style-media-right {
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: column-reverse;
	        flex-direction: column-reverse
}

@media ( min-width: 48em ) {

.wp-block-columns.is-style-media-right {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row
}
	}

.wp-block-columns.is-style-media-right .wp-block-column:first-child {
		padding: 4%
	}

@media ( min-width: 64em ) {

.wp-block-columns.is-style-media-right .wp-block-column:first-child {
			padding: 0 4%
	}
		}

.wp-block-cover {
	padding: 75px 0
}

@media ( min-width: 64em ) {

.wp-block-cover {
		padding: 100px
}
	}

.wp-block-cover:not([class*="mb-"]) {
		margin-bottom: 30px
	}

@media ( min-width: 64em ) {

.wp-block-cover:not([class*="mb-"]) {
			margin-bottom: 60px
	}
		}

.wp-block-cover h1:first-child,.wp-block-cover h2:first-child,.wp-block-cover h3:first-child,.wp-block-cover h4:first-child,.wp-block-cover h5:first-child,.wp-block-cover h6:first-child {
		margin-top: 0;
	}

.wp-block-cover.is-style-short {
		min-height: 350px
	}

@media ( min-width: 64em ) {

.wp-block-cover.is-style-short {
			padding: 50px
	}
		}

.wp-block-cover .wp-block-cover__inner-container {
		color: #000;
		color: var(--c-text);
	}

.wp-block-cover[class*="background-color"].has-background-dim:not(.has-background-gradient)::before {
			display: none;
		}

.wp-block-cover__inner-container {
	max-width: 752px;
}

.wp-block-cover.is-style-media-and-text {
	padding: 0
}

.wp-block-cover.is-style-media-and-text .wp-block-cover__inner-container {
		max-width: none;
	}

.wp-block-cover.is-style-media-and-text .wp-block-media-text {
		margin-bottom: 0;
		margin-top: 0;
	}

.wp-block-group.is-style-narrow-content .wp-block-group__inner-container {
		margin-left: auto;
		margin-right: auto;
		max-width: 1140px;
		max-width: var(--content-sidebar-max-width);
	}

/*
 * Headings
 */

h1,h2,h3,h4,h5,h6 {
	font-family: var(--ff-ss);
	font-weight: 700;
	font-weight: var(--fw-bold);
}

h1,
.is-style-h1 {
	font-size: 40px;
	font-size: var(--fs-h1-sm)
}

@media ( min-width: 48em ) {

h1,
.is-style-h1 {
		font-size: 60px;
		font-size: var(--fs-h1)
}
	}

a {
	text-decoration: underline;
	-webkit-transition: color 0.2s ease;
	transition: color 0.2s ease
}

a:hover {
		border: 0;
		color: #404040;
		color: var(--c-gray-900);
	}

.is-style-smaller {
	font-size: 14px;
	font-size: var(--fs-body-smaller-sm);
	line-height: 1.875;
	line-height: var(--lh-body-smaller)
}

@media ( min-width: 48em ) {

.is-style-smaller {
		font-size: 14px;
		font-size: var(--fs-body-smaller)
}
	}

.wp-block-pullquote,
.wp-block-quote {
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 55px 0;
	position: relative
}

.csc-theme .wp-block-pullquote,
.csc-theme .wp-block-quote {
		left: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
		right: -50%;
		width: 100vw
}

.wp-block-pullquote.is-style-solid-color blockquote,
	.wp-block-pullquote blockquote,
	.wp-block-quote.is-style-solid-color blockquote,
	.wp-block-quote blockquote {
		margin: 0 auto;
		max-width: 1324px;
		max-width: var(--site-max-width);
		padding-left: 30px;
		padding-right: 30px
	}

.wp-block-pullquote.is-style-solid-color blockquote p, .wp-block-pullquote blockquote p, .wp-block-quote.is-style-solid-color blockquote p, .wp-block-quote blockquote p {
			font-size: 42px;
			font-size: var(--fs-42);
			font-weight: 700;
			line-height: 1.19
		}

.wp-block-pullquote.is-style-solid-color blockquote p::before, .wp-block-pullquote blockquote p::before, .wp-block-quote.is-style-solid-color blockquote p::before, .wp-block-quote blockquote p::before {
				content: "“";
			}

.wp-block-pullquote.is-style-solid-color blockquote p::after, .wp-block-pullquote blockquote p::after, .wp-block-quote.is-style-solid-color blockquote p::after, .wp-block-quote blockquote p::after {
				content: "”";
			}

.wp-block-quote > * {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 1324px;
		max-width: var(--site-max-width);
		padding-left: 30px;
		padding-right: 30px;
	}

/* Custom separator styles */

.wp-block-separator {
	border: 0;
	border-top: 1px solid #ddd;
	border-top: 1px solid var(--c-border)
}

.wp-block-separator.align-left {
		margin-left: 0;
	}

.wp-block-separator.align-right {
		margin-right: 0;
	}

.wp-block-separator.is-style-fleur-de-lis,
	.wp-block-separator.is-style-fleur-de-lis-light {
		background-image: url("../images/separator-lis-dark.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: auto 24px;
		border: 0;
		height: 24px;
		width: 66px;
	}

.wp-block-separator.is-style-fleur-de-lis-light {
		background-image: url("../images/separator-lis-light.png");
	}

/* Custom Blocks */

.csc-cards__item {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: block;
	margin-bottom: 40px;
	text-decoration: none
}

@media ( min-width: 48em ) {

.csc-cards__item {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		padding-left: 16px;
		padding-right: 16px
}
	}

.csc-cards__image {

	overflow: hidden;

	position: relative
}

.csc-cards__image::before {
		content: "";
		display: block;
		padding-bottom: calc(3 / 4 * 100%);
		width: 100%;
	}

.csc-cards__image {
	margin-bottom: 15px
}

.csc-cards__image img {

		bottom: 0;

		left: 0;

		position: absolute;

		right: 0;

		top: 0;

		z-index: 2;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		width: 100%;
	}

.ie11 .csc-cards__image img {
		left: 50%;
		max-width: none;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: auto;
	}

.csc-cards__category {
	color: #757575;
	color: var(--c-text-subtle);
	font-size: 12px;
	margin: 0;
}

.csc-cards__title {
	font-size: 14px;
	font-weight: 400;
	margin: 0
}

a .csc-cards__title::after {
		display: none
}

.tns-outer {
	text-align: center
}

.tns-outer button[data-action="start"],
	.tns-outer button[data-action="stop"] {
		background-color: transparent;
		background-position: center;
		background-repeat: no-repeat;
		border: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		height: 12px;
		padding: 0;
		width: 10px;
	}

.tns-outer button[data-action="start"] {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10'%3E%3Cpolygon fill='%23FFF' fill-rule='evenodd' points='128 0 133 10 123 10' transform='rotate(90 66.786 -56.214)'/%3E%3C/svg%3E%0A");
	}

.tns-outer button[data-action="stop"] {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' viewBox='0 0 9 10'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M127.5,0 L127.5,10 L125,10 L125,0 L127.5,0 Z M132.5,0 L132.5,10 L130,10 L130,0 L132.5,0 Z' transform='translate(-124.428)'/%3E%3C/svg%3E%0A");
	}

.slider--dark .tns-outer button[data-action="start"] {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10'%3E%3Cpolygon fill='%23000' fill-rule='evenodd' points='128 0 133 10 123 10' transform='rotate(90 66.786 -56.214)'/%3E%3C/svg%3E%0A");
		}

.slider--dark .tns-outer button[data-action="stop"] {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='10' viewBox='0 0 9 10'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M127.5,0 L127.5,10 L125,10 L125,0 L127.5,0 Z M132.5,0 L132.5,10 L130,10 L130,0 L132.5,0 Z' transform='translate(-124.428)'/%3E%3C/svg%3E%0A");
		}

.tns-nav {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	line-height: 1;
	margin: 30px 10px;
	position: relative;
	text-align: center
}

.tns-nav button {
		background-color: transparent;
		border: 1px solid #fff;
		border: 1px solid var(--c-white);
		border-radius: 100%;
		height: 12px;
		margin: 0 5px;
		padding: 0;
		width: 12px
	}

.slider--dark .tns-nav button {
			border-color: #000;
			border-color: var(--c-black)
	}

.tns-nav button.tns-nav-active {
			background-color: #fff;
			background-color: var(--c-white)
		}

.slider--dark .tns-nav button.tns-nav-active {
				background-color: #000;
				background-color: var(--c-black)
		}

.slider--controls-inline .tns-controls {
		position: relative
}

.tns-controls:focus {
		outline: none;
	}

.tns-controls button {
		background-color: transparent;
		background-position: center;
		background-repeat: no-repeat;
		border: 0;
		color: #fff;
		color: var(--c-text-on-dark);
		height: 27px;
		padding: 0;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		width: 27px;
		z-index: 2
	}

.slider--dark .tns-controls button {
			color: #000;
			color: var(--c-text)
	}

.slider--controls-inline .tns-controls button {
			top: -50px;
			-webkit-transform: none;
			        transform: none
	}

.tns-controls button[data-controls="prev"] {
			background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='27px' height='27px' viewBox='0.772 0 27 27' enable-background='new 0.772 0 27 27' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M14.272,27c-7.444,0-13.5-6.056-13.5-13.5S6.826,0,14.272,0c7.444,0,13.5,6.056,13.5,13.5 S21.716,27,14.272,27z M14.272,25.2c6.452,0,11.7-5.248,11.7-11.7s-5.248-11.7-11.7-11.7c-6.452,0-11.7,5.248-11.7,11.7 S7.82,25.2,14.272,25.2z M16.016,19.5l-6.244-6.108L16.024,7.5l0.938,0.892l-5.322,5.017l5.333,5.216L16.016,19.5z'/%3E%3C/svg%3E%0A");
			left: 0
		}

.slider--dark .tns-controls button[data-controls="prev"] {
				background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='27px' height='27px' viewBox='0.772 0 27 27' enable-background='new 0.772 0 27 27' xml:space='preserve'%3E%3Cpath fill='%23000000' d='M14.272,27c-7.444,0-13.5-6.056-13.5-13.5S6.826,0,14.272,0c7.444,0,13.5,6.056,13.5,13.5 S21.716,27,14.272,27z M14.272,25.2c6.452,0,11.7-5.248,11.7-11.7s-5.248-11.7-11.7-11.7c-6.452,0-11.7,5.248-11.7,11.7 S7.82,25.2,14.272,25.2z M16.016,19.5l-6.244-6.108L16.024,7.5l0.938,0.892l-5.322,5.017l5.333,5.216L16.016,19.5z'/%3E%3C/svg%3E%0A")
		}

.slider--controls-inline .tns-controls button[data-controls="prev"] {
				background-image: url("data:image/svg+xml,%3Csvg width='6px' height='10px' viewBox='0 0 6 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpolygon transform='translate(2.707107, 6.707107) rotate(-180.000000) translate(-2.707107, -6.707107) ' points='1.19015908e-13 4.70710678 0.707106781 4 5.41421356 8.70710678 4.70710678 9.41421356'%3E%3C/polygon%3E%3Cpolygon transform='translate(2.707107, 2.707107) rotate(-180.000000) translate(-2.707107, -2.707107) ' points='4.70710678 1.19015908e-13 5.41421356 0.707106781 0.707106781 5.41421356 1.19015908e-13 4.70710678'%3E%3C/polygon%3E%3C/svg%3E")
		}

.tns-controls button[data-controls="next"] {
			background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='27px' height='27px' viewBox='0.772 0 27 27' enable-background='new 0.772 0 27 27' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M14.272,0c7.444,0,13.5,6.056,13.5,13.5S21.718,27,14.272,27c-7.444,0-13.5-6.056-13.5-13.5 S6.828,0,14.272,0z M14.272,1.8c-6.452,0-11.7,5.248-11.7,11.7s5.248,11.7,11.7,11.7c6.452,0,11.7-5.248,11.7-11.7 S20.724,1.8,14.272,1.8z M12.528,7.5l6.244,6.108L12.52,19.5l-0.938-0.892l5.322-5.017l-5.333-5.216L12.528,7.5z'/%3E%3C/svg%3E%0A");
			right: 0
		}

.slider--dark .tns-controls button[data-controls="next"] {
				background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='27px' height='27px' viewBox='0.772 0 27 27' enable-background='new 0.772 0 27 27' xml:space='preserve'%3E%3Cpath fill='%23000000' d='M14.272,0c7.444,0,13.5,6.056,13.5,13.5S21.718,27,14.272,27c-7.444,0-13.5-6.056-13.5-13.5 S6.828,0,14.272,0z M14.272,1.8c-6.452,0-11.7,5.248-11.7,11.7s5.248,11.7,11.7,11.7c6.452,0,11.7-5.248,11.7-11.7 S20.724,1.8,14.272,1.8z M12.528,7.5l6.244,6.108L12.52,19.5l-0.938-0.892l5.322-5.017l-5.333-5.216L12.528,7.5z'/%3E%3C/svg%3E%0A")
		}

.slider--controls-inline .tns-controls button[data-controls="next"] {
				background-image: url("data:image/svg+xml,%3Csvg width='6px' height='10px' viewBox='0 0 6 10' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpolygon points='1.13686838e-13 0.707106781 0.707106781 1.19015908e-13 5.41421356 4.70710678 4.70710678 5.41421356'%3E%3C/polygon%3E%3Cpolygon points='4.70710678 4 5.41421356 4.70710678 0.707106781 9.41421356 1.13686838e-13 8.70710678'%3E%3C/polygon%3E%3C/svg%3E")
		}

.csc-accordion.accordion > .accordion-header {
		background-color: #fff;
		background-color: var(--c-card-bg);
		background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13.333px' height='8px' viewBox='0.333 0.667 13.333 8' enable-background='new 0.333 0.667 13.333 8' xml:space='preserve' %3E%3Cpolygon points='13.666,1.72 12.675,0.679 7.101,6.592 1.305,0.667 0.333,1.729 7.12,8.667 '/%3E%3C/svg%3E%0A");
		background-position: center right 15px;
		background-repeat: no-repeat;
		background-size: 13px 8px;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.33;
		margin-bottom: 15px;
		padding: 15px
	}

@media ( min-width: 48em ) {

.csc-accordion.accordion > .accordion-header {
			background-position: center right 25px;
			background-size: 20px 12px;
			font-size: 32px;
			line-height: 1.38;
			margin-bottom: 30px;
			padding: 30px 25px
	}
		}

.csc-accordion.accordion > .accordion-header.is-active {
			background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13.333px' height='8px' viewBox='0.333 0.333 13.333 8' enable-background='new 0.333 0.333 13.333 8' xml:space='preserve' %3E%3Cpolygon points='13.666,7.28 12.675,8.321 7.101,2.408 1.305,8.333 0.333,7.271 7.12,0.333 '/%3E%3C/svg%3E%0A");
		}

.csc-accordion.accordion > .accordion-content {
		background-color: #fff;
		background-color: var(--c-card-bg);
		margin-bottom: 15px;
		margin-top: -15px;
		overflow: hidden;
		padding: 0 15px
	}

@media ( min-width: 48em ) {

.csc-accordion.accordion > .accordion-content {
			margin-bottom: 30px;
			margin-top: -30px;
			padding: 0 25px
	}
		}

.csc-accordion.accordion > .accordion-content.is-active::before {
				background-color: #979797;
				background-color: var(--c-gray-600);
				content: "";
				display: block;
				height: 1px;
				width: 100%;
			}

.faq-block .faq-accordion {
		margin-bottom: 0;
	}

.faq-block .accordion-header {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		background-color: transparent;
		border: 0;
		border-top: 1px solid #ddd;
		border-top: 1px solid var(--c-border);
		color: #000;
		color: var(--c-text);
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		min-height: 70px;
		padding: 15px 0;
		position: relative;
		text-align: left;
		width: 100%
	}

.faq-block .accordion-header:first-child {
			border-top: 0;
		}

.faq-block .accordion-header span {
			display: none;
		}

.faq-block .accordion-content {
		padding-bottom: 30px
	}

.js .faq-block .accordion-content {
			display: none
	}

.js .faq-block .accordion-content.is-active {
				display: block;
			}

.featured-hero--image {
	min-height: 300px
}

@media ( min-width: 30em ) {

.featured-hero--image {
		min-height: 0;
		min-height: initial
}
	}

.featured-hero--image .featured-hero__image__image {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		min-height: 300px
	}

@media ( min-width: 30em ) {

.featured-hero--image .featured-hero__image__image {
			min-height: 0;
			min-height: initial
	}
		}

.featured-hero--image .featured-hero__image__image img {
			-o-object-fit: cover;
			   object-fit: cover
		}

@media ( min-width: 30em ) {

.featured-hero--image .featured-hero__image__image img {
				max-width: 100%;
				-o-object-fit: none;
				   object-fit: none
		}
			}

@media (max-width: 64em) {

.hero-carousel__container {
		bottom: 240px;
		top: auto;
		-webkit-transform: translate(-50%, 0);
		        transform: translate(-50%, 0)
}
	}

@media (max-width: 850px) {

.hero-carousel__container {
		bottom: 180px
}
	}

@media (max-width: 600px) {

.hero-carousel__container {
		bottom: 10px
}
	}

.hero-carousel__content {
	--hero-carousel-bg-color: var(--c-transluscent-white, rgba(255, 255, 255, 0.8));
	--hero-carousel-title-color: var(--c-h2);
	--hero-carousel-text-color: var(--c-black);
	background-color: var(--hero-carousel-bg-color);
	max-width: 100%;
	padding: 30px
}

@media ( min-width: 48em ) {

.hero-carousel__content {
		max-width: 45pc;
		padding: 65px
}
	}

.hero-carousel__content h2 {
		margin: 0 0 20px;
	}

.hero-carousel__content p {
		font-size: 19px;
	}

.hero-carousel__content .wp-block-button__link,
	.hero-carousel__content .button-primary {
		background-color: transparent;
		color: #000;
		color: var(--c-black)
	}

.hero-carousel__content .wp-block-button__link:hover, .hero-carousel__content .button-primary:hover {
			background-color: #404040;
			background-color: var(--c-gray-900);
			color: #fff;
			color: var(--c-white);
		}

.hero-carousel__content .wp-block-button__link:active, .hero-carousel__content .button-primary:active {
			background-color: #000;
			background-color: var(--c-black);
			color: #fff;
			color: var(--c-white);
		}

.hero-carousel__content .wp-block-button__link[disabled], .hero-carousel__content .button-primary[disabled] {
			background-color: #bdbdbd;
			background-color: var(--c-gray-500);
			color: #979797;
			color: var(--c-gray-600);
		}

.hero-carousel__slide.is-style-campbells-red .hero-carousel__content .wp-block-button__link,
	.hero-carousel__slide.is-style-campbells-red .hero-carousel__content .button-primary {
		background-color: #bf1a1e;
		background-color: var(--c-campbellsred);
		border-color: #bf1a1e;
		border-color: var(--c-campbellsred);
		color: #fff;
		color: var(--c-white)
	}

.hero-carousel__slide.is-style-campbells-red .hero-carousel__content .wp-block-button__link:hover, .hero-carousel__slide.is-style-campbells-red .hero-carousel__content .button-primary:hover {
			background-color: #bf1a1e;
			background-color: var(--c-campbellsred);
			border-color: #bf1a1e;
			border-color: var(--c-campbellsred);
			color: #fff;
			color: var(--c-white);
		}

.hero-carousel__slide.is-style-campbells-red .hero-carousel__content .wp-block-button__link:active, .hero-carousel__slide.is-style-campbells-red .hero-carousel__content .button-primary:active {
			background-color: #9f1810;
			background-color: var(--c-darkred);
			border-color: #9f1810;
			border-color: var(--c-darkred);
			color: #fff;
			color: var(--c-white);
		}

.hero-carousel__slide.is-style-campbells-red .hero-carousel__content .wp-block-button__link[disabled], .hero-carousel__slide.is-style-campbells-red .hero-carousel__content .button-primary[disabled] {
			background-color: #9f1810;
			background-color: var(--c-darkred);
			border-color: #9f1810;
			border-color: var(--c-darkred);
			color: #fff;
			color: var(--c-white);
		}

.hero-carousel .tns-nav {
	bottom: 19px;
	left: 0;
	margin: 0;
	position: absolute;
	width: 100%;
}

.hero-carousel .tns-nav button {
	border-color: #000;
	border-color: var(--c-black);
}

.hero-carousel .tns-nav button.tns-nav-active {
	background-color: #000;
	background-color: var(--c-black);
}

.hero-carousel__slide.is-style-transparent .hero-carousel__content {
	background: none;
}

/* 21:9 Ratio block style */

@media ( min-width: 64em ) {

.hero-carousel.is-style-ratio-twenty-one-nine .hero-carousel__slide:before {
			padding-bottom: 42.85714286%
}
		}

.related-content {
	color: #fff;
	color: var(--c-text-on-dark);
	padding-bottom: 40px;
	padding-top: 40px
}

.csc-theme .related-content {
		left: auto;
		margin-bottom: 16px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 16px;
		width: 100%
}

.related-content h1,.related-content h2,.related-content h3,.related-content h4,.related-content h5,.related-content h6 {
		color: inherit;
	}

.related-content .tns-outer {
		margin-left: auto;
		margin-right: auto;
		max-width: 985px;
	}

.related-content .product-card {
		color: inherit;
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 300px
	}

@media ( min-width: 64em ) {

.related-content .product-card {
			max-width: none
	}
		}

.related-content a.product-card:focus,
		.related-content a.product-card:hover {
			opacity: 0.85;
		}

.related-content__slider li::before {
		display: none;
	}

.related-content__item {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

.container ul.tab-list {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding-left: 0;
	white-space: normal
}

@media ( min-width: 64em ) {

.container ul.tab-list {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		white-space: no-wrap
}
	}

.container ul.tab-list li {
		border-bottom: 1px solid #fff;
		border-bottom: 1px solid var(--c-white);
		width: 100%
	}

@media ( min-width: 64em ) {

.container ul.tab-list li {
			border-bottom: 0;
			border-right: 1px solid #fff;
			border-right: 1px solid var(--c-white);
			-webkit-box-flex: 1;
			    -ms-flex: 1 0 auto;
			        flex: 1 0 auto;
			width: auto
	}
		}

.container ul.tab-list li:last-child {
			border-bottom: 0;
			border-right: 0;
		}

.container ul.tab-list li::before {
			display: none;
		}

.tab-item > [role="tab"] {
		background-color: #bf1a1e;
		background-color: var(--c-tabs-bg);
		color: #fff;
		color: var(--c-text-on-dark);
		display: block;
		font-size: 21px;
		font-weight: 700;
		padding: 10px 20px;
		width: 100%
	}

@media ( min-width: 64em ) {

.tab-item > [role="tab"] {
			font-size: 32px;
			padding: 20px
	}
		}

.tab-item > [role="tab"] span::after {
			background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13.333px' height='8px' viewBox='0.333 0.667 13.333 8' enable-background='new 0.333 0.667 13.333 8' xml:space='preserve' %3E%3Cpolygon fill='%23ffffff' points='13.666,1.72 12.675,0.679 7.101,6.592 1.305,0.667 0.333,1.729 7.12,8.667 '/%3E%3C/svg%3E%0A");
			background-repeat: no-repeat;
			background-size: 13px 8px;
			content: "";
			display: inline-block;
			height: 8px;
			margin-left: 15px;
			vertical-align: middle;
			width: 13px
		}

@media ( min-width: 64em ) {

.tab-item > [role="tab"] span::after {
				background-size: 20px 12px;
				height: 12px;
				margin-left: 20px;
				width: 20px
		}
			}

.tab-item.is-active [role="tab"] {
			background-color: #9f1810;
			background-color: var(--c-tabs-active-bg)
		}

.tab-item.is-active [role="tab"] span::after {
				background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13.333px' height='8px' viewBox='0.333 0.333 13.333 8' enable-background='new 0.333 0.333 13.333 8' xml:space='preserve' %3E%3Cpolygon fill='%23ffffff' points='13.666,7.28 12.675,8.321 7.101,2.408 1.305,8.333 0.333,7.271 7.12,0.333 '/%3E%3C/svg%3E%0A");
			}

.tab-content {
	background-color: #fff;
	background-color: var(--c-card-bg);
	padding: 0 20px
}

@media ( min-width: 64em ) {

.tab-content {
		padding: 0
}
	}

@media ( min-width: 64em ) {

.tab-group {
		background-color: #fff;
		background-color: var(--c-card-bg);
		overflow: hidden;
		padding: 30px 97px
}
	}

.csc-contact-form .csc-contact-form__field {
		margin-bottom: 1rem
	}

.csc-contact-form .csc-contact-form__field.field-select label, .csc-contact-form .csc-contact-form__field.field-text label {
				font-weight: 700;
				font-weight: var(--fw-bold);
			}

.csc-contact-form legend,
	.csc-contact-form .legend {
		display: inline-block;
		margin-bottom: 10px;
	}

.csc-contact-form .field-radio {
		margin-bottom: 0.5rem;
	}

.csc-contact-form hr {
		margin-bottom: 1.5rem;
	}

.csc-contact-form__help {
	display: inline-block;
	margin: 14px 0;
}

.product-list {
	background-color: #fff;
	background-color: var(--c-white);
	padding: 20px 20px 40px 20px;
}

.product-list .product-list__grid .product-list__item {
		-ms-flex-preferred-size: 50%;
		    flex-basis: 50%;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		-ms-flex-negative: 0;
		    flex-shrink: 0;
		position: relative
	}

.product-list .product-list__grid .product-list__item::before {
			background-color: #ddd;
			background-color: var(--c-border);
			content: "";
			height: 100%;
			left: 0;
			position: absolute;
			width: 1px;
		}

.product-list .product-list__grid .product-list__item a {
			display: block;
			text-decoration: none
		}

.product-list .product-list__grid .product-list__item a img {
				max-height: 120px;
			}

.product-list .product-list__grid .product-list__item a h3 {
				color: #2a0606;
				color: var(--c-text-dark);
				font-size: 16px;
				font-size: var(--fs-body-sm);
				font-weight: 400;
				line-height: 1.5;
				padding: 0 16px;
			}

.product-list .product-list__grid.product-list__grid .product-list__item {
			border-bottom: 1px solid #ddd;
			border-bottom: 1px solid var(--c-border);
			margin-bottom: 0
		}

@media ( min-width: 48em ) {

.product-list .product-list__grid.product-list__grid .product-list__item {
				margin-bottom: 20px
		}
			}

.product-list .product-list__grid.product-list__grid .product-list__item:nth-last-child(1),
			.product-list .product-list__grid.product-list__grid .product-list__item:nth-last-child(2) {
				border-bottom: 0;
			}

.product-list .product-list__grid.product-list__grid .product-list__item:first-child::before,
			.product-list .product-list__grid.product-list__grid .product-list__item:nth-child(2n+1)::before {
				content: none;
			}

@media ( min-width: 48em ) {

.product-list .product-list__grid.product-list__grid .product-list__item {
				border-bottom: 0;
				margin-bottom: 10px
		}

				.product-list .product-list__grid.product-list__grid .product-list__item:nth-child(2n+1)::before {
					content: "";
				}
			}

@media ( min-width: 48em ) {

.product-list .product-list__grid.product-list__grid.product-list__grid-of-2 .product-list__item:nth-child(2n+1)::before {
				content: none
		}
			}

@media ( min-width: 48em ) {

.product-list .product-list__grid.product-list__grid.product-list__grid-of-3 .product-list__item:nth-child(3n+1)::before {
				content: none
		}
			}

@media ( min-width: 48em ) {

.product-list .product-list__grid.product-list__grid.product-list__grid-of-4 .product-list__item:nth-child(4n+1)::before {
				content: none
		}
			}

@media ( min-width: 48em ) {

.product-list .product-list__grid.product-list__grid.product-list__grid-of-5 .product-list__item:nth-child(5n+1)::before {
				content: none
		}
			}

@media ( min-width: 48em ) {

.product-list .product-list__grid.product-list__grid.product-list__grid-of-6 .product-list__item:nth-child(6n+1)::before {
				content: none
		}
			}

.product-list .product-list__grid.product-list__grid.product-list__grid-of-6.curated-product-list__grid-of-3 .product-list__item, .product-list .product-list__grid.product-list__grid.product-list__grid-of-6.curated-product-list__grid-of-5 .product-list__item {
					border-bottom: 1px solid #ddd;
					border-bottom: 1px solid var(--c-border)
				}

.product-list .product-list__grid.product-list__grid.product-list__grid-of-6.curated-product-list__grid-of-3 .product-list__item:nth-last-child(1), .product-list .product-list__grid.product-list__grid.product-list__grid-of-6.curated-product-list__grid-of-5 .product-list__item:nth-last-child(1) {
						border-bottom: 0;
					}

@media ( min-width: 48em ) {

.product-list .product-list__grid.product-list__grid.product-list__grid-of-6.curated-product-list__grid-of-3 .product-list__item, .product-list .product-list__grid.product-list__grid.product-list__grid-of-6.curated-product-list__grid-of-5 .product-list__item {
						border-bottom: 0
				}
					}

@media ( min-width: 48em ) {

.product-list .product-list__grid.product-list__grid.product-list__grid-of-7 .product-list__item:nth-child(7n+1)::before {
				content: none
		}
			}

@media ( min-width: 48em ) {

.product-list .product-list__grid.product-list__grid.product-list__grid-of-8 .product-list__item:nth-child(8n+1)::before {
				content: none
		}
			}

.product-list .dialog-content {
		padding: 50px 20px;
		width: 1324px;
		width: var(--site-max-width)
	}

@media ( min-width: 48em ) {

.product-list .dialog-content {
			padding: 50px 100px
	}
		}

.product-list .list-filters__apply {
		border-bottom: 0;
		margin-bottom: 30px;
		margin-top: 30px;
		padding-bottom: 0;
		padding-top: 0;
		text-align: right;
	}

@media ( min-width: 64em ) {

.product-list .list-filters {
			-ms-flex-preferred-size: 100%;
			    flex-basis: 100%;
			max-width: 100%;
			width: 100%
	}
		}

.product-list .list-filters .list-filters__accordion ul {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			max-height: 25vh;
			overflow: auto;
			padding: 0
		}

.product-list .list-filters .list-filters__accordion ul li {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-ms-flex-preferred-size: 100%;
				    flex-basis: 100%;
				-webkit-box-flex: 0;
				    -ms-flex-positive: 0;
				        flex-grow: 0;
				-ms-flex-negative: 0;
				    flex-shrink: 0;
				text-align: left
			}

@media ( min-width: 48em ) {

.product-list .list-filters .list-filters__accordion ul li {
					-ms-flex-preferred-size: 30%;
					    flex-basis: 30%
			}
				}

.product-list .list-filters .list-filters__accordion ul input,
			.product-list .list-filters .list-filters__accordion ul label {
				cursor: pointer;
				-ms-flex-negative: 0;
				    flex-shrink: 0;
			}

.product-list .list-filters .list-filters__accordion ul label {
				font-size: 18px;
				line-height: 1.1;
				margin: 0 14px 14px 7px;
			}

.product-list .filter-dialog-button {
		background-color: transparent;
		border: 0;
		cursor: pointer;
		font-size: 14px;
		padding: 4px 4px 4px 30px;
		position: relative;
		vertical-align: middle
	}

.product-list .filter-dialog-button svg {
			left: 0;
			position: absolute;
			top: 0;
		}

.recently-viewed {
	display: none;
	margin-left: -10px;
	margin-right: -10px
}

.recently-viewed > h3 {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 100%;
		        flex: 1 0 100%;
		margin-left: 10px;
		margin-right: 10px;
		text-align: center;
	}

.recently-viewed > .wp-block-button {
		margin-top: 32px;
	}

.recently-viewed-card-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap
}

.recently-viewed-card-list > div {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 calc(100% - 20px);
		        flex: 1 0 calc(100% - 20px);
		margin: 10px;
		max-width: calc(100% - 20px);
		width: calc(100% - 20px)
	}

@media ( min-width: 48em ) {

.recently-viewed-card-list > div {
			-webkit-box-flex: 1;
			    -ms-flex: 1 0 calc(33.33% - 20px);
			        flex: 1 0 calc(33.33% - 20px);
			margin: 0 10px;
			max-width: calc(33.33% - 20px);
			width: calc(33.33% - 20px)
	}
		}

.product-lines {
	background-color: #fff;
	background-color: var(--c-white);
	margin-top: 20px;
	padding: 20px 20px 40px 20px;
}

.product-lines__item {
	border-right: 1px solid #ddd;
	border-right: 1px solid var(--c-border);
	margin-bottom: 30px !important
}

@media ( min-width: 64em ) {

.product-lines__item {
		margin-bottom: 10px !important
}
	}

.product-lines__item:nth-child(2n) {
		border-right: 0
	}

@media ( min-width: 48em ) {

.product-lines__item:nth-child(2n) {
			border-right: 1px solid #ddd;
			border-right: 1px solid var(--c-border)
	}
		}

@media ( min-width: 48em ) {

.product-lines__item:nth-child(3n) {
			border-right: 0
	}
		}

@media ( min-width: 64em ) {

.product-lines__item:nth-child(3n) {
			border-right: 1px solid #ddd;
			border-right: 1px solid var(--c-border)
	}
		}

.product-lines__item a {
		display: block;
	}

.product-lines__item img {
		height: auto;
		max-width: 104px;
		width: auto;
	}

.product-lines__item::after {
		background-color: #ddd;
		background-color: var(--c-border);
		content: "";
		display: block;
		height: 1px;
		left: 0;
		position: absolute;
		top: calc(100% + 15px);
		width: calc(100% + 1px)
	}

@media ( min-width: 64em ) {

.product-lines__item::after {
			display: none
	}
		}

.product-lines__grid {
	margin-bottom: 24px
}

@media ( min-width: 64em ) {

.product-lines__grid {
		margin-bottom: 32px
}
	}

/* Layout - styles specific to layout */

/* Layout */

.header-regular__logo svg,
	.header-regular__logo img {
		display: block;
		height: 40px;
		width: 136px;
	}

@media ( min-width: 64em ) {

.header-regular__dropdown-menu a {
		max-width: 200px
}
	}

.header-regular__brands-nav__menu.header-regular__menu-inline img {
		image-rendering: -webkit-optimize-contrast;
	}

.header-regular__brands-nav__menu.header-regular__menu-inline a[href*="campbells"] img {
		max-width: 65px;
	}

.header-newsletter {
	margin-bottom: 0;
	margin-left: 18px;
	padding-top: 20px
}

@media ( min-width: 64em ) {

.header-newsletter {
		padding-top: 0
}
	}

.header-regular__utility-nav {
	margin-left: auto;
}

.header-regular__utility-nav__menu.header-regular__menu-inline {
	padding-bottom: 0
}

.header-regular__utility-nav__menu.header-regular__menu-inline > .menu-item {
		margin-bottom: 8px;
	}

.header-regular__utility-nav__menu.header-regular__menu-inline .languages > a {
			background-image: url("../svg/map-marker-alt-solid.svg");
			background-position-y: center;
			background-repeat: no-repeat;
			background-size: 10px;
			content: "";
			padding-left: 16px;
			width: 10px;
		}

.header-regular__brands-utility-inner {
	padding-bottom: 20px
}

@media ( min-width: 64em ) {

.header-regular__brands-utility-inner {
		padding: 7px 0
}
	}

.footer-collapsible__menu {
	margin: 0 auto;
	max-width: 950px;
}

.footer-newsletter {
	margin-bottom: 30px;
	text-align: center;
}

.footer-newsletter-button svg {
		display: inline-block;
		margin-right: 10px;
		margin-top: -2px;
		vertical-align: middle;
	}

.footer-newsletter-button:hover {
		background: #bf1a1e;
		background: var(--c-campbellsred);
		border-color: #bf1a1e;
		border-color: var(--c-campbellsred);
		color: #fff;
		color: var(--c-white)
	}

.footer-newsletter-button:hover svg {
			fill: #fff;
			fill: var(--c-white);
		}

@media ( min-width: 80em ) {

.container {
		padding-left: 15px;
		padding-left: var(--gutter);
		padding-right: 15px;
		padding-right: var(--gutter)
}
	}

@media ( min-width: 90em ) {

.container {
		padding-left: 0;
		padding-right: 0
}
	}

/* Templates */

/* Templates */

.error-404 .wp-block-cover {
		min-height: 300px
	}

@media ( min-width: 64em ) {

.error-404 .wp-block-cover {
			min-height: 500px
	}
		}

.error-404__title {
	margin-bottom: 0;
	margin-top: 0;
}

@media ( min-width: 48em ) {

.item-list-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-left: -16px;
		margin-right: -16px
}
	}

@media ( min-width: 48em ) {

.item-list-container > * {
			-webkit-box-flex: 1;
			    -ms-flex: 1 0 50%;
			        flex: 1 0 50%;
			max-width: 50%;
			width: 50%
	}
		}

@media ( min-width: 64em ) {

.item-list-container > * {
			-webkit-box-flex: 1;
			    -ms-flex: 1 0 33.33%;
			        flex: 1 0 33.33%;
			max-width: 33.33%;
			width: 33.33%
	}
		}

.item-list-container .csc-cards__image {
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(255, 255, 255, 0.5)));
		background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.5))
	}

.item-list-container .csc-cards__image img {

			left: 50%;

			max-height: 100%;

			max-width: 100%;

			-o-object-fit: contain;

			   object-fit: contain;

			top: 50%;

			-webkit-transform: translate(-50%, -50%);

			        transform: translate(-50%, -50%);
		}

.ie11 .item-list-container .csc-cards__image img {
		width: auto;
		}

.item-list-container .csc-cards__image img {
			margin: 17px 0;
			max-height: calc(100% - 34px);
			top: calc(50% - 17px);
		}

.item-list-container .csc-cards__image.csc-cards__image--recipe img {

				height: 100%;

				-o-object-fit: cover;

				   object-fit: cover;

				width: 100%;
			}

.ie11 .item-list-container .csc-cards__image.csc-cards__image--recipe img {
		left: 50%;
		max-width: none;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: auto;
			}

.item-list-container .csc-cards__image.csc-cards__image--recipe img {
				margin: 0;
				max-height: 100%;
				top: 50%;
			}

.item-list-container .csc-cards__title::after {
		display: none;
	}

.item-list-sorts {
	margin-bottom: 34px;
	margin-top: 32px
}

@media ( min-width: 48em ) {

.item-list-sorts {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between
}
	}

@media ( min-width: 64em ) {

.item-list-sorts {
		margin-top: 0
}
	}

.item-list-sorts.item-list-sorts--bottom {
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}

.item-list-sorts .custom-select {
		margin-bottom: 25px;
		min-width: 249px
	}

@media ( min-width: 48em ) {

.item-list-sorts .custom-select {
			margin-bottom: 0
	}
		}

@media ( min-width: 64em ) {

.item-list-with-filters {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-left: auto;
		margin-right: auto;
		max-width: 1140px;
		max-width: var(--content-sidebar-max-width)
}
	}

@media ( min-width: 64em ) {

.item-list {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 76%;
		        flex: 1 0 76%;
		max-width: 76%;
		padding-left: 42px;
		width: 76%
}
	}

.item-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 14px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between
}

.item-pagination .page-numbers {
		display: inline-block;
		padding: 0 5px;
		text-decoration: none;
	}

.item-pagination .current {
		color: #bf1a1e;
		color: var(--c-campbellsred);
	}

.item-pagination .prev svg {
			display: inline-block;
			-webkit-transform: rotate(180deg);
			        transform: rotate(180deg);
		}

@media ( min-width: 64em ) {

.list-filters {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 24%;
		        flex: 1 0 24%;
		max-width: 24%;
		width: 24%
}
	}

.list-filters ul {
		margin-top: 0;
		padding-left: 0
	}

.list-filters ul li::before {
			display: none;
		}

.list-filters label {
		font-size: 18px;
		vertical-align: middle;
	}

.list-filters input {
		vertical-align: middle;
	}

.list-filters__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 15px;
}

.list-filters__title {
	margin: 0;
}

.list-filters__toggle {
	text-decoration: none
}

@media ( min-width: 64em ) {

.list-filters__toggle {
		display: none
}
	}

.list-filters__toggle svg {
		display: inline-block;
		vertical-align: middle;
	}

.list-filters__applied {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap
}

.list-filters__applied li {
		line-height: 1;
		margin-bottom: 8px;
		margin-right: 8px
	}

.list-filters__applied li:last-child {
			margin-right: 0;
		}

.list-filters__remove {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17.238px' height='17.238px' viewBox='2.939 97.939 17.238 17.238' enable-background='new 2.939 97.939 17.238 17.238' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M18.056,97.939l2.121,2.121l-6.498,6.498l6.498,6.498l-2.121,2.121l-6.498-6.498l-6.498,6.498l-2.121-2.121l6.498-6.498 l-6.498-6.498l2.121-2.121l6.498,6.498L18.056,97.939z'/%3E%3C/svg%3E%0A");
	background-position: center right 17px;
	background-repeat: no-repeat;
	background-size: 10px;
	min-width: 0;
	padding: 5px 37px 5px 17px
}

.list-filters__remove svg {
		fill: #fff;
		fill: var(--c-text-on-dark);
		height: 10px;
		margin-left: 5px;
		margin-top: -2px;
		vertical-align: middle;
		width: 10px;
	}

.list-filters__accordion > .accordion-header {
		background-color: #f5f5f5;
		background-color: var(--c-filters-bg);
		background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13.333px' height='8px' viewBox='0.333 0.667 13.333 8' enable-background='new 0.333 0.667 13.333 8' xml:space='preserve' %3E%3Cpolygon points='13.666,1.72 12.675,0.679 7.101,6.592 1.305,0.667 0.333,1.729 7.12,8.667 '/%3E%3C/svg%3E%0A");
		background-position: center right 16px;
		background-repeat: no-repeat;
		background-size: 13px 8px;
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 1.17px;
		margin-bottom: 9px;
		padding: 17px 16px;
		text-transform: uppercase
	}

.list-filters__accordion > .accordion-header.is-active {
			background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13.333px' height='8px' viewBox='0.333 0.333 13.333 8' enable-background='new 0.333 0.333 13.333 8' xml:space='preserve' %3E%3Cpolygon points='13.666,7.28 12.675,8.321 7.101,2.408 1.305,8.333 0.333,7.271 7.12,0.333 '/%3E%3C/svg%3E%0A");
		}

.list-filters__accordion > .accordion-header:last-of-type {
			margin-bottom: 0;
		}

.list-filters__accordion > .accordion-content {
		background-color: #f5f5f5;
		background-color: var(--c-filters-bg);
		margin-bottom: 9px;
		margin-top: -9px;
		overflow: hidden;
		padding: 0 16px
	}

.list-filters__accordion > .accordion-content:last-of-type {
			margin-bottom: 0;
			margin-top: 0;
		}

.list-filters__apply {
	border-bottom: 1px solid #ddd;
	border-bottom: 1px solid var(--c-border);
	padding-bottom: 30px;
	padding-top: 30px;
	text-align: center;
}

.list-filters__popup {
	background-color: #fff;
	background-color: var(--c-card-bg);
	height: 100vh;
	max-width: 270px;
	overflow: auto;
	padding: 10px;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
	visibility: hidden;
	z-index: 999000
}

@media ( min-width: 64em ) {

.list-filters__popup {
		z-index: 1
}
	}

.list-filters__popup[aria-hidden="false"] {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
		visibility: visible;
	}

@media ( min-width: 64em ) {

.list-filters__popup {
		height: auto;
		max-width: none;
		padding: 0;
		position: relative;
		right: auto;
		top: auto;
		-webkit-transform: none;
		        transform: none;
		visibility: visible
}
	}

.list-filters__reset {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 100%;
	        flex: 1 0 100%;
	text-align: left
}

@media ( min-width: 64em ) {

.list-filters__reset {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto
}
	}

.list-filters__reset[disabled] {
		display: none;
	}

@media ( min-width: 64em ) {

.list-filters__small-screen-headers {
		display: none
}
	}

.collection-child {
	margin-bottom: 60px;
	margin-top: 60px;
}

.collection-cover {

	overflow: hidden;

	position: relative
}

.collection-cover::before {
		content: "";
		display: block;
		padding-bottom: calc(1 / 1 * 100%);
		width: 100%;
	}

.collection-cover {
	margin: 0 0 40px 0
}

@media ( min-width: 48em ) {

.collection-cover {

		overflow: hidden;

		position: relative
}

		.collection-cover::before {
		content: "";
		display: block;
		padding-bottom: calc(350 / 1324 * 100%);
		width: 100%;
	}
	}

.collection-cover img {

		bottom: 0;

		left: 0;

		position: absolute;

		right: 0;

		top: 0;

		z-index: 2;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		width: 100%;
	}

.ie11 .collection-cover img {
		left: 50%;
		max-width: none;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: auto;
	}

.collection-description {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	max-width: 600px;
	text-align: center;
}

.collection-description__title {
	margin: 0;
}

.collection-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-left: -4px;
	margin-right: -4px
}

@media ( min-width: 64em ) {

.collection-grid {
		margin-left: -8px;
		margin-right: -8px
}
	}

.collection-grid > div {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 50%;
		        flex: 1 0 50%;
		margin-bottom: 8px;
		max-width: 50%;
		padding: 0 4px;
		width: 50%
	}

@media ( min-width: 64em ) {

.collection-grid > div {
			-webkit-box-flex: 1;
			    -ms-flex: 1 0 25%;
			        flex: 1 0 25%;
			margin-bottom: 16px;
			max-width: 25%;
			padding: 0 8px;
			width: 25%
	}
		}

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

@media ( min-width: 48em ) {

.account-profile-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
}
	}

.account-profile-left {

	padding: 0 40px;
	text-align: center


	/* A bug in stickybits isn't cleaning up
	the sticky selector properly on resize, so we need
	to make sure this div isn't sticky on mobile */
}

@media (max-width: 768px) {

.account-profile-left {
		position: relative !important
}
	}

@media ( min-width: 48em ) {

.account-profile-left {
		-ms-flex-item-align: start;
		    align-self: flex-start;
		margin-right: 40px;
		margin-top: 20px;
		padding: 0;

		/* Sticky bits override */
		top: 40px !important
}
	}

.account-profile-nav__dropdown {
	padding-right: 40px;
}

.account-profile-right {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}

@media ( min-width: 64em ) {

.account-profile__field-groups {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap
}
	}

.account-profile__field-group {
	margin-bottom: 20px;
	width: 50%;
}

.account-profile__field-label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.075rem;
	text-transform: uppercase;
}

.account-profile__field-value {
	display: block;
	font-size: 14px;
	margin-top: -5px;
}

.account-profile-section {
	background-color: #fff;
	background-color: var(--c-white);
	margin-bottom: 40px;
	padding: 20px;
}

.account-profile__name {
	font-size: 24px;
	margin-top: 0;
}

.account-profile__edit-button {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/* stylelint-disable selector-id-pattern */

#api .localAccount,
#api[data-name="SelfAsserted"],
#api .social {
	background-color: #fff;
	background-color: var(--c-white);
	padding: 30px;
	text-align: center
}

#api .localAccount h2, #api[data-name="SelfAsserted"] h2, #api .social h2 {
		font-size: 28px;
		margin-top: 0;
	}

#api .localAccount ul, #api[data-name="SelfAsserted"] ul, #api .social ul {
		padding-left: 0
	}

#api .localAccount ul li::before, #api[data-name="SelfAsserted"] ul li::before, #api .social ul li::before {
			display: none;
		}

#api .localAccount .entry-item, #api[data-name="SelfAsserted"] .entry-item, #api .social .entry-item {
		margin-bottom: 20px;
	}

#api .localAccount label, #api[data-name="SelfAsserted"] label, #api .social label {
		display: block;
		font-weight: 700;
		margin: 0;
	}

#api .localAccount input,
	#api .localAccount .dropdown_single,
	#api[data-name="SelfAsserted"] input,
	#api[data-name="SelfAsserted"] .dropdown_single,
	#api .social input,
	#api .social .dropdown_single {
		background-color: #fff;
		background-color: var(--c-input-bg);
		border: 1px solid #c2c2c2;
		border: 1px solid var(--c-input-border);
		border-radius: 0;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		display: block;
		font-size: 16px;
		margin-left: auto;
		margin-right: auto;
		max-width: 300px;
		padding: 12px;
		width: 90%
	}

#api .localAccount input:focus, #api .localAccount .dropdown_single:focus, #api[data-name="SelfAsserted"] input:focus, #api[data-name="SelfAsserted"] .dropdown_single:focus, #api .social input:focus, #api .social .dropdown_single:focus {
			border-radius: 0;
		}

#api .localAccount #forgotPassword, #api[data-name="SelfAsserted"] #forgotPassword, #api .social #forgotPassword {
		display: inline-block;
		font-size: 12px;
		margin-bottom: 5px;
	}

#api .localAccount button, #api[data-name="SelfAsserted"] button, #api .social button {
		-webkit-appearance: none;
		background-color: #000;
		background-color: var(--c-black);
		border: 2px solid #000;
		border: 2px solid var(--c-black);
		border-radius: 22px;
		color: #fff;
		color: var(--c-white);
		cursor: pointer;
		display: inline-block;
		font-size: 14px;
		font-size: var(--fs-14);
		height: auto;
		line-height: 1.15;
		min-width: 220px;
		padding: 0.8575em 4em;
		text-align: center;
		text-decoration: none;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease
	}

#api .localAccount button:hover, #api[data-name="SelfAsserted"] button:hover, #api .social button:hover {
			background-color: #404040;
			background-color: var(--c-gray-900);
			border: 2px solid #404040;
			border: 2px solid var(--c-gray-900);
		}

#api .localAccount button:active, #api[data-name="SelfAsserted"] button:active, #api .social button:active {
			background-color: #000;
			background-color: var(--c-black);
			border: 2px solid #000;
			border: 2px solid var(--c-black);
			color: #fff;
			color: var(--c-white);
		}

#api .localAccount button[disabled], #api[data-name="SelfAsserted"] button[disabled], #api .social button[disabled] {
			background-color: #bdbdbd;
			background-color: var(--c-gray-500);
			border: 2px solid #bdbdbd;
			border: 2px solid var(--c-gray-500);
			color: #979797;
			color: var(--c-gray-600);
			cursor: not-allowed;
		}

#api .localAccount #createAccount, #api[data-name="SelfAsserted"] #createAccount, #api .social #createAccount {
		display: block;
		font-weight: 700;
	}

#api .localAccount .divider h2, #api[data-name="SelfAsserted"] .divider h2, #api .social .divider h2 {
		color: #757575;
		color: var(--c-gray-700);
		font-size: 18px;
		margin-top: 36px;
	}

#api .localAccount .helpLink.tiny, #api[data-name="SelfAsserted"] .helpLink.tiny, #api .social .helpLink.tiny {
		display: inline-block;
		font-size: 12px;
		margin-bottom: 10px;
	}

#api .localAccount .error.itemLevel, #api[data-name="SelfAsserted"] .error.itemLevel, #api .social .error.itemLevel {
		margin: 0 auto;
		max-width: 370px;
		width: 90%;
	}

#api .localAccount .error.itemLevel,
	#api .localAccount .error.itemLevel p,
	#api[data-name="SelfAsserted"] .error.itemLevel,
	#api[data-name="SelfAsserted"] .error.itemLevel p,
	#api .social .error.itemLevel,
	#api .social .error.itemLevel p {
		color: #bf1a1e;
		color: var(--c-text-error);
		font-size: 13px;
		margin: 0 auto 10px auto;
	}

#api .localAccount .sendButton, #api[data-name="SelfAsserted"] .sendButton, #api .social .sendButton {
		margin-bottom: 20px;
	}

#api .localAccount select:focus, #api[data-name="SelfAsserted"] select:focus, #api .social select:focus {
		background-image: none;
	}

#api .divider {
	background-color: #fff;
	background-color: var(--c-white);
	overflow: hidden
}

#api .divider h2 {
		color: #757575;
		color: var(--c-gray-700);
		font-size: 18px;
		margin: 0;
		text-align: center;
	}

#api .social button.accountButton {
		background-color: #fff;
		background-color: var(--c-white);
		border: 1px solid #000;
		border: 1px solid var(--c-black);
		border-radius: 20px;
		color: #000;
		color: var(--c-black);
		cursor: pointer;
		font-size: 14px;
		padding: 10px 20px
	}

#api .social button.accountButton#FacebookExchange {
			background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 167.657 167.657' style='enable-background:new 0 0 167.657 167.657;' xml:space='preserve'%3E%3Cpath fill='%231877f2' d='M83.829,0.349C37.532,0.349,0,37.881,0,84.178c0,41.523,30.222,75.911,69.848,82.57v-65.081H49.626 v-23.42h20.222V60.978c0-20.037,12.238-30.956,30.115-30.956c8.562,0,15.92,0.638,18.056,0.919v20.944l-12.399,0.006 c-9.72,0-11.594,4.618-11.594,11.397v14.947h23.193l-3.025,23.42H94.026v65.653c41.476-5.048,73.631-40.312,73.631-83.154 C167.657,37.881,130.125,0.349,83.829,0.349z'/%3E%3C/svg%3E%0A");
			background-position: center left 15px;
			background-repeat: no-repeat;
			background-size: 24px;
			border-radius: 30px;
			padding: 13px 20px 13px 47px
		}

#api .social button.accountButton#FacebookExchange:focus,
			#api .social button.accountButton#FacebookExchange:hover {
				background-color: #fff;
				background-color: var(--c-white);
				color: #1877f2;
				color: var(-c--facebook, #1877f2);
			}

/* Components */

/* Components */

.community-cta {
	background-color: #fff;
	background-color: var(--c-white);
	display: block;
	margin-bottom: 10px;
	padding: 17px;
	text-decoration: none
}

@media ( min-width: 64em ) {

.community-cta {
		max-width: 340px
}
	}

.community-cta:focus svg, .community-cta:hover svg {
			fill: #404040;
			fill: var(--c-link-hover);
		}

.community-cta svg {
		display: inline-block;
		fill: #e60023;
		fill: var(--c-pinterest);
		margin-right: 17px;
		-webkit-transition: fill 0.2s ease;
		transition: fill 0.2s ease;
		vertical-align: middle;
	}

.community-cta span {
		font-size: 14px;
		font-weight: 700;
		text-decoration: underline;
	}

.community-cta.community-cta--facebook svg {
			fill: #5385d1;
			fill: var(--c-facebook);
		}

.community-cta.community-cta--facebook:focus svg, .community-cta.community-cta--facebook:hover svg {
				fill: #404040;
				fill: var(--c-link-hover);
			}

.recipe-card {
	background-color: #fff;
	background-color: var(--c-card-bg);
	height: 100%
}

.recipe-card a {
		display: block;
		text-decoration: none;
	}

.js-related-content .recipe-card {
		margin-left: auto;
		margin-right: auto;
		max-width: 300px
}

@media ( min-width: 64em ) {

.js-related-content .recipe-card {
			max-width: none
}
		}

.recipe-card__image {

	overflow: hidden;

	position: relative
}

.recipe-card__image::before {
		content: "";
		display: block;
		padding-bottom: calc(124 / 176 * 100%);
		width: 100%;
	}

.recipe-card__image img {

		bottom: 0;

		left: 0;

		position: absolute;

		right: 0;

		top: 0;

		z-index: 2;
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		width: 100%;
	}

.ie11 .recipe-card__image img {
		left: 50%;
		max-width: none;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: auto;
	}

.recipe-card__content {
	padding: 15px;
	text-align: left
}

.recently-viewed-card-list .recipe-card__content {
		min-height: 110px
}

.recipe-card__title {
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='21.375px' height='12.375px' viewBox='0.845 0.249 21.375 12.375' enable-background='new 0.845 0.249 21.375 12.375' xml:space='preserve'%3E%3Cpath fill='%23bf1a1e' d='M21.965,5.959L15.403,0.42c-0.302-0.255-0.756-0.222-1.015,0.073c-0.261,0.295-0.227,0.738,0.073,0.993l5.031,4.245 L1.565,5.73c-0.398,0-0.72,0.315-0.72,0.704s0.323,0.704,0.72,0.704h18.108l-2.867,2.501l-2.239,1.731 c-0.311,0.242-0.366,0.683-0.118,0.988c0.143,0.176,0.353,0.267,0.566,0.267c0.156,0,0.313-0.049,0.446-0.152l2.273-1.757 l4.244-3.697c0.154-0.134,0.242-0.328,0.242-0.531C22.213,6.283,22.122,6.092,21.965,5.959L21.965,5.959z'/%3E%3C/svg%3E%0A");
	background-position: bottom right;
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	padding-right: 15px;
}

.recipe-meta {
	background-color: #bf1a1e;
	background-color: var(--c-primary);
	color: #fff;
	color: var(--c-text-on-dark);
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1440px;
	padding: 15px 0
}

.recipe-meta ul {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		list-style: none;
		margin: 0;
		padding: 0
	}

.recipe-meta ul li {
			-webkit-box-flex: 1;
			    -ms-flex: 1 0 25%;
			        flex: 1 0 25%;
			position: relative;
			text-align: center
		}

.recipe-meta ul li::before {
				display: none;
			}

@media ( min-width: 64em ) {

.recipe-meta ul li::after {
					background-color: #fff;
					background-color: var(--c-white);
					content: "";
					height: 36px;
					position: absolute;
					right: 0;
					top: 50%;
					-webkit-transform: translateY(-50%);
					        transform: translateY(-50%);
					width: 1px
			}
				}

.recipe-meta ul li:last-child::after {
				display: none;
			}

.recipe-meta__label {
	display: block;
	font-size: 14px;
}

.recipe-meta__value {
	display: block;
	font-size: 18px;
	font-weight: 700;
	line-height: 1
}

@media ( min-width: 64em ) {

.recipe-meta__value {
		font-size: 32px
}
	}

.recipe-hero {
	text-align: center
}

@media ( min-width: 64em ) {

.recipe-hero {
		text-align: left
}
	}

@media ( min-width: 64em ) {

.recipe-hero__heading {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between
}
	}

.recipe-hero__title {
	margin: 24px 0
}

@media ( min-width: 64em ) {

.recipe-hero__title {
		margin: 0
}
	}

.recipe-hero__image {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	max-width: 1440px
}

@media ( min-width: 64em ) {

.recipe-hero__image {
		margin-top: 50px
}
	}

.recipe-hero__image img {
		display: block;
		height: auto;
		width: 100%;
	}

.recipe-hero__reviews {
	font-size: 14px;
	font-size: var(--fs-14);
	margin-top: 24px
}

@media ( min-width: 64em ) {

.recipe-hero__reviews {
		margin-top: 0
}
	}

.recipe-ingredients {
	background-color: #fff;
	background-color: var(--c-card-bg);
	font-size: 14px;
	font-size: var(--fs-14);
	padding: 30px 40px
}

.recipe-ingredients ul {
		margin-top: 0;
		padding-left: 0;
	}

.recipe-ingredients li {
		border-bottom: 1px solid #f5f5f5;
		border-bottom: 1px solid var(--c-gray-100);
		padding: 20px 0
	}

.recipe-ingredients li::before {
			display: none;
		}

.recipe-ingredients li:first-child {
			padding-top: 0;
		}

.recipe-ingredients li:last-child {
			border-bottom: 0;
		}

.recipe-instructions {
	font-size: 14px;
	font-size: var(--fs-14)
}

.recipe-instructions > ul {
		padding-left: 0

		/* Recipe tips */
	}

.recipe-instructions > ul ul {
			margin-bottom: 20px
		}

.recipe-instructions > ul ul li {
				margin-bottom: 20px
			}

.recipe-instructions > ul ul li::before {
					color: #000;
					color: var(--c-text);
					display: inline-block;
				}

.recipe-instructions {

	/* Top level recipe steps */
}

.recipe-instructions > ul > li {
		background-color: #fff;
		background-color: var(--c-card-bg);
		margin-bottom: 16px;
		padding: 30px
	}

.recipe-instructions > ul > li::before {
			display: none;
		}

.recipe-instructions > ul > li h1:first-child,.recipe-instructions > ul > li h2:first-child,.recipe-instructions > ul > li h3:first-child,.recipe-instructions > ul > li h4:first-child,.recipe-instructions > ul > li h5:first-child,.recipe-instructions > ul > li h6:first-child,
		.recipe-instructions > ul > li p:first-child {
			margin-bottom: 0;
			margin-top: 0;
		}

.recipe-instructions > ul > li p:last-child {
			margin-bottom: 0;
		}

.recipe-instructions__step {
	font-size: 18px;
	font-size: var(--fs-18);
	line-height: 1;
}

.recipe-instructions__toggle {
	display: block;
	font-weight: 700;
	text-decoration: none
}

.recipe-instructions__toggle .js-button-toggle__text {
		text-decoration: underline;
	}

.product-card {
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	text-decoration: none;
}

.product-card__image {

	overflow: hidden;

	position: relative
}

.product-card__image::before {
		content: "";
		display: block;
		padding-bottom: calc(1 / 1 * 100%);
		width: 100%;
	}

.product-card__image {
	background-color: #fff;
	background-color: var(--c-card-bg);
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 102px;
	        flex: 1 0 102px;
	max-width: 102px;
	width: 102px
}

.product-card__image img {

		bottom: 0;

		left: 0;

		position: absolute;

		right: 0;

		top: 0;

		z-index: 2;
		left: 50%;
		max-height: 100%;
		max-width: 100%;
		-o-object-fit: contain;
		   object-fit: contain;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%)
	}

.ie11 .product-card__image img {
		width: auto
	}

.product-card-list .product-card__image img {
			max-width: 85%
	}

@media ( min-width: 48em ) {

.product-card-list--grid .product-card__image {
			-webkit-box-flex: 1;
			    -ms-flex: 1 0 157px;
			        flex: 1 0 157px;
			max-width: 157px;
			width: 157px
}
		}

.product-card__content {
	background-color: #fff;
	background-color: var(--c-card-bg);
	font-size: 14px;
	font-size: var(--fs-14);
	padding: 15px
}

.product-card__content:first-child:last-child {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 100%;
		        flex: 1 0 100%;
		width: 100%;
	}

.product-card__content:not(:first-child) {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 calc(100% - 104px);
		        flex: 1 0 calc(100% - 104px);
		max-width: calc(100% - 104px);
		width: calc(100% - 104px)
	}

@media ( min-width: 48em ) {

.product-card-list--grid .product-card__content:not(:first-child) {
				-webkit-box-flex: 1;
				    -ms-flex: 1 0 calc(100% - 160px);
				        flex: 1 0 calc(100% - 160px);
				max-width: calc(100% - 160px);
				width: calc(100% - 160px)
	}
			}

.product-card-list .product-card__content:not(:first-child) {
			-webkit-box-align: start;
			    -ms-flex-align: start;
			        align-items: flex-start;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center
	}

@media ( min-width: 48em ) {

.product-card-list--grid .product-card__content {
			padding: 20px
}
		}

.product-card__content h1,.product-card__content h2,.product-card__content h3,.product-card__content h4,.product-card__content h5,.product-card__content h6 {
		margin: 0;
	}

.product-card__content p {
		margin: 0;
	}

ul.product-card-list {
	list-style: none;
	margin: 0;
	padding-left: 0
}

ul.product-card-list li {
		margin-bottom: 8px
	}

ul.product-card-list li::before {
			display: none;
		}

@media ( min-width: 48em ) {

ul.product-card-list.product-card-list--grid {
			-webkit-box-align: stretch;
			    -ms-flex-align: stretch;
			        align-items: stretch;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between
	}
		}

ul.product-card-list.product-card-list--grid .product-card {
			height: 100%;
		}

@media ( min-width: 48em ) {

ul.product-card-list.product-card-list--grid li {
				-webkit-box-flex: 1;
				    -ms-flex: 1 0 calc(50% - 10px);
				        flex: 1 0 calc(50% - 10px);
				margin-bottom: 20px;
				max-width: calc(50% - 10px);
				width: calc(50% - 10px)
		}
			}

.product-gallery {
	margin-left: auto;
	margin-right: auto;
	max-width: 250px
}

.product-gallery ul.product-gallery__slider {
		padding-left: 0
	}

.product-gallery ul.product-gallery__slider li::before {
			display: none;
		}

.product-details-hero {
	background-color: #fff;
	background-color: var(--c-card-bg);
	margin-bottom: 32px;
	padding-bottom: 70px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 70px
}

@media ( min-width: 64em ) {

.product-details-hero {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		padding-left: 80px;
		padding-right: 80px
}
	}

@media ( min-width: 80em ) {

.product-details-hero {
		padding-left: 190px;
		padding-right: 190px
}
	}

.product-details-hero > .product-gallery {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 250px;
		        flex: 1 0 250px;
		max-width: 250px;
		width: 250px;
	}

@media ( min-width: 64em ) {

.product-description {
		padding-left: 50px
}
	}

@media ( min-width: 80em ) {

.product-description {
		padding-left: 120px
}
	}

.product-description__eyebrow {
	margin-top: 0;
}

.product-description__title {
	line-height: 1.23;
	margin-bottom: 10px;
	margin-top: 10px;
}

.product-description__cta {
	margin-top: 25px
}

.product-description__cta .wp-block-button {
		display: block;
		margin-bottom: 10px
	}

@media ( min-width: 64em ) {

.product-description__cta .wp-block-button {
			display: inline-block;
			margin-bottom: 0
	}
		}

@media ( min-width: 64em ) {

.product-description__cta .wp-block-button:not(:first-child) {
			margin-left: 20px
	}
		}

.product-description__discontinued {
	color: #bf1a1e;
	color: var(--c-text-error);
	font-weight: 700
}

.product-description__discontinued svg {
		display: inline-block;
		fill: #bf1a1e;
		fill: var(--c-text-error);
		margin-bottom: -3px;
		margin-right: 10px;
	}

.nutrition-table {
	background-color: transparent;
	border: 0;
	font-size: 14px;
	padding: 0;
}

.redesign-nutrition-table .nfp-nutrition-facts-table thead {
	display: table-row
}

.redesign-nutrition-table .nfp-nutrition-facts-table thead .table-title {
		display: none;
	}

.redesign-nutrition-table .nfp-nutrition-facts-table thead .servings-per-container td {
		font-size: 9pt;
		font-weight: 700;
		padding-left: 14px;
		padding-right: 14px;
	}

.redesign-nutrition-table .nfp-nutrition-facts-table .serving-size {
	display: table-row;
}

.nutrition-facts--large {
	margin-left: auto;
	margin-right: auto;
	max-width: 658px
}

.nutrition-facts--large + .related-content {
		margin-top: 32px;
	}

.nutrition-facts__toggle {
	background-color: #ddd;
	background-color: var(--c-gray-300);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 18px;
	font-size: var(--fs-18);
	font-weight: 700;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 12px 9px;
	text-align: left;
	width: 100%
}

.nutrition-facts--large .nutrition-facts__toggle {
		font-size: 26px;
		padding: 25px 16px
}

.nutrition-facts--large .nutrition-facts__toggle svg {
			height: 12px;
			width: 20px;
		}

.nutrition-facts__toggle.nutrition-facts__toggle--white {
		background-color: #fff;
		background-color: var(--c-white);
		border-top: 1px solid #ddd;
		border-top: 1px solid var(--c-border);
	}

.nutrition-facts__single {
	width: 100%;
}

ul.reviews-list {
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 0
}

ul.reviews-list:first-child {
		margin-top: 24px;
	}

ul.reviews-list li {
		margin-bottom: 0
	}

ul.reviews-list li::before {
			display: none;
		}

.reviews-list__toggle {
	margin-top: 25px;
}

.review-item {
	background-color: #fff;
	background-color: var(--c-card-bg);
	font-size: 14px;
	font-size: var(--fs-14);
	padding: 30px;
	position: relative
}

.review-item::after {
		background-color: #f5f5f5;
		background-color: var(--c-gray-100);
		bottom: 0;
		content: "";
		display: block;
		height: 1px;
		left: 30px;
		position: absolute;
		width: calc(100% - 60px);
	}

.review-item__author,
.review-item__date {
	font-size: 14px;
	font-size: var(--fs-14);
}

.review-item__date {
	color: #757575;
	color: var(--c-text-subtle);
}

.review-item__title {
	margin: 0;
}

.review-form {
	background-color: #fff;
	background-color: var(--c-white);
	margin-bottom: 40px;
	padding: 20px 40px 40px;
}

.review-form__name,
.review-form__email,
.review-form__title {
	margin-bottom: 7px;
}

.review-form__header {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	position: relative;
}

.review-rating {
	margin-bottom: 20px;
}

.review-form__rating-container {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.review-form__rating-label {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	font-size: 14px;
	margin-right: 10px
}

@media ( min-width: 30em ) {

.review-form__rating-label {
		width: 20%
}
	}

.review-form__rating {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	width: 100%
}

.review-form__rating input[type="radio"] {
		display: none;
	}

.review-form__rating > label {
		background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='8.987px' height='8.548px' viewBox='72.981 17.257 8.987 8.548' enable-background='new 72.981 17.257 8.987 8.548' xml:space='preserve'%3E%3Cpath fill='none' stroke='%23FFCE71' d='M77.475,18.387l-1.057,2.141l-2.363,0.343l1.71,1.666l-0.404,2.353l2.113-1.111l2.113,1.111 l-0.404-2.353l1.71-1.666l-2.363-0.343L77.475,18.387z'/%3E%3C/svg%3E%0A");
		background-repeat: no-repeat;
		background-size: 20px;
		height: 20px;
		width: 20px;
	}

.review-form__rating {

	/* Checked */
}

.review-form__rating > input:checked + label {
		background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15.216px' height='14.472px' viewBox='0.392 0 15.216 14.472' enable-background='new 0.392 0 15.216 14.472' xml:space='preserve'%3E%3Cpolygon fill='%23CF9C3C' points='8,12 3.298,14.472 4.196,9.236 0.392,5.528 5.649,4.764 8,0 10.351,4.764 15.608,5.528 11.804,9.236 12.702,14.472 '/%3E%3C/svg%3E%0A");
	}

.review-form__rating {

	/* Hovered */
}

.review-form__rating label {
		font-size: 20px
	}

.review-form__rating label:hover {
			color: #cf9c3c;
			color: var(--c-gold);
		}

.review-form__rating {

	/* All prior to the hovered star */
}

.review-form__rating > input:checked ~ label,
	.review-form__rating > input:checked ~ label ~ label {
		background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15.216px' height='14.472px' viewBox='0.392 0 15.216 14.472' enable-background='new 0.392 0 15.216 14.472' xml:space='preserve'%3E%3Cpolygon fill='%23CF9C3C' points='8,12 3.298,14.472 4.196,9.236 0.392,5.528 5.649,4.764 8,0 10.351,4.764 15.608,5.528 11.804,9.236 12.702,14.472 '/%3E%3C/svg%3E%0A");
	}

.review-form__rating > input:not(:checked) ~ label:hover,
	.review-form__rating > input:not(:checked) ~ label:hover ~ label {
		background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15.216px' height='14.472px' viewBox='0.392 0 15.216 14.472' enable-background='new 0.392 0 15.216 14.472' xml:space='preserve'%3E%3Cpolygon fill='%23B48328' points='8,12 3.298,14.472 4.196,9.236 0.392,5.528 5.649,4.764 8,0 10.351,4.764 15.608,5.528 11.804,9.236 12.702,14.472 '/%3E%3C/svg%3E%0A");
	}

.review-form__guidlines-toggle {
	-webkit-appearance: none;
	background: none;
	border: none;
	color: #757575;
	color: var(--c-gray-700);
	cursor: pointer;
	font-size: 12px;
	font-size: var(--fs-12);
	padding: 20px;
	text-decoration: underline;
	-webkit-transition: color 300ms;
	transition: color 300ms
}

.review-form__guidlines-toggle:focus ~ .review-form__guidlines-list {
			color: #757575;
			color: var(--c-gray-700);
			opacity: 1;
			visibility: visible;
		}

.review-form__guidlines:hover .review-form__guidlines-toggle {
		color: #757575;
		color: var(--c-gray-700);
	}

.review-form__guidlines:hover .review-form__guidlines-list {
		opacity: 1;
		visibility: visible;
	}

.review-form__guidlines-list {
	background-color: #fff;
	background-color: var(--c-white);
	border: 1px solid #bdbdbd;
	border: 1px solid var(--c-gray-500);
	font-size: 12px;
	font-size: var(--fs-12);
	list-style: disc;
	max-width: 300px;
	opacity: 0;
	padding: 20px;
	position: absolute;
	right: 0;
	top: 40px;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
	visibility: hidden

	/* triangle background*/
}

.review-form__guidlines-list::before {
		border-bottom: 10px solid #bdbdbd;
		border-bottom: 10px solid var(--c-gray-500);
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		content: "";
		height: 0;
		height: 0;
		position: absolute;
		right: 20px;
		top: -10px;
		width: 0;
		width: 0;
	}

.review-form__guidlines-list {

	/* triangle stroke*/
}

.review-form__guidlines-list::after {
		border-bottom: 8px solid #fff;
		border-bottom: 8px solid var(--c-white);
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		content: "";
		height: 0;
		height: 0;
		position: absolute;
		right: 22px;
		top: -8px;
		width: 0;
		width: 0;
	}

/* Override existing custom dot styles */

.container .review-form__guidelines-list li::before {
		color: #757575;
		color: var(--c-gray-700);
		font-size: 26px;
		line-height: 1;
	}

.review-form__avatar img {
		border-radius: 50%;
	}

.review-form__form label {
		margin: 0 10px 0 0
	}

@media ( min-width: 30em ) {

.review-form__form label {
			display: inline-block;
			width: 20%
	}
		}

@media ( min-width: 30em ) {

.review-form__form input {
			width: 60%
	}
		}

.review-form__body {
	margin-bottom: 20px
}

.review-form__body label {
		display: block;
		margin-bottom: 5px
	}

@media ( min-width: 30em ) {

.review-form__body label {
			display: inline-block;
			width: 20%
	}
		}

.review-form__body input[type="text"] {
		border-color: #757575;
		border-color: var(--c-gray-700);
		width: 100%;
	}

.review-form__body textarea {
		border-color: #757575;
		border-color: var(--c-gray-700);
		width: 100%;
	}

.review-form__recaptcha {
	margin-bottom: 20px;
}

.review-form__actions {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column
}

@media ( min-width: 30em ) {

.review-form__actions {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row
}
	}

.review-form__actions.loading {
		display: inline-block;
	}

.review-form__actions button {
		margin-bottom: 20px
	}

@media ( min-width: 30em ) {

.review-form__actions button {
			margin-bottom: 0;
			margin-right: 20px
	}
		}

.review-sort-by__select {
	background-color: transparent;
	border: none;
	padding-right: 25px;
}

.review-form-confirmation {
	background-color: #fff;
	background-color: var(--c-white);
	padding: 20px;
	position: relative
}

.review-form-confirmation.--dismissing {
		-webkit-animation-duration: 750ms;
		        animation-duration: 750ms;
		-webkit-animation-fill-mode: both;
		        animation-fill-mode: both;
		-webkit-animation-name: reviewConfirmationDismiss;
		        animation-name: reviewConfirmationDismiss;
	}

.review-form-confirmation.--deleted {
		display: none;
	}

.review-form-confirmation__dismiss {
	background: none;
	border: none;
	position: absolute;
	right: 10px;
	top: 10px
}

.review-form-confirmation__dismiss:hover svg {
			fill: #bf1a1e;
			fill: var(--c-campbellsred);
		}

@-webkit-keyframes reviewConfirmationDismiss {
	
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes reviewConfirmationDismiss {
	
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.breadcrumbs > ol {
	color: #404040;
	color: var(--c-gray-900);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 12px;
	font-size: var(--fs-12);
	font-weight: 400;
	font-weight: var(--fw-book);
	letter-spacing: 0.5px;
	letter-spacing: var(--ls-small);
	list-style: none;
	margin: 0;
	padding: 0
}

.breadcrumbs > ol li {
		margin-right: 0.5em
	}

.breadcrumbs > ol li + li::before {
			content: "/";
		}

.breadcrumbs > ol a {
		color: #404040;
		color: var(--c-gray-900);
		text-decoration: none
	}

.breadcrumbs > ol a:hover {
			text-decoration: underline;
		}

.breadcrumbs > ol span[aria-current="page"] {
		color: #bf1a1e;
		color: var(--c-campbellsred);
	}

div.a2a_kit.addtoany_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center
}

div.a2a_kit.addtoany_list > a {
		-ms-flex-line-pack: center;
		    align-content: center;
		background-color: #bf1a1e;
		background-color: var(--c-primary);
		border-radius: 50%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 30px;
		margin-right: 24px;
		padding: 0;
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
		width: 30px
	}

@media ( min-width: 64em ) {

div.a2a_kit.addtoany_list > a {
			height: 45px;
			margin-right: 34px;
			width: 45px
	}
		}

div.a2a_kit.addtoany_list > a img {
			margin: auto;
			width: 60%;
		}

div.a2a_kit.addtoany_list > a:hover {
			background-color: #000 !important;
			background-color: var(--c-black) !important
		}

div.a2a_kit.addtoany_list > a:hover img {
				opacity: 1;
			}

div.a2a_kit.addtoany_list > a.a2a_button_pinterest img {
				margin-top: 10%;
				width: 100%;
			}

div.a2a_kit.addtoany_list > a:last-child {
			margin-right: 0
		}

@media ( min-width: 64em ) {

div.a2a_kit.addtoany_list > a:last-child {
				margin-right: 0
		}
			}

.tags {
	color: #000;
	color: var(--c-text);
	font-size: 14px;
	font-size: var(--fs-14);
	line-height: 1.33
}

@media ( min-width: 64em ) {

.tags {
		max-width: 340px
}
	}

.tags__label {
	font-weight: 700;
	font-weight: var(--fw-bold)
}

.tags__label::after {
		content: ": ";
	}

@media ( min-width: 64em ) {

.tags__label {
		display: block;
		font-size: 18px;
		font-size: var(--fs-18);
		margin-bottom: 0.5rem
}

		.tags__label::after {
			content: none;
		}
	}

.tags__list {
	color: #000;
	color: var(--c-text);
	display: inline;
	font-size: 14px;
	font-size: var(--fs-14);
	list-style: none;
	margin: 0;
	padding: 0
}

.container .tags__list {
		padding-left: 0
}

.tags__list li {
		display: inline-block
	}

.tags__list li::before {
			display: none !important;
		}

.tags__list li a::after {
			content: ",";
		}

.tags__list li:last-child a::after {
			content: none;
		}

.page-header {
	margin-top: 30px;
}

.page-header--archive {
	background-image: url("../images/background-lis-gradient.png");
	background-repeat: no-repeat;
}

.newsletter-form.in-page {

		width: 100%
	}

@media ( min-width: 48em ) {

.newsletter-form.in-page {
			margin: 0 auto;
			max-width: 40%
	}
		}

.newsletter-form .wds-esc-form-simple .wds-esc-form-section {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

.newsletter-form .wds-esc-form-input,
	.newsletter-form .wds-esc-form-control-email,
	.newsletter-form .wds-esc-form-control-submit,
	.newsletter-form .wds-esc-simple-recaptcha {
		height: auto;
		width: 100%;
	}

.newsletter-form .form-control {
		margin-bottom: 15px;
	}

.newsletter-form .wds-esc-form-label {
		text-align: left;
	}

.newsletter-form .wds-esc-form-label-text {
		margin-bottom: 5px;
	}

.newsletter-form .wds-esc-form-button {
		background-color: #404040;
		background-color: var(--c-gray-900);
		border-radius: 22px;
		color: #fff;
		color: var(--c-white);
		font-size: 14px;
		height: auto;
		min-width: 220px;
		padding: 0.8575em 4em;
		-webkit-transition: background-color 0.2s ease;
		transition: background-color 0.2s ease
	}

.newsletter-form .wds-esc-form-button:hover {
			background-color: #000;
			background-color: var(--c-black);
		}

/**
 * When `<dialog>` is properly supported, the overlay is implied and can be
 * styled with `::backdrop`, which means the DOM one should be removed.
 */

dialog[data-a11y-dialog-native] .dialog-overlay {
	display: none;
}

/**
 * When `<dialog>` is not supported, its default display is `inline` which can
 * cause layout issues.
 */

dialog[open] {
	display: block;
}

.dialog {
	display: block
}

.dialog > :first-child {
		display: none;
	}

.dialog[aria-hidden="true"] {
		display: none;
	}

.-modal-open .dialog-overlay {
	background-color: rgba(0, 0, 0, 0.5);
	background-color: var(--c-gray-500a);
	bottom: 0;
	display: block;
	height: 100vh;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	width: 100vw;
	z-index: 1005;
}

dialog::-webkit-backdrop {
	/* stylelint-disable-next-line sh-waqar/declaration-use-variable */
	background-color: rgba(0, 0, 0, 0.5);
	background-color: var(--c-gray-500a);
}

dialog::backdrop {
	/* stylelint-disable-next-line sh-waqar/declaration-use-variable */
	background-color: rgba(0, 0, 0, 0.5);
	background-color: var(--c-gray-500a);
}

/* Modal animations */

@-webkit-keyframes modal-fade-in {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes modal-fade-in {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes modal-appear {

	from {
		opacity: 0;
		-webkit-transform: translate(-50%, -40%);
		        transform: translate(-50%, -40%);
	}

	to {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
}

@keyframes modal-appear {

	from {
		opacity: 0;
		-webkit-transform: translate(-50%, -40%);
		        transform: translate(-50%, -40%);
	}

	to {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
}

.dialog:not([aria-hidden="true"]) > .dialog-overlay {
	-webkit-animation: modal-fade-in 200ms 1 both;
	        animation: modal-fade-in 200ms 1 both;
}

.dialog:not([aria-hidden="true"]) > .dialog-content {
	-webkit-animation: modal-appear 400ms 150ms 1 both;
	        animation: modal-appear 400ms 150ms 1 both;
}

.dialog-title {
	margin-bottom: 0;
	margin-top: 0;
}

.dialog-description {
	margin-bottom: 1rem;
}

.dialog-content {
	background-color: #fff;
	background-color: var(--c-white);
	border-radius: 2px;
	left: 50%;
	margin: 0;
	max-width: 90%;
	padding: 15px;
	position: fixed;
	text-align: left;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 600px;
	z-index: 1006
}

@media ( min-width: 48em ) {

.dialog-content {
		padding: 40px
}
	}

.dialog-close {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	font-size: 1.25em;
	font-weight: 700;
	height: 1.2em;
	padding: 0;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 20px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	width: 1.2em;
}