/* Fonts  */

/* 200 */
@font-face {
	font-family: 'Andes';
	src: url('../fonts/subset-AndesUltraLight.woff2') format('woff2'),
		url('../fonts/subset-AndesUltraLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Andes';
	src: url('../fonts/subset-AndesUltraLight-Italic.woff2') format('woff2'),
		url('../fonts/subset-AndesUltraLight-Italic.woff') format('woff');
	font-weight: 200;
	font-style: italic;
}
/* 300 */
@font-face {
	font-family: 'Andes';
	src: url('../fonts/subset-AndesLight.woff2') format('woff2'),
		url('../fonts/subset-AndesLight.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Andes';
	src: url('../fonts/subset-AndesLight-Italic.woff2') format('woff2'),
		url('../fonts/subset-AndesLight-Italic.woff') format('woff');
	font-weight: 300;
	font-style: italic;
}
/* 400 */
@font-face {
	font-family: 'Andes';
	src: url('../fonts/subset-Andes.woff2') format('woff2'),
		url('../fonts/subset-Andes.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Andes';
	src: url('../fonts/subset-Andes-Italic.woff2') format('woff2'),
		url('../fonts/subset-Andes-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
}
/* 600 */
@font-face {
	font-family: 'Andes';
	src: url('../fonts/subset-AndesSemiBold.woff2') format('woff2'),
		url('../fonts/subset-AndesSemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Andes';
	src: url('../fonts/subset-AndesSemiBold-Italic.woff2') format('woff2'),
		url('../fonts/subset-AndesSemiBold-Italic.woff') format('woff');
	font-weight: 600;
	font-style: italic;
}

/* 700 */
@font-face {
	font-family: 'Andes';
	src: url('../fonts/subset-AndesBold.woff2') format('woff2'),
		url('../fonts/subset-AndesBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Andes';
	src: url('../fonts/subset-AndesBold-Italic.woff2') format('woff2'),
		url('../fonts/subset-AndesBold-Italic.woff') format('woff');
	font-weight: bold;
	font-style: italic;
}

/* 900 */
@font-face {
	font-family: 'Andes';
	src: url('../fonts/subset-AndesBlack.woff2') format('woff2'),
		url('../fonts/subset-AndesBlack.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Andes';
	src: url('../fonts/subset-AndesBlack-Italic.woff2') format('woff2'),
		url('../fonts/subset-AndesBlack-Italic.woff') format('woff');
	font-weight: 900;
	font-style: italic;
}

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


html {
	font-family:Andes;
	
}
body {
	overflow:hidden;
}

/* Navigation */

header {
	background:#DA2037;
	outline: 0.15em solid #fff;
}
.header-logo {
	background:transparent;
	display:inline-block; 
	height:100%;
	padding:0;
	vertical-align:middle;
	width:6em;
}
.header-logo img{
	display:block;
	height:100%;
	margin:0 auto;
}
.navicon {
	
}
.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;
}
.nav--container {
	background:#DA2037;
}
.nav--featured {
	font-family:AndesCondensed;
	font-weight:bold; 
	text-transform:uppercase;
	padding:0 0.5em;
}
.nav--featured a {
	color:#DA2037;
	padding:0.5em;
}
.nav--featured a:hover {
	color:#ad1a2b;
	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: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;
}



/* 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:transparent;
	}
	
	.nav--container::before,
	.nav--container::after {
		content:'';
		display:block;
		padding-top:25vw;
		padding-bottom:25vw;
		border-radius:100%;
		border-top-left-radius:100% 50%;
		border-top-right-radius:80% 80%;
		border-bottom-left-radius:100% 50%;
		border-bottom-right-radius:100% 50%;
		position:absolute;
		width:102vw;
		left:-1vw;
		bottom:8em;
	}
	.nav--container::before {
		background:#342E2F;
		margin-bottom:-0vw;
	}
	.nav--container::after {
		margin-bottom: -25vw;
		box-shadow: 20.1vw 20.1vw 0 20vw #342E2F;
		border-radius: 0 0 200% 0%;
		padding-bottom: 0;
		left: 50vw;
		width: 50vw;
		transform: scaley(-1);
	}
	.nav--container nav {
		background:#342E2F;
	}
	.nav--container .nav--secondary {
		border-radius: 0 0 100% 100%;
		box-shadow:-2em 0 0 0.1em #342e2f, 2em 0 0 0.1em #342e2f;
		z-index:auto;
	}
	.nav--mobile-extras {
		position:relative;
		z-index:2;
	}
	.nav--container .nav--main {
		z-index:2;
		box-shadow:0 -2em 0 2em #342e2f;
	}
	main {
		transition:opacity 0.2s;
	}
	.mobile-menu--active main {
		pointer-events:none;
		opacity:0.8;
	}
	
	.mobile-menu--active .nav--container {
		padding:2em 0 10em;
	}
	.mobile-menu--active .header-logo img {
		transform:scale(1.6);
	}
	.nav--main ul ul {
		font-weight:300;
	}
	
	nav li a img {
		display:none;
	}
}
@media (max-width:47.95em) and (max-height:34em) {
	.nav--container {
		background:#342E2F;
		height: calc(100vh - 5.5em);
	}
	.nav--container::before, 
	.nav--container::after {
		display:none;
	}
}
@media (max-width:47.95em) and (min-aspect-ratio:10/7) {
	
	html {
		font-size:3vh;
	}
	#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 {
		background:#342E2F;
		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 (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) {
	
	.header-logo {
		margin-left:-1em;
		margin-right:-0.5em;
	}
	
	.nav--main ul div {
		background:#ad1a2b;
	}
	.nav--main,
	.nav--featured,
	.nav--secondary {
		font-family:AndesCondensed;
		font-weight:bold; 
	}
	.nav--main > ul > .nav-item--current::after,
	.nav--main > ul > .nav-item--current-parent::after {
		background:currentColor;
		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 .li--where-to-buy a,
	.nav--secondary .li--promotions a,
	.nav--secondary .link--where-to-buy-dotter,
	.nav--secondary .link--promotions {
		padding-left:2em;
		position:relative;
	}
	/* Commenting this out to add the icons with img tags.  
	
	.nav--secondary .li--where-to-buy a {
		background:url(../images/site/icon-map-pin.svg) 0.33em center / auto 2em no-repeat
	}
	.nav--secondary .li--promotions a {
		background:url(../images/site/icon-coupon.svg) 0.33em center / auto 2em no-repeat
	} 
	*/
	.nav--secondary a img {
		width:1.5em;
		height:2em;
		position:absolute; 
		top: 0.25em;
		left:0.25em;
	}
}

/* largest size */
@media (min-width:68em) {
	.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;
		height:100%;
	}
	.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, 
footer::after {
	content:'';
	background: #da2037;
	box-shadow: 6vw 20vw 0 20vw #da2037;
	display:block;
	width: 56%;
	padding-top: 50%;
	position:absolute;
	top:3vw;
	margin-top: 9%;
	left: -8%;
	border-top-left-radius: 187% 100%;
	transform-origin:100% 0;
	transform: scalex(-1) rotate(22deg);
}
footer::before {
	border-bottom:5px solid  #da2037;
	border-right:2px solid  #da2037;
}
footer::after {
	transform: scaley(-1) rotate(22deg);
	background:transparent;
	box-shadow:-21vw -9vw 0 20vw #da2037;
	width: 47%;
	left: 0%;
}
footer {
	overflow:hidden;
	position:relative;
    margin-bottom: 0;
}
footer .content_wrapper {
	position:relative;
	background:#DA2037;
	box-shadow:20em 0 0 2em #DA2037, -20em 0 0 2em #DA2037, 0em 0 0 2em #DA2037;
	z-index:1;
	margin-top:28vw;
	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/site/logo-pringles.svg) center / contain no-repeat;
	top:-26vw;
	width: 26vw;
	height: 26vw;
	left:50%;
	margin-left:-13vw;
	position:absolute;
}
.legalcomponent  {
	padding-bottom:4.5em;
	position: relative;
	z-index: 1;
}
.page-specific-legal {
	overflow:hidden;
	padding: 0 1em;
}

footer .copyright{
    color: #fff
}

@media (min-width:48em) {
    .search-results {
    margin: 1em 0
}
	footer {
		padding-top:9vw;
	}
	footer::before{
		margin-top: 5%;
		width: 60%;
		left:-3%;
		transform: rotate(15deg);
		border-radius:0 0 0 80%; 
		border-top-left-radius: 100% 59%;
	}
	footer::after {
		margin-top: 4.75%;
		width: 47%;
		left: 9%;
		transform:scale(-1) rotate(15deg);
	}
	footer .content_wrapper {
		margin-top:8em;
	}
	.footer-nav--main li:first-child a::before {
		width: 6em;
		height: 7em;
		left:-0.66em;
		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, h1{
	font-family:"Pringles-SemiSerif";
	font-size: 2.8em;
	font-weight: 900;
	line-height:0.9;
	text-align:center;
	color:#da2037;
}
h3 {
	font-weight: 900;
	font-size:2em;
	line-height:0.9;
}


h1,h2,h3,h4,h5,h6, 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;
} 

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


/* Links and CTA Buttons */

a {
	color:#DA2037;
	text-decoration:none;
}
.button-cta {
	background:#DA2037;
	color:#fff;
	border-radius:2em;
	font-size:1.125rem;
	font-weight:600;
	text-align:center;
	min-width: 8em;
	padding:0.6em 1.5em 0.65em;
	transition:color 0.15s, background 0.15s;
}
.button-cta:hover {
	background:#ad1a2b;
}
.video-fullwidth  .ytplayer-wrapper {
	margin:0 -1em;
	height:auto;
}
.icon--player {
	color:#DA2037;
}
.ytplayer:hover .icon--player {
	color:#fff;
}
.ytplayer {
	opacity:0.8;
	pointer-events:none;
}
.yt-link-initialized {
	opacity:1;
	pointer-events:auto;
}
@media (min-width:48em) { 
	.icon--player {
		font-size:1em;
	}
	.button-cta {
		min-width:10em;
	}
	.video-fullwidth  .ytplayer-wrapper  {
		width:66.67%;
		margin:0 auto;
	} 
}

.nav--main li:hover > div {
	max-height:100vh !important;
}



/* 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:#da2037;
}
#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% - 10rem);
	}
}
/* 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 #DA2037;
	
}
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 #DA2037;
}

.menu-button:focus:hover,
.menu-button:active:hover,
.search-button:focus:hover,
.search-button:active:hover,
a:focus:hover,
a:active:hover {
	outline:none;
	box-shadow: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 {
	background: #DA2037;
	color:#fff;
}
.pagehero section {
	margin:0;
	background:transparent;
}


.pagehero::before {
	content: '';
	display: block;
	border-radius: 0 0 100% 100%;
	box-shadow:0 0 0 7em #fff;
	position: absolute;
	top: -50%;
	left: -0%;
	right: -0%;
	bottom: 50%;
	transform: scale(2);
	z-index:1;
}
.pagehero h1, .pagehero h2 {
	text-shadow:0.066em 0.066em 0 rgba(0,0,0,0.25);
	color:inherit;
}


.pagehero .content_wrapper {
}
/* "Get Stacking" Hero */
.hero--get-stacking {
	height:auto;
}
.hero--get-stacking::before {
	z-index:2;
}
.hero--get-stacking .rich-text  {
	padding: 10% 0 9em;
}
.hero--get-stacking h1, .hero--get-stacking h2  {
	font-size:20vmin;
	line-height:0.667;
	margin-bottom:0.33em;
	position:relative;
	z-index:3;
}
.hero--get-stacking .button-cta {
	position:relative;
	z-index:4;
	background:#fff;
	color:#DA2037;
}
.hero--get-stacking .button-cta:hover {
	background:#eee;
	color:#ad1a2b;
}
.hero--get-stacking h1 span, .hero--get-stacking h2 span {
	display:block;
}
.hero--sportsden-promo{
    height: 80vw;
    min-height: 0;
}
.hero--sportsden-promo h1{
    display: none;
    visibility: hidden;
}
.hero--sportsden-promo img{
    width: 100%;
    margin: 0 auto;
}
.hero--sportsden-promo a{
    display: block
}
.hero--sportsden-promo a picture:focus{
    outline: 2px solid #ffb100;
}
.hero--sportsden-promo a img:focus{
    outline: 2px solid #ffb100;
}
.hero--sportsden-promo a:focus{
    outline: 2px solid #ffb100;
}
.hero--sportsden-promo p a{
    color: #fff;
    text-decoration: underline;
    display: inline-block;
}
.hero--sportsden-promo p{
    font-size: .8em;
}
.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;
}

@media (min-width:48em) { 
	.hero--get-stacking h1, .hero--get-stacking h2  {
		font-size:6em;
		position:relative;
		z-index:1;
	}
	.hero--get-stacking h1 span, .hero--get-stacking h2 span {
		display:block;
		opacity:0; 
		transform:translate(0,0.5em);
		transition:transform 0.18s linear, opacity 0.12s cubic-bezier(.45,.27,.84,.74);
	}
	.hero--get-stacking h1 span:nth-child(1), .hero--get-stacking h2 span:nth-child(1) {
		text-indent:-2.83em;
		transform:translate(0,-0.5em);
	}
	.hero--get-stacking .rich-text  {
		width:50%;
		padding: 5% 0 15% 50%;
	}
	
	.hero--get-stacking .section--in-viewport h1 span:nth-child(1), .hero--get-stacking .section--in-viewport h2 span:nth-child(1) {
		transition-delay:0.5s;
		transform:translate(0,0em);
		opacity:1;
	}
	.hero--get-stacking .section--in-viewport h1 span:nth-child(2), .hero--get-stacking .section--in-viewport h2 span:nth-child(2) {
		transition-delay:0.7s;
		transform:translate(0,0em);
		opacity:1;
	}
	.hero--get-stacking .crisps--wavy {
		width:7em;
		height:8em;
		position:absolute;
		bottom:-7em;
		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--wavy::before {
		background:url(../images/crisps/crisp-original.png) center bottom / contain no-repeat;
		animation: crispSpin 7.1s linear infinite;
	}
	.hero--get-stacking .section--in-viewport .crisps--wavy:nth-child(odd)::before{
		background:url(../images/crisps/crisp-bbq-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 .button-cta {
		opacity:0;
	}
	.hero--get-stacking .section--in-viewport .button-cta {
		transition:opacity 0.15s 1.33s;
		opacity:1;
	}
    .hero--game-promo section, .hero--game-promo-fr section{
	margin:0;
	background: url(../images/promotions/2020_q4/characters.png) 125% bottom / 59% no-repeat;
    }
    .hero--sportsden-promo{
    height: 42vw;
        max-height: 32em;
    }
}
@media (min-width:64em) { 
	.hero--get-stacking h1, .hero--get-stacking h2  {
		font-size:8em;
	}
}
@keyframes crispDrop  {
	0% { transform:translate3d(0,-40em,0); } 
	25% { transform:translate3d(1em,0,0);  }
	25.001% { transform:translate3d(1em,-40em,0); } 
	50% { transform:translate3d(1em,0,0);  }
	50.001% { transform:translate3d(-1em,-50em,0); } 
	75% { transform:translate3d(0em,0,0);  }
	75.001% { transform:translate3d(2em,-40em,0);  }
	100% { transform:translate3d(1em,0,0);  }
}
/* END "Get Stacking" Hero */



/*Game Promo Hero */

.hero--game-promo {
    background:url(../images/promotions/2020_q4/gamebackground.jpg) center bottom / cover no-repeat;
    min-height: 25em;
    height: 100vw;
    margin: 0 0 2em 0;
}

.hero--game-promo h1 {
    display: none;
    visibility: hidden;
}

.hero--game-promo .content_wrapper{
    background: url(../images/promotions/2020_q4/can-and-characters.png) center bottom / 100% no-repeat; 
}

.hero--game-promo .content_wrapper .rich-text {
    top: 0em;
    z-index: 1;
    vertical-align: top;
    text-align: center;
}

.hero--game-promo .content_wrapper .rich-text img {
    margin: 0 auto;
}

.hero--game-promo .content_wrapper .rich-text p{
    color: #fff;
    font-size: .8em;
    text-align: center;
    text-shadow: 2px 2px #000;
}

@media (min-width:48em) { 
    .hero--game-promo .content_wrapper{
   background: url(../images/promotions/2020_q4/can.png) left bottom / 27% no-repeat;
    
    }
    .hero--game-promo{
        height: 42vw;
        max-height: 25em;
    }
    
    .hero--game-promo .content_wrapper .rich-text{
        width: 44vw;
        margin: 1em 23vw 0 20vw;
    }
}

@media (min-width:64em) {
     .hero--game-promo .content_wrapper{
   background: url(../images/promotions/2020_q4/can.png) left bottom / 20% no-repeat;
    
    }
     .hero--game-promo .content_wrapper .rich-text{
            width: 36vw;
        margin: 1em 23vw 0 5vw;
    }
}


/* END "GAME" Hero */



/*Game Promo Hero FR*/

.hero--game-promo-fr {
    background:url(../images/promotions/2020_q4/gamebackground.jpg) center bottom / cover no-repeat;
    min-height: 25em;
    height: 100vw;
    margin: 0 0 2em 0;
}

.hero--game-promo-fr h1 {
    display: none;
    visibility: hidden;
}

.hero--game-promo-fr .content_wrapper{
    background: url(../images/promotions/2020_q4/can-and-characters_fr.png) center bottom / 100% no-repeat; 
}

.hero--game-promo-fr .content_wrapper .rich-text {
    top: 0em;
    z-index: 1;
    vertical-align: top;
    text-align: center;
}

.hero--game-promo-fr .content_wrapper .rich-text img {
    margin: 0 auto;
}

.hero--game-promo-fr .content_wrapper .rich-text p{
    color: #fff;
    font-size: .8em;
    text-align: center;
    text-shadow: 2px 2px #000;
}

@media (min-width:48em) { 
    .hero--game-promo-fr .content_wrapper{
   background:url(../images/promotions/2020_q4/can_fr.png) left bottom / 27% no-repeat;
    
    }
    .hero--game-promo-fr{
        height: 42vw;
        max-height: 25em;
    }
    
    .hero--game-promo-fr .content_wrapper .rich-text{
        width: 44vw;
        margin: 1em 23vw 0 20vw;
    }
}

@media (min-width:64em) {
     .hero--game-promo-fr .content_wrapper{
   background: url(../images/promotions/2020_q4/can_fr.png) left bottom / 20% no-repeat;
    
    }
     .hero--game-promo-fr .content_wrapper .rich-text{
            width: 36vw;
        margin: 1em 23vw 0 5vw;
    }
}


/* END "GAME" Hero FR*/



/* "Products" Hero */
.hero--products h1 {
    display: none;
    visibility: hidden;
}

.hero--products h2 {
	font-size:3.5em;
	margin:0;
	text-shadow: 0.066em 0.066em 0 #006f3a;
}
.hero--products h2 span {
	display:block;
}
.hero--products h2 span:nth-child(2) {
	font-size:110%;
}
.hero--products h2 span:nth-child(3) {
	display:block;
	font-size:150%;
}
@media (min-width:48em) { 
	.hero--products h2 {
		font-size:5em;
		line-height:0.75;
	}
	.hero--products h2 span {
		display:inline-block;
	}
}
/* END "Products" Hero */

/* "Promotions" Hero */
.hero--promotions h2 {
	font-size:5em;
	line-height:0.7;
}
.hero--promotions h2 .line-1 {
	display:block;
}
.hero--promotions h2 .line-3 {
	font-size:1.5em;
	padding-top:0.1em;
	display:block;
}
@media (min-width:48em) { 
	.hero--promotions h2 {
		font-size:8em;
	}
	.hero--promotions h2 .line-2,
	.hero--promotions h2 .line-3 {
		font-size:1.2em;
		display:inline;
	}
}
/* END "Promotions" Hero */

/* Some one-off hero rules */
.hero--products {
	min-height: 15em;
}
.hero--products--favorites {
	background: radial-gradient(circle at center, #fff1cb, #dca000);
}
.hero--products--wavy {
	background:#290135 ;
}
.hero--products--lighter-side {
	background: radial-gradient(circle at center, #ff7500, #c53d00);
}
.hero--products--onthego,
.hero--products--on-the-go {
	background: radial-gradient(circle at center, #f71c17, #5e0302);
}
.hero--products--mega {
	background: radial-gradient(circle at center, #ef5e9d, #af0556);
}
.hero--products--variety,
.hero--products--variety-packs {
	background: radial-gradient(circle at center, #1763b3, #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;
}
/* Flavor Stacking promotion -- full width */

.promotion--flavorstacks {
	position:relative;
	margin-top:0;
	text-align:center;
}
.promotion--flavorstacks h2 {
	color: #DA2037;
	font-size:16vmin;
	letter-spacing:0.03em;
	line-height:0.66;
}
.promotion--flavorstacks h2 strong{
	display:inline-block;
	font-size:133%;
	position: relative;
	top: 0.15em;
}
.promotion--flavorstacks .promotion--flavorstacks-graphic {
	position:relative;
	display:block;
	margin: -10em auto 0;
	width: 20em;
	max-width: 80%;
	z-index: 2;
}

.promotion--flavorstacks .promotion--flavorstacks-graphic::after {
	content:'';
	display:block;
	width: 100%;
	max-width: 100%;
	padding-top:115%;
	background:url(../images/fpo-home/flavorstacking-cans-mobile.png) center top / 100% auto	no-repeat;
	position:relative;
}

.promotion--flavorstacks .promotion--flavorstacks-graphic.french::after {
	background:url(../images/fpo-home/flavorstacking-cans-mobile-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:4em;
	}
	.promotion--flavorstacks .promotion--flavorstacks-graphic {
		width:50%;
		margin:-14em auto -6em;
		height: 32em;
	}
	.promotion--flavorstacks .promotion--flavorstacks-graphic::after  {
		margin: 0 auto;
		width:22em;
		background-image:url(../images/fpo-home/flavorstacking-cans.png);
	}
    .promotion--flavorstacks .promotion--flavorstacks-graphic.french::after  {
		background-image:url(../images/fpo-home/flavorstacking-cans-fr.png);
	}
	.promotion--flavorstacks .promotion--flavorstacks-text  {
		position:relative;
		padding: 0;
		width:50%;
	}
}

/* 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/crisps/crisp-original.png) center / contain no-repeat;
}
.promotion-crispcannon .crisps:nth-child(2n)::after {
	background:url(../images/crisps/crisp-bbq-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:2.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 {
	overflow:hidden;
	position:relative;
	padding:2em 0 6em;
	margin-bottom:-6em;
	text-align:center;
}
.promotion--wavy section {
	margin:0;
}

.promotion--wavy::before {
	content:'';
	display:block;
	background: radial-gradient(circle, #f07723, #DA2037, #DA2037);
	border-radius:100%;
	border-top-left-radius:130% 130%;
	border-top-right-radius:130% 130%;
	border-bottom-left-radius:130% 130%;
	border-bottom-right-radius:130% 130%;
	position:absolute; top:25%; left:-0%; right:-0%; bottom:25%;
	transform:scale(2);
	
}
.promotion--wavy .rich-text {
	position:relative;
}
.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 .line-2 {
	color:#000;
	display:inline-block;
	transform:rotate(-2deg);
	font-size:125%;
	padding-left:2%;
	margin-top:-0.2em;
}
.promotion--wavy h2 .line-2 strong {
	display:inline-block;
	transform:rotate(1deg) translate(0,-0.2em);
	font-size:66%;
}
.promotion--wavy .button-cta {
	background:#fff;
	color:#DA2037;
}
.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/fpo-home/product-wavy-mobile.png) center / auto 100% no-repeat;
	height:16rem; 
	width:20rem;
	margin-bottom:1em;
	top:5em; 
	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 14em;
		margin-bottom: -13em;
	}
	.promotion--wavy::before {
		left:10%;
		right:10%;
		
	}
	.promotion--wavy .rich-text {
		display:flex;
		align-content:center;
		justify-content: center;
	}
	.promotion--wavy .promotion--wavy-graphic {
		background:url(../images/fpo-home/product-wavy.png) center / auto 100% no-repeat;
		height: auto;
		width: 40%;
		max-width: 24em;
		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:40%;
		font-size:1.125rem;
		padding-top: 2em;
		padding-left: 2em;
	}
	.promotion--wavy p {
		color:#000;
	}
	.promotion--wavy h2 {
		padding-bottom:0;
	}
	
	.promotion--wavy .crisps {
		width: 49%;
		height: 49%;
	}
	.promotion--wavy .crisps--wavy:nth-child(1) {
		left: -13%;
		top: 9%;
		transform:translate(1em,1em)  rotate(27deg) scaley(0.6) scalex(0.6);
	}
	.promotion--wavy .crisps--wavy:nth-child(2) {
		left: 61%;
		top: 57%;
		transform:translate(-1em,1em)  rotate(4deg) scaley(0.6) scalex(-0.6);
	}
	.promotion--wavy .crisps--wavy:nth-child(3) {
		left: 0;
		top: 62%;
		transform:translate(1em,-1em)  rotate(-45deg) scaley(0.6) scalex(-0.6);
	}
	.promotion--wavy.section--in-viewport .crisps--wavy:nth-child(1) {
		transform: rotate(27deg) scaley(1) scalex(1);
	}
	.promotion--wavy.section--in-viewport .crisps--wavy:nth-child(2) {
		transform: rotate(4deg) scaley(1) scalex(-1);
	}
	.promotion--wavy.section--in-viewport .crisps--wavy:nth-child(3) {
		transform: rotate(-45deg) scaley(1) scalex(-1);
	}
}

/* END Wavy promotion -- full width */


/* Promotions Overview Page */


/* END Promotions Overview Page */


/* Multiple column Promotions */
.promotions-featured {
	text-align:center;
}
.promotions-featured h2 {
	color:#DA2037;
	font-size: 4em;
	position:relative;
}
.promotions-featured h2 span {
	display:block;
}
.promotions-featured h2 .line-1 {
	text-indent:-2em;
	font-size:80%;
}
.promotions-featured h2 .line-2 {
	text-indent:1em;
}
.promotions-featured .content_wrapper {
}
.promotions-featured-row {
	margin:0 -1.25em;
}
.promotions-featured-column {
	position:relative;
}
.promotions-featured .promotions-featured-column {
	display:block;
	position:relative;
	overflow: hidden;
	padding-bottom:4em;
    
}
.promotions-featured img {
	width: 100%;
	width:calc(100% - 0.5em);
	margin:0 0.25em;
}
.promotions-featured .promotions-featured-column::before {
	content:'';
	display:block;
	position:absolute;
	top: o;
	left: 15%;
	right: 15%;
	padding-top: 50%;
	border-radius: 100% 100% 0 0;
	box-shadow: 0 -11vw 0 10vw #fff;
	transform:scale(2);
	transform-origin:center 0;
}
.promotions-featured .rich-text {
	overflow: hidden;
} 
.promotions-description {
}
.promotions-description p {
	margin-bottom:2.5em;
}
.promotions--flavorstacking h3 span ,
.promotions--sadsmartdevice h3 span  {
	display:block;
}

.promotions--flavorstacking h3 span:nth-child(2),
.promotions--sadsmartdevice h3 span:nth-child(2)  {
	font-size:1.5em;
	
}
.promotions-description .button-cta {
	position:absolute;
	bottom:-0.7em;
	right:50%;
	transform:translate(50%,-50%);
}

.promotions--sadsmartdevice h3 span:nth-child(1) {
	text-indent:-0.25em;
}
.promotions--sadsmartdevice h3 span:nth-child(2) {
	text-indent:0.25em;
}
.promotions--kfr .promotions-description img {
	width: 50%;
	position: absolute;
	left:25%;
	top: 20%;
}
.promotions--kfr .promotions-description p {
	font-weight:700;
	position:absolute;
	top:65%;
	width:100%;
	margin-top:1em;
}
.promotions--kfr .promotions-description h3 {
	font-family:"Pringles-SemiSerif";
	position: absolute;
	top: 65%;
	left: 0;
	right: 0;
	color:#DA2037; 
	text-transform:uppercase;
	line-height:0.66;
	letter-spacing:0.025em;
	font-size: 2em;
	margin-top:-1em;
}
.promotions--kfr h3 span:last-child {
	font-size: 200%;
	top: -0.19em;
	position: relative;
	vertical-align: middle;
	text-transform:none;
}

.promotions--flavorstacking h3,
.promotions--sadsmartdevice h3  {
	font-size:3em;
	position: absolute;
	top: 5vw;
	text-align: center;
	left: 0;
	right: 0;
	color: #fff;
}

@media (min-width:48em) { 
	.promotions--kfr .promotions-description img {
	}
	.promotions--flavorstacking h3,
	.promotions--sadsmartdevice h3  {
		font-size:4em;
		position: absolute;
		top: 5vw;
		text-align: center;
		left: 0;
		right: 0;
		color: #fff;
	}
	.promotions--kfr .promotions-description h3 {
		font-size: 2.8em;
	}
	.promotions--kfr .promotions-description p {
		font-size:1em;
	}
	.promotions-featured .promotions-featured-column::before {
		top: 0;
		padding-top: 42%;
	}
    .promotions-featured .promotions-featured-column {
        padding-bottom:2em;

    }
}

/* END Multiple column Promotions */


/* Main KFR Promo */

.promotion--kfr h2 {
	color:#DA2037; 
	text-transform:uppercase;
	line-height:0.66;
	letter-spacing:0.025em;
}
.promotion--kfr p {
	margin:-1.66em 0 1em;
	font-size:1.25em;
	font-weight:700;
}
.promotion--kfr h2 span:last-child {
	display:block;
	font-size: 200%;
	top: -0.17em;
	position: relative;
	vertical-align: middle;
	text-transform:none;
}
@media (min-width:48em) { 
	.promotion--kfr h2 span:last-child {
		display:inline-block;
	}

	.promotion--kfr .rich-text {
		display:flex; 
		align-items:center;
		justify-content: center;
	}
	.promotion--kfr .promotion--kfr-graphic {
		margin:0 2em;
	}
	.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: "Pringles-SemiSerif";
	font-size: 2.8em;
	line-height: 0.9;
	text-transform:uppercase;
	color:#da2037;
}
@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 p {
	position:relative;
} 
.products-featured h2, 
.products-featured h3 {
	color:#DA2037;
	position:relative;
}
.products-featured h3 {
	font-size:2em;
}
.products-featured h2 {
	font-size:4em;
	line-height:0.8;
	margin-top: 0;
}
.products-featured h2 span {
	display:block;
}
.products-featured h2 .line-1 {
	text-indent:-3.5em;
	font-size:80%;
}
.products-featured .content_wrapper {
} 
.products-featured img {
	width:100%;
}
.product-category-back {
	font-weight:900;
	font-size:1.25em;
}
.product-category-description {
	margin-top:-100%;
	padding: 100% 2em 5em;
}
.product-category-description .button-cta {
	position:absolute; 
	right:50%; 
	transform:translate(50%,0);
}
.products-featured-row {
	margin:0 -1em;
}
.products-featured-row .product-primary-image {
	display:block;
	position:relative;
	overflow: hidden;
}

.products-featured-row .product-secondary-image  {
	display:block;
	position:absolute;
	z-index:3;
	width:66%;
	left:50%;
	transform:/* center it: */ translate(-50%,-100%) /* then: */ translatey(1em);
}
.products-featured-row .product-secondary-image img {
	width:100%;
}

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

@media (max-width:47.95em) {
	.product-category--favorites .product-primary-image::before,
	.product-category--wavy .product-primary-image::before,
	.product-category--onthego .product-primary-image::before,
	.product-category--on-the-go .product-primary-image::before,
	.product-category--mega .product-primary-image::before,
    .product-category--groovz .product-primary-image::before{
		content:'';
		display:block;
		position:absolute;
		top:25%;left:10%;right:20%;bottom:25%;
		border-radius:100% 100% 0 0;
		box-shadow:0 0 0 10vw #fff;
		transform:scale(2);
	}
	.product-category--favorites .product-category-description
    {
		background: url(../images/site/swoosh_d_top_white.svg) 0 58vw / 100vw 160vw no-repeat;
		position: relative;
	}

	.product-category--wavy .product-category-description,
	.product-category--onthego .product-category-description,
	.product-category--on-the-go .product-category-description,
    .product-category--groovz .product-category-description{
		background: url(../images/site/swoosh_c_top_white.svg) -10vw 58vw / 110vw 170vw no-repeat;
		position: relative;
		padding-top: 84%;
	}

	.product-category--wavy {
		margin-bottom: -1em;
	} 

	.product-category--favorites  .product-category-description {
		padding-top:84%;
	}

	.product-category--mega  .product-category-description {
		padding-top:84%;
	}

	.product-category--lighter-side  .product-category-description {
		padding-top:84%;
	}
	.product-category--variety .product-category-description,
	.product-category--variety-packs .product-category-description {
		padding-top:84%;
	}
	.product-category--lighter-side .product-primary-image::before, 
	.product-category--lighter-side .product-primary-image::after,
	.product-category--variety .product-primary-image::before, 
	.product-category--variety .product-primary-image::after, 
	.product-category--variety-packs .product-primary-image::before, 
	.product-category--variety-packs .product-primary-image::after, 
	.product-category--mega .product-primary-image::after
    {
		content:'';
		display:block;
		padding-top: 130%;
		position: absolute;
		pointer-events:none;
		bottom: 82%;
		width: 120%;
		background:url(../images/site/swoosh_a_bottom_white.svg) 0 bottom / 100% auto no-repeat;
		transform: rotate(-14deg);
		left: -20%;
	}
	.product-category--lighter-side .product-primary-image::after,
	.product-category--variety .product-primary-image::after,
	.product-category--variety-packs .product-primary-image::after,
	.product-category--mega .product-primary-image::after,
    .product-category--on-the-go .product-primary-image::after
    {
		background:url(../images/site/swoosh_a_top_white.svg) 0 0 / 100% auto no-repeat;
		bottom:auto;
		top: 73%;
		left: 30px;
	}
}

@media (min-width:48em) { 
	.products-featured-row {
		position: relative;
		overflow:hidden;
		margin:0 -1.25em;
        align-content: space-between;
    justify-content: center;
	}
	.products-featured-row .product-primary-image {
		width:calc(100% - 0.5em);
		margin:0 0.25em;
	}
	.products-featured-row .product-primary-image::before, 
	.products-featured-row .product-primary-image::after {
		content:'';
		display:block;
		padding-top: 175%;
		position: absolute;
		z-index: 1;
		pointer-events:none;
		bottom: 81%;
		left: -0.25em;
		right: -0.25em;
		background:url(../images/site/swoosh_a_bottom_white.svg) 0 bottom / 300% 100% no-repeat;
	}
	.products-featured-row .product-primary-image::after {
		background:url(../images/site/swoosh_a_top_white.svg) 0 0 / 300% 100% no-repeat;
		bottom:auto;
		top: 79%;
	}
	.products-featured-row .product-category:nth-child(3n+2) .product-primary-image::before {
		background-position:50% bottom;
	}
	.products-featured-row .product-category:nth-child(3n+2) .product-primary-image::after {
		background-position:50% 0;
	}
    .products-featured-row .product-category:nth-child(3n+4) .product-primary-image::before {
		background-position:50% bottom;
	}
	.products-featured-row .product-category:nth-child(3n+4) .product-primary-image::after {
		background-position:50% 0;
	}
	
	.products-featured .product-category {
		flex-basis:46%;
        margin: 1% .5%;
	}
	.product-category h3::before {
		font-size:66%;
	}
	.product-category .product-category-description {
		background:none;
		z-index: 2;
		padding: 100% 4em 4em;
        margin: -100% 0 4em 0;
	}
    .product-category-description .button-cta {
    bottom: 3em;
    }
}
/* END Featured Products */

/* Product Line Lists */
.products-line {
	text-align:center;
	position:relative;
}
.products-line h2 {
	color:#DA2037;
	font-size:3.5em; 
}
.products-line--related h2 {
	line-height:0.8;
    font-size:2.5em; 
}
.products-line--related h2 .line-1 {
	display:block;
}
.products-line--related h2 .line-2 {
	display:block;
}
.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:3em;
}
.products-list-product  .bv_main_container {
	transform:translate(-50%,0) scale(0.875) !important;
	position:absolute !important;
	bottom:0 !important;
	left:50% !important;
}
.products-list-product .product-primary-image {
	width:11em;
	height:11em;
	margin-bottom:1em;
}
.product-list-title {
	text-decoration: underline;
	max-width:10em;
	display:inline-block;
	padding:0 0.5em;
}
.page--product-category .products-line h2 {
	padding-top: 2rem;
	position:relative;
}
.page--product-category .products-line h2::before {
	content:'';
	display:block;
	background:url(../images/crisps/triple-chips.png) center / contain no-repeat;
	position:absolute;
	left:50%;
	width: 12rem;
	top: -7rem;
	margin-left: -6rem;
	height: 10rem;
	z-index: 1;
}
.page--product-category--favorites .products-line h2::before,
.page--product-category--favorites .products-line h2::after,
.page--product-category--mega .products-line h2::before,
.page--product-category--mega .products-line h2::after,
.page--product-category--onthego .products-line h2::before,
.page--product-category--onthego .products-line h2::after,
.page--product-category--on-the-go .products-line h2::before,
.page--product-category--on-the-go .products-line h2::after,
.page--product-category--variety .products-line h2::before,
.page--product-category--variety .products-line h2::after,
.page--product-category--variety-packs .products-line h2::before,
.page--product-category--variety-packs .products-line h2::after,
.page--product-category--favorites .products-line h2::before,
.page--product-category--favorites .products-line h2::after {
	background:url(../images/crisps/triple-chips-favorites.png) center / contain no-repeat;
}
.page--product-category--wavy .products-line h2::before,
.page--product-category--wavy .products-line h2::after {
	background:url(../images/crisps/triple-chips-wavy.png) center / contain no-repeat;
}
.page--product-category--lighter-side .products-line h2::before,
.page--product-category--lighter-side .products-line h2::after {
	background:url(../images/crisps/triple-chips-lighter.png) center / contain no-repeat;
}
@media (min-width:48em) {
	.products-list {
		width:90%;
		margin:0 auto;
		max-width:64em;
	}
	.products-list-product {
		flex-basis: 25%;
	}
	.page--product-category .products-line h2 {
	}
	.page--product-category .products-line h2::before,
	.page--product-category .products-line h2::after {
		content:'';
		display:block;
		left:4rem;
		width: 20%;
		top: -2rem;
		position:absolute;
		margin-left: 0;
		height: 12rem;
	}
	.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;
	}
    .products-line--related h2 .line-1 {
        text-indent:-1.2em;
        font-size: 1.25em;
    }
    .products-line--related h2 .line-2 {
        text-indent:1.2em;
        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;
}
.js-product-thumbnails > div:first-child:last-child {
	display:none;
}
.product-detail-overview h1 {
	color:#DA2037;
	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;
	font-family: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:#da2037;
	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:#da2037;
	color:#ffffff;
	text-align:center;
	margin:3em 0; 
}
.product-nutrition::before, 
.product-nutrition::after {
	content:'';
	display:block;
	padding-top: 25%;
	margin: 0 -10%;
}
.product-nutrition::before {
	border-top-left-radius: 60% 100%;
	border-top-right-radius: 80% 140%;
	margin-bottom:-3em;
	box-shadow:0 -7em 0 6em #ffffff;
}
.product-nutrition::after {
	border-bottom-right-radius: 60% 100%;
	border-bottom-left-radius: 80% 140%;
	box-shadow:0 7em 0 6em #ffffff;
}

.product-nutrition .button-cta {
	position:relative;
	z-index:4;
	background:#fff;
	color:#DA2037;
}
.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-detail-actions .button-wtb{
    display: none;
    visibility: hidden;
}

@media (min-width:48em) { 
	.product-nutrition-highlights {
		order:0;
	}
	.product-detail-overview h1 {
		font-size:3em;
	}
	.product-nutrition::before, 
	.product-nutrition::after {
		padding-top: 6%;
		margin: 0;
		box-shadow:none;
	}
	.product-nutrition::before {
		background:url(../images/site/swoosh_b_bottom_white.svg) 0 bottom / 100% 50vw no-repeat;
		border-radius:0;
	}
	.product-nutrition::after {
		background:url(../images/site/swoosh_b_top_white.svg) 0 0 / 100% 50vw no-repeat;
		border-radius:0;
	}
	.product-nutrition-smartlabel .select-wrapper {
		width:14.7em;
	}
}


/* countries */
.countries-list .content_wrapper {
	columns:2;
}
.countries-list ul {
	display:block;
	list-style:none;
	margin:0 0 1em;
	padding:0;
	line-height:1.25;
}
.countries-list li {
	margin:0;
	padding:0 0 0.5em 0;
}
.countries-list h3 {
	margin:0 0 0.2em;
	font-size: 1.25em;
}
@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 #da2037;
}
main #KSTL-ContactUs-main .box-header {
	background:#da2037;
	margin-top:-0.15em;
}
main #KSTL-ContactUs-main .box-header h2 {
	color:#fff;
	text-align:left;
}
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;
}
.contact-preliminary .content_wrapper {
	display: flex;
	flex-wrap: wrap;
}
.contact-preliminary-option {
	border: 0.15em solid #da2037;
	flex-basis: 100%;
	margin: 0 0 1em 0;
}
.contact-preliminary-title {
	background: #da2037;
	padding: .5em;
	margin:-0.15em -0.15em 0;
	font-size:80%;
}
.contact-preliminary-title h2 {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.svg);
		background:none;
		width:6em;
		height:auto;
	}
	.promotion--flavorstacks .promotion--flavorstacks-graphic::after {
		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;
}

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

/* rick and morty */
.hero--rickandmorty-home {
	width:160%;
	background:grey;
	overflow:hidden;
	margin-left:-38%;
	margin-bottom:-6em;
	border-bottom:0.2em solid black;
	border-radius:0 0 100% 100%;
	position:relative;
	z-index:1; 
	height:0;
	padding-top:66%;
	min-height: 0;
	max-height: none;
}
.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: 6em;
	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;
}

@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.125rem;
	}
	.hero--rickandmorty-home > section iframe {
		left:-0.5%;
		width: 101%;
	}
	.hero--rickandmorty-home video {
		left: -.5%;
		width: 101%;
	}
}
@media (min-width:75em) {
	.hero--rickandmorty-home {
		padding-top:44.75%;
	}
	.hero--rickandmorty-home + .promotion--wavy::before {
		top: 0;
		bottom: 33%;
	}

}

/* END rick and morty */

/* Spanish Page */

.hero--spanish {
	background: rgb(198, 37, 56);
	background: radial-gradient(circle, rgba(198, 37, 56, 1) 8%, rgba(172, 3, 22, 1) 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-family: Andes;
	font-weight: 600;
	font-size: 7vw;
	text-transform: uppercase;
	text-align: left;
}

.hero--spanish h3 {
	color: #fff;
	font-family: Andes;
	font-weight: 600;
	font-size: 8vw;
	text-transform: uppercase;
	text-align: left;
	background-color: #FBD620;
	text-shadow: 2px 2px 1px #DA2037;
	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-family: Andes;
	font-weight: 600;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	background-color: #FBD620;
	text-shadow: 2px 2px 1px #DA2037;
	padding: .25em;
	margin: 0 auto;
	display: block;
	border-radius: 10px;
	width: 80%;
}

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

.spanish--flavorstacks p {
	color: #fff;
	font-family: Andes;
	font-weight: 400;
	font-size: 1em;
	text-align: center;
}

.spanish--flavorstacks h4 {
	color: #fff;
	font-family: Andes;
	font-weight: 600;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	background-color: #FBD620;
	text-shadow: 2px 2px 1px #DA2037;
	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;
	font-family: Andes;
	font-weight: 400;
	font-size: 1em;
	text-align: center;
}

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

.los-stacks h3 {
	color: #fff;
	font-family: Andes;
	font-weight: 600;
	font-size: 1.25em;
	text-transform: uppercase;
	text-align: center;
}

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

.los-stacks-text img {
	width: 60vw;
	max-width: 100%;
	margin: 0 auto;
}

.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 {
	/* padding-bottom: 6em; */
}

.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;
	/* position: relative; */
	width: 100%;
	/* top: -5.25vw; */
	/* margin-bottom: -8vw; */
}

.nuestros-productos h2 {
	color: #fff;
	font-family: Andes;
	font-weight: 600;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	background-color: #FBD620;
	text-shadow: 2px 2px 1px #DA2037;
	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%;
	/* top: -12vw; */
	/* margin-bottom: -8vw; */
}

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

.donde-comprar h2 {
	color: #fff;
	font-family: Andes;
	font-weight: 600;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	background-color: #FBD620;
	text-shadow: 2px 2px 1px #DA2037;
	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-family: Andes;
	font-weight: 700;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	background-color: #FBD620;
	text-shadow: 2px 2px 1px #DA2037;
	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: #DA2037;
	font-family: Andes;
	font-weight: 600;
	font-size: 2em;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	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;
		font-size: 2em;
	}
	.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);
	}
}


.ProductDotterWTBWidget {
    max-width: 75em;
    width: 94%;
    width: calc(100% - 2em);
    margin: 0 auto;
}

.fNzAUS .ctaText:focus {
    outline: 2px solid #ffb100 !important;
    outline-offset: 2px !important;
    
}

div#at15s {
    display: none !important;
}

#app h1, #app h2 {
    font-family: revert;
}