@import '../base/css/k1p-form.css';

@font-face {
    font-family: 'Kelloggs Sans';
    src: url('./fonts/hinted-KelloggsSans-Italic.woff2') format('woff2'),
        url('./fonts/hinted-KelloggsSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kelloggs Sans';
    src: url('./fonts/hinted-KelloggsSans-BoldItalic.woff2') format('woff2'),
        url('./fonts/hinted-KelloggsSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kelloggs Sans';
    src: url('./fonts/hinted-KelloggsSans-Bold.woff2') format('woff2'),
        url('./fonts/hinted-KelloggsSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kelloggs Sans';
    src: url('./fonts/hinted-KelloggsSans.woff2') format('woff2'),
        url('./fonts/hinted-KelloggsSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kelloggs Sans';
    src: url('./fonts/hinted-KelloggsSans-Light.woff2') format('woff2'),
        url('./fonts/hinted-KelloggsSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kelloggs Sans';
    src: url('./fonts/hinted-KelloggsSans-MediumItalic.woff2') format('woff2'),
        url('./fonts/hinted-KelloggsSans-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kelloggs Sans';
    src: url('./fonts/hinted-KelloggsSans-LightItalic.woff2') format('woff2'),
        url('./fonts/hinted-KelloggsSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Kelloggs Sans';
    src: url('./fonts/hinted-KelloggsSans-Medium.woff2') format('woff2'),
        url('./fonts/hinted-KelloggsSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



html {
	font-family:"Kelloggs Sans", sans-serif;
	line-height:1.25em;
	color:#1f1f1f;
	background:#fff;
}
/* Navigation */
#critical_communications {
	z-index:199;
	background:#f0f0f0;
}
header {
	background:#fff;
	filter:drop-shadow( 0 0.25em 0.25em rgba(0,35,65,0.1) );
	max-width:100vw;
	height:4.5em;
}
header .content_wrapper {
	justify-content:center; 
}
.mobile-menu--active header {
	background:#1f1f1f;
}

.nav--main ul {
	background:transparent;
}
.nav--container {
	background:#D31145;
}
.nav--container a {
	color:#D31145;
}
.nav--main a {
	font-weight:bold;
	text-decoration:none;
}
section {
	margin:0;
}
.header-logo {
	position: static;
	background:transparent;
	width: 7em;
	height:auto;
	transform:none;
}
.header-logo img { 
	padding:0;
	width: 100%;
	margin: 0;
	height: auto;
}
.nav--mobile-extras { 
	text-align:center; 
}
.nav--mobile-extras a { 
	display:inline-block; 
}
.search-button,
#search,
.menu-button,
.nav--featured {
	display:none;
}

footer { 
	padding:0 0 4em 0;
}
main { 
	padding-top:4.5em; 
}
main .content_wrapper { 
	max-width:64em;
}
@media (min-width:48em) {
	header { 
		height:4.5em;
	}
	header .content_wrapper {
		height:4.5em;
	}
	main { 
		padding-top:4.5em; 
	}
	.header-logo {
		margin:0;
		height: auto;
		outline-offset:2px;
	}
	.nav--container {
		display:none;
	}
}
@media (max-width:47.95em) {
	.nav--container {
		transition: opacity 0.2s, height 0.2s, padding 0.2s, visibility 0s 0.2s;
	}
	.mobile-menu--active .nav--container {
		padding:1em 0 10em;
		height: calc(100vh - 5.5em);
		transition: opacity 0.2s, height 0.2s, padding 0.2s, visibility 0s;
	}
	.mobile-menu--active #critical_communications + header .nav--container {
		height: calc(100vh - 4.5em);
	}
}

/* fixing the "float" nav code - single line version  */
@media (min-width:48em) {
	header nav { font-size:inherit; }
	.nav--container { align-self:flex-end; height:100%;  }
	.nav--container .nav--main li > a,
	.nav--container .nav--secondary li > a { font-size:inherit !important; }
	.nav--main { float:none !important; }
	.nav--secondary { position: absolute; float:none !important; right: -0.5em; }
	.nav--container li a { padding:2em 0.75em; }
}



footer {
	overflow:hidden;
	position:relative;
	margin-bottom:0;
	background:#ffff;
	color:#1f1f1f;
	padding:3em 0 0;
}


footer p {
	font-size: .8em;
}
footer .content_wrapper {
	position:relative;
	z-index:1;
	margin-bottom:2em;
	max-width: 48em;
}
footer .social_icons a,
.footer-nav--main a {
    color: #D31145;
}
footer nav {
	margin-left:auto;
	margin-right:auto;
	
}
.footer-nav--main ul {
	position:relative;
	display: block;
}
.footer-nav--main a:hover {
	text-decoration:underline;
}
.footer-nav--main a {
	font-size: .875em;
	display:inline-block;
	padding:0.5em 0.5em;
}
.footer-nav--secondary a {
	text-decoration:underline;
    font-weight:normal;
    display: inline-block;
    font-size: .8em;
    padding: 0 .5em;
    color: #D31145;
}
.footer-nav--main li {
	break-inside: avoid;
	padding: 0 0.5em;
    display: block;
}

@media (min-width:48em) {
	.footer-nav--main ul {
		text-align:center;
	}
	.footer-nav--main li {
		display:inline-block; 
		
	}
	#back-to-top {
		display:none;
		border:none;
		width: 2.4em;
		height: 2.4em;
		transform:none;
        color: #1f1f1f;
        top: -3em;
	}
	#back-to-top::after {
		border: 0.2em solid currentcolor;
		content:'';
		display:block;
		width:2em;
		height:2em;
		border-radius: 100%;
		transform: rotate(45deg);
	}
	#back-to-top::before {
		position:absolute;
		transform: rotate(45deg);
		margin:0.85em 0.71em;
	}
}
/* Headings and paragraph styles */
h1{
	font-size: 1em;
	font-size:calc(1.5em + 1.5vw);
	line-height:1;
	text-align:center;
	color:inherit;
	margin: 0 auto;
	padding: .5em 0;
}
h2 {
	font-size: 2em;
	font-size:calc(1.5em + 2.5vw);
	line-height:1;
	text-align:center;
	text-transform: uppercase;
}
h3 {
	font-size:2em;
	line-height:0.9;
}
h1,h2,h3,h4,h5,h6 {
	letter-spacing:0;
	font-weight: 900;
}

.k1p-intro-text p{
	max-width: 36em;
}
p {
	margin:1rem auto;
	line-height:1.25;
}

footer .copyright{
    color: #4C4C4C;
    font-size: .8em;
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
	white-space:nowrap;
}
.disclaimer {
	font-size:0.8em;
	text-align: center;
} 
small {
	font-size:0.667em;
} 
sup {
	text-decoration:none;
}
h1 sup,
h2 sup,
h3 sup {
	font-size: 33%;
	top: -1.52em;
	margin-left: 0.1em;
}
@media (min-width:48em) { 
	h1, h2 {
		font-size:2em;
	}
}
ul, ol {
	margin:1rem 0 1rem;
}
.faq-answer ul, .faq-answer ol {
	margin:1rem 0 1rem;
}
.faq-answer li{
	text-align: left;
}
.k1p-form-images {
	text-align: center;
}
li {
	margin:1rem 0 1rem;
}
li:first-child {
	margin-top:0;
}
li:last-child {
	margin-bottom:0;
}
.p-xl {
   max-width: 36em;
   margin:1em auto;
}
/* Links and CTA Buttons */
a {
	color:#D31145;
}
input[type=submit], 
[type="button"], 
[type="reset"], 
[type="submit"],
.k1p-promo-wrapper button,
.button-cta {
	font-size:1rem;
	font-weight:bold;
	text-align:center;
	background:#D31145;
	border:none;
	border-radius:0.1em;
	min-width:10em;
	color:#fff;
	padding:0.75em 2em .6em;
    margin: 0 auto;
    display: block;
	transition:color 0.15s, background 0.15s;
    margin: 0 auto;
	text-transform: uppercase;
}
[type="button"]:hover, 
[type="reset"]:hover, 
[type="submit"]:hover,
.button-cta:hover {
	background:#730a28;
	color:#fff;
}
@media (min-width:48em) { 
	.button-cta {
	}
}
/* Forms */
input,
textarea {
	border-radius:0em;
	background:#f0f0f0;
}
input[type=password], 
input[type=email], 
input[type=number], 
input[type=tel],
input[type=text], 
input[type=search], 
input[type=date],
textarea {
	background:#1f1f1f;
	padding:0.75em 1em 0.75em 1em;
    border: 1px solid #2F2F2F;
    border-radius: 3px;
	color:#666;
}
select {
	background:#1f1f1f;
	padding:0.75em 1em 0.75em 1em;
    border: 1px solid #2F2F2F;
    border-radius: 3px;
	color:#666;
	height: 3.15em;
	font-weight:600;
	padding:0.75em 1em 0.75em 1em;
	transition:color 0.15s, background 0.15s;
}
.select-wrapper::before {
	color:#D31145;
}
.select-wrapper select {
	padding:0.75em 3em 0.75em 1em;
} 
input[type="text"] + label, 
input[type="email"] + label, 
input[type="date"] + label, 
select + label {
	color:#1f1f1f;
}

.pagination a,
.pagination input {
	background:#D31145;
	line-height:0.85;
}
#search input[type="text"] {
	border-radius:0;
	background:transparent;
	text-indent:3rem;
	padding: 0 3rem 0 0;
	outline-offset: 0.25em;
}
#search .search-label--large {
	font-size: 245%;
	font-weight: bold;
	line-height: 1.25;
}
#search .search-label--large::after {
	content:':';
}
#search .search-label--submit::before {
	top:0.3em;
	left: 0.46em;
}
#search .search-label--submit::after {
	top: 2.15em;
	left: 1.8em;
}
@media (min-width:48em) {
	#search input[type="text"] {
		text-indent:0.03em;
	}
}
/* Some active styles */
a:focus, 
a:active,
a:focus .button-cta, 
a:active .button-cta,
button:focus, 
button:active {
	outline: 2px solid #1f1f1f;
}
footer a:focus, 
footer a:active,
input:focus, 
input:active,
textarea:focus, 
textarea:active ,
select:focus, 
select:active,
[tabindex]:focus,
.faq-wrapper input:focus + label,
form input[type="checkbox"]:focus + label:before, 
form input[type="radio"]:focus + label:before {
	outline: 2px solid #1f1f1f;
}
#search input[type=text] {
	outline-offset: 0.25em;
}
#search input[type=text]:focus {
	outline:none;
	border-bottom-color: #D31145;
}

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

.menu-button:focus:hover,
.search-button:focus:hover,
a:focus:hover {
	outline:none;
}
/* Change autocomplete styles in WebKit */
#search input[type=text]:-webkit-autofill,
#search input[type=text]:-webkit-autofill:hover,
#search input[type=text]:-webkit-autofill:focus,
#search input[type=text]:-webkit-autofill:active {
	transition: background-color 51f1f1fs ease-in-out 0s, color 51f1f1fs ease-in-out 0s;
	-webkit-text-fill-color: #1f1f1f !important;
	color: #1f1f1f !important;
}
.tns-controls[tabindex]:focus {
	outline:none;
}
.tns-controls[tabindex]:focus::after {
	content: '';
	display: block;
	border:none;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0;
	right: 0;
	z-index: 1;
	pointer-events: none;
}


@media print {
	@page {
		size: 68em 90em;
		margin: 2em;
	}
	* { 
		color:black !important;
	}
	.tns-controls button[data-controls] {
		color:transparent !important;
	}
	html {
		font-size:16pt;
	}
	header {
		background:#1f1f1f;
		outline:none;
		border-bottom: 0.15em solid black;
	}
	.nav--container {
		background:#1f1f1f;
	}
	.searchicon span:after {
		height:0;
		border-top:0.15em solid black;
		border-bottom:0.15em solid black;
	}
	select,
	.button-cta {
		border:0.15em solid black;
		background:#1f1f1f !important;
		color:#1f1f1f !important;
	}
	.product-nutrition {
		background:none;
	}
	.product-nutrition select {
		background:#1f1f1f;
	}
	.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;
	}
	.social_icons { 
		display:none;
	}
	.footer-nav--secondary,
	footer,
	footer nav a {
		color:black;
		background:none;
	}
	.footer-nav--main ul {
		padding:0;
	}
	.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;
	}
	.pagehero h2 {
		color:#1f1f1f;
	}
	.hero--homepage img {
		opacity:0;
	}


	.recipe-detail-overview .recipe-highlights > div {
		padding-top:0;
		background:none;
	}
	.recipe-detail-overview .recipe-highlights > div::before {
		height:4em;
		width:4em;
		display:block;
		margin:0 auto;
	}
	.recipe-highlight--preptime::before {
		content: url(../images/site/icon-chefhat.svg);
	}
	.recipe-highlight--totaltime::before {
		content: url(../images/site/icon-clock.svg);
	}
	.recipe-highlight--yield::before {
		content: url(../images/site/icon-bowl.svg);
	}
}



/* icon font for social media */
/* Icons */
@font-face {
	font-family: 'icomoon';
	src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
	font-weight: bold;
	font-style: normal;
}
.social_icons {
	margin:1em 0;
	font-size:2rem;
}
.social_icons a {
	margin:0.5em;
	width:1em;
	height:1em;
	display:inline-block;
	vertical-align:middle;
	padding:0;
}
.icon-smartlabel:before {
	content: "\e905";
}
.icon-icon-coupon:before {
	content: "\e907";
}
.icon-icon-map:before {
	content: "\e902";
}
.icon-icon-map-pin:before {
	content: "\e908";
}
.icon-icon-spoon:before {
	content: "\e903";
}
.icon-tiktok:before {
	content: "\e906";
}
.icon-snapchat-ghost:before {
	content: "\e904";
}
.icon-envelope:before {
	content: "\e900";
}
.icon-pinterest-p:before {
	content: "\e901";
}
.icon-facebook:before {
	content: "\ea90";
}
.icon-facebook2:before {
	content: "\ea91";
}
.icon-instagram:before {
	content: "\ea92";
}
.icon-twitter:before {
	content: "\ea96";
}
.icon-youtube:before {
	content: "\ea9d";
}
.icon-pinterest2:before {
	content: "\ead2";
}
.social_icons a,
header .social_icons a,
footer .social_icons a {
	margin:0 ;
	text-decoration:none;
	padding: 0.25em;
	font-size:2rem;
	line-height: 1;
}
main .social_icons a {
	color: #1f1f1f;
}

.social_icons a[data-tracking*="instagram-com"] img,
.social_icons a[href*="instagram.com"] img,
.social_icons a[data-tracking*="twitter-com"] img,
.social_icons a[href*="twitter.com"] img,
.social_icons a[data-tracking*="facebook-com"] img,
.social_icons a[href*="facebook.com"] img,
.social_icons a[data-tracking*="pinterest-com"] img,
.social_icons a[href*="pinterest.com"] img,
.social_icons a[data-tracking*="youtube-com"] img,
.social_icons a[href*="youtube.com"] img,
.social_icons a[data-tracking*="tiktok-com"] img,
.social_icons a[href*="tiktok.com"] img {
	display: none;
}

.social_icons a[href*="facebook.com"]:before, 
.social_icons a[data-tracking*="facebook-com"]:before {
	font-family: icomoon!important;
	content: "\ea90";
	font-size: 1em
}

.social_icons a[href*="twitter.com"]:before,
.social_icons a[data-tracking*="twitter-com"]:before {
	font-family: icomoon!important;
	content: "\ea96";
	font-size: 1em
}
.social_icons a[href*="instagram.com"]:before,
.social_icons a[data-tracking*="instagram-com"]:before {
	font-family: icomoon!important;
	content: "\ea92";
	font-size: 1em
}
.social_icons a[href*="pinterest.com"]:before,
.social_icons a[data-tracking*="pinterest-com"]:before {
	font-family: icomoon!important;
	content: "\e901";
	font-size: 1em
}
.social_icons a[href*="youtube.com"]:before,
.social_icons a[data-tracking*="youtube-com"]:before {
	font-family: icomoon!important;
	content: "\ea9d";
	font-size: 1em
}
.social_icons a[href*="tiktok.com"]:before,
.social_icons a[data-tracking*="tiktok-com"]:before {
	font-family: icomoon!important;
	content: "\e906";
	font-size: 1em
}
.social_icons a:hover {
	background:rgba(0, 0, 0, 0.1);
}

form input[type="checkbox"] + label {
	margin-top: 1em;
}
form input[type="checkbox"]:not(:checked) + label:before,
form input[type="checkbox"]:checked + label:before  {
    width: 1.3em;
    height: 1.3em;
    border: 0.15em solid #1f1f1f;
    border-radius: 0.25em;
    color: #1f1f1f;
	outline-offset:2px;
	transition:border 0.15s, box-shadow 0.2s;
	box-shadow:inset 0 0 0 0 #1f1f1f;
}

form input[type="checkbox"]:checked + label:before {
    border: 0.15em solid #1f1f1f;
	box-shadow:inset 0 0 0 1.5em #1f1f1f;
}

form input[type="checkbox"]:not(:checked) + label:after, 
form input[type="checkbox"]:checked + label:after {
    color: #fff;
    font-size: 154%;
	top: 0.17em;
}



.featured-items {
	margin:2em 0 4em;
	overflow: hidden;
	padding: 1em 0;
}
.featured-items section {
	margin:0 auto;
}
.featured-item-flexgroup {
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-around;
	margin:0 auto;
}
.featured-item > a:focus,
.featured-item > a:active {
	outline:none;
}
.featured-item .button-cta {
	outline-offset:2px;
}
.featured-item {
	height:100%;
	display:flex;
	width:100%;
}
.featured-item > a {
	height:100%;
	width: 100%;
	display:flex;
	flex-direction:column;
	color:inherit;
	text-decoration: none;
}
.featured-item[aria-hidden="true"] > a {
	pointer-events:none;
}
.featured-item {
	position:relative;
	margin:0 auto 2em;
	flex-basis:100%; 
	max-width:24rem;
}

.featured-item-image {
	overflow:hidden;
	border-radius:0.15em;
	position:relative;
}
.featured-item-image::before {
	content:'';
	display:block;
	padding-top:75%;
}
.featured-item-image img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}
.featured-item-title {
	font-size:1.33em;
	font-weight:500;
	line-height: 1.25em;
	text-transform:uppercase;
}
.featured-item .featured-item-description *:first-child {
	margin-top:1rem;
}
.featured-item-description {
	flex-grow:1;
	display:flex;
	flex-direction:column;
	row-gap:1em;
}
.featured-item-description p {
	width:100%;
	margin:0;
}
.featured-item .button-cta {
	margin: auto auto 0 0;
}
.featured-items .tns-ovh {
	overflow:visible;
	padding-bottom:3em;
}
.featured-items .tns-outer {
	max-width:24rem;
	position: relative;
	margin: 0 auto;
	width: calc(100% - 4em);
}
.featured-item-slider .featured-item-flexgroup {
	display:flex;
}
.featured-item-slider .featured-item {
	margin:0;
	flex-basis: auto;
	max-width:none;
	opacity:0;
	transition:opacity 0.2s;
}
.featured-item-slider .featured-item.tns-slide-active {
	opacity:1;
	transition:opacity 0.2s;
}
.featured-item-slider button[data-controls] {
	top:0;
	margin-top: 30%;
}

.featured-item-download-bar {
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	flex-basis: 100%;
	margin: 0 0 1em;
	text-align:left;
	border: thin solid #ccc;
	border-radius: 0.5em;
	padding:0.5em;
	max-width: 23em;
}
.featured-item-download-bar p {
	margin: 0.5em 0 0.5em 0em;
	padding-left: 2.3em;
	position:relative;
}
.featured-item-download-bar .button-cta {
	margin:0.5em 0 0.5em auto;
}
.select-arrow {
	display:inline-block;
	vertical-align:baseline;
	position:absolute;
	width:1em;
	height:1em;
	left: 1em;
	top: 0em;
}
.select-arrow::before,
.select-arrow::after {
	content:'';
	display:block;
	margin:0.6em 0 0;
	border-top:0.15em solid;
	border-left:0.15em solid;
	width:0;
	padding:0.4em;
}
.select-arrow::after {
	margin:-0.45em -0.2em;
	padding:0.2em;
	transform:rotate(225deg);
}

@media (min-width:48em) {
	.featured-item-flexgroup {
		justify-content:center;
		margin: 0 -0.5em;
	}
	.featured-item {
		margin:0 0.5em 2em;
	}
	.featured-item-grid .featured-item {
		flex-basis:calc(50% - 1em);
		max-width:none;
	}
	.featured-item-rows .featured-item {
		max-width:none;
		border-radius:0.5em;
	}
	.featured-item-rows .featured-item .featured-item-description *:first-child {
		margin-top:0;
	}
	.featured-item-rows .featured-item > a {
		flex-direction: row;
		align-items: center;
	}
	.featured-item-rows .featured-item-image {
		flex-basis:calc(33.333% - 0.667em);
		margin-right:2em;
		align-self:stretch;
	}
	.featured-item-rows .featured-item-title {
		font-size:1.5em;
	}
	.featured-items .tns-outer {
		max-width: 48em;
	}
	.featured-item-slider button[data-controls] {
		margin-top: 15%;
	}
	.featured-item-download-bar {
		max-width: none;
		margin: 0 0.5em 1em;
	}
}
@media (min-width:64em) {
	.featured-items section {
		max-width:none;
	}
	.featured-item-grid .featured-item {
		flex-basis:calc(33.333% - 1em);
	}
	.featured-item-rows .featured-item-image {
		flex-basis:calc(25% - 0.5em);
	}
	.featured-items .tns-outer {
		max-width:none;
	}
	.featured-item-slider button[data-controls] {
		margin-top: 10%;
	}
	.featured-item-download-bar p {
		margin-left: 1em;
	}
	.featured-item-checkbox {
		min-width:5em;
	}
	.featured-item-checkbox input[type="checkbox"]:nth-child(1n) + label {
		border-left-width:3em;
		border-right-width:3em;
	}
}
@media (min-width:84em) {
	.featured-items .tns-outer {
		width:auto;
	}
}


.unsubscribe-wrapper {
	min-height:24em;
	display:flex;
	justify-content:center; 
	align-items:center;
	text-align:center;
	padding:2em 0;
	background:#fff; 
}
.unsubscribe-wrapper section {
	width: 100%;
}
.unsubscribe-wrapper .button-cta {
	margin:1em auto 2em;
}
.unsubscribe-wrapper p {
	max-width:26em; 
}
.k1p-loading-screen {
	background:rgba(100,100,100,0.8);
	box-shadow:0 0 0 100vmax rgba(100,100,100,0.8);
}
.k1p-uploading .k1p-loading-screen {
	z-index:999;
}
.k1p-loading-animation {
    color:#D31145;
}
.k1p-loading-logo {
	background:currentcolor url(kellogg-k.svg) center / 60% auto no-repeat;
	box-shadow:0 0 0 0.15em #838383;
	padding:0.33em;
	margin:0.67em;
}
.unsubscribe-wrapper h1 {
	font-size:1.5em;
	max-width:18em;
	font-weight:500;
}
.unsubscribe-thanks-message,
.unsubscribe-error-message {
	display:none;
}
.unsubscribe-error-message h1 {
	max-width:24em;
}
/* some extras */
.h1-xl { font-size:2em; color:#D31145; margin:1rem auto 1rem; padding:0; }
.h1-xl + p  { text-align:center; margin:0 auto 2em; max-width:20em; }
hr { width:calc(100% - 4em); margin:1em auto; border:none; height:0; border-top:thin solid #ccc;  }
@media (min-width:36em) {
	.h1-xl { font-size:3em; }
	.h1-xl + p  { max-width:29em; }
}	
@media (min-width:64em) {
	.h1-xl { font-size:4em; }
}