body {
	margin: 0;
	background: white;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.2;
	font-style: normal;
	color: #535353;
	box-sizing: border-box;
}

body * { letter-spacing: 0 !important; }

/* ---- Header --- */

#gen_header {
	background-color: #ffffff; /* [THIS IS GENERATED FROM THE *FIRST* COLOR PICKER OPTION] */
	text-align: center;
  box-shadow: 0 0.5rem 1.25rem 0 rgba(0,0,0,0.2);
}

@media only screen and (max-width: 48em) {
	#gen_header {
		text-align: left;
	}
}

.main-logo {
	display: block;
	width:100%; 
	max-width:137px;
  padding: .5rem;
  margin: auto;
}		

@media only screen and (max-width: 48em) {
	.main-logo {
		margin: 0 1rem;
		max-width:112px;
	}
}

.main-logo svg {
	width:100%; 
}			

.home {
	display: inline-block;
	text-transform: uppercase;
	padding: .5em;
	position: absolute;
	top: .85em;
	right: .85em;
	font-size: .85em;
	color: gray;
	text-decoration: none;
}		

/* ---- Wrapper and Page Structure --- */

.gen_wrapper {
	padding: 1.5rem 0 0;
	width: 1160px;
	max-width: 100%;
	margin: auto;
}

@media only screen and (min-width: 48em) {
	.gen_wrapper { padding: 1.5rem 1.5rem; }
}

@media only screen and (min-width: 64em) {
	.gen_wrapper { padding: 2rem 2rem; }
}

@media only screen and (min-width: 81.25em) {
	.gen_wrapper { padding: 3rem 2rem; }
}

@media only screen and (min-width: 100em) {
	.gen_wrapper { padding: 4rem 2rem; }
}

@media only screen and (min-width: 112.5em) {
	.gen_wrapper { padding: 4.5rem 2rem; }
}


#can_main_col {
	width: 50% !important;
}

#can_sidebar {
	width: 45% !important;
	background-color: #f4f4f4 !important;
	padding: 2rem;
	border: 1px solid #d0d0d0 !important;
}

@media only screen and (max-width: 48em) {
	#can_main_col,
	#can_sidebar {
	  width: 100% !important; 
	  float: none;
	  padding: 1rem 1.5rem;
	}
}



/* --- Text Element overrides --- */


h1,h2,h3,h4,h5,h6 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #505050;
}

h1 {
  font-size: 2rem;
  color: #05ad52;
}

@media only screen and (min-width: 48em) {
	h1 { font-size: 2.2rem; }
}
@media only screen and (min-width: 64em) {
	h1 { font-size: 2.5rem; }
}
@media only screen and (min-width: 81.25em) {
	h1 { font-size: 2.8rem; }
}
@media only screen and (min-width: 100em) {
	h1 { font-size: 3.2rem; }
}
@media only screen and (min-width: 112.5em) {
	h1 { font-size: 3.5rem; }
}


h2 {
  font-size: 1.5rem;
	line-height: 1.1;
	color: #05ad52;
}

@media only screen and (min-width: 48em) {
	h2 { font-size: 1.8rem; }
}
@media only screen and (min-width: 64em) {
	h2 { font-size: 2.1rem; }
}
@media only screen and (min-width: 81.25em) {
	h2 { font-size: 2.4rem; }
}
@media only screen and (min-width: 100em) {
	h2 { font-size: 2.7rem; }
}
@media only screen and (min-width: 112.5em) {
	h2 { font-size: 3rem; }
}


h3 {
  font-size: 1.2rem;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}

@media only screen and (min-width: 48em) {
	h3 { font-size: 1.3rem; }
}
@media only screen and (min-width: 64em) {
	h3 { font-size: 1.6rem; }
}
@media only screen and (min-width: 81.25em) {
	h3 { font-size: 1.9rem; }
}
@media only screen and (min-width: 100em) {
	h3 { font-size: 2.3rem; }
}
@media only screen and (min-width: 112.5em) {
	h3 { font-size: 2.6rem; }
}


h4,
#can_embed_form h4,
#can_embed_form #letter-form > div > h4 {
  font-size: 1.1rem !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

@media only screen and (min-width: 48em) {
	h4, #can_embed_form h4 { font-size: 1.2rem !important; }
}
@media only screen and (min-width: 64em) {
	h4, #can_embed_form h4 { font-size: 1.3rem !important; }
}
@media only screen and (min-width: 81.25em) {
	h4, #can_embed_form h4 { font-size: 1.5rem !important; }
}
@media only screen and (min-width: 100em) {
	h4, #can_embed_form h4 { font-size: 1.8rem !important; }
}
@media only screen and (min-width: 112.5em) {
	h4, #can_embed_form h4 { font-size: 2rem !important; }
}

#can_embed_form h3.first_line { 
margin-top: 0 !important; 
}

.event #can_embed_form .last_line > h4.first_line { 
  font-weight: 300;
  font-size: 1.1rem !important;
}


h5 {
  font-size: 1rem;
}

@media only screen and (min-width: 48em) {
	h5 { font-size: 1.1rem; }
}
@media only screen and (min-width: 64em) {
	h5 { font-size: 1.2rem; }
}
@media only screen and (min-width: 81.25em) {
	h5 { font-size: 1.3rem; }
}
@media only screen and (min-width: 100em) {
	h5 { font-size: 1.4rem; }
}
@media only screen and (min-width: 112.5em) {
	h5 { font-size: 1.5rem; }
}


h6 {
  font-size: 1rem;
}

@media only screen and (min-width: 48em) {
	h6 { font-size: 1.1rem; }
}
@media only screen and (min-width: 64em) {
	h6 { font-size: 1.15rem; }
}
@media only screen and (min-width: 81.25em) {
	h6 { font-size: 1.2rem; }
}
@media only screen and (min-width: 100em) {
	h6 { font-size: 1.25rem; }
}
@media only screen and (min-width: 112.5em) {
	h6 { font-size: 1.3rem; }
}

div#can_main_col, div#can_sidebar {
  font-size: 120%;
}

#can_main_col h2 {
	font-size: 2.35em !important;
	letter-spacing: 0 !important;
}

@media only screen and (max-width: 640px) {
	#can_main_col h2 {
		font-size: 2em !important;
	}
}

#can_embed_form .action_sidebar > h4:not(.sidebartitle),
.lined_after_title {
  letter-spacing: 0 !important;
  text-transform: none !important;
  margin-top: .5rem;
  padding-bottom: 0 !important;
}

#can_embed_form .action_sidebar > h4:not(.sidebartitle)::after,
.lined_after_title::after {
  background-color: transparent !important;
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

#can_embed_form p, #donate_auto_modal p {
	line-height: 1.25;
}

div#can_embed_form h2.entry-title.js-entry-title {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 1rem !important;
}

#can_embed_form .entry-title {
  line-height: 1 !important;
}



/* --- Anchor overrides --- */

.gen_wrapper #can_embed_form .action_status_running_total,
.can_embed-html #can_embed_form .action_status_running_total,
.gen_wrapper .gen_name,
.gen_wrapper a,
#can_fundraising_widget a {
	color:#00a950; 
	text-decoration: none;
}

.gen_wrapper a:hover,
#can_fundraising_widget a:hover {
	color:#00a950; 
	opacity: .7;
	text-decoration: none;
}




/* ---- Form Elements --- */

#can_embed_form input, 
#can_embed_form textarea, 
#can_embed_form select {
  color: #505050 !important;
  cursor: pointer;
  transition: all 0.6s cubic-bezier(0.5, 1.65, 0.4, 0.8);
}

#can_embed_form input[type="text"], 
#can_embed_form input[type="password"], 
#can_embed_form input[type="url"], 
#can_embed_form input[type="email"], 
#can_embed_form input[type="tel"], 
#can_embed_form input[type="number"] {
  border: 1px solid #d0d0d0 !important;
  line-height: 1.4 !important;
  padding: 1rem !important;
  height: auto !important;
  font-size: 1.05rem !important;
}

#can_embed_form input[type="text"]:focus, 
#can_embed_form input[type="password"]:focus, 
#can_embed_form input[type="url"]:focus, 
#can_embed_form input[type="email"]:focus, 
#can_embed_form input[type="tel"]:focus, 
#can_embed_form input[type="number"]:focus {
  border: 1px solid #505050 !important;
}

.gen_wrapper #can_embed_form input[type="submit"],
.can_embed-html #can_embed_form input[type="submit"],
.gen_wrapper #can_embed_form .button,
.can_embed-html #can_embed_form .button,
.gen_wrapper #donate_auto_modal input[type="submit"],
.can_embed-html #donate_auto_modal input[type="submit"],
.gen_wrapper #donate_auto_modal .button,
.can_embed-html #donate_auto_modal .button {
  font-family: "Montserrat",sans-serif;
	background-color:#00a950; 
	color: white !important;
	text-transform: uppercase;
  font-size: 1rem;
	width: auto;
	margin: 0 auto;		
	padding: 1rem 1.75rem;
	-webkit-appearance:none;
}

.gen_wrapper #can_embed_form input[type="submit"],
.can_embed-html #can_embed_form input[type="submit"],
.gen_wrapper #can_embed_form .button,
.can_embed-html #can_embed_form .button,
.gen_wrapper #donate_auto_modal input[type="submit"],
.can_embed-html #donate_auto_modal input[type="submit"],
.gen_wrapper #donate_auto_modal .button,
.can_embed-html #donate_auto_modal .button,
#can_embed_form #can_zip_search #form-zip_code-submit {
	background-color:#00a950; 
	text-transform: uppercase;
	font-size: 1rem;
	width: auto;
	height: auto !important;
	margin: 0 auto;			
}

.gen_wrapper #can_embed_form input[type="submit"]:hover,
.can_embed-html #can_embed_form input[type="submit"]:hover,
.gen_wrapper #can_embed_form .button:hover,
.can_embed-html #can_embed_form .button:hover,
.gen_wrapper #donate_auto_modal input[type="submit"]:hover,
.can_embed-html #donate_auto_modal input[type="submit"]:hover,
.gen_wrapper #donate_auto_modal .button:hover, 
.can_embed-html #donate_auto_modal .button:hover {
	background-color:#024a23;  
	opacity: .7;
	transform: scale(1.05);
}

#can_embed_form textarea {
	height: 250px !important;
}	

.country_wrap {
  margin-left: -9999px !important;
}

#can_embed_form .control-label {
  text-transform: none !important;
  color: #505050 !important;
  letter-spacing: 0 !important;
}



/* --- Thank You Sharing --- */

#can_embed_form.can_thank_you_wrap .clearfix { 
  background-color: #f4f4f4 !important; 
  border: 1px solid #d0d0d0 !important;
}

#can_embed_form.can_thank_you_wrap .clearfix .clearfix { 
  background-color: transparent !important; 
  border: none !important;
}

#can_embed_form .can_thank_you-block {
  padding: 1rem 1.5rem !important;
  width: 100% Important;
  margin: 0 !important;
}

@media only screen and (min-width: 48em) {
  #can_embed_form .can_thank_you-block  {
  	padding: 2rem !important;
  	width: 33.3% !important;
  }
  #can_embed_form .can_thank_you-block:first-of-type {
  	padding: 2rem .5rem 2rem 2rem !important;
  }
  #can_embed_form .can_thank_you-block:nth-of-type(2)  {
  	padding: 2rem 1.25rem !important;
  }
  #can_embed_form .can_thank_you-block:last-of-type  {
  	padding: 2rem 2rem 2rem .5rem !important;
  }
}

.widget_title { letter-spacing: 0; }

#can_embed_form #can_thank_you h1,
#can_embed_form #can_thank_you h4 {
  color: white;
}


/* --- click-to-call specific rules --- */

div#can_thank_you {
  background-color: #fff !important;
  color: #535353 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.entry-title {
  line-height: 1 !important;
}

#can_thank_you p {
  text-shadow: none !important;
  text-align: left !important;
  font-size: 1.2em !important;
}

#action_thank_you_text h2 {
  font-size: 2.35em!important;
  text-transform: uppercase!important;
}

li#d_sharing {
  margin-top: 10px !important;
}


/* --- Events --- */

#can_embed_form .discussion-board { margin-top: 2rem; }

.discussion-board .new_comment { 
  padding: 2rem; 
}



/* --- Fundraising styles --- */

.donate_amount_custom {
  padding: .5rem 1rem !important;
  top: -2px !important;
  left: -6px !important;
  width: calc(100% + 12px) !important;
}

#can_embed_form  #donation_recipient_wrap > h5 { 
  font-weight: 300 !important;
  font-size: 11px !important;
  width: 115px !important;
  padding: 12.5px 10px 0 0;
  line-height: 1.2 !important;
 }

#can_embed_form.can_768 #donation_recipient_wrap .donation_recipients { 
  width: calc(100% - 125px) !important;
 }

#can_embed_form span.can_select {
  border: 1px solid #d0d0d0 !important;
  line-height: 1.175 !important;
  padding: 1rem !important;
  height: auto !important;
  font-size: 1.05rem !important;
  color: #505050 !important;
}

#can_embed_form .can_select span.can_selectInner { color: #a1a1a1 !important; }

#can_embed_form .donate_recurring { padding: 1rem !important; }

#can_embed_form_inner h2 { 
font-family: "Montserrat Bold", sans-serif !important;
line-height: 1.1 !important;
color: rgb(5, 173, 82) !important;
 }

#can_embed_form_inner h3.first_line { 
  line-height: 1.25 !important;
  margin-top: 0 !important;
 }

#can_embed_form_inner .international_link { 
 color: rgb(5, 173, 82) !important;
 top: -5px;
 }

@media only screen and (max-width: 48em) {
	#can_embed_form_inner #can_main_col,
	#can_embed_form_inner #can_sidebar {
	  width: 100% !important; 
	  float: none;
	  padding: 1rem 1.5rem;
	}
}



/* --- Hide --- */

div#action_info,
div#can_thank_you h1, 
div#can_thank_you h4,
div#referral_code_select_wrap {
  display: none !important;
}



/* if personal email alert is on 

#can_embed_form input[type="email"] {margin-bottom:0 !important}
#can_embed_form span.personal-email-alert { 
  font-size: .8rem;
  display: block;
  line-height: 1 !important;
  margin:5px 0 15px;
}

*/




/* --- Footer --- */

.site-footer { 
	padding: 1rem 1.5rem;
	position: relative;
	text-align: center; 
	width: 100%;
	font-size: 1rem;
	background: #d0d0d0;  
	color: #505050;
	box-sizing: border-box;
}

@media only screen and (min-width: 48em) {
	.site-footer { padding: 2rem 2rem; }
}

@media only screen and (min-width: 64em) {
	.site-footer { padding: 4rem 2rem; }
}

@media only screen and (min-width: 81.25em) {
	.site-footer { padding: 5rem 2rem; }
}

@media only screen and (min-width: 100em) {
	.site-footer { padding: 6rem 2rem; }
}

@media only screen and (min-width: 112.5em) {
	.site-footer { padding: 7rem 2rem; }
}


.site-footer a { 
  color: #505050; 
  transition: all 0.2s ease-in-out;
}

.site-footer a:hover { color: #05ad52; }

.site-footer p { 
	margin: auto auto 1em auto; 
	max-width: 960px; 
}  

.site-footer p.disclaimer { 
  padding: .75rem;
  line-height: 1.3;
  border: 1px solid rgba(80,80,80,0.4);
  margin-bottom: 1.25rem;
}