@charset "UTF-8";

/*------------WP Plug------------*/
/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
/*------------END Plug------------*/


@media only screen and (max-width: 1024px)
{
	.leftmenu								{width: 100%; padding: 30px 0; float: none;}
	.leftmenu a								{padding: 0 5%}
	.rightsocial							{width: 100%; padding: 15px 0; float: none;}
	 	.navsocial      					{width: 15%; margin: 0 3% 0 3%;}
		.navdonatetoday						{width: 19%; margin: 0 3%;}
		
	.doublesectionliner						{}
	.doublesectionlinercontrol				{max-width: 711px; height: 72px; padding: 0 0px; }
	.doublesectionlinerleft					{width: 288px; background: url(../img/section_liner_right_small.jpg) bottom center no-repeat; float: left; margin: 0 0 0 11%;}
	.doublesectionlinerright				{width: 288px; background: url(../img/section_liner_right_small.jpg) bottom center no-repeat; float: left; margin: 0 0 0 1%;}

	.pagecontent							{max-width: 711px; height: auto; padding: 20px 0; margin: 0 auto; }
	
	.leftcolumn								{width: 288px; margin: 0 30px 0 11%; float: left; }
		.leftcolumnitemgraphic				{float: none; margin: 0 auto; height:auto; max-height:223px; overflow:hidden;}
		.leftcolumnitemnews					{max-width: 228px; max-height: none; height: auto; margin: 0 auto 32px auto; float: none;}
			
			.loadmorenewsbutton				{width: 262px; margin-bottom: 50px;}
				
	.rightcolumn							{width: 270px; margin: 0 0 0 0; height: auto; float: left;}

/*____________________NEWS PAGE____________________*/
	#newspagecontent						{width: 711px; height: auto; padding: 20px 0 20px 0; margin: 0 auto; }
	#newspageleftcolumn						{width: 288px; margin: 0 30px 0 11%; float: left; }
		.newspageleftcolumnitemgraphic		{float: none; margin: 0 auto; max-height: 223px; width: 288px; height:auto; overflow:hidden;}
		.leftcolumnitemgraphic img			{height: 223px; width: 100%;}
		.newspageleftcolumnitemnews			{width: 228px; max-height: none; height: auto; margin: 0 auto 32px auto; float: none;}
			
			.newspageloadmorenewsbutton		{width: 262px; margin-bottom: 50px;}
		
	#newspagerightcolumn					{width: 288px; margin: 0 0 0 0; height: auto; float: left;}
		
	#newsfacebookwidget						{max-width: 236px; max-height: none; height: auto; padding: 22px 25px;}
	#newstweeterwidget						{max-width: 230px;max-height: none;height: auto;padding: 22px 15px;}


/*____________________ISSUES PAGE____________________*/
#issuespagecontent							{max-width: 711px; height: auto; padding: 0 0 30px 0; margin: 20px auto 0 auto; }

	#issuespageleftcolumn					{width: 711px; height: auto; margin-right: none; float: none; margin: 0 auto 20px auto; }
		.issuespageleftcolumntop			{width: 635px; padding: 55px 38px; background: #ffffff; margin: 0px; }
			.issuespagetopictitle			{font-size: 37px; color: #4e798c; text-transform: capitalize;}
			
		.issuespageleftcolumngraphic		{width: 711px; background: url(../img/issues_topic_andyuseshands.jpg) top left no-repeat; background-size: cover;}
		.issuesarticle						{width: 635px; height: 120px; padding: 35px 38px 20px 38px; background: #ffffff; }
			.issuespagesmalltitle			{display: block; padding: 8px 0; font-family: 'Montserrat' sans-serif; font-size: 22px; font-weight: 300;}
			.issuespagetopictext			{font-size: 13px; overflow: hidden;}
			.issuesarticlesubtitle			{display: block; font-size: 13px; font-weight: bold;}		
			.issuesreadmorelink				{padding-top: 7px; font-family: 'Montserrat' sans-serif; font-size: 14px ; color: #4e798c; font-weight: bold;}
			
	#issuespagerightcolumn					{width: 100%; height: auto; float: none; margin: 0 auto;}
		.issuespagecategories				{width: 80%; padding: 23px 10%; text-align: center;}
		.issuespagecategories ul			{padding-left: 0;}
		.issuespagerightcolumnblock			{}
			
	#issuespagetweeterwidget				{display: none;}	

	.issuesdoublesectionlinercontrol		{max-width: 288px; height: 72px; padding: 0 0px; }
	.issuesdoublesectionlinerleft			{width: 288px; background: url(../img/section_liner_right_small.jpg) bottom center no-repeat; float: left; margin: 0 auto;}
	.issuesdoublesectionlinerright			{display: none;}

/*____________________INDEX PAGE____________________*/
	#indexpageform							{max-width: 240px; padding: 22px 15px;}
	#facebookwidget							{max-width: 236px; padding: 23px 28px; }
	
	#rightcolumn .widget-container			{min-height:220px;height:auto;}
	#rightcolumn #indexpageform				{width:100%;}
	
/*_______________________MEET ANDY PAGE_______________________*/
	.meetandycontroller						{max-width: 709px; padding: 75px 0 75px 0px; margin: 0 auto;}
		.meetandypagegraphic				{width: 33%; background: url(../img/meetandy_baby_walks_full.jpg) bottom center no-repeat; float: left;}
		.meetandypagetext					{width: 57%; min-height: 454px; padding: 40px 5% 20px 5%; float: left; overflow: hidden;}
		.meetandypagetext p					{font-size: 13px;}

/*_______________________VISION PAGE_______________________*/
	.visionpagecontroller					{width: 711px; padding: 0 0 0 0; }
		.visionpagegraphic					{width: 711px; height: 352px;}
		.visionpagetext						{width: 591px;}	
		
		
	
	#footer									{max-width: 312px; padding: 22px 0px 60px 0; margin: 0 auto;}
	.footerleft								{width: 312px; height: 155px; float: left;}
		.footeraddy							{width: 50%; float: left;margin:0;}
		.footeremailandphone				{width: 50%; padding: 0 0 0 0; float: left;}
	.footermiddle							{width: 312px; padding: 0 0 0 0; float: left;}
	.footerright							{height: 20px; padding: 0 0 0 25px; }
	.footerright .leftmenu li				{float:left;}
	
	#meetandyfooter							{max-width: 312px; padding: 22px 0px 60px 0; margin: 0 auto;}
}

@media only screen and (max-width: 888px)
{
	#indextopgraphic						{position: static; height: auto; padding-top: 380px; }
	#quickjoinform							{width: 90%;padding: 40px 5%;position: absolute;margin: 0 auto;bottom: 0;left: 0;}
		.blueform							{width: 231px; padding: 26px 15px; margin: 0 auto;}
		.quickformfield						{display: block; width: 220px; margin: 0 auto 15px auto; }
		.quickzipfield						{display: block; width: 60px; margin: 0 15px 0 0;}

	.headergraphic							{height:440px;}
		
		
	/*____________________ISSUES PAGE____________________*/
#issuespagecontent							{max-width: 80%;}

	#issuespageleftcolumn					{width: 100%;margin-bottom:20px;}
		.issuespageleftcolumntop			{width: 90%; padding: 55px 5%;}
			
		.issuespageleftcolumngraphic		{width: 100%; background: url(../img/issues_topic_andyuseshands.jpg) top right no-repeat; background-size: cover;}
		.issuesarticle						{width: 90%; height: auto; padding: 35px 5% 20px 5%; background: #ffffff; }
			.issuespagesmalltitle			{display: block; padding: 8px 0; font-family: 'Montserrat' sans-serif; font-size: 22px; font-weight: 300;}
			.issuespagetopictext			{font-size: 13px; overflow: hidden;}
			.issuesarticlesubtitle			{display: block; font-size: 13px; font-weight: bold;}		
			.issuesreadmorelink				{padding-top: 7px; font-family: 'Montserrat' sans-serif; font-size: 14px ; color: #4e798c; font-weight: bold;}
			
	#issuespagerightcolumn					{width: 100%; height: auto; float: none; margin: 0 auto;}
		.issuespagecategories				{width: 80%; padding: 23px 10%; text-align: center;}
		.issuespagecategories ul			{padding-left: 0;}
		.issuespagerightcolumnblock			{}
			
	#issuespagetweeterwidget				{display: none;}	

	.issuesdoublesectionlinercontrol		{max-width: 288px; height: 72px; padding: 0 0px; }
	.issuesdoublesectionlinerleft			{width: 288px; background: url(../img/section_liner_right_small.jpg) bottom center no-repeat; float: left; margin: 0 auto;}
	.issuesdoublesectionlinerright			{display: none;}
	
/*_______________________SINGLE POSTS_______________________*/	
	.single-featured						{max-width:100%;}
	.single-featured img					{width:100%;height:auto;}
		
}

@media only screen and (max-width: 710px)
{
	.leftmenu								{width: 50%; padding: 30px 0; text-align: center; float: left;}
	.leftmenu li {float:left; width:50%;}
	.leftmenu a								{padding: 15px 6.55%; float: none; margin: 0 auto;}
	.rightsocial							{width: 50%; padding: 30px 0; text-align: center; float: left;}
	 	.navsocial, .navsocial:hover					{width: 80%; margin: 8px 5%; float: none;}
			.navsocial p			{padding: 11px 0px;}

		.navdonatetoday						{width: 85.5%; padding: 17px 0 7px 0; margin: 0px 5.5% 0px 4.5%;}
	
		.barrlogo							{width: 300px; height: 123px; background: url(../img/logo_main_brand_300W.png) top center no-repeat;}
	
	.doublesectionlinercontrol				{max-width: 310px; height: 72px; padding: 0 20px; }
	.doublesectionlinerleft					{width: 310px; float: none; margin: 0 auto;}
	.doublesectionlinerright				{display: none;}
		
	.leftcolumn								{margin: 0 auto; float: none; }
				
	.rightcolumn							{margin: 0 auto; float: none;}
		

/*_______________________NEWS PAGE______________________*/	
	#newspagecontent						{width: 100%; }
	#newspageleftcolumn						{width: 90%; margin: 0 5%; float: none; }
		.newspageleftcolumnitemgraphic		{float: none; margin: 0 auto;}
		.newspageleftcolumnitemnews			{margin: 0 auto; float: none;}
			
			.newspageloadmorenewsbutton		{width: 262px; margin: 0 auto 50px auto;}
		
	#newspagerightcolumn					{float: none; width: 288px; margin: 0 auto; height: auto;}
		
	#newsfacebookwidget						{max-width: 236px; max-height: none; height: auto; padding: 22px 25px;}
	#newstweeterwidget						{max-width: 230px;max-height: none;height: auto;padding: 22px 15px;}
	
/*_______________________MEET ANDY PAGE_______________________*/
	
	.meetandycontroller						{max-width: 320px; padding: 75px 0 75px 0px; margin: 0 auto;}
		.meetandypagegraphic				{width: 100%; float: none;}
		.meetandypagetext					{width: 90%; min-height: 454px; padding: 40px 5% 20px 5%; float: none; overflow: hidden;}
	
/*_______________________VISION PAGE_______________________*/
	.visionpagecontroller					{width: 310px; }
		.visionpagegraphic					{width: 310px; height: 153px; background: url(../img/vision_page_walking_medium.jpg) #069 top center no-repeat; float: none;}
		.visionpagetext						{width: 280px; padding: 20px 15px; height: auto; float: none;}

}

@media only screen and (max-width:640px) {

/*_______________________DONATE PAGE_______________________*/

	#Donation								{}
	#Donation input							{width: 90% !important;margin: 2% auto !important;padding: 4% 3%;}
	#Donation select						{margin: 2% 0;padding: 4% 3%;height: auto;width:40% !important ;min-width:70px;}
	#Donation label							{float: none;text-align: left;width: 90%;display: block;}
	#Donation .credit-card-container		{width: 90%;padding: 3%;}
	#Donation input[type=submit]			{text-align: center;width: 96%;}

	.headergraphic							{height:340px;}

	article form .checkbox					{float:none; width:96%;}

/*_______________________END DONATE PAGE_______________________*/
	
}
		
@media only screen and (max-width: 481px) {

	.pagecontent							{width: 100%; padding: 20px 0; margin: 0 auto; }
	
	.mobilemenu								{display:block;}
	
	.leftmenu								{width: 100%; display:none; padding: 0;}
	.leftmenu li {float:left; width:33.33%;}
	.rightsocial							{width: 90%; padding: 10px 5%;}
		.navsocial					{width: 92%; margin: 4px 2% !important;}
		.navsocial:hover			{width: 92%; margin: 4px 2% !important;}
			.navsocial p			{padding: 11px 0px;}
		.navdonatetoday						{width: 96%; padding: 17px 0 7px 0; margin: 4px 2% 4px 2%;}
	
	.rightsocial a:nth-child(2), .rightsocial a:nth-child(3), .rightsocial a:nth-child(4) {display:none;}
	
	.doublesectionlinercontrol				{max-width: 280px; height: 72px; padding: 0; margin: 0 auto; }
	.doublesectionlinerleft					{width: 90%; margin: 0 5%;}
		
	#newspagegraphic						{height: 220px; background: url(../img/topgraphic_news_page_responsive.jpg) top center no-repeat #193441;}
	#meetandytopgraphic						{height: 220px; background: url(../img/topgraphic_meetandy_page_responsive.jpg) top center no-repeat #193441;}
	#visiontopgraphic						{height: 220px; background: url(../img/top_02_res.jpg) top center no-repeat #193441;}
	#issuestopgraphic						{height: 220px; background: url(../img/top_01_res.jpg) top center no-repeat #193441;}
	#articlepagegraphic						{height: 440px;}
	#joinustopgraphic						{height: 220px; background: url(../img/topgraphic_joinus_page_responsive.jpg) top center no-repeat #193441;}
	
	.leftcolumn								{margin: 0 auto; float: none; }
				
	.rightcolumn							{margin: 0 auto; float: none;}
	
	#newspagerightcolumn					{width: 288px; margin: 0 auto; }
	
	.formContainer.donationRecur 			{margin-top:0px !important;}
	
	.footeraddy								{width: 180px; float: none; margin: 0 auto;}
	.footeremailandphone					{width:180px; padding: 0 0 0 0; float: none; margin: 0 auto 20px auto;}
	.footermiddle							{width: 302px; margin: 0 auto; padding: 0;}
	.footermiddle p							{padding: 15px 10px; }
	
	.joinuspagecontroller					{max-width: 870px; padding: 35px 30px 45px 30px; margin: 0 auto 90px auto; background-color: #ffffff;}

	.joinusformmedium						{width: 96%; padding: 9px 0 10px 2%; margin: 0 1% 18px 1%; float: none;}
		.joinusformlarge					{width: 96%; padding: 9px 0 10px 2%; margin: 0 1% 18px 1%; float: none;}
		.joinusformzip						{width: 96%; padding: 9px 0 10px 2%; margin: 0 1% 18px 1%; float: none;}
		
		.checkblock							{width: 226px; float: left}

}