/* Fonts  */
@import url('https://use.typekit.net/yxf0loy.css'); /*Font weights available: 700, 500, 400 */


/* Pringles -- both "normal" and "Bold" css states use "normal" weight: */
@font-face {
	font-family: 'Pinup';
	src: url('../fonts/Pinup.woff2') format('woff2'),
		url('../fonts/Pinup.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Pinup';
	src: url('../fonts/Pinup.woff2') format('woff2'),
		url('../fonts/Pinup.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}



html {
	font-family:'rooney-sans';
	
}
body {
	overflow:hidden;
}
section {
	margin:0;
}
main {
	outline:none !important;
}

/* Navigation */

header {
	background:#EA002A;
	box-shadow:0 0.25em 0em rgba(0,0,0,0.2);
}
.header-logo {
	background:transparent;
	display:inline-block; 
	height:100%;
	padding:0;
	vertical-align:middle;
	width:6em;
}
.header-logo img{
	display:block;
	height:90%;
	margin:5% auto;
}
.navicon {
	
}
.navicon span:after {
	width:1.33em;
	margin-left:0.667em;
}
.mobile-menu--active .navicon span:after {
	width:2em;
	margin-left:0;
}
.nav--container ul a:last-child:hover::after,
.nav--featured a:hover::after,
footer nav a:hover::after {
	transform:scale(0.9);
	opacity:1;
}
.menu-button, .search-button {
	transform: scale(0.75);
	z-index: 5;
}
#search {
	background: rgba(0, 0, 0, 0.9);
}
#search .search-label--submit::before,
.searchicon span::before {
	border-width:0.25em;
	height:1.33em;
	width:1.33em;
}


header a, 
header button, 
footer a, 
nav a {
	color:#fff;
	text-decoration:none;
}
.nav--container {
	background:#EA002A;
	border-top:0;
}
.nav--featured {
	font-weight:bold; 
	text-transform:uppercase;
	padding:0 0.5em;
}
.nav--featured a {
	color:#EA002A;
	padding:0.5em;
}
.nav--featured a:hover {
	color:#ad1a2b;
	background:inherit;
}
.nav--featured .nav-item--current > a {
	text-decoration:underline;
}
header nav ul { 
	font-family: "Pinup";
}
.nav--main,
.nav--secondary {
	text-transform:uppercase;
}
.nav--main ul {
	color:#fff;
	background:transparent;
	min-width: 10em;
}
.nav--mobile-extras {
	margin:1em;
	text-align:center;
	/* border-top:1px solid #fff; */
}
.nav--mobile-extras .social_icons {
	font-size: 1.5em;
	padding: 0.5em 0;
}
.nav--mobile-extras a {
	text-transform:none; 
	display:inline-block;
}
.nav--mobile-extras .social_icons  {
	font-size:1.5em;
}
.nav--mobile-extras .social_icons a {
	margin:0;
	padding:0.25em;
}
.nav--mobile-extras p {
	margin:0 -1em;
	font-size:90%;
}
.nav--mobile-extras p a {
	text-decoration:underline;
	padding:0.5em;
}

.nav--main a::after {
	border-bottom-width: 0.3em;
	border-right-width: 0.3em;
	margin-top: -0.1em;
}

/* This is gonna be a pain to reset for desktop so we'll use max-width media query in this one instance */
@media (max-width:47.95em) {
	
	.nav--container {
		background: #EA002A;
	}
	
	.nav--container nav {
		/* background:#342E2F; */
	}
	.nav--container .nav--secondary {
		border-radius: 0 0 100% 100%;
		z-index:auto;
	}
	.nav--mobile-extras {
		position:relative;
		z-index:2;
	}
	.nav--container .nav--main {
		z-index:2;
	}
	
	.nav--main li.mobile-nav--opened > a::after {
		margin-left:4em;
	}
	.nav--main a.nav-list-title::after {
		display:none;
	}
	main {
		transition:opacity 0.2s;
	}
	.mobile-menu--active main {
		pointer-events:none;
		opacity:0.8;
	}
	.nav--container {
		transition: opacity 0.2s, height 0.2s, padding 0.2s, visibility 0s 0.2s;
	}
	.mobile-menu--active .nav--container {
		padding:2em 0 10em;
		height: calc(100vh - 5.5em);
		transition: opacity 0.2s, height 0.2s, padding 0.2s, visibility 0s;
	}
	.mobile-menu--active #critical_communications + header .nav--container {
		height: calc(100vh - 8.5em);
	}
	.mobile-menu--active .header-logo img {
		transform:scale(1.4);
	}
	.nav--main ul ul {
		font-size:0.875em;
	}
	.nav--main ul ul a {
		text-transform:none;
	}
	.nav--main li.mobile-nav--opened:nth-child(2) > a::after {
		margin-top:-2em;
	}
	.nav--main li.mobile-nav--opened:nth-child(3) > a::after {
		margin-top:-4em;
	}
	.nav--main li.mobile-nav--opened:nth-child(4) > a::after {
		margin-top:-6em;
	}
	.nav--main li.mobile-nav--opened:nth-child(5) > a::after {
		margin-top:-8em;
	}
	nav li a img {
		display:none;
	}
}
@media (max-width:47.95em) and (max-height:34em) {
	.nav--container {
		height: calc(100vh - 5.5em);
	}
}
@media (max-width:47.95em) and (min-aspect-ratio:10/7) {
	
	html {
		font-size:3.5vh;
	}
	#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:#EA002A;
		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-dropdown--products {
		columns:2;
	}
	.mobile-menu--active .nav--container {
		padding:1em 0;
	}
	.nav--mobile-extras .social_icons {
		display:inline-block;
		vertical-align:middle;
		margin:0 1em;
		padding:0;
	}
	.nav--mobile-extras p {
		margin:1em;
		display:inline-block;
		vertical-align:middle;
		
	}
	header .content_wrapper {
		max-width:none;
	}
}

@media (max-width:20em) {
	.nav--container nav {
		min-width:300px;
	}
	.nav--container::before,
	.nav--container::after {
		padding-top:80px;
		padding-bottom:80px;
		width:320px;
		left:0;
		bottom:8em;
	}
	.nav--container::after {
		margin-bottom: -80px;
		box-shadow: 100px 100px 0 100px #342E2F;
		padding-bottom: 0;
		left: 160px;
		width: 160px;
	}
	.nav--container::before {
		background:#342E2F;
		margin-bottom:-0vw;
	}
}
@media (min-width:48em) {
	.search-button {
		margin-top:2.5em;
	}
	.header-logo {
		margin-left:-1em;
		margin-right:-0.5em;
	}
	.nav--main ul div {
		background:transparent;
		overflow:hidden;
		left:-0.25em;
		right: auto;
		transform:none;
	}
	.nav--main ul ul {
		margin:0 0.25em 0.25em;
		background:#ea002a;
		box-shadow:0.25em 0.25em 0 0 rgba(0,0,0,0.2);
        padding: .2em 0 0 0;
		white-space: nowrap;
	}
	.nav--main,
	.nav--featured,
	.nav--secondary {
		font-weight:bold; 
	}
	.nav--main > ul > .nav-item--current::after,
	.nav--main > ul > .nav-item--current-parent::after {
		background:currentColor;
		content:'';
		display:block;
		height:0.2em;
		position:absolute;
		bottom: 0em;
		left: 0.75em;
		right: 0.75em;
	}
	.nav--secondary .li--where-to-buy a,
	.nav--secondary .li--promotions a,
	.nav--secondary .link--where-to-buy,
	.nav--secondary .link--promotions {
		position:relative;
	}
	.nav--secondary a img {
		display:none;
	}
     .nav--main ul > li:hover > div {
        max-height: 30em;
        max-height: calc(100vh - 5.5em);
    }
}
@media (max-width:24em) {
	.nav--featured a {
		font-size:80%;
		padding:0.75em 0.5em;
	}
}
/* largest size */
@media (min-width:64em) {
	header nav {
		font-size:1.0625em;
	}
}
@media (min-width:77em) {
	header nav {
		font-size:1.125em;
	}
	.nav--container {
		flex-grow:1;
		display:flex;
		justify-content:space-between;
		align-items:flex-start;
		align-self:center;
		height:100%;
		margin-right:-0.5em;
	}
	.nav--container ul {
	}
	.nav--main,
	.nav--secondary	{
		margin-top:0;
		position:static;
		height:100%;
	}
	.nav--main ul ul {
		font-size:1rem;
	}
	.nav--main > ul,
	.nav--secondary > ul {
	}
	.nav--main > ul > li,
	.nav--secondary > ul > li {
		padding:1.2em 0;
	}
	.search-button {
		margin-top: 0;
		margin-left:0.2em;
	}
}
footer::before {
	content: '';
	display: block;
	position: absolute;
	left: 0%;
	right: 0%;
	top: 2em;
	z-index: 1;
	border-right: 50vw solid #ea002a;
	border-left: 50vw solid #ea002a;
	border-bottom: 14em solid #ea002a;
	border-top: 7vw solid transparent;
	filter: drop-shadow(0px -0.25em 0px rgba(0,0,0,0.2));
	box-shadow: 0 10vw 0 #ea002a;
}
footer {
	overflow:hidden;
	position:relative;
	margin-bottom:0; 
}
footer .content_wrapper {
	position:relative;
	background:#EA002A;
	box-shadow:20em 0 0 2em #EA002A, -20em 0 0 2em #EA002A, 0em 0 0 2em #EA002A;
	z-index:1;
	margin-top: 45vw;
	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-weight:600;
}
.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:first-child a::before {
	content: '';
	display: block;
	background: url(../images/refresh_2020/logo-pringles-v5.svg) center / contain no-repeat;
	top: -28vw;
	width: 26vw;
	height: 26vw;
	left: 50%;
	margin-left: -11vw;
	position: absolute;
}
.footer .copyright{
	color: #fff;
}
.legalcomponent  {
	padding-bottom:4.5em;
	position: relative;
	z-index: 1;
}
.page-specific-legal {
	overflow:hidden;
	padding: 0 1em;
}

@media (min-width:48em) {
	footer {
		padding-top:9vw;
	}
	footer .content_wrapper {
		margin-top: 6em;
	}
	.footer-nav--main li:first-child a::before {
		width: 6em;
		height: 7em;
		left: 0.34em;
		margin-left:0em;
		top: -8em;
	}
	.footer-nav--main ul {
		text-align:left;
		columns: 4;
	}
	.footer-nav--main li {
		display:block; 
		max-width:10em;
	}
}
/* Headings and paragraph styles */
h1,
h2 {
	font-family:"Pinup";
	text-transform:uppercase;
	font-size: 2.4em;
	font-weight: 900;
	line-height:1;
	text-align:center;
	color:#EA002A;
}
h3, h4 {
	font-family:"Pinup";
	text-transform:uppercase;
	font-weight: 900;
	font-size:2em;
	line-height:0.9;
}


h1,h2,h3 {
	margin:0.66em 0;
}
h4,h5,h6, p {
	margin:1em 0;
}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
	white-space:nowrap;
}
p {
	
}
h2 + p {
	margin-top:-1em; 
	margin-bottom:2em;
}
.disclaimer {
	font-size:0.8em;
} 
small {
	font-size:0.667em;
} 

/* Tables */
table {
	margin:0;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
tr {
}
td {
	padding:0.5em 0;
}

sup {
	display: inline-block
}

/* Links and CTA Buttons */

a {
	color:#EA002A;
	text-decoration:none;
}
.button-cta {
	font-family:Pinup;
	text-transform:uppercase;
	background:#EA002A;
	color:#fff;
	height: 1em;
	font-size:1rem;
	font-weight:600;
	text-align:center;
	min-width: 10em;
	padding:0.6em 1em 0.6em;
	white-space:nowrap;
	position:relative;
	transition:color 0.15s, background 0.15s, transform 0.15s, box-shadow 0.15s;
	transition-timing-function:cubic-bezier(0, 0.4, 0 0.6);
	box-shadow:0.25em 0.25em 0 rgba(0,0,0,0.2);
}
@media (max-width:32em) {
	.button-cta { font-size:1rem; }
}

.button-cta::after {
	content:'';
	display:inline-block;
	margin:0 -0.2em 0 0.4em;
	border-top:0.4em solid transparent;
	border-bottom:0.4em solid transparent;
	border-left:0.4em solid currentcolor;
}
a:hover .button-cta,
.button-cta:hover {
	box-shadow:0.4em 0.4em 0.15em rgba(0,0,0,0.15);
	transform:scale(1.04);
}
.button-cta:hover::before { /* this is to expand the hit area on rollover because the button moves slightly */
}
.video--fullwidth  .ytplayer-wrapper {
	margin:0 -1em;
	height:auto;
}
.icon--player {
	color:#EA002A;
	border:0.25em solid currentcolor
}
.icon--player::after {
	border-left: 1.65em solid currentcolor;
	position:absolute;
	top:0;
}
.ytplayer:hover .icon--player {
	color:#fff;
}
.ytplayer {
	opacity:0.8;
	pointer-events:none;
	box-shadow:0.3em 0.3em 0 rgba(0,0,0,0.2);
}
.yt-link-initialized {
	opacity:1;
	pointer-events:auto;
}
@media (min-width:48em) { 
	.icon--player {
		font-size:1.5em;
	}
	
	.video--fullwidth  .ytplayer-wrapper  {
		width:68%;
		margin:0 auto;
	} 
	.nav--main > ul > li > div {
		transition:max-height 0.25s;
	}
	.nav--main > ul > li:focus-within > div, 
	.nav--main ul > li:hover > div {
		max-height:30em;
		overflow:hidden;
	}
}

@media (min-width:60em) { 
	.button-cta {
		font-size: 1.25rem
	}
}

/* Forms */
input,
textarea {
	border-radius:0.2em;
}
select {
	border:0.15em solid currentcolor;
	/* border-radius:2em; */
	font-weight:600;
	text-align:center;
	padding:0.45em 2em 0.5em 1em;
	transition:color 0.15s, background 0.15s;
}
.pagination a,
.pagination input {
	background:#EA002A;
}
#search input[type="text"] {
	border-radius:0;
	font-size:1.5em;
	cursor:text;
	padding: 0.5rem 2.5rem 0.5rem 0;
	height: 2em;
	outline-offset: 0.25em;
}
@media (min-width:48em) { 
	#search .content_wrapper {
		max-width:29em;
	}
	#search input[type="text"] {
		width:calc(100% - 15rem);
	}
	#search .search-label--large {
        font-size: 300%;
        width: 15rem;
        height: .33em;
        overflow: visible;
    }
	#search .search-label--small {
        width: calc(100% - 10rem);
        padding-left: 15rem;
    }
}
/* Some active styles */
a:focus, 
a:active,
[tabindex]:focus,
form input[type="checkbox"]:focus + label:before, 
form input[type="radio"]:focus + label:before {
	outline:2px solid #ffb100;
}
#search input[type=text]:focus {
	outline:2px solid #EA002A;
	
}
input:focus, 
input:active,
textarea:focus, 
textarea:active ,
select:focus, 
select:active, 
button:focus, 
button:active {
	outline:none;
	box-shadow:0 0 0 2px #ffb100;
}

#critical_communications a:focus,
#critical_communications a:active,
.nav--featured a:focus,
.nav--featured a:active {
	outline:1px dotted #EA002A;
}

.menu-button:focus:hover,
.menu-button:active:hover,
.search-button:focus:hover,
.search-button:active:hover,
a:focus:hover,
a:active:hover {
	outline:none;
}
/* 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;
}
.tns-controls[tabindex]:focus {
	outline:none;
}
.tns-controls[tabindex]:focus::after {
	content: '';
	display: block;
	border:medium solid rgba(37, 165, 255, 0.67);
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0;
	right: 0;
	z-index: 1;
	pointer-events: none;
}

/* 
Home page sections 
*/

/* Basic Hero */
.pagehero {
	height:40vw;
	background: #EA002A;
	color:#fff;
	max-height: 30em;
}
.pagehero section,
section.pagehero {
	margin:0;
	background:transparent;
}
.pagehero::before {
	content: '';
	display: block;
	position: absolute;
	left: 0%;
	right: 0%;
	bottom: -1em;
	z-index:1;
	border-right:50vw solid #fff;
	border-left:50vw solid #fff;
	border-bottom:1em solid #fff;
	border-top: 7vw solid transparent;
	filter: drop-shadow(0px -0.25em 0px rgba(0,0,0,0.2));
}
.pagehero h2, .pagehero h1 {
	text-shadow:0.066em 0.066em 0 rgba(0,0,0,0.2);
	color:inherit;
}

@media (max-width:48em) {
	.pagehero > section > img, 
	.pagehero > section > picture img, 
	.pagehero .hero-slide > img, 
	.pagehero .hero-slide > picture img {
		object-fit: contain;
	}
}
.pagehero .content_wrapper {
}
/* "Get Stacking" Hero */
.hero--get-stacking {
	height:auto;
	max-height:none;
}
.hero--get-stacking .rich-text  {
	padding: 10% 0 9em;
	z-index: 4;
}
.hero--get-stacking h2, .hero--get-stacking h1  {
	font-size:15vmin;
	margin-bottom:0.33em;
	position:relative;
	z-index:3;
}
.hero--get-stacking .button-cta {
	position:relative;
	z-index:4;
	background:#fff;
	color:#EA002A;
}
.hero--get-stacking .button-cta:hover {
	background:#eee;
	color:#ad1a2b;
}
.hero--get-stacking h2 span, 
.hero--get-stacking h1 span {
	display:block;
}
.hero--get-stacking--space { 
	background:url(/content/dam/global/pringles/images/promotions/q1_2021_space/home-hero-mobile.jpg) center / cover;
}

@media (min-width:48em) { 
	.pagehero {
		height:33vw;
	}
	.hero--get-stacking {
		height:auto;
	}
	.hero--get-stacking h2, .hero--get-stacking h1 {
		font-size: 4em;
		position:relative;
		z-index:1;
	}
	.hero--get-stacking h2 span, .hero--get-stacking h1 span {
		display:block;
	}
	.hero--get-stacking .rich-text  {
		width:50%;
		padding: 3% 0 13% 50%;
	}
	
	.hero--get-stacking .crisps--wavy {
		width:7em;
		height:8em;
		position:absolute;
		bottom:-9em;
		right: 44%;
		opacity:0;
		transition:opacity 0.1s 0.15s;
	}
	.hero--get-stacking .crisps--wavy::before {
		content:'';
		display:block;
		height:100%;
	}
	.hero--get-stacking .section--in-viewport .crisps::before {
		background:url(../images/refresh_2020/new-crisp-1.png) center bottom / contain no-repeat;
		animation: crispSpin 7.1s linear infinite;
	}
	.hero--get-stacking .section--in-viewport .crisps:nth-child(odd)::before{
		background:url(../images/refresh_2020/new-crisp-2.png) center top / contain no-repeat;
	}
	.hero--get-stacking .crisps--wavy:nth-child(4) {
		right: 35%;
	}
	.hero--get-stacking .crisps--wavy:nth-child(5) {
		right:6%;
	}
	.hero--get-stacking .crisps--wavy:nth-child(6) {
		right: 22%;
	}
	.hero--get-stacking .crisps--wavy:nth-child(4)::before {
		animation: crispSpin 8s -6s linear infinite;
	}
	.hero--get-stacking .crisps--wavy:nth-child(5)::before {
		animation: crispSpin 5s -3s linear infinite;
	}
	.hero--get-stacking .crisps--wavy:nth-child(6)::before {
		animation: crispSpin 14s -12s linear infinite;
	}
	.hero--get-stacking .section--in-viewport .crisps--wavy {
		opacity:1;
	}
	.hero--get-stacking .section--in-viewport .crisps--wavy:nth-child(3) {
		animation: crispDrop 7.5s -3.3s linear  infinite;
	}
	.hero--get-stacking .section--in-viewport .crisps--wavy:nth-child(4) {
		animation: crispDrop 6s -3.4s linear  infinite;
	}
	.hero--get-stacking .section--in-viewport .crisps--wavy:nth-child(5) {
		animation: crispDrop 5.3s -1.6s linear infinite;
	}
	.hero--get-stacking .section--in-viewport .crisps--wavy:nth-child(6) {
		animation: crispDrop 7.85s -4.2s linear  infinite;
	}
	.hero--get-stacking--space { 
		background:url(/content/dam/global/pringles/images/promotions/q1_2021_space/home-hero.jpg) center / cover;
	}
}
@media (min-width:64em) { 
	.hero--get-stacking h2, .hero--get-stacking h1  {
		font-size: 5em;
	}
}
@keyframes crispDrop  {
	0% { transform:translate3d(0,-40em,0); } 
	25% { transform:translate3d(1em,0,0);  }
	25.00001% { transform:translate3d(1em,-40em,0); } 
	50% { transform:translate3d(1em,0,0);  }
	50.00001% { transform:translate3d(-1em,-50em,0); } 
	75% { transform:translate3d(0em,0,0);  }
	75.00001% { transform:translate3d(2em,-40em,0);  }
	100% { transform:translate3d(1em,0,0);  }
}
/* END "Get Stacking" Hero */


/*  MIND POPPING hero */
.hero--mindpopping {
	height:auto;
	max-height:none;
	min-height:0;
}
.hero--mindpopping .rich-text  {
	padding: 10% 0 11em;
}
.hero--mindpopping h2, 
.hero--mindpopping h1  {
	font-size:calc(1em + 5vw);
	margin:0;
	position:relative;
	z-index:3;
	text-shadow:0 0.2em #560a3c,0 0.3em #e91c2c,0 0.4em #f57c2d,0 0.5em #fdc323;
	animation:mindretrotext 1s infinite step-end;
	line-height: 1.2;
}
.hero--mindpopping .button-cta {
	position:relative;
	z-index:4;
	background:#fff;
	color:#EA002A;
}
.hero--mindpopping .button-cta:hover {
	background:#eee;
	color:#ad1a2b;
}
.hero--mindpopping h2 span, 
.hero--mindpopping h1 span {
	display:block;
}
.mindpopping-crisps-wrapper {
	position:absolute;
	opacity:0;
	left:50%; top:50%; transform:translate(-50%,-50%); width:100vw; padding-top:100vw; 
}


.mindpopping-headline  {
	opacity:0;
	position:relative; z-index:1;
}
.section--in-viewport .mindpopping-headline {
	animation:mindspin_text 1s cubic-bezier(0.15, 0.7, 0, 1) forwards;
}
.section--in-viewport .mindpopping-crisps-wrapper {
	animation:mindspin_wrapper 0.75s 0s cubic-bezier(0.15, 0.7, 0, 1) forwards;
}
.mindpopping-crisps { 
	position:absolute;
	width:100%; height:100%;
	left:50%; top:50%; transform:translate(-50%,-50%); 
}
.section--in-viewport .mindpopping-crisps { 
	animation:mindspin 21s linear infinite;
}
.mindpopping-crisps > div { 
	width:100%; height:100%; position:absolute; top:0; background:url(../images/refresh_2020/new-crisp-3.png) 0 bottom / 100% auto no-repeat; 
}
.mindpopping-crisps--outer2 {
	width: 24%;
	height:117%;
}
.mindpopping-crisps--outer {
	width:21%;
	height: 92%;
}
.mindpopping-crisps--mid {
	width: 18%;
	height: 69%;
}
.mindpopping-crisps--inner {
	width:12%;
	height: 48%;
}

/* 7 */
/* 8 */
/* 10 */
/* 12 */
.section--in-viewport .mindpopping-crisps--outer2 {
	animation-duration: 20s;
}
.section--in-viewport .mindpopping-crisps--outer {
	animation-duration: 17s;
	animation-delay:-0.85s;
}
.section--in-viewport .mindpopping-crisps--mid {
	animation-duration:14s;
}
.section--in-viewport .mindpopping-crisps--inner {
	animation-duration:12.5s;
	animation-delay:-1.2s;
}
.mindpopping-crisps--inner > div:nth-child(1) { transform:rotate(51.42857142857143deg) }
.mindpopping-crisps--inner > div:nth-child(2) { transform:rotate(102.85714285714286deg) }
.mindpopping-crisps--inner > div:nth-child(3) { transform:rotate(154.28571428571428deg) }
.mindpopping-crisps--inner > div:nth-child(4) { transform:rotate(205.71428571428572deg) }
.mindpopping-crisps--inner > div:nth-child(5) { transform:rotate(257.14285714285717deg) }
.mindpopping-crisps--inner > div:nth-child(6) { transform:rotate(308.57142857142856deg) } 
.mindpopping-crisps--mid > div:nth-child(1) { transform:rotate(45deg) }
.mindpopping-crisps--mid > div:nth-child(2) { transform:rotate(90deg) }
.mindpopping-crisps--mid > div:nth-child(3) { transform:rotate(135deg) }
.mindpopping-crisps--mid > div:nth-child(4) { transform:rotate(180deg) }
.mindpopping-crisps--mid > div:nth-child(5) { transform:rotate(225deg) }
.mindpopping-crisps--mid > div:nth-child(6) { transform:rotate(270deg) }
.mindpopping-crisps--mid > div:nth-child(7) { transform:rotate(315deg) }
.mindpopping-crisps--outer > div:nth-child(1) { transform:rotate(36deg) }
.mindpopping-crisps--outer > div:nth-child(2) { transform:rotate(72deg) }
.mindpopping-crisps--outer > div:nth-child(3) { transform:rotate(108deg) }
.mindpopping-crisps--outer > div:nth-child(4) { transform:rotate(144deg) }
.mindpopping-crisps--outer > div:nth-child(5) { transform:rotate(180deg) }
.mindpopping-crisps--outer > div:nth-child(6) { transform:rotate(216deg) }
.mindpopping-crisps--outer > div:nth-child(7) { transform:rotate(252deg) }
.mindpopping-crisps--outer > div:nth-child(8) { transform:rotate(288deg) }
.mindpopping-crisps--outer > div:nth-child(9) { transform:rotate(324deg) }

.mindpopping-crisps--outer2 > div:nth-child(1) { transform:rotate(30deg) }
.mindpopping-crisps--outer2 > div:nth-child(2) { transform:rotate(60deg) }
.mindpopping-crisps--outer2 > div:nth-child(3) { transform:rotate(90deg) }
.mindpopping-crisps--outer2 > div:nth-child(4) { transform:rotate(120deg) }
.mindpopping-crisps--outer2 > div:nth-child(5) { transform:rotate(150deg) }
.mindpopping-crisps--outer2 > div:nth-child(6) { transform:rotate(180deg) }
.mindpopping-crisps--outer2 > div:nth-child(7) { transform:rotate(210deg) }
.mindpopping-crisps--outer2 > div:nth-child(8) { transform:rotate(240deg) }
.mindpopping-crisps--outer2 > div:nth-child(9) { transform:rotate(270deg) }
.mindpopping-crisps--outer2 > div:nth-child(10) { transform:rotate(300deg) }
.mindpopping-crisps--outer2 > div:nth-child(11) { transform:rotate(330deg) }

/*
var output = '';
total = 10;
for (var i = 0; i< total; i++ ) {
	output+= '.mindpopping-crisps--outer2 > div:nth-child(' +  i +') { transform:rotate(' + (i * (360/total)) +  'deg) }\r\n';
}
console.log(output);
*/


@media (min-width:48em) { 
	.hero--mindpopping {
		height:auto;
	}
	.hero--mindpopping .h1--mindpopping-fr {
		margin:-1em 0
	}
	.hero--mindpopping h2, 
	.hero--mindpopping h1 {
		font-size:calc(3vw + 1em);
		position:relative;
		z-index:1;
	}
	.hero--mindpopping .h1--mindpopping-fr {
		margin:0 0 0.35em
	}
	.hero--mindpopping .rich-text  {
		width:50%;
		padding: 7% 0 13% 50%;
		position: relative;
	}
	.mindpopping-crisps-wrapper {
		width: 62%;
		padding-top: 80%;
		top: 87%;
		left: 51%;
	}
}
@media (min-width:75em) { 
	.hero--mindpopping h2, .hero--mindpopping h1  {
		font-size: 4em;
	}
}
@keyframes mindspin  {
	0% { transform:translate(-50%,-50%) rotate(0deg); } 
	49% { transform:translate(-50%,-50%) rotate(176.4deg);  } 
	51% { transform:translate(-50%,-50%) rotate(183.6deg); } 
	100% { transform:translate(-50%,-50%) rotate(360deg); } 
}
@keyframes mindspin_wrapper  {
	0% { transform:translate(-50%,-50%) rotate(-90deg); }
	100% { transform:translate(-50%,-50%) rotate(0deg); opacity:1; } 
}

@keyframes mindspin_text  {
	0% { transform:rotate(-179deg) scale(0.2); }
	100% { transform:rotate(0deg); opacity:1; } 
}

@keyframes mindretrotext {
	0% { text-shadow: 0 0.2em #560a3c, 0 0.3em #e91c2c, 0 0.4em #f57c2d, 0 0.5em #fdc323; } 
	25% { text-shadow: 0 0.2em #fdc323, 0 0.3em #560a3c, 0 0.4em #e91c2c, 0 0.5em #f57c2d; } 
	50% { text-shadow: 0 0.2em #f57c2d, 0 0.3em #fdc323, 0 0.4em #560a3c, 0 0.5em #e91c2c; } 
	75% { text-shadow: 0 0.2em #e91c2c, 0 0.3em #f57c2d, 0 0.4em #fdc323, 0 0.5em #560a3c; } 
	1000% { text-shadow: 0 0.2em #560a3c, 0 0.3em #e91c2c, 0 0.4em #f57c2d, 0 0.5em #fdc323; } 
}




/* old sportsden Hero */
.hero--sportsden-promo{
    height: auto;
    min-height: 0;
	padding-bottom:5%;
}
.hero--sportsden-promo h1 {
    display: none;
    visibility: hidden;
}
.hero--sportsden-promo img{
    width: 100%;
    margin: 0 auto;
}
.hero--sportsden-promo a:focus{
    outline: 2px solid #ffb100;
}
.hero--sportsden-promo p a {
    color: #fff;
    text-decoration: underline;
}
.hero--sportsden-promo p {
    font-size: .8em;
}
.hero--sportsden-promo .rich-text > a {
    display: block
}
.hero--sportsden-promo .rich-text {
    vertical-align: top;
    z-index: 1
}
.hero--sportsden-promo{
    background:url(../images/promotions/halo-infinite-back.jpg) center / cover no-repeat;
}



/* "Products" Hero */
.hero--products .content_wrapper {
	position:relative;
}
.hero--products .crisp-circle {
	position:absolute;
	left:0;
	top:50%;
	margin-top: -50%;
	padding-top:100%;
	width:100%; 
	animation:crispRotate 40s linear infinite;
}
.hero--products .crisp-circle::before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url("../images/refresh_2020/product_category/crisp-circle.png") center / 100% 100% no-repeat;
	/* animation:crispPulse 1s cubic-bezier(.47,0,.53,1) infinite; */
	animation:crispzoom 4s cubic-bezier(0, 0, 0.76, 0.21) infinite;
}
.hero--products .crisp-circle:nth-child(2) {
	animation-delay:-22.5s;
}
.hero--products .crisp-circle:nth-child(odd)::before {
	/* animation-delay:0.33s; */
}
.hero--products .crisp-circle:nth-child(3)::before,
.hero--products .crisp-circle:nth-child(4)::before {
	animation-delay:-2s;
	/* background-size:50% 50%; */
}
.hero--products .crisp-circle:nth-child(3) {
	animation:crispRotate 20s linear infinite;
	animation-direction:reverse;
}
.hero--products .crisp-circle:nth-child(4) {
	animation:crispRotate 20s linear infinite;
	animation-delay:-11.125s;
	animation-direction:reverse;
}
@keyframes crispRotate {
	0% { transform:rotate(0deg); }
	25% { transform:rotate(90deg); }
	50% { transform:rotate(180deg); }
	75% { transform:rotate(270deg);  }
	99.999999% { transform:rotate(359.99999deg); }
}
@keyframes crispPulse {
	0% { transform:scale(1.2); }
	50% { transform:scale(1.25); }
	100% { transform:scale(1.2); }
}
@keyframes crispzoom {
	0% { transform:scale(0.1);opacity:0; }
	5% {opacity:1}
	95% {opacity:1}
	100% { transform:scale(1.5);opacity:0; }
}
.hero--products h1 {
	font-size:2em;
	text-shadow: 0.066em 0.066em 0 #006f3a;
}
.hero--products h1 span {
	display:block;
}
.hero--products h1 span:nth-child(2) {
	font-size:110%;
}
.hero--products h1 span:nth-child(3) {
	display:block;
	font-size:150%;
}
@media (min-width:48em) { 
	.hero--products h1 {
		font-size:4em;
	}
	.hero--products h1 span {
		display:inline-block;
	}
	.hero--products h1 span:nth-child(2) {
		font-size:100%;
	}
	.hero--products h1 span:nth-child(3) {
		font-size:133%;
	}
}
/* END "Products" Hero */

/* "Promotions" Hero */ 
.hero--promotions  {
	height:25vw;
}
.hero--faq h1 {
	font-size: 2.5em;
	padding-bottom: 5%;
    white-space: normal;
}
.hero--faq h1 span{
	white-space: normal;
}
.hero--faq h1 .line-2{
    font-size: .8em;
}
.hero--promotions h2, .hero--promotions h1 {
	font-size: 3em;
	padding-bottom: 5%;
}
.hero--promotions h2 .line-1, .hero--promotions h1 .line-1, .hero--faq h1 .line-1{
	display:block;
}
.hero--promotions h2 .line-3, .hero--promotions h1 .line-3 {
	font-size:1.5em;
	display:block;
}
@media (min-width:48em) { 
	.hero--promotions h2, .hero--promotions h1, .hero--faq h1 {
		font-size: 5em;
	}
	.hero--promotions h2 .line-2,
	.hero--promotions h2 .line-3,.hero--promotions h1 .line-2,
	.hero--promotions h1 .line-3{
		font-size:1.2em;
		display:inline;
	}
    .hero--faq h1 .line-2{
		font-size:.8em;
		display:inline;
	}
}
/* END "Promotions" Hero */

/* Some one-off hero rules */
.hero--products {
	min-height: 15em;
	background: #009148;
	margin-bottom:2em;
	background: radial-gradient(circle at center, #03b55b 20%, #008a44);
}
.hero--products--favorites {
	background: radial-gradient(circle at center, #fff1cb 20%, #dca000);
}
.hero--products--wavy {
	background: radial-gradient(circle at center, #a614c2 20%, #290135);
}
.hero--products--lighter-side {
	background: radial-gradient(circle at center, #ff7500 20%, #c53d00);
}
.hero--products--onthego,
.hero--products--on-the-go {
	background: radial-gradient(circle at center, #f71c17 20%, #5e0302);
}
.hero--products--mega,
.hero--products--party {
	background: radial-gradient(circle at center, #de5d96 8em , #de5d96 10em, #d0377b);
}
.hero--products--variety,
.hero--products--variety-packs {
	background: radial-gradient(circle at center, #1763b3 20%, #003163);
}
.hero--promotion-detail {
	height:auto;
	background:transparent;
}
.hero--promotion-detail::before {
	display:none;
}
.hero--promotion-detail > section > img, 
.hero--promotion-detail > section > picture img{
	position: static;
	height: auto;
	width: 100%;
	display: block;
	transform: none;
}
.hero--products--scorchin {
	
	background:#0c0c0c;
	
}
.hero--products--mingles {
    background: #ffc300;
}

.hero--products--scorchin .rich-text {
	padding-top:50%;
	margin-top:12em;
	padding-bottom:7%;
}
.hero--products--scorchin h2, .hero--products--scorchin h1 {
	text-shadow:0.05em 0.05em 0 #d42027;
	font-size:8vw;
	text-align:inherit;
}
@media (min-width:48em) {
	.hero--products--scorchin {
		
	}
	.hero--products--scorchin .rich-text {
		padding:0 0 0 52%;
		text-align:left;
		margin-top:0;
	}
	.hero--products--scorchin h2, .hero--products--scorchin h1 {
		font-size:4em;
	}
	.hero--products--scorchin h2 + p, .hero--products--scorchin h1 + p  {
		max-width:21em;
	}
}

/* Flavor Stacking promotion -- full width */

.promotion--flavorstacks {
	position:relative;
	margin-top:0;
	text-align:center;
	background:#1c99de;
	color:#fff;
	margin-bottom:calc(6vw + 2em);
}

.promotion--flavorstacks .rich-text {
	padding: 2em 0 3em;
}

.promotion--flavorstacks::after {
	content: '';
	display: block;
	position: absolute;
	left: 0%;
	right: 0%;
	/* bottom: -2em; */
	z-index:1;
	border-top: 1em solid #1c99de;
	border-right:50vw solid #1c99de;
	border-left:50vw solid #1c99de;
	border-bottom: 6vw solid transparent;
	bottom: -6vw;
	filter: drop-shadow(0px 0.25em 0px rgba(0,0,0,0.2));
}
.hero--get-stacking::before,
.hero--mindpopping::before {
	z-index:2;
	bottom: -1em;
	border-bottom:2em solid #1c99de;
	border-right:50vw solid #1c99de;
	border-left:50vw solid #1c99de;
}
.promotion--flavorstacks h2 {
	font-size:9vmin;
	color:#fff;
	text-transform:uppercase;
}
.promotion--flavorstacks h2 strong,
.promotion--flavorstacks h2 b {
	display:inline-block;
	font-size:166%;
}
.promotion--flavorstacks .promotion--flavorstacks-graphic {
	position:relative;
	display:block;
	margin: -10em auto 1em;
	width: 24em;
	max-width: 80%;
	z-index: 3;
}


.promotion--flavorstacks .promotion--flavorstacks-graphic::before {
	content:'';
	display:block;
	width: 100%;
	max-width: 100%;
	padding-top:85%;
	background:url(../images/refresh_2020/flavorstacking-cans-4.png) center top / 100% auto	no-repeat;
	position:relative;
	z-index:2;
}

.promotion--flavorstacks-fr .promotion--flavorstacks-graphic::before {
	background:url(../images/refresh_2020/flavorstacking-cans-4-fr.png) center top / 100% auto	no-repeat;
}

@media (min-width:48em) { 
	
	.promotion--flavorstacks .rich-text {
		display:flex;
		align-content:center;
		justify-content: center;
	}
	.promotion--flavorstacks h2 {
		font-size:2em;
	}
	.promotion--flavorstacks .promotion--flavorstacks-graphic {
		width:50%;
		margin:-11em auto;
	}
	.promotion--flavorstacks .promotion--flavorstacks-graphic::before  {
		margin: 0 4%;
		height: 100%;
		padding: 0;
		width: 80%;
		background-size:contain;
		background-position:center;
	}
	.promotion--flavorstacks-fr .promotion--flavorstacks-graphic::before  {
	}
	.promotion--flavorstacks .promotion--flavorstacks-text  {
		position:relative;
		padding: 0;
		z-index: 2;
		width:50%;
	}
}
@media (min-width:64em) { 
	.promotion--flavorstacks h2 {
		font-size:3em;
	}
}

/* END Flavor Stacking promotion -- full width */

/* "Crisp Cannon" Animations - nested inside the Flavor Stacking Promotion */

.promotion-crispcannon {
	position:absolute; top:-100%; left:0; width:8em; height:100%; 
	
}
.promotion-crispcannon {
	position:absolute; 
	top:-160%; 
	left:50%; 
	width: 33%;
	margin-left: -16%;
	height:170%; 
	
}
.promotion-crispcannon {
	
}
.promotion-crispcannon .crisps {
	display:block;
	position:absolute;
	top:100%;
	width:100%;
	padding-top:100%;
}
.promotion-crispcannon .crisps::after {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/refresh_2020/new-crisp-1.png) center / contain no-repeat;
}
.promotion-crispcannon .crisps:nth-child(2n)::after {
	background:url(../images/refresh_2020/new-crisp-2.png) center / contain no-repeat;
}

/* written to work with a lot of variants of the html implementations -- some with wrapper divs in the wrong place, so the sections aren't necessarily adjacent so we use + section and + div */


.section--in-viewport + section .promotion-crispcannon--bbq .crisps,
.section--in-viewport + div .promotion-crispcannon--bbq .crisps,
.section--in-viewport .promotion-crispcannon--bbq .crisps {
	animation: crispLaunchL 1.45s cubic-bezier(.31,.49,.74,.89)  infinite;
}
.section--in-viewport + section .promotion-crispcannon--original .crisps,
.section--in-viewport + div .promotion-crispcannon--original .crisps,
.section--in-viewport .promotion-crispcannon--original .crisps {
	animation: crispLaunchC 1.3s cubic-bezier(.31,.49,.74,.89)  infinite;
}
.section--in-viewport + section .promotion-crispcannon--jalapeno .crisps,
.section--in-viewport + div .promotion-crispcannon--jalapeno .crisps,
.section--in-viewport .promotion-crispcannon--jalapeno .crisps {
	animation: crispLaunchR 1.55s cubic-bezier(.31,.49,.74,.89)  infinite;
}
.section--in-viewport + section .promotion-crispcannon .crisps::after,
.section--in-viewport + div .promotion-crispcannon .crisps::after,
.section--in-viewport .promotion-crispcannon .crisps::after {
	animation: crispSpin 7.1s linear infinite;
}
.section--in-viewport + section .promotion-crispcannon .crisps:nth-child(3n)::after,
.section--in-viewport + div .promotion-crispcannon .crisps:nth-child(3n)::after,
.section--in-viewport .promotion-crispcannon .crisps:nth-child(3n)::after {
	animation: crispSpin 5s linear infinite reverse;
}
@media (max-width:47.95em) {
	body.mobile-menu--active .section--in-viewport .promotion-crispcannon .crisps,
	body.mobile-menu--active .section--in-viewport .promotion-crispcannon .crisps::after {
		animation-play-state: paused;
	}
}
body.search--active .section--in-viewport .promotion-crispcannon .crisps,
body.search--active .section--in-viewport .promotion-crispcannon .crisps::after,
body.search--active .hero--get-stacking.section--in-viewport .crisps--wavy,
body.search--active .hero--get-stacking.section--in-viewport .crisps--wavy::before {
	animation-play-state: paused;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon .crisps:nth-child(1) {
	animation-delay:-0s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon .crisps:nth-child(2) {
	animation-delay:-0.33s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon .crisps:nth-child(3) {
	animation-delay:-0.66s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon .crisps:nth-child(4) {
	animation-delay:-1.0s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--bbq .crisps:nth-child(1) {
	animation-delay:-0.1s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--bbq .crisps:nth-child(2) {
	animation-delay:-0.43s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--bbq .crisps:nth-child(3) {
	animation-delay:-0.76s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--bbq .crisps:nth-child(4) {
	animation-delay:-1.1s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--bbq .crisps::after,
section .promotion--flavorstacks-graphic .promotion-crispcannon--jalapeno .crisps::after {
	background:url(../images/crisps/crisp-memphis-bbq.png) center / contain no-repeat;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--jalapeno .crisps:nth-child(1) {
	animation-delay:-0.25s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--jalapeno .crisps:nth-child(2) {
	animation-delay:-0.67s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--jalapeno .crisps:nth-child(3) {
	animation-delay:-0.99s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--jalapeno .crisps:nth-child(4) {
	animation-delay:-1.26s;
}

section .promotion--flavorstacks-graphic .promotion-crispcannon .crisps:nth-child(1)::after {
	animation-delay:0s;
	animation-duration:6.2s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon .crisps:nth-child(2)::after {
	animation-delay:-3s;
	animation-duration:4s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon .crisps:nth-child(3)::after {
	animation-delay:-0.75s;
	animation-duration:10s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon .crisps:nth-child(4)::after {
	animation-delay: -4s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--jalapeno .crisps:nth-child(1)::after {
	animation-delay:-4s;
	animation-duration:6.2s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--jalapeno .crisps:nth-child(2)::after {
	animation-delay:-2s;
	animation-duration:4s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--jalapeno .crisps:nth-child(3)::after {
	animation-delay:-5.75s;
	animation-duration:10s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--jalapeno .crisps:nth-child(4)::after {
	animation-delay: -1s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--bbq .crisps:nth-child(1)::after {
	animation-delay:-5s;
	animation-duration:6.2s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--bbq .crisps:nth-child(2)::after {
	animation-delay:-0s;
	animation-duration:4s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--bbq .crisps:nth-child(3)::after {
	animation-delay:-2.75s;
	animation-duration:10s;
}
section .promotion--flavorstacks-graphic .promotion-crispcannon--bbq .crisps:nth-child(4)::after {
	animation-delay: -3s;
}



.promotion-crispcannon--bbq {
	left:23%;
	margin-top:10%;
}
.promotion-crispcannon--jalapeno {
	left:77%;
	margin-top:10%;
}
@keyframes crispLaunchL  {
	from { transform:translate3d(0,0em,0); } 
	to { transform:translate3d(-4em,-42em,0);  }
}
@keyframes crispLaunchC  {
	from { transform:translate3d(0,0em,0); } 
	to { transform:translate3d(0,-42em,0);  }
}
@keyframes crispLaunchR  {
	from { transform:translate3d(0,0em,0); } 
	to { transform:translate3d(4em,-42em,0);  }
}
@keyframes crispSpin  {
	0% { transform: translate3d(0,0,0) rotate(0deg); } 
	33% { transform: translate3d(0,0,0) rotate(120deg); } 
	66% { transform: translate3d(0,0,0) rotate(240deg); }
	100% { transform: translate3d(0,0,0) rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
	
	section .promotion-crispcannon .crisps,
	section .promotion-crispcannon .crisps::after {
		animation-play-state: paused !important;
	}
	*, *::before, *::after {
		transition:none !important;
	}
}

@media (min-width:48em) { 

	.promotion-crispcannon {
		width:7em;
		margin-left:-3.5em;
		top:-120%; 
		height:130%; 
	}
	.promotion-crispcannon--bbq {
		left:50%;
		margin-left:-9.25em;
		
	}
	.promotion-crispcannon--jalapeno {
		left:50%;
		margin-left:1.75em;
	}
	@keyframes crispLaunchL  {
		from { transform:translate3d(0,0em,0); } 
		to { transform:translate3d(-4em,-35em,0);  }
	}
	@keyframes crispLaunchC  {
		from { transform:translate3d(0,0em,0); } 
		to { transform:translate3d(0,-35em,0);  }
	}
	@keyframes crispLaunchR  {
		from { transform:translate3d(0,0em,0); } 
		to { transform:translate3d(4em,-35em,0);  }
	}
}

/* END "Crisp Cannon" Animations - part of the Flavor Stacking Promotion */

/*  Wavy promotion -- full width */

.promotion--wavy {
	position:relative;
	padding:2em 0 6em;
	margin-bottom:-6em;
	text-align:center;
	color:#fff;
	background:url(../images/site/wavy-bg.svg) center / 172em auto repeat-x, linear-gradient(0deg,  #c53c00, #f29c00);
}
.promotion--wavy::after {
	content: '';
	display: block;
	position: absolute;
	left: 0%;
	right: 0%;
	bottom: -2em;
	border-top: 6em solid #c53c00;
	border-right: 50vw solid #c53c00;
	border-left: 50vw solid #c53c00;
	border-bottom: 6vw solid transparent;
	bottom: -7vw;
	filter: drop-shadow(0px 0.25em 0px rgba(0,0,0,0.2));
}
.promotion--wavy section {
	margin:0;
}

.promotion--wavy .rich-text {
	position:relative;
	padding:2em 0;
}
.promotion--wavy h2 {
	color:#fff;
	padding-bottom:19rem;
	text-indent: 0em;
}
.promotion--wavy h2 > strong {
	position:relative;
	display:inline-block;
	text-indent:0;
	top:-0.1em;
}
.promotion--wavy h2 .wavy-text  {
	display: block;
	font-size:300%;
	color:transparent;
	position:relative;
	margin:0.05em auto 0;
	filter:drop-shadow(1px 1px 1px #fff) drop-shadow(1px 1px 0px #fff) drop-shadow(1px 1px 0px #fff);
	/* background:url(../images/products/wavy-text.svg) center / contain no-repeat; */
}
.promotion--wavy h2 .wavy-line  {
	display: block;
	height:100%;
	position: absolute;
	top:0;
	left:50%;
	width:0.2em;
	background:url(../images/products/wavy-line.svg) 0 0 / 0.2em 1em repeat-y;
	animation:wavy_text 2s infinite linear;
}
@keyframes wavy_text {
	0% { background-position:0 0%; }
	100% { background-position:0 -1em; }
}

.promotion--wavy h2 .wavy-line:nth-child(1) {
	transform: translate(-1.03em,0) skewx(10deg);
}
.promotion--wavy h2 .wavy-line:nth-child(2) {
	transform: translate(-0.865em,0) skewx(-10deg);
}
.promotion--wavy h2 .wavy-line:nth-child(3) {
	transform: translate(-0.71em,0) skewx(10deg);
}
.promotion--wavy h2 .wavy-line:nth-child(4) {
	transform: translate(-0.55em,0) skewx(-10deg);
}
.promotion--wavy h2 .wavy-line:nth-child(5) {
	transform: translate(-0.28em,0) skewx(-10deg);
}
.promotion--wavy h2 .wavy-line:nth-child(6) {
	transform: translate(-0.1em,0) skewx(10deg);
}
.promotion--wavy h2 .wavy-line:nth-child(7) {
	transform: translate(0.17em,0) skewx(10deg);
}
.promotion--wavy h2 .wavy-line:nth-child(8) {
	transform: translate(0.321em,0) skewx(-10deg);
}
.promotion--wavy h2 .wavy-line:nth-child(9) {
	height: 51%;
	transform: translate(0.65em,0) skewx(23deg);
}
.promotion--wavy h2 .wavy-line:nth-child(10) {
	height: 51%;
	transform: translate(0.835em,0) skewx(-22deg);
}
.promotion--wavy h2 .wavy-line:nth-child(11) {
	height:50%;
	top:50%;
	transform: translate(0.75em,0) skewx(0deg);
	animation-delay:-0.9s;
}
.promotion--wavy h2 .wavy-line:nth-child(12) {
	height: 22%;
	top:40%;
	transform: translate(-0.2em,0) rotate(90deg);
}
.promotion--wavy .button-cta {
	background:#fff;
	color:#EA002A;
}
.promotion--wavy .button-cta:hover {
	background:#eee;
	color:#ad1a2b;
}

.promotion--wavy .product-image {
	left:25%;
	top:10%;
	height:60%;
}

.promotion--wavy .promotion--wavy-graphic {
	display:block;
	background:url(../images/refresh_2020/wavy-can.png) center / auto 100% no-repeat;
	height:16rem; 
	width:20rem;
	margin-bottom:1em;
	top:16em; 
	right:50%;
	position:absolute;
	transform:translate(50%,0);
}
.promotion--wavy .crisps--wavy {
	background:url(../images/fpo-home/crisp-wavy.png) center / auto 100% no-repeat;
	width:8em;
	height:8em;
	position:absolute;
	opacity:0;
	transition:transform 0.1s, opacity 0.1s;
}

.promotion--wavy.section--in-viewport .crisps--wavy {
	opacity:1;
	transition:transform 1s 0.5s, opacity 0.2s 1s;
}
.promotion--wavy.section--in-viewport .crisps--wavy:nth-child(2) {
	transition:transform 0.5s 1.1s, opacity 0.2s 1.1s;
}
.promotion--wavy.section--in-viewport .crisps--wavy:nth-child(3) {
	transition:transform 0.5s 1.2s, opacity 0.2s 1.2s;
}
.promotion--wavy .crisps--wavy:nth-child(1) {
	left: -1em;
	top: 0em;
	transform:translate(1em,1em)  rotate(15deg) scaley(0.6) scalex(0.6);
}
.promotion--wavy .crisps--wavy:nth-child(2) {
	left: 13em;
	top: 9em;
	transform: translate(-1em,1em)  rotate(-5deg) scaley(0.6) scalex(-0.6);
}
.promotion--wavy .crisps--wavy:nth-child(3) {
	left: 1em;
	top: 10em;
	transform:translate(1em,-1em)  rotate(45deg) scaley(0.6) scalex(-0.6);
}
.promotion--wavy.section--in-viewport .crisps--wavy:nth-child(1) {
	transform:rotate(15deg) scaley(1) scalex(1);
}
.promotion--wavy.section--in-viewport .crisps--wavy:nth-child(2) {
	transform: rotate(-5deg) scaley(1) scalex(-1);
}
.promotion--wavy.section--in-viewport .crisps--wavy:nth-child(3) {
	transform: rotate(45deg) scaley(1) scalex(-1);
}
@media (min-width:48em) { 
	.promotion--wavy {
		padding:4em 0 20em;
		margin-bottom: -20em;
		padding:4em 0 calc(8em + 3vw);
		margin-bottom:calc(-8em - 3vw);
		animation:wavy_bg 1s infinite linear;
		background-size:64em center;
	}
	@keyframes wavy_bg {
		0% { background-position:-9em 4vw; }
		100% { background-position:-4.1em 4vw; }
	}
	
	.promotion--wavy::before {
		left:10%;
		right:10%;
	}
	.promotion--wavy .rich-text {
		display:flex;
		align-content:center;
		justify-content: center;
		align-items: center;
	}
	.promotion--wavy .promotion--wavy-graphic {
		height: auto;
		width: 40%;
		margin: 0em 5%;
		top:0;
		right:0;
		position:relative;
		transform:none;
	}
	.promotion--wavy .promotion--wavy-graphic::before {
		content:'';
		position:relative;
		display:inline-block;
		padding-top: 80%;
		width: 100%;
	}
	.promotion--wavy .promotion--wavy-text {
		width: 50%;
		font-size:1.125rem;
	}
	.promotion--wavy p {
		max-width: 24em;
		margin: 1em auto;
	}
	.promotion--wavy h2 {
		padding-bottom:0;
	}
	
	.promotion--wavy .crisps {
		width: 41%;
		height: 41%;
	}
	.promotion--wavy .crisps--wavy:nth-child(1) {
		left: -13%;
		top: 9%;
	}
	.promotion--wavy .crisps--wavy:nth-child(2) {
		left: 61%;
		top: 57%;
	}
	.promotion--wavy .crisps--wavy:nth-child(3) {
		left: -13%;
		top: 62%;
	}
	.promotion--wavy.section--in-viewport .crisps--wavy {
		font-size: 32%;
	}
}

/* END Wavy promotion -- full width */


/* Promotions Overview Page */


/* END Promotions Overview Page */


/* Multiple column Promotions */
.promotions-featured {
	text-align:center;
}
.page--hide-promos .promotions-featured {
	display:none;
}
.promotions-featured-row {
	margin:0 -1em;
	justify-content: center;
}
.promotions-featured-column {
	position:relative;
	margin-bottom: 2em;
}
.promotions-featured .promotions-featured-column {
	display:block;
	position:relative;
	overflow: hidden;
	padding-bottom:2em;
}
.promotions-featured img {
	width: 100%;
}
.promotions-featured .promotions-featured-column::before {
	content:'';
	display:block;
	border-left:50vw solid #fff;
	border-right:50vw solid #fff;
	border-bottom: 10vw solid transparent;
	position:absolute;
	right:50%;
	top:0;
	transform:translate(50%,0);
}

.promotions-featured .promotions-featured-column.bottom-chevron::before {
	content:'';
	display:block;
	border-left:50vw solid #fff;
	border-right:50vw solid #fff;
	border-bottom: 10vw solid transparent;
	position:absolute;
	right:50%;
	top:auto;
    bottom: 1.5em;
	transform:translate(50%,0) rotate(180deg);
}

.promotions-featured .rich-text {
	overflow: hidden;
} 
.promotions-description p {
	font-size: 1.5em;
	color: yellow;
	font-weight: 600;
	font-family: "Pinup";
}


a.promotions-featured-column {
	color:#000;
}
.promotions-featured-column .button-cta {
	position:absolute;
	right:50%;
	transform:translate(50%,-50%);
}
.promotions-featured-column:focus {
	outline:none;
}
a.promotions-featured-column:hover .button-cta,
.promotions-featured-column .button-cta:hover {
	transform:translate(50%,-50%) scale(1.05);
}
a.promotions-featured-column:focus .button-cta {
	outline:2px solid #ffb100;
}
span.button-cta {
	outline-offset:2px;
}

.promotions-description h2,
.promotions-description h3 {
	color:inherit;
	text-align:inherit;
	font-size:2em;
	line-height: 1;
}

.promo--hotones .promotions-description h3 {
    
    font-size:1.3em;
    line-height: 1.2;
}

.promotion-product .promotions-description {
	font-size:3.4vw;
	position:absolute; 
	top:50%;
	left:41%; 
	text-align:left;
	right:0; 
	padding:1em;
	transform:translate(0,-50%);
	color:#fff;
}

.promotion-product .promotions-description-french {
	font-size:3.5vw;
}

@media (min-width:48em) { 
	.promotion-product .promotions-description {
		font-size:1.8vw;
	}
    .promotions-featured .promotions-featured-column.bottom-chevron::before {
       top:auto;
       bottom: 1.5em
    }
	.promotion-product .promotions-description-french {
		font-size:1.5vw;
	}
}
@media (min-width:79em) { 
	.promotion-product .promotions-description {
		font-size:1.4em;
	}
	.promotion-product .promotions-description-french {
		font-size:1.1em;
	}
    
}

/* END Multiple column Promotions */


/* Main KFR Promo */

.promotion--kfr h2 {
	color:#EA002A; 
	text-transform:uppercase;
	letter-spacing:0.025em;
}
.promotion--kfr p {
	margin:-0.33em 0 1em;
	font-size:1.25em;
	font-weight:700;
}
.promotion--kfr h2 span:last-child {
	display:block;
	font-size: 200%;
	vertical-align: middle;
}
@media (min-width:48em) { 
	.promotion--kfr {
		margin:2em auto -3vw;
	}
	.promotion--kfr .rich-text {
		display:flex; 
		align-items:center;
		justify-content: center;
	}
	.promotion--kfr .promotion--kfr-graphic {
		margin:0 2em;
		width:16em;
		height:12em;
	}
	.promotion--kfr .promotion--kfr-text {
		margin:0 2em;
	}
}

@media (min-width:75em) { 
	.promotions--kfr .promotions-description h3 {
		/* font-size: 3.8em; */
	}
	.promotions--kfr .promotions-description p {
		font-size: 1.5em;
	}

}

/* END Main KFR Promo */


/* Promotion page "three column" style */
section.hero--promotion-detail {
	margin-top:0;
} 
.hero--promotion-detail img {
	width:100%;
	display: block;
}
.promotion-detail-overview {
	text-align:center; 
}
.promotion-detail-overview p a {
	text-decoration:underline;
}
.promotion-detail-overview .button-cta {
	margin:1em auto;
	display:block;
	max-width:12em;
}
.promotion-columns h3 {
	font-family: "Pinup";
	font-size: 2.8em;
	line-height: 0.9;
	text-transform:uppercase;
	color:#EA002A;
}
@media (min-width:48em) {
	.promotion-columns h3 {
		font-size: 4em;
	}
	.promotion-detail-overview .button-cta {
		margin:1em;
		display:inline-block;
	}
	.promotion-columns  {
		display:flex;
		padding:1em;
		text-align:center;
	}
	.promotion-columns > div {
		padding:0 2.5%;
		min-width:20%;
	}
	.promotion-columns > div {
		flex-grow: 1;
		padding: 0 1.5%;
		min-width: 29%;
		flex-basis: 33%;
	}
}
/* END Promotion page "three column" style */



/* Home Featured Products */

.products-featured {
	text-align:center;
}
.products-featured h1 + p {
	margin-top: -1em;
   margin-bottom: 2em;
}
.products-featured p {
	position:relative;
	font-size:1.125em;
} 
.products-featured h2, 
.products-featured h3 {
	color:#EA002A;
	position:relative;
}
.products-featured h3 {
	font-size:2em;
	margin-top:1em;
}
.products-featured h2, .products-featured h1 {
	font-size: 2.2em;
}
.products-featured h2 span {
	display:block;
}
.products-featured h2 .line-1 {
	font-size:80%;
}
.products-featured .content_wrapper {
	/* max-width: 64em; */
} 
.products-featured img {
	width:100%;
}
.product-category-back {
	font-weight:900;
	font-size:1.25em;
}
.product-category-description {
	padding:0 1em 5em;
}
.product-category .button-cta {
	position:absolute; 
	right:50%; 
	bottom:2rem;
	transform:translate(50%,0);
}
a.product-category:hover .button-cta,
.product-category .button-cta:hover {
	transform:translate(50%,0) scale(1.05);
}
a.product-category:focus {
	outline:none;
}
a.product-category:focus .button-cta {
	outline:2px solid #ffb100;
}
.products-featured-row {
	margin:0 -1em;
	justify-content:center;
}
.products-featured-row .product-primary-image {
	display:block;
	position:relative;
	overflow: hidden;
}

.products-featured-row .product-secondary-image img {
	width:100%;
}

.products-featured .product-category {
	position:relative;
	color:#000;
	display:block;
}

@media (min-width:48em) { 
	.products-featured h2, .products-featured h1 {
		font-size: 3em;
	}
	.products-featured-row {
		position: relative;
		overflow:hidden;
		margin:0 -1em 0;
	}
	.products-featured .product-category {
		flex-basis:50%;
	}
	.product-category .product-category-description {
		background:none;
		z-index: 2;
	}
}
/* END Featured Products */

/* Product Line Lists */
.productlist,
.products-line {
	text-align:center;
	position:relative;
	margin-bottom: 4em;
}
.products-line h2 {
	color:#EA002A;
	font-size:3.5em; 
}
.productlist h2 + p,
.products-line h2 + p {
	max-width:32em;
	margin:1em auto;
}
.products-line--related h2 {
	line-height:0.8;
	font-size:2.2em;
}
.products-list {
	padding:0 0em;
	font-weight:700;
	margin:0 -1em;
}
.products-list-product {
	padding:1em 0; 
	flex-basis:10em;
}
/* bazaarvoice stars */
.products-list-product {
	position:relative;
	padding-bottom: 2em;
}

.products-list-product .product-primary-image {
	width:11em;
	height:14em;
	margin-bottom:1em;
}
.product-list-title {
	text-decoration: underline;
	max-width:10em;
	display:inline-block;
	padding:0 0.5em;
}
@media (min-width:48em) {
	.products-list {
		width:90%;
		margin:0 auto;
		max-width:64em;
	}
	.products-list-product {
		flex-basis: 25%;
	}
	.productlist h2 + p,
	.products-line h2 + p {
		font-size:1.25em;
	}
}

@media (min-width:64em) {
	.products-list-product {
		font-size:1.25em;
	}
}

/* END Product Line Lists */


/* Product Detail page */
.product-slider-holder,
.product-detail-overview {
	margin-top:1em;
}
.product-detail-actions .button-cta {
	box-sizing:content-box;
	display:none;
}
.js-product-thumbnails > div:first-child:last-child {
	display:none;
}
.product-detail-overview h1 {
	color:#EA002A;
	font-weight:900;
	font-size:2.5em;
	line-height:1;
	text-align:left;
}
.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 h2 {
	color:inherit;
	
}
.product-nutrition-highlights h3:first-child {
	color:inherit;
}
.product-nutrition .content_wrapper > h2+p {display: none;}
.product-nutrition h3 {
	font-size:2em;
}
.product-nutrition select {
	font-size:1.125rem;
	background:#EA002A;
	padding: 0.5em 2.5em 0.5em 0.5em;
}
.product-nutrition .select-wrapper::before{
	z-index:1;
	pointer-events:none;
}
.product-nutrition-highlights p {
	text-align:justify;
}
.product-nutrition-smartlabel-title + p {
	margin-bottom:0.25em;
}
.product-nutrition p, 
.product-nutrition table {
	font-size:0.875em;
	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:#EA002A;
	color:#ffffff;
	text-align:center;
	margin:7vw 0; 
}
.product-nutrition::before, 
.product-nutrition::after {
	content:'';
	display:block;
	position:relative;
	top:-7vw;
	margin-bottom:-7vw;
	border-right: 50vw solid #ea002a;
	border-left: 50vw solid #ea002a;
	border-bottom: 1em solid #ea002a;
	border-top: 7vw solid transparent;
	filter: drop-shadow(0px -0.25em 0px rgba(0,0,0,0.2));
}
.product-nutrition::after {
	border-top: 1em solid #ea002a;
	border-bottom: 7vw solid transparent;
	top:7vw;
	margin-top:-7vw;
	margin-bottom:0;
	filter: drop-shadow(0px 0.25em 0px rgba(0,0,0,0.2));
}
.product-nutrition .button-cta {
	position:relative;
	z-index:4;
	background:#fff;
	color:#EA002A;
	width:11em;
}
.product-nutrition .button-cta:hover {
	background:#eee;
	color:#ad1a2b;
}

.product-nutrition-row {
	display:flex;
	flex-wrap:wrap;
}
.product-nutrition-highlights {
	order:1;
}
.product-nutrition-highlights h3:first-child {
	display:block;
}
.product-nutrition-row .product-nutrition-smartlabel {
	margin: 2em 0;
}

.product-nutrition-smartlabel .select-wrapper {
	width:16.25em;
}

@media (min-width:48em) { 
	.product-detail-highlights {
		padding-top:2em;
	}
	.product-nutrition-highlights {
		order:0;
	}
	.product-detail-overview h1 {
		font-size:3em;
	}
}


/* countries */
.countries-list .content_wrapper {
	columns:2;
}
.countries-list ul {
	display:block;
	list-style:none;
	margin:0 0 1.5em;
	padding:0;
	line-height:1.25;
}
.countries-list li {
	margin:0;
	padding:0 0 0.5em 0;
	break-inside:avoid;
}
.countries-list h2,
.countries-list h3 {
	margin:0 0 0.2em;
	font-size: 1.25em;
	text-align:inherit;
	color:inherit;
}
@media (min-width:48em) { 
	.countries-list .content_wrapper {
		columns:4;
	}
} 
/* END countries */

.page-title {
	text-align:center;
}
.page-title h2 {
	font-size:4em;
}

/* Contact us -- based on old KSTL form */
main #KSTL-ContactUs-main .writeus {
	min-height:2em;
}
main #KSTL-ContactUs-main .writeus p {
	white-space:pre;
}
main #KSTL-ContactUs-main .box-bordered {
	border:0.15em solid #EA002A;
}
main #KSTL-ContactUs-main .box-header {
	background:#EA002A;
	margin:-0.15em;
}
main #KSTL-ContactUs-main .box-header h2 {
	color:#fff;
	text-align:left;
	font-size:2em; 
}
main #KSTL-ContactUs-main fieldset input, 
main #KSTL-ContactUs-main fieldset textarea {
	width:100%
}
main #KSTL-ContactUs-main fieldset select {
	max-width:100%;
}
.kstl-contactus {
	max-width:58em;
	margin:0 auto;
}
.contact-intro {
	max-width:50em;
	margin:2em auto;
}
.contact-intro h2 {
	font-size:4em;
	line-height:0.8;
	margin-top: 0;
}
.contact-extra .content_wrapper {
	max-width:48em;
	text-align:center;
	margin:0 auto;
}
.contact-extra p {
	text-align:left;
	margin:1rem 0;
}
.contact-preliminary {
	max-width: 61em;
	margin: auto auto 2em;
}
.contact-preliminary .content_wrapper {
	display: flex;
	flex-wrap: wrap;
}
.contact-preliminary-option {
	border: 0.15em solid #EA002A;
	flex-basis: 100%;
	margin: 0 0 1em 0;
}
.contact-preliminary-title {
	background: #EA002A;
	padding: .5em;
	margin:-0.15em -0.15em 0;
	font-size:80%;
}
.contact-preliminary-title h2 { font-size:2em; color: #fff;margin: 0;text-align: center;}
.contact-preliminary-content {
	padding: 0 1em 1em;
	text-align: center;
}
.contact-preliminary-content p {
	text-align: center;
}

@media (min-width:68em) { 
	.contact-preliminary .content_wrapper {
		flex-wrap: nowrap;
	}
	.contact-preliminary-option {
		flex-basis: 33%;
		margin: 0 .5em;
	}
	.contact-preliminary-content p {
		min-height: 4.5em;
	}
} 

@media print {
	@page {
		size: 68em 90em;
		margin: 2em;
	}
	* { 
		color:black !important;
	}
	.tns-controls button[data-controls] {
		color:transparent !important;
	}
	header {
		background:#fff;
		outline:none;
		border-bottom: 0.15em solid black;
	}
	.nav--container {
		background:#fff;
	}
	.searchicon span:after {
		height:0;
		border-top:0.15em solid black;
		border-bottom:0.15em solid black;
	}
	.button-cta {
		border:0.15em solid black;
		background:#fff;
	}
	.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;
	}
	.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;
	}
	.footer-nav--main li:first-child a::before {
		content:url(../images/site/logo-pringles-v2.svg);
		background:none;
		width:6em;
		height:auto;
	}
	.promotion--flavorstacks .promotion--flavorstacks-graphic::before {
		content: url(../images/fpo-home/flavorstacking-cans-mobile.png);
		background:none;
		transform-origin: 10% 50%;
		transform: scale(0.85) translate(0,-60%);
	}
}

/* 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;
}
@media (max-width:48em) {
	#KSTL-ContactUs-main .callus { background-size:contain; }
}
/* END Shim for contact form checkboxes + labels that are in the wrong order */

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

.bv_main_container{
	justify-content: center;
}

/* rick and morty */
.hero--rickandmorty-home {
	width:160%;
	background:grey;
	overflow:hidden;
	margin-left:-38%;
	margin-bottom:-6em;
	position:relative;
	z-index:1; 
	height:0;
	padding-top:66%;
	min-height: 0;
	max-height: none;
}
.hero--rickandmorty-home::after {
	content: '';
	display: block;
	position: absolute;
	left: 0%;
	right: 0%;
	bottom: -1em;
	z-index: 1;
	border-right: 80vw solid #f29c00;
	border-left: 80vw solid #f29c00;
	border-bottom: 1em solid #f29c00;
	border-top: 15vw solid transparent;
	filter: drop-shadow(0px -0.25em 0px rgba(0,0,0,0.2));
}
.hero--rickandmorty-home > section {
	width:62.5%;
	position:absolute;
	background:transparent;
	left:18.75%;
	top:0;
}
.hero--rickandmorty-home > section iframe {
	opacity:0.001;
	transition:opacity 0.1s;
	height: 200%;
	top:-50%;
	width: 149%;
	left: -24.5%;
}
.hero--rickandmorty-home video {
	position:absolute;
	top: -.5%;
	width: 149%;
	left: -24.5%;
	height: 101%;
}
.hero--rickandmorty-home > section::after {
	position:absolute;
	content:'';
	display:block;
	bottom:0;
	left:0;
	right:0;
	top:0;
	background:rgba(0,0,0,0);
}
.hero--rickandmorty-home > section iframe.playing {
	opacity:1;
}
.hero--rickandmorty-home > section > img,
.hero--rickandmorty-home > section > picture img {
	max-height: none;
	height: 101%;
	min-width: 0;
}
.hero--rickandmorty-home iframe {
	position:absolute; top:0; right:0;
}
.hero--rickandmorty-home::before {
	display:none;
}
.hero--rickandmorty-home::before {
	border-radius:0; 
}
.hero--rickandmorty-home + .promotion--wavy {
	padding-top:8em;
}
.hero--rickandmorty-home + .promotion--wavy::before {
	border-radius:0 0 100% 100%;
}
.hero--rickandmorty-home .button-cta {
	position: absolute;
	left: 87%;
	top: 80%;
	width: 8em;
	min-width: 0;
	margin-left: -4.5em;
	margin-top: -2em;
	z-index: 2;
	font-size: 0.75em;
}
.hero--rickandmorty-home .biglink {
	position: absolute;
	left: 0;
	right: -25%;
	bottom:0;
	top:0;
	z-index:2;
}


.section--in-viewport .promotions--rickandmorty .promotions-description::before {
	content: '';
	display: block;
	width: 87%;
	position: absolute;
	top: 7em;
	bottom: 2em;
	margin-top: 12%;
	left: 0;
	background: url(../images/promotions/2020_q1_rickandmorty/rightmorty2.gif) center bottom / auto 100% no-repeat;
}
.rm-stacking-portal {
	width: 55%;
	padding-top: 55%;
	position:absolute;
	left:50%;
	top: 53%;
	margin: -27.5%;
	will-change:transform, opacity, filter;
	transform:scale(0.33);
	opacity:0;
}
.rm-stacking-portal > div {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}
.rm-stacking-portal--enabled {
	transform:scale(1);
	opacity:1;
	transition:transform 0.1s,opacity 0.05s
}
.rm-stacking-portal--enter {
	animation:portal_enter 1.3s  forwards;
	z-index:2;
}
.rm-stacking-portal > div::before {
	content:'';
	display:block;
	width:100%;
	height:100%;
	background:url(../images/promotions/2020_q1_rickandmorty/portal-1.svg) 0 0 / 100% 100% no-repeat;
}
.rm-stacking-portal > .rm-stacking-portal-layer-1::before {
	animation:portalrotate 4s linear infinite;
}
.rm-stacking-portal > .rm-stacking-portal-layer-2::before {
	background-image:url(../images/promotions/2020_q1_rickandmorty/portal-2.svg);
	animation:portalrotate 9s linear infinite;
}
@keyframes portalrotate {
	0% { transform:rotate(0deg); } 
	33.3% { transform:rotate(120deg); } 
	66.6% { transform:rotate(240deg); } 
	100% { transform:rotate(359deg); } 
}

.promotions--rickandmorty .promotions-description {
	top:0;
	right:0;
	left:0;
	bottom:0;
	position:absolute; 
	z-index:1;
	padding:12% 1em;
	color:#f9db4d;
}
.promotions--rickandmorty h3, 
.promotions--rickandmorty h4 {
	text-shadow:0.2500rem 0.0000rem 0 #000,0.2415rem 0.0647rem 0 #000,0.2165rem 0.1250rem 0 #000,0.1768rem 0.1768rem 0 #000,0.1250rem 0.2165rem 0 #000,0.0647rem 0.2415rem 0 #000,0.0000rem 0.2500rem 0 #000,-0.0647rem 0.2415rem 0 #000,-0.1250rem 0.2165rem 0 #000,-0.1768rem 0.1768rem 0 #000,-0.2165rem 0.1250rem 0 #000,-0.2415rem 0.0647rem 0 #000,-0.2500rem 0.0000rem 0 #000,-0.2415rem -0.0647rem 0 #000,-0.2165rem -0.1250rem 0 #000,-0.1768rem -0.1768rem 0 #000,-0.1250rem -0.2165rem 0 #000,-0.0647rem -0.2415rem 0 #000,-0.0000rem -0.2500rem 0 #000,0.0647rem -0.2415rem 0 #000,0.1250rem -0.2165rem 0 #000,0.1768rem -0.1768rem 0 #000,0.2165rem -0.1250rem 0 #000,0.2415rem -0.0647rem 0 #000;
}

.promotions--rickandmorty h3 {
	color:#f9db4d;
	margin:0;
	font-size:10.5vw;
}
.promotions--rickandmorty h4 {
	font-size:1.55em;
	margin:0.33em 0;
	font-size:4vw;
}

@media (min-width:48em) {
	.hero--rickandmorty-home {
		padding-top:44.75%;
		margin-left:-30%;
	}
	.hero--rickandmorty-home .button-cta {
		left: 75%;
		top: 80%;
		font-size:1.25rem;
	}
	.hero--rickandmorty-home > section iframe {
		left:-0.5%;
		width: 101%;
	}
	.hero--rickandmorty-home video {
		left: -.5%;
		width: 101%;
	}
	.promotions--rickandmorty h3 {
		font-size:2.8em;
	}
	.promotions--rickandmorty h4 {
		font-size:1.09em;
	}
}
@media (min-width:75em) {
	.hero--rickandmorty-home {
		padding-top:44.75%;
	}
	.hero--rickandmorty-home + .promotion--wavy::before {
		top: 0;
		bottom: 33%;
	}
	.promotions--rickandmorty h3 {
		font-size:4em;
	}
	.promotions--rickandmorty h4 {
		font-size:1.55em;
	}
}

/* END rick and morty */

/* Spanish Page */

.hero--spanish {
	background: rgb(198, 37, 56);
	background: radial-gradient(circle, rgb(234 0 42) 8%, rgb(181 0 32) 62%);
	height: auto;
	min-height: 20em;
	overflow: hidden;
	position: relative;
	padding: 2em 0 0;
}

.hero--spanish section,
.spanish--flavorstacks section,
.los-stacks section,
.donde-comprar section {
	margin: 0;
}

.hero--spanish h2 {
	color: #fff;
	font-size: 7vw;
	text-transform: uppercase;
	text-align: left;
}

.hero--spanish h3 {
	color: #fff;
	font-size: 8vw;
	text-transform: uppercase;
	text-align: left;
	background-color: #FBD620;
	text-shadow: 2px 2px 1px #EA002A;
	padding: .25em .5em .25em 4em;
	margin: 0 0 0 -4em;
	display: inline-block;
	border-radius: 10px;
}

.hero--spanish img {
	margin: 0 auto
}

.spanish--flavorstacks::before {
	background: url(../images/site/swoosh_a_top_blue.svg) 0 0 / 100% auto no-repeat;
	bottom: auto;
	content: '';
	height: 15vw;
	display: block;
	position: relative;
	width: 100%;
	margin-top: -14vw;
}

.spanish--flavorstacks-text {
	text-align: center;
}

.spanish--flavorstacks-text img {
	margin: 0 auto;
}

.spanish--flavorstacks {
	background-color: #3199C9;
	padding: 0 0 2em 0;
}

.spanish--flavorstacks h2 {
	color: #fff;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	background-color: #FBD620;
	text-shadow: 2px 2px 1px #EA002A;
	padding: .25em;
	margin: 0 auto;
	display: block;
	border-radius: 10px;
	width: 80%;
}

.spanish--flavorstacks h3 {
	color: #fff;
	font-size: 1.25em;
	text-transform: uppercase;
	text-align: center;
}

.spanish--flavorstacks p {
	color: #fff;
}

.spanish--flavorstacks h4 {
	color: #fff;
	font-weight: 600;
	font-size: 2em;
	text-transform: uppercase;
	background-color: #FBD620;
	text-shadow: 2px 2px 1px #EA002A;
	padding: .25em;
	margin: 1em auto 1em;
	display: block;
	border-radius: 5px;
	width: 60%;
}

.spanish--flavorstacks .plussign {
	font-weight: 600;
	color: #fff;
	font-size: 3em;
	text-align: center;
	margin: 0
}

.spanish--flavorstacks .equalsign {
	font-weight: 600;
	color: #fff;
	font-size: 3em;
	text-align: center;
	margin: 0
}

.los-stacks {
	overflow: hidden;
	position: relative;
	padding: 2em 0 6em;
	margin-bottom: 0em;
	text-align: center;
	background-color: #3199C9;
}

.los-stacks::before {
	content: '';
	display: block;
	background: #C62538;
	border-radius: 100%;
	border-top-left-radius: 130% 130%;
	border-top-right-radius: 130% 130%;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	position: absolute;
	top: 25%;
	left: -0%;
	right: -0%;
	bottom: 25%;
	transform: scale(2);
}

.los-stacks p {
	color: #fff;
	margin:1em 0;
}

.los-stacks h2 {
	color: #fff;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	background-color: #FBD620;
	text-shadow: 2px 2px 1px #EA002A;
	padding: .25em;
	margin: 0 auto;
	display: block;
	border-radius: 10px;
	width: 80%;
}

.los-stacks h3 {
	color: #fff;
	font-size: 1.25em;
	text-transform: uppercase;
}

.los-stacks-text {
	position: relative;
}

.los-stacks-text img {
	width: 60vw;
	max-width: 100%;
	margin: 0 auto;
}
.los-stacks .button-cta,
.nuestros-productos .button-cta {
	margin-bottom:1em;
}

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

.tns-controls button[data-controls="next"]::before,
.tns-controls button[data-controls="next"]::after {
	left: 2em;
}

.tns-nav button.tns-nav-active {
	color: #FBD620;
}

.tns-nav button {
	color: #fff;
}
.nuestros-productos::before {
	background: #c62538 url(../images/site/swoosh_a_top_es-white.svg) 0 0 / 100% auto no-repeat;
	bottom: auto;
	content: '';
	height: 10.5vw;
	display: block;
	width: 100%;
}

.nuestros-productos h2 {
	color: #fff;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	background-color: #FBD620;
	text-shadow: 2px 2px 1px #EA002A;
	padding: .25em;
	margin: .5em auto;
	display: inline-block;
	border-radius: 10px;
	width: 80%;
}

.nuestros-productos-text {
	text-align: center;
}

.nuestros-productos-text img {
	margin: 1em auto;
}

.donde-comprar::before {
	background: #fff url(../images/site/swoosh_a_top_es-green.svg) 0 0 / 100% auto no-repeat;
	bottom: auto;
	content: '';
	height: 15vw;
	display: block;
	position: relative;
	width: 100%;
}

.donde-comprar {
	background-color: #69B544;
}

.donde-comprar h2 {
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	background-color: #FBD620;
	text-shadow: 2px 2px 1px #EA002A;
	padding: .25em;
	margin: .5em auto;
	display: inline-block;
	border-radius: 10px;
	width: 80%;
}

.donde-comprar p {
	color: #fff;
}

.preguntas-frecuentes::before {
	background: url(../images/site/swoosh_a_top_es-white.svg) 0 0 / 100% auto no-repeat;
	bottom: auto;
	content: '';
	height: 14vw;
	display: block;
	position: relative;
	width: 100%;
	/* top: -14vw; */
	margin-top: -14vw;
}

.preguntas-frecuentes h2 {
	color: #fff;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	background-color: #FBD620;
	text-shadow: 2px 2px 1px #EA002A;
	padding: .25em;
	margin: .5em auto;
	display: inline-block;
	border-radius: 10px;
	width: 80%;
}

.preguntas-frecuentes h3 {
	color: #DF3134;
	text-align: left;
	text-transform: uppercase;
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1em;
	margin: 0 0 .5em;
}

.preguntas-frecuentes p {
	text-align: left;
	font-size: 1em;
	margin: 0 0 1.5em;
}

.spanish-kfr {
	overflow: hidden;
	position: relative;
	padding: 2em 0 2em;
	text-align: center;
	background-color: #fff;
	margin-bottom: -5px;
	box-shadow: 0 5vw 0 #f0f0f0, 0 10vw 0 #f0f0f0, 0 15vw 0 #f0f0f0, 0 20vw 0 #f0f0f0;
}

.spanish-kfr::before {
	content: '';
	display: block;
	background: #F0F0F0;
	border-radius: 100%;
	border-top-left-radius: 130% 130%;
	border-top-right-radius: 130% 130%;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	position: absolute;
	top: 17%;
	left: -0%;
	right: -0%;
	bottom: -25%;
	transform: scale(1.25);
}

.spanish-kfr section {
	position: relative;
	text-align: center
}

.spanish-kfr-text {
	text-align: center
}

.spanish-kfr h2 {
	color: #EA002A;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	border-radius: 10px;
}

.spanish-kfr img {
	width: 8em;
	margin: 0 auto
}

.dottedheader {
	display: flex;
	text-align: center;
}

.dotted-line {
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	top: -10px;
}

.dotted-line:before {
	content: "..............................";
	letter-spacing: 6px;
	font-size: 40px;
	color: #fff;
	display: inline;
	vertical-align: top;
	top: 10px;
}

.dottedheader h3 {
	white-space: nowrap;
	padding: 0 1em;
}

.spanish footer {
	overflow: hidden;
	position: relative;
	background-color: #F0F0F0;
}

@media (min-width:48em) {
	.hero--spanish h2 {
		font-size: 4vw;
	}
	.hero--spanish h3 {
		font-size: 5vw;
	}
	.hero--spanish img:first-of-type {
		position: absolute;
		left: 60vw;
		top: 0;
		width: 34vw;
		max-width: 400px;
	}
	.hero--spanish img:nth-of-type(2) {
		margin: 5vw 0 0;
	}
	.spanish--flavorstacks h2,
	.los-stacks h2,
	.nuestros-productos h2,
	.donde-comprar h2,
	.preguntas-frecuentes h2 {
		font-size: 4em;
		display: inline-block;
	}
	.spanish--flavorstacks h3,
	.los-stacks h3 {
		font-size: 2.5em;
	}
	.spanish--flavorstacks-text p {
		font-size: 1.5em;
		width: 30%;
		display: inline-block;
		vertical-align: middle;
	}
	.spanish--flavorstacks-text>img {
		display: inline-block;
		vertical-align: middle;
		width: 30vw;
		max-width: 400px;
		margin: 0 0 0 2em;
	}
	.spanish--flavorstacks-text .stacksteps {
		display: flex;
		align-items: center;
	}
	.stacksteps div {
		padding: 2vw;
		width: 50%;
	}
	.stacksteps p {
		width: 100%
	}
	.spanish--flavorstacks-text h4 {
		display: inline-block;
		padding: .25em .5em;
	}
	.stacksteps .plussign {
		width: auto;
		font-size: 6em;
	}
	.spanish--flavorstacks .equalsign {
		display: block;
		width: 100%;
		font-size: 6em;
	}
	.los-stacks-text img {
		width: 100%;
		max-width: 300px;
	}
	.los-stacks p,
	.donde-comprar p,
	.preguntas-frecuentes p,
	.spanish-kfr p {
		font-size: 1.5em;
	}
	.los-stacks {
		padding: 2em 0 9em;
	}
	.donde-comprar img {
		width: 40%;
		max-width: calc(25vw + 20em);
		margin: 0em 0 0;
	}
	.preguntas-frecuentes h3 {
		font-size: 2em;
	}
	.spanish-kfr h2 {
		font-size: 3em;
	}
	.nuestros-productos {
		/* padding-bottom: 10em; */
	}
	.dotted-line {
		top: -2px;
	}
}

@media (min-width:64em) {
	.los-stacks {
		padding: 2em 0 6em;
	}
}

@media (min-width:75em) {
	.hero--spanish h2 {
		font-size: 3.5em;
	}
	.hero--spanish h3 {
		font-size: 4em;
	}
	.hero--spanish img:nth-of-type(2) {
		margin: 5vw 0 3vw calc(10em - 15vw);
	}
}



/* Pricespider overrides */
.ps-wtb .ps-product-details > h1.ps-product-name{
	font-family: 'rooney-sans';
	font-weight:bold; 
	word-spacing: 0;
}
.ps-wtb .ps-ribbon > div > label,
.ps-wtb .ps-ribbon > div > span,
.ps-wtb .ps-product-selector > div > select,
.ps-wtb .ps-product-selector > div > .single {
	font-family: 'rooney-sans';
}

/* icon font for social media */



/* Icons

 Note: This is not used much currently but it is the best way to load icons. We created an icon font with a tool like icomoon (https://icomoon.io/) and embedded these icons in this css as a base64-ecoded woff font. This way nets ZERO additional server requests to load your icons.  */
@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 {
	text-decoration:none;
    margin: 1em .25em;
}

.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: 1em;
	position:relative;
}

.social_icons a[href*="twitter.com"]:before,
.social_icons a[data-tracking*="twitter-com"]:before,
.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
}
@media (min-width:48em) {
	.nav--secondary .link--where-to-buy::before,
	.nav--secondary .link--where-to-buy-dotter::before,
	.nav--secondary .link--promotions::before {
		font-family: icomoon!important;
		font-size:1.75em;
		content: "\e908";
		display:inline-block;
		vertical-align:top;
		margin:-0.35em 0.2em -0.5em -0.15em;
	}
	.nav--secondary .link--promotions::before {
		content: "\e90f";
	}
}

/*FAQ*/

.faq {
    max-width: 60em;
    margin: 2em auto 4em;
    text-align: center;
}

.faq-question label {
    font-size: 1.875em;
    font-weight: bold;
    color: #EA002A;
    padding: 0.8em 2em 0.6em 0.4em;
    margin: 0 -0.4em;
    line-height: 1;
    cursor: pointer;
}

.faq-answer {
    padding: 0 2em;
}

.faq-answer::after {
    content: '';
    display: block;
    height: 2em;
}

input:checked + .faq-answer, input:checked ~ .faq-answer {
    max-height: none;
}

.faq input:focus + label {
    outline:2px solid #ffb100
}

.faq-question {
    border-bottom-width: thin;
}

.faq-wrapper {
    text-align: left;
    margin-bottom: 2em;
}

.faq-question label::before {
    content: '';
    display: block;
    font-size: 1em;
    position: absolute;
    right: 0;
    top: 50%;
    right: 0.5em;
    margin-top: -0.5em;
    width: 0;
    height: 0;
    border-radius: 0;
    border: none;
    border-style: solid;
    border-width: 0 0 0.5em 0.5em;
    border-color: transparent transparent currentcolor transparent;
    transform: rotate(45deg);
    transition: transform 0.1s 0.2s, margin 0.1s 0.2s;
}

.faq-question input:checked + label::before {
    content: '';
    margin-top: -0.2em;
    transform: scaley(-1) rotate(45deg);
    transition: transform 0.1s, margin 0.1s;
}




.k1p-loading-logo {
    background: currentcolor url(kellogg-k.svg) center / 60% auto no-repeat;
    box-shadow: 0 0 0 0.15em #fff;
    padding: 0.33em;
    margin: 0.67em;
}



.k1p-promo-step .button-cta {
    padding: 0.75em 0.5em 0.6em;
}



.kfr-tout--sticky { display:none; }

.social_icons a span[class] {
    display: none;
    visibility: visible;
    font-size: 0.8rem;
    width: auto;
    padding: 0.2em 0.5em;
    left: 50%;
    transform: translate(-50%,0);
    margin: 0;
    bottom: -1.6em;
    background: #000;
    font-weight: normal;
    position: absolute;
    border-radius: 0.25em;
    white-space: nowrap;
    top: 100%;
    color: #fff;
    pointer-events: none;
    bottom: auto;
}

sup {
    font-size: 83%;
    position: relative;
    vertical-align: baseline;
    top: -.15em;
}

/* site specific for pringles site */
/* https://stage65-engage.pringles.com/ca/fr/welcome.html */

.simple-signup>.simple-signup {
    max-width: 71em;
    width: calc(100% - 2em) !important;
    border: none !important;
    z-index: auto !important;
}
.form-outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.form-inner {
    width: calc(50% - 15px);
}
.simple-signup input[type=password], .simple-signup input[type=email], .simple-signup input[type=number],
.simple-signup input[type=date], .simple-signup input[type=month], .simple-signup input[type=tel],
.simple-signup input[type=text], .simple-signup input[type=search], .simple-signup textarea{
    border: 1px solid #2f2f2f !important;
    max-width: 100%;
    width: 100%;
    height: 50px;
    margin-bottom: 0;
    box-sizing: border-box;
}
.captcha-section {
    margin-bottom: 0;
    text-align: center;
}
.captcha-section ~ .simple-signup-error-form {
    text-align: center;
}
.captcha-section fieldset {
    border: 0;
    display: inline-block;
    margin: 0;
}
#simple-signup-wrapper-ContinueButton{
    margin-top: 0;
}
.signup-button, .rv7-promo-thankyou{
    text-align: center;
}
.signup-privacypolicy-input,
.subscription input{
    position: static !important;
}
.signup-privacypolicy-input{
    margin-right: 10px;
}
.label-after{
    margin-left: 0 !important;
}
.simple-signup input[type=month] {
    padding: 0 1em;
}

.rv7-loader{
    text-align: center;
}
.loader-img{
    display: inline-block;
}
 
@media only screen and (max-width: 768px) {
    .simple-signup>.simple-signup{
        padding: 15px 0 !important;
    }
    .form-outer{
        gap: 0;
        flex-direction: column;
    }
    .form-inner {
        width: calc(100% - 30px);
    }
}