/*
overrides to responsive styles on donation form
*/

div.responsive, P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit {
	font-family: "Noto sans", "Arial";
	font-weight: 400;
	font-size:18px;
	line-height:30px;
}
.mobile div.donation-form-container.responsive {
    padding: 5px;
}

#header .section a#logo img {
	width: auto;
}

/* right col styles */
#rightCol a {
	color: #5e5e58;
	text-decoration:none
}
#rightCol {
	float:left;
	width:auto;
	background: #f3f3f3;
	margin:0 10px;
	color: 5e5e58;
	margin-top:0px
}
#rightCol ul {
	list-style:none;
	padding:0;
	margin:0
}
#rightCol li {
	padding:15px 20px;
	border-bottom:1px dotted #ccc;
	margin:0px !important
}
#rightCol ol {
	padding:15px 0 0 20px;
	margin:0;
	list-style:decimal
}
#rightCol ol li {
	padding:0 0 10px 0;
	border: none;
	font-size:0.9em
}
#rightCol .moreWays {
	list-style-image:url(../../images/lambda/list_style_arrow.jpg);
	margin-left:-5px
}
#rightCol p {
	font-size:0.9em
}
#pagebody {
	width:100%;
	float:left
}
#rightCol {
	width:23%;
	float:left;
	margin-bottom:10px
}
/*-- end right col styles --*/


#main {
	margin-bottom: 30px;
	overflow:hidden;
	width: auto;
}

/* donation form styles */
.intro h1 {
	    margin-top: 0px;
    font-family: "Noto Sans";
    text-transform: uppercase;
    font-size: 32px;
    letter-spacing: 4px;
padding-bottom:25px;
background: url(https://www.lambdalegal.org/sites/all/themes/lambda2013/images/title-underscore.png) bottom left no-repeat;
}
img.introImage {
	float:right;
	padding-left:20px;
}

#rsvp_cancel {
display:none;
}

div.responsive button.action-button {
background: #992487;
    border: none;
    color: #fff;
    font-size: 21px;
    border-radius: 0px;
    padding: 20px;
    display: block;
    text-transform: uppercase;
    float: left;
}

div.responsive button.action-button:hover {
background: #992487;
text-decoration:underline;
}

div.donation-form-container.responsive {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	padding: 0;
	width: auto;
}
.donation-levels {
	display:none;
}
.monthly_amounts {
	color: #000000;
	height: auto;
	margin-right: 0;
	overflow: hidden;
	width: auto;
}
.monthly_amounts .intro {
    padding: 15px 15px 15px 30px;
    font-size: 14px;
    background: #0067bb;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    width: 330px;
	
}
.monthly_amounts table {
	margin-top: 5px;
}
.onetime_amounts table {
	margin: 10px 0 0;
}

#recurring_amounts {
    padding-left:25px!important;
    padding-top: 30px!important;
    padding-bottom: 20px!important;
        background-color: #e9e9e9;
}

.onetime_amounts .intro {
	padding: 10px 0 15px 15px;
    font-size: 23px;
}
.display_amount {
	font-weight: bold;
	font-size: 14px;
}
.monthly_amounts .display_amount {
	color: #58595b;
    	font-size: 36px;
   	 font-weight: normal;
	padding-right:90px;
}
.onetime_amounts .display_amount {
	color: #58595b;
    	font-size: 36px;
   	 font-weight: normal;
	padding-right:80px;
}
.blurb {
	padding-left: 5px;
	padding-top:5px;
}
.blurb .gift {
	width: 225px; 
	float: left; 
	line-height: 16px; 
	color: #fff;
	font-style:italic;
}
tr.set_amounts td {
	font-size: 12pt;
	padding-right:5px;
	vertical-align:top;
    padding-top: 10px;
    padding-bottom: 10px;
}
.onetime_amounts {
	margin-top: 2px;
	min-height: 75px;
	border-radius:0 0 3px 3px;
	background-color: #e9e9e9;
    	color: #000000;
    	height: auto;
    	margin-right: 0;
    	overflow: hidden;
    	padding: 10px 15px;
    	width: auto;
}
.DonationLevelOtherAmount {
	width:60px
}

div.payment-field-container span.payment-type-option.selected {
    background: #0067bb;
    cursor: pointer;
    color: #fff;
    padding: 20px 30px;
}

.Button {
    font-family: "noto sans", helvetica;
    background: #9d0389;
    color: white;
border-radius: 3px;
    padding: 10px 20px;
    display: block;
    text-transform: uppercase;
    cursor: pointer;
    float: left;
    margin-bottom: 30px;
margin-right:10px;
font-size:18px;
-webkit-appearance: none;
}

.Button:hover {
text-decoration:underline;
}

/* -- end donation form styles --*/

/* footer style overrides */
#footer-lower a,
#footer-lower P, 
footer-lower LI, 
footer-lower OL,
footer-lower UL,
footer-lower TABLE,
footer-lower TR,
footer-lower TH,
footer-lower TD,
footer-lower .Explicit {
    font-family: "Noto Sans",arial;
    font-size: 12px;
}
/*-- end footer styles --*/

/* mobile responsive */
@media only screen and (max-width: 1015px) {
	#pagebody {
		width:auto;
		float:none;
		margin:0px;
	}
	#rightCol {
		width:auto;
		float:none
	}
}
@media (max-width: 900px) {

#main-wrapper {
padding: 0px 5px;
}

  #form_container_custom table td {
display:block;
}
}
@media (max-width: 800px) {
.bottomcolumn {
width:100%;
padding:0 20px;
}
}

@media only screen and (max-width: 768px) {
	/* donation form */
	#main {
		width:auto;
	}
	div.blurb div,  div.newAmounts {
		width: auto !important;
	}
	.blurb .gift {
		padding-top:20px;
	}
	#form_container_custom table td {
		display:block;
	}
	#pagebody {
		width:auto;
		float:none;
		margin:0px;
	}
	#rightCol {
		width:auto;
		float:none
	}
	.mobile div.html-caption-container {
		width:auto;
	}
img.introImage {
display:none;
}
}

@media (max-width: 700px) {

/* #billing-info-table tbody tr:first-child {
display:block;
} */

#billing-info-table tbody td:nth-child(3) {
display:block;
}
}

@media only screen and (max-width: 450px) { 
  img.introImage { 
   display:none;
  } 

h2 {
font-size:22px;
}

p {
font-size: 15px;
    line-height: 24px;
}

.questions {
padding:0 20px;
}

.monthly_amounts .intro {
font-size:10px;
width:180px;
}

}