/* Updated: 04-29-2015 */

body {
	font-size: 90%;
	margin: 1.5em 1em;
}

.hidden {
	display: none;
}

/* Used to be in the head of the wrapper */

div.gridded {
	position: relative;
}

.gridded label {
	display: inline-block;
	text-align: right;
	width: 110px;
}

.gridded input, .gridded select {
	position: absolute;
	left: 115px;
	max-width: 150px;
}

.span-15 .gridded label {
	width: 125px;
}

.span-15 .gridded input, .span-15 .gridded select {
	position: absolute;
	left: 135px;
	max-width: 150px;
}

.gridded .wide {
	width: 100%;
}

.gridded label.wide {
	position: static;
	top: 0;
	text-align: left;
}

.container {
	width: 100%;
	line-height: 140%;
	max-width: 960px;
	width: expression(document.body.clientWidth > 960? "960px": "auto" );
}

.compact {
	margin: 0;
	line-height: 100%;
}

.unspaced_lines {
	line-height: 100%;
}

.nodisplay {
	display: none;
}

#unknown_user p {
	clear: both;
}

#lbl_taf_subject {
	width: 50px;
	text-align: left;
}

#id_taf_subject {
	width: 215px;
}

/* not in the head at all */

/** Global Styles **/

div.mobile, h2.mobile {
	display: none;
}

a, a:link {
	color: #CC9900;
	font-weight: bold;
	text-decoration: underline;
}

h2 {
	color: #006699;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 19px;
	padding-bottom: 10px;
}

.phone-link {
	display:none;
}

.nonphone-link {
	display:inline;
}

.submitform {
	background-color: #FFA500;
	border-radius: 6px 6px 6px 6px;
	color: white;
	font-size: 2em;
	padding: 10px 40px;
	width: auto;
}

#id_message {
	width: 99.813%;
	height: 200px;
	background: none repeat scroll 0 0 #F1F0F0;
}

.req {
	color: #FF0000;
}

.ccsubmit {
	background-color: #FFA500;
	border-radius: 6px 6px 6px 6px;
	color: white;
	padding: 1% 2%;
	width: auto;
	cursor:pointer; 
}

.big {
	font-size:1.5em;
}

h2 {
	font-size:2.2em;
}

h2.title, .thank-you-text h2, .emailbox h2, .fbbox h2, .twbox h2 {
	border-bottom: 3px solid #006699;
	color: #006699;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 25px;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 0.5em;
}

h2.lte {
	width: 47%;
}

#content h2 {
	border-bottom: none; 
	line-height: 1.1em;
}
.top-text {
	margin-top: 20px;
	font-size: 1.2em !important;  
}

.top-text img {
	margin:0;
}

.top-text h2 {
	font-size: 1.8em !important;  
}

.ccsubmit:hover, .submitform:hover {
/*
	transition-property: box-shadow;
	transition-duration: .5s;
	transition-timing-function: easeOutBack;
	box-shadow: 0 0 5px #FFA500;
*/
	border: 1px solid #664200;
	background-color: #B27300;
}

.ccsubmit, .submitform {
	transition-property: box-shadow;
	transition-duration: .5s;
	transition-timing-function: linear;
	box-shadow: none;
	border: 1px solid #B27300;
}

.wide.last blockquote {
	text-align: center;
}

.mobile {
	display: none;
}

.goal {
	float: right;
	margin: 20px 24px 15px 0;
}

.fineprint {
	margin: 20px 0;
}

/** Custom Field **/

#content-wrapper .custom_field input, 
#content-wrapper .custom_field textarea, 
#content-wrapper .custom_field select {
	position: static;
	top: 0;
	left: 0;
}

#content-wrapper .custom_field label {
	display: block;
	text-align: left;
	width: 100%;
}

#content-wrapper .custom_field {
	width:95%;
	margin:15px auto;
}

/** Product Description **/

#content-wrapper .product-description {
	display: block;
	font-size: 0.98em;
	font-style: italic;
	padding: 2px 10px 10px;
}

/** "gridded" **/

.gridded input, .gridded select {
	background: none repeat scroll 0 0 #F1F0F0;
}

/** Gray Box **/

.gray-box .signup .letter-form {
	border: 15px solid #C3C2C2;
	border-radius: 6px 6px 6px 6px;
	padding: 20px;
	width: 40%;
}

.gray-box .letter-text {
	border: none;
}

.gray-box-rev .letter-text {
	border: none;
	width: 50%;
	margin-right: 0;
	margin-top: 0;
	float: right;  
}

.gray-box-rev .signup .letter-form {
	border: 15px solid #C3C2C2;
	border-radius: 6px 6px 6px 6px;
	padding: 30px;
	width: 40%;
	float: left;
	margin-top: 20px;
}

/** Tag List **/

.tag_list input {
	position: static;
}

.tag_list input + label {
	bottom: 2px;
	margin-left: 3px;
	position: relative;
	width: auto;
}

.tag_list {
	list-style-type: none;
}

/** Blue Box **/

.span-blue-box {
	background: none repeat scroll 0 0 #E5ECF9;
	margin: 15px;
	padding: 18px;
	width: 30%;
}

/** Wrapper **/

#contentWrapper {
	margin: 2.083333333333333% 3.125% 0;
}

/** Header **/

.logo {
	margin: 0 2.083333333333333% 1.041666666666667% 0;
}

/** Nav **/
#nav_container li.mobile {
	display: none;
}

#nav_container {
	border-top: 1px solid #6699CC;
	margin: 1.041666666666667% 0;
}

#nav_container li a, #nav_container li a:link, #nav_containerli a:visited {
	color: #6699CC;
	display: block;
	margin: 0;
	padding: 4px 0;
	text-decoration: none;
	font-weight: bold;
}

#nav_container ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 0;
}

#nav_container li a:hover {
	color: #006699;
}

#nav_container ul li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	margin-right: 8.901098901098901%;
}

#nav_container li.lastItem {
	margin-right: 0;
}

/** Footer **/

#footer {
	font-size: 11px;
	text-align: center;
	border-bottom: 3px solid #C3C2C2;
	border-top: 3px solid #C3C2C2;
	margin: 15px 0;
	padding: 10px 0;
}

.wide.last p {
	text-align: center;
}

/** Spans Used in Templates **/
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16 {
	display: block;
}

div.span-12 {
	float:right;
}

.span-12 h2 {
	color: #069;
	font-size: 25px;
	line-height: 25px;
	margin: 15px 0 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.span-12 {
	width: 54.958%;
}

.span-7, #content-wrapper .span-7.border {
	width: 54.363%;
}

/** Vargus Sign UP **/

.varguscourage {
	float: right;
	margin: 10px;
}

/** Letter Pages **/

.letter-text {
	-moz-box-sizing: border-box;
	border: 15px solid #C3C2C2;
	border-radius: 6px 6px 6px 6px;
	float: left;
	margin-top: 15px;
	padding: 15px;
	width: 50%;
}

.letter-text:after{
	clear:both;
}

.letter-form {
	float: right;
	width: 35%;
}

.letter-text h2, .letter-form h2 {
	color: #069;
	font-size: 25px;
	line-height: normal;
	margin-top: .5em;
	margin-bottom: .5em;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 3px solid #069;
	font-weight: bold;
}

.letter-form h2 {
	margin-top: 1.5em;
}

#content-wrapper .letter-text.border, #content-wrapper .span-7.border {
	border: 15px solid #C3C2C2;
	border-radius: 6px 6px 6px 6px;
	padding: 1.648351648351648%;
	margin-top:14px;
}

#akletter .span-7 > h2 {
	font-size:35px;
	border-bottom:3px solid;  
}

#akletter .submitletter {
	background-color: #FFA500;
	border-radius: 6px 6px 6px 6px;
	color: white;
	font-size: 2em;
	margin-right: 30px;
	padding: 10px 40px;
	width: auto;
	float: right;
}

#akletter .span-12 {
	padding-bottom: 0;
	margin-top: 15px;
	border-radius: 6px;
}

#akletter .span-12 h2.mobile {
	font-size: 35px;
	border-bottom: 3px solid; 
}

#akletter .submitletter {
	margin-right: 25%;
}

/** Signup pages **/

.signup .letter-form {
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top:20px;
}

.signup h2.mobile {
	font-size: 25px;
	line-height: normal;
	margin-top: .5em;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 3px solid #069;
	font-weight: bold;
}

/** Social Media Buttons **/

a.socmed-button, input.socmed-button {
	border: none;  
	border-radius: 8px 8px 8px 8px;
	color: white;
	display: inline-block;
	font-size: 18px;
	line-height: 25px;
	padding: 5px 5px 0;
	text-decoration: none;
	vertical-align: bottom;
}

.socmed-button img {
	height: 22px;
	margin-left: 4px;
}

.socmed-button span {
	bottom: 3px;
	display: inline-block;
	margin-left: 5px;
	position: relative;
}

.facebook-button{
	background: #3A5DA5;
}
.twitter-button{
	background: #27B4E1;
}
.email-button{
	background: #D40000;
}

input.socmed-button {
	background: #D40000;
	padding: 5px 5px 5px 40px;
	vertical-align: baseline; 
}

.email {
	height: 22px;
	left: 7px;
	position: absolute;
	top: 5px; 
}

.blue-box.signup .letter-form {
	padding: 20px;
	width: 30%;
	background: #E5ECF9;
}

/** User Form **/

.userform {
	margin-bottom:5px;
}

.userform.formname, .userform.formemail,
.userform.formstate, .userform.formcity,
.userform.formzip {
	display: inline-block;
}

.userform.formname {
	width: 49%;
}

.userform.formemail {
	width: 50%;
}

.userform.formaddress {
	width: 99%;
}

.userform.formcity,.userform.formstate {
	width: 35%;
}

.userform.formzip {
	width: 28%;
}

.userform input,.userform select {
	position: static;
	width: 100%;
	max-width: 100%;
}

.userform label {
	text-align: left;
}

.user-input label {
	display: block;
	/*float: left;*/
	width: 45%;
}

.user-input label.address {
	height: 30px;
} 

.user-input label.state-label {
	margin-top: 7px;
}

.user-input {
	float: left;
	margin-right: 20px;
	margin-top: 15px;
	width: 40%; 
}

.user-input input, .user-input select {
	background: none repeat scroll 0 0 #F1F0F0;
	margin-bottom: 10px;
}

.user-input #address1, .user-input #shipping_address1 {
	margin-bottom: 2px;  
}

.user-input .address-checkbox {
	float: none;
	width: 100%;
} 

/* New TAF page */

#content-wrapper .span-7.span7taf {
	width: 46.7032967032967%;
}

#content-wrapper .span-7.span7taf.last {
	width:96%;
}

#socmedforms {
	margin: 0 auto;
	width: 95%;
}
.sharelist {
	display: inline-block;
	width: 31%;
	margin: 1%;
	vertical-align: top; 
}
.countbox{
	display: block;  
}
.sharelist textarea {
	width: 100%;
	height: 220px;
}
#emailshare #subject {
	height: 30px;
}
.sharelist a {
	display: block;  
}
#emailshare #textarea1 {
	height: 177px; 
}
.emailbox {
	background: none repeat scroll 0 0 #E5ECF9;
	border-radius: 10px 10px 10px 10px;
	float: left;
	margin-right: 1.5%;
	padding: 15px;
	width: 50%;
}

.fbbox, .twbox {
	border: 1px solid #6699CC;
	border-radius: 10px 10px 10px 10px;
	float: right;
	padding: 15px;
	width: 40%;
}

.twbox textarea {
	float: right;
	height: 100px;
	width: 60%;
}

.fbbox {
	margin-bottom: 15px;
}

.socmedimg {
	display: block;
	margin: 0 auto;
	width: 50%;
}

.fbbox, .twbox {
	border: 15px solid #C3C2C2;
	border-radius: 6px 6px 6px 6px;
	float: right;
	padding: 15px;
	width: 30%;
	margin-right:6%;
}

.twbox textarea {
	float: none;
	height: 100px;
	width: 100%;
}

.twsubmit {
	background: url("https://s3.amazonaws.com/aktest-2011/images/Twitter-small.png") no-repeat scroll 10px 8px #3BC7F5;
	border: medium none;
	border-radius: 6px 6px 6px 6px;
	color: white;
	cursor: pointer;
	margin-left: 55px;
	padding: 10px 10px 10px 36px;
	border: 1px solid #298BAC;
}

.twsubmit:hover {
	background-color: #185062;
	border-color: #061418;
}

.fbsubmit {
	background: url("https://s3.amazonaws.com/aktest-2011/images/facebook-letter.png") no-repeat scroll 10px 8px #5077C7;
	border: medium none;
	border-radius: 6px 6px 6px 6px;
	color: white;
	cursor: pointer;
	margin-left: 20px;
	padding: 10px 10px 10px 35px;
	border: 1px solid #38538B;
}

.fbsubmit:hover {
	background-color: #203050;
	border-color: #080C14;
}

.emailbox #id_taf_body {
	width: 100%;
	height: 309px;
	position: relative;  
}

.friends textarea {
	width: 80%;
	height: 62px;
	position: relative;  
}

.thank-you-text {
	margin-top: 30px;
}

.thank-you-text h2, .emailbox h2, .fbbox h2, .twbox h2 {
	border: none;
}

/*MR donation page updates 1.30*/

#content-wrapper .span-7.donation-input {
	width: 46%;
}

/*
	Styles for "Call" page
*/

#call_form #id_action_survey, #call_form #ak-survey_question {
	width: 288px;
}

#call_form span.local_toggle_label {
	margin-left: 9%;
}

/** Video **/

.video-embed {
	border: 8px solid #FFCC00;
	border-radius: 8px 8px 8px 8px;
	float: left;
	height: 0;
	margin-top: 15px;
	overflow: hidden;
	padding-bottom: 33.25%;
	padding-top: 30px;
	position: relative;
	width: 58.3333%;
}

.video-embed iframe,  
.video-embed object,  
.video-embed embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video #content-wrapper .span-7.border {
	border: 10px solid #C3C2C2;
	border-radius: 6px 6px 6px 6px;
	float: right;
	width: 30%;
}

.video #content-wrapper .span-7.border h2 {
	margin: 0;
}

.video #content-wrapper .span-7.border p {
	margin: 0 0 1em;
}

.video .submitform {
	font-size: 1.5em;
	padding: 5px 30px;
	margin-bottom: -10px;
}

/** LTE **/

#letter_form {
	min-height:550px;
}

#content-wrapper .span-7.border.lte {
	width: 39.956%; 
}

#letter_form .lte-form {
	background: none repeat scroll 0 0 #E5ECF9;
	left: 30px;
	padding: 1%;
	position: relative;
	top: 14px;
	width: 49%;
}

.lte-form #letter_text {
	width: 95%;  
}

#letter_form input, #letter_form textarea {
	background: #F1F0F0;
}

.span-7.border img, .letter-text img {
	max-width: 100% !important;
	margin :0;
}

/** Petition Pages **/

.petition.span-blue-box {
	float: right;
}

#id_comment {
	height: 80px;
	width: 100%;
}

#id_comment {
	background: #F1F0F0;
}

/** Survey Pages **/

.survey  .span-blue-box {
	float: right;
}

.survey-questions input,.survey-questions select {
	position: static;
}

.survey-questions input[type=checkbox]{
	position: relative;
	left: 0;
	top: 2px;
}

.survey-questions label {
	display: block;
	text-align: left;
	width: 100%;
}

.survey-questions textarea {
	height: 110px;
	width: 100%;
	background: #F1F0F0;
}

@media screen and (max-width: 945px) {
	.letter-text {
		width: 50%;
	}
}

@media screen and (max-width: 875px) {
	#content-wrapper #nav_container .ptt {
		display: none;
	}
}

@media screen and (max-width: 820px) {
	.span-7, .span-12, #content-wrapper .span-7.border, .letter-text, #content-wrapper .lte.span-7.border, #letter_form .lte-form, .survey .span-blue-box, #content-wrapper .span-7.donation-input, #content-wrapper .letter-text {
		width: auto;
		float: none;
		margin: 20px auto;
	}
	.petition.span-blue-box, .span-blue-box, .user-input, .signup.blue-box {
		float: none;
		margin: 20px auto;
		width: auto;
	}
	.blue-box.signup .letter-form {
		width: 100%;
		float: none;
	}
}

/*
#content-wrapper #nav_container .ptt {
	display: expression(document.body.clientWidth < 875? "none": "inline" );
}

#content-wrapper #nav_container .lastItem  {
	margin-left: expression(document.body.clientWidth < 480? "-17px": "0" );
}

#content-wrapper .span-7 {
	width: expression(document.body.clientWidth < 800? "100%": "270px");
}
#content-wrapper .span-12 {
	width: expression(document.body.clientWidth < 800? "100%": "48.95833333333333%");
}
*/
@media screen and (max-width: 715px) {
	#content-wrapper .span-7.border {
		width: auto;
	}
	.span-12 {
		width: 100%;
	}
}
/*
#content-wrapper .span-7, .span-12 {
	width: expression(document.body.clientWidth < 715? "93%": "270px");
}
*/
.blue-box.signup .letter-form {
	width: 35%;
}

/** New Donation Page as of 6-11-2013 **/

.donation-new div.donation-text {
	border: 15px solid #C3C2C2;
	border-radius: 6px;
	float: left;
	padding: 2%;
	width: 46%; 
	margin-top:20px;
}
#content .donation-new div.donation-text h2 {
	border-bottom:3px solid;
}
.donation-new .donation-input .user-input p label {
	position: static;
	width: 46%;
	display:inline-block;
	vertical-align:top;
}
.donation-new .donation-input .user-input p input, .donation-new .donation-input .user-input p select {
	float: none;
	margin: 0;
	width: 51%;
}
.donation-new .donation-input .user-input p #zip {
	width: auto;
}
.donation-new .donation-input .user-input p #id_phone {
	margin-left:3px;
}
.donation-new .donation-input .user-input {
	float: left;
	margin: 0;
	padding: 3%;
	width: 50%;
	border-right: 2px solid white;
}
.donation-new .donation-input .credit-card-box {
	float: right;
	margin: 0;
	padding: 0 0 0 3%;
	width: 40%;
}
.donation-new .donation-input .user-input .address-fields {
	display:inline-block;
	width:51%;
}
.donation-new .donation-input .user-input .address-fields input {
	display: block;
	width:100%;
}
#content-wrapper .donation-new .span-7.donation-input {
	background: none repeat scroll 0 0 #E5ECF9;
	/*
	padding: 2%;
	*/
	padding: 21px;

	/*
	width: 40%;
	*/
	width: 382px;
	float: right;
	margin-top:20px;
}
.donation-new .donation-input .user-input+.clear{
	margin-bottom:20px;
}
.donation-new .donation-input .amount-box {
	background:  white;
	border: 1px dashed #D4D4D4;
	margin-bottom: 20px;
	padding: 2%;
}
.donation-new .donation-input .amount-box input, .donation-new .donation-input .credit-card-box input, .donation-new .donation-input .credit-card-box select {
	background:#F1F0F0;
}
@media (max-width:560px){
	
#content-wrapper .donation-new .span-7.donation-input, .donation-new div.donation-text, .donation-new .donation-input .credit-card-box, .donation-new .donation-input .user-input{
		float:none;
		margin:20px auto;
		width:85%;
	}
	.donation-new .donation-input .user-input {
		border:none;
	}
}
.donation-new .donation-input .user-input p label {
	font-size: 0.8em;
}
.donation-new .donation-input .user-input p label[for="address1"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 5px;
	width: 46%;
}
.donation-new .donation-input .user-input p label[for="id_user_employer"], .donation-new .donation-input .user-input p label[for="id_user_occupation"] {
	width:48%;
}

.thank-you-top {
	margin: 30px 0;
}

.thank-you-top .facebook-box {
	float: left;
}

.thank-you-top .thank-you-text {
	float: left;
	width: 46%;
	margin: 30px 30px 0 30px;
}

.thank-you-top .twitter-box {
	float: left;
}

/*
	------------------------------------
		Survey One Column Layout
	------------------------------------
*/

.span-24 {
	margin-top: 2rem;
	padding: 0rem 2rem;
}

.survey-questions input, .survey-questions select {
	padding: 5px 10px;
	margin-top: 0.7rem;
}

label h3 {
	margin-bottom: 0.5rem;
}

label p {
	font-weight: normal;
	margin: 0;
}

/*
	Donate Text
*/

.donation-text {
	font-size: 1.2em;
}

/*
	T-Shirt Errors
*/

.tshirt-inner-error {
	color: red;
	display: inline;
	margin: 0 10px;
}


/*
	International Petition Link
*/
.international-page-link {
/*
	background: white; 
	border: 2px solid #FFa500; 
	outline: 2px solid #B28300; 
	padding: 1em; 
*/
	margin-top: 2em;
	font-style: italic;
}


/*
	Donation Modal
*/

#splashBox {
	background-color: rgba(0,0,0,0.8);
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
}

#splash {
	border-radius: 6px;
	position: static;
	margin: 10% auto;
	width: 600px;
	background: white;
}

#splash .splash-inner {
	padding: 2rem;
}

#splash .ask-text {
	position: relative;
}

#splash .ask-amount {
	position: relative;
}

#splash .close-modal {
	text-decoration: none;
	position: absolute;
	top: -1rem;
	right: -1rem;
	color: #C3C2C2;
	font-size: 3rem;
	cursor: pointer;
}

#splash .button {
	white-space: normal;
	border-radius: 6px 6px 6px 6px;
	color: white;
	padding: 1% 2%;
	font-size: 1rem;
	cursor: pointer;
	font-weight: bold;
	float: none;
	display: block;
	text-align: center;
}

#splash .button.gold {
	border: 1px solid #664200;
	background-color: #FFA500;;
}

#splash .button.gold:hover {
	background-color: #B27300;
}

#splash .button.blue {
	margin-top: 1rem;
	border: 1px solid #006699;
	background-color: #6699CC;
}

#splash .button.blue:hover {
	background-color: #527AA3;
}

#splash .pop-amount-box {
	width: 33%;
	float: left;
}

#splash #yes-recurring-process {
	margin-top: 1rem;
}

@media screen and (max-width: 600px) {
	#splash {
		width: 100%;
	}

	#splash .buttons {
		text-align: center;
	}	

	#splash .button {
		font-size: 1.25rem;
		margin-top: 1rem;
	}
}


/*
	---------------------------------------------------------------------------
		One Column Survey
	---------------------------------------------------------------------------
*/

@media screen and (min-width: 968px) {
	#one-column-survey #unknown_user p {
		width: 33%;
		float: left;
		clear: none;
	}

	#one-column-survey #unknown_user input {
		position: relative;
		left: 0;
	}
}


.donation-new .donation-input .credit-card-box input[type="submit"], 
.ccsubmit {
/*
	background: #FFA500;
*/
/*
	background-color: #008000;
	border-color: #4DA64D;
*/
	border: 2px solid #dfa215;
	background: white;
	border-radius: 0;
	color: black;
	font-size: 2rem;
	transition: 300ms;
	width: 100%;
}

.donation-new .donation-input .credit-card-box input[type="submit"]:hover, 
.ccsubmit:hover {
/*
	border: 1px solid #664200;
	background-color: #B27300;
*/
/*
	background-color: #4DA64D;
	border-color: #99CC99;
*/
	background: #6a4d0a;
	color: white;
}

.rapidssl {
	margin-top: 1rem;
}

@media screen and (max-width: 767px) {
	.is_stuck {
		position: relative !important;
		top: auto !important;
		width: 85% !important;
	}

	.is_stuck + div {
		position: relative !important;
		width: auto !important;
		height: auto !important;
	}
}

@media screen and (max-width: 967px) and (min-width: 768px) {
	.donation-new .span-7.donation-input {
		width: 50%;
	}

	.donation-new .donation-text.mobile {
		width: 35%;
	}
}

/*
	---------------------------------------------------------------------------
		RO Default - Donate Page TemplateSet
	---------------------------------------------------------------------------
*/

select#exp_date_month, select#exp_date_year  {
	width: 46%;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	
	@media only screen and (orientation: landscape) {
		select#exp_date_month {
			width: 100%;
		}

		select#exp_date_year {
			width: 94%;
		}

		input#card_num {
			width: 98%;
		}
	}

	@media only screen and (orientation: portrait) {
		select#exp_date_month {
			width: 100%;
		}

		select#exp_date_year {
			width: 100%;
		}

		input#card_num {
			width: 95%;
		}
	}
}

select#state, select#exp_date_month,
select#exp_date_year, select#country {
	height: 23px;
}

input.ccsubmit.big {
	padding: 6px 8px;
}

input#amount_other_field {
	margin-left: 5px;
}

.ceritifcates-area,
.certificates-area {
	display: inline-flex;
}

.ceritifcates-area input#submitbutton,
.certificates-area input#submitbutton {
	margin-right: 1rem;
}

/*
	---------------------------------------------------------------------------
		RO Default - Alternative Donate Page TemplateSet
	---------------------------------------------------------------------------
*/

input#shipping_same {
	margin-top: 4px;
}

.pay-by-cc, .pay-by-pp {
	margin-bottom: 1rem;
}

.pay-by-pp input[type="radio"] {
	float: left;
	margin-top: 13px;
}

/*
	---------------------------------------------------------------------------
		RO Default Swappable Header
	---------------------------------------------------------------------------
*/

.swapHeader {
	font-size: 11px;
}

.affiliate_logo {
	border-bottom: 1px solid #6699CC;
	padding-bottom: 0 2.083333333333333% 1.041666666666667% 0;
	margin: 0 2.083333333333333% 1.041666666666667% 0;
}

a.second_logo {
	float: right;
}


/*
	---------------------------------------------------------------------------
		RO Default Event Styling
	---------------------------------------------------------------------------
*/

div.event-signup #id_act {
	width: 100%;
}

div#content div.event-signup {
	padding-top: 2rem;
}

.event-signup p.large.loud.compact {
	font-weight: 900;
}

.event-attendee-count {
	text-transform: capitalize;
}

div#content div.event-signup .gridded label {
	display: inline-block;
	text-align: left;
	width: 20%;
	text-transform: capitalize;
}

div#content div.event-signup .gridded input, 
div#content div.event-signup .gridded select {
	left: 130px;
}

#content-wrapper div.event-signup .custom_field label {
	display: initial;
	text-align: left;
	width: 100%;
	padding-right: 1rem;
}

div.event-signup ul.events {
	margin: 0 0 1.5em 0;
}

#content-wrapper div.event-signup .custom_field {
	width: 100%;
}

@media screen and (min-width: 768px) {
	ul.events {
		width: 57.5%;
	}
}

li.event {
	margin-bottom: 2rem;
	padding: 1rem;
}

li.event:nth-child(even) {
	border: 5px solid #C3C2C2;
	border-radius: 6px;
}

li.event:nth-child(odd) {
	background-color: #E5ECF9;
	border-radius: 6px;
}

li.event .event-title {
	font-size: 1.5rem;
	margin-bottom: 1rem;
	display: block;
}

li.event .event-venue span {
	font-weight: bold;
}

li.event .event-distance {
	display: none;
}

li.event .event-city-etc {
	margin-bottom: 1rem;
}

li.event .event-time {
	margin-bottom: 1rem;
}

li.event .event-time span {
	font-weight: bold;
}

li.event .event-directions {
	margin-bottom: 1rem;
	line-height: 18px;
}

li.event .event-description {
	margin-bottom: 1rem;
	line-height: 18px;
}

li.event .event-directions span {
	font-weight: bold;
}

#content #map {
	width: auto;
}

#map .sponsors {
	margin-top: 2rem;
	font-size: 1.25rem;	
}

#map .sponsors li {
	margin-bottom: 0.5rem;
}

.sponsors-mobile {
	display: none;
}

/* Small Mobile for Event Search */
@media only screen and (max-width: 40em) {
	#content #map {
		position: relative;
		padding: 0;
		margin: 0 auto 2rem auto;
		float: none;
		width: 100%;
	}

	#content #map img {
		width: inherit;
		height: inherit;
	}

	#map .sponsors {
		display: none;
	}

	.sponsors-mobile {
		margin-top: 2rem;
		display: block;
	}
}

/* Medium Mobile for Event Search */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	#event-search-results #map {
		padding: 1rem 0rem 0.5rem 1rem;
	}

	#event-search-results #map img {
		width: 250;
		height: 250;
	}
}

/* Small Mobile for Events */
@media only screen and (max-width: 40em) {
	.event-signup #map {
		float: none;
		position: relative;
		padding: 0;
		margin: 0 auto 2rem auto;
	}

	#content .bar-holder {
		width: 100%;
		margin-bottom: 2rem;
		float: none;
		text-align: center;
	}

	#content #event-attendee-details {
		width: 100%;
		float: none;
	}
}

/* Medium Mobile for Events */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	div.event-signup #map {
		position: relative;
		margin: 0 auto;
	}
}

/* event_attendee_tools.html */
.bar-holder {
	/*margin-top: 2rem;*/
}

.bar-holder a:hover {
	color: #7E7E7E;
}

#event-attendee-details {
	width: 50%;
	background-color: #E5ECF9;
	border-radius: 6px;
	padding: 1rem;
	margin-top: 2rem;
}

#event-attendee-details h2 {
	font-size: 1.5rem;
	color: black;
}

#event-attendee-details .event-time, #event-attendee-details .event-description, #event-attendee-details .event-directions,
#event-attendee-details .event-note-to-attendees, #event-attendee-details .event-address-content {
	margin-bottom: 1rem;
}	

#content .directions-form {
	margin: 0;
	text-align: left;
	margin-top: 0.5rem;
}

.event-search {
	margin-top: 2rem;
}

/* For host pages (event_attendee_tools.html) */

.event-venue,
.event-address,
.event-time {
	padding-top: 0.5rem;
}

.event-description,
.event-directions,
.event-note-to-attendees,
.event-signup-link {
	padding-top: 1rem;
}

/*
	New Donate Page Styles
*/

.amount-wrapper input {
	display: none;
}

.amount-wrapper {
	float: left;
	margin-bottom: .5rem;
	text-align: center;
	width: 33%;
}

.amount-wrapper label {
	background: white;
	border: 2px solid #dfa215;
	color: black;
    display: block;
    margin: 0.25rem 1rem;
	padding: 0.25rem 1rem;
	cursor: pointer;
	transition: 300ms;	
}

.amount-wrapper label:hover {
	background: #6a4d0a;
	color: white;
}

.amount-wrapper input:checked + label {
	background: #6a4d0a;
	color: white;
}

#type .amount-wrapper {
	float: none;
	width: 50%;
}

.payment-processor-selection .amount-wrapper {
	display: block;
	float: none;
	width: 100%;
}

.payment-processor-selection .amount-wrapper label {
	margin-left: 0;
	margin-right: 0;
}

.payment-icon {
	float: left;
	font-size: 1.15rem;
	margin-top: 11px;
	text-align: center;
	width: 20%;
}

.payment-text {
	float: left;
	width: 80%;
}