@import url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1954/bootstrap-grid.min.css");
@import url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1954/hrc-font-style.css");

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #7fe2ff;
	color: #363636;
	counter-reset: section;
	font: normal 15pt/1.5 "Arial", sans-serif;
}

/* allow swaping of hero content */
body:not(#en__pagebuilder) #monthlyHeader,
body:not(#en__pagebuilder) #oneTimeHeader,
body:not(#en__pagebuilder) .oneTimeDisclaimer,
body:not(#en__pagebuilder) .monthlyDisclaimer {
	display: none;
}

body:not(#en__pagebuilder).recurN #oneTimeHeader,
body:not(#en__pagebuilder).recurY #monthlyHeader,
body:not(#en__pagebuilder).recurN .oneTimeDisclaimer,
body:not(#en__pagebuilder).recurY .monthlyDisclaimer {
	display: block;
}

body#en__pagebuilder aside.pb-placeholder {
	color: grey;
}

/* globally hide certain elements */
body:not(#en__pagebuilder) aside.pb-placeholder,
body:not(#en__pagebuilder) .en__field__input.en__field__input--radio,
body:not(#en__pagebuilder) .en__field.en__field--checkbox.en__field--question.en__field--master-hrc-subscription-opt-in,
body:not(#en__pagebuilder) .en__field.en__field--text.en__field--bankAccountType,
body:not(#en__pagebuilder) .en__component.en__component--socialblock,
.teg-error-notice {
	display: none;
}

/* device specific */
.tabletView,
.desktopView {
	display: none;
}

/* outer layout */
#content.row {
	max-width: 1200px;
	margin: 0 auto;
}

/* disable columns in editor */
body#en__pagebuilder #content.row,
body#en__pagebuilder .col-lg-6 {
	display: block;
	width: 100%;
	max-width: 100%;
}

.body.col-lg-6 {
	background: white;
	padding: 14pt;
}

.blue {
	background: #002677;
	color: white;
	line-height: 1;
	padding: 6pt 6pt 0;
}

a.headerLogo {
	display: block;
}

header a.headerLogo img {
	max-width: 130px;
}

/* hero */
.premiumDiv {
	padding: 10pt 0 0;
	text-align: center;
}

.premiumImage {
	display: inline-block;
	max-width: 250px;
}

header.hero {
	padding: 14pt;
}

header.hero h1 {
	color: white;
	font: normal 40pt/56pt "AkzidenzGroteskPro-BoldCn", "Arial", sans-serif;
	margin: 20pt 0 0 0;
}

.hero h2 {
	color: #002677;
	font-size: 20pt;
	margin: 20pt 0;
}

.hero p {
	color: #363636;
	font-size: 15pt;
	line-height: 1.5;
	margin: 0;
	padding: 0 0 14pt;
}

/* center the premium photo on mobile */
header [class^="col-"]:last-child {
	text-align: center;
}

img.responsive {
	display: inline-block;
	margin: 0 auto;
	max-width: 100%;
}



/* "page" content */
h2.section-title {
	border-bottom: 4px solid #75e2ff;
	color: #002677;
	font: normal 20pt/12pt "AkzidenzGroteskPro-BoldCn", "Arial", sans-serif;
	margin: 0 0 14pt;
	padding: 6pt 0 0;
}

.section-title::before {
	counter-increment: section;
	content: counter(section) ". ";
}

.contact.row .col-md {
	padding: 0 3pt;
}

.emailNotice,
.phoneNotice {
	color: #002677;
	font-style: italic;
	font-size: 11pt;
	line-height: 1.3;
	padding: 8pt 0 0;
}

.disclaimer {
	color: #002677;
	font-style: italic;
	font-size: 10.5pt;
	line-height: 1.3;
	margin: 0 0 14pt;
	padding: 8pt 0 0;
}

.disclaimer.payment {
	font-size: 10pt;
}

#exampleCheck {
	display: none;
	margin: 12pt 0;
	max-width: 100%;
}

.RapidSSL {
	margin: 0 0 4pt;
}

.en__field.en__field--checkbox.en__field--question.en__field--annual-renewal {
	padding: 0;
}


/* footer */
footer {
	background: #f2f2f2;
	color: #363636;
}

footer > .row {
	margin: 0;
}

footer .hrcLogo a {
	color: transparent;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	text-decoration: none;
}

footer .hrcLogo a img {
	display: inline-block;
	max-width: 72px;
}

footer .hrcLogo.mobileView.tabletView {
	text-align: center;
}

footer .hrcLogo.mobileView.tabletView img {
	display: inline-block;
	margin: 14pt auto;
}

footer p {
	font-size: 10.5pt;
	line-height: 1.3;
	margin: 20pt auto 30pt;
	text-align: center;
}


.copyright {
	font-size: 10pt;
	margin: 20pt auto 12pt;
}

.copyright a {
	color: #002677;
	text-decoration: underline;
}

ul.social {
	margin: 0 0 14pt;
	list-style: none;
}

ul.social a,
ul.social a:link,
ul.social a:visited {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

ul.footerLinks {
	list-style: none;
	margin: 20pt auto;
	max-width: 400px;
}

ul.footerLinks .col {
	padding: 0;
	text-align: center;
}

ul.footerLinks a,
ul.footerLinks a:link,
ul.footerLinks a:visited {
	color: #002677;
	font-size: 12pt;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}

/* errors */
.en__field__error,
.teg-error-notice {
	background: transparent; /*rgba(255, 255, 255, 0.6);*/
	color: #df2d07;
	padding: 2pt;
}

.form-has-errors .teg-error-notice {
	height: auto;
	opacity: 1;
}

div.en__field__error ~ .en__field__element input,
div.en__field__error ~ .en__field__element select,
div.en__field__error ~ .en__field__element textarea {
	background: #f99;
}

#errorWrapper {
	margin: 0 0 0 460px;
	width: 700px;
}

.en__errorHeader {
	background: white;
	color: #df2d07;
	margin: 0;
	padding: 4pt 14pt;
}

ul.en__errorList,
ul.parsley-errors-list {
	background: white;
	list-style: none;
	/*margin: 0 0 30pt;*/
}

ul.parsley-errors-list + ul.parsley-errors-list {
	display: none;
}

ul.en__errorList li,
ul.parsley-errors-list li {
	color: #df2d07;
	padding: 4pt 14pt;
}


ul.en__errorList li:last-child {
	margin-bottom: 30pt;
}

/* donation levels */
.en__field.en__field--radio.en__field--withOther.en__field--donationAmt {
	margin-top: 14pt;
	padding: 0;
}

.en__field__item {
	padding: 4pt 0 0;
}

.en__field--donationAmt > .en__field__element.en__field__element--radio {
	padding: 0;
	width: calc(100% + 4pt);
}

.en__field--donationAmt .row,
.en__field__element.en__field__element--radio.row,
.en__field__element.en__field__element--radio .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -4pt;
	width: calc(100% + 4pt);
}

.en__field.en__field--radio.en__field--recurrpay {
	padding: 0;
}

.en__field--recurrpay .en__field__item.col-6 {
	padding: 0 0 4pt 4pt;
}

.en__field--paymenttype input[type="radio"] + label.en__field__label--item,
.en__field--recurrpay input[type="radio"] + label.en__field__label--item,
.en__field--donationAmt input[type="radio"] + label.en__field__label--item {
	color: #002677;
	background: white;
	border: 2px solid #002677;
	border-radius: 2px;
	display: inline-block;
	font: normal 20pt/40pt "AkzidenzGroteskPro-BoldCn", "Arial", sans-serif;
	height: 40pt;
	margin: 0 0 4pt 0;
	padding: 0 4pt;
	text-align: center;
	white-space: nowrap;
	width: 100%;
}

.en__field--paymenttype input[type="radio"]:checked + label.en__field__label--item,
.en__field--recurrpay input[type="radio"]:checked + label.en__field__label--item,
.en__field--donationAmt input[type="radio"]:checked + label.en__field__label--item {
	background: #002677;
	color: white;
}

body:not(#en__pagebuilder) .en__field--donationAmt .recurY[class*="col"],
body:not(#en__pagebuilder) .en__field--donationAmt .recurN[class*="col"] {
	display: none;
	padding: 0 4pt;
}

body:not(#en__pagebuilder).recurY .en__field--donationAmt .recurY[class*="col"],
body:not(#en__pagebuilder).recurN .en__field--donationAmt .recurN[class*="col"] {
	display: inline-block;
}

.en__field__item.otherLevel {
	margin: 0 0 14pt;
	padding: 4pt 4pt 0 0;
	width: 100%;
}

input[name="transaction.donationAmt"][value="Other"] + .en__field__label.en__field__label--item {
	color: #a9a9a9;
	text-align: left;
}

input[name="transaction.donationAmt"][value="Other"]:checked + .en__field__label.en__field__label--item {
	display: none;
}

.en__field__item {
	padding: 4pt;
	position: relative;
}

.en__field__item.en__field__item--other {
	margin: 0;
	padding: 0;
	width: 100%;
}

input[name="transaction.donationAmt.other"][type="text"],
input[name="transaction.donationAmt.other"][type="tel"],
input[name="transaction.donationAmt.other"][type="number"] {
	background-color: #002677;
	border: 4px solid #002677;
	border-radius: 2px;
	color: white;
	display: inline-block !important;
	font: normal 18pt "AkzidenzGroteskPro-BoldCn", "Arial", sans-serif;
	height: 40pt;
	margin: 0;
	padding: 4pt;
	width: 100%;
}

input[name="transaction.donationAmt.other"][type="text"]::placeholder,
input[name="transaction.donationAmt.other"][type="tel"]::placeholder,
input[name="transaction.donationAmt.other"][type="number"]::placeholder {
	color: white;
	opacity: .6;
}

/* other form fields */
.en__component--formblock > .row {
	margin: 0 -3pt;
}

.en__component--formblock > .contact.row {
	margin: 0 -3pt 10pt;
}

.en__captcha {
	padding: 14px 0;
}

.en__field__element.en__field__element--text {
	width: 100%;
}

.en__field[class*="col"],
.en__field.en__field--text[class*="col"] {
	margin: 0 0 14pt;
	padding: 0 3pt;
}

.en__field.en__field--text {
	margin: 0 0 14pt;
	padding: 0;
}

.en__field__element--splitselect.row {
	display: flex;
	margin: 0 -4pt;
}

.en__field > label.en__field__label {
	color: #002677;
	display: block;
	font: normal 14pt "AkzidenzGroteskPro-BoldCn", "Arial", sans-serif;
	margin: 0;
	padding: 0 0 4pt;
	text-transform: uppercase;
	white-space: nowrap;
	width: 100%;
}

body:not(#en__pagebuilder) .en__field.en__field--ach-eft-selection > label,
body:not(#en__pagebuilder) .en__field.en__field--ach-eft-apple-pay-selection > label,
body:not(#en__pagebuilder) .en__field.en__field--othamt1 > label,
body:not(#en__pagebuilder) .en__field.en__field--annual-renewal > label,
body:not(#en__pagebuilder) .en__field.en__field--ach-eft-authorization > label {
	display: none;
}

input[type="text"],
input[type="tel"],
input[type="number"] {
	border: 2px solid #002677;
	border-radius: 2px;
	color: #363636;
	font: normal 18pt "Arial", sans-serif;
	height: 40pt;
	padding: 2pt 4pt;
	width: 100%;
}

::placeholder {
	color: #a9a9a9;
	opacity: 1;
}

select,
.en__field__element .en__field__input--select,
.en__field__item .en__field__input--splitselect {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1954/SelectArrow.gif") no-repeat center right 10px;
	border: 2px solid #002677;
	border-radius: 2px;
	color: #363636;
	font: normal 18pt "Arial", sans-serif;
	height: 40pt;
	min-width: auto;
	padding: 6px 30px 4px 4pt;
	width: 100%;
}

/* for IE */
select::-ms-expand {
	display: none;
}

input[type="checkbox"],
input[type="radio"] {
	display: none;
}

.en__field.en__field--annual-renewal input[type="checkbox"],
.en__field.en__field--ach-eft-selection input[type="radio"],
.en__field.en__field--ach-eft-apple-pay-selection input[type="radio"] {
	display: none !important;
}

input[type="checkbox"] + .en__field__label.en__field__label--item,
input[type="checkbox"] + label {
	background: transparent url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1954/WECheckOff.png") no-repeat left top 2pt;
	color: #002677;
	font-size: 14pt;
	padding: 0 0 0 24pt;
}

input[type="checkbox"]:checked + .en__field__label.en__field__label--item,
input[type="checkbox"]:checked + label {
	background-image: url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1954/WECheckOn.png");
}

input[type="radio"] + .en__field__label.en__field__label--item,
input[type="radio"] + label,
.en__pg__detail > label {
	background: transparent url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1954/WERadioOff.png") no-repeat left top 4pt;
	font-size: 18pt;
	padding: 0 0 0 30pt;
}

input[type="radio"]:checked + .en__field__label.en__field__label--item,
input[type="radio"]:checked + label,
input[type="radio"]:checked + .en__pg__detail > label {
	background-image: url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1954/WERadioOn.png");
}

.en__field--ach-eft-authorization input[type="checkbox"] + .en__field__label.en__field__label--item,
.en__field--ach-eft-authorization input[type="checkbox"] + label {
	font-size: 12pt;
	white-space: normal;
}

/* hide ACH payment type */
.en__field--paymenttype .en__field__element.en__field__element--radio .en__field__item:last-child {
	display: none;
}

.en__field.en__field--splitselect.en__field--ccexpire {
	margin: 0;
}

.en__field--ccexpire .en__field__item {
	padding: 0 4pt;
}

[name="transaction.ccexpire"],
#en__field_transaction_ccvv {
	margin-bottom: 10pt;
}


/* EN Premium Selector */
.en__component.en__component--premiumgiftblock {
	border: none;
	border-radius: 0;
}

.en__component.en__component--premiumgiftblock .en__pgHeader,
.en__component.en__component--premiumgiftblock .en__pg__description,
.en__component.en__component--premiumgiftblock .en__pg__display,
.en__component.en__component--premiumgiftblock .en__pg__name,
.en__component.en__component--premiumgiftblock .en__pg__optionType label {
	display: none;
}

.en__component.en__component--premiumgiftblock .en__pg,
.en__component.en__component--premiumgiftblock .en__pgHeader {
	border: none;
}

.en__component.en__component--premiumgiftblock .en__pg__body {
	padding: 0;
}

.en__component.en__component--premiumgiftblock .en__pg__select {
	display: inline-block;
	/*color: white;*/
	padding: 0 0 6pt 0;
}

.en__component.en__component--premiumgiftblock .en__pg__detail {
	padding: 0;
}

.en__component.en__component--premiumgiftblock .en__pg__description {
	display: inline;
	font-size: 16pt;
	font-weight: normal;
	line-height: 1;
}

/* buttons */
.step-next,
.step-back,
.en__submit button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #df2d07;
	border: 4px solid #df2d07;
	color: #fff;
	cursor: pointer;
	font-size: 14pt;
	font-weight: 700;
	height: 50px;
	margin: 0 0 14pt;
	width: 100%;
}

#CVVLink {
	background-color: #808080;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font: 400 10pt/1.2em Arial, Helvetica, sans-serif;
	margin: 4pt 0 0 4pt;
	position: relative;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	width: 1.2em;
}

#CVVPrompt {
	background-color: #808080;
	border-radius: 3px;
	color: #fff;
	display: none;
	font: 400 10pt/1.1 Arial, Helvetica, sans-serif;
	left: 1.4em;
	padding: 4pt;
	position: absolute;
	text-align: left;
	top: -.6em;
	white-space: normal;
	width: 20em;
	z-index: 1000;
}

#CVVLink:hover #CVVPrompt,
#CVVPrompt:hover {
	display: block;
}

/* thank you page */
.thankyou {
	color: #002677;
}

.col-md.hero {
	padding: 0 14pt 14pt;
}

.video-container {
	height: 0;
	margin: 20pt 0;
	overflow: hidden;
	padding-bottom: 50.25%;
	padding-top: 30px;
	position: relative;
}

.video-container iframe,
.video-container object,
.video-container embed {
	height: 100%;
	left: 0;
	max-width: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

#pages.thankyou h2 {
	color: #002677;
	font: normal 30pt "AkzidenzGroteskPro-BoldCn", "Arial", sans-serif;
	margin: 0 0 20pt;
}

#pages.thankyou p {
	color: #002677;
	font: normal 14pt "Arial", sans-serif;
	margin: 0 0 14pt;
}

.subHead {
	font-weight: 700;
}

a.button {
	background: #fedb00;
	color: #002677;
	display: block;
	font: bold 14pt "Arial", sans-serif;
	line-height: 50px;
	margin: 14pt auto 30pt;
	max-width: 330px;
	text-align: center;
	text-decoration: none;
}

.thankyou h2.shareHeader {
	color: #002677;
	font: normal 18pt "AkzidenzGroteskPro-BoldCn", "Arial", sans-serif;
	margin: 0 0 10pt;
	text-align: center;
}

.shareButtons.row {
	margin: 0 auto;
	max-width: 270px;
}

.thankyou .shareButtons [class*="col"] {
	text-align: center;
}

div.digiCert {
	display: inline-block;
	float: right;
	font-size: 10pt;
	line-height: 1;
	margin: 20pt 0 0 0;
	max-width: 100px;
	text-align: center;
}

.digiCert a {
	color: #363636;
	display: block;
	text-decoration: none;
}

@media screen and (min-width: 760px) and (max-width: 899px) {
	.en__field--donationAmt .row.recurN,
	.en__field--donationAmt .row.recurY {
		margin: 0 -6pt
	}

	body:not(#en__pagebuilder) .en__field--donationAmt .recurY[class*="col"],
	body:not(#en__pagebuilder) .en__field--donationAmt .recurN[class*="col"] {
		padding: 0 6pt;
	}
}

@media screen and (min-width: 760px) {
	/* device specific */
	.mobileView {
		display: none;
	}

	.tabletView,
	.mobileView.tabletView,
	.tabletView.desktopView {
		display: initial;
	}
}

@media screen and (min-width: 900px) {
	/* page structure */
	.row.body {
		width: 100%;
	}

	body:not(#en__pagebuilder) #breadcrumbs .hidden {
		display: inline-block;
	}

	.col-md.body {
		max-width: 900px;
		padding: 0;
	}

	/* hero */
	.premiumImage {
		max-width: 400px;
	}

	/* donation levels */
	.en__field__item.en__field__item--other {
		width: 100%;
	}

	/* footer */
	ul.footer {
		margin-left: 490px;
	}

	ul.footer li {
		border-left: 1px solid white;
		display: inline-block;
		padding: 0 16pt;
	}

	ul.footer li:first-child {
		border: none;
		padding: 0 16pt 0 0;
	}

	.step-nav .step-next,
	.step-nav .step-back {
		display: block;
	}

	.RapidSSL {
		float: right;
		margin: 0 6pt;
	}

	.otherControls {
		margin: 0 0 20pt;
		/*width: 45%;*/
	}

	.hrcLogo a {
		bottom: 12pt;
		left: 50px;
		position: absolute;
	}

	ul.social.row {
		position: absolute;
		bottom: 0;
		right: 0;
	}
}

@media screen and (min-width: 1024px) {
	/* device specific */
	.tabletView,
	.mobileView.tabletView {
		display: none;
	}

	.desktopView,
	.tabletView.desktopView {
		display: initial;
	}

	header.hero {
		padding: 0 40pt 40pt;
	}

	header a.headerLogo {
		padding: 40pt 0 0;
	}

	header a.headerLogo img {
		max-width: 190px;
	}

	body:not(#en__pagebuilder) #monthlyHeader,
	body:not(#en__pagebuilder) #oneTimeHeader {
		padding: 0;
	}

	.body.col-lg-6 {
		padding: 40pt;
	}

	.en__errorHeader,
	ul.en__errorList li {
		color: #df2d07;
		padding: 0;
	}

	ul.en__errorList li:last-child {
		margin: 0 0 10pt;
	}

	/* fake page structure on wide tablet or larger */
	.en__field--ach-eft-selection input[type="radio"] + .en__field__label.en__field__label--item,
	.en__field--ach-eft-apple-pay-selection input[type="radio"] + .en__field__label.en__field__label--item {
		padding: 0 0 0 20pt;
		margin: 0 20pt 0 0;
	}

	/* footer */
	footer .hrcLogo a {
		bottom: 10pt;
		display: block;
		left: 40pt;
		position: absolute;
	}

	ul.footerLinks .col {
		white-space: nowrap;
	}

	#footerSocial {
		position: relative;
	}

	ul.social.row {
		position: absolute;
		bottom: 0;
		right: 0;
	}
}

@media screen and (min-width: 1100px) {
	body:not(#en__pagebuilder) label .hidden {
		display: inline-block;
	}
}