/* Custom CSS –––––––––––––––––––––––––––––––––––– */

body, p, div, span, a, label, select { font-family: 'Montserrat', Helvetica, Arial, sans-serif; color: #626262; font-size:16px; }

div.donation-form-container.responsive { background: none !important; }

div.responsive { width: auto !important; }

div#browse_search_container { display: none !important; }

fieldset { margin-bottom: 2px !important;}

div.responsive div.form-content { margin-top: 2px; margin-bottom: 2px;}

div.donation-level-label-container { color: #213487; font-weight:bold;}

label, legend { display: inline !important; }

.donation-level-container { display: inline-block !important; margin: 0 !important;}

#billing_first_namename, #billing_last_namename, #billing_addr_cityname, billing_addr_cityname, #billing_addr_zipname, #payment_typecc_cvvname, #donor_email_addressname, #donor_phonename { width: 190px; }

#billing_first_name_row, #billing_last_name_row , #billing_addr_state_row, #billing_addr_zip_row, #payment_typecc_exp_date_row, #payment_typecc_cvv_row, #billing_addr_city_row, #billing_addr_country_row, #donor_email_address_row, #donor_phone_row { width: 45%; display: inline-block;} 

#payment_typecc_exp_date_row { position: relative; top:-6px;}

#payment_typecc_type_row { display: none;}

#payment_typecc_numbername { width: 250px;}

.donation-form-content select { width: 90%; }

#payment_typecc_exp_date_MONTH { font-size:13px; display: inline-block; width: 55px;}
#payment_typecc_exp_date_YEAR { font-size:13px; display: inline-block; width: 70px;}

.donation-level-amount-container  { 
	width: 180px;   
	color: #FFF !important;
	background-color: #213487 !important;
	border-color: #213487;
	height: 38px;
	padding: 0 30px;
	color: #555;
	text-align: center;
	font-size: 17px;
	font-weight: 300;
	line-height: 38px;
	letter-spacing: .1rem;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border-radius: 4px;
	border: 1px solid #bbb;
	cursor: pointer;
	box-sizing: border-box;  
  }
  
 .donation-level-amount-container:hover, #pstep_finish  { 
	color: #FFF;
	background-color: #26a896 !important;
	border: 3px solid #26a896; 	 
	}
	
#pstep_finish  { width: 100%; max-width: none; padding: 0; background-image: none;}


.donation-level-container:nth-child(2) .donation-level-amount-container { border: 2px solid #26a896;}

.donation-level-user-entered input { margin: 0 0 0 5px; width: 100px;}
.donation-level-user-entered, label+div.donation-level-user-entered { display: inline-block;}

.donation-level-label-input-container { position: relative; top: 15px; left: 30px; padding: 0 !important;}
.donation-level-input-container {  padding: 0 !important;}

.donation-level-label-container:last-child { position: relative; left: 28px; top: 1px; font-size: 12px; text-transform: uppercase; }

div.responsive span.field-required, span.field-required {  background-image: none;  }
 
.donation-form-content input[type="checkbox"] { position: relative; top:5px; }

div.donation-level-input-container, div.generic-repeat-label-checkbox-container { padding: 0 !important;}

.custom-field-container .form-input-label-block { display: none; }

#payment_typecc_cvv_row .HelpLink { font-size: 11px;}

#payment_cc_container h3 { display: none; }

#social-icons { display: block; width: 200px; height: 35px; margin-bottom: 8px; }

#social-icons a { margin-right: 12px; }
#social-icons a:last-child { margin-right: 0; }


#social-icons #Facebook { 
  background: url("../images/social-icons.png") no-repeat 0 0;
  background-position: -2px 0px;
  height: 35px;
  width: 35px;
  display: inline-block;
}

#social-icons #Facebook:hover { 
  background-position: -2px -35px; height: 35px; width: 35px;
}

#social-icons #Facebook span {
  position: absolute; top: -999em;
}

#social-icons #Twitter { 
  background: url("../images/social-icons.png") no-repeat 0 0;
  background-position: -53px 0px;
  height: 35px;
  width: 35px;
  display: inline-block;
}

#social-icons #Twitter:hover { 
  background-position: -53px -35px; height: 35px; width: 35px;
}

#social-icons #Twitter span {
  position: absolute; top: -999em;
}

#social-icons #Instagram { 
  background: url("../images/social-icons.png") no-repeat 0 0;
  background-position: -104px 0px;
  height: 35px;
  width: 35px;
  display: inline-block;
}

#social-icons #Instagram:hover { 
  background-position: -104px -35px; height: 35px; width: 35px;
}

#social-icons #Instagram span {
  position: absolute; top: -999em;
}

#social-icons #YouTube { 
  background: url("../images/social-icons.png") no-repeat 0 0;
  background-position: -153px 0px;
  height: 35px;
  width: 35px;
  display: inline-block;
}

#social-icons #YouTube:hover { 
  background-position: -153px -35px; height: 35px; width: 35px;
}

#social-icons #YouTube span {
  position: absolute; top: -999em;
}




/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 { 
	color: #213487;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	}

.amts { margin-bottom: 10px; }	
.amts input { width: 48%; }

.lightgrey { color: #707070; }
.nomargin { margin: 0 0 0 0;}
.small { font-size: 80%;}
.align-center { text-align: center; }
.align-right { text-align: right; }




/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */


.btn-submit { 
	margin: 25px 0;
/* 	background-color: #2dc1a1 !important; */
	font-weight: 600 !important;
	min-height: 40px;
	
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
		}
		
		
.button.button-highlight,
button.button-highlight,
input[type="submit"].button-highlight,
input[type="reset"].button-highlight,
input[type="button"].button-highlight {
  color: #FFF;
  background-color: #2dc1a1;
  border-color: #213487; }
.button.button-highlight:hover,
button.button-highlight:hover,
input[type="submit"].button-highlight:hover,
input[type="reset"].button-highlight:hover,
input[type="button"].button-highlight:hover,
.button.button-highlight:focus,
button.button-highlight:focus,
input[type="submit"].button-highlight:focus,
input[type="reset"].button-highlight:focus,
input[type="button"].button-highlight:focus {
  color: #FFF;
  background-color: #26a896;
  border-color: #213487; 
  }
  
 span.field-required{
	 color: #2dc1a1;
	 font-weight: 600;
	 font-size: 20px;
	 height: 15px;
	 float: left;
	 margin-right: 3px;
 }


	 
 .field-required:after{
	 	content: "\002A";
	 }

	
	
/* Elements
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.box-gradient {
				
	background: #0e4b6f;
	background: -moz-linear-gradient(left, #0e4b6f 0%, #36e6b1 100%);
	background: -webkit-linear-gradient(left, #0e4b6f 0%,#36e6b1 100%);
	background: linear-gradient(to right, #0e4b6f 0%,#36e6b1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4b6f', endColorstr='#36e6b1',GradientType=1 );
	width: 100%;
	text-align: center;
	min-height: 25px;

}	

.box-gradient span { color: #FFF; font-weight: 300; font-size: 1.65em; }

.logo-header { margin: 15px 0; }

footer { margin: 50px 0;}
footer div.container { margin-top: 60px; }



/* Larger than mobile */
@media (min-width: 400px) { 
	.logo-header { max-width: 300px; max-height: 101px; }
	
	.donation-form-content { margin: 5px 30px !important; }
	
}

@media (min-width: 320px) { 
	.logo-header {  max-width: 300px; max-height: 101px;	 margin-top: 20px; }
		.donation-form-content { margin: 5px 35px !important; }

	
}