.pagehero.hero--cheezit-coors-lite {
	background:url(cheezit-coors-lite-background-mobile.jpg) center / cover no-repeat;
	margin-bottom: 0;
}

.pagehero.hero--cheezit-coors-lite::after {
	content:none;
}

.pagehero.hero--cheezit-coors-lite .rich-text div{
	text-align: left;
	position: relative;
	bottom: clamp(3.1em, 7.5em, 25vw);
	left: 0;
	max-width: 21em;
}

.pagehero.hero--cheezit-coors-lite h1{
	display: block;
	text-align: left;
	font-family:"futura-pt-condensed";
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: .05em;
	text-shadow: none;
	line-height: 1.05;
	margin: 0;
}

.pagehero.hero--cheezit-coors-lite h1 span{
	display: block;
	color: #f2b743
}

.pagehero.hero--cheezit-coors-lite p{
	margin: .5em 0;
	
}

.pagehero.hero--cheezit-coors-lite .rich-text div img {
	width: 15%;
	display: inline-block;
	text-align: left;
}

.pagehero.hero--cheezit-coors-lite .rich-text .group {
	width: 59%;
    max-width: 24em;
	position: relative;
	top: 1em;
	left: 43%
}

.hero--cheezit-coors-lite-product .rich-text{
	position: relative;
	
}



.hero--cheezit-coors-lite-product h2{
	color: #000;
	text-align: left;
	font-size: 2em;
	line-height: 1.4;
}

.hero--cheezit-coors-lite-product p{
	color: #65120D;
	line-height: 1.6;
	font-size: 1.1em;
}

.hero--cheezit-coors-lite-product p.eyebrow{
	color: #CF0000;
	text-transform: uppercase;
	font-family:"futura-pt-condensed";
	font-size: 1.6em;
}


.hero--cheezit-coors-lite-product .button-cta{
	color: #fff;
	background-color: #CF0000;
	margin: 0 0 1em;
}

.hero--cheezit-coors-lite-product .button-cta:hover {
    box-shadow: 0 0.1em 0.15em rgb(0 0 0 / 10%);
    background: #a20202;
}

.hero--cheezit-coors-lite-product .cracker{
	position: absolute;	
}

.hero--cheezit-coors-lite-product .cracker:nth-of-type(1){
	left: 2em;
    top: 0;
    width: 15vw;
	transform: translate(-2em, -2em); 
	opacity:0; 
}

.hero--cheezit-coors-lite-product .cracker:nth-of-type(1).animate{
	animation: crackerdrop 0.25s 0.4s forwards;
	animation-delay: 0.6s;
}

.hero--cheezit-coors-lite-product .cracker:nth-of-type(2){
	left: -4vw;
    top: 8vw;
	width: 20vw;
	transform: translate(-2em, 2em) ; opacity:0;	
}

.hero--cheezit-coors-lite-product .cracker:nth-of-type(2).animate{
	animation: crackerdrop 1.2s 0.4s forwards;
	animation-delay: 1.8s;
}

.hero--cheezit-coors-lite-product .cracker:nth-of-type(3){
	visibility: hidden;
	transform: translate(3em, -1em) ; opacity:0;	
}

.hero--cheezit-coors-lite-product .cracker:nth-of-type(3).animate{
	animation: crackerdrop 0.9s 0.6s forwards;
	animation-delay: 2.0s;
}

.hero--cheezit-coors-lite-product .cracker:nth-of-type(4){
	visibility: hidden;
	transform: translate(2em, -2em) ; opacity:0;	
}

.hero--cheezit-coors-lite-product .cracker:nth-of-type(4).animate{
	animation: crackerdrop 0.8s 0.4s forwards;
	animation-delay: 0.8s;
}

.hero--cheezit-coors-lite-product .cracker:nth-of-type(5){
	right: -3vw;
    width: 25vw;
	transform: translate(2em, 0) ; opacity:0;	
}

.hero--cheezit-coors-lite-product .cracker:nth-of-type(5).animate{
	animation: crackerdrop 1.5s 0.4s forwards;
	animation-delay: 1.0s;
}

@keyframes crackerdrop {
	0% { opacity:0; }
	50% { opacity:0.8; }
	100% { transform:translate(0,0) rotate(360deg);opacity:1; transform-origin: center center;}
}

.cheezit-coors-package {
	width: 90%;
    padding: 2em;
}

.snack-crack-kick-header{
	background-color: #FEF7E8;
	border-top: #FFB000 solid 4px;
	
}

.snack-crack-kick-header h2 {
    color: #000;
    text-align: center;
    font-size: 2em;
    line-height: 1.4;
	font-weight: 800;
	font-family: "futura-pt-condensed";
	margin-bottom: 0;
}

.snack-crack-kick-header p {
    text-align: center;
    color: #65120D;
    line-height: 1.4;
	margin: 0;
}

.snack-crack-kick-header section{
	margin: 0;
}
.snack-crack-kick-header h2 span{
	display: inline-block;
}

.snack-crack-kick{
	background-color: #FEF7E8;
	border-bottom: #FFB000 solid 4px;
	margin: 0;
	
}
.snack-crack-kick p span{
	display: inline-block;
}

.snack-crack-kick .featured-item-image{
	height: 26em;
}

.snack-crack-kick .featured-item-image img {
   object-fit: contain;
}

.snack-crack-kick .featured-item-title {
	color: #000;
    text-align: center;
    font-size: 2em;
    line-height: 1.4;
	font-family: "futura-pt-condensed";
	font-weight: 800;
	text-transform: uppercase;
}

.snack-crack-kick .featured-item-content p {
    text-align: center;
	color: #65120D;
    line-height: 1.4;
}

.snack-crack-kick .featured-item-description {
    row-gap: 0
}

.snack-crack-kick .tns-nav {
    bottom: 2vw;
}

.snack-crack-kick .tns-nav button.tns-nav-active {
    color: #CF0000;
}
.snack-crack-kick .tns-nav button{
	color: #908F8E
}

.snack-crack-kick .tns-nav button::before {
    height: 1.1em;
    width: 1.1em;
}

.tns-controls button[data-controls="next"], .tns-controls button[data-controls="prev"] {
    text-indent: -999em;
    padding: 0;
    filter: drop-shadow(0 0 0.1em rgba(0, 0, 0, 1.0)) drop-shadow(0 0 0.1em rgba(0, 0, 0, 1.0));
	width: 2.75em;
}

.tns-controls button:focus{
	outline: medium solid #fff;
    outline-offset: 0;
}

.cheezit-coors-lite--exclusive {
	background:url(cheezit-coors-lite-background-mobile.jpg) center / cover no-repeat;
	margin-bottom: 0;
	border-bottom: #FFB000 solid 4px;

}

.cheezit-coors-lite--exclusive .rich-text div:nth-of-type(2){
	display: none;
}

.cheezit-coors-lite--exclusive h2{
	color: #fff;
	text-align: left;
    font-size: 2em;
    line-height: 1.4;
	font-weight: 800;
	font-family: "futura-pt-condensed";
}

.cheezit-coors-lite--exclusive button{
	border: none;
	margin: 1em 0 0 0;
}

.cheezit-coors-lite--exclusive section{
	margin:0;
}

.cheezit-coors-lite--exclusive .rich-text>div{
	width: 90%;
	margin: 1em auto;
}

.cheezit-coors-lite--exclusive .rich-text{
	text-align: center;
	padding: 2em 0;
}


.cheezit-coors-lite--faq-header, .faq {
	    background-color: #FEF7E8;
}

.faq {
	background-color: #FEF7E8;
	max-width: none;
	margin: 0;
	padding-bottom: 6em;
}

.faq section{
	margin: 0;
}

.faq-wrapper {
	max-width: 60em;
	margin: 0 auto;
}

.cheezit-coors-lite--faq-header section{
	margin:0;
}

.cheezit-coors-lite--faq-header p.eyebrow {
    color: #CF0000;
    text-transform: uppercase;
    font-family: "futura-pt-condensed";
    font-size: 1.6em;
}

.cheezit-coors-lite--faq-header h2 {
    color: #000;
    text-align: center;
    font-size: 2em;
    line-height: 1.4;
    font-weight: 800;
    font-family: "futura-pt-condensed";
}

.cheezit-coors-lite--faq-header p {
    text-align: center;
    color: #65120D;
    line-height: 1.4;
}

.faq .faq-question button {
	color: #000;
	font-family: "futura-pt-condensed";
	text-transform: uppercase;
	padding: 1em 1.83em 1em 2.5em;
    margin: .1em .1em;
    width: calc(100% - 4.5em);
}

.faq .faq-answer p{
	color: #65120D;
	padding: 0 0 0 4em;
}

.faq-question {
    border-bottom: 2px solid #FFB000;
	position: relative;
}

.faq-question::before{
	content:'';
	width: 2.2em;
	height: 2.2em;
	background:url(FAQ-cibullet.png) center / cover no-repeat;
	position: absolute;
    top: 1.2em;
    left: .5em;
}

.faq-question button::before {
	content: '+';
	border-bottom: none;
	border-right: none;
	transform: none;
	color: #CF0000;
	right: 0;
    margin-top: -0.5em;
	font-size: 2rem;
}

.faq-question button[aria-expanded=true]::before {
    content: '\2013';
	margin-top: -.5em; 
    transform: none; 
    transition: transform .1s, margin .1s; 
}

footer{
	    margin-top: -2em;
}

.featured-items .tns-controls button[data-controls="next"], .featured-items .tns-controls button[data-controls="prev"]
 {
    margin: -2em -2em -2em;
}


@media (min-width:48em) {
	
	.pagehero.hero--cheezit-coors-lite {
		background:url(cheezit-coors-lite-background-desktop.jpg) center / cover no-repeat;
	}
	
	.pagehero.hero--cheezit-coors-lite {
		max-height: 38em;
        height: 100%;
	}
	
	.pagehero.hero--cheezit-coors-lite h1{
		font-size: clamp(1em, 6vw, 4em);
	}
	
	.pagehero.hero--cheezit-coors-lite p{
		margin: .5em 0 1em;
		line-height: 1.6;
		font-size: 1.1em;
	}
	
	.pagehero.hero--cheezit-coors-lite .rich-text div{
		text-align: left;
		position: relative;
		bottom: -1em;
		left: auto;
		max-width: 24em;
		display: inline-block;
		width: 40%
	}
	
	.pagehero.hero--cheezit-coors-lite .rich-text .group {
		width: 54%;
		max-width: 50em;
		position: relative;
		top: 1em;
		left: -2em;
		display: inline-block;
	}
	
	
	.pagehero.hero--cheezit-coors-lite .rich-text div img {
		width: 23%;
		margin-bottom: 1em;
	}
	
	.hero--cheezit-coors-lite-product .rich-text{
		display: flex;
		
	}
	
	.hero--cheezit-coors-lite-product .rich-text div{
		width: calc(50% - 1em);
        padding: 0 1em;
	}
	
	.hero--cheezit-coors-lite-product h2{
    	font-size: 3em;
	}
	
	.snack-crack-kick-header h2 {
    	font-size: 3em;
		margin-top: 2em;
	}
	
	.hero--cheezit-coors-lite-product .cracker:nth-of-type(1){
		left: 2vw;
        top: 0;
        width: 8vw;
	}

	.hero--cheezit-coors-lite-product .cracker:nth-of-type(2){
		left: -4vw;
		top: 5vw;
        width: 11vw;
	}

	.hero--cheezit-coors-lite-product .cracker:nth-of-type(3){
		visibility: visible;
		right: auto;
		left: 32vw;
        width: 7vw;
	}

	.hero--cheezit-coors-lite-product .cracker:nth-of-type(4){
		visibility: visible;
		right: auto;
		left: 38vw;
        width: 9vw;
        top: 1vw;
	}

	.hero--cheezit-coors-lite-product .cracker:nth-of-type(5){
		right: auto;
		left: 33vw;
        width: 10vw;
        top: 7vw;
	}
	
	.snack-crack-kick .featured-item-image {
		height: 35em;
	}
	
	.cheezit-coors-lite--exclusive{
		background:url(cheezit-coors-lite-background-desktop.jpg) center / cover no-repeat;
	}
	
	.cheezit-coors-lite--exclusive .rich-text{
		display: flex;
		flex-direction: row-reverse;
	}
	
	.cheezit-coors-lite--exclusive .rich-text div{
		text-align: left;
		padding: 0 2%;
	}
	
	.cheezit-coors-lite--exclusive .rich-text div:nth-of-type(2) {
		display: inline-block;
	}
	
	.cheezit-coors-lite--exclusive .rich-text div>button{
		display: inline-block;
	}
	
	.cheezit-coors-lite--exclusive .rich-text div img.hide-desk{
		visibility: hidden;
		display: none;
	}
	
	.cheezit-coors-lite--exclusive h2{
		font-size: 3em;
	}
	
	.cheezit-coors-lite--faq-header h2 {
		font-size: 3em;
        
	}
	
	.cheezit-coors-lite--faq-header p.eyebrow {
		margin-top: 2em;
	}
	
	footer{
			margin-top: -10em;
	}

	.faq {    
		padding-bottom: 12em;
	}
}

@media (min-width:62em) {
	.pagehero.hero--cheezit-coors-lite .rich-text div{
			bottom: clamp(1em, 6vw, 6em);
	}

}

@media (min-width:78em) {

.hero--cheezit-coors-lite-product .cracker:nth-of-type(1){
		left: 2em;
        top: 0;
        width: 6em;
	}

	.hero--cheezit-coors-lite-product .cracker:nth-of-type(2){
		left: -3em;
        top: 3em;
        width: 9em;
	}

	.hero--cheezit-coors-lite-product .cracker:nth-of-type(3){
		left: 26em;
        width: 5em;
	}

	.hero--cheezit-coors-lite-product .cracker:nth-of-type(4){
		left: 30em;
        width: 7em;
        top: 1em;
	}

	.hero--cheezit-coors-lite-product .cracker:nth-of-type(5){
		left: 26em;
        width: 8em;
        top: 5em;
	}

}