/**
 * PretzelCrisps
 */

/* 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-white: #fff;
	--c-black: #1e1e1e;

	--c-blue-800: #002e75;
	--c-blue-600: #174893;
	--c-blue-400: #0c97eb;
	--c-blue-200: #7dccfb;
	--c-blue-100: #99d9ff;

	--c-orange-400: #da6400;
	--c-orange-700: #cb7900;

	--c-gray-600: #666;
	--c-gray-400: #d2cfc5;
	--c-gray-300: #e5e5e5;
	--c-gray-200: #ececec;
	--c-gray-100: #f3f3f3;

	--c-green-400: #76b445;

	--c-primary: var(--c-blue-400);
	--c-secondary: var(--c-orange-400);
	--c-tertiary: var(--c-blue-100);

	--c-border: var(--c-gray-300);
	--c-disabled: var(--c-gray-600);

	--c-h1: var(--c-blue-800);
	--c-h2: var(--c-blue-800);
	--c-h3: var(--c-secondary);
	--c-h4: var(--c-blue-800);
	--c-h5: var(--c-blue-800);
	--c-h6: var(--c-blue-800);

	--c-text: var(--c-blue-800);

	--c-link: var(--c-secondary);
	--c-link-hover: var(--c-secondary);
	--c-link-border: var(--c-primary);

	--c-search-input-bg: var(--c-gray-100);
	--c-search-icon: var(--c-primary);
	--c-search-icon-hover: var(--c-secondary);

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

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

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

	--c-transluscent-grey: rgba(0, 0, 0, 0.5);
	--c-transluscent-white: rgba(255, 255, 255, 0.8);
	--c-shadow: rgba(0, 0, 0, 0.2);

}

/*
 * Media Queries
 */

/* 1024px */

/* 1023px - small only */

/* 1279px - full width only */

:root {

	--f-sans: "Ubuntu", sans-serif;
	--f-sans-light: "Raleway", sans-serif;

}

:root {

	--fs-body: 22px;

	--ff-h1: var(--f-sans);
	--ff-h2: var(--f-sans);
	--fs-h2: 40px;
	--c-h2: var(--c-blue-800);
	--ff-h3: var(--f-sans);
	--ff-h4: var(--f-sans);
	--ff-h5: var(--f-sans);
	--ff-h6: var(--f-sans);


	--ff-body: var(--f-sans);
	--ff-body-smaller: var(--f-sans-light);

}

:root {
	--site-max-width: 1440px;
}

/* 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;
}

/*
 * 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;
}

/* Base elements */

a:focus,
	a:hover {
		border-bottom: 1px solid #0c97eb;
		border-bottom: 1px solid var(--c-link-border);
	}

.field-radio legend:not([class]) {
		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"]:focus + label::before {
		outline-color: #0c97eb;
		outline-color: var(--c-primary);
		outline-offset: 3px;
		outline-style: dashed;
		outline-width: 1px;
	}

/* Core Blocks */

.wp-block-audio {
	margin-left: 0;
	margin-right: 0;
}

.wp-block-quote {
	border-bottom: 1px solid #da6400;
	border-bottom: 1px solid var(--c-secondary);
	border-top: 1px solid #da6400;
	border-top: 1px solid var(--c-secondary);
	margin-left: 0;
	margin-right: 0;
	padding: 70px 50px;
	position: relative
}

.wp-block-quote::before,
	.wp-block-quote::after {
		background-color: #fff;
		background-color: var(--c-white);
		display: block;
		font-size: 180px;
		height: 50px;
		left: 50%;
		line-height: 0.6;
		position: absolute;
		text-align: center;
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
		width: 100px;
	}

.wp-block-quote::before {
		content: "\201C";
		top: -25px;
	}

.wp-block-quote::after {
		bottom: -25px;
		content: "\201D";
	}

.wp-block-quote p {
		font-size: 40px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
		max-width: 750px;
		text-align: center;
	}

.wp-block-quote.is-style-large p {
			font-size: 50px;
		}

.wp-block-quote cite {
		display: block;
		font-size: 20px;
		font-style: italic;
		margin-left: auto;
		margin-right: auto;
		max-width: 750px;
		text-align: center;
	}

@media ( min-width: 80em ) {

.wp-block-columns {
		padding-left: 20px;
		padding-left: var(--gutter);
		padding-right: 20px;
		padding-right: var(--gutter)
}
	}

.csc-theme .wp-block-columns.is-style-small-screen-reverse {
			-webkit-box-orient: vertical;
			-webkit-box-direction: reverse;
			    -ms-flex-direction: column-reverse;
			        flex-direction: column-reverse;
			-ms-flex-wrap: nowrap;
			    flex-wrap: nowrap
	}

@media ( min-width: 64em ) {

.csc-theme .wp-block-columns.is-style-small-screen-reverse {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				    -ms-flex-direction: row;
				        flex-direction: row;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap
	}
			}

.csc-theme .wp-block-columns.is-style-white-boxes {
			margin-left: auto;
			margin-right: auto;
			max-width: 1090px
	}

.csc-theme .wp-block-columns.is-style-white-boxes .wp-block-column {
				background-color: #fff;
				background-color: var(--c-card-bg);
				border: 2px solid #d2cfc5;
				border: 2px solid var(--c-gray-400);
				padding: 50px 20px
			}

@media (max-width: 599px) {

.csc-theme .wp-block-columns.is-style-white-boxes .wp-block-column {
					margin-bottom: 30px
			}
				}

.csc-theme .wp-block-columns.is-style-white-boxes .wp-block-column h3 {
					color: #da6400;
					color: var(--c-secondary);
					font-family: "Ubuntu", sans-serif;
					font-family: var(--f-sans);
					margin: 0;
				}

.csc-theme .wp-block-columns.is-style-white-boxes .wp-block-column p {
					margin: 0;
				}

.csc-theme .wp-block-columns.is-style-white-boxes .wp-block-column .csc-contact-form-toggle {
					display: block;
					margin: 10px auto 0 auto;
				}

.csc-theme .wp-block-cover.is-style-fullwidth {
			left: 50%;
			margin-left: -50vw;
			margin-right: -50vw;
			min-height: 620px;
			right: -50%;
			width: 100vw
	}

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

.wp-block-cover {

	/* Product Cover */
}

.wp-block-cover.is-style-product-cover {
		margin-left: -20px;
		margin-right: -20px;
		min-height: 325px;
		width: calc(100% + 40px)
	}

@media ( min-width: 64em ) {

.wp-block-cover.is-style-product-cover {
			min-height: 645px;
			width: auto
	}
		}

@media ( min-width: 80em ) {

.wp-block-cover.is-style-product-cover {
			margin-left: 0;
			margin-right: 0
	}
		}

.wp-block-cover {

	/* Centered Layout */
}

.wp-block-cover.va-centered {
		text-align: center;
	}

.wp-block-cover {

	/* Top/bottom spaced layout */
}

.wp-block-cover.va-spaced {
		padding-bottom: 40px;
		padding-top: 20px;
		text-align: center
	}

.wp-block-cover.va-spaced .wp-block-cover__inner-container {
			height: 100%;
			left: 50%;
			padding-bottom: 40px;
			padding-top: 20px;
			position: absolute;
			top: 0;
			-webkit-transform: translateX(-50%);
			        transform: translateX(-50%);
		}

.wp-block-cover.va-spaced .wp-block-buttons {
			bottom: 60px;
			left: 50%;
			position: absolute;
			-webkit-transform: translateX(-50%);
			        transform: translateX(-50%);
			width: 100%;
		}

.wp-block-cover.va-spaced .wp-block-separator {
			width: 235px;
		}

.wp-block-cover .wp-block-cover__inner-container {
		color: #002e75;
		color: var(--c-text);
		margin: 20px 0
	}

.csc-theme .wp-block-cover .wp-block-cover__inner-container {
			margin: 0
	}

.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color) {
		color: #002e75;
		color: var(--c-text);
	}

.wp-block-cover {

	/* Reduce the space between H2 and Separator blocks  */
}

.wp-block-cover h1 + .wp-block-separator,.wp-block-cover h2 + .wp-block-separator,.wp-block-cover h3 + .wp-block-separator,.wp-block-cover h4 + .wp-block-separator,.wp-block-cover h5 + .wp-block-separator,.wp-block-cover h6 + .wp-block-separator {
		margin-top: -15px;
	}

.wp-block-cover {

	/* Center align all buttons on small screen */
}

.wp-block-cover .wp-block-buttons.alignleft {
		float: none;
		text-align: center
	}

@media ( min-width: 64em ) {

.wp-block-cover .wp-block-buttons.alignleft {
			float: left;
			text-align: left
	}
		}

.wp-block-button {
	background: transparent;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
	color: inherit;
	font-size: inherit;
	padding: 0;
}

.wp-block-buttons .wp-block-button.wp-block-button__link,
.wp-block-button__link,
.button-primary {
	background-color: #0c97eb;
	background-color: var(--c-blue-400);
	border: 0;
	border-radius: 12px;
	color: #fff;
	color: var(--c-white);
	font-weight: 700;
	padding: 10px 24px;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease
}

.wp-block-buttons .wp-block-button.wp-block-button__link:hover, .wp-block-button__link:hover, .button-primary:hover {
		background-color: #174893;
		background-color: var(--c-blue-600);
		border: 0;
		color: #fff;
		color: var(--c-white);
	}

.nav-links .nav-next a,
.nav-links .nav-previous a {
	background-color: transparent;
	border-bottom: 1px solid transparent;
	border-left: 0;
	border-radius: 0;
	border-right: 0;
	border-top: 0;
	color: #174893;
	color: var(--c-blue-600);
	font-size: 18px;
	margin-right: 40px;
	padding: 0;
	position: relative;
	text-transform: uppercase;
	-webkit-transition: color 0.2s ease-in;
	transition: color 0.2s ease-in

}

.nav-links .nav-next a::after, .nav-links .nav-previous a::after {
		background-color: #da6400;
		background-color: var(--c-secondary);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M18.629 15.997l-7.083-7.081L13.462 7l8.997 8.997L13.457 25l-1.916-1.916z'/%3E%3C/svg%3E");
		background-position: center;
		background-repeat: no-repeat;
		background-size: 20px;
		border-radius: 100%;
		content: "";
		display: inline-block;
		height: 27px;
		left: 100%;
		margin-left: 12px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		-webkit-transition: background-color 0.2s ease-in;
		transition: background-color 0.2s ease-in;
		vertical-align: middle;
		width: 27px;
	}

.nav-links .nav-next a[disabled], .nav-links .nav-previous a[disabled] {
		color: #666;
		color: var(--c-disabled);
		opacity: 0.8;
		pointer-events: none
	}

.nav-links .nav-next a[disabled]::after, .nav-links .nav-previous a[disabled]::after {
			background-color: #666;
			background-color: var(--c-disabled);
		}

.nav-links .nav-next a:active,
	.nav-links .nav-next a:visited,
	.nav-links .nav-previous a:active,
	.nav-links .nav-previous a:visited {
		color: #174893;
		color: var(--c-blue-600);
	}

.nav-links .nav-next a:focus,
	.nav-links .nav-next a:hover,
	.nav-links .nav-previous a:focus,
	.nav-links .nav-previous a:hover {
		border-bottom-color: #da6400;
		border-bottom-color: var(--c-secondary);
		color: #0c97eb;
		color: var(--c-primary)
	}

.nav-links .nav-next a:focus::after, .nav-links .nav-next a:hover::after, .nav-links .nav-previous a:focus::after, .nav-links .nav-previous a:hover::after {
			background-color: #0c97eb;
			background-color: var(--c-primary);
		}

.nav-links .nav-previous a {
	margin-left: 40px;
	margin-right: 0
}

.nav-links .nav-previous a::after {
		left: -40px;
		margin-left: 0;
		-webkit-transform: rotate(180deg) translateY(-50%);
		        transform: rotate(180deg) translateY(-50%);
		-webkit-transform-origin: top;
		        transform-origin: top;
	}

.wp-block-embed {
	margin-left: 0;
	margin-right: 0
}

.wp-block-embed figcaption {
		font-size: 18px;
		font-size: var(--fs-body-smaller);
	}

.wp-block-embed__wrapper {
	position: relative
}

.wp-block-embed__wrapper::before {
		content: "";
		display: block;
		padding-top: 56.25%;
	}

.wp-block-embed__wrapper > iframe {
		bottom: 0;
		height: 100%;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
	}

.wp-block-file a.wp-block-file__button {
		background-color: transparent;
		border-radius: 0;
		color: #da6400;
		color: var(--c-secondary);
		font-size: 22px;
		font-size: var(--fs-body);
		margin-right: 40px;
		padding: 0;
		position: relative;
		text-transform: uppercase
	}

.wp-block-file a.wp-block-file__button:focus,
		.wp-block-file a.wp-block-file__button:hover {
			border-bottom-color: #da6400;
			border-bottom-color: var(--c-secondary);
			color: #0c97eb;
			color: var(--c-primary)
		}

.wp-block-file a.wp-block-file__button:focus::after, .wp-block-file a.wp-block-file__button:hover::after {
				background-color: #0c97eb;
				background-color: var(--c-primary);
			}

.wp-block-file a.wp-block-file__button:visited {
			color: #da6400;
			color: var(--c-secondary);
		}

.wp-block-file a.wp-block-file__button::after {
			background-color: #da6400;
			background-color: var(--c-secondary);
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ffffff' d='M18.629 15.997l-7.083-7.081L13.462 7l8.997 8.997L13.457 25l-1.916-1.916z'/%3E%3C/svg%3E");
			background-position: center;
			background-repeat: no-repeat;
			background-size: 20px;
			border-radius: 100%;
			content: "";
			display: inline-block;
			height: 27px;
			margin-left: 12px;
			position: absolute;
			top: 2px;
			vertical-align: middle;
			width: 27px;
		}

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

@media ( min-width: 64em ) {

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

.wp-block-group__inner-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1440px;
	max-width: var(--site-max-width);
}

@media ( min-width: 64em ) {

.wp-block-group.is-style-narrow-content .wp-block-group__inner-container {
			margin-left: auto;
			margin-right: auto;
			max-width: 700px
	}
		}

.wp-block-group.has-background {
	padding: 60px 0;
}

.wp-block-image {
	margin-left: 0;
	margin-right: 0
}

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

@media ( min-width: 64em ) {

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

.wp-block-image:not([class*="mt-"]) {
		margin-top: 40px
	}

@media ( min-width: 64em ) {

.wp-block-image:not([class*="mt-"]) {
			margin-top: 90px
	}
		}

.wp-block-image figcaption {
		font-size: 18px;
		font-size: var(--fs-body-smaller);
	}

.csc-theme .wp-block-image.is-style-footer-image {

			left: 0;

			margin-left: 0;

			margin-right: 0;

			width: 100%
	}

@media ( max-width: 79.99em ) {

.csc-theme .wp-block-image.is-style-footer-image {
		margin-left: calc(-1 * 20px);
		margin-left: calc(-1 * var(--gutter));
		margin-right: calc(-1 * 20px);
		margin-right: calc(-1 * var(--gutter));
		width: calc(100% + 20px + 20px);
		width: calc(100% + var(--gutter) + var(--gutter))
	}
	}

.csc-theme .wp-block-image.is-style-desktop-only {
			display: none
	}

@media ( min-width: 64em ) {

.csc-theme .wp-block-image.is-style-desktop-only {
				display: block
	}
			}

.wp-block-image.is-style-mobile-only {
		margin-left: calc(-1 * 20px);
		margin-left: calc(-1 * var(--gutter));
		margin-right: calc(-1 * 20px);
		margin-right: calc(-1 * var(--gutter))

	}

@media ( min-width: 64em ) {

.csc-theme .wp-block-image.is-style-mobile-only {
				display: none

	}
			}

.wp-block-latest-posts__list {
	padding-left: 0;
}

.wp-block-media-text {
	padding-bottom: 60px;
	padding-top: 60px
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
			padding-left: 0;
			padding-right: 0
		}

@media ( min-width: 30em ) {

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
				padding-right: 8%
		}
			}

@media ( min-width: 64em ) {

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
				padding-right: 8%
		}
			}

.wp-block-media-text p:first-of-type {
		margin-top: 0;
	}

.wp-block-media-text .wp-block-media-text__media {
		margin-bottom: 30px;
		margin-top: 30px
	}

@media ( min-width: 600px ) {

.wp-block-media-text .wp-block-media-text__media {
			margin-bottom: 0;
			margin-top: 0
	}
		}

.wp-block-media-text .wp-block-media-text__content {
		padding: 0
	}

@media ( min-width: 30em ) {

.wp-block-media-text .wp-block-media-text__content {
			padding-left: 8%;
			padding-right: 8%
	}
		}

@media ( min-width: 80em ) {

.wp-block-media-text.is-style-narrow .wp-block-media-text__media {
				padding: 0 40px
		}
			}

@media ( min-width: 80em ) {

.wp-block-media-text.is-style-narrow .wp-block-media-text__media {
				padding: 0 100px
		}
			}

@media ( min-width: 80em ) {

.wp-block-media-text.is-style-narrow .wp-block-media-text__content {
				padding: 0 120px
		}
			}

.wp-block-media-text {

	/* Reduce the space between H2 and Separator blocks  */
}

.wp-block-media-text h1 + .wp-block-separator,.wp-block-media-text h2 + .wp-block-separator,.wp-block-media-text h3 + .wp-block-separator,.wp-block-media-text h4 + .wp-block-separator,.wp-block-media-text h5 + .wp-block-separator,.wp-block-media-text h6 + .wp-block-separator {
		margin-top: -15px;
	}

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

@media ( min-width: 64em ) {

.container > p {
		margin-left: auto;
		margin-right: auto;
		max-width: 750px
}
	}

.wp-block-pullquote {
	border-bottom: 2px solid #0c97eb;
	border-bottom: 2px solid var(--c-primary);
	border-top: 2px solid #0c97eb;
	border-top: 2px solid var(--c-primary);
	margin-bottom: 30px
}

.wp-block-pullquote.is-style-solid-color blockquote {
			text-align: center;
		}

.wp-block-pullquote cite {
		color: #da6400;
		color: var(--c-secondary);
		font-size: 18px;
		font-size: var(--fs-body-smaller);
	}

/* Custom separator styles */

.wp-block-separator {
	border-bottom: 0;
	border-top: 1px solid #da6400;
	border-top: 1px solid var(--c-secondary)

}

.wp-block-separator.is-style-narrow {
		margin: 20px auto;
		max-width: 100px;
	}

.wp-block-separator.is-style-thick {
		border-top: 2px solid #da6400;
		border-top: 2px solid var(--c-secondary);
	}

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

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

.wp-block-table {
	margin-left: 0;
	margin-right: 0
}

.wp-block-table table {
		font-size: 18px;
		font-size: var(--fs-body-smaller);
		padding-bottom: 30px;
	}

.wp-block-table td {
		padding: 5px;
	}

.wp-block-video figcaption {
		font-size: 18px;
		font-size: var(--fs-body-smaller);
	}

.wp-block-verse {
	font-family: "Raleway", sans-serif;
	font-family: var(--ff-body-smaller);
	font-size: 18px;
	font-size: var(--fs-body-smaller);
	line-height: 1.77;
	line-height: var(--lh-body-smaller);
}

/* Text Color */

.has-blue-800-color {
	color: #002e75;
	color: var(--c-blue-800);
}

.has-blue-600-color {
	color: #174893;
	color: var(--c-blue-600);
}

.has-blue-400-color {
	color: #0c97eb;
	color: var(--c-blue-400);
}

.has-blue-200-color {
	color: #7dccfb;
	color: var(--c-blue-200);
}

.has-blue-100-color {
	color: #99d9ff;
	color: var(--c-blue-100);
}

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

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

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

.has-silver-color {
	color: #e5e5e5;
	color: var(--c-gray-300);
}

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

/* Background Color */

.has-blue-800-background-color {
	background-color: #002e75;
	background-color: var(--c-blue-800);
}

.has-blue-600-background-color {
	background-color: #174893;
	background-color: var(--c-blue-600);
}

.has-blue-400-background-color {
	background-color: #0c97eb;
	background-color: var(--c-blue-400);
}

.has-blue-200-background-color {
	background-color: #7dccfb;
	background-color: var(--c-blue-200);
}

.has-blue-100-background-color {
	background-color: #99d9ff;
	background-color: var(--c-blue-100);
}

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

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

.has-black-background-color {
	background-color: #1e1e1e;
	background-color: var(--c-black);
}

.has-silver-background-color {
	background-color: #e5e5e5;
	background-color: var(--c-gray-300);
}

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

/* Custom Blocks */

.csc-theme .hero-carousel {

		left: 0;

		margin-left: 0;

		margin-right: 0;

		width: 100%
}

@media ( max-width: 79.99em ) {

.csc-theme .hero-carousel {
		margin-left: calc(-1 * 20px);
		margin-left: calc(-1 * var(--gutter));
		margin-right: calc(-1 * 20px);
		margin-right: calc(-1 * var(--gutter));
		width: calc(100% + 20px + 20px);
		width: calc(100% + var(--gutter) + var(--gutter))
}
	}

.csc-theme .hero-carousel {
		z-index: 2;
		top: 10px;
}

@media ( min-width: 64em ) {

.csc-theme .hero-carousel {
			margin-top: -5px
}
		}

.hero-carousel h1,.hero-carousel h2,.hero-carousel h3,.hero-carousel h4,.hero-carousel h5,.hero-carousel h6,
	.hero-carousel p {
		margin: 0;
	}

.hero-carousel h1,.hero-carousel h2,.hero-carousel h3,.hero-carousel h4,.hero-carousel h5,.hero-carousel h6 {
		line-height: 1.2;
	}

.hero-carousel p {
		font-size: 16px
	}

@media ( min-width: 64em ) {

.hero-carousel p {
			font-size: 20px
	}
		}

.hero-carousel .wp-block-separator {
		margin-bottom: 0;
		margin-top: 0;
	}

.hero-carousel {

	/* If there is only 1 slide, make it a page hero */
}

.hero-carousel .hero-carousel__slide:first-child:last-child::before {
			padding-bottom: 54.09%
		}

@media ( min-width: 64em ) {

.hero-carousel .hero-carousel__slide:first-child:last-child::before {
				padding-bottom: 54.09%
		}
			}

.csc-theme .hero-carousel .hero-carousel__slide:first-child:last-child .hero-carousel__container {
			background-color: transparent
	}

.csc-theme.page:not(.home) .hero-carousel::after {
			background-image: url("../images/curve-top.png");
			background-position: top center;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			content: "";
			display: block;
			padding-bottom: 4.48%;
			position: relative;
			width: 100%;
			z-index: 3;
		}

/* Add half of header height to center content below header */

.csc-theme .hero-carousel__container {
	max-width: calc(100% - 40px);
	padding-bottom: 20px;
	padding-top: 20px
}

@media ( min-width: 64em ) {

.csc-theme .hero-carousel__container {
		background-color: transparent;
		padding: 0 90px
}
	}

@media ( min-width: 80em ) {

.csc-theme .hero-carousel__container {
		max-width: 1440px;
		max-width: var(--site-max-width);
		padding: 0 130px;
		top: 50%
}
	}

.hero-carousel__content {
	max-width: none
}

@media ( min-width: 64em ) {

.hero-carousel__content {
		max-width: 40%
}
	}

@media ( min-width: 80em ) {

.hero-carousel__content {
		max-width: 42%
}
	}

.hero-carousel__slide.is-style-big-text .hero-carousel__container {
			-webkit-box-pack: start;
			    -ms-flex-pack: start;
			        justify-content: flex-start
		}

@media ( max-width: 63.99em ) {

.hero-carousel__slide.is-style-big-text .hero-carousel__container {
				top: 33%
		}
			}

.hero-carousel__slide.is-style-big-text .hero-carousel__content {
			margin-left: 0;
			max-width: 220px
		}

@media ( min-width: 64em ) {

.hero-carousel__slide.is-style-big-text .hero-carousel__content {
				margin-left: 10%;
				max-width: 40%
		}
			}

.hero-carousel__slide.is-style-big-text .hero-carousel__content h2 {
				color: #fff;
				color: var(--c-white);
				font-size: 50px

			}

@media ( min-width: 48em ) {

.hero-carousel__slide.is-style-big-text .hero-carousel__content h2 {
					font-size: 60px

			}
				}

@media ( min-width: 64em ) {

.hero-carousel__slide.is-style-big-text .hero-carousel__content h2 {
					font-size: 70px

			}
				}

@media ( min-width: 80em ) {

.hero-carousel__slide.is-style-big-text .hero-carousel__content h2 {
					font-size: 95px

			}
				}

.hero-carousel__slide.is-style-content-circle::after {
			background-image: url("../images/curve-bottom.png");
			background-position: bottom center;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			bottom: 0;
			content: "";
			display: block;
			left: 0;
			padding-bottom: 5.16%;
			position: absolute;
			width: 100%;
			z-index: 3;
		}

.hero-carousel__slide.is-style-content-circle .hero-carousel__container {
			-webkit-box-pack: end;
			    -ms-flex-pack: end;
			        justify-content: flex-end;
			min-width: 100%;
			top: 50%
		}

@media ( min-width: 48em ) {

.hero-carousel__slide.is-style-content-circle .hero-carousel__container {
				min-width: 440px
		}
			}

.hero-carousel__slide.is-style-content-circle .hero-carousel__content {
			background-image: url("../images/home-hero-2-content.png");
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			color: #174893;
			color: var(--c-blue-600);
			height: 320px;
			max-width: 320px;
			min-width: 0;
			padding: 93px 30px 0 30px;
			width: 320px
		}

@media ( min-width: 48em ) {

.hero-carousel__slide.is-style-content-circle .hero-carousel__content {
				height: 440px;
				max-width: 440px;
				min-width: 440px;
				padding: 100px 70px 190px;
				width: 440px
		}
			}

@media ( min-width: 64em ) {

.hero-carousel__slide.is-style-content-circle .hero-carousel__content {
				padding-top: 100px
		}
			}

.hero-carousel__slide.is-style-content-circle .hero-carousel__content h2 {
				font-size: 25px;
				line-height: 30px;
				margin-bottom: 20px;
				text-transform: none;
			}

.hero-carousel__slide.is-style-content-circle .hero-carousel__content p {
				line-height: 1.3
			}

@media ( min-width: 48em ) {

.hero-carousel__slide.is-style-content-circle .hero-carousel__content p {
					line-height: 1.77;
					line-height: var(--lh-body-smaller)
			}
				}

.hero-carousel__slide.is-style-normal,
	.hero-carousel__slide.is-style-normal-white {
		background: #fff;
		background: var(--c-white)
	}

.hero-carousel__slide.is-style-normal::after, .hero-carousel__slide.is-style-normal-white::after {
			background-image: url("../images/curve-bottom.png");
			background-position: bottom center;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			bottom: 0;
			content: "";
			display: block;
			left: 0;
			padding-bottom: 5.16%;
			position: absolute;
			width: 100%;
			z-index: 3;
		}

.hero-carousel__slide.is-style-normal-white {
		color: #fff;
		color: var(--c-white)
	}

.hero-carousel__slide.is-style-normal-white h2,
		.hero-carousel__slide.is-style-normal-white p,
		.hero-carousel__slide.is-style-normal-white .eyebrow {
			color: #fff !important;
			color: var(--c-white) !important;
		}

/* Ratio block style */

@media ( min-width: 64em ) {

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

.product-lines {
	color: #174893;
	color: var(--c-blue-600);
	position: relative;
	z-index: 2
}

.product-lines .tns-nav {
		left: 0;
		margin: 30px auto;
		position: relative;
		-webkit-transform: none;
		        transform: none;
		width: 100%
	}

.product-lines .tns-nav button:not(.tns-nav-active) {
			border: 1px solid #174893;
			border: 1px solid var(--c-blue-600);
		}

.product-lines__grid {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	max-width: 1170px;
}

.product-lines__item {
	border-right: 1px solid #e5e5e5;
	border-right: 1px solid var(--c-border);
	font-size: 18px;
	min-width: 280px
}

@media ( min-width: 64em ) {

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

.product-lines__item:last-child {
		border-right: 0;
	}

.product-lines__item a {
		color: #002e75;
		color: var(--c-blue-800);
		display: block;
		font-weight: 700
	}

.product-lines__item a:focus,
		.product-lines__item a:hover {
			border-bottom: 0;
			color: #da6400;
			color: var(--c-link-hover);
		}

.product-lines__item .product-lines__image {

		overflow: hidden;

		position: relative
	}

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

.product-lines__item .product-lines__image {
		margin-bottom: 20px;
		padding: 0 24px
	}

@media ( min-width: 48em ) {

.product-lines__item .product-lines__image {
			padding: 0 10px
	}
		}

.product-lines__item 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-lines__item img {
		width: auto;
	}

.product-lines__cta {
	padding-top: 30px
}

.product-lines__cta .wp-block-button {
		margin: 0 10px;
	}

.product-lines__cta .wp-block-button__link {
		font-size: 12px

	}

@media ( min-width: 25em ) {

.product-lines__cta .wp-block-button__link {
			font-size: 16px

	}
		}

@media ( min-width: 30em ) {

.product-lines__cta .wp-block-button__link {
			font-size: 18px

	}
		}

.product-lines__cta .wp-block-button:last-child a {
		background-color: #174893;
		background-color: var(--c-blue-600)
	}

.product-lines__cta .wp-block-button:last-child a:hover,
		.product-lines__cta .wp-block-button:last-child a:focus {
			background-color: #0c97eb;
			background-color: var(--c-blue-400);
		}

.tns-outer {
	text-align: center;
}

.tns-nav {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	bottom: 5%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	left: 50%;
	line-height: 1;
	margin: 30px 0;
	position: absolute;
	text-align: center;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%)
}

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

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

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

.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='11.01px' height='21.001px' viewBox='4.995 -4.995 11.01 21.001' enable-background='new 4.995 -4.995 11.01 21.001' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M12.775-4.995L4.995,5.109v0.519l7.78,10.378l3.23-1.401l-7.753-9.25l7.753-8.949L12.775-4.995z'/%3E%3C/svg%3E");
			border-bottom-right-radius: 100%;
			border-top-right-radius: 100%;
			left: 0;
		}

.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='11.01px' height='21.001px' viewBox='4.995 -4.995 11.01 21.001' enable-background='new 4.995 -4.995 11.01 21.001' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M8.225,16.005l7.78-10.104V5.382L8.225-4.995l-3.23,1.401l7.753,9.25l-7.753,8.949L8.225,16.005z'/%3E%3C/svg%3E%0A");
			border-bottom-left-radius: 100%;
			border-top-left-radius: 100%;
			right: 0;
		}

.faq-block {
	margin-bottom: 60px
}

.wp-block-column .faq-block {
		margin-bottom: 0
}

.faq-block .faq-accordion {
		margin-bottom: 80px;
		margin-left: auto;
		margin-right: auto;
		max-width: 938px
	}

.wp-block-column .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 #e5e5e5;
		border-top: 1px solid var(--c-border);
		color: #002e75;
		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: 80px;
		padding: 15px 0;
		position: relative;
		text-align: left;
		width: 100%
	}

.faq-block .accordion-header:hover,
		.faq-block .accordion-header:focus {
			color: #da6400;
			color: var(--c-link-hover);
		}

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

.faq-block .accordion-header span {
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			border-left: 1px solid #e5e5e5;
			border-left: 1px solid var(--c-border);
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-flex: 1;
			    -ms-flex: 1 0 75px;
			        flex: 1 0 75px;
			height: 50px;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			margin-left: 15px;
			max-width: 75px;
			pointer-events: none;
			width: 75px;
		}

.faq-block .accordion-header .state-expanded {
			fill: #002e75;
			fill: var(--c-text);
		}

.faq-block .accordion-header .state-closed {
			display: none;
			fill: #da6400;
			fill: var(--c-secondary);

		}

.faq-block .accordion-header[aria-expanded="false"] .state-closed {
				display: none;
			}

.faq-block .accordion-header[aria-expanded="true"] .state-closed {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
			}

.faq-block .accordion-header[aria-expanded="true"] .state-expanded {
				display: none;
			}

.faq-block .accordion-content {
		font-size: 20px;
		padding-bottom: 80px
	}

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

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

.csc-theme .csc-content-callout.is-style-short {
		padding-bottom: 0;
		padding-top: 0;
	}

.csc-theme .csc-content-callout.is-style-tall {
		padding: 0
	}

.csc-theme .csc-content-callout.is-style-tall::after {
			background-image: url("../images/swoosh-pretzel.png");
			background-repeat: no-repeat;
			background-size: 100% 100%;
			bottom: 0;
			content: "";
			display: block;
			left: 0;
			padding-bottom: 17.15%;
			pointer-events: none;
			position: absolute;
			width: 100%;
			z-index: 3;
		}

.csc-theme .csc-content-callout.is-style-tall::before {
			background-image: url("../images/swoosh-home.png");
			background-repeat: no-repeat;
			background-size: 100% auto;
			content: "";
			display: block;
			left: 0;
			padding-bottom: 8.23%;
			pointer-events: none;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 3
		}

@media ( max-width: 63.99em ) {

.csc-theme .csc-content-callout.is-style-tall::before {
				content: "";
				display: block;
				padding-top: 144%;
				position: relative;
				width: 100%
		}
			}

.csc-theme .csc-content-callout.is-style-tall .csc-content-callout__inner {
			font-size: 14px;
			line-height: 1.4;
			padding: 44% 10% 0
		}

@media ( min-width: 30em ) {

.csc-theme .csc-content-callout.is-style-tall .csc-content-callout__inner {
				font-size: 18px;
				font-size: var(--fs-body-smaller);
				line-height: 1.77;
				line-height: var(--lh-body-smaller);
				padding: 40% 20% 0
		}
			}

@media ( min-width: 48em ) {

.csc-theme .csc-content-callout.is-style-tall .csc-content-callout__inner {
				padding: 50% 20% 0
		}
			}

@media ( min-width: 64em ) {

.csc-theme .csc-content-callout.is-style-tall .csc-content-callout__inner {
				padding: 200px 20px 360px
		}
			}

@media ( max-width: 63.99em ) {

.csc-theme .csc-content-callout.is-style-tall .csc-content-callout__inner,
		.csc-theme .csc-content-callout.is-style-tall picture {
				height: 100%;
				left: 0;
				max-width: 100%;
				position: absolute;
				top: 0;
				width: 100%
		}
			}

.csc-theme .csc-content-callout {

	left: 0;

	margin-left: 0;

	margin-right: 0;

	width: 100%;
}

@media ( max-width: 79.99em ) {

.csc-theme .csc-content-callout {
		margin-left: calc(-1 * 20px);
		margin-left: calc(-1 * var(--gutter));
		margin-right: calc(-1 * 20px);
		margin-right: calc(-1 * var(--gutter));
		width: calc(100% + 20px + 20px);
		width: calc(100% + var(--gutter) + var(--gutter));
}
	}

.csc-content-callout__inner {
	max-width: 420px;
	width: 100%
}

.csc-content-callout__inner .wp-block-columns {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center
	}

@media (max-width: 781px) {

.csc-content-callout__inner .wp-block-columns {
			text-align: center
	}
		}

@media (max-width: 781px) {

.csc-content-callout__inner .wp-block-columns .wp-block-separator.align-left {
				margin: 0 auto
		}
			}

@media (max-width: 781px) and (min-width: 600px) {

.csc-content-callout__inner .wp-block-column {
			-ms-flex-preferred-size: 100% !important;
			    flex-basis: 100% !important /* Override Gutenberg important rule */

	}

			.csc-content-callout__inner .wp-block-column:nth-child(2n) {
				margin-left: 0;
			}
		}

.csc-theme .related-content {

		left: 0;

		margin-left: 0;

		margin-right: 0;

		width: 100%
}

@media ( max-width: 79.99em ) {

.csc-theme .related-content {
		margin-left: calc(-1 * 20px);
		margin-left: calc(-1 * var(--gutter));
		margin-right: calc(-1 * 20px);
		margin-right: calc(-1 * var(--gutter));
		width: calc(100% + 20px + 20px);
		width: calc(100% + var(--gutter) + var(--gutter))
}
	}

.related-content.is-style-on-dark .related-content__title {
			color: #fff;
			color: var(--c-white);
		}

.related-content.is-style-on-dark .wp-block-button__link {
			background-color: #0c97eb;
			background-color: var(--c-blue-400);
		}

.related-content.is-style-on-dark .tns-nav button {
			border: 0;
		}

.related-content .tns-nav {
		left: 0;
		margin: 30px auto;
		position: relative;
		-webkit-transform: none;
		        transform: none;
		width: 100%;
	}

.related-content .product-card {
		border: 3px solid #d2cfc5;
		border: 3px solid var(--c-gray-400)
	}

.related-content .product-card:hover {
			border: 3px solid #d2cfc5;
			border: 3px solid var(--c-gray-400);
		}

.related-content .product-card .product-card__title {
			color: #174893;
			color: var(--c-blue-600);
			font-weight: 700;
		}

.related-content__item .recipe-card,
	.related-content__item .product-card {
		height: 100%;
	}

.csc-theme .featured-content {

		left: 0;

		margin-left: 0;

		margin-right: 0;

		width: 100%
}

@media ( max-width: 79.99em ) {

.csc-theme .featured-content {
		margin-left: calc(-1 * 20px);
		margin-left: calc(-1 * var(--gutter));
		margin-right: calc(-1 * 20px);
		margin-right: calc(-1 * var(--gutter));
		width: calc(100% + 20px + 20px);
		width: calc(100% + var(--gutter) + var(--gutter))
}
	}

.csc-theme .featured-content {
		background-image: url("../images/featured-content-bg.png");
		background-position: center;
		background-repeat: no-repeat;
		background-size: auto 100%;
		margin-top: -5%;
		min-height: 661px;
		padding-top: 5%;
		position: relative;
		z-index: 1
}

@media ( min-width: 64em ) {

.csc-theme .featured-content {
			background-size: 100% 100%
}
		}

.featured-content .tns-controls button {
		top: 55%;
	}

@media ( min-width: 64em ) {

.featured-content .tns-nav {
			bottom: 10%
	}
		}

.featured-content__item .eyebrow {
		font-family: "Ubuntu", sans-serif;
		font-family: var(--f-sans);
		font-size: 20px;
		font-weight: 700;
		margin-bottom: 0;
	}

.featured-content__item-image.is-style-product {
		background-color: #0c97eb;
		background-color: var(--c-blue-400)
	}

.featured-content__item-image.is-style-product > img {
			max-height: 68%;
		}

.featured-content__item-title {
	color: #174893;
	color: var(--c-blue-600);
	margin-top: 5px;
	text-transform: none;
}

.featured-content__slide {
	background-color: transparent;
	min-height: 595px;
	padding-bottom: 95px;
	padding-top: 95px;
}

.csc-contact-form {
	margin: 50px auto;
	max-width: 90%
}

.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: 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;
}

.csc-contact-form .legend,
.csc-contact-form legend,
.csc-contact-form .csc-contact-form__field.field-select label,
.csc-contact-form .csc-contact-form__field.field-text label {
	font-family: "Ubuntu", sans-serif;
	font-family: var(--f-sans);
}

.csc-contact-form input[type="text"],
.csc-contact-form input[type="email"],
.csc-contact-form textarea,
.csc-contact-form select {
	height: auto;
}

.field-select 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 #d2d2d2;
	border: 1px solid var(--c-input-border);
	border-radius: 0;
	padding: 12px 20px;
}

h2:empty,
p:empty {
	display: none;
}

@media ( min-width: 48em ) {

.social-feed .social-feed__photo {
			padding: 0
	}
		}

.social-feed .social-icons-container::before {
			content: none;
		}

/* Layout - styles specific to layout */

/* Layout */

/* Site header variables */

:root {
	--c-header-bg: transparent;

	--c-primary-nav-link: var(--c-blue-800);
	--c-primary-nav-link-hover: var(--c-blue-800);

	--c-utility-nav-link: var(--c-primary);
	--c-utility-nav-link-hover: var(--c-secondary);

	--c-menu-border: var(--c-gray-300);

	--c-site-header-icon: var(--c-blue-800);
	--c-site-header-icon-hover: var(--c-blue-800);

	--c-site-header-hamburger-icon: var(--c-primary);
	--c-site-header-hamburger-icon-hover: var(--c-secondary);

	--c-dropdown-images-border: #ccc;

	--primary-nav--h-spacing-sticky: 25px;
	--primary-nav--h-spacing-lg: 25px;
}

/* Small screen menu bottom border */

.header-logo-centered {
	background-color: #fff;
	background-color: var(--c-white);
	position: fixed!important;
	width: 100%;
	top: 0!important;
}

@media ( min-width: 64em ) {

.header-logo-centered {
		border-bottom: 0
}
	}

.header-logo-centered::after {
		background-image: url("../images/swoosh-header-mobile.png");
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: 100%;
		content: "";
		display: block;
		height: 110px;
		left: 0;
		position: absolute;
		top: 0;
		-webkit-transition: top 0.2s ease;
		transition: top 0.2s ease;
		width: 100%;
		z-index: 0
	}

@media ( min-width: 64em ) {

.header-logo-centered::after {
			background-image: url("../images/swoosh-header.png");
			background-position: bottom;
			background-size: 100%;
			height: 153px
	}
		}

.header-logo-centered.js-is-sticky--change::after {
			top: -20px;
		}

.header-logo-centered a:focus,
		.header-logo-centered a:hover {
			border-bottom: 0;
		}

.header-logo-centered__inner {
	padding: 10px 0 0;
	position: relative;
	z-index: 1
}

@media ( min-width: 64em ) {

.header-logo-centered__inner {
		padding: 30px 50px 0
}
	}

@media ( min-width: 80em ) {

.header-logo-centered__inner {
		padding: 30px 140px 0
}
	}

.js-is-sticky--change .header-logo-centered__inner {
		padding-bottom: 0
}

@media ( min-width: 64em ) {

.js-is-sticky--change .header-logo-centered__inner {
			padding-top: 20px
}
		}

/* Small screen menu */

.header-logo-centered__sm-wrapper {
	background-color: #002e75;
	background-color: var(--c-blue-800);
	padding-top: 70px

}

@media ( min-width: 64em ) {

.header-logo-centered__sm-wrapper {
		padding-top: 0

}
	}

.header-logo-centered__sm-wrapper::before {
		background-image: url("../images/swoosh-header-mobile.png");
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: 100%;
		content: "";
		display: block;
		height: 110px;
		left: 0;
		position: absolute;
		top: -70px;
		-webkit-transition: top 0.2s ease;
		transition: top 0.2s ease;
		width: 100%;
		z-index: 0
	}

@media ( min-width: 64em ) {

.header-logo-centered__sm-wrapper::before {
			display: none
	}
		}

.header-logo-centered__primary-nav__submenu-toggle {
	background-image: url("../svg/chevron-down.svg")
}

.header-logo-centered__primary-nav__submenu-toggle[aria-expanded="true"] {
		-webkit-transform: rotate(180deg);
		        transform: rotate(180deg);
	}

.header-logo-centered__logo {
	height: 53px;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	        transform: translate3d(-50%, -50%, 0);
	width: 120px

}

@media ( min-width: 64em ) {

.header-logo-centered__logo {
		height: 106px;
		width: 166px

}
	}

.header-logo-centered__logo a {
		display: block
	}

.header-logo-centered__logo a svg {
			height: auto;
			width: 100%;
		}

.header-logo-centered__logo::before {
		content: none;
	}

@media ( min-width: 64em ) {

.header-logo-centered__primary-nav {
		background-color: transparent;
		background-color: var(--c-header-bg);
		z-index: 2
}
	}

@media ( min-width: 64em ) {

.header-logo-centered__primary-nav.header-logo-centered__primary-nav--left {
			padding-right: 20px
	}
		}

@media ( min-width: 64em ) {

.header-logo-centered__primary-nav.header-logo-centered__primary-nav--right {
			padding-left: 20px
	}
		}

.header-logo-centered__search-wrapper-toggle svg {
		height: 24px;
		margin: 7px;
		width: 24px;
	}

.header-logo-centered__search-wrapper-toggle .state-closed svg {
		height: 38px;
		margin: 0;
		width: 38px;
	}

/* Menu active and hover style */

@media ( max-width: 63.99em ) {

.header-logo-centered__primary-nav__menu > li.current_page_item > a, .header-logo-centered__primary-nav__menu > li.current-menu-ancestor > a {
				color: #fff;
				color: var(--c-white)
		}
			}

.header-logo-centered__primary-nav__menu > li.current_page_item > a:focus,
			.header-logo-centered__primary-nav__menu > li.current_page_item > a:hover,
			.header-logo-centered__primary-nav__menu > li.current-menu-ancestor > a:focus,
			.header-logo-centered__primary-nav__menu > li.current-menu-ancestor > a:hover {
				color: #da6400;
				color: var(--c-orange-400)
			}

@media ( max-width: 63.99em ) {

.header-logo-centered__primary-nav__menu > li.current_page_item > a:focus,
			.header-logo-centered__primary-nav__menu > li.current_page_item > a:hover,
			.header-logo-centered__primary-nav__menu > li.current-menu-ancestor > a:focus,
			.header-logo-centered__primary-nav__menu > li.current-menu-ancestor > a:hover {
					color: #fff;
					color: var(--c-white)
			}
				}

.header-logo-centered__primary-nav__menu > li.current_page_item > a::after, .header-logo-centered__primary-nav__menu > li.current-menu-ancestor > a::after {
				content: none
			}

@media ( min-width: 64em ) {

.header-logo-centered__primary-nav__menu > li.current_page_item > a::after, .header-logo-centered__primary-nav__menu > li.current-menu-ancestor > a::after {
					background-image: url("../images/nav-active.png");
					background-position: 50% 100%;
					background-repeat: no-repeat;
					content: "";
					display: block;
					height: 15px;
					left: 50%;
					min-width: 106px;
					position: absolute;
					-webkit-transform: translate3d(-50%, 0, 0);
					        transform: translate3d(-50%, 0, 0)
			}
				}

.header-logo-centered__primary-nav__menu > li > a {
			font-size: 18px;
			font-weight: 800;
			position: relative
		}

@media ( max-width: 63.99em ) {

.header-logo-centered__primary-nav__menu > li > a {
				color: #fff;
				color: var(--c-white)
		}
			}

.header-logo-centered__primary-nav__menu > li > a:focus,
			.header-logo-centered__primary-nav__menu > li > a:hover {
				color: #fff;
				color: var(--c-white)
			}

@media ( min-width: 64em ) {

.header-logo-centered__primary-nav__menu > li > a:focus,
			.header-logo-centered__primary-nav__menu > li > a:hover {
					color: #002e75;
					color: var(--c-primary-nav-link-hover)
			}

					.header-logo-centered__primary-nav__menu > li > a:focus::after, .header-logo-centered__primary-nav__menu > li > a:hover::after {
						background-image: url("../images/nav-active.png");
						background-position: 50% 100%;
						background-repeat: no-repeat;
						content: "";
						display: block;
						height: 15px;
						left: 50%;
						min-width: 106px;
						position: absolute;
						-webkit-transform: translate3d(-50%, 0, 0);
						        transform: translate3d(-50%, 0, 0);
					}
				}

.header-logo-centered .sub-menu {
	background-color: transparent
}

@media ( min-width: 64em ) {

.header-logo-centered .sub-menu {
		background-color: #fff;
		background-color: var(--c-white)
}
	}

/* Products sub menu images */

.header-logo-centered .sub-menu--images {
	left: 0;
	width: 100%

}

.header-logo-centered .sub-menu--images .menu-item {
		max-width: 14.28%;
	}

@media ( max-width: 63.99em ) {

.header-logo-centered .sub-menu--images a {
			color: #fff;
			color: var(--c-white)
	}
		}

@media ( min-width: 64em ) {

.header-logo-centered .sub-menu--images a {
			font-size: 14px;
			font-weight: 800;
			line-height: 1.4
	}
		}

.header-logo-centered .sub-menu--images a img {
			margin-bottom: 18px;
		}

.header-logo-centered__menu-toggle {
	max-width: 40px
}

.header-logo-centered__menu-toggle svg {
		height: auto;
		width: 100%;
	}

.header-logo-centered__menu-toggle .state-closed svg {
		height: 38px;
		width: 38px;
	}

@media ( min-width: 64em ) {

.header-logo-centered__search-form {
		left: 0;
		margin-left: 0
}
	}

@media ( min-width: 64em ) {

.header-logo-centered .sub-menu--images .menu-item-products__image {

		overflow: hidden;

		position: relative
}

		.header-logo-centered .sub-menu--images .menu-item-products__image::before {
		content: "";
		display: block;
		padding-bottom: calc(1 / 1 * 100%);
		width: 100%;
	}
	}

@media ( min-width: 64em ) {

.header-logo-centered .sub-menu--images .menu-item-products__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 .header-logo-centered .sub-menu--images .menu-item-products__image img {
		width: auto
	}

.header-logo-centered .sub-menu--images .menu-item-products__image img {
			max-height: 100%
	}
		}

body.csc-theme {
	margin: 0 auto;
	max-width: 1440px;
}

/* Site footer variables */

:root {
	--c-footer-border: var(--c-blue-100);
	--c-footer-social-icon: var(--c-orange-400);
	--c-footer-social-icon-hover: var(--c-blue-400);
	--c-footer-social-border: var(--c-gray-100);
	--c-footer-text: var(--c-blue-800);
	--c-footer-bottom-bg: var(--c-blue-800);
	--c-footer-copyright-text: var(--c-blue-600);
	--c-footer-copyright-bg: var(--c-blue-100);
}

.footer-simple {
	border-top-width: 8px;
	font-weight: 800;
}

.footer-simple__social {
	border-bottom-width: 3px;
}

.footer-simple__logo img {
	height: 96px;
	width: 216px;
}

.footer-simple__social a svg, .footer-simple__logo a svg {
			-webkit-transition: fill 0.2s ease;
			transition: fill 0.2s ease;
		}

.footer-simple__social a:focus,
		.footer-simple__social a:hover,
		.footer-simple__logo a:focus,
		.footer-simple__logo a:hover {
			border-bottom: 0
		}

.footer-simple__social a:focus svg, .footer-simple__social a:hover svg, .footer-simple__logo a:focus svg, .footer-simple__logo a:hover svg {
				fill: #0c97eb;
				fill: var(--c-footer-social-icon-hover);
			}

.footer-simple__middle-links a:hover {
		border-bottom-color: #002e75;
		border-bottom-color: var(--c-footer-text);
	}

.footer-simple__bottom-links a:focus,
		.footer-simple__bottom-links a:hover {
			border-bottom-color: #fff;
			border-bottom-color: var(--c-text-on-dark);
		}

@media ( min-width: 64em ) {

.footer-simple__bottom-links li::after {
			content: "|";
			opacity: 0.5;
			padding-left: calc(2 * var(--footer-links--spacing-sm))
	}
		}

.footer-simple__bottom-links li:last-child::after {
		display: none;
	}

/* Templates */

/* Templates */

.error-404 {
	margin-left: auto;
	margin-right: auto;
	max-width: 360px;
	padding-bottom: 70px;
	padding-top: 70px;
	text-align: center;
}

.error404 .page-hero__content h1 {
	color: #fff;
	color: var(--c-white);
}

.single-product__title {
	color: #002e75;
	color: var(--c-blue-800);
}

.product-gallery-wrapper {
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative
}

.product-gallery-wrapper .tns-nav {
		bottom: 0;
		margin-bottom: 0
	}

.product-gallery-wrapper .tns-nav button {
			background-color: #e5e5e5;
			background-color: var(--c-gray-300)
		}

.product-gallery-wrapper .tns-nav button.tns-nav-active {
				background-color: #da6400;
				background-color: var(--c-orange-400);
			}

.single-product .related-content {
		padding-bottom: 95px;
		padding-top: 95px;
	}

.nutrition-facts .nutrition-facts__toggle {
		color: #002e75;
		color: var(--c-blue-800);
		font-size: 18px;
		font-weight: 700;
	}

 
.single-recipe .recipe-hero
 
 {
    margin: 200px auto 0 auto;
    display: block;
    max-width: 500px;
    width: 100%;
}
.single-recipe h1 {
		font-size: 34px;
	}

.single-recipe .nav-links {
		border-bottom: 2px solid #d2cfc5;
		border-bottom: 2px solid var(--c-gray-400);
		margin-bottom: 0;
		padding-bottom: 80px;
	}

.single-recipe .related-content {
		margin-bottom: 40px;
		margin-top: 0;
	}

.recipe-card {
	background-color: #fff;
	background-color: var(--c-card-bg);
	border: 1px solid #e5e5e5;
	border: 1px solid var(--c-border);
	text-align: center
}

.recipe-card-container .recipe-card {
		margin-bottom: 60px
}

@media ( min-width: 64em ) {

.recipe-card-container .recipe-card {
			margin: 0 30px 60px;
			width: calc(33.333% - 60px)
}
		}

.search-results-grid .recipe-card {
		height: 100%
}

.recipe-card__link {
	display: block
}

.recipe-card__link:hover {
		border-bottom: none;
		text-decoration: none
	}

.recipe-card__link:hover .recipe-card__title {
			color: #da6400;
			color: var(--c-link-hover);
		}

.recipe-card__image {

	overflow: hidden;

	position: relative
}

.recipe-card__image::before {
		content: "";
		display: block;
		padding-bottom: calc(1 / 1 * 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__title {
	border: 1px solid #e5e5e5;
	border: 1px solid var(--c-border);
	border-width: 0 1px 1px 1px;
	font-size: 18px;
	margin: 0;
	padding: 30px 20px 40px;
	text-align: center;
}

@media ( min-width: 64em ) {

.recipe-card-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin: 0 auto;
		padding: 40px 40px 0
}
	}

.recipe-wrapper {
	background-color: #f3f3f3;
	background-color: var(--c-gray-100);
	border-bottom: 1px solid #e5e5e5;
	border-bottom: 1px solid var(--c-gray-300);
	border-top: 1px solid #e5e5e5;
	border-top: 1px solid var(--c-gray-300);
	color: #1e1e1e;
	color: var(--c-black);
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 40px;
	padding-top: 40px;
	position: relative;
}

@media ( min-width: 64em ) {

.recipe-wrapper {
		padding-bottom: 80px;
		padding-top: 80px;
}
	}

.recipe-wrapper {

	left: 0;

	margin-left: 0;

	margin-right: 0;

	width: 100%;
}

@media ( max-width: 79.99em ) {

.recipe-wrapper {
		margin-left: calc(-1 * 20px);
		margin-left: calc(-1 * var(--gutter));
		margin-right: calc(-1 * 20px);
		margin-right: calc(-1 * var(--gutter));
		width: calc(100% + 20px + 20px);
		width: calc(100% + var(--gutter) + var(--gutter));
}
	}

.recipe-wrapper__inner {

	margin-left: auto;

	margin-right: auto;

	max-width: 1440px;

	max-width: var(--site-max-width);

	padding-left: 20px;

	padding-left: var(--gutter);

	padding-right: 20px;

	padding-right: var(--gutter)
}

@media ( min-width: 80em ) {

.recipe-wrapper__inner {
		padding-left: 0;
		padding-right: 0
}
	}

@media ( min-width: 64em ) {

.recipe-wrapper__inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
}
	}

@media ( min-width: 80em ) {

.recipe-wrapper__inner {
		padding-left: 20px;
		padding-left: var(--gutter);
		padding-right: 20px;
		padding-right: var(--gutter)
}
	}

@media ( min-width: 64em ) {

.recipe-wrapper__ingredients,
.recipe-wrapper__steps {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 50%;
		        flex: 1 0 50%;
		max-width: 50%;
		width: 50%
}
	}

.recipe-wrapper__ingredients li, .recipe-wrapper__steps li {
		margin-bottom: 20px
	}

@media ( min-width: 64em ) {

.recipe-wrapper__ingredients li, .recipe-wrapper__steps li {
			margin-bottom: 30px
	}
		}

.recipe-wrapper__ingredients li:last-child, .recipe-wrapper__steps li:last-child {
			margin-bottom: 0;
		}

@media ( min-width: 64em ) {

.recipe-wrapper__ingredients {
		padding-right: 60px
}
	}

.recipe-wrapper__steps ul {
		list-style: none;
		margin: 0;
		padding: 0 20px 0 0;
		padding: 0 var(--gutter) 0 0
	}

.recipe-wrapper__steps ul ul {
			list-style: disc;
			margin-left: 1em;
		}

.recipe-meta {
	list-style: none;
	margin: 40px 0;
	padding: 0
}

@media ( min-width: 64em ) {

.recipe-meta {
		-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;
		margin: 0 0 50px 0
}
	}

.recipe-meta li {
		border-top: 1px solid #1e1e1e;
		border-top: 1px solid var(--c-black);
		color: #1e1e1e;
		color: var(--c-black);
		font-size: 18px;
		font-weight: 700;
		padding-bottom: 10px;
		padding-top: 10px;
		text-align: center
	}

@media ( min-width: 64em ) {

.recipe-meta li {
			border-bottom: 0;
			border-top: 0;
			margin-right: 40px;
			padding-bottom: 0;
			padding-top: 0;
			text-align: left
	}
		}

@media ( min-width: 64em ) {

.recipe-meta li::after {
				color: #1e1e1e;
				color: var(--c-black);
				content: " | ";
				margin-left: 40px
		}
			}

.recipe-meta li:last-child {
			border-bottom: 1px solid #1e1e1e;
			border-bottom: 1px solid var(--c-black);
			margin-right: 0
		}

@media ( min-width: 64em ) {

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

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

.recipe-meta a {
		border-bottom: 1px solid #1e1e1e;
		border-bottom: 1px solid var(--c-black);
		color: #1e1e1e;
		color: var(--c-black)
	}

.recipe-meta a:hover {
			color: #da6400;
			color: var(--c-link);
		}

.recipe-sharing {
	margin-bottom: 60px;
	margin-top: 30px;
	text-align: center;
}

.recipe-sharing__inner {
	display: inline-block;
	position: relative;
}

.archive.tax-csc_product_line .page-hero h1 {
		color: #fff;
		color: var(--c-white);
	}

.product-line-card-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	max-width: 1170px
}

.product-line-card-container .product-line-card {
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 100%;
		        flex: 1 0 100%;
		margin-bottom: 40px;
		margin-top: 40px;
		padding: 0 20px;
		position: relative
	}

@media ( min-width: 48em ) {

.product-line-card-container .product-line-card {
			-webkit-box-flex: 1;
			    -ms-flex: 1 0 50%;
			        flex: 1 0 50%;
			max-width: 50%;
			padding: 0 40px;
			width: 50%
	}
		}

@media ( min-width: 64em ) {

.product-line-card-container .product-line-card {
			-webkit-box-flex: 1;
			    -ms-flex: 1 0 33.33%;
			        flex: 1 0 33.33%;
			max-width: 33.33%;
			width: 33.33%
	}
		}

.product-line-card-container .product-line-card:first-child {
			border-left: 0;
			border-right: 0;
		}

.product-line-card-container .product-line-card:last-child {
			border-left: 0;
		}

@media ( min-width: 48em ) {

.product-line-card-container .product-line-card:nth-child(3n+2) {
				border-left: 2px solid #e5e5e5;
				border-left: 2px solid var(--c-border)
		}
			}

@media ( min-width: 48em ) {

.product-line-card-container .product-line-card:nth-child(3n) {
				border-right: 2px solid #e5e5e5;
				border-right: 2px solid var(--c-border)
		}
			}

@media ( min-width: 64em ) {

.product-line-card-container .product-line-card:nth-child(3n) {
				border-left: 2px solid #e5e5e5;
				border-left: 2px solid var(--c-border);
				border-right: 0
		}
			}

.product-line-card-container .product-line-card:hover {
			border-bottom: none;
			border-top: none;
		}

.product-line-card-container .product-line-card__link {
		text-align: center
	}

.product-line-card-container .product-line-card__link .product-line-card__title {
			color: #002e75;
			color: var(--c-blue-800);
			display: block;
			font-size: 20px;
			font-weight: 700;
			text-transform: capitalize;
			-webkit-transition: color 0.2s ease;
			transition: color 0.2s ease;
		}

.product-line-card-container .product-line-card__link:hover {
			border-bottom: none
		}

.product-line-card-container .product-line-card__link:hover .product-line-card__title {
				color: #174893;
				color: var(--c-blue-600);
			}

.product-line-card-container .product-line-card__image {

		overflow: hidden;

		position: relative
	}

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

.product-line-card-container .product-line-card__image {
		margin: 0 auto;
		text-align: center
	}

.product-line-card-container .product-line-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-line-card-container .product-line-card__image img {
		width: auto;
		}

.product-line-result-count {
	margin-bottom: 50px;
	margin-top: 50px;
	position: relative;
	text-align: center
}

.product-line-result-count::before,
	.product-line-result-count::after {

		background-color: #da6400;

		background-color: var(--c-secondary);
		content: "";
		display: inline-block;
		height: 2px;
		left: 0;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		width: 25%
	}

@media ( min-width: 64em ) {

.product-line-result-count::before,
	.product-line-result-count::after {
			width: 42%
	}
		}

.product-line-result-count::after {
		left: auto;
		right: 0;
	}

.product-line-nav {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	list-style: none;
	margin-left: 0;
	padding: 0
}

@media ( min-width: 64em ) {

.product-line-nav {
		-ms-flex-wrap: nowrap;
		    flex-wrap: nowrap
}
	}

.product-line-nav__item {
	border: 2px solid #e5e5e5;
	border: 2px solid var(--c-border);
	border-radius: 14px;
	margin: 0 6px 20px;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.product-line-nav__item.--active,
	.product-line-nav__item:hover {
		background-color: #0c97eb;
		background-color: var(--c-blue-400);
		border-color: #0c97eb;
		border-color: var(--c-blue-400)
	}

.product-line-nav__item.--active a,
		.product-line-nav__item.--active a:hover,
		.product-line-nav__item:hover a,
		.product-line-nav__item:hover a:hover {
			color: #fff;
			color: var(--c-white);
		}

.product-line-nav__item a {
		color: #174893;
		color: var(--c-blue-600);
		display: inline-block;
		font-size: 14px;
		font-weight: 700;
		min-width: 80px;
		padding: 10px 20px;
		text-align: center;
		text-transform: capitalize
	}

.product-line-nav__item a:hover {
			border-bottom: none;
		}

.load-more-container {
	border-top: 2px solid #da6400;
	border-top: 2px solid var(--c-secondary);
	margin: 40px auto 0;
	max-width: 1170px
}

.load-more-container.loading {
		-webkit-animation: none;
		        animation: none;
		border-radius: 0;
		display: block;
		height: auto;
		text-indent: unset;
		width: auto;
	}

.js-load-more {
	background: transparent;
	border: 1px solid #e5e5e5;
	border: 1px solid var(--c-border);
	color: #0c97eb;
	color: var(--c-primary);
	cursor: pointer;
	display: block;
	font-size: 18px;
	font-size: var(--fs-body-smaller);
	margin: 60px auto;
	min-width: 180px;
	padding: 15px 20px;
	-webkit-transition: background-color 200ms;
	transition: background-color 200ms
}

.js-load-more:hover {
		background-color: #da6400;
		background-color: var(--c-secondary);
		color: #fff;
		color: var(--c-white);
	}

.search-results-grid li {
	position: relative;
}

.search-results-title {
	font-family: "Playfair Display", serif;
	font-family: var(--f-serif);
	font-size: 24px;
	font-weight: 400;
	position: relative;
	text-align: center;
	text-transform: none
}

.search-results-title::before,
	.search-results-title::after {
		background-color: #da6400;
		background-color: var(--c-secondary);
		content: "";
		display: inline-block;
		height: 2px;
		left: 0;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
		width: 10%
	}

@media ( min-width: 30em ) {

.search-results-title::before,
	.search-results-title::after {
			width: 30%
	}
		}

@media ( min-width: 48em ) {

.search-results-title::before,
	.search-results-title::after {
			width: 35%
	}
		}

@media ( min-width: 64em ) {

.search-results-title::before,
	.search-results-title::after {
			width: 40%
	}
		}

.search-results-title::after {
		left: auto;
		right: 0;
	}

.searched-term {
	text-align: center;
}

.search-type {
	background-color: #0c97eb;
	background-color: var(--c-primary);
	color: #fff;
	color: var(--c-text-on-dark);
	left: 15px;
	padding: 0 10px;
	position: absolute;
	top: 0;
	z-index: 4
}

@media ( min-width: 64em ) {

.search-type {
		left: 30px
}
	}

.search-type.search-type--product {
		background-color: #da6400;
		background-color: var(--c-secondary);
	}

/* yext search page */

/* Components */

/* Components */

.search-form {
	position: relative
}

.search-form .search-input {
		background-color: #f3f3f3;
		background-color: var(--c-search-input-bg);
		color: #002e75;
		color: var(--c-text);
		height: 50px;
		padding-right: 70px;
		width: 100%;
	}

.search-form .search-submit {
		background-color: transparent;
		border: 0;
		height: 50px;
		padding: 0;
		position: absolute;
		right: 0;
		top: 0;
		width: 50px
	}

.search-form .search-submit svg {
			fill: #0c97eb;
			fill: var(--c-search-icon);
			height: 24px;
			width: 24px;
		}

.search-form .search-submit:focus svg, .search-form .search-submit:hover svg {
				fill: #da6400;
				fill: var(--c-search-icon-hover);
			}

.social-icons-container {
	margin-bottom: 50px;
	position: relative
}

@media ( min-width: 48em ) {

.social-icons-container {
		margin-bottom: 75px
}
	}

.social-icons-container::before {
		background: #da6400;
		background: var(--c-secondary);
		content: "";
		height: 2px;
		left: 50%;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: 250px;
		z-index: 1
	}

@media ( min-width: 48em ) {

.social-icons-container::before {
			width: 425px
	}
		}

.social-icons {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: #fff;
	background-color: var(--c-white);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	list-style: none;
	margin: 0 auto;
	padding-left: 0;
	position: relative;
	width: 210px;
	z-index: 2
}

@media ( min-width: 48em ) {

.social-icons {
		width: 250px
}
	}

.social-icons__item svg {
		fill: #da6400;
		fill: var(--c-secondary);
		height: 20px;
		-webkit-transition: fill 300ms;
		transition: fill 300ms;
		width: 30px;
	}

.social-icons__item a:focus,
		.social-icons__item a:hover {
			border-bottom: 0
		}

.social-icons__item a:focus svg, .social-icons__item a:hover svg {
				fill: #0c97eb;
				fill: var(--c-blue-400);
			}

.nutrition-facts {
	margin: 80px auto
}

@media ( min-width: 30em ) {

.nutrition-facts {
		border-top: 2px solid #da6400;
		border-top: 2px solid var(--c-secondary)
}
	}

.nutrition-facts-content {
	background-color: #f3f3f3;
	background-color: var(--c-nutrition-facts-bg);
	border: 2px solid #da6400;
	border: 2px solid var(--c-secondary);
	font-size: 16px;
	margin-top: -31px; /* Account for button offset */
	padding: 50px 20px
}

@media ( min-width: 64em ) {

.nutrition-facts-content {
		margin-top: -39px; /* Account for button offset */
		padding: 90px
}
	}

@media ( min-width: 64em ) {

.nutrition-facts-content__inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
}
	}

@media ( min-width: 64em ) {

.nutrition-facts-content__inner > div:first-child {
			padding: 0 50px
	}
		}

@media ( min-width: 64em ) {

.nutrition-facts-content__inner > div {
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
			-webkit-box-flex: 1;
			    -ms-flex: 1 0 50%;
			        flex: 1 0 50%;
			max-width: 50%
	}
		}

.nutrition-facts__toggle {
	background-color: #fff;
	background-color: var(--c-white);
	border: 1px solid #e5e5e5;
	border: 1px solid var(--c-border);
	color: #002e75;
	color: var(--c-text);
	display: block;
	font-size: 15px;
	margin: -30px auto 0 auto; /* Offset the button */
	padding: 20px 10px;
	position: relative;
	z-index: 2
}

@media ( min-width: 64em ) {

.nutrition-facts__toggle {
		font-size: 24px;
		margin: -36px auto 0 auto; /* Offset the button */
		padding: 22px
}
	}

.nutrition-facts__toggle svg {
		height: 17px;
		margin-top: -3px;
		width: 17px
	}

@media ( min-width: 64em ) {

.nutrition-facts__toggle svg {
			height: 20px;
			margin-top: -9px;
			width: 20px
	}
		}

.nutrition-facts__toggle span {
		border-left: 1px solid #e5e5e5;
		border-left: 1px solid var(--c-border);
		display: inline-block;
		margin-left: 15px;
		padding-left: 15px;
	}

.nutrition-facts__toggle .state-expanded {
		fill: #002e75;
		fill: var(--c-text);
	}

.nutrition-facts__toggle .state-closed {
		fill: #da6400;
		fill: var(--c-secondary);
	}

.page-hero {
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
	text-align: center;
	top: 80px;
}

@media ( min-width: 80em ) {

.page-hero {
	margin-top: 0px;
}
.csc-theme .hero-carousel {
	margin-top: -5px;
}
	}
@media ( max-width: 63.99em ) {
	.home.csc-theme .hero-carousel {
		top: 90px;
		margin-top: 0;
	}
	.recipe-template-default #content {
		margin-top: 180px;
		}
}
@media ( min-width: 64em ) {

	.home.csc-theme .hero-carousel {
			margin-top: 60px;
	}
	.recipe-template-default #content {
		margin-top: 280px;
		}
}
@media (min-width: 1800px) {

.page-hero {
		max-height: 768px
}
	}

.page-hero::before {
		content: "";
		display: block;
		padding-bottom: 54.09%;
		width: 100%;
	}

.page-hero h1,
	.page-hero .wp-block-separator {
		margin-bottom: 0;
		margin-top: 0;
	}

.page-hero::after {
		background-image: url("../images/curve-bottom.png");
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		bottom: 0;
		content: "";
		display: block;
		left: 0;
		padding-bottom: 5.16%;
		position: absolute;
		width: 100%;
		z-index: 3;
	}

.page-hero + #content {
		overflow: hidden;
		padding-top: 9%;
		position: relative
	}

.page-hero + #content::before {
			background-image: url("../images/curve-top.png");
			background-position: top center;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			content: "";
			display: block;
			left: 0;
			padding-bottom: 4.48%;
			position: absolute;
			top: 80px;
			width: 100%;
			z-index: 3;
		}

.page-hero__image {
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 2;
}

.page-hero__content {
	left: 50%;
	min-width: 300px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	z-index: 3
}

@media ( min-width: 80em ) {

.page-hero__content {
		margin-top: 24px /* Optically center the content after the header */
}
	}

.page-hero__content h1 {
		color: #002e75;
		color: var(--c-blue-800);
	}

.product-details, #answers-container {
	margin-top: 150pt;
}
@media ( min-width: 64em ) {
	.product-details, #answers-container {
		margin-top: 245px;
	}
}
.product-details__image {
	display: block;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	max-width: 175px
}

@media ( min-width: 64em ) {

.product-details__image {
		max-width: 400px
}
	}

.product-details__description {
	text-align: center
}

@media ( min-width: 64em ) {

.product-details__description {
		margin-left: auto;
		margin-right: auto;
		max-width: 645px
}
	}

.product-card {
	background-color: #fff;
	background-color: var(--c-white);
	border: 1px solid #e5e5e5;
	border: 1px solid var(--c-border);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: #002e75;
	color: var(--c-text);
	display: block;
	font-size: 20px;
	padding: 30px;
	text-align: center
}

.product-card:focus,
	.product-card:hover {
		border: 1px solid #e5e5e5;
		border: 1px solid var(--c-border);
		color: #da6400;
		color: var(--c-link-hover)
	}

.product-card:focus .product-card__title, .product-card:hover .product-card__title {
			color: #da6400;
			color: var(--c-link-hover);
		}

.product-card img {
		display: block;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		max-width: 200px;
		width: 100%;
	}

.product-card__title {
	font-size: 18px;
	margin-bottom: 0;
}

.product-gallery-wrapper {
	left: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	min-height: 620px;
	position: relative;
	right: -50%;
	width: 100vw;
}

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

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

.product-gallery ul.product-gallery__slider img {
			max-height: 550px;
			width: auto;
		}

.product-gallery .tns-nav {
		left: auto;
		position: relative;
		-webkit-transform: none;
		        transform: none
	}

.product-gallery .tns-nav button {
			border-color: #da6400;
			border-color: var(--c-secondary)
		}

.product-gallery .tns-nav button.tns-nav-active {
				background-color: #da6400;
				background-color: var(--c-secondary);
			}

.eyebrow,
.is-style-label {
	color: #da6400 !important;
	color: var(--c-secondary) !important; /* Have to override Gutenberg agressive styling */
	font-size: 16px;
	text-transform: uppercase;
}

.csc-pagination {
	clear: both;
	margin-bottom: 60px;
	margin-top: 60px;
	overflow: hidden
}

@media ( min-width: 80em ) {

.csc-pagination {
		padding-left: 20px;
		padding-left: var(--gutter);
		padding-right: 20px;
		padding-right: var(--gutter)
}
	}

.csc-pagination .wp-block-button {
		margin-left: 0;
		margin-right: 0
	}

@media (max-width: 782px) {

.csc-pagination .wp-block-button .wp-block-button__link {
				font-size: 12px
		}
			}

.result-card {
	background-color: #fff;
	background-color: var(--c-card-bg);
	border: 1px solid #e5e5e5;
	border: 1px solid var(--c-border);
	height: 100%;
	text-align: center;
}

.result-card__link {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	height: 100%;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%
}

.result-card__link:hover {
		border-bottom: none;
		text-decoration: none
	}

.result-card__link:hover .result-card__title {
			color: #da6400;
			color: var(--c-link-hover);
		}

.result-card__image {

	overflow: hidden;

	position: relative
}

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

.result-card__image {
	width: 100%
}

.result-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 .result-card__image img {
		left: 50%;
		max-width: none;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		width: auto;
	}

.result-card__title {
	margin-bottom: 30px;
	padding: 0 20px;
	text-align: center;
}

.dietary-alternatives ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		list-style: none;
		margin: 0 0 30px;
		padding: 0;
	}

.dietary-alternatives li {
		margin-right: 15px;
	}

.dietary-alternatives img {
		max-height: 80px;
		max-width: 100px;
	}

.recipe-card {
	border: 0
}

.recipe-card .recipe-card__link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		height: 100%;
	}

.recipe-card .recipe-card__title {
		color: #002e75;
		color: var(--c-blue-800);
		-webkit-box-flex: 2;
		    -ms-flex-positive: 2;
		        flex-grow: 2;
		font-weight: 700;
		padding: 30px 20px;
	}