/* Aktiv Grotest regular and condensed */
@import url("https://use.typekit.net/wsn5skj.css");
/* Aktiv Grotesk extended medium */
@import url("https://use.typekit.net/jqn2avy.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: white;
	color: #02006b;
	font: normal 15pt/1.5 "aktiv-grotesk", "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,
.en__field--master-hrc-subscription-opt-in {
	display: none;
}

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

/* outer layout */
header {
	background: #02006b;
	border-bottom: 6px solid #ffdf01;
	text-align: center;
}

.width {
	display: inline-block;
	margin: 0 auto;
	padding: 4pt 0 8pt;
	text-align: left;
	width: 900px;
}

a.headerLogo {
	display: inline-block;
	margin: 10pt 16pt 0 30pt;
	text-decoration: none;
	vertical-align: middle;
}

header a.headerLogo img {
	border: none;
	max-width: 98px;
}

header h1 {
	color: white;
	display: inline-block;
	font: bold 38pt/1 "aktiv-grotesk", "Arial", sans-serif;
	margin: 0;
	vertical-align: middle;
}

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

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

.hero p.disclaimer {
	font-size: 8pt;
	margin: 0 0 14pt;
}

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

/* "page" content */
h2.section-title {
	color: #02006b;
	font: bold 16pt/1 "aktiv-grotesk", "Arial", sans-serif;
	margin: 8pt 0 4pt;
	padding: 0;
}

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

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

.disclaimer {
	color: #02006b;
	/*font-style: italic;*/
	font-size: 10.5pt;
	line-height: 1.3;
	margin: 0 0 14pt;
	padding: 0;
}

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

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

/* 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: #02006b;
	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: #02006b;
	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;
}

/* form */
form.en__component.en__component--page {
	margin: 0 auto;
	max-width: 900px;
	padding: 8pt 30pt;
}

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

.en__component .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: nowrap;
	flex-wrap: nowrap;
	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.en__field--radio.en__field--paymenttype.en__mandatory {
	display: none;
}

label.en__field__label {
	display: none;
}

.en__field--donationAmt div.row > .en__field__item {
	display: inline-block;
	flex: auto;
	padding: 0 4pt;
	width: 16.66%;
}

.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: #02006b;
	background: #e6e7e8;
	border: 3px solid #02006b;
	/*border-radius: 2px;*/
	display: inline-block;
	font: normal 14pt/32px "aktiv-grotesk", "Arial", sans-serif;
	/*height: 38px;*/
	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: #02006b;
	color: white;
}

body:not(#en__pagebuilder) .en__field--donationAmt .recurY,
body:not(#en__pagebuilder) .en__field--donationAmt .recurN {
	display: none;
	padding: 0 4pt;
}

body:not(#en__pagebuilder).recurY .en__field--donationAmt .recurY,
body:not(#en__pagebuilder).recurN .en__field--donationAmt .recurN {
	display: inline-block;
}

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

.en__field__item.en__field__item--other {
	bottom: 0;
	left: 4pt;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 4pt;
	top: 0;
}

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

input[name="transaction.donationAmt.other"][type="text"],
input[name="transaction.donationAmt.other"][type="tel"],
input[name="transaction.donationAmt.other"][type="number"] {
	background-color: #02006b;
	border: none;
	border-radius: 0;
	color: white;
	display: inline-block !important;
	font: normal 14pt "aktiv-grotesk", "Arial", sans-serif;
	/*height: 38pt;*/
	margin: 0;
	padding: 0;
	text-align: center;
	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 6pt;
	padding: 0;
}

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

.en__component .en__captcha,
.en__component .en__field,
.en__field.en__field--checkbox.en__field--othamt1 {
	padding: 0;
}

.en__field > label.en__field__label {
	display: none;
}

body:not(#en__pagebuilder) .en__field.en__field--ach-eft-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"] {
	background: #e6e7e8;
	border: 2px solid #02006b;
	border-radius: 0;
	color: #02006b;
	font: normal 14pt "aktiv-grotesk", "Arial", sans-serif;
	height: 38px;
	padding: 0 4pt;
	text-align: center;
	width: 100%;
}

::placeholder,
.en__field__element .en__field__input--select.placeholder,
.en__field__item .en__field__input--splitselect.placeholder {
	color: #02006b;
	opacity: 1;
}

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

select,
.en__field__element .en__field__input--select,
.en__field__item .en__field__input--splitselect {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #e6e7e8 url("https://aaf1a18515da0e792f78-c27fdabe952dfc357fe25ebf5c8897ee.ssl.cf5.rackcdn.com/1954/selectBlue.png") no-repeat center right 10px;
	border: 2px solid #02006b;
	border-radius: 2px;
	color: #02006b;
	font: normal 14pt "aktiv-grotesk", "Arial", sans-serif;
	height: 38px;
	min-width: auto;
	padding: 0 20px 0 2pt;
	text-align: center;
	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"] {
	display: none !important;
}

input[type="checkbox"] + .en__field__label.en__field__label--item,
input[type="checkbox"] + label,
input[type="radio"] + .en__field__label.en__field__label--item,
input[type="radio"] + label,
.en__pg__detail > label {
	display: inline-block;
	background: transparent;
	color: #02006b;
	font: normal 12pt/1.2 "aktiv-grotesk", "Arial", sans-serif;
	padding: 0;
	vertical-align: top;
}

div.en__field--checkbox input[type="checkbox"] + .en__field__label.en__field__label--item::before,
div.en__field--checkbox input[type="checkbox"] + label::before {
	border: 2px solid #02006b;
	content: " ";
	display: inline-block;
	float: left;
	height: 16px;
	overflow: hidden;
	margin: 0 8pt 10pt 0;
	vertical-align: top;
	width: 16px;
}

div.en__field--checkbox input[type="checkbox"] + .en__field__label.en__field__label--item[for="en__field_transaction_recurrpay"]::before,
div.en__field--checkbox input[type="checkbox"] + label[for="en__field_transaction_recurrpay"]::before {
	margin-bottom: 0;
}


div.en__field--radio:not(.en__field--donationAmt) input[type="radio"] + .en__field__label.en__field__label--item::before,
div.en__field--radio:not(.en__field--donationAmt) input[type="radio"] + label::before,
.en__pg__detail > label::before {
	border: 2px solid #02006b;
	border-radius: 50%;
	content: " ";
	display: inline-block;
	height: 20px;
	overflow: hidden;
	margin: 2pt 8pt 0 0;
	vertical-align: top;
	width: 20px;
}

div.en__field--checkbox input[type="checkbox"]:checked + .en__field__label.en__field__label--item::before,
div.en__field--checkbox input[type="checkbox"]:checked + label::before,
div.en__field--radio input[type="radio"]:checked + .en__field__label.en__field__label--item::before,
div.en__field--radio input[type="radio"]:checked + label::before,
div.en__field--radio input[type="radio"]:checked + .en__pg__detail > label::before {
	background: #02006b;
}

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

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

/* buttons */
.en__submit {
	margin: 14pt 0 0;
}

.step-next,
.step-back,
.en__submit button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #02006b;
	border: 4px solid #02006b;
	color: #fff;
	cursor: pointer;
	font: 700 24pt/1 "aktiv-grotesk-extended", "Arial", sans-serif;
	/*height: 50px;*/
	margin: 0 0 14pt;
	padding: 4pt;
	width: 100%;
}

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

.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: #02006b;
	font: bold 30pt "aktiv-grotesk", "Arial", sans-serif;
	margin: 0 0 20pt;
}

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

.subHead {
	font-weight: 700;
}

a.button {
	background: #fedb00;
	color: #02006b;
	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: #02006b;
	font: bold 18pt "aktiv-grotesk", "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;
}


@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;
	}

	.en__component.en__component--row.en__component--advrow {
		margin: 0 -4pt;
	}

	.en__component.en__component--column.en__component--advcolumn {
		padding: 0 4pt;
		flex: auto;
	}

	.en__component.en__component--column.en__component--advcolumn.firstName,
	.en__component.en__component--column.en__component--advcolumn.lastName {
		width: 25%;
	}

	.en__component.en__component--column.en__component--advcolumn.email {
		width: 50%;
	}

	.en__component.en__component--column.en__component--advcolumn.address {
		width: 30%;
	}

	.en__component.en__component--column.en__component--advcolumn.city,
	.en__component.en__component--column.en__component--advcolumn.state {
		width: 20%;
	}

	.en__component.en__component--column.en__component--advcolumn.zip {
		width: 10%;
	}

	.en__component.en__component--column.en__component--advcolumn.cardNumber {
		width: 28%;
	}

	.en__component.en__component--column.en__component--advcolumn.cardExpiration {
		width: 24%;
	}

	.en__component.en__component--column.en__component--advcolumn.CVV {
		width: 10%;
	}

	.en__component.en__component--column.en__component--advcolumn.reCAPTCHA {
		width: 38%;
	}

	body:not(#en__pagebuilder) .en__component.en__component--column.en__component--advcolumn.reCAPTCHA > .en__component.en__component--formblock {
		bottom: 0;
		position: absolute;
		top: 0;
	}

	body:not(#en__pagebuilder) .en__captcha {
		bottom: 4pt;
		position: absolute;
	}

	.en__component.en__component--column.en__component--advcolumn.transFee {
		width: 90%;
	}

	.en__component.en__component--column.en__component--advcolumn.rapidSSL {
		width: 10%;
	}
}

@media screen and (min-width: 800px) {
	header h1 {
		font-size: 42pt;
	}
}

@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;
	}

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

	.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: 0;
	}

	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 {
		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;
	}
}

@media screen and (max-height: 640px) {
	/* fix view on tablets */
	header a.headerLogo img {
		border: none;
	}

	header h1 {
		font-size: 30pt;
	}

	h2.section-title {
		margin: 4pt 0;
	}
}