@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@400;500;600;700;800&display=swap');
@import url('https://cdn.fonts.net/kit/817fda2b-2157-477b-b2e2-fe7a17b69793/817fda2b-2157-477b-b2e2-fe7a17b69793.css');

html {
	font-family:"Zilla Slab", sans-serif;
	line-height:1.5;
	letter-spacing:-0.01em;
	font-weight:500;
}

body {
	overflow:hidden;
	color:#333;
	background:#d32232;
}
main section {
	margin:0;
}

/* tiny sizing */
@media (max-width:337px) {
	html, body { font-size:calc((100vw - 17px) / 20); min-width:0; }
	body, header, #search, .kfr-tout--sticky { min-width:0; }
}
/* tiny sizing */

/* Navigation */
#critical_communications {
	z-index:199;
}
header {
	background:#d32232;
	max-width:100vw;
	box-shadow:0 -2em 2em 1em rgba(0,0,0,1);
	text-transform:uppercase;
	border-bottom:0.5em solid #d32232;
}
main {
	background: #ffff;
}
.header-logo {
	background:transparent;
	display:inline-block;
	height:100%;
	padding:0;
	vertical-align:middle;
	width: 10em;
    left: 0;
    transform: none;
}
.header-logo img{
	display:block;
	height:90%;
	margin: 2.5%  0  0 1em;
	filter:drop-shadow(0 0.1em 1em #33222266)
}
.navicon {
	
}
.navicon span:after {
	/*width:1.33em;
	margin-left:0.667em;*/
}
.mobile-menu--active .navicon span:after {
	width:2em;
	margin-left:0;
}
header a, 
header button, 
footer a, 
nav a {
	color:#fff;
	text-decoration:none;
	font-weight:800;
}

header nav a {
	position:relative;
}
.menu-button, .search-button {
	transform: scale(0.75);
	z-index: 5;
}
#search .search-label--submit::before,
.searchicon span::before {
	border-width:0.25em;
	height:1.33em;
	width:1.33em;
}
.nav--container {
	background:#d32232;
	box-shadow: 0 100vh 0 100vh rgba(0,0,0,0.75);
}
.nav--container li {
	position:relative;
}
.nav--main,
.nav--featured,
.nav--secondary ul {
	
	font-weight:bold; 
}
.nav--featured {
	background:#d32232;
	padding:0 0.5em;
	top:4em;
	height:3em;
	text-align:center;
}
.nav--featured ul {
	padding-top: 0.75em;
	justify-content:center;
}
.nav--featured li {
	flex-basis: 6.5em;
	text-align: center;
} 
.nav--featured a {
	color:#fff;
	padding:0.5em;
	display:inline-block;
}
.nav--featured a:hover {
	background:inherit;
}
.nav--featured .nav-item--current > a {
	text-decoration:underline;
}
.nav--main,
.nav--secondary {
}
.nav--main ul {
	color:#fff;
	background:transparent;
}
.nav--mobile-extras {
	margin:1em 0;
	text-align: center;
	position: fixed;
	width: 100%;
	bottom: 0;
}
.nav--mobile-extras a {
	text-transform:none; 
	display:inline-block;
}
.nav--mobile-extras .social_icons  {
	font-size:1.5em;
	padding: 0.5em 0;
}
.nav--mobile-extras .social_icons a {
	margin:0;
	padding: 0 0.25em;
	height: 1.2em;
}
.nav--mobile-extras p {
	margin:0 1em;
	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);
}
.nav--main a.nav-list-title::after {
	display:none;
}

.page--contact-form .title p{text-align: center;}

.language-links {
	font-size: .75em;
	font-weight:300;
	font-style:normal;
	list-style:none;
	padding:0;
	margin:0 1em 0 auto;
}
.language-links > li {
	border-left:1px solid #bababa;
	display:inline-block;
}
.language-links > li a {
	padding:0 0.5em;
}
.language-links .language-selected {
	color:#FFE46A;
}
.language-links > li:first-child {
	border-left:none;
}
@media (min-width:48em) {
	.language-links {
		margin:0.2em 0 0; 
		position:absolute; 
		right:0.4rem;
		top:0.75rem; 
	}
}

@media (min-width: 54em){
    .language-links {
        position: static;
        padding: 0.5em 0 0.5em 1.33em;
        margin-left: 1em;
        border-left: 1px solid rgba(255,255,255,0.33);

    }
}

.search-button {
    display: none;
}
@media (max-width:47.95em) {
	header {
		height:4em;
		position:absolute;
		border:none;
	}
	main {
		padding-top:7em;
	}
	#search {
		top:6em;
	}
	header .content_wrapper {
		height:4em;
		position:fixed; 
		top:0;
		left:0;
		right:0;
		padding:0 1em;
		background:#d32232;
		z-index:199;
		box-shadow:0 -0.5em 0.5em 0.5em rgba(0,0,0,0.25);
		border-bottom: 0.25em solid #fff;
	}
	#critical_communications + 
	header .content_wrapper {
		top:3em;
	}
	.nav--container {
		left:0;
	}
	
	.header-logo {
		height:113%;
	}
	.header-logo img {
		display:block;
		height: 4.5em;
		margin:0.5em auto 0;
		transform-origin:50% 0;
		transition:transform 0.2s;
		pointer-events:none;
	}
	.mobile-menu--active .header-logo img {
		transform:scale(1.25);
	}
	.mobile-menu--active .nav--featured {
		visibility:visible;
	}
	.nav--container nav {
		padding:0;
	}
	.nav--container .nav--main {
		padding-top:3em;
	}
	header a {
		padding: 0.5em 1em;
	}
	.nav--main a {
		margin-right:3.5em;
	}
	.nav--main a::after {
		margin-left:1em;
	}
	.nav--main li.mobile-nav--opened > a::after {
		margin-left:4.5em;
	}
	.nav--main ul ul a {
		text-transform:none;
		font-weight: 600;
		padding: 0.5em 0.75em;
	}
	.nav--container {
		border-top:none;
		height:100vh;
		padding-top:0;
		top:4.25em;
	}
	.mobile-menu--active .nav--container {
		max-height:calc(100vh - 4.5em);
		padding-top:0;
	}
	.mobile-menu--active #critical_communications + header .nav--container {
		max-height:calc(100vh - 8em);
	}

}
@media (max-width:32em) {
	.nav--featured a {font-size:90%;padding: 0.75em 0.5em;}
}
@media (max-width:48em) and (min-aspect-ratio:10/7) {
	
	html {
		font-size:1.66vw;
	}
	#search {
		top:0;
		z-index: 199;
		padding: 0.125em 0 0;
	}
	#search::before {
		height:0;
	}
	.page--search-results #search {
		top:5.5em;
	}
	/* layering elements  */
	.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:-6.5em;
	}
	.header-logo {
		transition:opacity 0.15s;
	}
	.search--active .header-logo {
		opacity:0;
	}
	header .content_wrapper {
		position:fixed;
		left:0; right:0;
		top:0;
		z-index:999;
	}
	#search .content_wrapper {
		width:calc(100vw - 8em);
	}
	.search--active header .content_wrapper {
		pointer-events:none;
	}
	.search--active  .menu-button, 
	.search--active .search-button {
		pointer-events:auto;
		color:#fff;
	}
	#critical_communications + header .content_wrapper {
	}
	.menu-button, 
	.search-button {
		z-index:9999;
	}
	.nav--container {
		height: calc(100vh - 5.5em);
	}
	.nav--container nav {
	}
	.mobile-menu--active .nav--container {
		padding:1em 0;
	}
	.nav--mobile-extras .social_icons {
		display:inline-block;
		vertical-align:middle;
		margin: 0;
	}
	.nav--mobile-extras p {
		margin: 0 1em;
		display:inline-block;
		vertical-align:middle;
	}
	header .content_wrapper {
		max-width:none;
	}
}

@media (max-width:20em) {
	.nav--container nav {
		min-width:300px;
	}
}
@media screen and (min-width:48em) {
	header {
		transform:translatez(0px);
	}
	.header-logo img {
		height:auto;
		margin: 0.48em auto;
	}
	.search-button {
		margin-top:2.5em;
	}
	.nav--container {
		background:transparent;
		box-shadow:none;
	}
	.nav--main ul div {
		left:-0.5em;
		padding-left:0.5em;
		padding-right:0.5em;
		transform:none;
		right:auto;
		transition: max-height 0.33s;
		overflow:hidden;
	}
	.nav--main ul div > ul {
		background:#d32232;
		margin-top:0.5rem;
		box-shadow:inset 0 0 0 10em rgba(0,0,0,0.33);
	}
	.nav--main ul div > ul a:last-child {
		padding-right:1.3em; 
	}
	.nav--main a {
		white-space:nowrap;
	}
	.header-logo {
		margin-left:-0.5em;
		margin-right: 0.5em;
		margin-bottom: -1.5em;
		height:7em;
        width: 14em;
	}
	.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: #FFD540;
		content:'';
		display:block;
		height: 0.5em;
		position:absolute;
		bottom: -0.5em;
		left: 0.75em;
		right: 0.75em;
		transition:left 0.2s 0.5s, right 0.2s 0.5s;
	}
	.basicpage.page--home .nav--main > ul > .nav-item--current::after{
		background: none

	}

	.nav--secondary .nav-item--current::after,
	.nav--secondary .nav-item--current-parent::after {
		left:2.5em;
	}
	.nav--main > ul > li:focus-within > div {
		max-height:30em;
		overflow:hidden;
	}
	.nav--main ul > li:hover > div {
		max-height:30em;
		overflow:hidden;
	}
	.nav--main > ul > .nav-item--current:first-child:hover::after, 
	.nav--main > ul > .nav-item--current-parent:first-child:hover::after {
		left:0;
		right:0;
		transition:left 0.2s, right 0.2s;
	}
	.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,
	.nav--secondary a {
		padding-left:2em;
		position:relative;
	}
	.nav--secondary img {
		width: 1.33em;
		height: 2em;
		position: absolute;
		top: 0.25em;
		left: 0.25em;
	}
    .nav--container ul {
    height: 100%;
    }
}

@media (min-width: 54em){
.nav--container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-self: center;
    height: 100%;
    margin-left: auto;
    }
    .nav--main, .nav--secondary {
    margin-top: 0;
    position: static;
    height: 100%;
    }
    .nav--main > ul > li > a, .nav--secondary > ul > li > a {
    padding: 2em 0.75em;
    }
    
}

@media (min-width: 64em){

}

/* largest size */
@media (min-width:75em) {
	.nav--container {
		display:flex;
		justify-content:space-between;
		align-items:flex-start;
		align-self:center;
		height:100%;
        margin-left: auto;
	}
	
	.nav--main,
	.nav--secondary	{
		margin-top:0;
		position:static;
		height:100%;
	}
	
	
	.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:-0.5em;
	}
	.search-button {
		margin-top: 0;
		margin-left:0;
	}
}
@media (min-width:48em) and (max-width:52em) {
	header nav {
		font-size: 0.9em;
	}
}
@media (min-width:64em) {
	header nav {
		font-size: inherit;
	}
}
@media (min-width:75em) {
}





footer {
	position:relative;
	overflow:hidden;
	background:#d32232  ;
    color:#fff;
	padding-bottom:3em;
}
footer .content_wrapper {
	position:relative;
	z-index:1;
	margin-top: 8em;
	margin-bottom:2em;
	max-width:58em;
}

.footer-nav--main ul {
	position:relative;
	display: block;
	text-transform:uppercase;
}
.footer-nav--main a:hover {
	background:none;
}
.footer-nav--main a {
	font-size: 1.125em;
	font-weight:bold;
}
.footer-nav--secondary a {
	text-decoration:underline;
	text-transform: none;
	font-weight:bold;
}
footer li {
	padding: 0.5em;
	break-inside: avoid;
}
.footer-nav--main li {
	display:block;
}
footer .social_icons a {
	margin:0.5em 0.33em;
    height: 1.5em;
}
.footer-nav--main li:first-child a::before {
	content: '';
	display:block;
	background:url(../images/site/townhouse-logo.png) center / contain no-repeat;
	top: -6em;
	width: 10em;
	height: 6em;
	left:50%;
	margin-left: -5em;
	position:absolute;
}
#back-to-top {
	top:-3em;
	bottom:4em;
}

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

@media (min-width:48em) {
	footer .content_wrapper {
		margin-top: 7em;
	}
	footer ul {
		margin:0 -0.5em;
	}
	.footer-nav--main ul {
		text-align:center;
		columns: 3;
	}
	.footer-nav--main li {
		display:block; 
		
	}
    footer:before {
        height: 60px;
   }
    
}

@media (min-width:75em) {
   
}
/* Headings and paragraph styles */
h1 {
	font-family: 'MicrobrewOne', sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	margin:1rem 0;
	color:#D32232;
    font-family: 'MicrobrewOne', sans-serif;
}
h1, h2 {
	font-size: 3em;
	line-height:1;
	font-weight: 400;
	text-align:center;
	text-transform:uppercase;
    font-family: 'MicrobrewOne', sans-serif;
}

.page--home h1 {

    color: #d32232;
}

h3 {
	font-weight: 800;
	text-transform:uppercase;
	font-size:1.5em;
	line-height:0.9;
}
p {
	margin:1rem 0;
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
	white-space:nowrap;
}
h2 span {
	display:block;
}
p {
	
}
.disclaimer {
	font-size:0.8em;
} 
small {
	font-size:0.667em;
} 
sup {
	text-decoration:none;
}
h1 sup,
h2 sup,
h3 sup {
	font-size: 45%;
	top: -1.1em;
	margin-left: 0.1em;
}
@media (min-width: 48em) {
	h1, h2 { 
		font-size:3em;
	}
	h3 { 
		font-size:2em;
	}
}
.kfr-tout--sticky {
	
	text-transform:uppercase;
	font-weight:bold;
}
.kfr-tout--sticky strong {
}
@media (min-width: 40em) {
	.kfr-tout--sticky a>img {
		display: inline-block;
		position: static;
	}
	
	.kfr-tout--sticky a {
		display: flex;
		margin: 0.66em 3em 0.66em 0.66em;
	}
	.kfr-tout--sticky {text-align: left;}
}
@media (min-width: 60em) {
	.kfr-tout--sticky a>img {
		position: absolute;
		top: .66em;
		left: .66em;
	}
	
	.kfr-tout--sticky a {
		display: inline-block;
		margin: 1em;
	}
	.kfr-tout--sticky {text-align: center;}
}
.mobile-menu--active .kfr-tout--sticky,
.search--active .kfr-tout--sticky {
	pointer-events:none;
}
/* Tables */
table {
	margin:0;
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
tr {
}
td {
	padding:0.5em 0;
}
/* Links and CTA Buttons */
a {
	color:#006B64;
	text-decoration:none;
}
a img {
	text-decoration:none;
}
form input[type=submit], 
form [type="button"], 
form [type="reset"], 
form [type="submit"],
.btn-primary,
.button-cta {
	color:#fff;
	font-weight:800;
	text-align:center;
	background:#d32232;
	border-radius:0.2em;
	padding: 0.5em 1.5em;
	/* border:0.15em solid #d32232; */
	text-transform:uppercase;
	transition:color 0.15s, background 0.15s;
	white-space: nowrap;
}
@media (min-width:48em) {
	form input[type=submit], 
	form [type="button"], 
	form [type="reset"], 
	form [type="submit"],
	.btn-primary,
	.button-cta {
		font-size: 1.125rem;
	}
}
.btn-primary,
.button-cta {
	min-width:10em;
}
.product-category .button-cta {
	white-space:nowrap;
}
[type="button"]:hover, 
[type="reset"]:hover, 
[type="submit"]:hover,
.btn-primary:hover,
.button-cta:hover {
	color: #fffefe;
	background-color:#a00513;
}
.recipe-list-description .button-cta:hover {
    color: #fffefe;
	background-color:#c90718;
}
.video-fullwidth section {
	margin:2em auto;
}
.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;
}
.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;
}
@media (min-width:48em) { 
	.video-fullwidth section {
		max-width:64em;
	}
	.icon--player {
		font-size:1em;
	}
}
/* 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 #006B64;
}
select {
	background:#fff;
	border:0.15em solid #006B64;
	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:#006B64;
}
.select-wrapper select {
	padding:0.75em 3em 0.75em 1em;
} 
.pagination a,
.pagination input {
	background:#006B64; 
}
.pagination input[type="text"] {
	padding-top:0;
	padding-bottom:0;
}
#search {
	background: rgba(0,0,0, 0.95);
}
#search input[type="text"] {
	border-radius:0;
	padding: 0 3rem 0 0;
	cursor:text;
	outline-offset:4px;
}
@media (min-width:48em) { 
	#search .content_wrapper {
		max-width:32em;
	}
	#search input[type="text"] {
		width:calc(100% - 10rem);
	}
}
/* 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;
}
#search .search-label--large {
	font-weight:bold;
	font-size:240%;
	text-transform: uppercase;
}
#search .search-label--submit::before {
	top:0.3em;
	left: 0.46em;
}
#search .search-label--submit::after {
	top: 2.15em;
	left: 1.8em;
}

/* Hide the final addthis element's hover to patch the reverse-tab-nav keyboard trap */

div#at15s {
	display:none !important;
}

/* Some active styles */
a:focus,
a:active,
a:focus .button-cta,
a:active .button-cta,
button:focus,
button:active,
input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
[tabindex]:focus,
.qq-upload-button:focus-within,
form input[type="checkbox"]:focus + label:before, 
form input[type="radio"]:focus + label:before {
	outline:2px solid #000;
}

header .content_wrapper a:focus,
header .content_wrapper a:active,
header button:focus,
header button:active,
footer a:focus,
footer a:active,
.pagehero a:focus,
.pagehero a:active ,
.promotion--home-dippers a:focus,
.promotion--home-dippers a:active,
.promotion--recipes a:focus .button-cta,
.promotion--recipes a:active .button-cta,
#search input[type="text"]:focus,
#search input[type="text"]:active {
	outline:2px solid #000;
}

#search input[type=text] {
	outline-offset: 0.25em;
}
#search input[type=text]:focus,
#search input[type=text]:active {
	outline: none;
	border-bottom-color: #000;
}
/* 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;
}
/* Basic Hero */

.pagehero .content_wrapper::before{
	/* margin-left:-0.4em; */
}
.pagehero {
	height:66vw;
	max-height:20em;
	color:#fff;
	background:#000;
    text-align: center;
}

.pagehero p {
    line-height: 1.2em;
}

.pagehero .rich-text {
	max-width:32em;
	margin-left:-0.31em;
	text-align: center;
	padding:0 1em;
}
.pagehero  .button-cta {
	/* box-shadow:0 0 1em #0005; */
}
.pagehero h1, .pagehero h2 {
	color:inherit;
	margin-top: 0;
	text-align: center;
}

.hero-products h1, .hero--default h1, .hero--recipes-search h1, .hero--pita h1{
	display: none;
	visibility: hidden;
}
.hero--home {
	background: #331f10;
	color: #ffffff;
	height:30em;
	min-height:0; 
	max-height:none;
}
.hero-slide--products img {
	opacity:0.9;
}
.hero-slide--products .rich-text {
	text-shadow: 1px 1px 2px #420, 0 0 2em #420;
}
.hero-slide--dippinthins .rich-text {
	color:#fff;
	text-align:center;
	margin:0 0 13em 0;
}
.hero-slide--dippinthins .rich-text img {
	max-width: 16em;
	display:inline-block;
	opacity:1;
	margin-bottom:0.5em;
}
.hero-slide--dippinthins h1 span {
	display:block;
	line-height:0.9;
}
.hero-slide--dippinthins h1 .line-1 {
	font-size: 80%;
}
.hero-slide--dippinthins h1 .line-2 {
	font-size: 133%;
}
.hero-slide--dippinthins h1 .line-3 {
	font-size: 120%;
	margin-top:-0.05em;
}
.hero-slide--dippinthins .button-cta {
	background:#fff;
	color:#d32232;
}
.hero-slide--dippinthins .button-cta:hover {
	color: #fff;
	box-shadow: inset -20em 0 3em -3em #74010c;
}
.pagehero .tns-nav {
	bottom:0em;
}
.pagehero .tns-nav button {
	color:rgba(255,255,255,0);
}
.pagehero .tns-nav button:hover {
	box-shadow:none;
}
.pagehero .tns-nav button::before {
	box-shadow:inset 0 0 0 2px #fff;
}
.pagehero .tns-nav button.tns-nav-active {
	color:#fff;
}

.hero--ourfood .rich-text {
    text-shadow: 1px 1px 2px #420, 0 0 2em #420;
}


@media (min-width:48em) {
	.pagehero > section > img, 
	.pagehero > section > picture img {
		width:100.5%;
		height:auto;
	}
	.pagehero {
		height:35vw;
		max-height:30em;
        text-align: left;
		color: #d32232;
	}
	.pagehero .rich-text {
		padding:0;
	}
	.pagehero p {
		font-size:1.1em;
		max-width: 19em;
	}
    .pagehero h1{
        text-align: inherit;
    }
	.hero--home {
		height: 45vw;
		max-height: calc(15em + 20vw);
		text-align:center;
	}
	.hero-slide--products .rich-text {
		margin-right: 45%;
		text-align: left;
		text-shadow:none;
	}
	.hero-slide--dippinthins .rich-text {
		margin:0 45% 0 0;
	}
	.hero-slide--dippinthins .rich-text img {
		max-width: 12.5em;
	}
	
	.hero-slide--dippinthins .new-bug {
		padding: 0.8em 1.25em 0.8em 4.5em;
		font-size: 2.5em;
	}
	.hero--home h1,
	.hero--home h2 {
		max-width:8em;
	}
	.hero--ourfood {
		height: 45vw;
		max-height: 32em;
		text-align:center;
	}
	.hero--ourfood .rich-text{
		text-shadow: none;
		text-align:left;
		margin-right: 36%;
	}

}

@media (min-width:75em) {
    .pagehero p {
		font-size:1.2em;
        max-width: 40em;
	}
    .pagehero h1{
        font-size:4em;
    }
    .pagehero .rich-text {
        max-width:30em;
        margin-right: 50%;
    }
}





/* Contact us -- based on old KSTL form */
main #KSTL-ContactUs-main .writeus {
	min-height:2em;
}
main #KSTL-ContactUs-main .writeus p {
}
main #KSTL-ContactUs-main .box-bordered {
	border: 0.15em solid #D32232; 
	color: #0d1538;
	background: #ffffff;
}
main #KSTL-ContactUs-main .box-header {
	background: #D32232; 
	margin:-0.15em -0.15em 0;
}
main #KSTL-ContactUs-main .box-header h2 {
	color:#fff;
	text-align:left;
	font-size:1.5em;
}
main #KSTL-ContactUs-main .box-header span {
	white-space:normal;
	display: inline;
}
main #KSTL-ContactUs-main fieldset input, 
main #KSTL-ContactUs-main fieldset textarea {
	width:100%
}
main #KSTL-ContactUs-main fieldset select {
	max-width:100%;
}
main #KSTL-ContactUs-main fieldset label {
	font-weight:bold;
}
.qq-upload-button {
	background:#1579c1; 
}



.kstl-contactus {
	max-width:58em;
	margin:0 auto 5vw;
}
.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: auto;
}
.contact-preliminary .content_wrapper,
.contactpreliminary .content_wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.contact-preliminary .button-cta,
.contactpreliminary .button-cta {
	position:absolute; 
	white-space:nowrap;
	left:50%; 
	transform:translate(-50%,0);
	bottom:1em;
	font-size:1.125em;
}
.contact-preliminary-option {
	border: 0.15em solid #D32232; 
	flex-basis: 100%;
	margin: 0 0 1em 0;
	color: #0d1538;
	background: #ffffff;
	position:relative;
}
.contact-preliminary-title {
	background: #D32232; 
	padding: .5em;
	margin: -0.15em -0.15em 0;
}
.contact-preliminary-title h2 {
	color: #fff;
	margin: 0;
	font-size:1.5em;
}
.contact-preliminary-content {
	padding: 0 1em 5em;
	text-align: center;
}
@media (min-width:64em) { 
	.contactpreliminary .content_wrapper {
		
	}
	.contact-preliminary-option {
		flex-basis: calc(33.33% - 1em);
	}
	.contact-preliminary-content p {
		text-align: left;
		min-height: 3.5em;
	}
} 

/* 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;}
body #KSTL-ContactUs-main fieldset .checkbox>div {
	float:none;
}
body #KSTL-ContactUs-main .qq-upload-button {
	background: #D32232;
	padding:0.5em 1em;
}
body #KSTL-ContactUs-main a {
	color: #000;
	text-decoration:underline;
}
#KSTL-ContactUs-main fieldset .checkbox {
	position:relative;
}
#KSTL-ContactUs-main fieldset .checkbox label[for] { 
	padding-left:1.75em; 
	display:block;
	line-height: 1.15em;
}
#KSTL-ContactUs-main fieldset .checkbox label + div { float:none; }
#KSTL-ContactUs-main fieldset .checkbox>div>div {
	position:static;
}
#KSTL-ContactUs-main fieldset .checkbox label + div span input#KSTL-ContactUs-Terms,
#KSTL-ContactUs-main fieldset .checkbox label + div span input#KSTL-ContactUs-Opt-In { 
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none; 
	margin:-1.25em 0.2em;
	float:left;
	position: static;
	outline: none;
	border:none;
}
#KSTL-ContactUs-main fieldset .checkbox label + div span input::before { 
	content: '';
	position: absolute;
	left: 0;
	top: 0em;
	width: 1.06em;
	height: 1.06em;
	border: 2px solid #000000;
	background: #fff;
}
#KSTL-ContactUs-main fieldset .checkbox label + div span input::after { 
	content: '✔';
	position: absolute;
	line-height: 0.8;
	color: #000;
	font-size: 154%;
	top: -0.1em;
	left: 0.1em;
	opacity:0;
	-webkit-transform: scale(0.1);
	transform: scale(0.1);
	transition: all .15s;
}
#KSTL-ContactUs-main fieldset .checkbox label + div span input:checked::after { 
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#KSTL-ContactUs-main fieldset .checkbox label + div span input:focus::before {
	outline:thin dotted #006B64;
	outline-offset:1px;
}
/* END Shim for contact form checkboxes + labels that are in the wrong order */

/* 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; }

/* bazaarvoice stars */
.products-list-product {
	position:relative;
	padding-bottom:1.5em;
}
.products-list-product .bv_main_container { 
	bottom:0 !important;
}
[data-bv-rating] .bv_main_container, 
[data-bv-show=inline_rating] .bv_main_container {
	justify-content:center;
}

.page-specific-legal {
	padding: 0 1em;
}

/* home page features */
.promotion--home-dippers {
	position:relative;
}
.promotion--home-dippers section {
	background:#006b64;
	color:#fff;
	text-align:center; 
	overflow:hidden;
	position:relative;
}
.promotion--home-dippers section::before {
	content:'NEW'; 
	position:absolute;
	left: -3.66em;
	top: 0.66em;
	color:#FFD540;
	background:#D32232;
	transform:rotate(-45deg);
	font-weight:800;
	font-size:2em;
	width:10em;
}
.promotion--home-dippers .rich-text {
	padding:16em 0 calc(10em + 15vw);
	margin:0 -1em;
	background:url(../images/home/dippers-feature.png) center bottom / auto calc(10em + 15vw) no-repeat, 
		url(../images/home/dipper-box-shadow.png) center 2em / auto 15em no-repeat;
}
.promotion--home-dippers h2 {
	color:#fff;
	margin-top:0;
}
.promotion--home-dippers .sexy-text {
	font-style:italic;
	font-size:1.25em;
	margin-bottom:0;
}
.promotion--home-dippers .button-cta {
	box-shadow:0 0 1em #0005;
}
.promotion--home-dippers .sexy-text + p {
	margin-top:0;
}

@media (min-width:48em) {
	div.promotion--home-dippers::after {
		content:'';
		position:absolute;
		right:2em;
		bottom:-4em;
		height:9em;
		width:18%;
		background:url(../images/home/dippers-seal.svg) center / contain no-repeat;
	}
	.promotion--home-dippers section::before {
		font-size:3rem;
	}
	.promotion--home-dippers .rich-text {
		padding:8em 0 8em 50%;
		background:url(../images/home/dippers-feature.png) calc(45vw - 14em) bottom / auto calc(5em + 25vw) no-repeat, url(../images/home/dipper-box-shadow.png) calc(8em - 10vw) calc(5vw + 2em) / auto calc(10em + 15vw) no-repeat;
	}
	.promotion--home-dippers .sexy-text {
		font-style:italic;
		font-size:1.75em;
		margin-bottom:0;
	}
	.promotion--home-dippers .sexy-text + p {
		font-size:1.25em;
	}
}
@media (min-width:75em) {
	.promotion--home-dippers {
		margin:0 auto;
	}
	.promotion--home-dippers .rich-text {
		background:url(../images/home/dippers-feature.png) calc(100% - 18em) bottom / auto 26em no-repeat, url(../images/home/dipper-box-shadow.png) calc(100% - 48em) 5em / auto 24em no-repeat;
	}
}
@media (min-width:85em) {
	.promotion--home-dippers {
		max-width:75em;
	}
}


.promotion--home-our-story {
	padding:2em 0;
	text-align:center; 
}
.promotion--home-our-story h2 {
	
}
.promotion--home-our-story .products-row {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.promotion--home-our-story .products-row a {
	flex-basis:33%;
	padding-top:40%;
	position:relative;
}
.promotion--home-our-story .products-row img {
	position:absolute; left:50%;
	top:50%;
	max-width:90%;
	max-height:90%;
	width:auto;
	height:auto;
	transform:translate(-50%,-50%);
}
@media (min-width:48em) {
	.promotion--home-our-story .products-row {
		flex-wrap:wrap;
	}
	.promotion--home-our-story .products-row a {
		flex-basis:20%;
		padding-top:30%;
	}
}
/* featured products  */
.product-list,
.productlist{
	text-align: center;
}
.product-list h2 + p,
.productlist h2 + p {
	font-size: 1.25em;
}
.products-featured {
	text-align:center;
	padding:2em 0;
    background:#D32231 url(../images/site/red-cracker-background.jpg) center top / 0 0 no-repeat;
    background-size: contain;
}
.products-featured p {
	position:relative;
} 
.products-featured h2, 
.products-featured h3 {
	position:relative;
    color: #fff;
}
.products-featured h3 {
	font-size:3em;
    color: #D32231;
}
.products-featured img {
	width:100%;
}
.product-category-back[href*='/en_US/products/original.html'],
.product-category-back[href*='/en_US/products/dippers.html'] {
	display:none;
}
.product-category-back 
.product-category-back {
	font-weight:bold;
	font-size:1.5em;
	position:relative;
	display:inline-block;
	max-width:calc(100% - 1em);
	transition:padding 0.2s;
}
.product-category-back::before {
	content:'';
	display:inline-block;
	position:absolute;
	width:0.8em;
	height:0.8em;
	border-top:0.2em solid #006B64;
	border-left:0.2em solid #006B64;
	transform:rotate(-45deg) scale(0.2);
	margin:.1em -0.8em 0;
	
	opacity:0;
	transition:margin 0.2s, transform 0.2s, opacity 0.2s;
}
.product-category-back:hover {
	padding-left:1em;
}
.product-category-back:hover::before {
	transform:rotate(-45deg) scale(0.6);
	opacity:1;
	transition:margin 0.2s, transform 0.2s, opacity 0.2s;
}
.product-category {
	margin:4em auto;
	position:relative;
	max-width:30em;
}
.product-category-description {
	padding:0 2em 5em;
}
.product-category-description .button-cta {
	position:absolute;
	bottom:1em;
	left:50%;
	transform:translate(-50%,0);
}
.products-featured-row .product-primary-image {
	display:block;
	position:relative;
	overflow: hidden;
	border-radius: 0.33em;
    top: -66px;
    width: 80%;
    margin: 0 auto 33%;
    max-width: 250px;
}

.products-featured-row > * {
	background-color: #fff;
	display:block;
}

.products-featured-row .product-secondary-image  {
	display:block;
	position:absolute;
	z-index:3;
	width:40%;
	left:50%;
	transform:translate(-50%,-100%) ;
	margin-top: -1em;
	filter:drop-shadow(0 0 0.5em rgba(0,0,0,0.15))
}
.products-featured-row .product-secondary-image img {
	width:100%;
}
@media (min-width:48em) {
	.products-featured-row {
		margin: 0 -0.5em;
	}
	.products-featured-row::before {
		display:block;
		content:'';
		flex-basis:50%;
	}
	.products-featured-row > * {
		flex-basis:calc(50% - 4em);
		margin:4em auto 2em;
	}
	.product-category--original {
		left:-25%;
	}
}



/* promotions */
.promotions-featured, 
.promotions-featured section {
	margin:0; 
} 
.promotions-featured-row {
	margin:0 -1em;
}
.promotions-featured .promotions-featured-column {
	display:block;
	position:relative;
	overflow:hidden;
	font-size: 2.8vw;
	margin:0;
	height: 75vw;
}

.promotion--recipes .button-cta{
    background-color: #fff;
    color: #d32232;
}

.promotion--recipes .button-cta:hover{
    color: #fff;
    box-shadow: inset -20em 0 3em -3em #74010c;
}

.promotions-featured img {
	width: 100%;
}
.promotion--recipes h2 {
	color:inherit;
	margin-top:0;
}
.promotions-featured .promotions-description {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	padding: 30% 2em;
	text-align:center;
	color:#fff;
	transform:translate(0,-50%);
}
.promotions-featured .rich-text {
	height:100%;
	box-sizing:border-box;
}
.promotions-description p{
	margin: 1em auto;
    width: 60%
}
.promotions-featured-row a {
	text-decoration:none;
}

@media (min-width:48em) {
	.promotions-featured h2 {
		font-size:2em;
	}
	.promotions-featured-row {
		flex-wrap: nowrap;
		align-items: stretch;
	}
	.promotions-featured-row > * {
		flex-basis:50%;
		
	}
	.promotions-featured .promotions-featured-column {
		font-size:inherit;
		height: auto;
	}
}

@media (min-width:78em) {
	.promotions-featured-row {
		margin:0;
	}
	.promotions-description p{
		width: 70%;
		margin: 0 auto 1em ;
	}
	.promotions-featured .promotions-featured-column {
		font-size:1.25em;
	}
}
.promotions-featured  .promotion--kfr a {
	padding:5em 0;
	position:absolute; 
	width:100%;
	left:0;
	top:50%;
	transform:translate(0,-50%);
}
.promotions-featured-column .promotion--kfr-text {
	margin-bottom: 1em;
}
.promotion--kfr section {
	padding:4em 0 6em;
	margin:0 0 -2em;
}

.promotion--kfr-text p {
	color:#000;
}

@media (min-width:48em) {
	.promotion--kfr .promotion--kfr-graphic {
		width:14em;
		height:7em;
	}
	.promotion--kfr .promotion--kfr-text {
		margin:0 2em;
	}
}




/* Product Line Lists */
.products-line {
	text-align:center;
	position:relative;
	padding:2em 0;
}
.products-list {
	padding:0 0em;
	margin: 0 0em;
	
}
.products-line--related .products-list {
	justify-content:center;
}
.products-list-product {
	padding:1em 0; 
	flex-basis:10em;
}
/* bazaarvoice stars */
.products-list-product {
	position:relative;
	padding-bottom: 3em;
}
.products-list-product  .bv_main_container {
	transform:translate(-50%,0) scale(0.875) !important;
	position:absolute !important;
	bottom: 1.5em !important;
	left:50% !important;
}
.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 {
	display: block;
	padding:0 1em 0.5em;
	font-weight:600;
}
a:hover .search-results-item-title,
a:hover .product-list-title {
	text-decoration:underline;
}
@media (min-width:48em) {
	.products-list-product {
		flex-basis: 25%;
	}
	.page--product-category .products-line h2::after {
		left:auto;
		right:4rem;
		transform:scalex(-1);
	}
	.page--product-category .products-line p {
		padding:0 20%;
		margin:0em 5em 2em;
	}
}
@media (min-width:64em) {
	.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-detail-highlights,
.recipe-detail-highlights {
	padding-top:4em;
    padding-bottom:2em;
}
.product-slider-holder,
.product-detail-overview,
.recipe-slider-holder,
.recipe-detail-overview {
	margin-top:1em;
}
.product-thumbnails-container .tns-nav-active,
.recipe-thumbnails-container .tns-nav-active {
	border-color:#006B64;
}
.product-detail-overview h1,
.recipe-detail-overview h1 {
    color: #D32232;
	font-size:3em;
	line-height:1;
    text-align: left;
}
.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 #d32232;
}
.tns-controls button[data-controls="next"],
.tns-controls button[data-controls="prev"] {
	text-indent:-999em;
	padding:0.25em 0;
	filter:drop-shadow(0 0 0.25em rgba(0,0,0,0.5));
}
.tns-controls button[data-controls="next"]:hover,
.tns-controls button[data-controls="prev"]:hover {
	background:rgba(0,0,0,0.15);
	box-shadow:none;
}
.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:currentcolor;
}

.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:#d32232;
	color:#ffffff;
	text-align:center;
	position:relative;
	margin:10vw 0;
	padding:4em 0;
	margin:4em 0;
}
.product-nutrition section {
	margin:0;
}
.product-nutrition::after {
	bottom:-5vw;
}

.product-nutrition-row {
	display:flex;
	flex-wrap:wrap;
}
.product-nutrition-highlights {
	order:1;
}
.product-nutrition-highlights h3:first-child {
	display:block;
	color:inherit;
}
.product-nutrition-row .product-nutrition-smartlabel {
	margin: 2em 0;
}
.product-instructions section {
	margin:0;
	position:relative;
}
.product-instructions h2 {
	color:inherit;
	font-size:2em;
}
.product-instructions .instruction-text{
	max-width: 50em;
	padding: 0 1em;
	margin: 0  auto;
}

@media (min-width:48em) { 
	.product-nutrition-highlights {
		order:0;
	}
	.product-nutrition-row > div {
		flex-basis:calc(50% - 2em);
		padding:0 1em;
	}
	.product-instructions .instruction-text{
		width: 90%;
		margin: 0.5em auto;
		max-width: 50em;
	}
}
.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;
	color: #006B64;
}
.product-nutrition .select-wrapper::before {
	/* color:#fff; */
	z-index:1;
}
.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-smartlabel .button-cta {
	width:11em;
    border: 2px solid #fff;
}
.product-nutrition h2+p {
	display:none;
}
.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: 17.26em;
		color: #006B64;
		/* color: red; */
	}
	.addthis_toolbox {
		display:block;
	}
}

@media (min-width:64em) { 
	.recipe-detail-overview h1,
	.product-detail-overview h1 {
		font-size:3em;
	}
}

/* recipe detail */
.recipe-highlights {
	display:flex;
	text-align:center;
	justify-content:center;
	margin:2em 0;
	flex-direction: column;
    align-items: center;
}
.recipe-highlights strong {
	display:block;
	font-size:1.5em;
}
.recipe-highlights > div {
	width:8em;
	padding-top: 4em;
}
.recipe-highlight--preptime {
	background: url(../images/site/icon-chefhat.svg) center top / 4em 4em no-repeat;
}
.recipe-highlight--totaltime {
	background:url(../images/site/icon-clock.svg) center top / 4em 4em  no-repeat;
}
.recipe-highlight--yield {
	background:url(../images/site/icon-bowl.svg) center top / 4em 4em no-repeat;
}
.recipe-slider-aspect-ratio {
	padding-top:75%;
}
.recipe-directions-row {
	line-height:1.5;
	width:100%;
}
.recipe-directions-row h3 {

	font-weight:bold;
	text-align:center;
}
.recipe-ingredients ul {
	list-style:none;
	padding:0;
}
.recipe-related-product-tile {
	display:flex;
	align-items:center;
	flex-wrap: wrap;
	height:auto;
	max-width: 24em;
	margin: 0 auto;
}

.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(50,50,50,0.1);
	align-items:center;
	height:auto;
	max-width: 20em;
	margin: 6em auto 0;
	padding:8em 1em 0em;
	position:relative;
	text-align:center; 
}
.recipe-related-product-tile div  {
	width: 100%;
}
.recipe-related-product-tile h3 {
	margin:0.5rem 0;
	width:100%;
	font-weight:bold;
	font-size:0.9em;
	color:#000;
}
.recipe-related-product-tile p {
	font-weight:bold;
	color:#d32232;
	font-size:1.5em;
	line-height:1.2;
	margin-top:0;
}
.recipe-related-product-tile img {
	position:absolute;
	top:-4em;
	height:12em;
	left:50%;
	transform:translate(-50%,0);
}
.recipe-related-product-tile .button-cta {
	margin-bottom:1em;
}
.recipe-related {
	background:#f2f2f2;
}
.recipe-related section,
.recipe-related-product section {
	margin:0 auto;
	padding:1em 0;
}
.recipe-related-product-tile + .recipe-related-product-tile {
	margin-top:7em; 
}
@media (min-width:48em) {
	.recipe-related-product-tile {
		margin: 2em auto 0;
		padding: 1em 2em 1em 18em;
		text-align:center;
		width:22em;
	}
	.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-related-product + .recipe-related {
		padding-top:10em; margin-top:-8em;
	}
	.recipe-highlights {
		justify-content: space-around;
		flex-direction: row;
		align-items: normal;
	}

}
/* recipe search */
.page--recipes {
	background:#f2f2f2;
}
.recipe-search-subhead {
	background:#d32232;
	color:#fff;
	padding:1em 0;
	text-align:center;
}
.recipe-search-subhead h2 {
	color:#fff;
}
.recipe-search-subhead p {
	font-size:1.125em;
}
.recipe-search-subhead .content_wrapper {
	max-width:48em;
}
.recipe-search-text-field {
	max-width:22em;
	margin:1em auto;
	text-align:center;
}
#recipe-search-q {
	background:#fff;
	box-shadow: 0 0.05em 0.15em rgba(0,0,0,0.1), 0 0.15em 0.4em rgba(0,0,0,0.1);
}
#recipe_search_form {
	text-align:center;
	color:#3e3e3e;
	padding: 0em 0 2em;
	margin-top: -2.66em;
}
.recipe-search-filters-row {
	justify-content:center;
	max-width: 22em;
	margin: 0 auto;
}
.recipe-search-filter {
	flex-basis:100%;
}
.recipe-search-filter label {
	color:#D32232;
	font-weight:800;
	text-transform:uppercase;
}
.recipe-search-filter .select-wrapper {
	width:100%;
	box-shadow: 0 0.05em 0.15em rgba(0,0,0,0.1), 0 0.15em 0.4em rgba(0,0,0,0.1);
}
.recipe-search-filter .select-wrapper select {
	width:100%;
}
.recipe-list {
	margin: 0 -0.5em;
}
.recipe-list-item {
	background:#fff;
	margin:0 0.5em 1em;
	box-shadow: 0 0.05em 0.15em rgba(0,0,0,0.1), 0 0.15em 0.4em rgba(0,0,0,0.1);
	flex-basis: calc(50% - 1em);
	min-width:22em;
	position:relative;
}
.recipe-list-item a {
	color:#000;
}

.recipe-list-description .button-cta  {
	position:absolute;
	bottom:1em;
	left:50%;
	transform:translate(-50%,0);
	white-space:nowrap;
}
.recipe-list-description h3 {
	font-size:2em;
	line-height: 1.2;
}
.recipe-list-image {
	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%;
	min-height:100%;
	object-fit:cover;
	height:auto;
	transform:translate(-50%,-50%);
}
.recipe-search-filters-row {
	justify-content: center;
	max-width: 22em;
	margin: 0 auto;
}
#recipe-search-submit {
	height:1.5em;
	margin-left: 0.66em;
	padding: 0.45em 1em;
	vertical-align: middle;
	box-shadow: 0 0.05em 0.15em rgba(0,0,0,0.1), 0 0.15em 0.4em rgba(0,0,0,0.1);
}
.pagination {
	margin-bottom:2em; 
}
@media (min-width:48em) {
	.recipe-search-text-field {
		max-width:none;
	}
	.recipe-search-filter {
		text-align: left;
		flex-basis: calc(33.333% - 1em);
		margin:0 0.5em 0;
	}
	#recipe-search-q {
		/* max-width: 34em; */
		width: calc(80% - 20em);
	}
	.recipe-search-filters-row {
		margin: 0 -0.5em;
		max-width: none;
	}
	.recipe-list-item {
		flex-basis: calc(33.333% - 1em);
		min-width:0;
	}
}
@media (min-width:64em) {
	.recipe-list {
	}
}

.about-us .content_wrapper {
	max-width:42em;
	padding:4em 0;
}
.about-us  h3 {
	text-transform:none; 
	text-align:left;
	font-size:2.25em;
	line-height:1.25;
	margin:1em 0;
}
.about-us p {
	text-transform:none; 
	text-align:left;
	font-size:1.125em;
	line-height:1.5;
	margin:1em 0;
}


.hero--promotion-detail img {
	width:100%;
	display: block;
	opacity:1;
}
.promotion-detail-overview h2 {
	font-weight: bold;
}
.promotion-detail-overview {
	text-align:center; 
}
.promotion-detail-overview p a {
	text-decoration:underline;
}
.promotion-detail-overview .button-cta {
	margin:1em auto;
	display:block;
	max-width:12em;
}
.promotion-columns h3 {
	font-weight:900;
	font-size: 2em;
	line-height: 0.9;
	text-transform:uppercase;
	letter-spacing: -0.033em;
}
@media (min-width:48em) {
	.promotion-columns h3 {
		font-size: 2em;
		white-space:nowrap;
	}
	.promotion-detail-overview .button-cta {
		margin:1em;
		display:inline-block;
	}
	.promotion-columns  {
		display:flex;
		padding:1em;
		text-align:center;
	}
	.promotion-columns > div {
		padding:0 1.5%;
		min-width:29%;
	}
}

/* icon font for social media */

@font-face {
	font-family: icomoon;
	src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
	font-weight: 700;
	font-style: normal
}
.icomoon-mail-envelope-closed:before {
	content: "\e900";
}
.icomoon-facebook2:before {
	content: "\ea91";
}
.icomoon-instagram:before {
	content: "\ea92"
}
.icomoon-twitter:before {
	content: "\ea96"
}
.icomoon-youtube:before {
	content: "\ea9d"
}
.icomoon-pinterest:before {
	content: "\ead1"
}
.social_icons a {
	text-decoration:none;
}
.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 {
	display: none;
}

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

.social_icons a[href*="twitter.com"]:before,
.social_icons a[data-tracking*="twitter-com"]:before {
	font-family: icomoon!important;
	content: "\ea96";
	font-size: 1em
}
.social_icons a[href*="instagram.com"]:before,
.social_icons a[data-tracking*="instagram-com"]:before {
	font-family: icomoon!important;
	content: "\ea92";
	font-size: 1em
}
.social_icons a[href*="pinterest.com"]:before,
.social_icons a[data-tracking*="pinterest-com"]:before {
	font-family: icomoon!important;
	content: "\ead1";
	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
}

/* weird tracking iframe fix */
body > iframe { position:absolute; bottom:0; left:-999em; }

/*  */
.ccpa-button {
	color:#fff;
	border-radius:2em;
	padding:0.5em 1em;
}

@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;
        box-shadow: none;
	}
	.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);
	}
}


/*new kfr bar*/
@font-face {
	font-family: 'avenirnext';
	font-weight:bold;
	src: url('/content/dam/engage/fonts/subset-AvenirNext-Bold.woff') format('woff');
}
@font-face {
	font-family: 'avenirnext';
	font-weight:normal;'
	src: url('/content/dam/engage/fonts/subset-AvenirNext-Medium.woff') format('woff');
}
/* new tile style  */

.promotions-featured .promo-new-kfr-html { font-family: 'avenirnext'; color:#000; margin:auto; background:#fff; padding:2em 0; text-align:center; }
.promotions-featured .promo-new-kfr-inner { position:relative; height:100%; }
.promotions-featured .promo-new-kfr-inner::before { content:''; display:inline-block; height:100%; min-height:20em; vertical-align:middle; }
.promotions-featured .promo-new-kfr-content { content:''; display:inline-block; vertical-align:middle; width:80%;  }
.promotions-featured .promo-new-kfr-html img { }
.promotions-featured .promo-new-kfr-html .kfr-button-cta { font-weight:bold; text-align:center; letter-spacing:0.1em; text-transform:uppercase;  display:inline-block; margin:auto 1em; background:rgb(210,19,70); border: none; border-radius: 1em; color: #fff; padding: 0.8em 3em; transition:background 0.2s; }
.promotions-featured .promo-new-kfr-html .kfr-button-cta:hover {  background:rgb(170,12,50);  }
.promotions-featured .promo-new-kfr-html p { font-size:3.5vw; }

@media (min-width:48em) {
	.promotions-featured .promo-new-kfr-html p { font-size:1.75vw; }
}
@media (min-width:75em) {
	.promotions-featured .promo-new-kfr-html p { font-size:1.25em; }
}

/* sticky styles */
footer {
	margin-bottom: 0;
	
}
.kfr-tout--sticky { background:rgba(0,0,0,0.8); font-size:1rem; font-family: 'avenirnext'; font-weight:normal; padding:0; height:3.5em; text-transform:none; }
.kfr-tout--sticky a  { margin:0; display:flex; justify-content:center; height:100%; font-size:1rem; }
.kfr-tout--sticky a>img { position:static; height:3em; margin:auto 0.5em; }
.kfr-tout--sticky a>span { margin:auto 2em auto 0; }
.kfr-tout--sticky a::after { display:none}
.kfr-tout--sticky .icon--close { border:none; top:0; border-radius:0; color:rgb(210,19,70); background: rgba(0,0,0,0);}
.kfr-tout--sticky .icon--close:after, 
.kfr-tout--sticky .icon--close:before { border-radius:0; color:inherit; }
.kfr-tout--sticky .kfr-button-cta { display:block; margin-top:0.25em; font-size:inherit; font-weight:bold; text-align:center; letter-spacing:0.1em; text-transform:uppercase;  }
.kfr-tout--sticky .kfr-button-cta::after { content:''; display:inline-block; width:0.4em; height:0.4em; top:-0.1em; margin-left:0.2em; border-right:0.15em solid currentcolor; border-top:0.15em solid currentcolor; position:relative; vertical-align:middle; transform:rotate(45deg);   }

@media (min-width:48em) {
	.kfr-tout--sticky a { justify-content: center; }
	.kfr-tout--sticky a>img { position:static; height:3em; margin:auto 1em; }
	.kfr-tout--sticky .icon--close { font-size:50%; }
	.kfr-tout--sticky .kfr-button-cta { display:inline-block; margin:auto 1em; background:rgb(210,19,70); border: none; border-radius: 1.5em; color: #fff; padding: 0.5em 1.5em; transition:background 0.2s; }
	.kfr-tout--sticky .kfr-button-cta:hover {  background:rgb(170,12,50);  }
	.kfr-tout--sticky .kfr-button-cta::after { display:none; }
}


.recipe-results {
    padding-bottom: 100px;
    background: #D32231 url(../images/site/red-cracker-background.jpg) center top / 0 0 no-repeat;
    background-size: contain;
}
.recipe-list {
	margin: 0 auto;
	max-width: 24em;
	justify-content: flex-start;
}

.recipe-list-item {
	flex-basis:100%;
	margin: 0 0 1em;
	box-shadow: 0 0 0.75em rgba(0,0,0,0.15);
	border-radius: .3em;
	position:relative;
	background-color: #fff;
    min-height: 20em;
}
.recipe-list-item a {
	display:block;
	overflow: hidden;
	text-decoration:none;
}

.recipe-list-image {
	border-radius:.3em .3em 0 0;
	overflow:hidden;
	position: relative;
}
.recipe-list-image::before {
	content:'';
	display:block;
	padding-top:66.66%;
}

.recipe-list-description {
	text-align:center;
	color: #d32232;
}
.recipe-list-description .button-cta {
	text-align:center;
	color: #d32232;
	margin: 1em auto;
	display:inline-block;
	max-width:calc(100% - 4em);
	border-radius: .3em;
	background-color: #fff;
}
.recipe-list-item h2,
.recipe-list-item h3 {
	font-size: 1.5em;
	color: #d32232;
	padding: .8em 1em;
	margin:0;
}

.recipe-item-hidden {
	display:none;
}
@media (min-width: 48em) {
	.recipe-list {
		max-width: 48em;
	}
	.recipe-list-item {
		flex-basis: calc(50% - 1em);
		margin: 0 0.5em 1em
	}
}
@media (min-width: 64em) {
	.recipe-list {
		max-width: none;
		margin: 0 -0.5em;
	}
	.recipe-list-item {
		flex-basis: calc(33.33% - 1em);
	}
	.recipe-list-item h2,
	.recipe-list-item h3 {
		font-size: 1.5em;
		padding:1em;
	}
}

.basicpage.page--home {
    text-align: center;
	background: #D32231 url(../images/site/red-cracker-background.jpg) center top / 0 0 no-repeat;
    background-size: contain;
}
.basicpage.page--home main {
	background:none
}
.join-today {
	background: #82001e
}

.join-today-img {
	margin-top: -6%;
	position: relative;
	z-index: 2;
	pointer-events:none;
}
.first-to-know .join-today-img {
	margin-top: 0%;
}
.join-today h2 {
	color: #fff;
	padding:0 1em;
}
.join-today p {
	color: #fff;
	padding:0 0.5em;
	margin: 0.5em auto;
	line-height: 1.3;
	font-size: 1.1em;
}
.wtb-img {
	margin: -6% auto 0;
	width: 75%;
	pointer-events:none;
	position:relative;
	padding-top: 50%;
}
.wtb-img img {
	position:absolute; top:0;
}
.even-more-img {
	position:relative;
	width: 66%;
	margin: -6% auto 0;
	pointer-events:none;
	padding-top:80%;
}
.even-more-img img {
	position:absolute; width:100%; top:0;
}
.even-more h2 {
	padding-bottom:1em;
}
.even-more a {
	overflow: visible;
}






.join-today-food1::before,
.join-today-food2::before { content:''; width:100%; height:100%; display:block; }


.join-today-img > img {
	opacity:0;
	top:1em;
	position:relative;
	transition:opacity 0.25s, margin 0.25s, top 0.25s, width 0.25s;
}
.join-today-img > .join-today-bonus {
	position:absolute;
}
.join-today-img > .join-today-number {
	position:absolute; top:2em; width:50%; margin-left:25%;
}
.join-today-img > div {
	position:absolute; left:0; top:0; width:100%; height: 100%; opacity:0; margin-top:10%; transition:opacity 0.25s, margin 0.15s, top 0.25s, width 0.15s; font-size:50%; 
}
.in-viewport .join-today-img > * { opacity:1; margin:0; top:0; transform-origin:50% 100%;  }
.in-viewport .join-today-img > img { animation:floaties_x 6s cubic-bezier(.4,.01,.55,1) infinite; font-size:10%;  font-size:10%; width:100%;  }
.in-viewport .join-today-img > div { animation:floaties_x 6s cubic-bezier(.4,.01,.55,1) infinite;  }
.in-viewport .join-today-img div::before { animation:floaties_y 4s cubic-bezier(.4,.01,.55,1) infinite;  }

.in-viewport .join-today-img > *:nth-child(1) { transition-delay: 0.8s; }
.in-viewport .join-today-img > *:nth-child(2) { transition-delay: 0.4s;  animation-delay:-2s;  }
.in-viewport .join-today-img > *:nth-child(2)::before { animation-delay:-2.5s; }
.in-viewport .join-today-img > *:nth-child(3) { transition-delay: 0.6s;  animation-delay:-1s; }
.in-viewport .join-today-img > *:nth-child(3)::before { animation-delay:-1s; }
.in-viewport .join-today-img > *:nth-child(4) { transition-delay: 1.0s; transition-timing-function:cubic-bezier(0.2,0.2,0.6,1);  }
.in-viewport .join-today-img > *:nth-child(5) { transition-delay: 1.4s; transition-timing-function:cubic-bezier(0.2,0.2,0.6,1); }
@keyframes floaties_x {
	0%    { transform:translatex(-1em) rotate(2deg); }
	50%   { transform:translatex(1em) rotate(-2deg); }
	100%  { transform:translatex(-1em) rotate(2deg); }
}
@keyframes floaties_y {
	0%    { transform:translatey(0.5em); }
	50%   { transform:translatey(-0.5em); }
	100%  { transform:translatey(0.5em);  }
}





.in-viewport .even-more-img img,
.in-viewport .wtb-img img       { animation:bowlanim 0.3s 0.3s forwards; transform:rotate(-15deg) scale(0.5); transform-origin:50% 100%; }
.in-viewport .even-more-img img + img,
.in-viewport .wtb-img img + img { animation:bowlanim 0.3s 0.3s forwards; transform: scale(0.5); transform-origin:50% 100%; }
.in-viewport .wtb-img img + img { animation-delay: 0.5s; transform:rotate(15deg) scale(0.5); }
.in-viewport .even-more-img::before   { animation:foodanim1 0.3s 0.5s forwards; transform:rotate(0deg) scale(0.5); transform-origin:0% 100%; }
.in-viewport .even-more-img::after    { animation:foodanim2 0.3s 0.7s forwards; transform:rotate(0deg) scale(0.5); transform-origin:100% 100%; }

@keyframes bowlanim {
	0% {  }
	100% { transform:none; opacity:1; }
}
@keyframes foodanim1 {
	0% {  }
	100% { transform:rotate(5deg); opacity:1; }
}
@keyframes foodanim2 {
	0% {  }
	100% { transform:rotate(5deg); opacity:1; }
}





.wtb-cartpin {
	background: #82001e;
	overflow: hidden;
}
.wtb-cartpin .recipe-list-description {
	margin-top:-2em;
}
.wtb-cartpin .recipe-list-description p {
	color:#fff;
	margin: 0 1em;
}
.wtb-cartpin .recipe-list-description h2 {
	color:#fff;
	padding: 0.25em 0;
	margin:0;
	text-decoration:none;
}
.wtb-cartpin-img {
	margin-top:1em;
	padding-top:38%;
	position:relative;
}

.wtb-cart {
	background:url(../images/animated/cart.svg) center / contain no-repeat;
	height:40%;
	top:35%;
	width:100%;
	transform:translate(-1.5%,0);
	position:absolute;
}
.wtb-pin {
	background:url(../images/animated/map-pin.svg) center / contain no-repeat;
	height:30%;
	top:11%;
	width:100%;
	position:absolute;
}



.wtb-cart,
.wtb-pin,
.wtb-cartpin-img::before,
.wtb-cartpin h2,
.wtb-cartpin p,
.wtb-cartpin .button-cta {
	opacity:0;
}

.wtb-cartpin.in-viewport .wtb-cart,
.wtb-cartpin.in-viewport .wtb-cartpin-img::before {
	margin-left:-4em;
	animation:cartpin_drop 0.5s 0.5s forwards;
}
.wtb-cartpin.in-viewport .wtb-pin {
	margin-top:1em;
	animation:cartpin_pop 0.5s 0.7s forwards;
}
.wtb-cartpin.in-viewport h2 {
	animation:cartpin_fade 0.25s 0.7s forwards;
}
.wtb-cartpin.in-viewport p {
	animation:cartpin_fade 0.25s 0.9s forwards;
}
.wtb-cartpin.in-viewport .button-cta {
	animation:cartpin_fade 0.25s 1.1s forwards;
}
@keyframes cartpin_pop {
	0% { opacity:0; transform:scale(0.7); }
	50% { margin-top:-1em; transform:scale(1); }
	100% { opacity:1; margin:0; }
}
@keyframes cartpin_drop {
	0% { opacity:0; }
	100% { opacity:1; margin:0; }
} 
@keyframes cartpin_fade {
	0% { opacity:0; }
	100% { opacity:1; }
} 

.k1p-loading-animation {
	width:10em; 
	height:10em;
	position:absolute; 
	border:1px solid;
	left:50%; 
	top:50%;
	transform:translate(-50%,-50%);
	border-radius:100%;
	background:#fff;
}
.k1p-loading-animation::before,
.k1p-loading-animation::after {
	content:'';
	display:block;
	width:0; 
	height:0;
	border:5em solid;
	border-right-color:transparent;
	border-bottom-color:transparent;
	border-radius:100%;
	position:absolute;
	top:0;
	animation:load_rotate 2s -0.1s infinite cubic-bezier(0.5, 0.19, 0.44, 0.83);
}
.k1p-loading-animation::after {
	animation-delay:-1.7s
}
@keyframes load_rotate {
	0% { transform:rotate(0deg);  }
	100% { transform:rotate(360deg);  }
}
.k1p-loading-logo {
	width:8em;
	height:8em;
	background:currentcolor;
	border-radius:100%;
	margin:1em;
	position:relative;
	z-index:1;
}
.k1p-loading-animation {
    color:#d32232;
}
.k1p-loading-logo {
	background:currentcolor url(../images/site/kellogg-k.svg) center / 60% auto no-repeat !important;
	box-shadow: 0 0 0 0.15em #fff;
	padding:0.33em;
	margin:.67em !important;
}

div.header-stuff{
	padding: 3em 0px;
}

/* targeting specifically the h2 in the products page */
.productListBV h2 {
	display:none;
	}



/* css added to fox the navigation issue on 25th oct 2024 */

    nav.nav--secondary {
    display: none;
}

/* @media (max-width: 767px){
	.nav--featured{
		display:none !important;
	}
} */
@media (min-width:768px) and (max-width: 990px) {
    .nav--main ul {
    	margin-top: 10px;
	}
    .nav--container {
 		align-self: center !important;
    }
    .nav--container .nav--main li>a {
        font-size: 13px;
    }
}


/* site specific for townhouse */

.simple-signup>.simple-signup {
    max-width: 71em;
    width: calc(100% - 2em) !important;
    border: none !important;
    z-index: auto !important;
}
.form-outer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
.form-inner {
    width: calc(50% - 15px);
}
.simple-signup input[type=password], .simple-signup input[type=email], .simple-signup input[type=number], 
.simple-signup input[type=date], .simple-signup input[type=month], .simple-signup input[type=tel], 
.simple-signup input[type=text], .simple-signup input[type=search], .simple-signup textarea{
    border: 1px solid #2f2f2f !important;
    max-width: 100%;
    width: 100%;
    height: 50px;
    margin-bottom: 0;
    box-sizing: border-box;
}
.captcha-section {
    margin-bottom: 0;
    text-align: center;
}
.captcha-section ~ .simple-signup-error-form {
    text-align: center;
}
.captcha-section fieldset {
    border: 0;
    display: inline-block;
    margin: 0;
}
#simple-signup-wrapper-ContinueButton{
    margin-top: 0;
}
.signup-button, .rv7-promo-thankyou{
    text-align: center;
}
.signup-privacypolicy-input,
.subscription input{
    position: static !important;
}
.signup-privacypolicy-input{
    margin-right: 10px;
}
.label-after{
    margin-left: 0 !important;
}
.simple-signup input[type=month] {
    padding: 0 1em;
}
.rv7-loader{
    text-align: center;
}
.loader-img{
    display: inline-block;
}

@media only screen and (max-width: 768px) {
    .simple-signup>.simple-signup{
        padding: 15px 0 !important;
    }
    .form-outer{
        gap: 0;
        flex-direction: column;
    }
    .form-inner {
        width: calc(100% - 30px);
    }
}
.simple-signup-section div#simple-signup-HeaderSubscription {
    width: auto;
}
.signup-privacypolicy-input, .simple-signup-subscription{
    width: auto !important;
}
.simple-signup-section input[type="checkbox"] {
    transform: scale(1.4);
	margin-right: 8px;
}