@charset"UTF-8";

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


/* General Form Styles */

#content.full-width form {
	display:block;
	position:relative;
	left: 0.5em;
	text-align:left;
	padding: 0;
	width: 42em;
	margin: 0 auto;
}
#content.full-width .seach-form {
	width: auto;
}

input[type="number"],
input[type="text"],
input.input-text,
textarea {
}

#mc_embed_signup input, .reg-donation-form input[type="text"], .reg-donation-form input[type="number"] {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #333;
	outline:none;
	font-size: 1em;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
	-webkit-appearance:none;
}
#mc_embed_signup input:focus, .reg-donation-form input[type="text"]:focus, .reg-donation-form input[type="number"]:focus {
	border: 1px solid #b40202;
}


/* REG Donation Form */

.reg-donation-form label {
	font-size: 0.9em;
	text-transform: uppercase;
	display: block;
	margin: 0 0 0.3em 0;
}
.reg-donation-form label span{
	text-transform: none;
}
.reg-donation-form input {
	padding: 0.6em 0.6em;
	height: 2.5em;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.reg-donation-form .displayer a {
	display: inline-block;
	vertical-align: top;
	width: 98%;
	/* max-width: calc(100% - 2em - 2px);
	width: 27%;
	width: calc(33.33% - 1em); */
	margin: 0 1em 1em 0;
	border: 2px solid #b40202;
	background-color: #fff;
	line-height: 1.5em;
	padding:  1em 0.5em 1em 0.5em;
	border-radius: 3px;
	position: relative;
}
.reg-donation-form .displayer.wide a{
	width: 47%;
	width: calc(50% - 1em);
}


.reg-donation-form .chooser a {
	display: inline-block;
	vertical-align: top;
	width: 27%;
	width: calc(33.33% - 1em);
	margin: 0 1em 1em 0;
	background-color: #f9f9f9;
	border: 2px solid #dcc;
	line-height: 1.5em;
	padding:  1em 0.5em 1em 0.5em;
	border-radius: 3px;
	position: relative;
}
.reg-donation-form .chooser a.active, .reg-donation-form .chooser a:hover {
	border: 2px solid #b40202;
	background-color: #fff;
}
.reg-donation-form .chooser.country img {
	height: 2.5em;
	margin: -0.5em 0.5em -0.5em 0;
}
.reg-donation-form .chooser.wide a{
	width: 47%;
	width: calc(50% - 1em);
}
.reg-donation-form .chooser a>div {
	font-size: 0.8em;
	color: #999;
	line-height: 1em;
}
.reg-donation-form .chooser a>.description {
	background-color: #666; color: #fff;
	position: absolute; bottom: 4.8em; left: 0.2em;
	padding: 1em;
	z-index: 1;
	display: none;
	border-radius: 3px;
}
.reg-donation-form .chooser a:hover>.description {
	display: block;
}
.reg-donation-form .chooser a>.description:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: #666 transparent transparent transparent;
	bottom: -20px;
	left: 50px;
}
.reg-donation-form .fieldinline {
	width: 100%;
	display: inline-block;
	float: left;
	margin-bottom: 2em;
	font-size: 0.9em;
	text-transform: uppercase;
}
.reg-donation-form .field {
	width: 50%;
	display: block;
	float: left;
	margin-bottom: 2em;
}
.reg-donation-form .field input {
	width: 96%;
	width: calc(100% - 1em);
	margin: 0;
}
.reg-donation-form .field select {
	max-width: 90%;
	max-width: calc(100% - 2em - 2px);
}
.reg-donation-form .field.full {
	width: 100%;
}
.reg-donation-form .field.center {
	text-align: center;
}
.reg-donation-form .field.money {
	position: relative;
}
.reg-donation-form .field.money select{
	position: absolute;
	top: 2em; right: 2em;
}
.reg-donation-form .field input[type="submit"] {
	width: auto; height: auto;
	padding: 0.65em 3.2em;
}


.regselect {
	display: block;
	position: absolute;
	right: 0.96em;
	line-height: 1em;
	width: auto;
	height: 2.5em;
	padding: 0.6em 1.6em 0.6em 2.6em;
	background-color: #fff;
	border: 2px solid #dcc;
	border-radius: 3px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNDkwQkVFNTA3ODYxMUU0OUUwRkI3MkUzM0ZCRjhCOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNDkwQkVFNjA3ODYxMUU0OUUwRkI3MkUzM0ZCRjhCOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE0OTBCRUUzMDc4NjExRTQ5RTBGQjcyRTMzRkJGOEI5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE0OTBCRUU0MDc4NjExRTQ5RTBGQjcyRTMzRkJGOEI5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4WGK/wAAAGFJREFUeNpiDA8PP8/AwGDAgB9cYAISjiAGHkUfgDiQEcQCmqoApEAmC2BR6Lhy5coDIBMZgIwHUJM/oClqBCkCMRiRRYEmOwCp/VDuBqCiQJgcE7JCqO5EqJsTkeUAAgwAW4QaxZPVvZMAAAAASUVORK5CYII=);
	background-repeat: no-repeat;
	background-position: 1em center;

}
.regselect:hover {
	border: 2px solid #b40202;
}
.regselectmenu {
	border-radius: 3px; overflow: hidden;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2); -ms-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}
.regselectmenu a {
	display: block;
	text-align: center;
	padding: 0.6em;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}
.regselectmenu a:last-child {
	border-bottom: none;
}
.regselectmenu a:hover {
	background-color: #f6f6f6;
}


.reg-donation-form .field.invalid {
	border-top: 2px solid #a00;
	background-color: #fdd;
}
.reg-donation-form .validation-notice {
	border-top: 2px solid #a00;
	background-color: #fdd;
	padding: 0.5em;
	margin-bottom: 2em;
}
.reg-donation-form .field .validation-notice {
	margin-top: 0.5em;
	margin-bottom: 0;
}

ul.donation-details {
	list-style: none;
	margin: 0; padding:0;
}
ul.donation-details>li {
	margin: 0;
}
ul.donation-details>li span{
	width: 10em; display: inline-block;
	color: #3a0;
}
ul.donation-details>li.amount {
	font-size: 1.3em;
	margin-top: 1em;
	font-weight: bold;
	color: #3a0;
	border-top: 1px solid #3a0;
	padding-top: 0.5em;
}
ul.donation-details>li.amount span{
	width: 7.7em;
}


/* MailChimp Form Styles */
#mc_embed_signup {
	background-color: transparent;
}
#mc_embed_signup h2 {
	font-weight: inherit; padding:0; margin:15px 0; font-size:1.4em;
}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {
	border: 1px solid #aaa;
}
#mc_embed_signup .button {
	 cursor: pointer; display: inline-block;
	 padding: 0.65em 3.2em; margin: 0;
	 background: #b50202;
	 text-shadow: none;
	 box-shadow: none;
	 border-width: 1px;
	 color: #fff;
	 border-color: #fff;
}
#mc_embed_signup .button:hover {background:#D20600;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .size200 {clear:none; float:left; display:inline-block; width:20%; min-width:200px; margin-right:4%;}
* html #mc_embed_signup .size200 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .size300 {clear:none; float:left; display:inline-block; width:46%; min-width:300px; margin-right:4%;}
* html #mc_embed_signup .size300 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:0.9em; margin-right:4%;}
#mc_embed_signup .asterisk {
	color: #b40202; font-size:200%;
}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top: 1.2em; right:10px;}
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response { margin: 0 0 1.5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:90%; text-align:center;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#000000; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

/* MC Validation Styles */
#mc_embed_signup input.mce_inline_error {
	 border-color: #b40202 !important;
}
#mc_embed_signup div.mce_inline_error {
	background-color: #b40202 !important;
}


@media (max-width:700px)
{
	#content.full-width form {
		width: 100%;
	}
	.reg-donation-form .chooser a{
		width: 48%;
		width: calc(50% - 1em);
	}
	.reg-donation-form .chooser.wide a, reg-donation-form .displayer a {
		margin: 0 0 1em 0;
		width: 96%;
		width: calc(100% - 1em);
	}
}
@media (max-width:470px)
{
	html body {
		font-size: 15px;
	}
	#main h1, .post-content h1, h1 {
		font-size: 1.5em !important;
		font-weight: 300;
	}
	.ls-container .playbutton{
		width: 3em;
		height: 3em;
	}
	.reg-donation-form .chooser a, .reg-donation-form .chooser.wide a, .reg-donation-form .displayer a, .reg-donation-form .displayer.wide a{
		margin: 0 0 1em 0;
		width: 96%;
		width: calc(100% - 1em - 4px);
	}
}


/* Section matching challenge double your impact */

.bigbox {
	display: inline-block;
	vertical-align: top;
	height: 4em;
	width: 20%;
	width: calc(100%/3 - (1.8%));
	margin-right: 1.6%;
	padding: 1em 0.5em 1em 0.5em;
	border-radius: 3px;
	text-align: center;
	text-decoration: none !important;
	border: 2px solid #dcc;
	background-color: #f9f9f9;
	color: #b40202;
}
.bigbox3 {
	display: inline-block;
	vertical-align: top;
	height: 4em;
	width: 20%;
	width: calc(100%/3 - (1.8%));
	padding: 1em 0.5em 1em 0.5em;
	border-radius: 3px;
	text-align: center;
	text-decoration: none !important;
	border: 2px solid #dcc;
	background-color: #f9f9f9;
	color: #b40202;
}

.bigbox strong, .bigbox3 strong {
	font-size: 1.5em;
}

.donationbar {
 position: relative;
 height: 1.5em;
 width: 98%;
 /* width: calc(100% - 2*2px - 1.6%); */
 margin: 1.6% 0 4em 0;
 border: 2px solid #b40202;
 border-radius: 3px;
 padding: 1.4em 0;
 vertical-align: middle;
 text-align: left;
 display: block;
 color: black !important;
 text-decoration: none !important;
}

.donationbar span {
 display: inline-block;
 position: absolute;
 top: 0; left: 0; bottom: 0;
 z-index: 1000;
 background-color: #b40202;
 color: #fff;
 font-size: 1.5em;
 font-weight: bold;
 box-sizing: border-box;
 padding: 0.4em;
 border-radius: 1px;
 text-align: center;
}

.donationbar a {
	display: inline-block;
	position: absolute;
	top: 0; bottom: 0;
	z-index: 1000;
	color: #b40202;
	font-size: 1.5em;
	font-weight: bold;
	text-align: left;
	padding: 0.4em;
}


	/* Matching challenge responsiveness small screens */
	@media handheld, screen and (max-width:800px) {
		/* fits 480px width */
		.bigbox, .bigbox3, .bigbutton {
			font-size: 0.7em;
			line-height: 1em;
		}
	}
	@media handheld, screen and (max-width:800px) {
		.donationbar {
			font-size: 0.9em;
		}
		.donationbar span {
			padding-left: 0.2em;
		}
	}
	
.endorsement {
	margin-top:5em;
}	
.endorsement li {
	list-style-type: none;
	min-width: 300px;
	clear:both;
	width: 98%;
}

.endorsement .peimgboxright {
 margin-left: 1.3em !important;
 margin-bottom:0.8em !important;
 float: right !important;
}
.endorsement .peimgboxleft {
 margin-left: -2.5em !important;
 margin-bottom:1em;
 margin-right:1.3em !important;
 float: left !important;
}
#liv {
	width:200px;
	height:200px;
}
.endorsement .peimgboxleft img, .endorsement .peimgboxright img {
 width: 140px;
 height: 140px;
}
.endorsement .pedescriptionright {
 text-align: right;
 padding-top: 0.3em;
 color: #dcc;
}
.endorsement .pedescriptionleft {
 text-align: left;
 padding-top: 0.3em;
 color: #dcc;
 width: 80%;
}
.endorsement .pedescriptionright em, .endorsement .pedescriptionleft em {
 color: #b40202;
 line-height: 1em;
}





#tablecenter {
	text-align:center;
	width:100%;
}
#contributors {
	text-align: center;
	font-size: 1.5em !important;
	line-height: 120%;
}
table.donorlist {
	margin: 0 auto;
	width: 98%;
	max-width: 650px;
	margin-bottom: 6em;
	border-collapse: collapse;
}
.donorlist th, .donorlist td {
	text-align: left;
	border: none;
	border-bottom: 2px solid #dcc;
	padding: 0.65em 0;
}