@charset "utf-8";

/************************************************************
	Global Newsletter Sign Up Form CSS
************************************************************/
#NewsletterSignUpForm * {
	box-sizing: border-box;
}

.NewsletterSignUpFormTitle {
	font-weight: 600;

	color: #002554;
}

#NewsletterSignUpForm input::-webkit-input-placeholder {
	color:#adadad !important;
	font-style: italic !important;
}
#NewsletterSignUpForm ::-moz-placeholder {
	color:#adadad;
	font-style: italic;
}
#NewsletterSignUpForm :-ms-input-placeholder {
	color:#adadad;
	font-style: italic;
}
#NewsletterSignUpForm :-moz-placeholder {
	color:#adadad;
	font-style: italic;
}

#NewsletterSignUpForm input.TextBox {
	padding: 0 0.45em;
}
#NewsletterSignUpForm button {
	cursor: pointer;
}
#NewsletterSignUpForm button:disabled {
	cursor: default;

	opacity: .3;
}

/************************************************************
	Header bar
************************************************************/
.Header-NewsletterSignUpSection {
	box-sizing: border-box;

	position: relative;

	clear: both;

	overflow: hidden;

	padding-bottom: 35px;
}
.Header-NewsletterSignUpSection * {
	box-sizing: border-box;
}
.Header-NewsletterSignUpSection:before {
	content: "";

	display: block;
	width: 100%;
	height: 20px;

	position: absolute;
	left: 0;
	bottom: 100%;
	z-index: 100;

	box-shadow: 0 0 13px rgba(0,0,0,.3);
}
.Header-NewsletterSignUp {
	height: 145px;

	position: relative;

	margin-top: -145px;

	padding: 22px 0 12px;

	text-align: left;

	background-color: rgba(243,178,76,.9);

	-webkit-transition: all 0.7s;
	transition: all 0.75s;

	-webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.74, 0.05);
	transition-timing-function: cubic-bezier(0.6, -0.28, 0.74, 0.05);
}
.Product .Header-NewsletterSignUp,
.MealIdea .Header-NewsletterSignUp,
.Internal .Header-NewsletterSignUp,
.BlogPost .Header-NewsletterSignUp {
	background-color: rgba(243,178,76,1);
}
.Header-NewsletterSignUp.Open {
	margin-top: -10px;
}
.Header-NewsletterSignUp:after,
#HeaderNewsletterSignUpFormWrapper:after {
	content: "";

	clear: both;

	display: block;

	height: 0;
}
.Header-NewsletterSignUp .Wrapper {
	width: 1171px;

	margin: 0 auto;
}
#HeaderNewsletterSignUpFormWrapper > * {
	float: left;
}
.Header-NewsletterSignUp .NewsletterSignUpFormTitle {
	position: absolute;
	right: 50%;
	top: 100%;
	z-index: 5;

	margin-right: -578px;

	padding: 0.333em 1em;

	font-size: 24px;

	background-color: rgba(243,178,76,.9);

	cursor: pointer;
}
.Product .Header-NewsletterSignUp .NewsletterSignUpFormTitle,
.MealIdea .Header-NewsletterSignUp .NewsletterSignUpFormTitle,
.Internal .Header-NewsletterSignUp .NewsletterSignUpFormTitle,
.BlogPost .Header-NewsletterSignUp .NewsletterSignUpFormTitle {
	background-color: rgba(243,178,76,1);
}
.Header-NewsletterSignUp .PreFormContent {
	width: 432px;

	margin-top: 28px;

	padding-left: 20px;

	float: left;

	font-size: 27px;
	font-weight: 600;

	color: #240e0a;

	line-height: 1.1em;
}
.Header-NewsletterSignUp .FieldSet {
	max-width: 315px;

	margin-left: 37px;

	float: left;
}
.Header-NewsletterSignUp .CheckListFieldset {
	margin-top: 16px;
}
.Header-NewsletterSignUp input.TextBox {
	width: 198px;
	height: 33px;

	margin-bottom: 6px;

	font-size: inherit;

	border: 1px solid #e7a93e;
}
.Header-NewsletterSignUp .Field:last-child input.TextBox {
	margin-bottom: 0;
}
.Header-NewsletterSignUp button {
	height: 33px;

	font-size: 1.9rem;

	line-height: 32px;

	vertical-align: top;
}
.Header-NewsletterSignUp .CheckList {
	width: 315px;
}
.Header-NewsletterSignUp .ListItem {
	margin-bottom: 0.7em;

	color: #FFF;

	font-size: 1.76rem;
	font-weight: 600;

	line-height: 1em;
}
.Header-NewsletterSignUp .ListItem:last-child {
	margin-bottom: 0;
}
.Header-NewsletterSignUp .ListItem label {
	display: inline-block;
}
.Header-NewsletterSignUp .StyledCheckbox + label:before {
	margin-top: 1px;
}

.Header-NewsletterSignUp #NewsletterSignUpFormSuccess {
	display: none;

	padding: 32px 0;

	font-size: 37px;
	font-weight: 600;

	color: #002554;

	text-align: center;
}

.Mobile-Header-NewsletterSignUp {
	display: none;

	position: relative;

	padding: 10px 43px 9px 11px;

	font-size: 2.0rem;
	font-size: 6.25vw;
	font-weight: 600;

	color: #002554;

	text-align: center;

	letter-spacing: -0.045em;

	line-height: 1;

	background-color: rgba(243,178,76,.9);
}
.Mobile-Header-NewsletterSignUp a {
	display: block;

	text-decoration: none;
}
.Mobile-Header-NewsletterSignUp .CloseButton {
	width: 4rem;
	height: 4rem;

	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;

	padding: 0;
	margin: 0;

	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 37px;

	background: transparent;

	border: none;

	outline: none;

	cursor: pointer;
}
.Mobile-Header-NewsletterSignUp .CloseButton:before {
	content: "+";

	display: inline-block;

	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

@media screen and (max-width:640px) {
	.Header-NewsletterSignUpSection {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1000;

		width: 100%;

		padding: 0;

		-webkit-transition: -webkit-transform 0.75s cubic-bezier(0.6, -0.28, 0.74, 0.05);
		transition: transform 0.75s cubic-bezier(0.6, -0.28, 0.74, 0.05);
	}
	.Header-NewsletterSignUpSection:before {
		display: none;
	}
	.BlogPost .Header-NewsletterSignUpSection {
		position: static;
	}
	.Header-NewsletterSignUpSection.Closed {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	.Header-NewsletterSignUp {
		display: none;
	}

	.Mobile-Header-NewsletterSignUp {
		display: block;
	}
}