/* Donation Pages */

#tax_exempt_notification {
	box-sizing: border-box;
	padding: 15px;
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: -ms-calc(100% - 20px);
	width: -o-calc(100% - 20px);
    background: -webkit-radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%); /* For Safari 5.1 to 6.0 */
    background: -moz-radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%); /* For Fx 3.6 to 15 */
    background: -ms-radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%); 
	background: -o-radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%); /* For Opera 11.6 to 12.0 */
	background: radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%);
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
    position: relative;
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #999;
    border: inset 1px solid #333;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-sizing: border-box;}

.donate_form_field input[type="password"],
.donate_form_field input[type="tel"],
.donate_form_field input[type="select"],
.donate_form_field input[type="email"],
.donate_form_field input[type="text"] {
	box-sizing: border-box;
	margin-bottom: 25px;
	display: block;
	background-color:#CBB3AC;
	color: #542a18;
	font-family: 'League Spartan';
    border: 1px solid #999;
    border: inset 1px solid #333;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	border-radius: 8px;}

#donate_form_accepted_payments {
	position: absolute;
	left: 245px;
	top: 15px;
	width: 185px;
	height: 24px;}
		
#donate_form_accepted_payments img {
	height: 100%;
	width: 100%;}

.donate_form_input_container {
	position: relative;
	width: 100%;
	box-sizing: border-box;}

@media screen and (min-width: 1010px) {
		
	.donate_form_input_container {
		margin-bottom: 2px;}
		
		
	#tax_exempt_notification p {
		color: #ffffff;
		font-family: 'League Spartan';
		font-size: 2.5em;
		line-height: 1.4em;
		text-align: center;}
		
	#donation_by_mail_notification p {
			color: #ffffff;
			font-family: 'League Spartan';
			font-size: 2.6em;
			line-height: 1.1em;
			text-align: center;}

	.donate_form_field {
		position: absolute;
		left: 230px;
		top: 13px;
		display: inline-block;
		width: calc(100% - 230px);
		width: -webkit-calc(100% - 230px);
		width: -moz-calc(100% - 230px);
		width: -ms-calc(100% - 230px);
		width: -o-calc(100% - 230px);}

	.donate_form_field input[type="password"],
	.donate_form_field input[type="tel"],
	.donate_form_field input[type="select"],
	.donate_form_field input[type="email"],
	.donate_form_field input[type="text"] {
		width: calc(100% - 30px);
		width: -webkit-calc(100% - 10px);
		width: -moz-calc(100% - 10px);
		width: -ms-calc(100% - 10px);
		width: -o-calc(100% - 10px);
		border-radius: 8px;
		font-size: 1.6em;}

	#donate_form_donation_amount {
		position: absolute;
		top: 15px;
		left: 240px;}
			
	#donate_form_donation_amount::before {
	    content: "$";
		position: absolute;
		left: -20px;
		top: -3px;
		font-size: 2em;
		font-family: 'League Spartan';
		height: 30px;
		width: 30px;}

	.donate_form_label {
		display: block;
		box-sizing: border-box;
		padding: 10px;
		width: 250px;}

	.donate_form_radio span,
	.donate_form_label p {
		font-family: 'League Spartan';
		font-weight: bold;
		font-size: 2em;
		color: #542a18;}

	.donate_form_field_select {
		position: absolute;
		left: 230px;
		top: 3px;
		display: inline-block;
		width: 600px;}
		
	#donation_amount input {
		float: left;
		font-weight: bold;
		text-align: center;
		width: 150px;}
			
	.input-validation {	
		position: absolute;
		top: -2px;
		left: -12px;}
		
	#credit_card_number {
		width: 265px;}
	
	#phone_number_label p {
		font-size: 1.9em;}
		
	::-webkit-input-placeholder {
		 font-size: 1.2em;
		 color: #3e779d;
		 text-transform: uppercase;
		 text-transform: uppercase;
		 text-align: center;
		 font-weight: bold;}
		 
	:-moz-placeholder { /* older Firefox*/
		 font-size: 1.2em;
		 color: #3e779d;
		 text-transform: uppercase;
		 text-align: center;
		 font-weight: bold;}
		 
	::-moz-placeholder { /* Firefox 19+ */ 
		 font-size: 1.2em;
		 color: #3e779d; 
		 text-transform: uppercase;
		 text-align: center;
		 font-weight: bold;}
		  
	:-ms-input-placeholder { 
		 font-size: 1.2em;
		 color: #3e779d;
		 text-transform: uppercase;
		 text-align: center;
		 font-weight: bold;}
	
}

@media screen and (max-width: 1009px) and (orientation: portrait) {

	.donate_form_input_container {
		margin-bottom: 25px;}

	#tax_exempt_notification p {
		color: #ffffff;
		font-family: 'League Spartan';
		font-size: 2.9em;
		line-height: 1.1em;
		text-align: center;}
		
	#donation_by_mail_notification p {
		color: #ffffff;
		font-family: 'League Spartan';
		font-size: 2.9em;
		line-height: 1.1em;
		text-align: center;}

	.donate_form_field {
		position: absolute;
		left: 280px;
		top: 13px;
		display: inline-block;
		width: calc(100% - 280px);
		width: -webkit-calc(100% - 280px);
		width: -moz-calc(100% - 280px);
		width: -ms-calc(100% - 280px);
		width: -o-calc(100% - 280px);}

	.donate_form_field input[type="password"],
	.donate_form_field input[type="tel"],
	.donate_form_field input[type="select"],
	.donate_form_field input[type="email"],
	.donate_form_field input[type="text"] {
		width: calc(100% - 30px);
		width: -webkit-calc(100% - 10px);
		width: -moz-calc(100% - 10px);
		width: -ms-calc(100% - 10px);
		width: -o-calc(100% - 10px);
		border-radius: 8px;
		font-size: 2.9em;}

	#donate_form_donation_amount {
		position: absolute;
		top: 15px;
		left: 240px;
	}
			
	#donate_form_donation_amount::before {
	    content: "$";
		position: absolute;
		left: -30px;
		top: -3px;
		font-size: 3.7em;
		font-family: 'League Spartan';
		height: 30px;
		width: 30px;}

	.donate_form_label {
		display: block;
		box-sizing: border-box;
		padding: 10px;
		width: 280px;}

	.donate_form_radio span,
	.donate_form_label p {
		font-family: 'League Spartan';
		font-weight: bold;
		font-size: 2.9em;
		color: #542a18;}

	.donate_form_field_select {
		position: absolute;
		left: 230px;
		top: 3px;
		display: inline-block;
		width: 600px;}
		
	#donation_amount input {
		float: left;
		font-weight: bold;
		text-align: center;
		width: 250px;}
			
	.input-validation {	
		position: absolute;
		top: -2px;
		left: -12px;}
		
	#credit_card_number {
		width: 265px;}
	
	#phone_number_label p {
		font-size: 1.9em;}
		
	::-webkit-input-placeholder {
		 font-size: 1.2em;
		 color: #3e779d;
		 text-transform: uppercase;
		 text-transform: uppercase;
		 text-align: center;
		 font-weight: bold;}
		 
	:-moz-placeholder { /* older Firefox*/
		 font-size: 1.2em;
		 color: #3e779d;
		 text-transform: uppercase;
		 text-align: center;
		 font-weight: bold;}
		 
	::-moz-placeholder { /* Firefox 19+ */ 
		 font-size: 1.2em;
		 color: #3e779d; 
		 text-transform: uppercase;
		 text-align: center;
		 font-weight: bold;}
		  
	:-ms-input-placeholder { 
		 font-size: 1.2em;
		 color: #3e779d;
		 text-transform: uppercase;
		 text-align: center;
		 font-weight: bold;}
		
}	

@media screen and (max-width: 1009px) and (orientation: landscape) {
	.donate_form_input_container {
		margin-bottom: 25px;}

	#tax_exempt_notification p {
		color: #ffffff;
		font-family: 'League Spartan';
		font-size: 2.9em;
		line-height: 1.1em;
		text-align: center;}

	#donation_by_mail_notification p {
		color: #ffffff;
		font-family: 'League Spartan';
		font-size: 2.9em;
		line-height: 1.1em;
		text-align: center;}

		

	.donate_form_field {
		position: absolute;
		left: 280px;
		top: 13px;
		display: inline-block;
		width: calc(100% - 280px);
		width: -webkit-calc(100% - 280px);
		width: -moz-calc(100% - 280px);
		width: -ms-calc(100% - 280px);
		width: -o-calc(100% - 280px);}

	.donate_form_field input[type="password"],
	.donate_form_field input[type="tel"],
	.donate_form_field input[type="select"],
	.donate_form_field input[type="email"],
	.donate_form_field input[type="text"] {
		width: calc(100% - 30px);
		width: -webkit-calc(100% - 10px);
		width: -moz-calc(100% - 10px);
		width: -ms-calc(100% - 10px);
		width: -o-calc(100% - 10px);
		border-radius: 8px;
		font-size: 2.9em;}

	#donate_form_donation_amount {
		position: absolute;
		top: 15px;
		left: 240px;
	}
			
	#donate_form_donation_amount::before {
	    content: "$";
		position: absolute;
		left: -30px;
		top: -3px;
		font-size: 3.7em;
		font-family: 'League Spartan';
		height: 30px;
		width: 30px;}

	.donate_form_label {
		display: block;
		box-sizing: border-box;
		padding: 10px;
		width: 280px;}

	.donate_form_radio span,
	.donate_form_label p {
		font-family: 'League Spartan';
		font-weight: bold;
		font-size: 2.9em;
		color: #542a18;}

	.donate_form_field_select {
		position: absolute;
		left: 230px;
		top: 3px;
		display: inline-block;
		width: 600px;}
		
	#donation_amount input {
		float: left;
		font-weight: bold;
		text-align: center;
		width: 250px;}
			
	.input-validation {	
		position: absolute;
		top: -2px;
		left: -12px;}
		
	#credit_card_number {
		width: 265px;}
	
	#phone_number_label p {
		font-size: 1.9em;}
		
	::-webkit-input-placeholder {
		 font-size: 1.2em;
		 color: #3e779d;
		 text-transform: uppercase;
		 text-transform: uppercase;
		 text-align: center;
		 font-weight: bold;}
		 
	:-moz-placeholder { /* older Firefox*/
		 font-size: 1.2em;
		 color: #3e779d;
		 text-transform: uppercase;
		 text-align: center;
		 font-weight: bold;}
		 
	::-moz-placeholder { /* Firefox 19+ */ 
		 font-size: 1.2em;
		 color: #3e779d; 
		 text-transform: uppercase;
		 text-align: center;
		 font-weight: bold;}
		  
	:-ms-input-placeholder { 
		 font-size: 1.2em;
		 color: #3e779d;
		 text-transform: uppercase;
		 text-align: center;
		 font-weight: bold;}				
}




	
#entries_header_wrap_donate p {
	color: #fff;
	font-size: 6em;
	line-height: .8;
	font-family: 'League Gothic';
	letter-spacing: .1em;
}

#weborder {
	width: calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: -ms-calc(100% - 20px);
	width: -o-calc(100% - 20px);
    background: -webkit-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
    background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
    background: -ms-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
	background: -o-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
    background: linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
	margin-right: 10px;
	margin-left: 10px;
    position: relative;
/*	height: 1000px; */
    border-radius: 10px;
    padding: 10px;
    border: 1px solid #999;
    border: inset 1px solid #333;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
}

#donation_by_mail_notification {
	margin-left: 90px;
	margin-top: 30px;
	margin-bottom: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
	box-sizing: border-box;
	padding: 15px;
	width: calc(100% - 180px);
	width: -webkit-calc(100% - 180px);
	width: -moz-calc(100% - 180px);
	width: -ms-calc(100% - 180px);
	width: -o-calc(100% - 180px);
    background: -webkit-radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%); /* For Safari 5.1 to 6.0 */
    background: -moz-radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%); /* For Fx 3.6 to 15 */
    background: -ms-radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%); 
       background: -o-radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%); /* For Opera 11.6 to 12.0 */
       background: radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%);
}



	
	
#payment_information_header,
#billing_information_header,
#donation_information_header {
    background: -webkit-radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%); /* For Safari 5.1 to 6.0 */
    background: -moz-radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%); /* For Fx 3.6 to 15 */
    background: -ms-radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%); 
       background: -o-radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%); /* For Opera 11.6 to 12.0 */
       background: radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%);
	box-sizing: border-box;
	width: 500px;	
	padding: 10px;
	margin-left: 200px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}

#payment_information_header p,
#billing_information_header p,
#donation_information_header p {
	text-align: center;
	font-size: 3em;
	color: #ffffff;
	font-family: 'League Spartan';
    line-height: 1.2em;}


	

#donationdollarsymbol {
/*	display: inline; */
	float: left;
	width: 10px;
	font-weight: bold;
	font-family: Georgia,Palatine,serif;
	margin-right: 5px;
	margin-top: 7px;
}



#gift_frequency_wrap {
	margin-top: 15px;
	border: 0 none;
	clear: left;
	margin-bottom: 10px;
	min-height: 2em;
}


#giftfrequency .donate_form_radio {
	float: left;
	margin-right: 10px;
	line-height: 24px;
}

#giftfrequency .donate_form_radio input {
	vertical-align: middle;
}


#gift_frequency_container {
	line-height: 2em;
	position: absolute;
	left: 235px;
	top: 15px;}

label {
	-webkit-transform: scale;
	height: 50px;
	background:#542a18;
	color:#fff;
	font-size: 2em;
	border-radius:8px;   
    padding: 15px;
	margin-right: 10px;
	cursor:pointer;
   	-webkit-transform: scale(1.0, 1.0); /* Chrome, Safari, Opera */
   	-moz-transform: scale(1.0, 1.0);
   	-ms-transform: scale(1.0, 1.0); /* IE 9 */
	-o-transform: scale(1.0, 1.0);	  
 	transform: scale(1.0, 1.0);
	-webkit-transition: all .5s cubic-bezier(.35, .98, .59, 1.21);
	-moz-transition: all .5s cubic-bezier(.35, .98, .59, 1.21);
	-ms-transition: all .5s cubic-bezier(.35, .98, .59, 1.21);
	-o-transition: all .5s cubic-bezier(.35, .98, .59, 1.21);
	transition: all .5s cubic-bezier(.35, .98, .59, 1.21);
}

/*
#recurring_gift_label {
	width: 390px;}
	
#single_gift_label {
	width: 200px;}
*/

hr {
	clear: both;}



#cvvinput {
	width: 80px;}

#credit_card_month_and_year_separator {
	color: #542a18;
	font-size: 2.5em;}

#weborder input[type="submit"] {
 	position: relative;
	background: #542a18;
    background: -webkit-radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%); /* For Safari 5.1 to 6.0 */
    background: -moz-radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%); /* For Fx 3.6 to 15 */
    background: -ms-radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%); 
       background: -o-radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%); /* For Opera 11.6 to 12.0 */
       background: radial-gradient(circle, #542a18 5%, #6E4432 35%, #542a18 90%);
	color: white;
	border: medium none;
	border-radius: 8px;
	padding: 8px 10px;
	font-size: 4.5em;
	font-family: 'League Spartan';
	margin-left: 90px;
	margin-top: 20px;
	margin-bottom: 30px;
	width: calc(100% - 180px);
	width: -webkit-calc(100% - 180px);
	width: -moz-calc(100% - 180px);
	width: -ms-calc(100% - 180px);
	width: -o-calc(100% - 180px);
	height: 100px;
	transition: background-color .4s ease;}

#weborder input[type="submit"]:hover {
	background-color:#0087e0;
	cursor: pointer;
}




/* #weborder .editor-country,{
	width:340px;
} */


.text_select_full {
	color: #542a18;
	width:480px;
	background:#CBB3AC;
	line-height: 1.1em;
	border: medium none;
	border-radius: 8px;
	padding: 8px 10px;
	font-size: 1.6em;}
	
.text_select_date {
	color: #542a18;
	width: 225px;
	background:#CBB3AC;
	line-height: 1.1em;
	border: medium none;
	border-radius: 8px;
	padding: 8px 10px;
	font-size: 1.6em;}

#weborder input[type="text"]:valid,
#weborder input[type="select"]:valid,
#weborder input[type="tel"]:valid,
#weborder input[type="email"]:valid,
#weborder input[type="password"]:valid {
	color: green;
}


#weborder input[type="text"]:valid ~ .input-validation:before,
#weborder input[type="select"]:valid ~ .input-validation:before,
#weborder input[type="tel"]:valid ~ .input-validation:before,
#weborder input[type="email"]:valid ~ .input-validation:before,
#weborder input[type="password"]:valid ~ .input-validation:before
{
	content: "\2713";
	color: green;
	vertical-align: middle;}


#weborder input[type="text"]:invalid,
#weborder input[type="select"]:invalid,
#weborder input[type="tel"]:invalid,
#weborder input[type="email"]:invalid,
#weborder input[type="password"]:invalid {
	color: red;
}