html {
	-webkit-font-smoothing: antialiased;
}

body {
	font-family: "Open Sans", sans-serif;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
	color: #212529;
	text-align: left;
}

nav {
	background-color: #FFFFFF;
	width: 100%;
	padding: 20px 0 20px 0;
	margin: 0;
	border-bottom: 1px solid #D7D7D8;
	font-size: 1.4em;
	color: #EB192C;
}

nav a:link, nav a:visited {
	color: #6C6D70;
	text-decoration: underline;
}

nav a:hover, nav a:active {
	color: #EB192C;
	text-decoration: none;
}

#main {
	background-color: #F7F7F7;
	padding: 40px 0 40px 0;
}

.main h1 {
	font-family: "Open Sans", sans-serif;
	color: #EB192C;
	font-size: 4em;
	line-height: 1.2;
	padding: 0;
	margin: 30px 0 10px 0;
	font-weight: 400;
}

.main h2, .main h3 {
	font-weight: 700;
	color: #6C6D70;
	font-size: 2.4em;
	padding: 10px 10px 10px 10px;
	margin: 0 0 30px 0;
	border-top: 1px solid #D7D7D8;
	border-bottom: 1px solid #D7D7D8;
	line-height: 1.2;
}

.main h3 {
	margin: 30px 0 30px 0;
}

.main h4 {
	font-weight: 700;
	color: #6C6D70;
	font-size: 2.4em;
	padding: 0 0 0 0;
	margin: 0;
	line-height: 1.5;
}

.main p {
	/* font-family:Georgia, serif;*/
	font-size: 1.8em;
	line-height: 1.8;
	color: #131318;
	margin: 0 0 20px 0;
}

.main p strong {
	color: #EB192C;
}

.main ul {
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 1.6em;
	/*font-family:Georgia, serif;*/
	line-height: 1.8;
	list-style: none;
}

.main li {
	padding-left: 30px;
	text-indent: -16px;
	margin-bottom: 10px;
}

.main li:before, .form-container li:before {
	content: "•";
	color: #EB192C;
	padding-right: 10px;
}

.main ul.secondary {
	padding: 0;
	margin: 0 0 20px 0;
	font-size: 1.4em;
	font-family: 'aktiv-grotesk-std', Arial, sans-serif;
	line-height: 1.6;
	list-style: none;
}

.main ul.secondary li {
	padding-bottom: 10px;
}

.img-shadow {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.divider {
	border-bottom: 1px solid #D7D7D8;
	margin-bottom: 20px;
	padding: 0 0 40px 0;
}

.form-container {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
}

.form-header {
	background-color: #ED1B2E;
	color: #FFFFFF;
}

.form-container h1 {
	padding: 20px 0 20px 0;
	margin: 0;
	font-size: 2.4em;
	line-height: 1.5;
}

.form-container h2 {
	padding: 0;
	margin: 20px 0 20px 0;
	font-size: 1.8em;
	line-height: 1.5;
}

.required {
	padding: 0 15px 0 15px;
	border-bottom: 1px solid #D7D7D8;
}

.required p {
	font-size: 1.4em;
	margin: 0;
	padding: 0 0 10px 0;
}

.required p strong {
	color: #ED1B2E;
}

.form-control, #edit-captcha-response {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 1.6em;
	line-height: 1;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 2px solid #D7D7D8;
	border-radius: 0px;
	/*  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	 box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	 -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	 -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	 transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;*/
}

form {
	margin: 30px 0 0 0;
}

.form-callout {
	font-size: 1.6em;
	line-height: 1.5;
	border-top: 1px solid #D7D7D8;
	border-bottom: 1px solid #D7D7D8;
	padding: 20px 0 20px 0;
	margin-bottom: 20px;
}

.form-group label {
	margin: 0 0 10px 0;
	color: #131318;
	font-size: 1.8em;
	line-height: 1.25;
	font-weight: normal;
}

.form-group-light label {
	margin: 0 0 10px 0;
	color: #131318;
	font-size: 1.8em;
	line-height: 1.25;
}

.form-group label span, .form-callout span {
	color: #ED1B2E;
}

form .checkbox {
	color: #6C6C70;
	font-size: 1.6em;
	line-height: 1.5;
	margin-bottom: 20px;
}

form .checkbox label {
	margin-bottom: 5px;
	color: #000000;
}

.bottom-divider {
	border-top: 0px;
	border-bottom: 1px solid #D7D7D8;
	padding-top: 20px;
	padding-bottom: 20px;
}

.checkbox-top-divider {
	padding-top: 20px;
	border-top: 1px solid #D7D7D8;
}

.btn {
	display: inline-block;
	padding: 9px 0 11px 0;
	margin-bottom: 0;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid #FFFFFF;
	border-radius: 0px;
	box-shadow: 0 0 0 1px #D7D7D8;
}

.btn-default {
	color: #FFFFFF;
	background: rgba(237,27,44,1);
	background: -moz-linear-gradient(top, rgba(237,27,44,1) 0%, rgba(186,14,37,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,27,44,1)), color-stop(100%, rgba(186,14,37,1)));
	background: -webkit-linear-gradient(top, rgba(237,27,44,1) 0%, rgba(186,14,37,1) 100%);
	background: -o-linear-gradient(top, rgba(237,27,44,1) 0%, rgba(186,14,37,1) 100%);
	background: -ms-linear-gradient(top, rgba(237,27,44,1) 0%, rgba(186,14,37,1) 100%);
	background: linear-gradient(to bottom, rgba(237,27,44,1) 0%, rgba(186,14,37,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1b2c', endColorstr='#ba0e25', GradientType=0 );
}

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default {
	color: #FFFFFF;
	background: rgba(237,27,44,1);
	border-color: transparent;
	box-shadow: 0 0 0 0px #D7D7D8;
}

footer {
	border-top: 1px solid #D7D7D8;
	background-color: #FFFFFF;
	padding: 40px 0 40px 0;
	color: #000000;
	font-size: 1.4em;
	line-height: 1.5;
}

footer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
	width: 100%;
}

footer ul li {
	display: inline-block; /* the key bit */
	*display: inline; /* IE7 hack */
	*zoom: 1; /* IE7 hack */
	padding: 0 10px 0 10px;
	border-right: 1px solid #D7D7D8;
}

footer ul li:first-child {
	padding: 0 10px 0 0;
}

footer ul li:last-child {
	padding: 0 0 0 10px;
	border-right: none;
}

footer a:link, footer a:visited {
	color: #000000;
	text-decoration: underline;
}

footer a:hover {
	text-decoration: none;
}

footer a:active {
	color: #000000;
	text-decoration: underline;
}

/* Thank You Specific Styles */

.pdf-icon {
	padding-top: 20px;
}

.pdf {
	color: #6C6C70;
	font-size: 1.3em;
	line-height: 1.5;
	padding-top: 20px;
}

.thank-you h1 {
	font-family: Georgia, serif;
	color: #6C6D70;
	font-size: 4.8em;
	line-height: 1.2;
	padding: 0;
	margin: 30px 0 20px 0;
	font-weight: 400;
}

.thank-you-copy {
	border-top: 1px solid #D7D7D8;
	padding-top: 30px;
	margin-top: 40px;
}

.thank-you p {
	font-family: Georgia, serif;
	font-size: 1.8em;
	line-height: 1.8;
	color: #131318;
	margin: 0 0 20px 0;
}

.thank-you p strong {
	color: #EB192C;
}

.thank-you p a:link, .thank-you p a:visited {
	color: #EB192C;
	text-decoration: underline;
}

.thank-you p a:hover, .thank-you p a:active {
	text-decoration: none;
}

.photo .img-responsive {
	margin: auto; /* position:absolute; bottom:0px; left:15%; */
}

/* For Drupal 8 Form */

.mailers-info .form-item-state, .mailers-info .form-item-zip {
	width: 45%;
	float: left;
}

.mailers-info #edit-cgastartage {
	width: 30%;
}

.mailers-info .form-item-state {
	margin-right: 20px;
}

.mailers-info legend {
	border: none;
}

.mailers-info #edit-cgagiftamount > div {
	width: 50%;
	float: left;
}

#edit-cgagiftamount--wrapper legend {
	display: none;
}

.mailers-info fieldset.required {
	padding: 0px;
	border: none;
}

.mailers-info .form-checkboxes {
	color: #6C6C70;
	margin-bottom: 20px;
}

.form-item-cgastartage label {
	font-size: 1.6em;
}

.mailers-info .form-checkboxes label {
	margin-bottom: 5px;
	color: #000000;
	min-height: 20px;
	padding-left: 20px;
	font-size: 1.6em;
	line-height: 1.5;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer;
	display: inherit;
}

.form-item-cgaotheramount label {
	font-size: 1.6em;
	font-weight: 400;
}

.form-item-cgaotheramount #edit-cgaotheramount {
	width: 30%;
	display: inline;
}

.mailers-info input[type=checkbox] {
	float: left;
}

.mailers-info .fieldset-legend {
	padding: 20px 0 0 0;
	border-top: 1px solid #D7D7D8;
	color: #131318;
	font-weight: bold;
	cursor: pointer;
	display: inherit;
	font-size: 0.8em;
}

.form-actions {
	margin-bottom: 20px;
}

.mailers-info .error:not(#edit-cgagiftamount--wrapper) {
	background-color: #FF9999 !important;
}

.form-item-otheramountscall {
	margin-bottom: 0px;
}

.js-form-item-cgaotheramount.bottom-divider {
	margin-bottom: 20px;
}

#edit-considercharityinwill {
	padding-bottom: 20px;
}

#edit-funding-information--wrapper, #edit-wgbooklet, #edit-considercharityinwill {
	border-bottom: 1px solid #D7D7D8;
	margin-bottom: 20px;
}

#edit-interest-information--wrapper {
	border-bottom: 1px solid #D7D7D8;
	margin-bottom: 20px;
}

/* Date field */

#edit-cgabirthday, #edit-cgaspousebirthdate {
	border: none;
	background: none;
	padding: 0px;
	box-shadow: none;
}

#edit-cgabirthday label, #edit-cgaspousebirthdate label, #edit-cgabirthday .form-item-cgabirthday-hour, #edit-cgabirthday .form-item-cgabirthday-minute, #edit-cgaspousebirthdate .form-item-cgaspousebirthdate-hour, #edit-cgaspousebirthdate .form-item-cgaspousebirthdate-minute {
	display: none;
}

#edit-cgabirthday > div, #edit-cgaspousebirthdate div {
	width: 30%;
	display: inline-block;
}

#edit-cgabirthday > div select, #edit-cgaspousebirthdate div select {
	font-size: 14px;
}

table.rate-table {
	width: 30%;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	border: 1px solid #ED1B2E;
}

table.rate-table th:first-of-type {
	border-right: 1px solid #ffffff;
}

table.rate-table th {
	text-align: center;
	background-color: #ED1B2E;
	color: #FFFFFF;
	padding: 5px;
}

table.rate-table td {
	padding: 10px;
	border: 1px solid #ED1B2E;
}

.description, #edit-cgabirthday--description {
	font-size: 14px;
}

.form-item-captcha-response {
	font-size: 16px;
}

body.notification #main {
	background-color: #fff;
}

body.notification label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 16px;
}
body.notification p {
	margin: 0 0 10px;
	font-size: 18px;
}

body.notification .img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
	margin: auto;
}
body.notification .h1, body.notification h1 {
	font-size: 36px;
	margin-top: 50px;
	margin-bottom: 30px;
}
body.notification fieldset {
	min-width: 0;
	padding: 0;
	margin: 30px 0;
	border: 0;
}
body.notification #edit-gift-vehicle, body.notification #edit-designation-preference, body.notification #edit-designation {
	column-count: 2;
}
body.notification  #mailers-info #edit-designation-preference--wrapper legend span {
	border-top: none;
}
body.notification .mailers-info .form-item-state, body.notification .mailers-info .form-item-zip, body.notification .mailers-info .form-item-contact-email {
	margin-right: 30px;
	width: 30%;
	float: left;
}
body.notification .mailers-info .form-item-contact-phone, body.notification .mailers-info .form-item-contact-text {
	margin-right: 55px;
	width: 45%;
	display: inline-block;
}
body.notification #edit-estimated-gift-value, body.notification #edit-captcha-response {
	width: 25%;
}
body.notification .mailers-info .form-actions {
	margin: 20px auto;
	width: 25%;
}
body.notification .mailers-info #edit-designation--wrapper {
	margin-bottom: 0;
}
body.notification .mailers-info #edit-designation-preference--wrapper {
	margin-top: 0;
}

body.notification .mailers-info .form-item-first-name, body.notification .mailers-info .form-item-middle-name, body.notification .mailers-info .form-item-last-name {
	width: 31%;
	display: inline-block;
	margin: 0px 12px;
}

body.notification .form-item-phone-type {
	width: 30%;
}

body.notification .form-item-phone, body.notification .form-item-email {
	width: 30%;
	display: inline-block;
	margin-right: 30px;
}

body.notification .description{
	margin-bottom:15px;
}

/* Large desktop */
@media (min-width: 1200px) {
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}

/*Landscape phones and down */
@media (max-width: 480px) {

	nav {
		background-color: #FFFFFF;
		width: 100%;
		padding: 20px 0 10px 0;
		margin: 0;
		border-bottom: 1px solid #D7D7D8;
		font-size: 1.4em;
	}

	.logo {
		padding: 0 50px 10px 50px;
	}

	.nav-sign-up {
		border-top: 1px solid #D7D7D8;
		padding-top: 10px;
		text-align: center;
	}

	#main {
		background-color: #F7F7F7;
		padding: 20px 0 20px 0;
	}

	.main h1 {
		font-family: Georgia, serif;
		color: #EB192C;
		font-size: 3.6em;
		line-height: 1.2;
		padding: 0;
		margin: 20px 0 10px 0;
		font-weight: 400;
	}

	.main h2, .main h3 {
		font-weight: 700;
		color: #6C6D70;
		font-size: 2.4em;
		padding: 10px 0 10px 0;
		margin: 0 0 20px 0;
		border-top: 2px solid #D7D7D8;
		border-bottom: 2px solid #D7D7D8;
		border-left: 0px;
		border-right: 0px;
		line-height: 1.2;
		background-color: #F7F7F7;
	}

	.main h3 {
		margin: 30px 0 30px 0;
	}

	.main h4 {
		margin: 0 0 20px 0;
		padding: 0;
		border: 0;
	}

	.main p {
		font-family: Georgia, serif;
		font-size: 2em;
		line-height: 1.8;
		color: #131318;
		margin: 0 0 20px 0;
	}

	.main ul {
		padding: 0;
		margin: 0 0 20px 0;
		font-size: 2em;
		font-family: Georgia, serif;
		line-height: 1.8;
		list-style: none;
	}

	.photo {
		margin: 0 0 20px 0;
	}

	.form-container h1 {
		padding: 20px 0 20px 0;
		margin: 0;
		font-size: 2.6em;
		line-height: 1.5;
	}

	.form-container h2 {
		padding: 0;
		margin: 20px 0 20px 0;
		font-size: 2em;
		line-height: 1.5;
	}

	footer {
		border-top: 1px solid #D7D7D8;
		background-color: #FFFFFF;
		padding: 20px 0 20px 0;
		color: #000000;
		font-size: 1.4em;
		line-height: 1;
	}

	footer ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		text-align: center;
		width: 100%;
	}

	footer ul li {
		display: block; /* IE7 hack */
		*zoom: 1; /* IE7 hack */
		padding: 15px 0 15px 0;
		border-right: 0px;
		border-bottom: 1px solid #D7D7D8;
	}

	footer ul li:first-child {
		padding: 15px 0 30px 0;
		border-bottom: 0px;
	}

	footer ul li:last-child {
		padding: 15px 0 15px 0;
		border-right: none;
		border-bottom: 0px;
	}

	footer a:link, footer a:visited {
		color: #6C6C70;
		text-decoration: none;
	}

}