/* scrollbars */
html {
	scrollbar-gutter: stable;
	scrollbar-width: thin;
}
::-webkit-scrollbar {
	width: 8px;
	scrollbar-width: thin;
	scrollbar-gutter: stable;
}
::-webkit-scrollbar-track {
	background: #f1f1f1; 
	width:8px;
	border-radius:4px; 
}
::-webkit-scrollbar-thumb {
	background: #888; 
	border-radius:4px; 
	width:8px;
}
::-webkit-scrollbar-thumb:hover {
	background: #555; 
}
.ps-lightbox .ps-ribbon>div>label,
.ps-ribbon>div>span,
.ps-lightbox .ps-product-details>h1.ps-product-name,
.ps-lightbox .ps-product-details>h2.ps-product-name {
	font-family: "omnes-pro";
	font-weight: 700;
}
html {
	font-family: "omnes-pro", sans-serif;
	line-height: 1.25;
}
body {
	overflow: hidden;
	background-color: #EDFAFF;
}
.page--products div.products-featured::after {
	background: none;
}
@media (min-width:48em), print {
	body {
		text-align: left;
	}
	section {
		margin: 4em 0;
	}
	.desktop-hide {
		display: none;
	}
}
section {}
/* Navigation */
#critical_communications {
	z-index: 199;
	background: #f0f0f0;
}
header {
	background: #003291;
	box-shadow: 0 -0.7em 1.5em 0.5em rgba(0, 0, 0, 0.5);
	max-width: 100vw;
}
.header-logo {
	width: 8em;
	top: 0.2em;
	transform: translate(-50%, 0);
	background: transparent;
}
.header-logo img {
	display: block;
	height: 6em;
	margin: 0 auto;
}
.mobile-menu--active .navicon span:after {
	width: 2em;
	margin-left: 0;
}
header a,
header button,
footer a,
nav a {
	color: #fff;
	text-decoration: none;
}
header a {
	padding: 0.5em 0.75em;
}
.nav--container {
	box-shadow: 0 100vh 0 100vh rgba(0, 0, 0, 0.75);
	text-align: left;
}
.nav--main,
.nav--featured,
.nav--secondary ul {
	font-weight: bold;
}
.nav--featured {
	text-transform: uppercase;
	padding: 0 0.5em;
	background: #f8f8f8;
	height: 3em;
	display: none;
	visibility: hidden;
}
.nav--featured a {
	color: #003291;
	padding: 1.4em 0.4em 0.8em;
	font-size: 93.75%;
	letter-spacing: -0.015em;
}
.nav--featured a:hover {
	color: #CD0F45;
	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: 0;
	text-align: center;
	background: #003291;

}
.nav--mobile-extras a {
	text-transform: none;
	display: inline-block;
	white-space: normal;
}
.nav--mobile-extras .social_icons {
	font-size: 1.5em;
}
.nav--mobile-extras .social_icons a {
	margin: 0;
	padding: 0 0.25em;
	height: 1.2em;
}
.nav--mobile-extras ul {
	margin: 0 1em;
	font-size: 90%;
	font-weight: normal;
}
.nav--mobile-extras p a {
	text-decoration: underline;
	padding: 0.5em;
}
nav a:hover {
	background: transparent;
	color: #d5f4ff;
}


@media (max-width:47.95em) { /* Mobile */

	header {
		height: 4.5em;
	}
	main {
		padding-top: 4.5em;
	}
	.header-logo {
		padding: 0 0.2em 0.4em;
		margin-top: 0.1em;
	}
	.header-logo img {
		display: block;
		margin: 0 auto;
		height: 5em;
	}
	.nav--container {
		background: #003291;
		height: calc(0vh - 0em);
		max-height: none;
		transition: opacity 0.2s, height 0.2s, padding 0.2s, visibility 0.2s;
	}
	.nav--container .nav--secondary:focus-within {
		/* z-index:2; */
	}
	.mobile-menu--active .nav--container {
		padding-top: 0;
		height: auto;
		max-height: none;
		height: calc(100vh - 4.5em);
		transition: opacity 0.2s, height 0.2s, padding 0.2s, visibility 0s;
	}
	.nav--container a {
		color: #fff;
		transition: box-shadow 0.25s, color 0.15s;
	}
	.nav--main ul a::after {
		color: #fff;
	}
	nav a:hover {
		color: #ddd;
	}
	.nav--container ul a {
		box-shadow: inset 0 0em 0 rgba(255, 255, 255, 0);
	}
	.nav--container ul a:hover {
		color: #003291;
		box-shadow: inset 0 -3em 0 rgba(255, 255, 255, 0.8);
	}
	.nav--main {
		transition: padding 0.4s;
	}
	.mobile-menu--active .nav--main {
		padding-top: 1em;
	}
	.nav--container nav {
		padding: 0;
	}
	header a {
		padding: 0.5em 1em 0.5em;
	}
	.nav--main a {
		margin-right: 3.5em;
	}
	.nav--main a::after {
		margin-left: 1em;
	}
	.nav--main ul ul a {
		text-transform: none;
	}
	.nav--main a.nav-list-title::after {
		display: none;
	}
	.nav--main li.mobile-nav--opened:nth-child(2)>a::after {
		margin-top: -2em;
	}
	.nav--main li.mobile-nav--opened:nth-child(3)>a::after {
		margin-top: -4em;
	}
	.nav--main li.mobile-nav--opened:nth-child(4)>a::after {
		margin-top: -6em;
	}
	.nav--main li.mobile-nav--opened:nth-child(5)>a::after {
		margin-top: -8em;
	}
	.menu-button,
	.search-button {
		font-size: 0.75em;
	}
}
@media (max-width:47.95em) and (min-aspect-ratio:10/7) {

	html {
		font-size: inherit;
	}
	#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: #fff;
		width: 100%;
		position: fixed;
		height: 6.5em;
		top: 0;
		z-index: 99;
	}
	.search--active .nav--featured {
		position: fixed;
		z-index: 99;
	}
	.search--active .menu-button,
	.search--active .search-button {
		color: #fff;
	}
	.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 {}
	.nav--container nav {}
	.mobile-menu--active .nav--container {
		height: calc(100vh - 5.5em);
	}
	.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;
	}
}
@media (min-width:48em), print {
	.nav--container {
		background: transparent;
		box-shadow: none;
	}
	.nav--main ul div {
		background: rgba(0, 0, 0, 0);
		box-shadow: 0 0.2em 0.2em rgba(0, 0, 0, 0.25);
	}
	.nav--main ul div>ul {
		background: #003293;
		padding: .2em;
	}
	.nav--main a {
		white-space: nowrap;
	}
	.nav--main ul ul {
		/* padding:0; */
	}
	.nav--main li>div {
		left: 0;
		transform: none;
		min-width: 16em;
	}
	.nav--secondary li {
		position: relative;
	}
	.nav--main>ul>.nav-item--current>a,
	.nav--main>ul>.nav-item--current-parent>a,
	.nav--secondary .nav-item--current>a,
	.nav--secondary .nav-item--current-parent>a {
		color: #d5f4ff;
		;
	}
	.nav--secondary .nav-item--current::after,
	.nav--secondary .nav-item--current-parent::after {
		left: 2.5em;
	}
	.nav--main>ul>.nav-item--current.li--products::after,
	.nav--main>ul>.nav-item--current-parent.li--products::after {
		right: 2.75em;
	}
	.nav--secondary a img {
		display: none;
	}
	.search-button {
		font-size: 0.75em;
		margin-top: 3em;
		margin-bottom: 0;
	}
	.header-logo {
		width: 10em;
		height: 6em;
		margin-bottom: -1em;
		margin-right: 1em;
		position: relative;
		top: 0.25em;
		left: auto;
		transform: none;
	}
}
/* largest size */
@media (min-width:64em), print {
	.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.5em 0;
	}
	.nav--main>ul>.nav-item--current::after,
	.nav--main>ul>.nav-item--current-parent::after,
	.nav--secondary .nav-item--current::after,
	.nav--secondary .nav-item--current-parent::after {
		bottom: 1em;
	}
	.search-button {
		margin: 0;
	}
	.nav--main>ul>li,
	.nav--secondary>ul>li {
		padding: 1.5em 0;
	}
	.nav--main li>div {
		margin-top: -1.5em;
	}
}
@media (min-width:64em), print {
	header nav {
		font-size: inherit;
	}
}

footer {
	color: #fff;
	position: relative;
	margin-top: calc(12vw + 4em);
	background: #003291;
	padding-bottom: 1em;

}
footer::before {
	content: '';
	display: block;
	padding-top: 16%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 99.5%;
	pointer-events: none;
	background: url(../images/site/footer-background.svg) 0 0 / 100vw 225vw no-repeat;
}
footer .copyright {}
footer a {
	color: #fff;
}
footer a:hover {
	color: #ddd;
}
footer .content_wrapper {
	position: relative;
	z-index: 1;
	margin-top: 0;
	margin-bottom: 2em;
	max-width: 48em;
}
footer nav {
	font-weight: bold !important;
	margin-left: auto;
	margin-right: auto;
	max-width: 32em;
}
.footer-nav--main {
	padding-top: 5em;

}
.footer-nav--main ul {
	text-transform: uppercase;
	position: relative;
	display: block;
	padding-top: 2em;

}
.footer-nav--main a:hover {
	background: none;
	text-decoration: underline;
}
.footer-nav--main a {
	padding: .1em
}
.footer-nav--secondary {}
.footer-nav--secondary a {
	text-decoration: underline;
}
footer li {
	margin: 0 1em 0em 0;
	padding: 0.5em 0;
	break-inside: avoid;
}
.footer-nav--main li:first-child a::before {
	content: '';
	display: block;
	background: url(../images/site/Kelloggs_RKT_Logo.svg?v=2) center / contain no-repeat;
	top: -4em;
	width: 10em;
	height: 5em;
	left: 50%;
	margin-left: -5em;
	position: absolute;
}
.nav--mobile-extras a[href*="//www.kellanova.com/us/en/privacy-choices.html"]::after,
.nav--mobile-extras a[href*="//www.kellanova.com/us/en/do-not-sell-or-share.html"]::after,
.footer-nav--secondary a[href*="//www.kellanova.com/us/en/privacy-choices.html"]::after,
.footer-nav--secondary a[href*="//www.kellanova.com/us/en/do-not-sell-or-share.html"]::after {
	content:'';
	transform: none;
	opacity: 1;
	top: auto;
	display:inline-block;
	vertical-align:middle;
	margin:0 0 0 0.25em;
	background:url(/content/dam/engage/images/privacyoptions.svg) center / contain no-repeat;
	width:2em; height:1em;
}
footer .social_icons a {
	/* margin-top:2em; */
	margin-bottom: 0;
}
.ccpa_button {
	border-radius: 30px;
	padding: 5px 20px;
	margin: 0 auto;
	display: block;
	color: #fff;
	background: #003291;
}
@media (min-width:48em), print {
	footer nav {
		max-width: 48em;
	}
	footer .content_wrapper {
		margin-top: 0em;
	}
	.footer-nav--main li:first-child a::before {
		top: -4em;
	}
	.footer-nav--main ul {
		text-align: left;
		columns: 4;
	}
	.footer-nav--main li {
		display: block;
		max-width: 10em;
	}

	#back-to-top {
		border: none;
		width: 2.4em;
		height: 2.4em;
		top: 0em;
		transform: none;
	}

	#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 */
h2,
h1,
.pretend-h1 {
	font-size: 2em;
	font-size: calc(1.5em + 4.5vw);
	line-height: 1;
	text-align: center;
	color: #003291;
}
h3,
.pretend-h3 {
	font-size: 1.5em;
	line-height: 0.9;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 800;
	margin: 1rem auto;
}
h1,
h2 {}
h2 strong {}
p {
	margin: 1rem auto;
}

.intro-text p{
    text-align: center
}

.recipe_search_intro {
	color: #fff;
}
.recipe_search_intro h2 {
	font-family: inherit;
	font-weight: inherit;
	font-size: 1.25em;
	line-height: inherit;
	color: inherit;
	margin: 0;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
	white-space: nowrap;
}
.disclaimer {
	font-size: 0.8em;
	margin: 1em 0 16em;
	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;
}
.mobile-menu--active main,
.search--active main {
	pointer-events: none;
}

.category-footer-text p {
    margin: 1em auto;
    text-align: left;
    max-width: 45em;
}

.category-footer-text ul {
    margin: 1em auto 2em;
    text-align: left;
    max-width: 45em;
}
@media (min-width:48em), print {
	h1,
	h2,
	.pretend-h1 {
		font-size: 3em;
	}
	h3,
	.pretend-h3 {
		font-size: 2em;
	}
}
@media (min-width:64em), print {
	h1,
	h2,
	.pretend-h1 {
		font-size: 4em;
	}
}
/* Tables */
table {
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
tr {}
td {
	padding: 0.5em 0;
}
ul,
ol {
	margin: 1rem 0 1rem;
	padding-left: 2em;
}
li {
	margin: 1rem 0 1rem;
}
li:first-child {
	margin-top: 0;
}
li:last-child {
	margin-bottom: 0;
}
/* Links and CTA Buttons */
a {
	color: #003291;
	text-decoration: none;
}
input[type=submit],
[type="button"],
[type="reset"],
[type="submit"],
.button-cta {
	font-weight: bold;
	font-size: 1.125rem;
	text-align: center;
	background: #CD0F45;
	border: none;
	border-radius: 1.5em;
	color: #fff;
	padding: 0.7em 1.5em 0.7em;
	margin: 0 auto;
	text-transform: uppercase;
	transition: color 0.15s, background 0.15s;
}
.recipe-list a:focus .button-cta {
	outline: medium solid rgba(0, 0, 0);
}
.recipe-ingredient-buy {
	text-align: center
}
.recipe-list-item a {
    min-height: 100%;
}
.button-buy {
	background: #0096d9;
	margin: 0 auto;
}
[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover,
.button-cta:hover {
	background: #0096d9;
}
.video-fullwidth .ytplayer-wrapper {
	margin: 0 -1em;
	height: auto;
}
.yt-link-initialized {
	opacity: 1;
	pointer-events: auto;
}
.ytplayer .icon--player {
	opacity: 0.33;
	transform: translate(-50%, -50%) scale(0.75);
}
.yt-link-initialized .icon--player {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
	transition: opacity 0.15s, transform 0.15s;
}
.icon--player {
	color: #fff;
	border: none;
	border-radius: 100%;
	box-shadow: 0.05em 0.05em 0.2em rgba(0, 0, 0, .5);
	overflow: hidden;
	width: 5em;
	height: 5em;
}
.icon--player::before {
	display: block;
	content: '';
	background: currentcolor;
	box-shadow: 1.65em 0 0.2em -1.55em rgba(0, 0, 0, 0.5);
	height: 5em;
	width: 4em;
	left: -2.2em;
	position: absolute;
	z-index: 1;
}
.icon--player::after {
	display: block;
	content: '';
	border: none;
	height: 5em;
	width: 5em;
	position: absolute;
	top: -1em;
	left: -3.7em;
	transform: translate3d(0, 0, 0) scaley(.6) rotate(-45deg);
	box-shadow: inset 0em 0em 0.3em rgba(0, 0, 0, .5), 2em 2em 0 2em currentcolor;
}
.ytplayer:hover .icon--player {
	color: #dedede;
}
.ytplayer {
	opacity: 0.8;
	pointer-events: none;
}
.yt-link-initialized {
	opacity: 1;
	pointer-events: auto;
}
.video-fullwidth {
	padding-bottom: 2em;
	text-align: center;
	position: relative;
}
.video-fullwidth .button-cta {
	position: absolute;
	right: 50%;
	bottom: 2.5rem;
	transform: translate(50%, 0);
	z-index: 1;
}
.video--ingredients h2 {
	max-width: 9em;
}
@media (min-width:48em), print {
	.icon--player {
		font-size: 1em;
	}
	.video-fullwidth .ytplayer-wrapper {
		width: 66.67%;
		margin: 0 auto;
	}
	.video--ingredients .content_wrapper {
		display: flex;
		align-items: center;
		break-inside: avoid;
		page-break-inside: avoid;
	}
	.video--ingredients .video-description {
		order: 1;
	}
	.video-fullwidth .button-cta {
		position: static;
		transform: none;
	}
}
.nav--main li:hover>div {
	max-height: 100vh !important;
}
/* 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 {
	border: 1px solid #003291;
	border-radius: 0.3em;
	background: #fff;
	padding: 0.75em 1em 0.75em 1em;
	line-height: 1.49em;
	outline-offset: 0;
}
select {
	border: 1px solid #003291;
	border-radius: 0.3em;
	background: #fff;
	text-align: center;
	padding: 0.75em 2em 0.75em 1em;
	transition: color 0.15s, background 0.15s;
	outline-offset: 0;
}
.select-wrapper::before {
	color: #0096d9;
}
.select-wrapper select {
	padding: 0.75em 3em 0.75em 1em;
}
.pagination {
	margin: 2em 0;
}
.pagination button,
.pagination input {
	background: #003291;
}
.pagination input {
	padding-top: 0.15em;
	padding-bottom: 0.15em;
}
@media (min-width:48em), print {
	.pagination {
		margin: 4em 0;
	}
}
#search {
	background: rgba(7, 79, 137, 0.95);
	top: 4.5em;
}
#search input[type="text"] {
	border-radius: 0;
	background: transparent;
	text-indent: 3rem;
	padding: 0 3rem 0 0;
}
#search .search-label--large {
	font-weight: 800;
	font-size: 266%;
}
#search .content_wrapper {
	max-width: 28em;
}
#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), print {
	#search input[type="text"] {
		text-indent: 0.03em;
		width: calc(100% - 10rem);
	}
}
/* Some active styles */
a:focus,
a:active,
button:focus,
button:active,
input:focus,
input:active,
textarea:focus,
textarea:active,
select:focus,
select:active,
[tabindex]:focus,
form input[type="checkbox"]:focus+label:before,
form input[type="radio"]:focus+label:before,
input[type="checkbox"]:focus+label:before,
input[type="radio"]:focus+label:before {
	outline: medium solid rgb(0,0,0);
}
.skip-main:focus,
.skip-main:active,
header a:focus,
header a:active,
footer a:focus,
footer a:active,
footer button:focus,
footer button:active,
footer [tabindex]:focus,
footer [tabindex]:active {
	outline: medium solid rgb(200, 240, 255);
}
#critical_communications a:focus,
#critical_communications a:active {
}
.menu-button:focus:hover,
.menu-button:active:hover,
.search-button:focus:hover,
.search-button:active:hover,
a:focus:hover,
a:active:hover {
	outline: none;
}
#search input[type=text] {}
#search input[type=text]:focus {
	border-bottom-color: #0096d9;
	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 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;
}
/* slider styles */
.tns-controls button[data-controls="next"] {
	right: 0.5em;
}
.tns-controls button[data-controls="prev"] {
	left: 0.5em;
}
.tns-controls button[data-controls]::before,
.tns-controls button[data-controls]::after {
	background: #fff;
	width: .8em;
	left: 0.6em;
}
.tns-nav button:hover {
	background: transparent;
}
.tns-controls button[data-controls] {
	box-shadow: none !important;
	padding: 0;
	background-color: #003291;
	width: 2em;
	height: 2em;
	border-radius: 0;
}

.hero-carousel .tns-nav button{
	color: #000;
	    opacity: .6;
}

.hero-carousel .tns-nav button.tns-nav-active{
	color: #fff;
	opacity: 1;
}

.hero-carousel .tns-nav button:focus{
	outline: medium solid #fff;
}

/* Basic Hero */
.pagehero {
	height: 56.25vw;
	min-height:16em;
	text-align: center;
	max-height: none;
	background-color: #003291;
	margin-bottom: 2em;
}
.pagehero .content_wrapper::before {
	height: 90%;
	margin-right: -0.31em;
}
.pagehero section {
	margin: 0 auto;
}
.pagehero h2,
.pagehero h1 {
	font-size: 3.5em;
	color: inherit;

}
.pagehero .rich-text {
	color: #fff;
	margin: 0 auto 0;
	font-size: 1rem;
}
.pagehero>section>img,
.pagehero>section>picture img {
	min-width: 100%;
}
.hero-carousel .pagehero::after{
	background: none;
	padding: 0;
}

.pagehero::after {
	content: '';
	display: block;
	background: url(../images/site/curve-top-ltgray.svg) center top / 100vw 25vw no-repeat;
	padding-top: 6vw;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
@media (min-width:48em), print {
	.pagehero {
		height: 35vw;
		min-height: 20em;
		margin-bottom: 4em;
	}
	.pagehero .rich-text {
		text-align: center;
		text-shadow: none;
	}
	.pagehero h2,
	.pagehero h1 {
		font-size: 5em;
	}
	.pagehero .hero-slide>picture img {
		max-height: none;
	}
}
/* recipes page hero */
.hero--recipes::after {
	padding-top: 10vw;
	background: url(../images/site/curve-top-dkblue.svg) center top / 101vw 25vw no-repeat;
}
.hero--recipes {
	margin-bottom: 0;
}

/* Home Hero */
.hero-home {
	height: auto;
	background:url(/content/dam/scoengage/rice-krispies-treats/modules/interact/images/grid-background-mobile.jpg) center / cover no-repeat, #003291;
	color:#fff;
	overflow:hidden;
	position:relative;
	text-align: center;
	padding-bottom:35vw;
}
.hero-home section {
	margin:0;
}
.hero-home .rich-text {
	font-size: min(calc(0.25em + 1.5vw), 3em);
}
.hero-home h1 {
	color:inherit;
	font-size: 3.5em;
	max-width:9em;
	margin: 1em auto 0.5em;
	position: relative;
	z-index: 1;
}

.hero-home-package-left-side{
	display: block;
	position: absolute;
	top: 75%;
	left: 0%;
	transform: translate(-25%,-50%) rotate(-15deg);
	width: 50%;
}
.hero-home-package-right-side{
	display: block;
	position: absolute;
	top: 76%;
	right: 4%;
	transform: translate(25%,-50%) rotate(25deg);
	width: 50%;
}

@media (min-width:48em) {
	.hero-home {
		padding-bottom:7em;
		background: url(/content/dam/scoengage/rice-krispies-treats/modules/interact/images/grid-background-desktop.jpg) center / cover no-repeat, #003291;
	}
	.hero-home-package-left-side,
	.hero-home-package-right-side{
		width:40%;
	}
	.hero-home-package-left-side{
		left: -2%;
		top: 75%;
	}
	.hero-home-package-right-side{
		right: -7%;
		top: 44%;
	}
}

/* RKT Nucleus & Sweet Treats Header Start */

/* mobile */
.hero-home-rkt-nucleus {
	position:relative;
	height: 55.25vw;
    min-height: 10em;
}
.hero-home-rkt-nucleus section{
	margin: 0;
}
/* .hero-home-rkt-nucleus::after {
	content: '';
	display: block;
	background: #edfaff;
	mask: url(/content/dam/scoengage/rice-krispies-treats/images/site/curve-ltblue.svg) left top / 300% auto no-repeat;
	padding-top: 16vw;
	position: absolute;
	bottom: 0;
	left: 0vw;
	width: 100%;
	border-bottom: 0em solid #d5f4ff;
	pointer-events:none;
}
*/
.hero-button:hover {
	background: #002566;
}
.hero-home-rkt-nucleus img {
	width:100%; 
}


.hero-home-wrapper {
	position:relative;
}
.hero-home-rkt-nucleus .button-cta {
	font-size: 4vw;
	background: #003899;
	margin: 0 auto;
	padding: 0.4em 1em 0.4em;
	position: absolute;
	left: -70%;
	top: 30%;
}
.home-header-h1 {
	font-size: 4vw;
	text-align: center;
	margin: 0 auto;
	padding-bottom: .3em;
}
.visa-gift-card {
	color: #cd1045;
	background-color: white;
	border-radius: 25px 25px;
	padding: 1px 16px;
	margin: 0 auto;
	font-size: 3.5vw;
	text-align: center;
	font-weight: 800;
	display: inline-block;
}
.home-header-date {
	text-align: center;
	color: white;
	margin: 0 auto;
	padding: .5em 2em 1.5em;
	font-size: 3vw;
}
.home-header-copy {
	position: absolute;
	top: 60%;
	left: 43.5%;
	width: 50%;
}

.greatticket-cta {
    font-weight: bold;
    background: #003899;
    position: absolute;
    color: #ffffff;
    font-size: 4vw;
    bottom: 20.75%;
    left: 6%;
    padding: 0.4em 1em 0.4em;
    border-radius: 1.5em;
    text-transform: uppercase;
}

.choc-pb-cta {
    font-weight: bold;
    background: #003899;
    position: absolute;
    color: #ffffff;
    font-size: 4vw;
    bottom: 15.75%;
    left: 13%;
    padding: 0.4em 1em 0.4em;
    border-radius: 1.5em;
    text-transform: uppercase;
}

.bliss-cta {
    font-weight: bold;
    background: #003899;
    position: absolute;
    color: #ffffff;
    font-size: 4vw;
    bottom: 15.75%;
    left: 13%;
    padding: 0.3em 1em 0.4em;
    border-radius: 1.5em;
    text-transform: uppercase;
}


/* desktop */
@media screen and (min-width: 48em){
	.hero-home-rkt-nucleus{
	    height: 29.25vw;
	}
	
	.home-header-copy {
		top: 12%;
		left: 45%;
		width: 40%;
	}
	.home-header-div-text {
		width: 100%;
		text-align: center;
	}
	.home-header-h1 {
		font-size: 2.75vw;
		text-align: center;
		margin: 0 auto;
		padding-bottom: .3em;
	}
	.visa-gift-card {
		border-radius: 50px 50px;
		font-size: 2vw;
	}
	.home-header-date {
		text-align: center;
		color: white;
		margin: 0 auto;
		padding: .5em 2em 1.5em;
		font-size: 1.5vw;
	}
	.hero-home-rkt-nucleus .button-cta {
        font-size: 2vw;
		position: static;
    }
	.greatticket-cta {
		bottom: 10.5%;
		left: 9%;
        font-size: 2vw;
    }
	.choc-pb-cta {
		bottom: 16.5%;
		left: 50%;
        font-size: 2vw;
    }
	.bliss-cta {
		bottom: 8.5%;
		left: 59%;
        font-size: 2vw;
    }
}
/* RKT Nucleus & Sweet Treats Header End */


/* hero-retreat */
.hero-retreat {
	text-align: center;
	background-color: #003291;
}
.hero-retreat section {
	margin:0 auto;
	max-width:100rem;
	position: relative;
}
.hero-retreat img {
	width:100%;
}
.hero-retreat .button-cta {
	background:#fff;
	color:#003291;
	margin-top:0.25em;
	padding:0.33em 1em;
	font-weight: 800;
	font-size: 1.5em;
}
.hero-retreat .button-cta:hover {
	color:#CD0F45;
}
.hero-retreat h1 {
	color: #fff;
	font-size: 1.9em;
	width: 10em;
	margin: 0.5em auto;
}
.hero-retreat-overlay {
	font-size: min(2vw, 2em );
	position: absolute;
	top: 35%;
	left: 77%;
	transform:translate(-50%,-50%);
}
@media (min-width: 48em) {
	.hero-retreat-overlay {
		font-size: min(1.5vw, 1.5em );
		position: absolute;
		top: 68%;
		left: 26.5%;
	}
	.hero-retreat h1 {
		width: 14em;
	}
}


.hero-disclaimer {
	padding: 0 0 1em 0;
}

.hero-disclaimer p{
	text-align: center;
	font-size: .8em;
}





/* page title */
.page-title {
	text-align: center;
}
.page-title p {
	max-width: 38em;
	margin: 1rem auto;
}
.page--recipes .title-under-pagehero {
	min-height: auto;
	background: #0E79C0;
}
.page--recipes .title-under-pagehero section {
	margin: 0 auto;
	overflow: hidden;
	font-size: 1.25em;

	position: initial;
}
.recipe-title {
	font-size: 1.66em;
	line-height: 1em;
	font-weight: bold;
	color: #003291;
	margin-top: 0.5em;
}

/* promotions */
.promotions-featured a {
	display: block;
	overflow: hidden;
	border-radius: 1.5em;
}
.promotions-featured-row {
	justify-content: space-between;
	max-width:24em;
	margin:auto;
}
.promotions-featured .promotions-featured-column {
	display: block;
	position: relative;
	font-size: min(3vw, 0.8em);
	flex-basis: calc(50% - 0.5em);
	margin-bottom: 1em;
	min-height: 20em;
}
.promotions-featured .button-cta {
	font-size: inherit;
	white-space: nowrap;
}
.promotions-featured img {
	width: 100%;
}
.promotions-featured .rich-text {
	height: 100%;
}
.promotions-featured .rich-text a {
	display: block;
}
.promotions-featured .rich-text a:active {
	outline-offset: -2px;
}

.promotions-description {
	position: absolute;
	top: 1em;
	left: 2em;
	right: 2em;
	text-align: center;
	height: 100%;
}
.promotions-description h3,
.promotions-description h2 {
	color: #fff;
	text-shadow: 0.1em 0.1em 0.1em #000;
	font-size: 2em;
	line-height: 1;
	text-align: center;
}
.promotions-description .button-cta {
	position: absolute;
	bottom: 2em;
	text-align: center;
	/* margin: 0 auto; */
	left: 50%;
	transform: translate(-50%, 0);
}
@media (min-width:48em), print {
	.promotions-featured-row {
		max-width:48em;
	}
	.promotions-featured .promotions-featured-column {
		font-size: min(1.5vw, 0.8em);
	}
	.promotions--og-treats .button-cta:last-child {
		margin-left: 0.6em;
	}
	.promotions-featured .promotions--scotcheroos {
		height: auto;
	}
}
@media (min-width:64em) {
	.promotions-featured-row {
		max-width:none;
	}
	.promotions-featured .promotions-featured-column {
		font-size: min(1.5vw, 1.25em);
	}
}
/* products */
.relatedproducts div.products-line::before {
	background: none;
}
.products-featured {
	text-align: center;
	background: #EDFAFF;
	overflow: hidden;
}
.products-featured p {
	position: relative;
	font-size: 1.125em;
}
.contact-us p {
	text-align: center;
}
.products-featured h2,
.products-featured h3 {
	color: #003291;
	position: relative;
	line-height: inherit;
}
.products-featured h2,
.products-featured h3 {
	font-size: 2em;
	line-height: inherit;
}
.products-featured img {
	width: 100%;
}
.product-category-back {
	font-weight: bold;
	font-size: 1.25em;
	color: #1194D9;
}
.product-category {
	margin: 1em auto 2em;
	position: relative;
	display: block;
	max-width: 24em;
}
.products-featured-row .product-primary-image {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 1.5em;
}
.product-category--treats .product-secondary-image {
	width: 18em
}
@media (min-width:48em), print {
	.products-featured-row {
		justify-content: center;
	}
	.products-featured .product-category {
		flex-basis: calc(50% - 1em);
		margin: 0.1em 0.5em;
	}
	.product-category-description {
		padding-bottom: 4em;
	}
	.product-category-description .button-cta {
		position: absolute;
		bottom: 1rem;
		left: 50%;
		transform: translate(-50%, 0);
		width: 75%;
		max-width: 14em;
	}
}
/* Product Line Lists */
.products-list {
	position: relative;
	text-align: center;
}
.products-list-product {
	position: relative;
	padding: 1em 0;
	flex-basis: 12em;
}
/* bazaarvoice stars */
.bv_main_container {
	justify-content:center;
}
.products-list-product .product-primary-image {
	height: 11em;
	margin-bottom: 0.5em;
	position: relative;
}
.products-list-product .product-primary-image>img {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%, -50%);
}
.product-list-title {
	display: block;
	padding: 0.5em;
	text-decoration: underline;
	font-weight: bold;
}
.productlist h2 {
	visibility: hidden;
	display: none;
}
.productListBV {
	z-index: 2;
	position: inherit;
}

.search-results-item a {
	display: block;
}
@media (min-width:48em), print {
	.products-list-product {
		flex-basis: 33.33%;
	}
}
@media (min-width:64em), print {
	.products-list-product {
		font-size: 1.25em;
	}
	.search-results-item {
		font-size: 1.25em;
		flex-grow: 0;
	}
}
/* END Product Line Lists */

/* Product Detail page + a few Recipe Detail styles, since they are nearly the same */
.product-slider-holder,
.product-detail-overview,
.recipe-slider-holder,
.recipe-detail-overview {
	margin-top: 1em;
}
.product-detail-highlights .content_wrapper {
	align-items: center;
}
.product-slider-holder,
.recipe-slider-holder {
	text-align: center;
}
.product-detail-overview,
.recipe-detail-overview {
	max-width: 24em;
	margin: 0 auto;
}
.product-detail-highlights,
.recipe-detail-highlights {
	text-align: left;
}
.product-thumbnails-container .tns-nav-active,
.recipe-thumbnails-container .tns-nav-active {
	border-color: #003291;
}
.product-detail-overview h1,
.recipe-detail-overview h1 {
	color: #003291;
	font-size: 2em;
	line-height: 1;
	text-align: left;
}
.addthis_button_compact {
	display: none;
}
.product-detail-overview p,
.recipe-detail-overview p {
	font-size: 1.125em;
	margin: 1em 0;
	text-align: left;
}
.product-detail-actions .button-cta,
.recipe-detail-actions .button-cta {
	margin: 0;
}
.addthis_toolbox {
	font-size: 117%;
}
.addthis_toolbox a {
	margin: 0 0 0 0.25em;
}
.product-nutrition h2 {
	color: inherit;
	font-weight: bold;
	font-size: 2em;
}
.product-nutrition h3 {
	font-size: 2em;
	font-weight: bold;
	letter-spacing: -0.033em;
}
.product-nutrition select {
	font-size: 1.125rem;
	border: 0.15em solid currentColor;
	background: transparent;
	border-radius: 2em;
}
.product-nutrition option {
	color: #000;
}
.product-nutrition .select-wrapper::before {
	color: inherit;
}
.product-nutrition .button-cta {
	color: #003291;
	background: #fff;
	width: 10.85em;
}
.product-nutrition-highlights p {
	text-align: justify;
}
.product-nutrition .content_wrapper>p {
	display: none;
	visibility: hidden;
}
.product-nutrition-highlights h3:first-child {
	display: block;
	color: #fff;
}
.product-nutrition-smartlabel {
	margin: 2em 0;
	text-align: center;
}
.product-nutrition-smartlabel-title+p {
	margin-bottom: 0.25em;
}
.product-nutrition-smartlabel img {
	margin-bottom: 0;
}
.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-row {
	display: flex;
	flex-wrap: wrap;
}
.product-nutrition {
	background: #003291;
	color: #ffffff;
	text-align: center;
	margin: -2vw auto -3vw;
}
.product-nutrition::before,
.product-nutrition::after {
	content: '';
	display: block;
	background: url(../images/site/curve-bottom-nutrition-ltblue.svg) center bottom / 100vw 25vw no-repeat;
	padding-top: 7.5vw;
	margin: -1px 0;
}
.product-nutrition::after {
	background: url(../images/site/curve-top-nutrition-ltblue.svg) center top / 100vw 25vw no-repeat;
	padding-top: 9.5vw;
	margin: 2px 0;
}
.product-related-recipes {
	text-align: center;
}
@media (min-width:48em), print {
	.product-slider-holder,
	.recipe-slider-holder {
		padding-right: 1em;
	}
	.product-detail-overview,
	.recipe-detail-overview {
		max-width: none;
		padding-left: 1em;
	}
	.product-detail-overview h1,
	.recipe-detail-overview h1 {
		font-size: 3em;
	}
	.product-nutrition-smartlabel .select-wrapper {
		width: 15.76em;
		/* color: red; */
	}
	.addthis_toolbox {
		display: block;
	}
	.product-nutrition-highlights {
		order: 0;
	}
}
svg.smart-label-logo path {
	fill: white
}
/* recipe detail */
.recipe-highlights {
	display: flex;
	text-align: center;
	justify-content: center;
	margin: 2em 0;
	color: #003291;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.85em;
	line-height: 1.33;
}
.recipe-highlights strong {
	display: block;
	font-size: 1.4em;
	color: #000;
}
.recipe-highlights>div {
	padding-top: 5em;
	width: 11em;
	margin: 0 auto 1em;
}
.recipe-highlight--preptime {
	background: url(../images/site/icon-chefhat.svg) center top / 5em 5em no-repeat;
}
.recipe-highlight--totaltime {
	background: url(../images/site/icon-clock.svg) center top / 5em 5em no-repeat;
}
.recipe-highlight--yield {
	background: url(../images/site/icon-bowl.svg) center top / 5em 5em no-repeat;
}
.recipe-slider-aspect-ratio {
	padding-top: 75%;
}
.recipe-directions-row {
	line-height: 1.5;
	width: 100%;
}
.recipe-directions-row h2,
.recipe-directions-row h3 {
	color: #003291;
	font-family: inherit;
	font-size: 2em;
	text-align: left;
}
.recipe-ingredients ul {
	list-style: none;
	padding: 0;
}
.recipe-ingredients ul li {
	padding-left: 1em;
	position: relative;
}
.recipe-ingredients ul li::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0.6em;
	background: #003291;
	width: 0.5em;
	height: 0.5em;
	border-radius: 100%;
}
.recipe-ingredients ul .divider::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0.6em;
	background: #fff;
	width: 0.5em;
	height: 0.5em;
	border-radius: 100%;
}
.recipe-ingredients ul .divider {
	font-weight: 600;
}
.recipe-related-product-tile {
	box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.25);
	border-radius: 1.5em;
	padding-bottom:2em;
}
.recipe-related-product-tile h3 {
	margin: 1rem 0;
	width: 100%;
	color: #003291;
	font-family: inherit;
	font-size: inherit;
	font-weight: 400;
}
.recipe-related-product-tile p {
	font-weight: 800;
	font-size: 2em;
	color: #003291;
	margin-top: 0;
}
.recipe-related h2 {
	font-size: 2em;
}
.recipe-related section,
.recipe-related-product section {
	margin: 0 auto;
	padding: 1em 0;
}
@media (min-width:48em), print {
	.recipe-directions-row h2,
	.recipe-directions-row h3,
	.recipe-related h3 {
		font-size: 2em;
	}
	.recipe-related-product-tile{
		padding-left:20em;
	}
}
/* recipe search */
.recipe-search::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	margin-top: -1px;
	padding-top: 9%;
	background: url(../images/site/curve-bottom-dkblue2.svg) center bottom / 100vw 150vw no-repeat;
	pointer-events: none;
}
.recipe-search-text-field {
	margin: 1em auto;
}
.recipe-search-filter-images {
	color: #fff;
}
.recipe-search-filter-images .filter-tile.selected .filter-tile-img-container {
	outline: medium solid #cd0f45;
}
.filter-tile-img-container {
	border-radius: 0.5em;
	overflow:hidden
}
.recipe-search-filter-images label {
	font-weight:bold;
	font-size:1.5em;
	margin:1rem 0
}
.filter-tile:focus:hover {
	outline:none;
}
.recipe-search-filter-images .filter-tile span {
	font-weight:bold;
	display:block;
	margin:0.5em 0;
}
#recipe-search-submit {
	width: 100%;
	box-sizing: border-box;
	padding: 0.75em 1.5em;
}
#recipe-search-q {
	border-radius: 2em;
	min-width: 0;
	margin-bottom: 1em;
	border: none;
	box-shadow: 0 0 1em rgba(0, 0, 0, 0.15);
}
@media (min-width:48em), print {
	#recipe-search-q {
		padding: .72em 3.1em;
		background: #fff;
		padding-right: 13em;
		margin-bottom: 0;
	}
	#recipe-search-submit {
		margin-left: -10.9em;
		border-radius: 0 2em 2em 0;
		width: auto;
		display: inline-block;
		vertical-align: top;
	}
	.filter-tile {
		flex-basis:calc((100% / 7) - 0.5em); 
	}
}
.video-search,
.recipe-search {
	background: #0e79c0
}
.recipe-results,
.video-results {
	position: relative;
}
.recipe-results h2,
.video-results h2 {
	margin-top: 10vw;
}
.video-search section,
.recipe-search section {
	margin: 0;
	padding: 2em 0 0;
	background: #0e79c0;
	position: relative;
}
.video-search p,
.recipe-search p {
	color: #fff;
	max-width: 28em;
	font-size: 1.5em;
}
.video-search form,
.recipe-search form {
	position: relative;
	z-index: 2;
}
.video-search form {
	padding-top: 12vw;
}
.video-results section,
.recipe-results section {
	padding: 0em 0 12em;
	margin: 0 0 -12em;
}
.video-search-filters-row,
.recipe-search-filters-row {
	justify-content: center;
	max-width: 22em;
	margin: 0 auto;
}
.video-search-filter,
.recipe-search-filter {
	flex-basis: 100%;
}
.video-search-filter label,
.recipe-search-filter label {
	font-weight: bold;
	color: #ffffff;
	font-size: 1.25em;
}
.video-search-filter .select-wrapper,
.recipe-search-filter .select-wrapper {
	width: 100%;
}
.video-search-filter .select-wrapper select,
.recipe-search-filter .select-wrapper select {
	width: 100%;
	border-color: #0096d9;
	color: #0096d9;
	box-shadow: 0 0 1em rgba(0, 0, 0, 0.15);
}
.video-list,
.recipe-list {
	margin: 0 -0.5em;
	gap: 0;
}
.video-list-image,
.recipe-list-image {
	border-radius: 1.5em 1.5em 0 0;
	overflow: hidden;
	position: relative;
}
.recipe-list-image::before {
	content: '';
	display: block;
	padding-top: 66.66%;
}
.recipe-list-image img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: auto;
	transform: translate(-50%, -50%);
}
.video-list-item,
.recipe-list-item {
	margin: 0 0.5em 1em;
	box-shadow: 0 0 1em rgba(0, 0, 0, 0.15);
	border-radius: 1.5em;
	flex-basis: 24em;
	position: relative;
	background-color: #fff;
	padding-bottom: 0;
}
.video-list-item a {
	display: block;
}
.video-list-item .icon--player {
	opacity: 0.8;
}
.video-list-description,
.recipe-list-description {
	padding: 1em 2em 5em;
	text-align: center;
	color: #000;
}
.video-list-description .button-cta,
.recipe-list-description .button-cta {
	position: absolute;
	left: 50%;
	bottom: 2em;
	transform: translate(-50%, 0);
	width: 50%;
}
.video-list-description h3,
.recipe-list-description h3 {
	font-size: 1.66em;
	font-weight: bold;
	color: #003291;
	line-height: 1em;
}
button.close {
	position: absolute;
	top: -3em;
}
#yt_mobile_modal .ytplayer_mobile {
	-webkit-transform: translate(0, 2em);
	transform: translate(0, 2em);
	-webkit-transition: -webkit-transform 0.35s cubic-bezier(.33, 0, .4, 1);
	transition: transform 0.35s cubic-bezier(.33, 0, .4, 1);
}
@media (min-width:48em), print {

	.video-results section,
	.recipe-results section {
		padding: 1em 0;
		margin: 0 0;
	}
	.video-list,
	.recipe-list {
		margin: 0 -0.66em;
	}
	.video-list-item,
	.recipe-list-item {
		flex-basis: calc(50% - 1em);
		max-width: 24em;
	}
	.video-search-filters-row,
	.recipe-search-filters-row {
		margin: 0 -0.5em;
		max-width: none;
	}
	.video-search-filter,
	.recipe-search-filter {
		text-align: left;
		flex-basis: calc(33.333% - 1em);
		margin: 0 0.5em 0;
	}
}
@media (min-width:64em), print {

	.video-list-item,
	.recipe-list-item {
		flex-basis: calc(33.333% - 1em);
		max-width: 24em;
	}
}



/* themed recipes pages */
.hero--recipe-theme {
	height:auto;
	min-height:0;
	margin-bottom: 0;
}
.hero--recipe-theme::after {
	bottom:-1px;
	mask: url(../images/site/curve-top-dkblue.svg) center top / 101vw 25vw no-repeat;
	mask: url(../images/site/curve-top-ltgray.svg) center top / 100% auto no-repeat;
	background: #0e79c0;
}
.hero--recipe-theme::before {
	content:'';
	display:block;
	padding-top:56.25%;
}
.hero--recipe-theme section {
	position:absolute; 
	top:0;
	width:100%;
	text-align:left;
}
.hero--recipe-theme .content_wrapper::before {
	height:60%;
}
.hero--recipe-theme img[src*="halloween"],
.hero--recipe-theme img[src*="holiday"] {
	object-position: right top;
	width: 100%;
}
.hero--recipe-theme h1 {
	letter-spacing: -0.007em;
	text-align:left;
	text-transform:uppercase;
	font-size:calc(0.2em + 8.5vw);
	padding: 4% 0;
	margin: 0;
	font-weight: 600;
	line-height: 0.9;
	max-width: 7em;
}
:root {
	--shadowcolor:#7f7f7f
}
.hero--recipe-theme .decoration-getcrafty {
	text-align:left;
	font-weight: 900;
	text-transform:uppercase;
	position: relative;
	top:-0.05em;
}
.hero--recipe-theme .decoration-getcrafty > span {
	text-shadow: 0.0500em 0.0000em 0 var(--shadowcolor), 
 0.0483em 0.0129em 0 var(--shadowcolor), 
 0.0433em 0.0250em 0 var(--shadowcolor), 
 0.0354em 0.0354em 0 var(--shadowcolor), 
 0.0250em 0.0433em 0 var(--shadowcolor), 
 0.0129em 0.0483em 0 var(--shadowcolor), 
 0.0000em 0.0500em 0 var(--shadowcolor), 
 -0.0129em 0.0483em 0 var(--shadowcolor), 
 -0.0250em 0.0433em 0 var(--shadowcolor), 
 -0.0354em 0.0354em 0 var(--shadowcolor), 
 -0.0433em 0.0250em 0 var(--shadowcolor), 
 -0.0483em 0.0129em 0 var(--shadowcolor), 
 -0.0500em 0.0000em 0 var(--shadowcolor), 
 -0.0483em -0.0129em 0 var(--shadowcolor), 
 -0.0433em -0.0250em 0 var(--shadowcolor), 
 -0.0354em -0.0354em 0 var(--shadowcolor), 
 -0.0250em -0.0433em 0 var(--shadowcolor), 
 -0.0129em -0.0483em 0 var(--shadowcolor), 
 -0.0000em -0.0500em 0 var(--shadowcolor), 
 0.0129em -0.0483em 0 var(--shadowcolor), 
 0.0250em -0.0433em 0 var(--shadowcolor), 
 0.0354em -0.0354em 0 var(--shadowcolor), 
 0.0433em -0.0250em 0 var(--shadowcolor), 
 0.0483em -0.0129em 0 var(--shadowcolor);
	filter:drop-shadow(0.06em 0.06em 0 #000b);
	mix-blend-mode:hard-light;
}
.hero--recipe-theme .decoration-getcrafty-spooky::after {
	content:'';
	position:absolute;
	height: 1em;
	left: 46.5%;
	top: 34%;
	right: 5.5%;
	background:url(../images/recipes/get-crafty-halloween.png) 0 0 / contain no-repeat;
}
.hero--recipe-theme .decoration-getcrafty-holiday::after {
	content:'';
	position:absolute;
	height: 1.6em;
	right: 37.4%;
	top: 31.5%;
	left: 0.25%;
	background:url(../images/recipes/get-crafty-holiday.svg) 0 0 / contain no-repeat;
}
.recipe-theme-title {
	color:#fff;
	overflow:hidden;
	padding-bottom:calc(10vw + 2em);
	margin-bottom: calc(-10vw - 2em);
	background: linear-gradient(to bottom, #0e79c0 0%, #0e79c0 50%, #0e79c000 50%),   url(../images/site/curve-bottom-dkblue.svg) center bottom / 100% auto no-repeat;
	text-align:center;
}
.recipe-theme-title section {
	margin:2em 0;
}
.recipe-theme-title h2 {
	color:#fff;
}
.recipe-theme-title p {
	max-width:48em;
}
.recipe-theme-list {
	list-style:none;
	padding:0;
	margin:0;
	position:relative;
	text-align:center;
}
.recipe-theme-list li {
	display:inline-block;
	width:8em;
	margin:0.5em;
	padding:0;
}
.recipe-theme-list a {
	display:block;
	font-weight:600;
}
.recipe-theme-list a:hover  {
	color:#000;
}
.recipe-theme-list a::before {
	content:'';
	display:block;
	padding-top:100%;
	border-radius:1em;
	background:url(../images/recipes/related-holiday.jpg) center / cover no-repeat;
	margin-bottom:0.5em; 
}
.recipe-theme-list a[href*="halloween"]::before {
	background-image:url(../images/recipes/related-halloween.jpg) 
}
.recipe-theme-list a[href*="game"]::before {
	background-image:url(../images/recipes/related-game.jpg) 
}

@media (min-width:48em), print {
	.hero--recipe-theme::before {
		/* padding-top:55.75%; */
	}
}
@media (min-width:64em), print {
	.hero--recipe-theme h1 {
		font-size: min(10em, calc(3em + 5vw));
	}
	.hero--recipe-theme::before {
		padding-top:40%;
	}
}







.faq-question {
	border-bottom-color: currentcolor;
}
.faq-question button {
	font-weight: bold;
	cursor: pointer;
	color:inherit;
}
.faq-question label::before {
	line-height: 0.65em;
	padding: 0.1em;
	margin-top: -0.5em;
}

.contact-intro {
	max-width: 50em;
	margin: 2em auto;
}
.contact-intro h2 {
	line-height: 0.8;
	margin-top: 0;
	font-size: 2em;
}
.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: 60em;
	margin: auto;
	text-align: left;
}
.contact-preliminary .content_wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.form-wrapper,
main #KSTL-ContactUs-main .box-bordered,
.contact-preliminary-option {
	border: 0.15em solid #003291;
	flex-basis: 100%;
	margin: 0 0 1em 0;
	border-radius: 0.5em;
}
.form-wrapper {
	max-width: 58em;
	margin: 0 auto;
}
.form-wrapper form {
	padding: 1em;
}
.contact-preliminary-option {
	flex-basis: 100%;
}
.form-title,
.contact-preliminary-title {
	background: #003291;
	padding: .5em;
	margin: -0.15em -0.15em 0;
	border-radius: 0.5em 0.5em 0 0;
}
.form-title h2,
.contact-preliminary-title h2 {
	color: #fff;
	margin: 0;
	font-size: 1.66em;
	font-weight: bold;
}
.contact-preliminary-content {
	padding: 0 1em 1em;
	text-align: center;
}
@media (min-width:64em), print {
	.contact-preliminary-option {
		flex-basis: calc(50% - 1em);
	}
	.contact-preliminary-content p {
		text-align: left;
		min-height: 2.5em;
	}
}
@media (min-width:64em), print {
	.contact-preliminary {
		max-width: 60em;
	}
}
/* 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;
}
select::-ms-expand {
	display: none;
}
@media print {
	main {
		margin-top:7em;
	}
	header {
		height:6em;
	}
	header, 
	footer {
		background:#fff; 
		color:#000;
	}
	header a, 
	header button, 
	footer a {
		background:#fff; 
		color:#000;
	}
	.product-nutrition {
		background:none;
	}
	.product-nutrition select {
		background:#fff;
	}
	.product-nutrition::before,
	.product-nutrition::after,
	footer::before,
	footer::after {
		display:none;
	}
	.recipedetails .content_wrapper:last-of-type {
		box-shadow:none;
		color:inherit;
	}
	.recipedetails .content_wrapper:last-of-type::before, 
	.recipedetails .content_wrapper:last-of-type::after {
		display:none;
	}
	.social_icons { 
		display:none;
	}
	.footer-nav--secondary,
	footer {
		color:black;
		background: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;
	}
	.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);
	}
	.litereg-flyout { 
		display:none;
	}
	[class*=hero] {
		print-color-adjust: exact;
		-webkit-print-color-adjust: exact;
	}
	#back-to-top {
		display:none;
	}
	.featured-item-slider .featured-item-flexgroup {
		max-width:133%
	}
	.featured-item-slider .featured-item {
		opacity:1;
	}
}

a#back-to-top {
    top: 0em;
}

.sitemapV2 {
	text-align: left;
}
.sitemapV2:first-child {
	margin-top: 3em;
}

.sitemap ul, .sitemap{
	text-align: left;
}
/* sticky styles */
footer {
	margin-bottom: 0;
	box-shadow: 0 4em 0 #000;
}
.ps-product-details>h2.ps-product-name {
	font-size: 1.6em;
	text-align: left
}
#yt_mobile_modal {
	padding-top: 2em;
}
/*
.sweepstakes {
	text-align: left;
	word-wrap: break-word
}
.modal__overlay {
	background: rgba(2, 18, 47, 0.9);
}
.modal__content {
	background: none;
	box-sizing: border-box;
	padding: 2em;
	overflow-y: auto;
	max-height: 95vh;
	max-height: calc(100vh - 4em);
}
.modal__content .subhead {
	font-weight: bold;
	font-size: 1.25em;
}
.modal__content h2 {
	color: #fff;
	text-align: left;
	font-size: 1.5em;
}
.modal__content {
	color: #fff;
	text-align: left;
}
.modal__content img {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
.modal__content li {
	margin: 0 0 0;
	text-align: left;
}
.modal__close {
	background: none;
	right: 1em;
}
.modal__close::before,
.modal__close::after {
	content: '';
	display: block;
	background: #fff;
	position: absolute;
	border-radius: 0.2em;
	height: 0.33em;
	width: 1.666em;
	left: 0.4em;
	top: 1.15em;
}
.modal__container {
	max-height: 95vh;
	max-height: calc(100vh - 7em);
	position: relative;
}
@media (min-width:48em), print {
	.modal__container {
		width: 90%;
		max-width: 70em;
	}
	.modal__content {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.modal__content img {
		padding: 0 1em 0 0;
		width: 100%;
		max-width: 20em;
		margin: 0;
	}
	.modal__content div {
		width: 30%
	}
}
@media screen and (min-width: 1200px) {
	.more-game-pieces {
		z-index: 2;
		position: relative;
		padding: 4.5em 0;
	}
}*/

/* Social 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 {
	font-size: 1.5rem;
}
.social_icons a::before {
	font-family: 'icomoon' !important;
	margin: 0;
}
.social_icons a {
	margin: 0.5em;
	width: 1em;
	height: 1em;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
}
.icon-icon-hourglass:before {
	content: "\e90b";
}
.icon-icon-trash:before {
	content: "\e90c";
}
.icon-shop-bag:before {
	content: "\e902";
}
.icon-login-arrow:before {
	content: "\e903";
}
.icon-login1:before {
	content: "\e909";
}
.icon-icon-map-pin:before {
	content: "\e908";
}
.icon-icon-coupon:before {
	content: "\e907";
}
.icon-icon-map:before {
	content: "\e90a";
}
.icon-x_logo:before {
	content: "\e90d";
}
.icon-user2:before {
	content: "\e90e";
}
.icon-cart2:before {
	content: "\e90f";
}
.icon-smartlabel:before {
	content: "\e905";
}
.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-flickr4:before {
	content: "\eaa6";
}
.icon-linkedin2:before {
	content: "\eaca";
}
.icon-pinterest2:before {
	content: "\ead2";
}
header .social_icons,
footer .social_icons {
	font-size: 1.75rem;
	margin: 1em 0;
}
header .social_icons a,
footer .social_icons a {
	text-decoration: none;
	padding: 0 0.25em;
	font-size: 1em;
	line-height: 1;
	margin: 0;
}
.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;
	position: relative;
}
.social_icons a[href*="twitter.com"]:before,
.social_icons a[data-tracking*="twitter-com"]:before {
	font-family: icomoon !important;
	content: "\e90d";
	font-size: 1.25em;
	padding: 0;
	top: -0.1em;
	left: -0.1em;
	position: relative;
}
.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
}
@media (min-width:48em), print {
	.nav--secondary>ul a::before {
		/* default is wtb */
		font-family: icomoon !important;
		font-size: 1.75em;
		content: "\e908";
		display: inline-block;
		vertical-align: top;
		margin: -0.4em 0.1em -0.5em 0;
		position: relative;
	}
	.nav--secondary>ul .link--promotions::before {
		content: "\e907";
	}
	.nav--secondary>ul .link--account::before,
	.nav--secondary>ul .link--my-account::before {
		content: "\e90e";
		margin: -0.23em 0 -0.5em 0;
		font-size: 140%;
	}
	.nav--secondary>ul .link--cart::before {
		content: "\e90f";
		font-size: 133%;
		margin: -0.2em 0 -0.5em 0;
		left: -0.3em
	}
	.nav--secondary>ul .link--eningles::before,
	.nav--secondary>ul .link--in-english::before,
	.nav--secondary>ul .link--en-espa-ol::before,
	.nav--secondary>ul .link--enspanol::before {
		display: none;
	}
	.nav--secondary>ul .link--cart::before {
		margin: -0.2em -0.1em -0.5em -0.1em;
		left: -0.3em
	}
}
.nav--secondary li {
	vertical-align: top;
}
.nav--secondary .link--in-english {
	display: none;
}
html[lang="es"] .link--en-espa-ol,
html[lang="es-US"] .link--en-espa-ol {
	display: none;
}
html[lang="es"] .link--in-english,
html[lang="es-US"] .link--in-english {
	display: inline-block;
}
/* end social icons */




.social-feed-intro::before {
	content: '';
	display: block;
	background: url(/content/dam/scoengage/rice-krispies-treats/images/site/curve-ltblue-up.svg) center top / 102vw 25vw no-repeat;
	padding-top: 15.1vw;
	margin-bottom:-4vw;
	width: 100%;
}
.social-feed-intro section {
	background-color: #d5f4ff;
	margin:0 0 -2em;
	padding:1rem 0;
}
.social-feed-feature {
	background-color: #d5f4ff;
	margin:0 0 4em;
	padding:1em 0;
}
.social-feed-feature section {
	margin:0;
}
.social-feed-feature::after {
	content: '';
	display: block;
	background: url(/content/dam/scoengage/rice-krispies-treats/images/site/curve-top-ltgray.svg) center top / 102vw 25vw no-repeat;
	padding-top: 12.1vw;
	margin-bottom: -6vw;
	width: 100%;
	z-index: 2;
	pointer-events: none;
	bottom: 0;
}
.social-feed-feature .featured-item-image::before {
	display:none;
}
.social-feed-feature .featured-item-image img {
	position:static;
}


