:root {
	--mingles-loop-time:4s;
	--mingles-zoom-time:4.2s;
	--mingles-ease: cubic-bezier(0.4, 0.01, 0.2, 0.97);
	--mingles-zoom-ease: linear;
	--mingles-bow-size: min(18em);
	
	
	/* PDF declared color set // clearly wrong, doesn't match the actual used colors at all *
	--mingles-theme1-bg: #F0C436;
	--mingles-theme1-text: #cb4714 ;
	--mingles-theme1-dark: #753c26 ;
	
	--mingles-theme2-bg: #4BA6DE ;
	--mingles-theme2-text: #3960a6 ;
	--mingles-theme2-dark: #0a3356 ;
	
	--mingles-theme3-bg: #A8D42E ;
	--mingles-theme3-text: #5d984a ;
	--mingles-theme3-dark: #375737 ;
	
	--mingles-theme4-bg: #C53787 ;
	--mingles-theme4-text: #79215f ;
	--mingles-theme4-dark: #4b2c4f ;
	*/
	
	/* PDF SAMPLED color set // clearly wrong
	--mingles-theme1-bg: #f6c748;
	--mingles-theme1-text: #d7532b ;
	--mingles-theme1-dark: #7e402a ;
	
	--mingles-theme2-bg: #27a4dc ;
	--mingles-theme2-text: #275ea4 ;
	--mingles-theme2-dark: #043153 ;
	
	--mingles-theme3-bg: #96bf45 ;
	--mingles-theme3-text: #4e974b ;
	--mingles-theme3-dark: #2b5434 ;
	
	--mingles-theme4-bg: #d74883 ;
	--mingles-theme4-text: #832860 ;
	--mingles-theme4-dark: #4e2b4e ;
	/**/
	
	
	/* PMS colors but using "real" hex values // much better
		 -- except the orange looks way too bright 
			so that's toned to match the pack  */
	--mingles-theme1-bg: #ffc72c;
	--mingles-theme1-text: #e84f14;
	--mingles-theme1-dark: #833921;
	--mingles-theme2-bg: #00A9E0;
	--mingles-theme2-text: #004c97;
	--mingles-theme2-dark: #00263e;
	--mingles-theme3-bg: #97D700;
	--mingles-theme3-text: #319B42;
	--mingles-theme3-dark: #215732;
	--mingles-theme4-bg: #d62598;
	--mingles-theme4-text: #8A1B61;
	--mingles-theme4-dark: #51284F;
	/**/
}
@media (min-width:48em){
	:root {
		--mingles-bow-size: min(25vw, 24em);
	}
}


main {
	background:	var(--mingles-theme1-bg);
	box-shadow: 0 50vw 0 0 var(--mingles-theme1-bg);
}
section {
	position:relative;
}

/* food sprites - resused throughout */
.food-sprite-wrapper {
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	pointer-events:none;
}
.food-sprite {
	position: absolute;
	font-size: min(3vw, 1.5rem);
	background: url(food-mingle.png) top 15% right 15% / 8em no-repeat;
	width: 8em;
	height: 8em;
	margin:-4em;
}
.food-sprite-ched {
	background-image: url(food-ched.png);
}
.food-sprite-sc {
	background-image: url(food-sc.png);
}

.mingles-hero2 .food-sprite:nth-child(1) {
	left: 88%;
	top: 19%;
}
.mingles-hero2 .food-sprite:nth-child(2) {
	transform: rotate(77deg);
	left: 88%;
	top: 84%;
}
.mingles-hero2 .food-sprite:nth-child(3) {
	transform: rotate(140deg) scale(1.05);
	top: 96%;
	left: 50%;
	z-index: 1;
}
.mingles-hero2 .food-sprite:nth-child(4) {
	transform:rotate(180deg);
	top: 87%;
	left: 12%;
}
.mingles-hero2 .food-sprite:nth-child(5) {
	transform: rotate(259deg);
	top: 22%;
	left: 13%;
}
.mingles-hero2 .food-sprite:nth-child(6) {
	transform:rotate(320deg);
}
.mingles-reviews .food-sprite:nth-child(1) {
	left: 95%;
	top: 2%;
}
.mingles-reviews .food-sprite:nth-child(2) {
	left: 5%;
	top: 3%;
	transform: rotate(276deg);
}
.mingles-wtb .food-sprite:nth-child(1) {
	left: 85%;
	top: 5%;
}
.mingles-wtb .food-sprite:nth-child(2) {
	left: 15%;
	top: 9%;
	transform: rotate(276deg);
}
.mingles-wtb .food-sprite:nth-child(3) {
	transform: rotate(100deg) scale(1.1);
	left: 78%;
	top: 100%;
}
.mingles-wtb .food-sprite:nth-child(4) {
	transform:rotate(180deg);
	top: 101%;
	left: 18%;
}
.mingles-finale {
	height:min(25vw, 12em);
	position:relative;
	background: var(--mingles-form-bg);
	box-shadow: 0 12em 0 0 var(--mingles-form-bg), 0 25vw 0 0 var(--mingles-form-bg);
}
.mingles-finale .food-sprite:nth-child(1) {
	left: 22%;
	top:50%;
	transform: rotate(166deg);
}
.mingles-finale .food-sprite:nth-child(2) {
	left: 75%;
	top:50%;
	transform: rotate(92deg);
}
.mingles-finale .food-sprite:nth-child(3) {
	transform: rotate(140deg);
	left: 50%;
	top: 56%;
}


.mingles-hero2-new {
	position:absolute;
	left: 35%;
	top: 4%;
	color:#0000;
	margin-left: -4em;
	font-size: 2em;
	font-family: 'Pinup', Arial, 'Helvetica Neue', Helvetica, sans-serif;
	background:url(new.svg) center / contain no-repeat;
	padding:0.5em;
	/* opacity:0; */
	/* transform:scale(0.5); */
	/* transition:opacity 0.3s, transform 0.3s; */
	/* transition-timing-function:var(--mingles-ease); */
	filter: drop-shadow(0.1em 0.1em 0.015em #0003);
}
@media (min-width:48em){
	.food-sprite {
		font-size: min(2vw, 1.75rem);
	}
	.mingles-hero2 .food-sprite:nth-child(3) {
		display:none; 
	}
	.mingles-reviews .food-sprite:nth-child(1) {
		left: 85%;
	}
	.mingles-reviews .food-sprite:nth-child(2) {
		left: 15%;
	}
	.mingles-finale .food-sprite:nth-child(1) {
		left:33%;
	}
	.mingles-finale .food-sprite:nth-child(2) {
		left:67%;
	}
}
@media (min-width:75em){
	.food-sprite-wrapper {
		width: 100vw;
		max-width: 110em;
		left:50%;
		transform: translate(-50%, 0);
	}
}


.cc-shoppablelp-root [class*="load"] { background-color:green !important; }


/* new hero */
.mingles-hero2 {
	background: url(mingles-shape.svg) top center / 49%  113% no-repeat;
}
.mingles-hero2 section {
	padding: 0;
	margin: 0;
}
.mingles-hero2 .rich-text {
	font-size: min(2.66vw, 1.5em);
	text-align:center;
	padding: 1em 0 8em;
}
.mingles-herologo {
	height: 9em;
	display:inline-block;
	margin: 0 auto 1em;
	width: 17em;
	font-size: 1.5em;
	color: #0000;
	background: url(mingles-logo.svg) center / contain no-repeat;
}
.mingles-herologo h1 {
	padding: 28% 0 0;
	margin: 0;
	font-size: 2em;
	color:inherit;
}
.mingles-herologo sup {
	font-size:28%;
	top:-2em
}
.mingles-herologo span:first-child {
	transform: scalex(0.5);
	display: block;
	margin-bottom: 0.2em;
}
.mingles-heropacks {
	position:relative;
	height: 20em;
	display:flex;
	align-items: center;
	pointer-events: none;
	justify-content: center;
	pointer-events: none;
}
.mingles-heropacks > div {
	position:relative;
	height:100%;
	pointer-events: none;
}
.mingles-heropacks > .mingles-pack2,
.mingles-heropacks > .mingles-pack3 {
	height:90%;
	margin: 0 -18%;
	transform: rotate(3deg);
}
.mingles-heropacks > .mingles-pack2 {
	order:-1;
	transform: rotate(-3deg);
}
.mingles-heropacks > .mingles-pack1 {
	z-index:1;
}
.mingles-pack-shadow {
	position: absolute;
	bottom: -3%;
	left: -8%;
	width: 118%;
	height: 13%;
	background: radial-gradient(closest-side, #320000aa, #320000aa 50%, #32000000);
	filter: blur(0.25em);
}
.mingles-pack-gradient {
	position:absolute; 
	top:0; left:0; width:100%; height:100%; 
	mask:url(pack1.png) center / contain no-repeat;
	background:linear-gradient(to right, #2100, #2100 50%, #210a); 
}
.mingles-pack3 .mingles-pack-gradient { /* reverse on last pack */
	background:linear-gradient(to left, #2100, #2100 50%, #210a); 
}
.mingles-heropacks img {
	width:auto;
	height:100%;
	user-select: none;
	pointer-events: none;
	position:relative;
	filter: drop-shadow(0.1em 0.1em 0.3em #0003);
}
@media (min-width:48em) {
	.mingles-hero2 {
		background: url(mingles-shape.svg) top center / calc( var(--mingles-bow-size) * 1.22 )  120% no-repeat;
		background: url(mingles-shape.svg) top center / calc( var(--mingles-bow-size) * 1)  100% no-repeat;
	}
	.mingles-hero2 .rich-text {
		padding: 9em 0 6em;
		font-size: min(1.6vw, 1.6em);
	}
	.mingles-herologo {
		font-size: 90%;
		position: absolute;
		top: 11.6em;
		left: 50%;
		z-index: 1;
		margin-left: -8.4em;
		background: none;
	}
	.mingles-hero2-new {
		left: 50%;
		margin-left: -1.8em;
		font-size:2.5em;
	}
	.mingles-heropacks > .mingles-pack2,
	.mingles-heropacks > .mingles-pack3 {
		height:90%;
		margin: 0 -5%;
	}
}




/* features section */
.mingles-features {
	position:relative;
	background: var(--mingles-theme1-text);
	color:#fff;
	text-align:center;
	font-family:'Pinup', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.mingles-features-bg {
	position:absolute;
	background: url(gradient.jpg) center / auto 100% no-repeat;
	opacity:0;
	width:100%;
	height:100%;
}
.mingles-features-row {
	position: relative;
	padding:2em 0;
	font-size:calc(3vw);
	margin: 0 -1em;
}
.mingles-features-row > div {
	position:relative;
	display:flex;
	align-items:center;
	margin:1em 0;
}
.mingles-features-row > div::before{
	content:'';
	display:block;
	position:relative;
	padding-top:12em;
}
.mingles-features-row::before {
	/* content:''; */
	border-left: 50vw solid var(--mingles-theme1-text);
	border-right: 50vw solid var(--mingles-theme1-text);
	border-top: 9vw solid transparent;
	border-bottom: 9vw solid transparent;
	height: 27vw;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}


.mingles-feature-image {
	flex-basis:50%;
	position:relative;
}

.mingles-feature1-image {
	background: url(feature-bowl.png) center / contain no-repeat;
	height: 12em;
}
.mingles-feature2-image {
	order:2;
	height: 9em;
	background: url(feature-flavor.png) center / contain no-repeat;
	filter: drop-shadow(0.25em 0.25em 0.3em #2104);
}
.mingles-feature3-image {
	filter:drop-shadow(0.25em 0.25em 0.3em #2104); 
}
.mingles-feature3-puff {
	background: url(puff.png) center / contain no-repeat;
	width: 5em;
	height: 5em;
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 120%;
	transform: translate(-41%,-144%) rotate(-50deg);
}
.mingles-feature3-puff:nth-child(2) {
	transform: translate(82%,19%) rotate(-84deg);
	font-size: 103%;
}
.mingles-feature3-puff:nth-child(3) {
	transform: translate(-170%,17%) rotate(0deg);
	font-size: 110%;
}

.mingles-feature-text {
	font-size:2em;
	flex-basis:50%;
text-shadow: 0.0900em 0.0000em 0 var(--mingles-theme1-dark), 
 0.0846em 0.0308em 0 var(--mingles-theme1-dark), 
 0.0689em 0.0579em 0 var(--mingles-theme1-dark), 
 0.0450em 0.0779em 0 var(--mingles-theme1-dark), 
 0.0156em 0.0886em 0 var(--mingles-theme1-dark), 
 -0.0156em 0.0886em 0 var(--mingles-theme1-dark), 
 -0.0450em 0.0779em 0 var(--mingles-theme1-dark), 
 -0.0689em 0.0579em 0 var(--mingles-theme1-dark), 
 -0.0846em 0.0308em 0 var(--mingles-theme1-dark), 
 -0.0900em 0.0000em 0 var(--mingles-theme1-dark), 
 -0.0846em -0.0308em 0 var(--mingles-theme1-dark), 
 -0.0689em -0.0579em 0 var(--mingles-theme1-dark), 
 -0.0450em -0.0779em 0 var(--mingles-theme1-dark), 
 -0.0156em -0.0886em 0 var(--mingles-theme1-dark), 
 0.0156em -0.0886em 0 var(--mingles-theme1-dark), 
 0.0450em -0.0779em 0 var(--mingles-theme1-dark), 
 0.0689em -0.0579em 0 var(--mingles-theme1-dark), 
 0.0846em -0.0308em 0 var(--mingles-theme1-dark);   
}
.mingles-feature3-text {
	flex-basis:100%;
	margin-left:-100%;
}
.mingles-feature3-image {
	flex-basis:100%;
}
.button-cta {
	border:0.1em solid #fff;
}
main a:focus,
main input:focus,
main input+label:focus,
main .button-cta:focus {
	outline: 2px solid #000 !important;
}
.mingles-features .button-cta,
.mingles-reviews .button-cta {
	position:absolute;
	bottom: 0em;
	left:50%;
	width: 13em;
	margin: -1em -7.6em;
	font-size:1.25em;
	z-index:1;
}


@media (min-width:48em ) {
	
	/* features section */
	.mingles-features-bg {
		background: var(--mingles-theme1-text) url(gradient-desk.jpg) center / auto 100% no-repeat;
	}
	.mingles-features-row::before {
		display:none;
	}
	.mingles-features-row {
		display:flex;
		font-size: min(1.5em, 1.75vw);
	}
	.mingles-features-row > div {
		display:block;
		flex-basis:33.33%;
	}
	.mingles-feature-image {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
	}
	.mingles-feature3-text {
		margin:0;
	}
	.mingles-feature-text {
		position:absolute;
		left: 50%;
		top: 17%;
		width:100%;
		transform:translate(-50%,-50%);
	}
	.mingles-feature1-text {
		margin:0 0 0 1em;
	}
	.mingles-feature1-image {
		height: 84%;
		top: 19%;
		left: -10%;
	}
	.mingles-feature2-image {
		height: 60%;
	}
	.mingles-feature2-text {
		top: 75%;
	}
	.mingles-feature3-text {
		top:48%;
	}
	.mingles-features-row > div::before {
		padding-top: 24em;
	}
	.mingles-features .button-cta,
	.mingles-reviews .button-cta {
		width: 14em;
		margin: -1em -8.1em;
	}
}




/* reviews  */


.mingles-reviews {
	background: url(mingles-shape.svg) bottom center / 24em 100% no-repeat;
}
.mingles-reviews::after {
	content:'';
	display:block;
	height:2em;
	/* background:var(--mingles-theme1-bg); */
	margin-top:-2em;
	position:relative;
}
.mingles-reviews h2 {
	color:#fff;
	position: relative;
	z-index: 1;
}
.mingles-reviews section {
	position:relative;
	padding: 4em 0 2em;
	/* overflow:hidden; */
}
.mingles-reviews-cta {
	text-align:center;
}
.mingles-reviews .content_wrapper {
	position:relative;
	padding-bottom: 3em;
}
.mingles-reviews-image {
	padding-bottom:83.333%;
	overflow:hidden;
	position:relative;
}
.mingles-reviews-image img {
	position:absolute;
	width:100%;
	height:100%;
	object-fit:cover;
}
.mingles-reviews-stars img {
	display:inline-block;
	width:2em;
}
.mingles-reviews-card {
	display:block;
	max-width: 24em;
	margin:1em auto;
	color:#002d5d;
	background:#FFFFFF;
	overflow:hidden;
	border-radius:0.5em;
	max-width: 24em;
	margin:1em auto;
	position: relative;
	box-shadow: 0.2em 0.2em 0.3em #2104;
}
.mingles-reviews-description {
	padding:1em 2em;
	text-align:center;
}
@media (min-width:48em) {

	.mingles-reviews {
		/* background-size:min(40vw, 19em) 100%; */
	}
	.mingles-reviews-card {
		max-width: none;
		margin: 1em 0 3em;
		flex-basis:50%;
	}
	.mingles-reviews-row {
		display:flex;
		justify-content:center;
		gap:2em;
		padding: 0 1em;
	}
} 

:root {
	--mingles-wtb-bg:#e84f14;
	--mingles-form-bg:#ffc72c;
}

.mingles-wtb::before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%,0);
	right: 0%;
	top: -7vw;
	margin-top: -0.8em;
	/* z-index: 1; */
	border-right: 50vw solid var(--mingles-wtb-bg);
	border-left: 50vw solid var(--mingles-wtb-bg);
	border-bottom: 14em solid var(--mingles-wtb-bg);
	border-top: 7vw solid transparent;
	/* filter: drop-shadow(0px -0.25em 0px rgba(0,0,0,0.2)); */
}

.mingles-wtb .food-sprite-wrapper {
	z-index:1;
}
.mingles-wtb .content_wrapper {
	padding-bottom:4em;
}
.mingles-wtb .mingles-locator-wrapper {
	position:relative;
	z-index:2;
	color:#000;
}
.mingles-wtb {
	background: var(--mingles-wtb-bg);
	box-shadow:0 12em 0 0 var(--mingles-wtb-bg), 0 24em 0 0 var(--mingles-wtb-bg);
	color: #fff;
	padding: 1em 0 0;
	position: relative;
}
.mingles-wtb h2 {
	margin-top: 0;
	padding-top: 2em;
	color: inherit;
}
.mingles-locator-wrapper {
	background:#fff;
	box-shadow:0.2em 0.2em 0.3em #2104;
	padding:1em;
	border-radius:0.5em;
	max-width: 70em;
	min-height: 21em;
	margin: auto;
}


.literegistration-dynamic {
	text-align:center;
	background: var(--mingles-form-bg);
	box-shadow:0 12em 0 0 var(--mingles-form-bg), 0 24em 0 0 var(--mingles-form-bg);
	/* color: #fff; */
	color: #000;
	padding: 1em 0 0;
	/* position: relative; */
	margin-top:8em;
}
.literegistration-dynamic::before {
	content: '';
	display: block;
	position: relative;
	left: 50%;
	transform: translate(-50%,0);
	right: 0%;
	margin: -0.8em 0 -30em;
	border-right: 50vw solid var(--mingles-form-bg);
	border-left: 50vw solid var(--mingles-form-bg);
	border-bottom: 34em solid var(--mingles-form-bg);
	box-shadow: 0 30em 0 0 solid var(--mingles-form-bg);
	border-top: 7vw solid transparent;
	pointer-events:none;
}
.literegistration-dynamic h2 {
	margin-top:0;
	padding-top:0.66em;
	color: #fff;
	color: var(--mingles-theme1-dark);
}

.literegistration-dynamic h2 + p {
	font-size:1.5em;
}





.mingles-wtb [class*="Spinner__Container"] { 
	position:relative !important;
	width:100%;
	height:100%;
	min-height:18em;
}



html .k1p-standalone .k1p-promo-step {
	padding: 0 1em;
	width: calc(100% - 2em);
}
.k1p-standalone .k1p-promo-step form {
	visibility:visible;
}
.k1p-standalone .k1p-promo-step[inert] form .button-cta  {
	visibility:hidden;
}
.k1p-standalone .k1p-promo-step.prev-step {
	opacity:0.5;
	filter:blur(4px);
	left:0;
	position:relative;
}
.k1p-standalone .k1p-promo-step-1 {
	transition:filter 0.2s, opacity 0.2s;
	visibility: visible;
}
.k1p-standalone .k1p-promo-step-2.current-step {
	left:0;
	position:absolute;
}

.k1p-promo-thanks {
	position:relative;
	background:#fff;
	width:calc(100% - 4em);
	margin: 10% 0;
	padding: 3em 2em;
	border-radius:1.5em;
	box-shadow:0.15em 0.15em 0.5em #0003;
}
.k1p-promo-thanks img {
	width: 60%;
	margin: 0 auto;
	max-width: 24em;
}
.k1p-promo-thanks h2{
	font-size: 1.75em;
	color: #EA002A;
}
.k1p-promo-thanks p {
	font-size: 1.25em;
	color: #EA002A;
}
html .k1p-standalone fieldset {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.k1p-form-userinfo > div {
	display:flex;
	flex-wrap:wrap;
	flex-basis:calc(50% - 0.5em);
}
/*
html .k1p-standalone fieldset > div:nth-child(5),
html .k1p-standalone fieldset > div:nth-child(8),
html .k1p-standalone fieldset > div:first-child:last-child {
	flex-basis:100%;
}*/
html .k1p-standalone input[type=password],
html .k1p-standalone input[type=email],
html .k1p-standalone input[type=number],
html .k1p-standalone input[type=tel],
html .k1p-standalone input[type=text],
html .k1p-standalone input[type=search],
html .k1p-standalone input[type=date],
html .k1p-standalone textarea,
html .k1p-standalone select {
	border-radius:0.25em;
	border: none;
	background-color: #fff;
}
html .k1p-standalone .select-wrapper {
	margin-bottom:0;
}
html .k1p-standalone .select-wrapper:before {
	color: #EA002A;
	margin-top: 0.1em;
}
html .k1p-standalone input[type=checkbox]:nth-child(1n) + label::before {
	border-radius:0.15em  ;
	border:none;
	background-color: #fff  ;
	padding:0.1em;
}
.k1p-form-legal {
	max-width:36em;
	margin:auto;
}
.k1p-form-legal p {
	
}
.k1p-form-legal a {
	color: inherit;
	text-decoration:underline;
}
html .k1p-standalone input:focus,
html .k1p-standalone select:focus,
html .k1p-standalone textarea:focus,
html .k1p-standalone input[type=checkbox]:nth-child(1n):focus + label::before {
	box-shadow: none;
	outline: 2px solid #000;
}
html .k1p-standalone .k1p-promo-steps::before,
html .k1p-standalone .k1p-promo-steps::after {
	background: none;
	box-shadow: none;
}

html .k1p-standalone .k1p-form-errors {
	color: #EA002A;
}
html .k1p-promo-step-wrapper input[type=date].k1p-date-placeholder+label, 
html .k1p-promo-step-wrapper input[type=email]:placeholder-shown+label, 
html .k1p-promo-step-wrapper input[type=text]:placeholder-shown+label, 
html .k1p-promo-step-wrapper select:invalid:not(:focus-within)+label {
	color:#666;
	opacity:1;
}
html .k1p-standalone fieldset.k1p-form-captcha  {
	display: inline-flex;
}

html .k1p-standalone .k1p-promo-steps {
	will-change:filter;
	transition:filter 0.2s, opacity 0.2s;
	max-width: 52em;
	margin: auto;
}
html .k1p-uploading .k1p-promo-steps {
	filter:blur(4px);
	opacity:0.2
}
html .k1p-uploading .k1p-loading-screen {
	opacity:1;
}
html .k1p-loading-screen {
	background: rgb(0 0 0);
	mix-blend-mode:screen;
}
html .k1p-loading-animation {
	background: #fff;
	color: #000;
	box-shadow: inset 0 0 0 2px #000;
}
@media (min-width:48em) {
	.k1p-promo-thanks {
		margin: 5% 10%;
		width:calc(80% - 4em);
	}
	/*
	html .k1p-standalone fieldset > div:nth-child(8),
	html .k1p-standalone fieldset > div:nth-child(9),
	html .k1p-standalone fieldset > div:nth-child(10) {
		flex-basis:calc(33% - 0.75em);
	}
	*/
}
@media (max-width:32em) {
	html .k1p-standalone fieldset > div:nth-child(1n) {
		flex-basis:100%;
	}
}