

html {
	font-family:"futura-pt", sans-serif;
}
body {
	/* overflow:hidden; */
	overflow:visible;
}
strong, b{
	font-weight: 700
}
main section {
	overflow:hidden;
	max-width:100vw;
	min-width:320px;
}
/* Navigation */
header {
	background:#BD0706;
	outline: 0.15em solid #fff;
	max-width:100vw;
}
.header-logo {
	background:transparent;
	display:inline-block;
	height:100%;
	padding:0;
	vertical-align:middle;
	width: 8em;
}
.header-logo img{
	display:block;
	height:100%;
	margin:0 auto;
}

.search-button {
	margin-right: -0.75em;
}
.menu-button {
	margin-left: -0.75em;
}
.searchicon,
.navicon {
	font-size:0.75em;
	margin: 0.5em 0;
	display: inline-block;
	position: relative;
}
.navicon span:after {
	width:1.33em;
	margin-left:0.667em;
	
}
.mobile-menu--active .navicon span:after {
	width:2em;
	margin-left:0;
}
header a, 
header button, 
footer a, 
nav a {
	color:#fff;
	text-decoration:none;
	padding: 0.5em 0.5em;
}
.nav--container {
	background:radial-gradient(circle farthest-corner at 40% 50%, #e00d10, #9e0709);
	box-shadow: 0 100vh 0 100vh rgba(0,0,0,0.75);
}
.nav--main,
.nav--featured,
.nav--secondary ul {
	font-family:"futura-pt-condensed";
	font-weight:bold; 
}
.nav--featured {
	text-transform:uppercase;
	padding:0 0.5em;
}
.nav--featured a {
	color:#BD0706;
	padding:0.5em;
}
.nav--featured a:hover {
	color:#a30505;
	background:inherit;
}
.nav--featured .nav-item--current > a {
	text-decoration:underline;
}
.nav--main,
.nav--secondary {
	text-transform:uppercase;
}
.nav--main ul {
	color:#fff;
	background:transparent;
}
.nav--mobile-extras {
	margin:1em;
	text-align:center;
	border-top:0.15em solid #fff;
}
.nav--mobile-extras a {
	text-transform:none; 
	display:inline-block;
}
footer .social_icons,
.nav--mobile-extras .social_icons {
	font-size:1.5em;
	padding: 0.5em 0;
}
footer .social_icons a,
.nav--mobile-extras .social_icons a {
	font-size:1em;
	margin:0;
	padding: 0 0.25em;
	height: 1.2em;
}
.nav--mobile-extras p {
	margin:0 -1em;
	font-size:90%;
}
.nav--mobile-extras p a {
	text-decoration:underline;
	padding:0.5em;
}
.title {
	margin:  2.5em 0;
}
.title h1 {
	color: #BD0706;
	font-size: 2.8em;
    font-weight: 800;
    text-align: center;
}
.page--contact-form .title {
	margin:  2.5em 0;
}
.page--contact-form h1 {
	color: #BD0706;
	font-size: 2.8em;
    font-weight: 800;
    text-align: center;
}
.page--contact-form .title p{text-align: center;}


.critcomm-enabled header { top:0; }

@media screen and (max-width:47.95em) and (min-aspect-ratio:10/7) {
	
	html {
		font-size:1em;
	}
	#search {
		top:0;
		z-index: 199;
		padding: 1.125em 0 0;
	}
	#search::before {
		height:0;
	}
	.page--search-results #search {
		top:5.5em;
	}
	/* layering elements */
	.search--active header::before {
		content:'';
		background:#da2037;
		width:100%; 
		position:fixed;
		height:6.5em;
		top:0;
		z-index:99;
	}
	.search--active .nav--featured {
		position:fixed;
		z-index:99;
	}
	.search--active #critical_communications ~ #search {
		margin-top:0;
	}
	.search--active #critical_communications + header .nav--featured {
		margin-top:3em;
	}
	.search--active header {
		z-index:auto;
		position:static;
		margin-bottom:-6.5em;
	}
	.header-logo {
		transition:opacity 0.15s;
	}
	.search--active .header-logo {
		opacity:0;
	}
	header .content_wrapper {
		position:fixed;
		left:1em; right:1em;
		top:0;
		z-index:999;
	}
	#critical_communications + header .content_wrapper {
		margin-top:3em;
	}
	.menu-button, 
	.search-button {
		z-index:9999;
	}
	.nav--container {
		height: calc(100vh - 5.5em);
	}
	.nav--container nav {
	}
	.mobile-menu--active .nav--container {
		padding:1em 0;
	}
	.nav--mobile-extras .social_icons {
		display:inline-block;
		vertical-align:middle;
		margin:1em;
	}
	.nav--mobile-extras p {
		margin:1em;
		display:inline-block;
		vertical-align:middle;
		
	}
	header .content_wrapper {
		max-width:none;
	}
}

@media screen and (max-width:20em) {
	.nav--container nav {
		min-width:300px;
	}
}
@media screen and (min-width:48em), print{
	
	.nav--container {
		background:transparent;
		box-shadow:none;
	}
	.nav--main ul div {
		padding-top: 0.1em; /* match outline on header */
		background:rgba(0,0,0,0);
		transition: max-height .5s;
	}
	.nav--main ul div > ul {
		background:#a30505;
		padding-top:0.25em;
		margin:0 0.25em; 
	}
	.nav--main a {
		white-space:nowrap;
	}
	.header-logo {
		/* margin-left:-1em; */
		margin-right: 1em;
	}
	.nav--main > ul > .nav-item--current::after,
	.nav--main > ul > .nav-item--current-parent::after {
		background:#fff;
		border-radius:0.3em 0.3em 0 0;
		content:'';
		display:block;
		height:0.4em;
		position:absolute;
		bottom: -0.1em;
		left: -0.1em;
		right: -0.1em;
	}
	.nav--secondary .link--where-to-buy,
	.nav--secondary .link--promotions {
		position:relative;
	}
	.nav--secondary a img {
		display:none;
	}
}


@media (min-width:64em) {
	header nav {
		font-size:inherit;
	}
	.nav--main > ul > li,
	.nav--secondary > ul > li {
		padding:0;
	}
}
/* largest size */
@media (min-width:68em) {
	header nav {
		font-size: 1.125em;
	}
	.nav--main > ul > li,
	.nav--secondary > ul > li {
		padding:1.2em 0;
	}
	.nav--container {
		flex-grow:1;
		display:flex;
		justify-content:space-between;
		align-items:flex-start;
		align-self:center;
		height:100%;
	}
	.nav--container ul {
	}
	.nav--main,
	.nav--secondary	{
		margin-top:0;
		position:static;
	}
	.search-button {
		margin-top: -0.1em;
		margin-left:0;
	}
}
footer {
	overflow:hidden;
	position:relative;
	background-image: radial-gradient(circle farthest-corner at 40% 50%, #e00d10, #9e0709);
	margin-bottom: 0;
}
footer::before {
	content:'';
	padding-top:7%;
	display:block;
	background:url(../images/site/rough-edge-bottom-white.svg) 0 bottom / 100vw 100vw no-repeat;
}
footer > div:first-child,
footer > div.content_wrapper {
	position:relative;
	z-index:1;
	margin-top: 8em;
	margin-bottom:2em;
}
.footer-nav--main ul {
	text-transform:uppercase;
	position:relative;
	display: block;
}
.footer-nav--main a:hover {
	background:none;
	text-decoration:underline;
}
.footer-nav--main a {
	font-family:"futura-pt-condensed";
	font-size: 1.125em;
}
.footer-nav--secondary a {
	text-decoration:underline;
}
footer li {
	margin: 0 1em 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	break-inside: avoid;
}
.footer-nav--main li a[href*="home.html"]::before {
	content: '';
	display:block;
	background:url(../images/site/logo-cheez-it.svg) center / contain no-repeat;
	top: -8em;
	width: 8em;
	height: 8em;
	left:50%;
	margin-left: -4em;
	position:absolute;
}
@media (min-width:48em), print{
	footer > div:first-child,
	footer > div.content_wrapper {
		margin-top: 7em;
	}
	.footer-nav--main li a[href*="home.html"]::before {
		width: 8em;
		height: 6em;
		left: -0.2em;
		margin-left:0em;
		top: -6em;
	}
	.footer-nav--main ul {
		text-align:left;
		columns: 3;
	}
	.footer-nav--main li {
		display:block; 
		max-width:10em;
	}
}
/* Headings and paragraph styles */
h1,h2,h3,h4,h5,h6, .pretend-h2, .pretend-h3 {
	margin:1rem 0;
	font-family:"futura-pt-condensed";
	font-weight:bold;
	text-transform:uppercase;
}
h1,h2 {
	font-weight:800;
	letter-spacing:-0.033em;
	color: #BD0706;
}
h2, .pretend-h2 {
	font-size: 2.8em;
	font-weight: 800;
	line-height:0.9;
	text-align:center;
	color:#BD0706;
}
h3, .pretend-h3 {
	font-weight: 800;
	font-size:2em;
	line-height:0.9;
}
p {
	margin:1rem 0;
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
	white-space:nowrap;
}
p {
	
}
.disclaimer {
	font-size:0.8em;
} 
small {
	font-size:0.667em;
} 
sup {
	text-decoration:none;
}
h1 sup,
h2 sup,
h3 sup {
	font-size: 33%;
	top: -1.4em;
	margin-left: 0.1em;
}
/* Tables */
table {
	margin:0;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
tr {
}
td {
	padding:0.5em 0;
}
/* Links and CTA Buttons */
a {
	color:#BD0706;
	text-decoration:none;
}
.button-cta {
	font-size:1.125rem;
	font-weight:bold;
	font-family: 'futura-pt-condensed';
	text-align:center;
	min-width: 8em;
	background:#fdb414;
	color:#310609;
	padding:0.7em 1em 0.65em;
	text-transform:uppercase;
	transition:color 0.15s, background 0.15s;
	border-radius: 0.1em;
}
.button-cta:hover {
	box-shadow: 0 0.1em 0.15em rgb(0 0 0 / 10%);
	background: #F57600;
}
input[type=submit], 
button, [type="button"], 
[type="reset"], 
[type="submit"] {
	background:#fdb414;
	color:#000;
}
.button-cta:hover {
}
.video-fullwidth .ytplayer-wrapper {
	margin:0 -1em;
	height:auto;
}
.yt-link-initialized {
	opacity: 1;
	pointer-events: auto;
}
.ytplayer .icon--player {
	opacity: 0.33;
	transform:translate(-50%,-50%) scale(0.75);
}
.yt-link-initialized .icon--player {
	opacity:1;
	transform:translate(-50%,-50%) scale(1);
	transition:opacity 0.15s, transform 0.15s;
}
.icon--player {
	color:#fff;
	border:none;
	border-radius: 100%;
	box-shadow: 0.05em 0.05em 0.2em rgba(0,0,0,.5);
	overflow: hidden;
	width: 5em;
	height: 5em;
}
.icon--player::before {
	display: block;
	content: '';
	background: currentcolor;
	box-shadow: 1.65em 0 0.2em -1.5em rgba(0,0,0,.5);
	height: 5em;
	width: 3.1em;
	left: -1.2em;
	position: absolute;
	z-index: 1;
}
.icon--player::after {
	display: block;
	content: '';
	border-right: 3em solid currentcolor;
	border-bottom: 3em solid currentcolor;
	height: 5em;
	width: 5em;
	position: absolute;
	top: -2.75em;
	left: -5em;
	transform:scaley(.6) rotate(-45deg);
	box-shadow: inset 0em 0em 0.3em rgba(0,0,0,.5);
}
.ytplayer:hover .icon--player {
	color:#dedede;
}
.ytplayer {
	opacity:0.8;
	pointer-events:none;
}
.yt-link-initialized {
	opacity:1;
	pointer-events:auto;
}
@media (min-width:48em), print{ 
	.icon--player {
		font-size:1em;
	}
	.button-cta {
		min-width: 9em;
	}
	.video-fullwidth .ytplayer-wrapper {
		width:66.67%;
		margin:0 auto;
	} 
}
.nav--main li:hover > div {
	max-height:100vh !important;
}
/* Forms */
input,
textarea {
	border-radius:0em;
	outline-offset:2px;
}
select {
	border:0.15em solid currentcolor;
	border-radius:0;
	font-weight:600;
	text-align:center;
	padding:0.45em 2em 0.5em 1em;
	transition:color 0.15s, background 0.15s;
	outline-offset:2px;
}
.pagination a,
.pagination input {
	background:#BD0706;
}
#search {background:rgba(0,0,0,0.95);}
#search input[type="text"] {
	border-radius:0;
	text-indent:0.33em;
	padding: 0 3rem 0 0;
	cursor:text;
	outline-offset:4px;
}
@media (min-width:48em), print{ 
	#search .content_wrapper {
		max-width:29em;
	}
	#search input[type="text"] {
		width:calc(100% - 10rem);
	}
}
/* Change autocomplete styles in WebKit */
#search input[type=text]:-webkit-autofill,
#search input[type=text]:-webkit-autofill:hover,
#search input[type=text]:-webkit-autofill:focus,
#search input[type=text]:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s;
	-webkit-text-fill-color: #fff !important;
	color: #fff !important;
}
#search .search-label--large {
	font-weight:bold;
	font-family: 'futura-pt-condensed';
	text-transform:uppercase;
}
#search .search-label--submit::before {
	top:0.3em;
	left: 0.46em;
}
#search .search-label--submit::after {
	top: 2.15em;
	left: 1.8em;
}
/* Some active styles */
a:focus,
a:active,
a:focus .button-cta,
a:active .button-cta,
button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
[tabindex]:focus,
.tns-nav button:focus,
.qq-upload-button:focus-within,
form input[type="checkbox"]:focus + label:before, 
form input[type="radio"]:focus + label:before{
	outline:2px solid #000;
}


header .content_wrapper a:focus,
header .content_wrapper a:active,
header button:focus,
header button:active,
footer a:focus,
footer a:active {
	/* outline:2px solid #fdee00; */
}
#search input:focus,
#search input:active{
	outline:2px solid #fdee00;
}

.icon--player:focus {
	outline:2px solid #fdee00;
	outline-offset: 2px;
}

.menu-button:focus:hover,
.menu-button:active:hover,
.search-button:focus:hover,
.search-button:active:hover,
a:focus:hover,
a:active:hover {
	outline:none !important;
	box-shadow:none !important;
}


/* Basic Hero */
.pagehero {
	background: #BD0706;
	background-image: radial-gradient(circle farthest-corner at 40% 50%, #e00d10, #9e0709);
	color:#fff;
	padding-bottom: 2%;
	height: 26em;
}
.pagehero section {
	margin:0 auto;
}
.pagehero h2, 
.pagehero h1 {
	text-shadow:0.066em 0.066em 0 rgba(0,0,0,0.25);
	color:inherit;
	font-weight:800;
	font-size: 2.8em;
	position:relative;
	z-index:2;
	text-align: center;
	line-height: 0.85;
}
h1 span,
h2 span { display:block; white-space:nowrap; }
h1 span sup:last-child {
	margin-right:-0.75em; 
}
.pagehero .button-cta {
	position:relative;
	z-index:2;
}
.pagehero::after {
	display:block;
	content:'';
	background:url(../images/site/rough-edge-top-white.svg) center 0 / 100vw 100vw;
	padding-top: 6%;
	height:2em;
	position:absolute;
	width:100%;
	bottom: -6%;
	z-index: 2;
	pointer-events: none;
}
.pagehero .rich-text {
	position:static;
} 
.pagehero .content_wrapper::before {
	height:94%;
}
.pagehero .hero-slide {
	height: 100%;
}



/* Home Hero */
.hero--homepage {
	overflow: visible;
	height: calc(54vw + 12em);
	padding-bottom:0;
	margin-bottom: 3em;
}
.hero--homepage .content_wrapper {
	position: relative;
}
.hero--homepage h1, 
.hero--homepage h2 {
	font-size:2.5em;
	font-size:calc(1.5em + 5vw);
	text-align: center;
	font-weight: 400;
	letter-spacing: 0em;
}
.hero--homepage h2 span {
	transition:opacity 0.2s, transform 0.33s;
	display: block;
	position:relative;
	
}
.hero-slide .line-1 {
	font-size:73%;
	line-height: .8;
}
.hero-slide .line-2 {
	font-size: 160%;
	line-height: 1;
}
.hero-slide .line-3  {
	font-size: 124%;
	line-height: .8;
}

@keyframes heroFadein {
	0% { opacity:0; transform:translate(0, 1rem); }
	75% { opacity:0; transform:translate(0, 1rem); }
	100% { opacity:1; transform:translate(0, 0rem); }
}
@media (min-width:48em), print{
	.hero--homepage {
		height:50vw;
		min-height: 0;
		max-height:42em;
		margin-bottom: 3em;
	}
	.hero--homepage .rich-text {
		display:inline-block;
		text-align: center;
	}
	.hero--homepage h1, 
	.hero--homepage h2 {
		margin-bottom: 0.4em;
		font-size: 3.5em;
	}
}

/* hero generic cracker art 
PLEASE DO NOT EDIT THIS,  
it is used in many places and you will 
probably break things unintentionally */

@keyframes cheezRise {
	0% { top:60%; opacity:0;}
	80% { opacity:1;}
	100% { top:50%; opacity:1;}
}

@keyframes cheezRise2 {
	0% { top:-10%; opacity:0;}
	80% { opacity:1;}
	100% { top:0%; opacity:1;}
}
.pagehero div[class*="hero-cheese"],
.pagehero div[class*="hero-cracker"] {
	position:absolute;
	left:50%;
	top:50%;
}

.pagehero div[class*="hero-cheese"],
.pagehero div[class*="hero-cracker"] {
	position:absolute;
	left:50%;
	top:50%;
	opacity:0;
}
.tns-slide-active div[class*="hero-cheese"], 
.tns-slide-active div[class*="hero-cracker"] {
	-webkit-animation:cheezRise 0.6s cubic-bezier(.29,.67,.57,1) forwards;
	animation:cheezRise 0.6s cubic-bezier(.29,.67,.57,1) forwards;
}
.hero--generic-cracker-art.section--in-viewport div[class*="hero-cheese"], 
.hero--generic-cracker-art.section--in-viewport div[class*="hero-cracker"] {
	-webkit-animation:cheezRise 0.6s cubic-bezier(.29,.67,.57,1) forwards;
	animation:cheezRise 0.6s cubic-bezier(.29,.67,.57,1) forwards;
}
.section--in-viewport div[class*="hero-cheese"]:nth-child(1), 
.section--in-viewport div[class*="hero-cracker"]:nth-child(1) {
	animation-delay:0.5s;
}
.section--in-viewport div[class*="hero-cheese"]:nth-child(2), 
.section--in-viewport div[class*="hero-cracker"]:nth-child(2) {
	animation-delay:0.55s;
}
.section--in-viewport div[class*="hero-cheese"]:nth-child(3), 
.section--in-viewport div[class*="hero-cracker"]:nth-child(3) {
	animation-delay:0.6s;
}
.section--in-viewport div[class*="hero-cheese"]:nth-child(4), 
.section--in-viewport div[class*="hero-cracker"]:nth-child(4) {
	animation-delay:0.65s;
}
.section--in-viewport div[class*="hero-cheese"]:nth-child(5), 
.section--in-viewport div[class*="hero-cracker"]:nth-child(5) {
	animation-delay:0.7s;
}
.section--in-viewport div[class*="hero-cheese"]:nth-child(6), 
.section--in-viewport div[class*="hero-cracker"]:nth-child(6) {
	animation-delay:0.75s;
}
.section--in-viewport div[class*="hero-cheese"]:nth-child(7), 
.section--in-viewport div[class*="hero-cracker"]:nth-child(7) {
	animation-delay:0.8s;
}
.section--in-viewport div[class*="hero-cheese"]:nth-child(8), 
.section--in-viewport div[class*="hero-cracker"]:nth-child(8) {
	animation-delay:0.9s;
}

.hero-cheese1 {
	background:url(../images/home/herocheese1.png) center / contain no-repeat;
	width:6em;
	height:12em;
	margin: 4em calc(-25% - 7em);
}
.hero-cheese2 {
	background:url(../images/home/herocheese2.png) center / contain no-repeat;
	width: 4em;
	height: 4em;
	margin: -7em calc(18% + 2em);
}
.hero-cheese3 {
	background:url(../images/home/herocheese3.png) center / contain no-repeat;
	width:6em;
	height:6em;
	margin: -7em calc(-25% - 6em);
}
.hero-cracker1 {
	background:url(../images/home/herocracker.png) center / contain no-repeat;
	width: 6em;
	height: 6em;
	margin: -5% calc(-35% - 7em);
	filter:drop-shadow(0.5em 0.5em 1em rgba(50,0,0,0.33));
}
.hero-cracker2 {
	background:url(../images/home/herocracker.png) center / contain no-repeat;
	width: 9em;
	height: 7em;
	margin: 7em calc(12% + 1em);
	transform: rotate(135deg);
	filter:drop-shadow(0.5em 0.5em 1em rgba(50,0,0,0.33));
}
.hero-cracker3 {
	background:url(../images/home/herocracker.png) center / contain no-repeat;
	width: 7em;
	height: 7em;
	margin: 0em 40%;
	transform: rotate(67deg);
	filter:drop-shadow(0.5em 0.5em 1em rgba(50,0,0,0.33));
}
.hero-cracker4 {
	background:url(../images/home/herocracker.png) center / contain no-repeat;
	width: 7em;
	height: 7em;
	margin: -5em -25%;
	transform: rotate(67deg);
	filter:drop-shadow(0.5em 0.5em 1em rgba(50,0,0,0.33));
}
.snapdcracker {
	background:url(../images/home/snapdcracker.png) center / contain no-repeat;
}
.puffdcracker {
	background:url(../images/home/herocheese2-puffd.png) center / contain no-repeat;
}
.hero--generic-cracker-art .hero-cheese1 {
	margin: 0em calc(25% - 0em);
	height: 8em;
	width: 8em;
	z-index: 2;
}
.hero--generic-cracker-art .hero-cheese2 {
	margin: 0em calc(-32% - 9em);
}
.hero--generic-cracker-art .hero-cheese3 {
	margin: -4em calc(-32% - 7em);
}
.hero--generic-cracker-art .hero-cheese4 {
	margin: 4em calc(25% - 5em);
}
.hero--generic-cracker-art .hero-cracker1 {
	margin: -10em calc(25% - -3em);
}
.hero--generic-cracker-art .hero-cracker2 {
	margin: 1em calc(-25% - 10em);
	transform: rotate(-5deg);
	z-index: 2;
}
.hero--generic-cracker-art .hero-cracker3 {
	margin: -11em calc(-37% - 5em);
}
.hero--generic-cracker-art .hero-cracker4 {
	margin: -3em calc(25% + 8em);
	z-index: 2;
}

@media (min-width:48em), print{
	.hero-cheese1 {
		width:6em;
		height:12em;
		margin: -15em -26em;
	}
	.hero-cheese2 {
		width:6em;
		height:6em;
		margin: -14.5em 19em;
	}
	.hero-cheese3 {
		width:6em;
		height:6em;
		margin: -8em 23em;
	}
	.hero-cheese7 {
		margin: -16em calc(-25% - 10em);
	}
	.hero-cheese6 {
		width: 23em;
		height: 8em;
		margin: -15em calc(18% + 7em);
	}
	.hero-cracker1 {
		width:18em;
		height:18em;
		margin: -1em -33em;
	}
	.hero-cracker1.puffdcracker{
		width:10em;
		height:10em;
		margin: -1em -38em;
	}
	.hero-cracker2 {
		width: 9em;
		height: 7em;
		margin: -17.5em 0em;
	}
	.hero-cracker3 {
		width:16em;
		height:16em;
		margin: 1em 19em;
	}
	.hero-cracker3.puffdcracker {
		width:12em;
		height:12em;
		margin: 2em 29em;
	}
	.hero--generic-cracker-art .hero-cheese1 {
		margin: -7em calc(-25% - 6em);
		height: 20em;
		width: 10em;
		z-index: 3;
		transform: rotate(15deg);
	}
	.hero--generic-cracker-art .hero-cheese2 {
		margin: -6em calc(25% - 0em);
		width: 8em;
		height: 8em;
	}
	.hero--generic-cracker-art .hero-cheese3 {
		margin: 7em calc(32% - 8em);
		z-index: 2;
	}
	.hero--generic-cracker-art .hero-cheese4 {
		margin: 4em calc(25% - 5em);
	}
	.hero--generic-cracker-art .hero-cracker1 {
		margin: -18em calc(20% - 3em);
	}
	.hero--generic-cracker-art .hero-cracker2 {
		margin: 2em calc(-29% - 14em);
	}
	.hero--generic-cracker-art .hero-cracker3 {
		margin: -15em calc(-25% - 11em);
		transform: rotate(-41deg);
	}
	.hero--generic-cracker-art .hero-cracker4 {
		margin: 2em calc(25% + 5em);
		width: 9em;
		height: 9em;
		transform: rotate(-79deg);
	}
}

/* END hero generic cracker art. Edit as normal from this point on! */





/* hero products page   */
.hero--products h1 {
	max-width: 5.95em;
}
.hero--products h1 .line-1 {
	font-size: 88%;
}
.hero--products h1 .line-2 {
	font-size:160%;
}
.hero--products h1 .line-3 {
	font-size: 134%;
}




/* hero product line  */
.hero--product-line .rich-text {
	vertical-align:top;
	padding:2em 0;
}
.hero--product-line h1 {
	margin: 0 0 15% 0;
	font-size:calc(3vw + 1em); 
}
.hero--product-line {
	min-height:15em;
}
@media (min-width:48em), print{
	.hero--product-line h2, 
	.hero--product-line h1 {
		font-size:2.8em; 
	}
}




/* hero cheddarjack */
.hero--cheddarjack .line-1  {
	font-size:200%;
}
.hero--cheddarjack .line-2{
	font-size: 125%;
}
.hero--cheddarjack .line-3 {
	font-size: 77%;
	display: none;
}
.hero--cheddarjack .puffd-defy {
	font-size: calc(2em + 7vw);
	width: 4.5em;
	margin: -0.1em auto 0.1em;
	position: relative;
}
.hero--cheddarjack .hero-cheese5 {
	background:url(../images/home/herocracker-extratoasty.png) center / contain no-repeat;
	width:6em;
	height:14em;
	margin: 4em calc(-25% - 7em);
}
.hero--cheddarjack .hero-cheese6 {
	background:url(../images/home/herocracker-extratoasty.png) center / contain no-repeat;
	width: 4em;
	height: 4em;
	margin: -9em calc(18% + 2em);
}
.hero--cheddarjack .hero-cheese7 {
	background:url(../images/home/herocracker-extratoasty.png) center / contain no-repeat;
	width:6em;
	height:6em;
	margin: -14em calc(-25% - 6em);
}
.hero--cheddarjack .cheddar-jack-packaging {
	display:block;
	width: calc(25vw + 9em);
	height: auto;
	margin:0 auto;
	position: relative;
	z-index: 2;
}
.hero--cheddarjack .content_wrapper>img{
	display: none;
	visibility: hidden;
}
.hero--cheddarjack .find-em-near-you {
	display: none;
	visibility: hidden;
}


@media (min-width:48em), print{
	.hero--cheddarjack .puffd-defy {
		margin: -0.1em auto 0.1em;
		left: 0.05em;
		font-size: 4em;
	}
	.hero--cheddarjack .rich-text {
		text-align: center;
	}
	.hero--cheddarjack .cheddar-jack-packaging {
		display: none;
	}
	.hero--cheddarjack .content_wrapper>img{
		width:20vw;
		display: inline-block;
		vertical-align: middle;
		max-width: 2em;
		visibility: visible;
		font-size: 8em;
		margin: 0;
	}
	.hero--cheddarjack::before {
		width:8em;
		height: 6em;
		margin: 0 auto 0 17em;
	}
	.hero--cheddarjack .content_wrapper > .find-em-near-you {
		width:11vw;
		display: inline-block;
		position: absolute;
		visibility: visible;
		right: 0.5em;
    }
}




/* hero citrus bowl  */
.hero--citrusbowl {
	background: url(../images/home/slide-citrusbowl2022-mobile.jpg) center / cover no-repeat;
}
.hero--citrusbowl .content_wrapper::before {
	height:45%;
}
.hero--citrusbowl img{
	width: 2em;
	display: block;
	margin: 0 auto;
	left: 0;
}
.hero--citrusbowl h1 {
	text-shadow: 0.2000rem 0.0000rem 0 #000, 
		 0.1732rem 0.1000rem 0 #000, 
		 0.1000rem 0.1732rem 0 #000, 
		 0.0000rem 0.2000rem 0 #000, 
		 -0.1000rem 0.1732rem 0 #000, 
		 -0.1732rem 0.1000rem 0 #000, 
		 -0.2000rem 0.0000rem 0 #000, 
		 -0.1732rem -0.1000rem 0 #000, 
		 -0.1000rem -0.1732rem 0 #000, 
		 -0.0000rem -0.2000rem 0 #000, 
		 0.1000rem -0.1732rem 0 #000, 
		 0.1732rem -0.1000rem 0 #000; 
	width: 80%;
	margin: 0.5em auto 0.5em;
	font-size: calc(1.5em + 3vw);
}

@media (min-width:48em), print{
	.hero--citrusbowl {
		background: url(../images/home/slide-citrusbowl2022.jpg) center / cover;
	}
	.hero--citrusbowl h1 {
		font-size:3.5em;
		
	}
}



/* snap'd hero */
.hero--snapd .line-1 {
	font-size:116%;
}
.hero--snapd .line-2 {
	font-size: 85%;
}
.hero--snapd .line-3 {
	font-size: 118%;
}
.hero--snapd .rich-text::after {
	display:block;
	content:'';
	background:url(../images/home/snapd-double-cheddar.png) center / contain no-repeat;
	width: calc(25vw + 5em);
	height: calc(15vw + 10em);
	margin:0 auto;
	position: relative;
	z-index: 2;
}
@media (min-width:48em), print{
	.hero--snapd h1 {
		font-size: 4.5em;
	}
	.hero--snapd .rich-text::after {
		display:none;
	}
    .hero--snapd .content_wrapper::before {
        background:url(../images/home/snapd-double-cheddar.png) center / contain no-repeat;
		width:19em;
		margin-right: 2em;
		
    }
}



/* hero puff'd  */
.hero--puffd {
	background:#b3101e url(../images/home/puffd-back-v2.png) left top / auto 80% no-repeat;
	box-shadow:0 6vw 0 #b3101e;
}
.hero--puffd h1, 
.hero--puffd h2{
	display: none;
	visibility: hidden;
    max-width: none;
    text-transform: none;
}
.hero--puffd img {
	font-size: calc(2em + 7vw);
	width: 80%;
	margin: 1.5em auto 0;
	position: relative;
	max-width: 100%;
	left: 0;
}
.hero--puffd h1 .line-1 {
	margin-bottom:0.3em;
	font-size:95%; 
}
.hero--puffd h1 .line-2 {
	font-size:66%; 
}
.hero--puffd h1 .line-3 {
    color: #fdc747;
	font-size:96%; 
	margin-bottom:1em;
}
.hero--puffd .puffd-defy {
	width: 4em;
	display: block;
	vertical-align: bottom;
	margin: 0em auto .3em;
}
@media (min-width:48em), print{
	.hero--puffd {
		background-size:auto 90%;
	}
	.hero--puffd img {
		width: 6.25em;
		margin: 0 0 0 2em;
	}
	.hero--puffd .puffd-defy{
		width: 45%;
		display: inline-block;
		vertical-align: bottom;
		margin: 0 0.1em 0 2em;
	}
	.hero--puffd .button-cta {
		min-width:6em; 
	}
}
@media (min-width:78em) {
	.hero--puffd img {
		font-size:8em;
	}
}
@media (min-width:100em) {
	.hero--puffd {
		background: url(../images/home/puffd-back-v2.png) calc(50vw - 50em) top / auto 120% no-repeat, linear-gradient(to left, #b3101e, #b3101e calc(50% + 45em), #fabd2b  calc(50% + 45em), #fabd2b  ), #b3101e;
	}
}



/* video hero */
.hero--videos .hero-videotv {
	background:url(../images/home/cheezit-tv.png) center / contain no-repeat;
	width: 6em;
	height: 6em;
	margin: -10em -3em;
}
.hero--videos .hero-videoremote {
	background:url(../images/home/cheezit-remote.png) center / contain no-repeat;
	width: 7em;
	height: 7em;
	margin: 2em -4em; 
	transform: rotate(0deg);
}
@media (min-width:48em), print{
	.hero--videos .hero-videotv {
		width: 14em;
		height: 20em;
		margin: -13em 8em;
	}
	.hero--videos .hero-videoremote {
		width: 14em;
		height: 20em;
		margin: -12em -20em;
	}
}
@media (min-width:64em) {
	.hero--videos h1 {
		font-size:4em;
	}
}












/* hero about us */
.hero--about-us h1 .line-1 {
	font-size: 85%;
}
.hero--about-us h1 .line-2 {
	font-size:160%;
}
.hero--about-us h1 .line-3 {
	font-size: 168%;
}



/* hero promotions */
.hero--promotions {
	margin-bottom:4em;
}
.hero--promotions h1 {
	max-width: 7em;
}
.hero--promotions h1 .line-1 {
	font-size: 147%;
}

@media (min-width:64em) {
	.hero--promotions h1 {
		font-size:4em;
	}
}


 /* hero groovesgamebox */
.hero--groovesgamebox { 
	background:url(../images/home/hero-grooves-gamebox-mobile.jpg) center / cover;
}
.hero--groovesgamebox h1 {
	visibility:hidden;
	display:none;
}
.hero--groovesgamebox .button-cta { 
	position:absolute; 
	opacity:1;
	animation:none; 
	bottom:0%; 
	bottom:14%; 
	left:50%; 
	transform:translate(-50%,0);
}
@media (min-width:48em), print{
	.hero--groovesgamebox { 
		background:url(../images/home/hero-grooves-gamebox.png) center / contain no-repeat, url(../images/home/hero-grooves-gamebox.jpg) center / cover no-repeat;  
	}
	.hero--groovesgamebox .button-cta {
		bottom:15%;
		left:78%; 
	}
}


/* hero extrayard */
.hero--extrayard {
	background: url(../images/home/slide-extra-yard-mobile.jpg) center / cover no-repeat;
}
.hero--extrayard h1 {
	font-size: calc(0.5em + 5vw);
}
.hero--extrayard img{
	width: 50vw;
	margin: 0 auto;
}
.hero--extrayard .rich-text{
	vertical-align: top;
	margin: 1em 0 0 0;
}
@media (min-width:48em), print{
	.hero--extrayard {
		background: url(../images/home/slide-extra-yard.jpg) center / cover;
	}
	.hero--extrayard .rich-text{
		vertical-align: top;
	}
	.hero--extrayard .rich-text div{
		text-align: center;
	}
	.hero--extrayard img{
		width: 20vw;
		display: inline-block;
		padding: 0 0.1em;
		vertical-align: middle;
		max-width: 11em
	}
	.hero--extrayard h1 {
		text-align: center;
		padding: 0.5em 0.5em 0.5em;
		margin: 0;
		width: 63vw;
    	display: inline-block;
    	vertical-align: middle;
		max-width: 17em;
		font-size: 4vw;
	}
}
@media (min-width:78em) {
	.hero--extrayard h1 {
		font-size: 3em;
	}

}



/* hero iceman */
.hero--iceman .rich-text .winici {
	position: relative;
	top: 1em;
    width: 54%;
	margin: 0 auto;
}
.hero--iceman h1{
	display: none;
}
.hero--iceman .frozen-man{
	visibility: hidden;
	display: none;
}
@media (min-width:48em), print{
	.hero--iceman .frozen-man{
		width: 76%;
		visibility: visible;
		display: block;
		margin: 0 auto;
	}
	.hero--iceman .rich-text .winici{
		position: relative;
		top: 2vw;
		width: 80%;
		margin: 0 auto;
	}

}
@media (min-width:78em) {
	.hero--iceman .rich-text .winici{
		top: 2em;
	}
}




/* hero promo */
.hero--promotion-detail {
	height:auto;
	background:transparent;
	padding-bottom:0;
	margin-top: 0;
}
.hero--promotion-detail::after {
	display:none;
}
.hero--promotion-detail > section > img, 
.hero--promotion-detail > section > picture img{
	position: static;
	height: auto;
	width: 100%;
	display: block;
	transform: none;
}



/* hero  cheezitbowl */
.cheezitbowl-home-hero .cib_logo {
	top: 14%;
    height: 37%;
    animation: none;
    opacity: 1;
    left: 50%;
    transform: translate(-50%,0);
    position: absolute;
}
.cheezitbowl-home-hero .school_logo1 {
	top: 20%;
    height: 24%;
    animation: none;
    opacity: 1;
    left: 14%;
    transform: translate(-50%,0);
    position: absolute;
}
.cheezitbowl-home-hero .school_logo2 {
	top: 20%;
    height: 22%;
    animation: none;
    opacity: 1;
    left: 85%;
    transform: translate(-50%,0);
    position: absolute;
}
.cheezitbowl-home-hero .rich-text div {
	bottom: 26%;
	height: 20%;
	animation:none;
	opacity:1;
    left: 50%;
	transform:translate(-50%,0);
    position: absolute;
	width: 100%
}
.cheezitbowl-home-hero .rich-text h1{
	font-size: 8vw
}

@media (min-width: 48em), print{
	.cheezitbowl-home-hero .cib_logo {
		top: 4%;
		height: 51%;
		animation:none;
		opacity:1;
		left: 50%;
		transform:translate(-50%,0);
		position: absolute;
	}
	.cheezitbowl-home-hero .school_logo1 {
		top: 18%;
		height: 45%;
		animation:none;
		opacity:1;
		left: 17%;
		transform:translate(-50%,0);
		position: absolute;
	}
	.cheezitbowl-home-hero .school_logo2 {
		top: 18%;
		height: 45%;
		animation:none;
		opacity:1;
		left: 83%;
		transform:translate(-50%,0);
		position: absolute;
	}
	.cheezitbowl-home-hero .rich-text div {
		bottom: 26%;
	}
	.cheezitbowl-home-hero .rich-text h1{
		font-size: 4vw
	}


}

@media (min-width: 64em), print {
	.cheezitbowl-home-hero .rich-text h1{
		font-size: 3em
	}
}



/*extra-crunchy optimized */

.hero--extra-crunchy-optimized {
	background:url(../images/promotions/extra-crunchy/bg2.jpg) center / cover;
}
.hero--extra-crunchy-optimized img {
	position:absolute; 
	left:50%; 
}
.hero--extra-crunchy-headline {
	transform:translate(-50%,0);
	top:0;
	height:40%;
}
.hero--extra-crunchy-optimized .button-cta {
	position:absolute; 
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.hero--extra-crunchy-optimized .button-cta img {
	display:none;
	width:4em; 
	left:100%;
	margin:0 0.5em;
	top:-2em;
}
.hero--extra-crunchy-pack-left {
	bottom:0;
	height:40%;
	transform:translate(-110%,0);
}
.hero--extra-crunchy-pack-right {
	bottom:0.5em;
	height:40%;
	transform:translate(10%,0);
}
@media (min-width:28em) {
	.hero--extra-crunchy-optimized .button-cta img {
		display:block;
	}
}
@media (min-width:48em), print {
	
	.hero--extra-crunchy-headline {
		height:60%;
	}
	.hero--extra-crunchy-optimized .button-cta {
		top:75%
	}
	.hero--extra-crunchy-optimized .hero--extra-crunchy-pack-left {
		margin-left:-4em;
		height:40%;
		left:35%;
		bottom:15%
	}
	.hero--extra-crunchy-optimized .hero--extra-crunchy-pack-right {
		margin-left:4em;
		height:40%;
		bottom:20%;
		left:65%;
	}
}

/*extra crunchy optimized  */






/* hero extrayard */
.hero--extrayard {
	background: url(/content/dam/NorthAmerica/cheezit/images/home/slide-extra-yard-mobile.jpg) center / cover no-repeat;
}
.hero--extrayard h1 {
	font-size: calc(0.5em + 5vw);
}
.hero--extrayard img{
	width: 50vw;
	margin: 0 auto;
}
.hero--extrayard .rich-text{
	vertical-align: top;
	margin: 1em 0 0 0;
}
@media (min-width:48em), print{
	.hero--extrayard {
		background: url(/content/dam/NorthAmerica/cheezit/images/home/slide-extra-yard.jpg) center / cover;
	}
	.hero--extrayard .rich-text{
		vertical-align: top;
	}
	.hero--extrayard .rich-text div{
		text-align: center;
	}
	.hero--extrayard img{
		width: 20vw;
		display: inline-block;
		padding: 0 0.1em;
		vertical-align: middle;
		max-width: 11em
	}
	.hero--extrayard h1 {
		text-align: center;
		padding: 0.5em 0.5em 0.5em;
		margin: 0;
		width: 63vw;
    	display: inline-block;
    	vertical-align: middle;
		max-width: 17em;
		font-size: 4vw;
	}
}
@media (min-width:78em) {
	.hero--extrayard h1 {
		font-size: 3em;
	}

}

/* Home Promo */
.promotion--home-cheezy-personality-otg {
	text-align: center;
	color:#fff;
	position: relative;
}
.promotion--home-cheezy-personality-otg .rich-text {
    background:linear-gradient(to bottom, #b80a0c, #e00e11 25%, #e00e11);
	overflow:hidden;
	padding:1em 0 2em;
}
.promotion--home-cp-tile span {
    color: #fff;
    text-align: inherit;
	font-weight: normal;
    margin: 0 auto;
	position:relative;
}
.promotion--home-cp-tile {
	font-size:min(2.5vw, 1em);
}

.promotion--home-cp-tile h2 {
	letter-spacing:-0.015em;
	margin-top:0;
}
.promotion--home-cp-tile sup {
	top: 0.26em;
	position: absolute;
	font-size: 50%;
}
.promotion--home-cp-tile span:nth-child(1) {
    font-size: 101%;
}
.promotion--home-cp-tile span:nth-child(2) {
    font-size: 343%;
    letter-spacing: -0.03em;
    margin:-0.075em auto;
    transform: translate(-1%,0);
}
.promotion--home-cp-tile span:nth-child(3) {
    font-size: 160%;
}
.cheez-it-personality-image {
	width: 70%;
	max-width:32em;
	margin:1em auto;
}
.cheez-it-personality-logo {
	width: 70%;
	max-width:18em;
	margin:0 auto;
}

@media (min-width: 48em), print {
	.promotion--home-cheezy-personality-otg .rich-text {
		background:linear-gradient(to bottom, #b80a0c, #e00e11 50%, #e00e11);
		padding:1em;
	}
	.promotion--home-cheezy-personality-row {
		display: flex;
		align-items: center;
		justify-content: space-evenly;
	}
	.promotion--home-cheezy-personality-row > div {
		flex-basis: 30%;
		margin: 0 auto;
		padding: 0;
	}
	.promotion--home-cheezy-personality-row > .cheez-it-personality-image {
		flex-basis: 35%;
	}
	.promotion--home-cp-tile {
		font-size:min(1.25vw, 0.75em);
		padding:0 2em;
	}
}



.wtb-hero-rich-text {
	width: 100%;
	justify-content: center;
}




/* Multiple column Promotions */
.promotions-featured {
	text-align:center;
}
.promotions-featured .content_wrapper {
	max-width: 100em;
}
.promotions-featured-column {
	position:relative;
	margin: 0 auto 2em;
}
.promotions-featured-column a {
	display:block;
	outline-offset:-2px;
}
.promotions-featured-column a.button-cta {
	display:inline-block;
	
}
.promotions-featured-column .disclaimer a {
	display:inline;
	outline-offset:0;
}
.promotions-featured .promotions-featured-column {
	display:block;
	position:relative;
	margin-bottom:1rem;
	font-size: 3vw;
    margin-top: .2em;
}
.promotions-featured img {
	width: 100%;
}
.promotions-featured > a {
	position:relative;
	display:block;
	height: 100%;
}
/* red cta buttons */
.promotions--countdown .button-cta,
.promotions--buena-jugada .button-cta,
.promotions--kfr .button-cta,
.product-detail-actions .button-cta,
.promotion-detail-overview .button-cta {
	color:#fff;
	background:#BD0706;
}
.promotions-description h3 { 
	text-shadow:0.066em 0.066em 0 rgba(0,0,0,0.25);
	color:#fff;
	position: absolute;
	top: 15%;
	font-size:2.5em;
	font-size:calc(1em + 5vw);
	left:0;
	right:0;
	transform:translate(0,-50%);
}
.promotions-description p {
	position:absolute;
	left:0;
	right:0;
	top: 68%;
	color:#fff;
}
.promotions-description .button-cta {
	position:absolute;
	bottom:1em;
	transform: translate(-50%,0);
	left:50%;
}



.promotions-page {
	text-align:center;
}
.promotions-page .button-cta {
	position:static;
	top: 0;
	transform: none;
	left: 0;
}


@media (min-width:48em), print{
	.promotions-featured .promotions-featured-column {
		font-size:inherit;
	}
	.promotions-featured-row {
		justify-content:space-between;
	}
	.promotions-featured-row > * {
		flex-basis:49%;
	}
	.promotions-description h2,
	.promotions-description h3 {
		font-size: 2em;
	}
}
@media (min-width:64em) {
	.promotions-featured-column:first-of-type .promotions-description h3 {
		font-size: 3em;
	}
	
}


/* generic teaser promo */
.promotions-featured--promo-page {
	background:radial-gradient(circle at 49% 51% , #fff0, #fff0 84%, #fffc 84%, #fffc 89%, #fff0 89% ), radial-gradient(#e70101, #730100); 
}
.promotions-featured--promo-page > a {
	padding-top: 75%;
	display: block;
}
.promo-teaser-images {
	width:80%; position:absolute; left:10%; top:50%; justify-content:center; transform:translate(0,-50%); display:flex; gap:0.5em;
}
.promo-teaser-images img {
	width:calc(33% - 0.5em);
	border:0.15em solid #fff;
	background:#fff;
	border-radius:0.15em;
	overflow:hidden;
}

/* "promo page" style promos */
.promotions-page {
	text-align:center;
}
.promotions-page .button-cta {
	position:static;
	top: 0;
	transform: none;
	left: 0;
	margin: 0 0 0.5em 0;
}
.promotions-page .disclaimer {
	text-align:left;
}


/* shop promo */
.promotions-featured--shop .rich-text p{
	position: absolute;
	color: #ffd60a;
	font-size: 7vw;
	top:-1%;
	left: 4%;
	line-height: .9;
	text-align: left;
}
.promotions-featured--shop .rich-text p span {
	display: block;
	color: #fff;
	font-size:0.8em;
}

@media (min-width:48em), print{
	.promotions-featured--shop .rich-text p{
		font-size: 4vw;
	}
}
@media (min-width:75em) {
	.promotions-featured--shop .rich-text p {
		font-size: 3em;
	}
}

/* END Multiple column Promotions */




/* Home Featured Products */
.products-featured {
	text-align:center;
}
.products-featured p {
	position:relative;
}
.products-featured h3 {
	color:#BD0706;
	position:relative;
}
.products-featured h3 {
	font-size:2em;
}
.products-featured h2 {
	display:inline-block;
	padding:0.75em 1em;
	background:url(../images/site/rough-box-red.svg) center / contain no-repeat;
	color:#fff;
	min-width: 33%;
	font-size:2em;
}
.products-featured h2 span {
	
}
.products-featured h2 .line-1 {
	
}
.products-featured img {
	width:100%;
}
.product-category-back {
	font-weight:bold;
	font-size:1.25em;
	position: relative;
	display: inline-block;
	max-width: calc(100% - 1em);
	transition: padding 0.2s;
}
.product-category-back:hover {
	padding-left: 1em;
}
.product-category-back::before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 0.66em;
	height: 0.66em;
	border-top: 0.25em solid currentcolor;
	border-left: 0.25em solid currentcolor;
	transform: rotate(-45deg) scale(0.2);
	margin: 0 -0.5em 0;
	top: 0.13em;
	left: 0;
	opacity: 0;
	transition: margin 0.2s, transform 0.2s, opacity 0.1s 0.1s;
}
.product-category-back:hover::before {
	transform: rotate(-45deg) scale(0.6);
	margin: 0 0.1em 0 0;
	opacity: 1;
	transition: margin 0.2s, transform 0.2s, opacity 0.1s;
}

.product-category-description {
	padding: 0 0.5em 3em;
}
.products-featured-row {
	justify-content:space-between;
	display:flex;
	flex-wrap:wrap;
	margin: 0 -0.5em;
	text-align:center;
}
.products-featured-row .product-primary-image {
	display:block;
	position:relative;
	overflow: hidden;
	margin-bottom:3em;
}
.product-category--snapd .product-primary-image,
.product-category--duoz .product-primary-image,
.product-category--snack-packs .product-primary-image, .product-category--puffd .product-primary-image {
	top:2em;
}
.products-featured-row .product-secondary-image {
	display:block;
	position:absolute;
	z-index:3;
	width: 50%;
	left:50%;
	transform: /* center it: */ translate(-60%,-100%);
}
.products-featured-row .product-secondary-image img {
	width:100%;
}
.products-featured .product-category {
	position:relative;
	background-image: radial-gradient(circle farthest-corner at 40% 50%, #e00d10, #700001);
	color:#fff;
	padding:0.25em 0.25em 3em;
	margin-bottom:1em;
	flex-basis: 100%;
	margin: 0.5em;
}

.products-featured .product-category h3 {
	color:inherit;
}
.products-featured .button-cta {
	position:absolute;
	bottom: 2em;
	left:50%;
	transform:translate(-50%, 0);
}
@media screen and (max-width:47.95em) {
}

@media (min-width:28em) { 
    .products-featured .product-category {
		flex-basis: calc(50% - 1.5em);
    }
}
@media (min-width:48em), print{ 
	.products-featured h2 {
		font-size:3em;
	}
    .products-featured-row {
        justify-content: center;
	}
	.products-featured-row .product-primary-image {
	}
	.products-featured .product-category {
		flex-basis:calc(33.333% - 1em);
	}
	.product-category .product-category-description {
		background:none;
		z-index: 2;
	}
    .products-featured .product-category:last-of-type {
    min-width:calc(33.333% - 1em);
    }
    
}
/* END Featured Products */
/* Product Line Lists */
.products-line {
	text-align:center;
	position:relative;
}
.products-line h2 + p {
	font-size: 1.25em;
}
.productlist {
	text-align:center;
	position:relative;
}
.productlist h2 + p {
	font-size: 1.25em;
}
.products-line--related h2 {
	display:inline-block;
	padding:0.75em 1em;
	background:url(../images/site/rough-box-red.svg) center / contain no-repeat;
	color:#fff;
	min-width: 33%;
}
.products-line--related h2 {
	line-height: 0.85;
}
.products-list {
	padding:0 0em;
	margin:0 -1em;
}
.products-list-product {
	padding:1em 0; 
	flex-basis:10em;
}
.products-list-product .product-primary-image {
	height: 11em;
	margin-bottom:0.5em;
	position:relative;
}
.products-list-product .product-primary-image > img {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-60%, -50%);
}
 a[href*="snapd"] .product-primary-image > img, 
 a[href*="snap-d"] .product-primary-image > img, 
 a[href*="cheez-it-parmesan-ranch"] .product-primary-image > img, 
 a[href*="loaded-popcorn"] .product-primary-image > img {
	transform: translate(-50%, -50%);
}
 a[href*="snapd-otg-variety"] .product-primary-image > img {
	transform: translate(-60%, -50%);
}
.product-list-title {
	display: block;
	padding:0 0.5em 0.5em 0.5em;
}
.product-list-title:hover {
	text-decoration:underline;
}
@media screen and (min-width:48em), print{
	.products-list {
		margin:0 auto;
		max-width:64em;
	}
	.products-list-product {
		flex-basis: 25%;
	}
	.page--product-category .products-line h2::after {
		left:auto;
		right:4rem;
		transform:scalex(-1);
	}
	.page--product-category .products-line p {
		padding:0 20%;
		margin:0em 5em 2em;
	}
}
@media screen and (min-width:64em) {
	.products-list-product {
		font-size:1.25em;
	}
	.search-results-item {
		font-size:1.25em;
	}
}
/* END Product Line Lists */
/* Product Detail page */
.product-slider-holder,
.product-detail-overview {
	margin-top:1em;
}
.product-thumbnails-container .tns-nav-active {
	border-color:#BD0706;
}


.product-detail-overview h1 {
	color:#BD0706;
	font-weight:800;
	font-size:2.5em;
	line-height:1;
}
.product-detail-overview p {
	font-size:1.125em;
	margin:1em 0;
	white-space: pre-wrap;
}
.share-icon {
	background:url(../images/site/icon-sharer.svg) center / contain no-repeat;
}
.addthis_toolbox a {
	margin:0 0 0 0.25em;
}
.product-nutrition-row {
	display: flex;
	flex-wrap: wrap;
}
.product-nutrition h2 {
	color:inherit;
}
.product-nutrition h3 {
	font-size:2em;
	font-weight:800;
	letter-spacing:-0.033em;
}
.product-nutrition .content_wrapper > h2+p {
	display: none;
}
.product-nutrition select {
	font-size:1.125rem;
	background:#BD0706;
	color:#fff;
}
.product-nutrition .select-wrapper::before{
	z-index:1;
	pointer-events:none;
}
.product-nutrition .button-cta {
	color:#BD0706;
	background:#fff;
}

.product-nutrition-highlights h3:first-child {
	display: block;
	color: inherit;
}
.product-nutrition-highlights p {
	text-align:justify;
}
.product-nutrition-row .product-nutrition-smartlabel {
	margin: 2em 0;
}
.product-nutrition-smartlabel-title + p {
	margin-bottom:0.25em;
}
.product-nutrition p, 
.product-nutrition table {
	line-height:1.5;
	font-weight:300;
}
.product-nutrition td {
	border-bottom:1px solid currentcolor;
}
.product-nutrition td.spacer,
.product-nutrition tr:last-child td {
	border-bottom:none;
}
.product-nutrition {
	background:#BD0706;
	color:#ffffff;
	text-align:center;
	margin:1em 0; 
}
.product-nutrition::before, 
.product-nutrition::after {
	content:'';
	display:block;
	padding-top: 6%;
}
.product-nutrition::before {
	background:url(../images/site/rough-edge-bottom-white.svg) center bottom / 100vw 100vw no-repeat
}
.product-nutrition::after {
	background:url(../images/site/rough-edge-top-white.svg) center top /	100vw 100vw no-repeat;
}
@media (min-width:48em), print{ 
	.product-detail-overview h1 {
		font-size:3em;
	}
	.product-nutrition::before, 
	.product-nutrition::after {
		padding-top: 6%;
		margin: 0;
		box-shadow:none;
	}
	.product-nutrition-smartlabel .select-wrapper {
		width:14.7em;
	}
	.product-nutrition-highlights {
		order: 0;
	}
}
/* Contact us -- based on old KSTL form */
main #KSTL-ContactUs-main .writeus {
	min-height:2em;
}
main #KSTL-ContactUs-main .writeus p {
}
main #KSTL-ContactUs-main .box-bordered {
	border:0.15em solid #BD0706;
}
main #KSTL-ContactUs-main .box-header {
	background:#BD0706;
	margin:-0.15em -0.15em 0;
}
main #KSTL-ContactUs-main .box-header h2 {
	color:#fff;
	text-align:left;
	font-size:2em;
}
main #KSTL-ContactUs-main .box-header span {
	white-space:normal;
}
main #KSTL-ContactUs-main fieldset input, 
main #KSTL-ContactUs-main fieldset textarea {
	width:100%
}
main #KSTL-ContactUs-main fieldset select {
	max-width:100%;
}
.qq-upload-button {
	background:#BD0706;
}



.kstl-contactus {
	max-width:56em;
	margin:0 auto;
}
.contact-intro {
	max-width:50em;
	margin:2em auto;
}
.contact-intro h2 {
	line-height:0.8;
	margin-top: 0;
	font-size:2em;
}
.contact-extra .content_wrapper {
	max-width:48em;
	text-align:center;
	margin:0 auto;
}
.contact-extra p {
	text-align:left;
	margin:1rem 0;
}
.contactpreliminary {
	margin: auto;
}
.contactpreliminary .content_wrapper,
.contact-preliminary .content_wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	max-width: 56em;
}
.contact-preliminary-option {
	border: 0.15em solid #BD0706;
	flex-basis: 100%;
	margin: 0 auto 1em;
	max-width:56em;
	box-sizing:border-box;
}
.contact-preliminary-title {
	background: #BD0706;
	padding: .5em;
	margin: -0.15em -0.15em 0;
}
.contact-preliminary-title h2 {
	color: #fff;
	margin: 0;
	font-size:2em;
}
.contact-preliminary-content {
	padding: 0 1em 1em;
	text-align: center;
}
@media (min-width:64em) { 
	.contact-preliminary-option {
		flex-basis: calc(50% - 1em);
		margin: 0;
	}
	.contact-preliminary-content p {
		text-align: left;
		min-height: 3.5em;
	}
} 

/* Shim for contact form checkboxes + labels that are in the wrong order */
label {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
body #KSTL-ContactUs-main fieldset .checkbox>div {
	float:none;
}
#KSTL-ContactUs-main fieldset .checkbox {
	position:relative;
}
#KSTL-ContactUs-main fieldset .checkbox label[for] { 
	padding-left:1.75em; 
	display:block;
	line-height: 1.15em;
}
#KSTL-ContactUs-main fieldset .checkbox label + div { float:none; }
#KSTL-ContactUs-main fieldset .checkbox>div>div {
	position:static;
}
#KSTL-ContactUs-main fieldset .checkbox label + div span input#KSTL-ContactUs-Terms,
#KSTL-ContactUs-main fieldset .checkbox label + div span input#KSTL-ContactUs-Opt-In { 
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none; 
	margin:-1.25em 0.2em;
	float:left;
	position: static;
	outline: none;
	border:none;
}
#KSTL-ContactUs-main fieldset .checkbox label + div span input::before { 
	content: '';
	position: absolute;
	left: 0;
	top: 0em;
	width: 1.06em;
	height: 1.06em;
	border: 2px solid #000000;
	background: #fff;
}
#KSTL-ContactUs-main fieldset .checkbox label + div span input::after { 
	content: '✔';
	position: absolute;
	line-height: 0.8;
	color: #000;
	font-size: 154%;
	top: -0.1em;
	left: 0.1em;
	opacity:0;
	-webkit-transform: scale(0.1);
	transform: scale(0.1);
	transition: all .15s;
}
#KSTL-ContactUs-main fieldset .checkbox label + div span input:checked::after { 
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#KSTL-ContactUs-main fieldset .checkbox label + div span input:focus::before {
	outline:2px solid #ffb100;
}
/* END Shim for contact form checkboxes + labels that are in the wrong order */

/* reverting registration form checkboxes because someone is incapable of using label tags correctly */


body .KSTL-Registration .ng-form label.label-after { margin-left:0; }

body .KSTL-Registration .ng-form label {
	max-width:none;
}
.KSTL-Registration {
	max-width:64em;
	margin:auto;
}
body .KSTL-Registration .ng-form input, 
body .KSTL-Registration .ng-form select {
	max-width:none;
	border:0.15em solid currentcolor;
	border-radius:none;
	height:auto !important; /* jesus */
}

body .KSTL-Registration .pod {
	border:none;
	padding:0;
	overflow: visible;
}

#KSTL-Registration-TermsandConditions { position:static; margin:0.1em 0.25em 0.1em 0; }
#KSTL-Registration-wrapper-HeaderCopyPage1,
#KSTL-Registration-wrapper-HeaderSubscription { display:none; }

@media (min-width:48em), print{
	body .KSTL-Registration .pod {
		margin-right:-1em;
	}
	.form-group > div {
		display:inline-block;
		width:50%; 
		width:calc(50% - 1em); 
		margin-right:1em;
		vertical-align:top;
	}
	#KSTL-Registration-wrapper-email_h {
		width:0;
	}
	#KSTL-Registration-wrapper-SubHeader,
	#KSTL-Registration-wrapper-PinVerificationButton,
	#KSTL-Registration-wrapper-PrivacyPolicy,
	#KSTL-Registration-wrapper-TermsandConditions,
	/* this wrapper div's ID has a space in it, so normal css #id can't target it. */
	div[id*="KSTL-Registration-wrapper-Country"] {
		width:calc(100% - 1em); 
	}
}




/* hide the custom checkbox in the bazaarvoice modal */
.bv-cleanslate input[type="checkbox"]:not(:checked) + label:before, 
.bv-cleanslate input[type="checkbox"]:checked + label:before,
.bv-cleanslate input[type="checkbox"]:not(:checked) + label:after, 
.bv-cleanslate input[type="checkbox"]:checked + label:after { display:none; }

/* bazaarvoice stars */
.products-list-product {
	position:relative;
	padding-bottom:1.5em;
}
.products-list-product .bv_main_container { 
	bottom:0 !important;
}
[data-bv-rating] .bv_main_container, 
[data-bv-show=inline_rating] .bv_main_container {
	justify-content:center;
}

.page-specific-legal {
	padding: 0 1em;
}

.about-us-timeline { 
	text-align:center;
	position:relative;
}
.about-us-year { 
	padding:1em 1em 3em;
	margin:2em auto;
	box-sizing:border-box;
	border-bottom:0.3em dotted #999;
	max-width:20em;
}
.about-us-year img { 
	margin:0 auto;
}
.about-us-year h2 {
	font-size: 2em;
}
.about-us-year h3 { 
	color:#BD0706;
	font-weight:800;
	letter-spacing:-0.05em;
}
.about-us-year p { 
	max-width:16em;
	margin:0 auto;
	line-height:1.5;
}
@media (min-width:48em), print{ 
	.about-us-timeline::before {
		content:'';
		display:block;
		position:absolute;
		top:1em;
		bottom:3em;
		left:50%;
		margin-left:-0.15em;
		border-left:0.3em dotted #999;
	}
	.about-us-timeline .content_wrapper { 
		display:flex;
		flex-wrap:wrap;
	}
	.about-us-year { 
		width:50%;
		padding:1em;
		margin:2em 0;
		max-width:none;
		border:none;
	}
	.about-us-year--1921 {
		margin-top:0;
	}
	.about-us-year--1929 {
		margin-top:6em;
	}
	.about-us-year--1932 {
		margin-top:-14em;
	}
	.about-us-year--1996 {
		margin-top:-16em;
	}
	.about-us-year--2000 {
		margin-top:-1em;
	}
	.about-us-year--2001 {
		margin-top:-10em;
	}
	.about-us-year--2007 {
		margin-top:-20em;
	}
	.about-us-year--2015 {
		margin-top:-14em;
	}
	.about-us-year--2022 {
		margin-top:-14em;
	}
}


/* expanding the main content area on lg desktop */
@media (min-width:64em) { 
	
	.content_wrapper {
		width: calc(100% - 4em);
	}
}


/* top limit */
@media (min-width:75em) { 
	.promotions-featured-row {
		margin: 0 auto;
		max-width: 75em;
	}
}




.faq {
	max-width:60em;
	margin:2em auto 4em;
	text-align:center;
}
.faq h1 {
	margin:1em auto;
}
.faq-wrapper {
	text-align:left;
	margin-bottom:2em;
}
.faq-wrapper h3 {
	margin:1rem 0;
	font-size:3em;
}
.faq-wrapper div + h3 {
	margin:3rem 0 1rem;
}
.faq-question {
	border-bottom-width:thin;
}
.faq-question label {
	font-family: "futura-pt-condensed";
	font-size:1.875em;
	font-weight:bold;
	padding: 0.8em 1.5em 0.6em 0.4em;
	margin: 0 -0.4em;
	line-height: 1;
	cursor:pointer;
}
.faq-question label:hover {
	color:#bd0706;
}
.faq-question label::before {
	display:block;
	font-size: 1.5em;
	border: none;
	right: 0.25em;
}
.faq-question input:focus + label {
	outline-offset:0;
}
.faq-question:hover input:focus + label {
	outline:none;
}
.faq-answer {
	padding:0;
}
.faq-answer a {
	font-weight:bold;
	visibility: hidden;
	transition:visibility 0s 0.33s;
}
input:checked + .faq-answer a, 
input:checked ~ .faq-answer a {
	visibility: visible;
	transition:visibility 0.1s;
}
@media (min-width:48em), print{
	.faq-answer {
		padding:0 2em;
	}
	
	.faq h2 {
		font-size:4.5em;
	}
}






.pagehero .tns-nav {
	bottom: -2em;
	z-index:3;
}
.tns-nav button {
	padding:0.8em;
}
.tns-nav button::before {
	height: 1.41em;
	width: 1.41em;
}
.tns-nav button.tns-nav-active {
	color: #fff;
}
.pagehero button.tns-nav-active {
	color: #bd0706;
}

.tns-controls button {
	outline-offset:-2px;
}
.tns-controls button[data-controls="next"]::before, 
.tns-controls button[data-controls="next"]::after, 
.tns-controls button[data-controls="prev"]::before,
.tns-controls button[data-controls="prev"]::after {
	background: #fff;
	color: #fff;
}

.tns-controls button[data-controls] {
	filter: drop-shadow(0 0 0.15em rgba(0,0,0,0.25)) drop-shadow(0 0 0.4em rgba(0,0,0,0.15));
}
.tns-nav {
	bottom: 13vw;
}


div.ps-client-logo.center > div > img {
	margin: 0 auto;
}





/* icon font for social media */

@font-face {
	font-family: 'icomoon';
	src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
	font-weight: bold;
	font-style: normal;
}

.social_icons {
	font-size: 1.5rem;
}

.social_icons a::before {
	font-family: 'icomoon' !important;
	margin:0;
}
.social_icons a {
	margin: 0.5em;
	width: 1em;
	height: 1em;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
}

.icon-icon-hourglass:before {
	content: "\e90b";
}
.icon-icon-trash:before {
	content: "\e90c";
}
.icon-shop-bag:before {
	content: "\e902";
}
.icon-login-arrow:before {
	content: "\e903";
}
.icon-login1:before {
	content: "\e909";
}
.icon-icon-map-pin:before {
	content: "\e908";
}
.icon-icon-coupon:before {
	content: "\e907";
}
.icon-icon-map:before {
	content: "\e90a";
}
.icon-x_logo:before {
	content: "\e90d";
}
.icon-user2:before {
	content: "\e90e";
}
.icon-cart2:before {
	content: "\e90f";
}
.icon-smartlabel:before {
	content: "\e905";
}
.icon-tiktok:before {
	content: "\e906";
}
.icon-snapchat-ghost:before {
	content: "\e904";
}
.icon-envelope:before {
	content: "\e900";
}
.icon-pinterest-p:before {
	content: "\e901";
}
.icon-facebook:before {
	content: "\ea90";
}
.icon-facebook2:before {
	content: "\ea91";
}
.icon-instagram:before {
	content: "\ea92";
}
.icon-twitter:before {
	content: "\ea96";
}
.icon-youtube:before {
	content: "\ea9d";
}
.icon-flickr4:before {
	content: "\eaa6";
}
.icon-linkedin2:before {
	content: "\eaca";
}
.icon-pinterest2:before {
	content: "\ead2";
}


footer .social_icons a {
}



header .social_icons a,
footer .social_icons a {
	text-decoration: none;
	padding: 0.25em;
	font-size: 1.75rem;
	line-height: 1;
	margin: 0;
}
.social_icons a[href*="facebook.com"]:before, .social_icons a[data-tracking*="facebook-com"]:before {
}


.social_icons a[data-tracking*="instagram-com"] img,
.social_icons a[href*="instagram.com"] img,
.social_icons a[data-tracking*="twitter-com"] img,
.social_icons a[href*="twitter.com"] img,
.social_icons a[data-tracking*="facebook-com"] img,
.social_icons a[href*="facebook.com"] img,
.social_icons a[data-tracking*="pinterest-com"] img,
.social_icons a[href*="pinterest.com"] img,
.social_icons a[data-tracking*="youtube-com"] img,
.social_icons a[href*="youtube.com"] img,
.social_icons a[data-tracking*="tiktok-com"] img,
.social_icons a[href*="tiktok.com"] img {
	display: none;
}

.social_icons a[href*="facebook.com"]:before,
.social_icons a[data-tracking*="facebook-com"]:before {
	font-family: icomoon!important;
	content: "\ea90";
	font-size: 1.19em;
	top: -0.08em;
	position:relative;
}

.social_icons a[href*="twitter.com"]:before,
.social_icons a[data-tracking*="twitter-com"]:before {
	font-family: icomoon!important;
	content: "\e90d";
	font-size: 1.25em;
	padding: 0;
	top: -0.1em;
	left: -0.1em;
	position: relative;
}

.social_icons a[href*="instagram.com"]:before,
.social_icons a[data-tracking*="instagram-com"]:before {
	font-family: icomoon!important;
	content: "\ea92";
	font-size: 1em
}

.social_icons a[href*="pinterest.com"]:before,
.social_icons a[data-tracking*="pinterest-com"]:before {
	font-family: icomoon!important;
	content: "\e901";
	font-size: 1em
}

.social_icons a[href*="youtube.com"]:before,
.social_icons a[data-tracking*="youtube-com"]:before {
	font-family: icomoon!important;
	content: "\ea9d";
	font-size: 1em
}

.social_icons a[href*="tiktok.com"]:before,
.social_icons a[data-tracking*="tiktok-com"]:before {
	font-family: icomoon!important;
	content: "\e906";
	font-size: 1em
}
.nav--secondary > ul a::before { /* default is wtb */
	font-family: icomoon!important;
	font-size:1.75em;
	content: "\e908";
	display:inline-block;
	vertical-align:top;
	margin:-0.35em 0 -0.5em 0;
	width:2rem;
	position:relative;
}
.nav--secondary > ul .link--promotions::before {
	content: "\e907";
}
.nav--secondary > ul .link--account::before,
.nav--secondary > ul .link--my-account::before {
	content: "\e90e";
	margin: -0.23em 0 -0.5em 0;
	font-size: 140%;
}
.nav--secondary > ul .link--cart::before {
	content: "\e90f";
	font-size: 133%;
	margin: -0.2em 0 -0.5em 0;
	left:-0.3em
}
.nav--secondary > ul .link--eningles::before,
.nav--secondary > ul .link--in-english::before,
.nav--secondary > ul .link--en-espa-ol::before,
.nav--secondary > ul .link--enspanol::before {
	display:none;
}
@media (min-width:48em), print{
	.nav--secondary > ul .link--cart::before {
		margin: -0.2em -0.1em -0.5em -0.1em;
		left:-0.3em
	}
}
.nav--secondary li {
	vertical-align: top;
}
.nav--secondary .link--in-english {
	display:none;
}
html[lang="es"] 	.link--en-espa-ol,
html[lang="es-US"] 	.link--en-espa-ol {
	display:none;
}
html[lang="es"] 	.link--in-english,
html[lang="es-US"] 	.link--in-english {
	display:inline-block;
}


/* custom for cheez: make the secondary text a tooltip for desktop */
@media (min-width:48em), print{
	.nav--secondary a {
		position:relative;
		text-align:center;
	}
	.nav--secondary ul a::before {
		width:auto;
	}
	.nav--secondary ul .link--cart::before {
		left:-0.1em;
	}
	.nav--secondary .link--where-to-buy span,
	.nav--secondary .link--promotions span,
	.nav--secondary .link--my-account span,
	.nav--secondary .link--account span, 
	.nav--secondary .link--country-selector span,
	.nav--secondary .link--cart span {
		font-family:"futura-pt", sans-serif;
		font-size: 1rem;
		position:absolute; 
		left:50%; bottom:-1.33em; 
		background:#000;
		opacity:0;
		border-radius:0.2em;
		padding:0.2em 0.6em;
		transform:translate(-50%,0);
		pointer-events:none;
		text-transform:none;
	}
	.nav--secondary [class]:focus span,
	.nav--secondary [class]:hover span {
		opacity:1;
	}

}
/* smartlabel icon replacer (uses css color!) */

.smart-label-logo { 
	margin-bottom:2em;
}
.smart-label-logo path {
	fill: currentcolor;
}





.bv_stars_svg_no_wrap svg {
    width: 1em !important;
    height: 1em !important;
}
.jebbit-container {
	min-height: 1rem;
}

/*Moving Jebbit*/
#lilo3746-wrapper .lilo3746-toggle{
	bottom: 318px!important;
}

#lilo3746-wrapper .lilo3746-tooltip{
	bottom: 380px!important;
}

#lilo3746-wrapper .lilo3746-overlay {
	bottom: 250px!important;
}


@media (min-width:48em), print{
	#lilo3746-wrapper .lilo3746-toggle{
		bottom: 180px!important;
	}

	#lilo3746-wrapper .lilo3746-tooltip{
		bottom: 250px!important;
	}

	#lilo3746-wrapper .lilo3746-overlay {
		bottom: 250px!important;
	}
}


.faq .faq-question button {
	display: block;
	width: auto;
	position: relative;
	padding: 1em 1.83em 1em 0.33em;
	margin: .1em -0.33em;
	font-size: 1.5em;
	box-shadow: none;
	width: calc(100% - 1.5em);
	border: none;
	text-align: inherit;
	background: none;
	color: #BD0706;
}

.faq-question {
	border-bottom: 2px dotted #ccc;
}



.recipe-list a:focus .button-cta {
	outline: medium solid rgba(0, 0, 0);
}
.recipe-ingredient-buy {
	text-align: center
}
.recipe-slider-holder,
.recipe-detail-overview {
	margin-top:1em;
}
.recipe-slider-holder {
	text-align: center;
}
.recipe-detail-overview {
	max-width:24em;
	margin:0 auto;
}
.recipe-detail-highlights {
	text-align:left;
}
.recipe-thumbnails-container .tns-nav-active {
	border-color:#BD0706;
}
.recipe-detail-overview h1 {
	color: #BD0706;
    font-weight: 800;
    font-size: 2.5em;
    line-height: 1;
	text-align:left;
}

.recipe-detail-overview p {
	font-size:1.125em;
	margin:1em 0;
	text-align:left;
}

@media (min-width:48em), print{ 
	.recipe-slider-holder {
		padding-right:1em;
	}
	.recipe-detail-overview {
		max-width:none;
		padding-left:1em;
	}
	.recipe-detail-overview h1 {
		font-size:3em;
	}
	
	.recipedetails .content_wrapper {
		display: flex;
	}
	
}


/* recipe detail */
.recipe-highlights {
	text-align:center;
	justify-content:center;
	margin:2em 0;
	color:#BD0706;
	font-weight:bold;
	font-size:0.85em;
	line-height:1.33;
}
.recipe-highlights strong {
	display:block;
	font-size:1.4em;
	color:#000;
}
.recipe-highlights > div {
	padding-top: 5em;
	width:11em;
	margin: 0 auto 1em;
}
.recipe-highlight--preptime {
	background: url(../images/site/icon-chefhat.svg) center top / 5em 5em no-repeat;
}
.recipe-highlight--totaltime {
	background:url(../images/site/icon-clock.svg) center top / 5em 5em no-repeat;
}
.recipe-highlight--yield {
	background:url(../images/site/icon-bowl.svg) center top / 5em 5em no-repeat;
}
.recipe-slider-aspect-ratio {
	padding-top:75%;
}
.recipe-directions-row {
	line-height:1.5;
	width:100%;
	padding:2em 0;
}
.recipe-directions-row h2,
.recipe-directions-row h3 {
	font-weight: 800;
	color:inherit;
	text-align:inherit;
}
.recipe-ingredients ul {
	list-style:none;
	padding:0;
}
.recipe-ingredients ul li {
	padding-left:1.2em;
	position:relative;
}
.recipe-ingredients ul li::before {
	content:'';
	display:block;
	position:absolute;
	left:0.33em;
	top:0.65em;
	background:currentcolor;
	width:0.4em;
	height:0.4em;
	border-radius:100%;
}
.recipe-ingredients ul .divider::before {
	display:none;
}
.recipe-ingredients ul .divider{
	font-weight: 600;
	padding-top: 1em;
	padding-left: 0;
}

.recipedetails .content_wrapper:last-of-type {
	background:#BD0706;
	box-shadow:-50vw 0 0 #BD0706, -25vw 0 0 #BD0706, 25vw 0 0 #BD0706, 50vw 0 0 #BD0706;
	color:#ffffff;
	padding:6vw 0 ; 
	position:relative;
}
.recipedetails .content_wrapper:last-of-type::before, 
.recipedetails .content_wrapper:last-of-type::after {
	content:'';
	display:block;
	padding-top: 6vw;
	width:100vw; 
	position:absolute; left:50%;
	transform:translate(-50%, 0);
}
.recipedetails .content_wrapper:last-of-type::before {
	background:url(../images/site/rough-edge-bottom-white.svg) center bottom / 100vw 100vw no-repeat;
	top:0
}
.recipedetails .content_wrapper:last-of-type::after {
	background:url(../images/site/rough-edge-top-white.svg) center top / 100vw 100vw no-repeat;
	bottom:0
}


.recipe-related-product-tile {
	border-radius:0.33em;
	background:#fff;
	box-shadow:0 0.2em 1em rgba(0,0,0,0.25);
	align-items:center;
	height:auto;
	max-width: 22em;
	margin: 6em auto 1em;
	padding:8em 1em 1em;
	position:relative;
	text-align: center;
}
.recipe-related-product-tile h3 {
	margin:1rem 0;
	width:100%;
	color:#000;
	font-family:inherit;
	font-size:inherit;
	font-weight:400;
}
.recipe-related-product-tile p {
	font-weight:800;
	font-family: "futura-pt-condensed";
	font-size:2em;
	color:#BD0706;
	margin-top:0;
}
.recipe-related-product-tile img {
	position:absolute;
	top:-4em;
	height:12em;
	left:50%;
	transform:translate(-50%,0);
}

.recipe-related section,
.recipe-related-product section {
	margin:2em auto;
	padding:0;
}
@media (min-width:48em), print{
	.recipe-related-product-tile {
		margin: 4em auto 1em;
		padding: 1em 2em 1em 18em;
		text-align:center;
		width:22em;
		min-height: 11em;
	}
	.recipe-related-product-tile img {
		left:25%;
		top:auto;
		bottom: 1em;
		height: auto;
		max-height: 16em;
		width: auto;
		max-width: 20em;
	}
	.recipe-highlights {
		display:flex;
	}
}




/* recipe search */

.recipe-search {
	margin:-3em auto 2em; 
	position:relative;
}
#recipe-search-q {
	min-width: 12em;
}
#recipe-search-submit {
	border: none;
	border-radius:0.1em; 
	margin-top:0.5em;
	font-size:1.125em;
	padding:0.5em 2em;
	font-weight: bold;
	font-family: 'futura-pt-condensed';
	text-align: center;
	text-transform:uppercase;
}
@media (min-width:48em), print {
	#recipe-search-submit {
		margin-left:0.5em; 
		margin-top:0 
	}
}

.recipe-search-text-field :focus {
	z-index:1;
}

.pretend-p {
	font-size: 1.5em;
	color: #000;
	font-family: "futura-pt", sans-serif;
	text-transform: none;
	font-weight: 400;
	letter-spacing: normal;
	margin: 0;
}
.video-search,
.recipe-search {
	text-align:center;
	
}
.video-search section,
.recipe-search section {
	margin:0;
	position:relative;
	overflow: visible;
}
.video-search p,
.recipe-search p {
	color:#fff;
	max-width:28em;
	font-size:1.5em;
}
.video-search form,
.recipe-search form {
} 
.video-search form {
	padding-top:12vw;
}
.video-results section,
.recipe-results section {
	padding: 0em 0 12em;
	margin:0 0 -12em;
}
.video-results,
.recipe-results {
}
.video-search-filters-row,
.recipe-search-filters-row {
	justify-content:center;
	max-width: 22em;
	margin: 0 auto;
}
.video-search-filter,
.recipe-search-filter {
	flex-basis:100%;
	display: none;
}
.video-search-filter label,
.recipe-search-filter label {
	font-weight:bold;
	color:#BD0706;
	font-size:1.25em;
}
.video-search-filter .select-wrapper,
.recipe-search-filter .select-wrapper {
	width:100%;
}
.video-search-filter .select-wrapper select,
.recipe-search-filter .select-wrapper select {
	width:100%;
	border-color: #BD0706;
	color: #BD0706;
	box-shadow: 0 0 1em rgba(0,0,0,0.15);
}

.video-list,
.recipe-list {
	margin: 0 -0.5em;
}
.video-list-image,
.recipe-list-image {
	border-radius:0.33em 0.33em 0 0;
	overflow:hidden;
	position: relative;
}
.recipe-list-image::before {
	content:'';
	display:block;
	padding-top:66.66%;
}
.recipe-list-image img {
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	height:auto;
	transform:translate(-50%,-50%);
}
.video-list-item,
.recipe-list-item {
	margin:0.5em 0.5em 1em;
	box-shadow: 0 0 1em rgba(0,0,0,0.15);
	border-radius:0.33em;
	background:#fff;
	flex-basis: 24em;
	position:relative;
	padding:0;
}

.recipe-list-item a {
    min-height: 100%;
}

.video-list-item a {
	display:block;
}
.video-list-item .icon--player {
	opacity:0.8;
}
.video-list-description,
.recipe-list-description {
	padding:0 1em 4em;
	text-align:center;
	color: #000;
}
.recipe-list-description .button-cta,
.video-list-description .button-cta{
	position:absolute;
	left:50%;
	transform:translate(-50%,0);
	bottom:1em;
}
.video-list-description h3,
.recipe-list-description h3,
.video-list-description .pretend-h3,
.recipe-list-description .pretend-h3 {
	font-size:1.66em;
	font-weight:bold;
	color:#BD0706;
}
button.close {
	position: absolute;
	top: -3em;
}
#yt_mobile_modal .ytplayer_mobile {
	-webkit-transform: translate(0,2em);
	transform: translate(0,2em);
	-webkit-transition: -webkit-transform 0.35s cubic-bezier(.33,0,.4,1);
	transition: transform 0.35s cubic-bezier(.33,0,.4,1);
}

.video-list-item a.video-disabled{
	pointer-events: none;
}

@media (min-width:48em), print{
	
	.video-list,
	.recipe-list {
		margin: 0 -0.66em 0;
	}
	.video-list-item,
	.recipe-list-item {
		flex-basis: calc(50% - 1em);
		max-width: 24em;
	}
}
@media (min-width:64em), print {
	.video-search-filters-row,
	.recipe-search-filters-row {
		margin: 0 -0.5em;
		max-width: none;
	}
	.video-search-filter,
	.recipe-search-filter {
		text-align:left;
		flex-basis:calc(33.333% - 1em);
		margin:0 0.5em 0;
	}
	.video-list-item,
	.recipe-list-item {
		flex-basis: calc(33.333% - 1em);
		max-width: 24em;
	}
}




.our-impact .intro-text{
	width: 90%;
	max-width: 40em;
	text-align: center;
	margin: 0 auto;
	font-size: 1.4em;
}

.our-impact .impact-item{
	text-align: center;
	padding: 2em 0;

}

.our-impact .impact-item .impact-text img{
	padding: 1em;
	width: 80%;
	max-width: 16em;
	margin: 0 auto
}


@media (min-width:48em), print{

	.our-impact .featured-item .featured-item-image, .our-impact .featured-item .featured-item-description{
		flex-basis: calc(50% - 2em);
		margin: 1em;
		max-width: none;
	}

	.our-impact .impact-item{
		display: flex;
		align-items:center;
	}
	.our-impact .impact-item>*{
		flex-basis: calc(50% - 2em);
		margin: 1em;
	}
	.impact-item .button-cta{
		margin: 0 auto;
		max-width: 10em;
	}
}








/* email signup skin for cheezit - V1 */
body button.litereg-flyout {
	z-index: 98;
	bottom:3em;
}
button.litereg-flyout > span {
	background:#BD0706; 
	font-weight:900;
	font-size:1em;
}
button.litereg-flyout > span::before {
	color:#BD0706; 
}
button.litereg-flyout::after {
	content:'';
	display:block;
	transform: rotate(45deg);
	width: 4em;
	height: 4em;
	margin:-2em;
	font-size:95%;
	position: absolute;
	right: 2.5em;
	top: 50%;
	background: url(../images/site/cheezit-square.svg) 0 0 / 100% no-repeat;
	transition:transform 0.2s 0.5s;
	will-change:transform;
	z-index:1;
}
button.litereg-flyout>span::before {
	color: #BD0706;
	background: currentcolor;
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 4em;
	height: 6em;
	transform-origin: 100% 0;
	box-shadow: 0 0 1em 1em currentcolor;
	transition: transform 0.2s 0.5s;
	will-change: transform;
	z-index: 1;
}
button.litereg-flyout>span {
	width: 0;
	transition: width 0.2s 0.5s;
	padding: 0.5em 3em 0.5em 1em;
	will-change: width;
	border-radius: 0 3em 3em 0;
}
.litereg-flyout.litereg-flyout-popout>span,
.litereg-flyout:focus>span,
.litereg-flyout:hover>span {
	width: 6.5em; 
	transition-delay: 0s;
}
.litereg-flyout.litereg-flyout-popout>span::before,
.litereg-flyout:focus>span::before,
.litereg-flyout:hover>span::before {
	transform: scalex(0.1);
	transition-delay: 0s;
}
.litereg-flyout.litereg-flyout-popout::after,
.litereg-flyout:focus::after,
.litereg-flyout:hover::after {
	transform: rotate(225deg);
	transition-delay: 0s;
}
button.litereg-flyout .email-icon {
	color:#BD0706; 
}
/* */




/* email signup skin for cheezit - v2*/
body button.litereg-email-trigger  {
	z-index: 98;
	bottom:3em;
}
button.litereg-email-trigger {
	position: sticky;
	padding:0;
	background:transparent;
	left: 0;
	bottom: 1em;
	z-index: 98;
	margin: 0;
	display: block;
	border: none;
	color: #fff;
	outline-offset: 0.3em;
}
button.litereg-email-trigger span {
}
button.litereg-email-trigger  > span {
	background:#BD0706; 
	font-weight:900;
	font-size:1em;
	display:block;
	position:relative;
	overflow:hidden;
	box-shadow: 0 0 0 0.25em #fff;
}
button.litereg-email-trigger  > span::before {
	color:#BD0706; 
}
button.litereg-email-trigger::after {
	content:'';
	display:block;
	transform: rotate(45deg);
	width: 4em;
	height: 4em;
	margin:-2em;
	font-size:95%;
	position: absolute;
	right: 2.5em;
	top: 50%;
	background: url(../images/site/cheezit-square.svg) 0 0 / 100% no-repeat;
	transition:transform 0.2s 0.5s;
	will-change:transform;
	z-index:1;
}
button.litereg-email-trigger >span::before {
	color: #BD0706;
	background: currentcolor;
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 4em;
	height: 6em;
	transform-origin: 100% 0;
	box-shadow: 0 0 1em 1em currentcolor;
	transition: transform 0.2s 0.5s;
	will-change: transform;
	z-index: 1;
}
button.litereg-email-trigger >span {
	width: auto;
	padding: 0.5em 5.5em 0.5em 1em;
	border-radius: 0 3em 3em 0;
}
.litereg-email-trigger .litereg-email-trigger -popout>span,
.litereg-email-trigger :focus>span,
.litereg-email-trigger :hover>span {
}

.litereg-email-trigger .litereg-email-trigger -popout>span::before,
.litereg-email-trigger :focus>span::before,
.litereg-email-trigger :hover>span::before {
	transform: scalex(0.1);
	transition-delay: 0s;
}
.litereg-email-trigger .litereg-email-trigger -popout::after,
.litereg-email-trigger :focus::after,
.litereg-email-trigger :hover::after {
	transform: rotate(225deg);
	transition-delay: 0s;
}
button.litereg-email-trigger  .email-icon {
	color:#BD0706; 
}

/* modal stuff */
html .literegistration-persistent-popup .modal__container {
	max-width: calc(100% - 0em);
	height:51em;
	max-height:calc(100% - 2em);
}
.literegistration-persistent-popup .modal__close {
	right:0.5em;
	mix-blend-mode: screen;
}
.literegistration-persistent-popup .modal__close:focus {
	outline: 2px solid #fff;
}
.literegistration-persistent-popup .modal__content {
	background: radial-gradient(ellipse closest-corner at 50% 75%, #e70101, #730100);
	color:#fff;
}
.literegistration-persistent-popup .k1p-promo-step.k1p-promo-step-1 {
	position:relative;
}
.literegistration-persistent-popup .k1p-promo-step.k1p-promo-step-2 {
	position:absolute;
}
.literegistration-persistent-popup .k1p-promo-steps::before,
.literegistration-persistent-popup .k1p-promo-steps::after {
	display:none;
}
html .k1p-email-intro-form  {
	padding:1em;
}
.k1p-email-intro-form .k1p-chkbox-legal a {
	color:#fff;
	text-decoration: underline;
}
html .k1p-email-intro-form input[type],
html .k1p-email-intro-form input[type="checkbox"]+label:before {
	border: 1px solid #2f2f2f;
	border-radius: 0.25em;
	background:#fff;
	color:#000;
}
html .k1p-email-intro-form input[type="checkbox"]+label:before {
	font-size:110%;
}
.literegistration-persistent-popup h2 {
	color:#fdb414;
}
html .k1p-form-errors {
	margin:1em auto 0.5em;
}

@media (min-width: 48em) {
	.literegistration-persistent-popup .modal__content {
		background: radial-gradient(ellipse closest-corner at 75% 50%, #e70101, #730100);
	}

	html .literegistration-persistent-popup .modal__container {
		height:min(34em, calc(100% - 4em));
	}
	html .k1p-email-intro-img {
		max-height: 34em;
		max-width: 24em;
	}
	html .k1p-email-intro-img img {
		width: 100%;
		object-position: top center;
	}
}

.modal-literegistration-popup-content form { 
	text-align:center;
}
.modal-literegistration-popup-content fieldset { 
	text-align:initial;
}
.modal-literegistration-popup-content .k1p-form-errors:not(:empty) {
	background: #fff;
	box-shadow: 0 0 0 0.5em #fff;
	text-align: center;
	position: relative;
}
html .modal-literegistration-popup-content .k1p-form-errors {
	color: #AD0000;
	display: inline-block;
	position: relative;
	top: -1em;
	border-radius: 0.15em;
	padding: 0 0.5em;
}
html .modal-literegistration-popup-content .k1p-form-errors:empty,
html .modal-literegistration-popup-content .k1p-form-errors.hidden {
	display: none;
} 



.email-icon {
	color: #000;
	display: inline-block;
	position: relative;
	height: 0.8em;
	width: 1.2em;
	margin: 0 0.25em -0.05em 0;
	background: #fff;
	outline: 0.15em solid currentcolor;
	overflow: hidden;
}
.email-icon::before,
.email-icon::after {
	content: '';
	display: block;
	position: absolute;
	height: 1.5em;
	width: 1.5em;
	background: #fff;
	border: 0.15em solid currentcolor;
	left: 50%;
	top: 50%;
	transform: translate(-50%, 0) rotate(45deg);
}
.email-icon::after {
	transform: scaley(0.8) translate(-50%, -119%) rotate(45deg);
}

/* */





.modal__close {
	color: #000;
}
.modal__content .k1p-loading-logo {
	background: currentcolor url(../images/site/cheezit-square.svg) center / 60% auto no-repeat;
	box-shadow: 0 0 0 0.15em #fff;
	padding:0.33em;
	margin:0.67em;
	animation:load_rotate 4s -1s infinite linear;
}
.modal__content .k1p-loading-animation {
	color: #BD0706;
}
.modal__content { 
	padding:1em 0; 
}
.modal__content .two-three-col-popup h2 {
	font-size: max(2em, 7vw);
	margin: 0 auto 1rem;
}
.modal__content .k1p-promo-step-wrapper {
	/* width:100%; */
}
.modal__content .promotion-popup-info img {
	width:calc(100% - 2em);
	border-radius:1em;
	margin:auto;
}
.k1p-promo-step-wrapper .k1p-form-captcha .g-recaptcha {
	margin:0 auto;
}
.k1p-chkbox-legal p {
	margin: 0 !important;
	line-height: 1em;
	font-size:0.8em;
}

.modal__content  .k1p-standalone .k1p-promo-step {
	width: calc(100% - 2em);
	padding: 0 1em;
}
.modal__content .promotion-popup-info p {
	max-width:34em;
	margin:1em auto;
	padding:0 1em;
}

.modal__content .promotion-popup-info p.disclaimer {
	max-width:none;
	text-align:left;
	padding:0 1.33em;
}

.modal__content .k1p-promo-error h2 {
	max-width:none;
}

.k1p-form-userinfo > div:nth-child(1),
.k1p-form-userinfo > div:nth-child(2) {
	display:inline-block;
	width:calc(50% - 0.25em);
	margin-right:0.33em;
}
.k1p-form-userinfo > div:nth-child(2) {
	margin-right:-1em;
}
.k1p-form-legal {
	margin:0; 
}
.k1p-email-intro-img {
	overflow:hidden;
}
.k1p-email-intro-img img {
	margin-bottom:-5%;
}

/* adjust the position of the labels */
html .k1p-promo-step-wrapper input[type=password] + label,
html .k1p-promo-step-wrapper input[type=email] + label,
html .k1p-promo-step-wrapper input[type=number] + label,
html .k1p-promo-step-wrapper input[type=tel] + label,
html .k1p-promo-step-wrapper input[type=text] + label,
html .k1p-promo-step-wrapper input[type=search] + label,
html .k1p-promo-step-wrapper input[type=date] + label,
html .k1p-promo-step-wrapper select + label {
	background: #fff;
	border-radius: 0.25em;
	outline: 0.1em solid #fff;
	box-shadow: -0.3em 0 0 0.1em #fff;
	top: -0.75em;
	transform: translate(0.75em, 0.85em) scale(0.75);
}
html .k1p-promo-step-wrapper input[type=password]:placeholder-shown + label,
html .k1p-promo-step-wrapper input[type=email]:placeholder-shown + label,
html .k1p-promo-step-wrapper input[type=number]:placeholder-shown + label,
html .k1p-promo-step-wrapper input[type=tel]:placeholder-shown + label,
html .k1p-promo-step-wrapper input[type=text]:placeholder-shown + label,
html .k1p-promo-step-wrapper input[type=search]:placeholder-shown + label,
html .k1p-promo-step-wrapper input[type=date].k1p-date-placeholder + label,
html .k1p-promo-step-wrapper select:invalid:not(:focus-within) + label {
	opacity:1;
	transform: translate(1.25em, 1.9em) scale(1);
}
html .k1p-promo-step-wrapper form input[type="text"], 
html .k1p-promo-step-wrapper form input[type="email"], 
html .k1p-promo-step-wrapper form input[type="date"], 
html .k1p-promo-step-wrapper form textarea {
	margin-top:0.5em;
	margin-bottom: 0.25em;
	padding:0.5em 1em;
	height:2.5em;
}

.modal__content .k1p-promo-thanks h3 b{
	color: #BD0706;
}

.modal__content .disclaimer {
	width: 90%;
    margin: 0 auto;
	text-align: left;
}

#modal-litereg-popup-litereg-cheezit-flyout .modal__overlay {
	background: rgba(0,0,0,0.67);
}

.recipe-flyout-img { 
    display:none; 
}
body[data-page-id="en-us-recipes"] .site-flyout-img {
    display:none; 
}
body[data-page-id="en-us-recipes"] .recipe-flyout-img { 
    display:block; 
}
@media (max-width: 47.95em) {
	.k1p-form-step-1-intro img {
		display:none; 
	}
}
@media (min-width: 64em), print {
	.modal__content { 
		padding:2em 1em; 
	}
	.modal__content .k1p-promo-step-wrapper {
		padding-bottom:0; 
	}
	.modal__content .k1p-standalone .k1p-promo-step {
		padding:0; 
	}
	.modal__content .two-three-col-popup h2 {
		font-size: min(5.8vw, 4.2em);
		max-width: none;
		margin:0 0 0.5em 0;
	}
	.modal__content .k1p-promo-thanks h3 {
		font-size: min(5.8vw, 3.2em);
		max-width: none;
		margin: 0.5em 0 1em;
	}
	.two-three-col-popup .column-2-3 {
		width: calc(67%);
	}
	.two-three-col-popup .column-1-3 {
		padding-top: 0;
		width: calc(33%);
		position: relative;
	}
	.modal__content .k1p-standalone .k1p-form-twocol > div {
		min-width:100%;
	}
	.modal__content .k1p-standalone .k1p-promo-step {
		padding:0 1em;
		width:auto;
	}
	.modal__content .k1p-columnized-popup form {
		padding:0 1em;
	}
}













@media print {
	header, 
	footer {
		background:#fff; 
		color:#000;
	}
	header a, 
	header button, 
	footer a {
		background:#fff; 
		color:#000;
	}
	.product-nutrition {
		background:none;
	}
	.product-nutrition select {
		background:#fff;
	}
	.product-nutrition::before,
	.product-nutrition::after,
	footer::before,
	footer::after {
		display:none;
	}
	footer {
		padding-top:0;
		margin-bottom:0;
	}
	footer .content_wrapper {
		background:none;
		box-shadow:none;
	}
	.recipedetails .content_wrapper:last-of-type {
		box-shadow:none;
		color:inherit;
	}
	.recipedetails .content_wrapper:last-of-type::before, 
	.recipedetails .content_wrapper:last-of-type::after {
		display:none;
	}
	.social_icons { 
		display:none;
	}
	.footer-nav--secondary,
	footer {
		color:black;
		background:none;
	}
	.footer-nav--main ul {
		padding:0;
	}
	.contact-preliminary-title,
	main #KSTL-ContactUs-main .box-header {
		background:transparent; 
		border-bottom:0.15em solid black; 
	}
	.contact-preliminary-option,
	main #KSTL-ContactUs-main .box-bordered	{
		border-color:black;
	}
	.recipe-detail-overview .recipe-highlights > div {
		padding-top:0;
		background:none;
	}
	.recipe-detail-overview .recipe-highlights > div::before {
		height:4em;
		width:4em;
		display:block;
		margin:0 auto;
	}
	.recipe-highlight--preptime::before {
		content: url(../images/site/icon-chefhat.svg);
	}
	.recipe-highlight--totaltime::before {
		content: url(../images/site/icon-clock.svg);
	}
	.recipe-highlight--yield::before {
		content: url(../images/site/icon-bowl.svg);
	}
	.litereg-flyout { 
		display:none;
	}
}

.our-impact h2{
	text-align: center;
}

.our-impact p{
	text-align: center;
}

.our-impact .featured-item-content{
	text-align: center;
}

.our-impact .featured-item-description .button-cta{
	margin: 0 auto
}

.videos-page h2{
	font-size: 1.66em;
	font-weight: bold;
	color: #BD0706;

}

.videos-page .featured-item-description .button-cta{
	margin: 0 auto 2em
}
.videos-page .featured-item{
	margin: 0.5em 0.5em 1em;
	box-shadow: 0 0 1em rgba(0,0,0,0.15);
	border-radius: 0.33em;
	background: #fff;
	padding: 0;
}

.page-legal ol{
	margin: 0 0 1rem 0;
}
.page-legal ol li ol li{
	list-style-type: lower-alpha;
}
.page-legal .anchor{
	padding-top: 60px;
	margin-top: -60px;
}

.page-legal h2 {
	text-align: left;
	font-size: 2em;
}


/* Products benefit holder code */
.product-benefits--holder {
	background: #CB0B0E;
	border-radius: 1em;
	padding: 1em 2em ;
	margin: 0 auto 2em;
	max-width:44em;
	display: block;
}

.product-benefits ul {
	padding-inline-start: 1em;
	list-style-type: none;
	padding-left: 0;
	color: #fff;
}

.product-benefits ul li {
	display: flex;
	margin: 1.5em 0;
	position: relative;
	padding-left: 2.5em;
	align-items: center;
}
.product-benefits ul li::before {
	content: '';
	display:block;
	position:absolute;
	left: 0;
	width: 2em;
	height: 2em;
	background: url(../images/site/check-v2.svg) center center / contain no-repeat;
}
@media (min-width: 48em) {
	.product-benefits--holder {
		padding: 2em 2em 2em 1.5em;
		margin: 2em auto 3em;
	}
}


/*home page We Cheer section*/

.promotion--home-wecheer .rich-text{
	background: url(../images/home/wecheer-background-mobile.jpg) center center / cover no-repeat;
	color: #fff;
	text-align: center;
	padding: 1em;
}

.promotion--home-wecheer h2{
	color: #fff;
	margin: 0;
	text-transform: none;
	letter-spacing: 0em;
}

.promotion--home-wecheer p{
	color: #fff;
	text-align: center;
}

.promotion--home-wecheer p span{
	display: inline-block;
}

.promotion--home-wecheer-row > div {
    flex-basis: 65%;
}

.promotion--home-wecheer-row > .promotion--home-wecheer-tile {
    flex-basis: 100%;
    padding: 0;
	text-align: center;
}

.promotion--home-wecheer-tile img{
	width: 60%;
	margin: 0 auto
}

.promotion--home-wecheer-row img{
	margin: 0 auto
}

.promotion--home-wecheer .button-cta{
	margin: 1em 0
}

.promotion--home-wecheer-tile .button-cta{
	display: none;
	visibility: hidden;
}

@media (min-width: 48em) {
	.promotion--home-wecheer-row {
        display: flex;
        align-items: center;
        text-align: left;
		flex-direction: row-reverse;
    }
	.promotion--home-wecheer .rich-text{
		background: url(../images/home/wecheer-background-desktop.jpg) center left / cover no-repeat;
		color: #fff;
		text-align: center;
		padding: 0 1em;
	}
	.promotion--home-wecheer .button-cta{
		display: none;
		visibility: hidden;
	}
	.promotion--home-wecheer-tile .button-cta{
		display: inline-block;
		visibility: visible;
	}
	.promotion--home-wecheer-row img {
		width: 90%;
		margin: 0 0 0 auto;
	}
	.promotion--home-wecheer-tile img {
		width: 13em;
		margin: 0 auto;
	}
	
}
/* Country Selector Page CSS */


.countries-list {
	margin-top: 3em;
	min-height:20em;
}
.countries-list h1 {
	font-size: 2em;
	margin: 0.5em auto 1em;
	color: inherit;
	text-align:center;
}

.countries-list ul {
	list-style-type: none;
	text-align:left;
	margin:0 auto;
	padding:0 0 1em;
	max-width: 48em;
}

.countries-list h2 {
	font-size:1.5em;
	text-align: left;
	color: inherit;
	margin-top: 0;
}
.countries-list ul a {
	display:inline-block;
	padding:0.25em;
	margin-left:0.75em;
}
.countries-list a:hover {
	text-decoration: underline;
}

.nav--secondary a.link--country-selector::before {
    content: "";
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
	margin:-0.15em 0.2em -0.15em -0.05em;
    background: url(/content/dam/NorthAmerica/cheezit/images/site/american_flag_icon.svg) center / contain  no-repeat;
}
@media (min-width:48em) {
	.nav--secondary a.link--country-selector::before {
		top:0.15em;
		margin-left:0.1em;
	}
	.nav--secondary li:last-child span {
		left: auto;
		right: 0;
		transform: none;
	}
}
/* End of Country Selector Page CSS */

.disclaimer-center{
	text-align: center !important;
}

.copyright{
	color: #fff;
}

/* hero--teacher slide - new extra-yard code start */

.hero--teachers{
	background: #08111f url(/content/dam/NorthAmerica/cheezit/images/site/cheez-it-teacher-carousel-desktop.jpg) left top / cover no-repeat;
}

.hero--teachers-container {
    width: 27vw;
    position: absolute;
    right: 1%;
    top: 15%;
}

h1.hero--teachers-h1 {
    font-size: 2.7vw;
    text-transform: uppercase;
    text-shadow: 0.2000rem 0.0000rem 0 #000, 0.1414rem 0.1414rem 0 #000, 0.0000rem 0.2000rem 0 #000, -0.1414rem 0.1414rem 0 #000, -0.2000rem 0.0000rem 0 #000, -0.1414rem -0.1414rem 0 #000, -0.0000rem -0.2000rem 0 #000, 0.1414rem -0.1414rem 0 #000;
    width: 100%;
    position: relative;
    padding-bottom: .5em;
    margin: 0 auto;
    line-height: 1.15em;
}
img.hero--teachers-img{
    width: 20vw;
    margin: 0 auto;
    padding-bottom: 1.25em;
}

@media screen and (min-width:82em), print{
.hero--teachers-container {right: -3.5vw;}
}

@media (max-width: 47.95em){
	.hero--teachers {
        background: #08111f url(/content/dam/NorthAmerica/cheezit/images/site/cheez-it-teacher-carousel-mobile.jpg) center center / cover no-repeat;
    }
	.hero--teachers-container {
		position: static;
		width:auto;
        margin: 0 auto;
    }
    .hero--teachers .rich-text {
		vertical-align:top;
	}
    .hero--teachers .button-cta {
        bottom: 2em;
		position:absolute;
		left:50%; 
		transform:translate(-50%,0);
    }
	h1.hero--teachers-h1 {
		font-size: 6.25vw;
		max-width:10em;
	}

	img.hero--teachers-img {
		width: 34vw;
		padding: 1.25em 0;
	}

}
/* hero--teacher slide - new extra-yard code end */