[data-field-name=rc_connect__address_city__c] { clear: left; float: left; width: 49%; margin-right: 2%}
[data-field-name=rc_connect__address_state__c] { float: left; width: 49%}
[data-field-name=rc_connect__address_postal_code__c] { clear: left; width: 49%; margin-right: 51%}

[data-field-name=rc_connect__payment_method_card_expiration_month__c] {float:left;width: 49%; margin-right: 2%}
[data-field-name=rc_connect__payment_method_card_expiration_year__c] {float:left;width: 49%;}
[data-field-name=rc_connect__payment_method_card_security_code__c] {clear:left; float:left;width: 49%;}

#rc-container-list DIV.rc-container-column-list:first-child { display: none !important; }

.premiums { clear: both; }

.rc-container-column-list-content .rc-component-button {clear:left; }
.rc-label-container LABEL {padding-bottom: 0; font-size: x-small; }
.rc-component-campaign-ask-item-list { text-align:right; }
@media (min-width: 1020px) { 
.rc-container-column-list-content .btn { font-size: 18px; }
}
.btn-default[data-value=other] {} 
.rc-component-campaign-ask-content { margin-bottom: 20px; }
.rc-component-campaign-ask-other { height: 50px; }
.rc-component-campaign-ask-other .form-group { float: right; }
.form-group { margin-bottom: 5px; }
h2 { margin-bottom: 15px; }
.rc-component-campaign-ask-other .input-group-addon {
background-color: #f6551f;
border-color: #f6551f !important;
border-width: 2px !important;
color:white;
}
.rc-component-campaign-ask-other .form-control {
border-color: #f6551f !important;
border-width: 2px !important;
}
.rc-component-image-content { margin-top: 15px; }

.rc-component-simple-text .rc-margin-top-sm { margin-top: 1.9em; }
.rc-toggle-primary-container.rc-campaign-ask-frequency-list, .monthly-ask-note { display: none; }
.rc-component-address-content { clear:left; }

/* HEADER and FOOTER and GENERAL STYLES */
.rc-margin-top-lg {
  margin-top: 0;
}
.rc-container-column-list:first-child .rc-container-column-list-content {
  background: transparent;
}
.rc-container-column-list:first-child .rc-container-column-list-content .rc-lorem-ipsum-lg.rc-value {
  margin: 0;
}
FORM[data-mode=view] .rc-component-html-block .form-group {
  display:none;
}
FORM[data-mode=view] .rc-container-column-list-content .btn-default {border-color: #f6551f; border-width: 2px; color: #f6551f; }
FORM[data-mode=view] .rc-container-column-list-content .btn-primary {background-color: #f6551f; color: white; }

.rc-container-column-list-content .donation-form-border .btn-group-justified {
  border-spacing: 10px 3px;
  border-collapse: separate;
  width: auto;
  margin: 0 -10px;
}

#submitbutton { background-image: none; border: #f6551f 2px solid; background-color: #ff854f; font-size: xx-large;  }

.rc-container-column-list-content .btn-group .btn {
 border-radius: 4px !important;
 border-spacing: 0 10px !important;
 text-shadow: none;
}

/* Override inner-box shadow on active buttons */
.rc-container-column-list-content .btn-primary.active {
  -webkit-box-shadow: inset 0 0 0;
  box-shadow: inset 0 0 0;
}

/* Override glow on input fields in focus */
.form-group input.form-control, .other-field-wrapper input.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Helper classes */
.clear-fix {
  clear: both;        
}

INPUT, SELECT {margin: 0 0;}

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 */
}

/* THINGS ADDED TO PAGE DYNAMICALLY */
#monthly_gift { text-align: right; font-size: large; }

#page-functions { padding: 8px 0;}

ol.premiums { margin: 0; padding: 0; }
ol.premiums LI { margin: 0; padding: 4px 0; list-style-type: none;  }
ol.premiums LI .disabled { color: grey; }
ol.premiums LI INPUT { vertical-align: top; }
ol.premiums LI LABEL { width: 90%; }
ol.premiums LI small { color: #555; }

.state-divide {
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px dashed gray;
}

/* UPSELL BOX */
.modal-content { background: url(https://content.sierraclub.org/sites/all/libraries/sc-static/roundcorner/images/upsell-box-bg.jpg) no-repeat; background-size: cover; }
.modal-header { border-bottom: 0; }
.modal-body {}
#lb-content #lb-header {
	margin: 0px 0 0px;
	font-weight: bold; 
	font-size: 18px;
}
#lb-content p {
	font-family: Verdana, Arial; 
	margin-bottom: 10px;
	font-size: 13px;
}
#lb-yes-button {
	display: block; 
	width: 318px; 
	height: 79px; 
	overflow: hidden; 
	background: url(https://content.sierraclub.org/sites/all/libraries/sc-static/roundcorner/images/lb-yes-btn.png) no-repeat; 
	text-align:center; 
	margin: 5px 0;
}
#lb-yes-button a {
	padding: 8px 16px 0px; 
	width: 310px; 
	height: 71px; 
	display: block; 
	text-decoration: none;
	color: #ffffff; 
	font-size: 14px;
	font-family: Verdana;
}
#lb-yes-button a strong, #lb-no-button a strong {font-size: 14px; font-weight: bold;}

#lb-no-button {
	display: block; 
	width: 318px; 
	height: 60px; 
	overflow: hidden; 
	background: url(https://content.sierraclub.org/sites/all/libraries/sc-static/roundcorner/images/lb-no-btn.png) no-repeat;
	text-align:center; 
	margin: 10px 0;
}
#lb-no-button a {
	padding: 8px 16px 0px; 
	width: 310px; 
	height: 52px; 
	display: block; 
	text-decoration: none;
	color: #ffffff; 
	font-size: 14px;
	font-family: Verdana;
}
#lb-sc-logo {
	background: url(http://www.sierraclub.org/sites/all/libraries/sc-static/logos/sierra-club-logos/sierra-club-logo-horiz-web-black-182x68.png) no-repeat; 
	display: block;
	width: 182px;
	height: 68px;
	margin: 15px auto;
}
#lb-container p.italics {
	font-style: italic;
	margin-top: 0px;
}
/* MODAL */
@media only screen and (max-width: 767px) {
	.modal-content { background-image: none; background-color: #ffffff;}
	#lb-sc-logo {margin: 5px auto 10px; width: 100px; height: 35px; float: right; background-size: contain; }
  #lb-content #lb-header { font-size: 15px; line-height: 125%; }
	#lb-yes-button { width: 208px; height: 79px; background: url(https://content.sierraclub.org/sites/all/libraries/sc-static/roundcorner/images/lb-mobile-yes-btn.png) no-repeat; margin: 0px auto 12px;}
	#lb-yes-button a {padding: 4px 8px 0px; width: 200px; height: 75px;font-size: 12px; }
	#lb-no-button {width:208px; height: 71px; background: url(https://content.sierraclub.org/sites/all/libraries/sc-static/roundcorner/images/lb-mobile-no-btn.png) no-repeat; margin: 0px auto 12px; }
	#lb-no-button a {padding: 8px 8px 0px; width: 192px; height: 63px;font-size: 12px; }
}

@media only screen and (max-width: 767px)
#lb-sc-logo {
    margin: 5px auto 10px;
}



.callout-box * {
	color: #ff6600;
}
a.btn.btn-success, a.btn.btn-success:link, a.btn.btn-success:visited { color: white; text-decoration: none; }

.fa-exclamation-circle:before {
    content: "*";
}


img {
max-width:100%;
width:auto !important;
height: auto !important;
}

a:link {color: #009ee0;text-decoration:underline;}

FOOTER a:link {color: #ffffff;text-decoration:underline;}
FOOTER a:hover {color: #018dd1;text-decoration:underline;}

BODY {background: #f2f2f2 !important;}
HEADER.container { padding: 0; background: #444; color: white; }
#content_section { background: #ffffff;}
#pagefunctions { padding-top: 15px;}

#pagebuilder_body { padding-bottom: 15px;}
FOOTER { color: white; text-align: center; }
FOOTER P { padding-top: 12px;  }
FOOTER p, FOOTER a, FOOTER a:link, FOOTER a:visited { color: white; }

#tagline {
font-family: ProximaNova-Light,helvetica,arial,sans-serif;
color: #666;
text-transform: uppercase;;
font-size: 100%;
display:none;
padding: 10px 0 10px 15px;
}
#logo { text-align: right; padding: 4px 0; padding-right: 15px; }

#main-wrapper { padding: 0 0; }

@media (min-width: 400px) { 
  #tagline {
  	display: block;
  	padding-top: 15px;
  	}
  #main-wrapper { padding: 0 15px; }
}
@media (min-width: 700px) { 
  #tagline {
  	font-size: 150%;
  	padding-top: 10px;
  	}
}
@media (min-width: 1020px) { 
  #tagline {
  font-size: 200%;
  padding-top: 10px;
  }
}


H1, h2, h3, h4, h5, h6 { color: #4C8C00; }

.divider-green { 
  background: transparent url(//www.sierraclub.org/sites/www.sierraclub.org/themes/dotOrg/images/story-divider.png) top left no-repeat;
  margin-top: 20px; padding-top: 20px;
}

h4 {
  background-color: #444;
  color: #ffffff;
  margin:left 10px;
  padding: 10px;
  display: block;
}

.checkbox {
margin-left: 10px;
}

.top-buffer { 
margin-top:20px;
}

.col-centered{
text-align:center;
}

.btn-danger:hover { 
border-color: #000; 
background-color: #000; 
}


.rc-field-name,.rc-component-campaign-ask-other .form-control {
	margin-top: 0;
}
FORM[data-mode=view] .rc-container-column-list-content .btn-default {
  padding: 6px 10px;
}
FORM[data-mode=view] .rc-container-column-list-content .btn-default {
  background-color: #fff;
  border-color: #660;
  color: #660;
  padding: 6px 10px;
}
FORM[data-mode=view] .rc-container-column-list-content .btn-primary {
	background-color: #4C8C00;
	color: #fff;
}
FORM[data-mode=view] .rc-container-column-list-content .btn-default:hover {
	background-color: #6CaC00;
	box-shadow: inset 0 0 3px rgba(68,68,68,0.6);
	color: #fff;
}
FORM[data-mode=view] .rc-container-column-list-content .btn-primary:hover {
	background-color: #4C8C00;
}
.rc-field-name {
	margin-top: 0;
}
.has-error .rc-field-text,div.rc-error-label {
	color: inherit;
}
.rc-component-campaign-ask-other .form-control {
  border-color: #660 !important;
  margin-top: 0;
}
.rc-component-campaign-ask-other .input-group-addon {
	background-color: #4C8C00;
	border-color: #660 !important;
	color: #fff;
}
.rc-label-container LABEL {
	font-size: inherit;
}
#rc-page-container {
	background-color: #fff;
	border: 1px solid #444;
}
footer {
	background-color: #4C8C00 !important;
}
.alert {
	margin-top: 10px;
}
.message-box {
	display: none !important;
}
header.container,footer.container {
	margin-left: -15px;
	margin-right: -15px;
}
.fa-exclamation-circle:before {
	content: "*";
}

#processingErrorMessage {display:none;}
#sierraclub_askbuttons .btn { line-height:36px; font-size: 18px; margin-right: 8px; margin-bottom: 5px; }
#right-column-header-your-gift {text-align:left;}
.rc-component-campaign-ask-item-list { text-align: left !important; padding-top: 0; margin-top: 0; }
.rc-component-campaign-ask-item-list * { margin-top: 0 !important; }
#monthly_gift {text-align:left !important; padding-left:5px}
.rc-marker { display: none }
.rc-value-container { width: 100% }
.input-group .form-control:last-child { border-radius: 4px }
#patched { width:200px; height:50px; background-color:#da6b27; border-color:#aa4b07}

#patched {margin-top:10px !important;margin-bottom:30px !important}

.rc-lorem-ipsum-lg section { display: none; }
@media (min-width: 768px) { 
.rc-lorem-ipsum-lg section { display: block; }
 }
.rc-padding-top-sm, .rc-padding-bottom-sm { margin:0; padding:0 }

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

#donation-text-details.collapse { visibility: visible !important; display: none; }