:root {
	--pringles-red: #EA002A;
	--weird-comp-red: #EA002A;
}
main {
	background:var(--pringles-red);
	box-shadow:0 12em 0 0 var(--pringles-red), 0 25vw 0 0 var(--pringles-red);
	color:#fff;
}
h1,
h2 {
	color:#fff;
	text-transform:none;
}

main a:focus, 
main a:active, 
main a:focus .button-cta, 
main a:active .button-cta, 
main input:focus,
main textarea:focus,
main select:focus,
main button:focus,
main form input[type="checkbox"]:focus + label:before, 
main form input[type="radio"]:focus + label:before {
	outline:0.2rem solid #000;
	box-shadow:none;
}
main .literegistration .k1p-promo-step-wrapper input[type], 
main .literegistration .k1p-promo-step-wrapper select, 
main .literegistration .k1p-promo-step-wrapper textarea,
main .literegistration-dynamic .k1p-promo-step-wrapper input[type], 
main .literegistration-dynamic .k1p-promo-step-wrapper select, 
main .literegistration-dynamic .k1p-promo-step-wrapper textarea {
	outline-offset:0;
}
.crocs-hero {
	margin:0;
	position:relative; 
}
.crocs-hero img {
	margin:0 auto
}
.crocs-hero-overlay {
	background:rgba(0,0,0,0.61);
	position:absolute; 
	top:0;
	left:0;
	right:0; 
	bottom:0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.crocs-intro {
	text-align:center;
	margin:4em 0;
}
.crocs-intro h1 span {
	display:block;
	white-space:normal;
	line-height:0.9em;
	margin-bottom:0.5em;
}
.crocs-intro h1 + p,
.crocs-intro h2 + p {
	max-width:38em;
}
.crocs-intro img {
	margin:auto; 
	width:100%;
}
.crocs-nutrition-row img {
	margin:auto; 
	width:32em;
}
.crocs-nutrition-row > div {
	margin:2em auto;
	flex-basis:calc(50% - 2em);
}
@media (max-width:32em) {
	.crocs-hero h1,
	.crocs-hero h2,
	.crocs-intro h1,
	.crocs-intro h2 {
		font-size:2em;
	}
}
@media (min-width:48em) {
	.crocs-nutrition-row {
		display:flex;
		justify-content:space-between;
		margin-bottom:2em;
	}
}

.nutrition-table-wrapper {
	border:1px solid; 
	border-radius:0.5em;
	padding:0.5em 1em;
	color:#000;
	background:#fff;
	max-width:28em;
	margin: 2em auto;
}
.nutrition-table-title  {
	font-size: 1.5em;
	margin: 0 0 0.2em;
	line-height: inherit;
	font-weight:bold;
}
.nutrition-table-wrapper p {
	margin:0.5rem auto;
}
.nutrition-table tbody  {
	border-top:0.67em solid
}
.nutrition-table td,
.nutrition-table th {
	padding:0.25em 0;
	border-bottom:thin solid currentcolor;
	font-weight:normal;
	text-align:left;
}
.nutrition-table th span {padding-left: .1em;}
.nutrition-table b {
}
.nutrition-table .nutrition-table-amount th {
	text-align:end;
}
.nutrition-table-calories th,
.nutrition-table-calories td {
	font-size:1.5em;
	border-bottom:0.2em solid currentcolor;
}
.nutrition-table td:first-child  {
	text-indent:1em;
}
.nutrition-table td:nth-child(2),
.nutrition-table td:nth-child(3),
.nutrition-table th:nth-child(2),
.nutrition-table th:nth-child(3) {
	text-align:end;
	min-width: 2.5em;
}
.nutrition-table .nutrition-table-indent-1 {
	padding-left:1em;
}
.nutrition-table .nutrition-table-indent-2 {
	padding-left:2em;
}

.extra-disclaimer {
	color:#666666;
	text-align:center;
}

.dv-long-text {
	display:none;
}
@media (min-width:64em) {
	.dv-long-text {
		display:initial;
	}
	.dv-short-text {
		display:none;
	}
}



html .k1p-promo-step-wrapper {
	padding: 1em;
}
html .k1p-promo-steps {
	margin:0 -1em;
}
html .k1p-promo-steps {
	color:#000;
}
html .k1p-standalone .k1p-form-twocol>div {
	margin-bottom:0.25em
}
.root  .k1p-promo-step-wrapper {
	max-width:64em;
	min-height: 18em;
}
.root .k1p-promo-steps {
	margin: 0 -1em;
}
.root input[type], 
.root .k1p-promo-steps select,
.root textarea {
}
.root .k1p-standalone .k1p-promo-steps::before, 
.root .k1p-standalone .k1p-promo-steps::after {
	box-shadow: 0 0 0.5em #a6d050;
}

.root .k1p-promo-step-wrapper input[type], 
.root .k1p-promo-step-wrapper select, 
.root .k1p-promo-step-wrapper textarea {
	background:#fff;
	font-size:1em;
	outline-offset:0.1em;
	border-color:#fff;
	font-weight: normal;
}
.root form input[type="checkbox"]:not(:checked) + label:after, 
.root form input[type="checkbox"]:checked + label:after {
	font-size:175%;
}
.root form input[type="checkbox"]:not(:checked) + label:before, 
.root form input[type="checkbox"]:checked + label:before {
	background:#fff;
	border-color:#fff;
	border-radius:0.15em;
	font-size: 100%;
	margin: 0.1em;
}
.root .k1p-form-legal {
	margin:0 auto;
	max-width:34em;
}
.root .k1p-chkbox-legal {
	color:#fff;
}
.root .k1p-chkbox-legal a {
	color:#fff;
}
.root .button-cta {
	color:#000;
	background:#ffb100;
}

html .k1p-promo-step-wrapper input[type="text"]+label, 
html .k1p-promo-step-wrapper input[type="email"]+label, 
html .k1p-promo-step-wrapper input[type="date"]+label, 
html .k1p-promo-step-wrapper select+label {
	color:#fff;
	font-weight:bold;
}
html .k1p-promo-step-wrapper input[type="text"]:placeholder-shown+label, 
html .k1p-promo-step-wrapper input[type="email"]:placeholder-shown+label, 
html .k1p-promo-step-wrapper input[type="date"].k1p-date-placeholder+label, 
html .k1p-promo-step-wrapper select:invalid:not(:focus-within)+label {
	color:#000;
	font-weight:normal;
}

html .k1p-promo-step-wrapper input+label span {
	color:var(--pringles-red);
} 
html .k1p-promo-step-wrapper p {
	max-width:34em; 
	margin:1em auto;
	color:#fff;
}
.crocs-party-entries {
	margin:2em 0;
}
.crocs-party-entries > div {
	overflow:hidden; 
	border-radius:1em;
	position:relative;
	max-width:30em;
	margin:0 auto 2em;
}
.crocs-party-entries > div::before {
	content:'';
	display:block;
	padding-top:133%;
	
}
.crocs-party-entries img {
	position:absolute; 
	top:0; 
	width:100%;
	height:100%;
	object-fit:cover;
}

@media (min-width:48em) {
	.crocs-party-entries  {
		display:flex;
		flex-wrap:wrap; 
		justify-content:space-between;
		margin:4em auto;
	}
	.crocs-party-entries > div {
		flex-basis:calc(33.33% - 1.33em);
		margin:0 0 2em;
	}
	.crocs-party-entries > div:nth-child(3n + 2) {
		transform:translate(0,10%);
	}
}





html .k1p-loading-screen {
	background: #ea002a;
	opacity: 0.5;
}

html .k1p-loading-animation {
	background: #fff;
	color: #000000;
	mix-blend-mode: screen;
	mask: radial-gradient(closest-side, #000 97%, #0000 98%, #fff0);
}
html .k1p-loading-logo  {
	transform:scale(0.9)
}
html .k1p-uploading .k1p-loading-screen {
	opacity: 0.75;
}
html .k1p-standalone form {
	transition:filter 0.2s;
	text-align:center;
	
}
html .k1p-uploading form  {
	filter:blur(4px);
}

html .k1p-standalone .k1p-form-errors {
	color: #AD0000;
	display:inline-block;
	position:relative;
	top:-1em;
	border-radius: 0.15em;
	padding: 0 0.5em;
}

.k1p-standalone .k1p-form-errors:not(:empty) {
	background:#fff; 
	box-shadow:0 0 0 0.5em #fff; 
}