/* fonts */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap');



@font-face {
  font-family: "ColbyLight";
  font-style: normal;
  font-stretch: normal;
  font-display: block;
  src: url('../fonts/ColbyLight_normal_normal.woff2') format('woff2'), url('../fonts/ColbyLight_normal_normal.woff') format('woff');
}
@font-face {
  font-family: "ColbyCondensedBlack";
  font-style: normal;
  font-stretch: condensed;
  font-display: block;
  src: url('../fonts/ColbyCondensedBlack_normal_condensed.woff2') format('woff2'), url('../fonts/ColbyCondensedBlack_normal_condensed.woff') format('woff');
}
@font-face {
  font-family: "ColbyRegular";
  font-style: normal;
  font-stretch: normal;
  font-display: block;
  src: url('../fonts/ColbyRegular_normal_normal.woff2') format('woff2'), url('../fonts/ColbyRegular_normal_normal.woff') format('woff');
}
@font-face {
  font-family: "ColbyBold";
  font-style: normal;
  font-stretch: normal;
  font-display: block;
  src: url('../fonts/ColbyBold_normal_normal.woff2') format('woff2'), url('../fonts/ColbyBold_normal_normal.woff') format('woff');
}
@font-face {
  font-family: "ColbyBlack";
  font-style: normal;
  font-stretch: normal;
  font-display: block;
  src: url('../fonts/ColbyBlack_normal_normal.woff2') format('woff2'), url('../fonts/ColbyBlack_normal_normal.woff') format('woff');
}



html {
    font-family: "Montserrat", sans-serif;
}
body {
    /* overflow: hidden; */
}
/* 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; 
}

main section {
    margin: 0;
}
/* Navigation */
#critical_communications {
    z-index: 199;
    background: #f0f0f0;
}
#search {
    top: 4.5em;
	background:rgb(1 25 45 / 95%);
}
header,
.header {
    background: url(../images/site/nav-background.svg) center bottom / cover repeat-x;
    max-width: 100vw;
}
header nav {
    font-size: 1em;
}
.header-logo {
    background: transparent;
    display: inline-block;
    height: 100%;
    padding: 0;
    vertical-align: middle;
    width: 9em;
    margin-left: -0.75em;
}

.header-logo:focus, .header-logo:hover {
    outline:none;
}
.header-logo img {
    display: block;
    height: 6em;
    margin: 0.5em auto 0;
}
.mobile-menu--active .navicon span:after {
    width: 2em;
    margin-left: 0;
}
header a,
header button,
footer a,
nav a {
    font-family: "ColbyCondensedBlack";
    color: #ffffff;
    text-decoration: none;
    font-weight: 300;
}
.menu-button,
.search-button {
    color: #ffffff;
    font-size: 0.75em;
    z-index: 5;
}
.nav--container {
    box-shadow: 0 100vh 0 100vh rgba(0, 0, 0, 0.75);
}
.nav--main,
.nav--featured,
.nav--secondary ul {
    font-weight: 900;
}
.nav--featured {
    text-transform: uppercase;
    background: transparent;
}
.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: 1em 0;
    text-align: center;
    width: 100%;
    bottom: 0;
}
.nav--mobile-extras a {
    text-transform: none;
    display: inline-block;
}
.nav--mobile-extras p {
    font-size: 90%;
    color: #fff;
    text-transform: none;
}
.nav--mobile-extras p a {
    text-decoration: underline;
    padding: 0.5em;
}
nav a:hover {
    background: transparent;
    color: rgba(255, 255, 255, 0.9);
}
#search .search-label--submit::before,
.searchicon span::before {
    border-width: 0.25em;
    height: 1.33em;
    width: 1.33em;
}
.nav--secondary img {
	display:none;
}
.ccpa_button {
    border: 0.15em solid #fff;
    color: #fff;
}
@media (max-width:47.95em) {

    header,
    .header {
        height: 7em;
    }
    header .content_wrapper,
    .header .content_wrapper {
        height: 3.85em;
    }
    header::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 3.85em;
        background: url(../images/site/nav-background.svg) left bottom / auto 6em repeat-x;
        filter: drop-shadow(0 0 0.33em rgba(0, 0, 0, 0.25));
        max-width: 100vw;
    }
    .header-logo {
        margin-left: 0;
    }
    .header-logo img {
        display: block;
        width: 10em;
        height: 3.8em;
        margin: 0 auto;
        transition: transform 0.25s;
		pointer-events:none;
    }
    .page--kids .header-logo img {
        width: auto;
        height: auto;
    }
    .mobile-menu--active .header-logo img {
        transform: scale(1.2);
    }
    .mobile-menu--active {
        /*padding-top:0.5em;*/
    }
    .nav--container nav {
        padding: 0;
    }
    header a,
    .header a {
        padding: 0.5em 1em;
    }
	.header-logo {
		padding: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--container {
        background: #0966b2;
        border-top: none;
        height: 100%;
		position:fixed;
		top:5em;
    }
	#critical_communications+header .nav--container {
		top:8em;
	}
    .mobile-menu--active .nav--container {
        max-height: calc(100% - 5em);
        padding-top: 0;
    }
    .mobile-menu--active #critical_communications + header .nav--container {
        max-height: calc(100% - 8em);
    }
}
@media (max-width:47.95em) and (min-aspect-ratio:10/7) {

    html {
		font-size:1em;
	}
	#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: url(../images/site/nav-background.svg) left bottom / auto 7em repeat-x;
		width:100%; 
		position:fixed;
		height:7em;
		top:0;
		z-index:99;
	}
	.search--active .nav--featured {
		position:fixed;
		z-index:99;
	}
	.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:-7em;
	}
	.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 {
		height: calc(100vh - 5.5em);
	}
	.nav-dropdown--products {
		columns:2;
	}
	.mobile-menu--active .nav--container {
	}
	.nav--mobile-extras p {
		margin:1em;
		display:inline-block;
		vertical-align:middle;
	}
	header .content_wrapper {
		max-width:none;
	}
    .nav--mobile-extras {
        position: relative;
    }
    
}
@media (max-width:20em) {
    .nav--container nav {
        min-width: 300px;
    }
}
@media (min-width:48em) {
    main {
        padding-top: 5em;
    }
    header,
    .header {
        height: 5.5em;
        background-size: auto 7em;
    }
    .nav--container {
        background: transparent;
        box-shadow: none;
        z-index: auto;
        margin-left: 1em;
    }
    .nav--main li:hover > div,
    .nav--main li:focus-within > div {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
        margin-top:-0.5em;
		overflow: visible;
    }
    .nav--main ul div > ul {
    }
    .nav--main a {
        white-space: nowrap;
    }
    .nav--main ul ul {
        padding: 0;
    }
    .nav--main li > div {
        background: #033966 url(../images/site/nav-background.svg) left top -3.66em / auto 4em no-repeat;
        left: -0.5em;
        transform: none;
        min-width: 12em;
    }
    .nav--main ul ul a {
        padding-left: 1.25em;
    }
    .nav--secondary {
        z-index: 2;
    }
    .nav--secondary li {
        position: relative;
    }
    .nav--main {
        height: 3em;
    }
    .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 {
        background: #fff;
        content: '';
        display: block;
		position:absolute;
        border-radius: 0.16em;
        height: 0.15em;
        bottom: 0.33em;
        left: 0.75em;
        right: 0.75em;
    }
    .nav--secondary .nav-item--current::after,
    .nav--secondary .nav-item--current-parent::after {
        left: 2.5em;
    }
    .nav--secondary a {
        position: relative;
    }
    .nav--secondary ul li:first-of-type img {
        display: none;
        visibility: hidden;
    }
}
@media (min-width: 48em), print {
    .nav--secondary li:not(:first-child) span {
        font-family: "ColbyCondensedBlack";
        font-size: 0.8rem;
        position: absolute;
        left: 50%;
        bottom: -1.33em;
        background: #000;
        opacity: 0;
        border-radius: 0.2em;
        padding: 0.2em 0.6em;
        transform: translate(-50%, 0);
        pointer-events: none;
        text-transform: uppercase;
    }
    .nav--secondary .link--where-to-buy, 
	.nav--secondary .link--promotions {
        position: relative;
    }
    .nav--secondary [class]:focus span, .nav--secondary [class]:hover span {
        opacity: 1;
    }
}
/* largest size */
@media (min-width:75em) {
    header nav {
        font-size: 1.125em;
    }
    .nav--container {
        flex-grow: 1;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        align-self: center;
        height: 100%;
    }
    .nav--main,
    .nav--secondary {
        margin-top: 0;
        position: static;
        height: 100%;
    }
    .nav--main > ul > li,
    .nav--secondary > ul > li {
        padding: 1.2em 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;
    }
    .nav--main li:hover > div {
        margin-top: -0.5em;
    }
    .search-button {
        margin-top: 0;
        margin-left: 0;
    }
}
footer {
    position: relative;
    background: #0966B2;
    box-shadow: 0 5em 0 #0966B2;
    color: #fff;
	margin-bottom:0;
}
footer::before {
    content: '';
    height: 3em;
    background: url(../images/site/nav-background.svg) left bottom -.1em / auto repeat-x;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    left: 0;
    display: block;
    top: -1em;
    border: none;
    width: 100%;
}
footer .content_wrapper {
    position: relative;
    z-index: 1;
    margin-top: 8em;
	padding-bottom:1em; 
}
footer nav {
    margin-left: auto;
    margin-right: auto;
    font-weight: bold;
}
.footer-nav--main ul {
    text-transform: uppercase;
    position: relative;
    display: block;
}
.footer-nav--main a:hover {
    background: none;
    text-decoration: underline;
}
.footer-nav--main a {
    font-size: 1.125em;
}
.footer-nav--secondary a {
    text-decoration: underline;
}
footer li {
    margin: 0 1em 1em 0;
}
.footer-nav--main li:first-child::before {
    content: '';
    display: block;
    background: url(../images/site/poptarts-logo.svg) center / contain no-repeat;
    top: -7em;
    width: 12em;
    height: 6em;
    left: 50%;
    margin-left: -6em;
    position: absolute;
}
@media (min-width:48em) {
    footer {
        position: relative;
        background-size: 200% 105%;
    }
    footer .content_wrapper {
        
    }
    .footer-nav--main li:first-child::before {
        left: 0;
        margin: 0;
        width: 9em;
    }
    .footer-nav--main ul {
        text-align: left;
        columns: 4;
    }
    .footer-nav--main li {
        display: block;
        padding: .2em 0
    }
    #back-to-top {
        border: none;
        width: 2.4em;
        height: 2.4em;
        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;
    }
    .footer-nav--main a {
		display: inline-block;
    }
    footer::before {
       overflow: hidden;
        
    }
}
/* Headings and paragraph styles */
h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: -0.033em;
    margin: 1rem auto;
    text-transform: uppercase;
    font-weight: normal;
    font-family: "ColbyCondensedBlack";
}
h1 {
    color: #0966B4;
    font-size: 2em;
    font-size: calc(1.5em + 2.5vw);
    line-height: 0.9;
    
}
h2 {
    color: #0966B4;
    font-size: 2em;
    font-size: calc(1.5em + 2.5vw);
    line-height: 0.9;
    text-align: center;
}
h3 {
    font-size: 2em;
    line-height: 0.9;
}
h1,
h2 {}
h2 strong {}
p {
    margin: 1rem auto;
}
img {}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    white-space: nowrap;
}
.disclaimer {
    font-size: 0.8em;
}
small {
    font-size: 0.667em;
}
sup {
    text-decoration: none;
    font-family: sans-serif;
    font-weight: normal;

}
h1 sup,
h2 sup,
h3 sup {
    font-size: 40%;
    top: -1.2em;
    margin-left: 0.1em;
}
.home-disclaimer p{
    text-align: center;
    font-size: .7em;
}
@media (min-width:48em) {
    h1, h2 {
        font-size: 3em;
    }
}
/* 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: #0966B2;
    text-decoration: underline;
}
a img {
    text-decoration: none;
}
form input[type=submit],
form [type="button"],
form [type="reset"],
form [type="submit"],
.btn-primary,
.button-cta {
    font-size: 1.33rem;
    font-family: "ColbyCondensedBlack";
    font-weight: normal;
    text-align: center;
    background: #0966b2;
    white-space: nowrap;
    color: #fff;
    padding: 0.3em 0.5em 0.4em;
    line-height: 0.9;
    margin: 0.5em;
    position: relative;
    text-transform: uppercase;
    transition: color 0.15s, background 0.15s, filter 0.15s;
}
form input[type=submit]::before,
form [type="button"]::before,
form [type="reset"]::before,
form [type="submit"]::before,
.btn-primary::before,
.button-cta::before {
    /* this border image is layered on top as a pseudo element because chrome has a bug where border images don't always connect to the background. */
    content: '';
    display: block;
    position: absolute;
    top: -0.5em;
    right: -0.5em;
    bottom: -0.5em;
    left: -0.5em;
    border-style: solid;
    border-width: 0.6em;
    border-image: url(../images/site/button-cta-blue.svg) 15% 8% stretch;
}
.button-cta-white::before {
    /* this border image is layered on top as a pseudo element because chrome has a bug where border images don't always connect to the background. */
    content: '';
    display: block;
    position: absolute;
    top: -0.5em;
    right: -0.5em;
    bottom: -0.5em;
    left: -0.5em;
    border-style: solid;
    border-width: 0.6em;
    border-image: url(../images/site/button-cta-white.svg) 15% 8% stretch;
}
.btn-primary,
.button-cta {
    min-width: 6em;
}
[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover,
.btn-primary:hover,
.button-cta:hover {
    filter: brightness(0.85) contrast(1.5);
}
.promotion--readywhenyouare .button-cta:hover {
    color: black;
}
body .video-fullwidth .ytplayer-wrapper {
    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, color 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 {
    opacity: 0.8;
    pointer-events: none;
}
.yt-link-initialized {
    opacity: 1;
    pointer-events: auto;
}
body .video-fullwidth {
    padding: 2em 0;
    text-align: center;
    position: relative;
    background-color: #f4f4f4
}
body .video-fullwidth .button-cta {
    position: absolute;
    right: 48%;
    bottom: -0.5rem;
    transform: translate(50%, 0);
    z-index: 1;
}
.video--hundredpercent h2 {
    max-width: 9em;
}
.video--hundredpercent .video-description {
    display: none;
}
.video--ingredients .video-description {
    padding: 1em;
}
@media (min-width:48em) {
    .icon--player {
        font-size: 1em;
    }
    .button-cta {
        min-width: 7em;
    }
    body .video-fullwidth .ytplayer-wrapper {
        width: 75%;
        margin: 0 auto;
    }
    .video--hundredpercent .content_wrapper {
        display: flex;
        align-items: center;
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .video--hundredpercent .video-description {
        display: block;
        width: 25%;
    }
    .video--hundredpercent .video-description img {
        width: 100%;
    }
    .video--ingredients .content_wrapper {
        display: flex;
        align-items: center;
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .video--ingredients .video-description {
        flex-grow: 1;
        flex-basis: 25%;
		min-width: 17em;
    }
    body .video-fullwidth .button-cta {
        transform: none;
        position: relative;
        right: 0;
        bottom: 0;
    }
   

}
.nav--main li:hover > div {
    max-height: 100vh !important;
}
/* Forms */
input,
textarea {
    border-radius: 0em;
}
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
input[type=text],
input[type=search],
textarea {
    padding: 0.75em 1em 0.75em 1em;
    border: 0.15em solid #033966;
}
select {
    border: 0.15em solid #033966;
    border-radius: 0;
    font-weight: 500;
    text-align: center;
    padding: 0.75em 2em 0.75em 1em;
    transition: color 0.15s, background 0.15s;
}
.select-wrapper::before {
    color: #033966;
}
.select-wrapper select {
    padding: 0.75em 3em 0.75em 1em;
}
.pagination a,
.pagination input {
    background-color: #033966;
    line-height: 1.5;
    padding: 0;
}
#search input[type="text"] {
    border-radius: 0;
    background: transparent;
    text-indent: 3rem;
    padding: 0 3rem 0 0;
}
#search .search-label--large {
    font-size: 270%;
    font-weight: bold;
    font-family: "ColbyCondensedBlack";
    text-transform: uppercase;
    margin-bottom: 0.5em;
}
#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,
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,
.ytmobile:focus .icon--player,
a:focus img{
    outline: medium solid #000;
	outline-offset:0;
}

header a:focus, 
footer a:focus, 
header a:focus img, 
header .search-button:focus, 
header .search-button:active, 
footer #back-to-top:focus,
.tns-controls button:focus,
.product-nutrition-smartlabel select:focus
{
     outline: medium solid #fff;
	outline-offset:0;
}

.hero-slide--crazygood .button-cta:focus,
.product-nutrition-smartlabel .button-cta:focus
{
     outline: medium solid #fff;
	
}

.products-list-product a:focus img{
    outline: none;
}

a:focus .button-cta,
a:active .button-cta,
.button-cta:focus,
.button-cta:active {
	outline-offset:0.5em;
}
#search input[type=text] {
    outline-offset: 0.25em;
}
#search input[type=text]:focus,
#search input[type=text]:active {
    outline: none;
    border-bottom-color: #0966b2;
}
/* 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;
}
.menu-button:focus:hover,
.menu-button:active:hover,
.search-button:focus:hover,
.search-button:active:hover,
a:focus:hover,
a:active:hover {
    outline: none;
}
.tns-controls[tabindex]:focus {
    outline: none;
}
.tns-controls[tabindex]:focus::after {
    content: '';
    display: block;
    border: medium solid rgba(37, 165, 255, 0.67);
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
}
/* hero */
.pagehero {
    color: #fff;
    background: #fff;
    height: 45vw;
    min-height: 13.5em;
}
.pagehero h2,
.pagehero h1 {
    color: inherit;
    font-weight: 500;
    text-align: inherit;
    margin-top: .2em;
    font-size: calc(4vw + 1em);
}

.pagehero h2 span,
.pagehero h1 span {
    display: inline-block;
}
.pagehero p {
    font-weight: 400;
    font-family: "ColbyCondensedBlack";
    text-transform: uppercase;
}
.pagehero::after {
    content: '';
    height: 2.33vw;
    background: url(../images/site/nav-background-white.svg) center bottom / auto 6em no-repeat;
    position: absolute;
    left: -0.1%;
    display: block;
    width: 100.2%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: -0.6vw;
    background-size: cover;
    box-shadow: inset 0em 0.4em #fff;
}
.poptarts-wecheer-hero{
    overflow: hidden;
    position: relative;
}
.poptarts-wecheer-hero::after {
    content: '';
    height: 2.33vw;
    background: url(../images/site/nav-background-white.svg) center bottom / auto 6em no-repeat;
    position: absolute;
    left: -0.1%;
    display: block;
    width: 100.2%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: -0.6vw;
    background-size: cover;
    box-shadow: inset 0em 0.4em #fff;
}
.pagehero .tns-nav {
	bottom:1.5em;
}
.pagehero button.tns-nav-active {
	color:#fff;
}
.hero-slide > img,
.hero-slide > picture img,
.pagehero > section > img,
.pagehero > section > picture img {
    /* width: auto; */
	min-width: 100%;
}

.category-intro-text p{
    margin: 1em auto;
    text-align: center;
    max-width: 45em;
}

.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) {
    .pagehero {
        height: 30vw;
        max-height: 30em;
    }
    .pagehero h2,
    .pagehero h1 {
        font-size: min(5vw, 4em);
    }
    .pagehero::after {
        height: 1.33vw;
        bottom: -0.2vw;
    }
    .pagehero > section > img,
    .pagehero > section > picture img {
        border-bottom: 5px solid #FFF;
    }
}




.hero-home-slider {
    height: calc(80vw + 12em);
}
.hero-home-slider .rich-text {
    width: 100%;
}
.hero-home-slider::after {
    background-image: url(../images/site/nav-background-gray.svg);
    box-shadow: inset 0em 0.4em #f4f4f4;
}
.hero-home-slider .content_wrapper {
    height: 100%;
    width: 90%;
}


@media (min-width:48em) {
    .hero-home-slider {
        height: 50vw;
        max-height: none;
    }
    .hero-home-slider .rich-text img {
        width: 100%;
        display: inline-block;
        max-width: 26em;
    }
    .hero-home-slider .content_wrapper {
        padding: 0;
        width: 87vw;
    }
}






.hero-slide--crunchy {
	background: url(../images/home/hero-crunchy-mobile.jpg) left top / cover ;
}
.hero-slide--crunchy a{
	width: 100%;
	display: block;
	position: relative;
	vertical-align: bottom;
	margin: 0 auto;
}
.hero-slide--crunchy a:focus{
	outline: medium solid #fff;
	outline-offset: -20px;
}
.hero-slide--crunchy img{
	width: 100%;
	padding-top: 15vw;
}
.hero-slide--crunchy a:focus img{
    outline: none;
}
@media (min-width:48em) {
	.hero-slide--crunchy a {
		width: 75%;
		display: block;
		vertical-align: bottom;
		margin: 0 auto;
		max-width: 75em;
	}
	.hero-slide--crunchy img{
		padding-top: 3%;
	}
	.hero-slide--crunchy {
		background: url(../images/home/hero-crunchy.jpg) center top / cover ;
	}
}


.hero-slide--partypastry img{
	width: 100%;
	
}
.hero-slide--partypastry {
	background: url(../images/home/pt-party-size-mobile.jpg) left top / cover ;
} 

.hero-slide--partypastry h1{
    padding-top: 30vw;
    letter-spacing: normal;
    text-shadow: 2px 2px 4px #000;
}

.hero-slide--partypastry h1 span{
    font-size: .7em;
    display: block;
    top: -17vw;
    position: relative;
    padding: .2em 0;
}
.hero-slide--partypastry h1 span:nth-of-type(2){
    font-size: .5em;
    
}
.hero-slide--partypastry .button-cta{
     top: -17vw;
    
}

@media (min-width:48em) {
	.hero-slide--partypastry {
		 background: url(../images/home/pt-party-size-desktop.jpg) center top / cover ;
	}
	.hero-slide--partypastry img{
		width: 57%;
		max-width: 20em;
		margin: 0 auto;
	}
    .hero-slide--partypastry h1{
        padding-top: 4vw
    }

    .hero-slide--partypastry h1 span{
        font-size: .6em;
        top: -10vw;
    }
    .hero-slide--partypastry h1 span:nth-of-type(2){
        font-size: .5em;

    }
    .hero-slide--partypastry .button-cta{
     top: -10vw;
    
    }
}


.hero--recipes .content_wrapper {
    text-indent:1em;
}
.hero--recipes h1{
    color: #fff;
   filter: drop-shadow(5px 5px 10px #000000);
}
.hero--recipes .content_wrapper img {
	position: absolute;
	bottom: 45%;
	right: 0;
	width: 25%;
	max-width: 12em;
	transform: rotate(18deg) translate(-25%,50%);
}



.hero--aocg .rich-text {
	vertical-align: top;
	padding-top: 2em;
}
.hero--aocg {
	height: 90vw;
	min-height: 30em;
}
.hero--aocg:after {
	background-image: url(../images/site/nav-background-gray.svg);
	box-shadow: inset 0em 0.4em #f4f4f4;
}


@media (min-width:48em) {
	.hero--aocg {
		height: 55vw;
		max-height: 58em;
	}
	.hero--aocg .rich-text {
		top: 3vw;
		left: -14em;
		width: 45%;
		max-width: 24em;
	}
}

	
.hero--contact {
    height: 70vw;
    min-height: 13.5em
}
.hero--contact .rich-text p {
	font-size: min(3vw, 1.25em);
	max-width:17.5em;
}
.hero--contact .rich-text h1 {
	max-width:8em;
}
@media (min-width:48em) {
    .hero--contact .rich-text {
        padding: 6% 0;
        width: 56%;
        max-width: none;
        font-size: 1em;
    }
}


.hero-slide--ptbowl{
    background-color: #0966B2;
}

.hero-slide--ptbowl img {
    width: 100%;
    max-width: 130em;
    margin: 0 auto;
}

.hero-slide--ptbowl a:focus, .hero-slide--ptbowl a:focus img, .hero-slide--ptbowl [tabindex]:focus{
     outline: medium solid #fff;
    outline-offset: -30px;
}





@media (min-width:48em) {
    
    .hero-slide--ptbowl img {
        min-width: 100%; 
        min-height: 101%;
        max-height: 101%;

        position: absolute;
        right: 50%;
        top: 50%;
        transform: translate(50%, -50%);
        object-fit: cover;
    }
}


@media (min-width:72em) {
     .hero-slide--ptbowl img {
        min-width: auto; 
        min-height: 101%;
        max-width: 115em;

    }
    
    
    
    
}

.hero--faq h1 {
    color: #fff;
}
.hero--faq .rich-text {
    font-size: 3vw;
    
}
@media (min-width:48em) {
    .hero--faq .rich-text {
        font-size: 1em;
        margin-top: 0
    }
        .hero--faq h1 {
        font-size: min(4vw, 4em);
        max-width: 8em;
    }
}



.hero--products::after {
    background: url(../images/site/nav-background-gray.svg) center bottom / auto 6em no-repeat;
    background-size: cover;
    box-shadow: inset 0em 0.4em #f4f4f4;
}


 


.hero--new h1{
	color: #fff;
	padding: 0;
	margin: 0;
}
.hero--new small {
	font-size:50%;
}
@media (min-width:48em) {
    .hero--new h1{
        font-size: min(4em, 6vw);
    }
}


.hero--bites .content_wrapper {
	text-align: left;
}
.hero--bites .content_wrapper::before {
	height:66%;
}
.hero--bites h1 {
	color:#fff;
}
.hero--bites h1>span:nth-of-type(1) {
	transform: rotate(-10deg);
	position: relative;
	display: inline-block;
}
@media (min-width: 48em) {
	.hero--bites .content_wrapper {
		text-align: center;
		text-indent: 2em;
	}
}


.hero--crunchy-poppers h1 {
	max-width:9em;
        color: #fff;
}
.hero--crunchy-poppers .content_wrapper::before {
	height:66%;
}

.hero--crunchy-poppers .rich-text {
    font-size: 3vw;
    width: 60%;
    padding-top: 3em;
}
@media (min-width: 48em) {
	.hero--crunchy-poppers {
		height:33vw;
		max-height: 40.5em;
	}
    .hero--crunchy-poppers .rich-text {
        width: 45%;
        font-size: 1em;
        padding-top: 5em;
    }
}


.hero-slide--flavordrops .rich-text h2:nth-of-type(2){
    margin-bottom: .5em;
}
.hero-slide--flavordrops .button-cta {
    background: #fff;
    color:#0966b2
}
.hero-slide--flavordrops h2{
    margin: 0
}

@media (min-width: 48em) {
	.hero-slide--flavordrops .rich-text {
		vertical-align: middle;
	}
}


.button-cta-white{
    background: #fff;
    color:#033968
}




/* hero crazygood */
.hero--crazygood .content_wrapper img,
.hero-slide--crazygood .content_wrapper img {
    position: absolute;
    bottom:0;
    right:0;
	width:25%;
	max-width:12em;
    transform: rotate(18deg) translate(-25%,-25%);
}
.hero--crazygood {
	text-align:center;
    height: calc(12em + 60vw);
	min-height:0;
}
.hero--crazygood .content_wrapper::before {
	height:60%;
}
.hero--crazygood h1 {
	color: #fff;
	max-width:6em;
}
@media (min-width:48em) {
	.hero--crazygood {
		height: 55vw;
		max-height: none;
	}
	.hero--crazygood h1 {
		padding:20% 0 0 1.5em;
	}
	.hero--crazygood h1 > span:first-child {
		transform:rotate(-10deg);
		top: -0.15em;
		left: -1.5em;
		position:relative;
	}
	.hero--crazygood .content_wrapper {
		text-align: left
	}
}
.hero-slide--crazygood .content_wrapper::before {
	height:30%;
}
.hero-slide--crazygood h2 {
	color: #fff;
}
@media (min-width:48em) {
	.hero-slide--crazygood .content_wrapper::before {
		height:100%;
	}
	
	.hero-slide--crazygood .rich-text {
		vertical-align: middle;
	}
}


/* home page stuff */
.heading-2 {
    font-size: 1.5em;
    font-family: 'ColbyCondensedBlack';
}

/* prep instructions */
.prep-instructions-page {
	padding:calc(8em + 10%) 0 calc(10em + 25%) ;
	color:#fff;
	background:url(/content/dam/NorthAmerica/poptarts/images/site/hero-prep-mobile-update.jpg) center / cover no-repeat;
}
.prep-instructions-page .rich-text {
	width:66%;
	min-width:18em;
	max-width:32em;
	margin:auto;
	text-align:center;
}
.prep-instructions-page h1 {
	color:inherit;
	font-size: 3em;
}
.prep-instructions p {
    font-weight: 400;
    font-family: "ColbyRegular";
    text-transform: uppercase;
}
.prep-left {
	text-align:left;
	width:80%;
	max-width:24em;
	margin:auto;
}
@media (min-width:48em) {
	.prep-instructions-page {
		padding:calc(4em + 5%) 0;
		background-image:url(/content/dam/NorthAmerica/poptarts/images/site/hero-prep-update.jpg);
	}
}




.page--aocg .ytplayer-wrapper {
    margin: 0;
}
.page--aocg .youtubeVideo {
    padding: 1em 0;
}
.ytplayer {
    border: 2px solid white;
    position: relative;
}




/* page title */
.page-title {
    text-align: center;
}


.home-disclaimer {
	background: #f4f4f4;
	padding: 1em;
	text-align: center;
}
.home-disclaimer p{
	font-size: .7em
}
/* promotions */
.promotions-featured,
.promotions-featured section {
    margin: 0;
}
.promotions-featured-row {
    margin: 0 -1em;
}
.promotions-featured .promotions-featured-column {
    display: block;
    position: relative;
    font-size: 1em;
    margin: 0;
}
.promotions-featured img {
    width: 100%;
}
.promotions-featured .promotions-description {
    position: absolute;
    top: 0;
    border-top: 1em solid transparent;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 5% 2em 2em;
    text-align: center;
    color: #fff;
}
.promotions-featured .rich-text {
    height: 100%;
    box-sizing: border-box;
}
.promotions-featured {
    background-color: #f4f4f4;
}
.promotions-description p {
    /* width: 50%; */
    margin: 1em auto;
}
.promotion--readywhenyouare h2,
.promotion--whatspoppin h2 {
    color: #fff;
}
.promotions-featured a:focus {
	outline:none;
}
.promotions-featured .button-cta {
    color: #033966;
    background: #fff;
	font-size:1.33rem;
	line-height:0.9;
}
.promotions-featured .button-cta::before {
    border-image-source: url(../images/site/button-cta-white.svg);
}
.promotions-description > .button-cta:first-child {
	position:absolute;
	bottom:10%;
	left:50%;
	margin:0;
	transform:translate(-50%,-50%);
}
.promotions-featured-row a {
    text-decoration: none;
}

.promotions-featured.promotions-page{
    background: none;
    margin-bottom: 3em;
}

@media (min-width:48em) {
    .promotions-featured h2 {
        font-size: 2em;
    }
    .promotions-featured-row {
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
    }
    .promotions-featured-row > * {
        flex-basis: 50%;

    }
    .promotions-featured .promotions-featured-column {
        font-size: 1.66vw;
    }
    .promotions-featured {
		position:relative;
		 background: #fff  url(../images/site/hero-promo-back.jpg) center left / 100% 100% no-repeat;
    }
}
@media (min-width:78em) {
    .promotions-featured-row {
        margin: 0;
    }
    .promotions-description p {
        width: 100%;
        margin: 0 0 1em 0;
    }
    .promotions-featured .promotions-featured-column {
        font-size: 1.25em;
    }
}
/* Products featured */
.brandedProductsLine,
.products-featured {
    background: #f4f4f4;
    text-align: center;
    padding: 2em 0;
    position: relative;
}
.brandedProductsLine::before,
.brandedProductsLine::after,
.products-featured::before,
.products-featured::after {
    content: '';
    height: 1.1vw;
    background: url(../images/site/nav-background-gray.svg) left bottom / auto 6em repeat-x;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    position: absolute;
    z-index: 1;
    left: 0;
    display: block;
    width: 100%;
    bottom: -0.66vw;
}
.brandedProductsLine section,
.products-featured section {
    margin:0;
}
.products-featured-row .product-primary-image {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 3;
}
.page--ourfood .brandedProductsLine h2,
.page--ourfood .products-featured h2 {
    display: none;
    visibility: hidden;
}
.product-category {
    background: #ffffff;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.15);
    border-radius: 1em;
    margin: 1em auto;
    position: relative;
    max-width: 24em;
    text-decoration: none;
    color: #000;
	display:block;
}
.product-category > a {
    text-decoration: none;
    height: 100%;
    display: block;
}
a.product-category:focus,
.product-category > a:focus {
	outline:medium solid #000;
}
.product-category-description {
    padding: .5em 1em 5em;
    background-color: #fff;
    z-index: 3;
    position: relative;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}
.product-category-description h3 {
    color: #0966B4;
}
.product-category a:focus h3,
.product-category a:hover h3 {
    color: #0042a3;
}
.product-category-description .button-cta {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    white-space: nowrap;
	margin:0 0 0.5em;
}
.products-featured-row .product-primary-image {
    border-radius: 1em 1em 0 0;
    overflow: hidden;
}
.products-featured-row .product-secondary-image {
    display: block;
    position: absolute;
    z-index: 3;
    width: 11em;
    left: 50%;
    transform:
        /* center it: */
        translate(-50%, -100%)
        /* then: */
        translatey(1em);
}
@media (min-width:48em) {
    .brandedProductsLine,
    .products-featured {
        padding: 2em 0;
    }
    .products-featured-row {
        margin: 0 -0.66em;
        justify-content: center;
    }
    .products-featured .product-category {
        width: 50%;
        flex-basis: calc(50% - 4em);
        margin: 2em;
        max-width: 28em;
        z-index: 1;
    }
    .product-category-description .button-cta {
        bottom: 1em;
    }
    


}
@media (min-width:78em) {
    

}
/* Product Line Lists */
.products-line {
    text-align: center;
    position: relative;
}
.productListBV h2 {
    visibility: hidden;
    display: none;
}
.page--ourfood .productListBV h2 {
    visibility: visible;
    display: block;
    z-index: 1;
    position: relative;
}
.products-line::after {
    content: '';
    display: block;
    position: relative;
    width: 100%;
    z-index: 1;
      bottom: -1em;
        height: 2em;
        background: url(../images/site/nav-background-white.svg) center bottom -.1em / cover;
}

.category-footer-text::after {
    content: '';
    display: block;
    position: relative;
    width: 100%;
    z-index: 1;
    bottom: -1vw;
    height: 2vw;
    background: url(../images/site/nav-background-white.svg) center bottom / cover;
}

.category-footer-text {
    padding: 1vw 0 0 0;
}

.products-list {
    padding: 0;
    margin: 0 auto;
    position: relative;
}
.search-results-item,
.products-list-product {
    padding: 1em 0.5em;
    flex-basis: 12em;
    flex-grow: 0;
}
.search-results section {
    padding-bottom: 2em;
}
.products-line h2 {
	display: none;
}
.products-line.products-line--related h2 {
	display: inline-block;
}
/* bazaarvoice stars */
.products-list-product {
    position: relative;
}
.bv_main_container {
    bottom: 0 !important;
    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%);
}
.search-results-item-title,
.product-list-title {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 1.33em;
}
.search-results-item a {
    text-decoration: none;
}
.products-featured-row .product-secondary-image {
    display: block;
    position: absolute;
    z-index: 3;
    width: 66%;
    left: 50%;
    transform:
        /* center it: */
        translate(-50%, -100%);
    filter: drop-shadow(0 0 0.5em rgba(0, 0, 0, 0.15))
}
.products-featured-row .product-secondary-image img {
    width: 85%;
    margin: 0 auto;
}
#productListBV p {
    display: none;
    visibility: hidden;
}
.productListBV p {
    display: none;
    visibility: hidden;
}
.products-list-product a {
    text-decoration: none;
    padding-bottom: .5em;
}
.products-list-product a:hover {
    text-decoration: underline;
}
.product-gif{
    display: flex;
    align-items:center ;
    justify-content: center;
}
.product-gif img{
    width:40%;
    max-width: 15em;
    padding: 0 5% 5%;
}
.product-instructions{
    text-align: center;
    margin: 2em auto;
}
.product-instructions a{
    display: inline-block;
    margin: 0 auto;
}
.product-instructions img{
    display: block;
    margin: 0 auto;
    border: 2px solid;
    width: calc(100% - 4px);
}
@media (min-width:48em) {
    .products-list-product {
        flex-basis: 15em;
    }
    .products-list-product:first-child:last-child,
    .products-list-product:nth-child(2):nth-last-child(1),
    .products-list-product:nth-child(1):nth-last-child(2) {
        flex-basis: 20em;
    }
    .products-list-product:first-child:last-child .product-primary-image,
    .products-list-product:nth-child(2):nth-last-child(1) .product-primary-image,
    .products-list-product:nth-child(1):nth-last-child(2) .product-primary-image {
        width: 100%;
        height: 15em;
    }
    
}
/* Product Detail page + a few Recipe Detail styles, since they are nearly the same */
.product-slider-holder,
.recipe-slider-holder,
.product-detail-overview,
.recipe-detail-overview {
    margin-top: 2em;
}
.product-detail-overview,
.recipe-detail-overview {
	align-items:center; 
}
.product-thumbnails-container .tns-nav-active,
.recipe-thumbnails-container .tns-nav-active {
    border-color: #033966;
}
.product-detail-overview .product-category-back {
    color: #033966;
    font-size: 2em;
    font-family: "ColbyCondensedBlack";
    text-decoration: none;
}
.product-detail-overview h1,
.recipe-detail-overview h1 {
    color: #033966;
    font-weight: bold;
    font-size: 3em;
    line-height: 1;
    text-transform: none;
}
.product-detail-overview p,
.recipe-detail-overview p {
    font-size: 1.125em;
    margin: 1em 0;
    white-space: pre-wrap;
}
@media (max-width:36em) {
    .sharer {
        font-size: 0.75em;
    }
}
.recipe-thumbnails-container .tns-nav-active,
.product-thumbnails-container .tns-nav-active {
    box-shadow: inset 0 0 0 1px #0966b2;
}
.tns-controls button[data-controls="next"],
.tns-controls button[data-controls="prev"] {
    text-indent: -999em;
    padding: 0;
}
.tns-controls button[data-controls="next"]::before,
.tns-controls button[data-controls="next"]::after,
.tns-controls button[data-controls="prev"]::before,
.tns-controls button[data-controls="prev"]::after {
    color: #fff;
    background: #fff;
}
.product-slider-holder,
.recipe-slider-holder {
    text-align: center;
}
.addthis_toolbox {
    font-size: 117%;
}
.addthis_toolbox a {
    margin: 0 0 0 0.25em;
}
.product-nutrition {
    background: #0966B2;
    color: #ffffff;
    text-align: center;
    position: relative;
    margin: 5vw 0;
    padding: 2em 0;
    margin: calc(2vw + 2em) 0;
}
.product-nutrition section {
    margin: 0;
}
.product-nutrition::before,
.product-nutrition::after {
    content: '';
    position: absolute;
    display: block;
    height: 2vw;
    width: 100%;
    background: url(../images/site/nav-background.svg) center bottom / cover no-repeat;
}
.product-nutrition::before {
    top: -1vw;
    left: 0;
    right: 0;
    transform: rotate(180deg);
}
.product-nutrition::after {
    bottom: -1vw;
}
.product-nutrition-row {
    display: flex;
    flex-wrap: wrap;
}
.product-nutrition-highlights h3:first-child {
    display: block;
    color: inherit;
}
.product-nutrition-row .product-nutrition-smartlabel {
    margin: 2em 0;
}
.product-nutrition .content_wrapper > h2 + p {
    display: none;
}
@media (min-width:48em) {
    .product-nutrition-highlights {
        order: 0;
    }
    .product-nutrition-row > div {
        flex-basis: calc(50% - 2em);
        padding: 0 1em;
    }
    .tns-controls button[data-controls="next"]{
        right: 1em;
    }
    .tns-controls button[data-controls="prev"]{
        left: 1em
    }
}
.product-nutrition h2 {
    color: inherit;
    font-weight: bold;
}
.product-nutrition h3 {
    font-size: 2em;
    font-weight: bold;
    letter-spacing: -0.033em;
}
.product-nutrition select {
    font-size: 1.125rem;
    border: 0.15em solid #fff;
    background: #0966B2;
}
.product-nutrition .select-wrapper::before {
    color: #fff;
    z-index: 1;
}
.product-nutrition .button-cta {
    color: #033966;
    background: #fff;
    font-size: 1.33em;
}
.product-nutrition .button-cta::before {
    border-image-source: url(../images/site/button-cta-white.svg);
}
.product-nutrition-highlights p {
    text-align: justify;
}
.product-nutrition-smartlabel-title + p {
    margin-bottom: 0.25em;
}
.product-nutrition-smartlabel img {
    margin-bottom: 0;
}
.product-nutrition-smartlabel .select-wrapper {
    width: calc(60% + 3em);
}
.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-related-recipes {
    text-align: center;
}
@media (min-width:48em) {

    .recipe-detail-overview h1,
    .product-detail-overview h1 {
        font-size: 2em;
    }
    .product-nutrition-smartlabel .select-wrapper {
        width: 15.76em;
        /* color: red; */
    }
    .addthis_toolbox {
        display: block;
    }
}
@media (min-width:64em) {

    .recipe-detail-overview h1,
    .product-detail-overview h1 {
        font-size: 2.5em;
    }
}
/* Contact us -- based on old KSTL form */

.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,
.contactpreliminary {
    max-width: 60em;
    margin:2em  auto;
}
.contact-preliminary .content_wrapper,
.contactpreliminary .content_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact-preliminary-option {
    border: 0.15em solid #0966B4;
    flex-basis: 100%;
    margin: 0 0 1em 0;
}
.contact-preliminary-title {
    background: #0966B4;
    padding: .5em;
    margin: -0.15em -0.15em 0;
}
.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) {
    .contact-preliminary .content_wrapper {}
    .contact-preliminary-option {
        flex-basis: calc(50% - 1em);
    }
    .contact-preliminary-content p {
        text-align: left;
        min-height: 3.5em;
    }
}
@media (min-width:64em) {
    .contact-preliminary {
        max-width: 60em;
    }
}
/* hide the custom checkbox in the bazaarvoice modal */
.bv-cleanslate input[type="checkbox"]:not(:checked) + label:before,
.bv-cleanslate input[type="checkbox"]:checked + label:before,
.bv-cleanslate input[type="checkbox"]:not(:checked) + label:after,
.bv-cleanslate input[type="checkbox"]:checked + label:after {
    display: 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,
    .header {
        background: #fff;
        outline: none;
        border-bottom: 0.15em solid black;
    }
    .nav--container {
        background: #fff;
    }
    .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: #fff !important;
        color: #000 !important;
    }
    .product-nutrition {
        background: none;
    }
    .product-nutrition select {
        background: #fff;
    }
    .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;
    }
    .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);
    }
}
/* 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) {
	.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;
	}
	.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 li a {
		padding:0.5em 0.33em;
	}
}
.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 */



/* FAQ page */
.faq h3 {
    color: #033966;
}
.faq-wrapper {
    margin:0 auto 2em;
	max-width:64em;
}
.faq-question {
    border-bottom: 2px dotted #ccc;
}
input + .faq-answer,
input ~ .faq-answer {
    transition: max-height 0.35s linear, visibility 0s 0.35s;
    visibility: hidden;
}
input:checked + .faq-answer,
input:checked ~ .faq-answer {
    max-height: 20em;
    visibility: visible;
    transition: max-height 0.35s linear, visibility 0s;
}
.faq-question label {
    color: #033966;
    font-weight: bold;
    cursor: pointer;
    font-size: 1.25em;
	margin:0 -0.8rem;
	padding:1rem 0.8rem;
}
.faq-question label::before {
    line-height: 0.6em;
    font-weight: normal;
    content: '';
    width: 0;
    height: 0;
	right:1rem;
    border-left: 0.25em solid transparent;
    border-right: 0.25em solid transparent;
    border-bottom: none;
    border-top: 0.4em solid currentcolor;
    border-radius: 0;
    margin-top: -0.2em;
}
.faq-question input:checked + label::before {
    transform: rotatex(180deg);
    content: '';
}
.faq-question > label {
    font-family: "ColbyCondensedBlack";
}
.faq-answer > p {
    margin-top:0.2em;
}
.faq-question button {
    font-family: "ColbyCondensedBlack";
    color: #0966B4;
}
/* Kids page */

.header {
    position: fixed;
    top: 0;
    width: 100%;
    line-height: 1;
    z-index: 99;
    -ms-user-select: none;
    user-select: none;
}
.pagehero-kids {
    height: auto;
    background: #dedede;
    margin-bottom: -2em;
}
.pagehero-kids .content_wrapper {
    display: flex;
    flex-direction: column;
}
.pagehero-kids .content_wrapper .product-detail-overview {
    padding: 0 0 4em 0;
}
.pagehero-kids .content_wrapper div {
    z-index: 1;
}
.pagehero-kids .content_wrapper .product-detail-overview h1 {
    font-size: 2.5em;
    white-space: normal;
    color: #fff;
}
.pagehero-kids .product-detail-overview p {
    color: #ffffff;
    line-height: 1.4;
    font-family: "ColbyCondensedBlack";
    font-size: 1.6em;
}
@media (min-width:48em) {
    .pagehero-kids .content_wrapper {
        flex-direction: row;
        align-content: space-between;
        flex-wrap: nowrap;
        justify-content: center;
        white-space: normal;
        align-items: center;
    }
    .pagehero-kids .content_wrapper div {
        flex-basis: 36%;
        padding: 4em 0 6em 0;
    }
    .pagehero-kids .content_wrapper .product-detail-overview h1 {
        font-size: 2.8em;
    }
}
span.ps-lightbox-close > svg > path {
    fill: #666 !important;
}
.sweepstakes-content {
    color: #033966;
    margin: 4em 0 0 0;
}
.sweepstakes-content a {
    overflow-wrap: break-word;
}
.sweepstakes-content .image-download{
    text-align: center;
}
.sweepstakes-content .image-download img{
    margin: 0 auto;
}
.sweepstakes-content .button-cta{
    margin: 1em auto 3em;
}
.sitemapV2 {
	margin:1em;
}
.sitemapV2:first-child {
    margin-top: 2em;
}
.sitemapV2:last-child {
    margin-bottom: 4em;
}
.sitemaphead {
    text-align: center; 
    color: rgb(9,102,181); 
    font-size: 3.0em;
    margin-top: 1em;
}
.ps-product-details > h2.ps-product-name {
    text-align: left;
}
.ps-lightbox .ps-online-tab-label > h2, .ps-lightbox .ps-local-tab-label > h2 { 
    text-align: left;
}
.ps-lightbox {
	height: 88%;
}
.character-intros{
    background-color: #f4f4f4;
    padding: 2em 0;
}
.character-intros .character-card{
    background: url(../images/site/character-background.jpg) center bottom / cover no-repeat;

}
.character-intros .character-card:nth-of-type(2){
    background: url(../images/site/character-background2.jpg) center bottom / cover no-repeat;

}
.character-intros .character-card{
    display: flex;
    flex-direction: column-reverse;
}
.character-intros .character-card:nth-of-type(2), .character-intros .character-card:nth-of-type(4){
    display: flex;
    flex-direction: column;
}
.character-intros .character-image{
    width: 80%;
    padding: 0;
    align-self:center;
}
.character-intros .character-card .character-bio{
    color: #fff;
    text-align: left;
    font-family: "ColbyCondensedBlack";
    margin: 2em 2em 0 2em;
}
.character-intros .character-card .character-bio.middle{
    margin: 2em;
}
.character-intros .character-card .character-bio h2{
    color: #fff;
    text-align: left;
}
.character-intros .character-card .character-bio img{
    width: 60%;
    padding: 0;
    
}
h1.colby-random span, h2.colby-random span{
    display: inline;
}
.colby-random span:nth-of-type(2n+2){
    font-family: 'ColbyBlack';
}
.colby-random span:nth-of-type(3n+3){
    font-family: 'ColbyRegular';
}
.colby-random span:nth-of-type(3){
    font-family: 'ColbyBold';
}
.colby-random span:nth-of-type(4){
    font-family: 'ColbyLight';
}
   







@media (min-width:48em) {

    .character-intros .character-image{
        width: 40%;
        padding: 5% 5%;
    }
    .character-intros .character-card .character-bio{
        align-self: center;
        color: #fff;
        text-align: left;
        font-family: "ColbyCondensedBlack";
        margin: 2em 4em 2em 0
    }
    .character-intros .character-card{
        flex-direction: row;
    }
    .character-intros .character-card:nth-of-type(2), .character-intros .character-card:nth-of-type(4){
        flex-direction: row;
    }
    .character-intros .character-card>*{
        flex: 1 2;
    }
    .character-intros .character-image{
        width: 80%;
        padding: 10vw 2vw 6vw;
        align-self: flex-end;
    }
    .character-intros .character-card .character-bio img{
        width: 60%;
        padding: 1em 0;
    }
}
#recipe-search-submit {
	font-size: 1.125rem;
    font-weight: 400;
    min-width: 7.5em;
    border-radius: 0.4em;
    color: #fff;
    background: #0966b2;
    border: 0.2em solid #fff;
    padding: 1.1em 1em 1.1em 1em;
    text-transform: uppercase;
    margin: 0 0 0 1em;
    transition: color 0.15s, background 0.15s;
    position: relative;
    top: 0.1em;
	display: inline-block;
}
#recipe-search-submit:hover {
	background: #064f8b;
	box-shadow: -0.4em 0.4em 0 -0.2em #064f8b;
}
#recipe-search-q {
	border: 0.15em solid #033966;
	background-color: #fff;
	color: #000;
	padding: 1em .55em 1em 3em;
	border-radius: 0.3em;
}
.recipe-search-q-icon::before,
.recipe-search-q-icon::after {
	color: #000;
}
#recipe-search-q::placeholder {
	color: #000;
}
.recipe-search-text-field {
	max-width: 22em;
	margin: 1em auto;
	text-align: center;
}
.recipe-search-filters-row {
	justify-content: center;
	max-width: 22em;
	margin: 0 auto;
    display: none;
    visibility: hidden;
}
.recipe-search-filter {
	flex-basis: 100%;
}
.recipe-search-filter .select-wrapper {
	width: 100%;
}
.recipe-search-filter .select-wrapper select {
	-webkit-appearance: none;
	padding: 1.2em 3em 1.2em 0.65em;
	color: #000;
	width: 100%;
	background: #fff;
    border-radius: 0.4em;
}
.recipe-search-q-icon {
	/* margin: 0 0 -4.1em .4em; */
}
.recipe-list {
	margin: 1em -0.75em;
}
.recipe-list-item {
	margin: 0 0.5em 1.5em;
	position: relative;
	border-radius: 0.5em;
	flex-basis: 18em;
	max-width: 22em;
	background: #fff;
	box-shadow: 0 0.1em 0.2em 0 rgba(0, 0, 0, .1), 0 0.3em 1em 0 rgba(0, 0, 0, .15);
    text-align: center;
}
.recipe-list-image {
	padding-top: 66%;
	position: relative;
	overflow: hidden;
	border-radius: 0.5em 0.5em 0 0;
}
.recipe-list-item img {
	width: auto;
	height: auto;
	min-width: 101%;
	min-height: 101%;
	position: absolute;
	right: 50%;
	bottom: 50%;
	transform: translate(50%, 50%);
}
.recipe-list-description {
	padding: 0 1em 5em;
}
.recipe-list-description .button-cta {
	position: absolute;
	bottom: 1.5em;
	left: 50%;
	transform: translate3d(-50%,0,0);
    margin: .5em 0;
}
.recipe-list-item h3 {
	text-transform: none;
	color: #0966b2;
	font-weight: 600;
	text-align: center;
	font-size: 1.5em;
	line-height: 1;
}
.home--featured-recipes {
	padding-bottom:10vw;
	margin-bottom:2em;
}
.reciperelatedrecipe a:hover { 
	color:#0966b2;
}
.reciperelatedrecipe .recipe-list-item > a:nth-last-child(2) {
	display: block;
	height: calc(100% - 0.4em);
	position: relative;
}
.reciperelatedrecipe .recipe-list-item > a:nth-last-child(2) .recipe-list-description {
	padding-bottom:5em;
}
.reciperelatedrecipe .recipe-list-item > a:nth-last-child(2)::before {
	content:"Try this recipe";
	font-weight: 400;
	font-size:1.25em;
	text-transform:uppercase;
	white-space:nowrap;
	display:block;
	width:auto;
	position:absolute;
	bottom:1em;
	left:50%;
	padding:0.5em 2em; 
	background:currentcolor;
	box-shadow:-0.2em 0.2em 0 #fff, -0.4em 0.4em 0 ;
	border-radius:0.25em;
	transform:translate(-50%,0);
}
.reciperelatedrecipe .recipe-list-item > a:nth-last-child(2)::after {
	content:"Try this recipe";
	font-weight: 400;
	font-size:1.25em;
	text-transform:uppercase;
	white-space:nowrap;
	display:block;
	width:auto;
	position:absolute;
	bottom:1em;
	left:50%;
	padding:0.5em 2em; 
	transform:translate(-50%,0);
	color:#fff;
}
@media (min-width:48em) {
	.recipe-search-text-field {
		max-width: none;
	}
	#recipe-search-q {
		max-width: 37em;
		width: calc(80% - 10em);
	}
	.recipe-search-filters-row {
		margin: 0 -0.75em;
		max-width: none;
	}
	.recipe-search-filter {
		text-align: left;
		flex-basis: calc(33.333% - 1.5em);
		margin: 0 0.75em 0;
	}
	.recipe-list-item {
		flex-basis: calc(33.333% - 1em);
		max-width: 24em;
	}
	#recipe-search-submit {
		display: inline-block;
		max-width: 10vw;
	}
	#recipe-search-q {
		max-width: 37em;
		width: calc(80% - 10em);
	}
	.recipe-search-text-field {
		text-align: center
	}
	.home--featured-recipes {
		margin-bottom:0;
	}
}
.recipe-related-product {
	overflow:hidden;
	position:relative;
}
.recipe-related-product::before {
	content: '';
	display: block;
	background: url(../images/site/curve-top-ltgray2.svg) center top / 102vw 25vw no-repeat;
	border-bottom:30em solid #f2f2f2;
	padding-top: 10vw;
	position: absolute;
	top:45%;
	left: 0;
	width: 100%;
}
.recipe-related-product-tile {
	background:#fff;
	box-shadow:0 0.2em 1em rgba(0,0,0,0.25);
	border-radius: 1.5em;
	align-items:center;
	height:auto;
	max-width: 21em;
	margin: 6em auto 4em;
	padding:8em 1em 2em;
	position:relative;
    text-align: center;
}
.recipe-related-product-tile h3 {
	margin:1rem 0;
	width:100%;
	color: #0966B4;
	font-family:inherit;
	font-size:inherit;
	font-weight:400;
}
.recipe-related-product-tile p {
	font-weight:800;
	font-size:2em;
	margin-top:0;
    font-family: "ColbyCondensedBlack";
    color: #0966B4;
}
.recipe-related-product-tile img {
	position:absolute;
	top:-4em;
	height:12em;
	left:50%;
	transform:translate(-50%,0);
}
.recipe-related-product-tile .button-cta {
	padding:0.75em 1em 0.5em;
}
.recipe-related {
	background:#f2f2f2;
	padding-bottom:12vw;
	margin-bottom:-12vw;
}
.recipe-related section,
.recipe-related-product section {
	margin:0 auto;
	padding:1em 0;
}
@media (min-width:48em) {
	.recipe-related-product-tile {
		margin: 4em auto 4em;
		padding: 1em 2em 1em 18em;
		text-align:center;
		width:21em;
	}
	.recipe-related-product-tile h3 {
	}
	.recipe-related-product-tile p {
	}
	.recipe-related-product-tile img {
		left:25%;
		top:auto;
		bottom: 1em;
		height: auto;
		max-height: 16em;
		width: auto;
		max-width: 20em;
	}
	.recipe-highlights {
		display:flex;
	}
}
.recipe-list-item a {
    text-decoration: none;
}
/* recipe detail */
.recipe-highlights {
	text-align:center;
	justify-content:center;
	margin:2em 0;
	color:#074F89;
	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;
}
@media (min-width:48em) {
	.recipe-highlights {
		display:flex;
	}
}
[data-bv-rating] .bv_main_container, [data-bv-show=inline_rating] .bv_main_container {
    justify-content: center;
}
.bv_main_container {
    justify-content: center;
}

.page-legal{
    padding: 2em 0;
}
.page-legal a {
	color:#00648a;
}
.page-legal a:hover {
	color:#007eae;
}
.page-legal ol li ol li{
	list-style-type: lower-alpha;
}
.page-legal .anchor{
	padding-top: 60px;
	margin-top: -60px;
}
.page-legal h2{
    text-align: left;
}



/*promo tiles*/

.promotiles {
    margin: 2em auto;
}
.promotiles--promo{
    max-width: 40em;
    margin: 2em auto;
}

.promotions-row {
    text-align: center
}
.promotiles--promo .disclaimer{
    text-align: left
}


.promotiles .promotiles--promo {
    display: block;
    position: relative;
    margin-bottom: 1rem;
    margin-top: .2em;
}

@media (min-width: 48em), print {
    .promotions-row {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
        justify-content: space-between;
    }
        .promotions-row > * {
        flex-basis: 49%;
    }
}


.pagination {
    padding: 0 0 2em 0;
}


/*Pop Tarts Bowl 2024*/

.bowl-ended-text {
    text-align: center;
    margin: 2em auto;
    max-width: 35em;
}

.bowl-ended-text img{
    width: 60%;
    max-width: 10em;
    margin: 0 auto;
}

.ptbowl-cinn-wtb {
    text-align: center
}

.ptbowl-cinn-wtb img{
    max-width: 40em;
    width: 100%;
    margin: 2em auto -2em;
}

.ptbowl-page {
    background-color: #f4f4f4;
        margin: -1em 0 -4em;
}

.ptbowl-page h1{
    max-width: 20em;
    text-align: center
}
.ptbowl-page h2{
    max-width: 25em;
    text-align: center;
    font-size: 1.5em;
    color: #000
}

.ptbowl-page .youtubeVideo {
  
}

.ptbowl-bottombar{
    margin: 2em auto;
    padding: 2em 0 6em;
}
.ptbowl-bottombar .button-cta{
    font-size: 1.33rem;
    line-height: 0.9;
    
}
.ptbowl-bottombar .button-cta::before{
    
}

@media (min-width:48em) {
    .ptbowl-page h2{
        font-size: 2em;
    }
    .ptbowl-bottombar>.content_wrapper{
        display: flex;
    }
    .ptbowl-bottombar>.content_wrapper>div{
        width: 50%
    }
    .ptbowl-cinn-wtb img{
        margin: 0 auto -2em;
    }
    
}

/* Temporary css fix */

.rv7-signup-cookies h1{
	color: #000000;
}
.header {
    z-index: 101 !important;
}
.simple-signup input[type=month]{
    padding: 0.75em 1em 0.75em 1em;
    border: 0.15em solid #033966;
    line-height: 1.5em;
    background-color:#004da6;
    color: #ffffff;
}
.simple-signup form input[type="checkbox"]:not(:checked), form input[type="checkbox"]:checked{
    position: relative;
    transform : scale(2)
} 
.simple-signup-subscription + .rv7-consent-text {
    margin-left: 10px;
}
.simple-signup a {
    color: #ffffff;
}
.simple-signup input[type=month]:required:invalid::-webkit-datetime-edit {
    color: #666
}
.simple-signup input[type=month]:focus::-webkit-datetime-edit {
    color: #ffffff !important;
}
.signup-stateProvinceName{
	color:#000 !important;
}

/* Temporary css fix */

/* Temporary fix 02102026*/
.rv7-signup-cookies h1{
	color: #000000;
}
.header {
    z-index: 101 !important;
}
.simple-signup input[type=month]{
    padding: 0.75em 1em 0.75em 1em;
    border: 0.15em solid #033966;
    line-height: 1.5em;
    background-color:#004da6;
    color: #ffffff;
}
.simple-signup form input[type="checkbox"]:not(:checked), form input[type="checkbox"]:checked{
    position: relative;
    transform : scale(2)
} 
.simple-signup-subscription + .rv7-consent-text {
    margin-left: 10px;
}
.simple-signup a {
    color: #ffffff;
}
.simple-signup input[type=month]:required:invalid::-webkit-datetime-edit {
    color: #666
}
.simple-signup input[type=month]:focus::-webkit-datetime-edit {
    color: #ffffff !important;
}
.signup-stateProvinceName{
	color:#000 !important;
}
.simple-signup .form-inner input,.simple-signup .form-inner textarea,.simple-signup .form-inner select {
    height: auto !important;
    width: 100%;
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 0;
    border:0.15em solid #033966 !important;
    box-sizing: border-box;
}
.simple-signup .form-inner input[type="checkbox"]{
    width: auto;
}
/*regv7 temporary fix 02102026*/