/* WordPress Presentational Styles*/
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left; margin:0 15px 5px 0; }
.alignright { float:right; margin:0 0 5px 15px; }
.wp-caption { border:none text-align:center; background:transparent; padding:10px; margin:10px }
/* WordPress Presentational Styles*/

@font-face {
    font-family: 'nexa';
    src: url('../fonts/fontfabric_-_nexathin-webfont.eot');
    src: url('../fonts/fontfabric_-_nexathin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontfabric_-_nexathin-webfont.ttf') format('truetype'),
         url('../fonts/fontfabric_-_nexathin-webfont.svg#nexa_thinregular') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'nexa';
    src: url('../fonts/fontfabric_-_nexa-book-webfont.eot');
    src: url('../fonts/fontfabric_-_nexa-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontfabric_-_nexa-book-webfont.ttf') format('truetype'),
         url('../fonts/fontfabric_-_nexa-book-webfont.svg#nexa_bookregular') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'nexa';
    src: url('../fonts/fontfabric_-_nexaregular-webfont.eot');
    src: url('../fonts/fontfabric_-_nexaregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontfabric_-_nexaregular-webfont.ttf') format('truetype'),
         url('../fonts/fontfabric_-_nexaregular-webfont.svg#nexa_regularregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'nexa';
    src: url('../fonts/fontfabric_-_nexa-bold-webfont.eot');
    src: url('../fonts/fontfabric_-_nexa-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontfabric_-_nexa-bold-webfont.ttf') format('truetype'),
         url('../fonts/fontfabric_-_nexa-bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'nexa';
    src: url('../fonts/fontfabric_-_nexablack-webfont.eot');
    src: url('../fonts/fontfabric_-_nexablack-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/fontfabric_-_nexablack-webfont.ttf') format('truetype'),
         url('../fonts/fontfabric_-_nexablack-webfont.svg#nexa_blackregular') format('svg');
    font-weight: 800;
    font-style: normal;
}


.left {float:left}
.right {float:right}
.clear {clear:both}

* {margin:0; padding:0;}
html, body {height:100%}

body{
	font-family: 'nexa', sans-serif;
	font-weight:300;
	font-size: 14px;
	line-height: 18px;
	color: #58595b;
	background:#fff;
	padding:53px 0 0 0;
}

h1 {font-family: 'nexa', sans-serif; margin-bottom:0; color:#003a5d; font-size:44px; line-height:44px; font-weight:100; letter-spacing:-.01em;}
h2 {font-family: 'nexa', sans-serif; margin-bottom:5px; color:#003a5d; font-size:40px; line-height:44px; font-weight:100; letter-spacing:-.01em;}
h3 {font-family: 'nexa', sans-serif; margin-bottom:10px; color:#003a5d; font-size:26px; line-height:28px; font-weight:100; letter-spacing:-.01em;}
h4 {font-family: 'nexa', sans-serif; margin-bottom:10px; color:#003a5d; font-size:18px; line-height:18px; font-weight:800;}
h5 {font-family: 'nexa', sans-serif; margin-bottom:10px; color:#58595b; font-size:21px; line-height:24px; font-weight:300;}
h6 {font-family: 'nexa', sans-serif; margin-bottom:10px; color:#003a5d; font-size:14px; line-height:18px; font-weight:600;}

p{margin-bottom:14px;}

a, a img {outline:none; border:none; color:#003a5d; text-decoration:none;}
a:hover, a:active {text-decoration:none;}

#wpadminbar {display:none !important;}


/*******************************************************************************
GENERAL STYLES
*******************************************************************************/
.rowOuter { width:100%;}
	.rowInner { transition:1.0s;width:100%; max-width:950px; padding:0 10px; margin:0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	
.field { border:1px solid #a9a8ab; margin-bottom:5px; padding:9px; font-size:15px; color:#666; width:100%; background:#f3f3f3; font-family: 'nexa', sans-serif; font-weight:300; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.tabBtn { width:100%; display:block; padding:5px 0 0 0; margin:2px 0 0 0; height:30px; line-height:14px; background:url(../images/bg-btn.png) center top no-repeat; background-size:100% 100%; text-align:center; color:#fff; font-weight:600;}

.widgetBox, .widgetBox * {width:100% !important;}

/*FB widgets*/
#fbSEOComments {width:100% !important;}
.fb_iframe_widget, .fb_iframe_widget *, .pluginSkinLight div {width:100% !important;}

/*Parsley*/
.parsley-error {color:#F00 !important; text-decoration:blink !important;}
.parsley-error-list {display:none !important;}
	
/*Effects*/
.shadowBottom{
	-webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, .3);
	-moz-box-shadow: 	0px 1px 7px 0px rgba(0, 0, 0, .3);
	box-shadow: 		0px 1px 7px 0px rgba(0, 0, 0, .3); 
} 
	

/*******************************************************************************
TOP ROW
*******************************************************************************/
#topRow {background:#fff; padding:18px 0 15px; position:fixed; top:0; z-index:9999}
	#topRow .rowInner {}
	
	#nav {float:left; list-style:none; margin:2px 0 0 0;}
		#nav li {float:left; margin:0 25px 0 0;}
			#nav li a {font-weight:100; font-size:15px; color:#003a5d; line-height:15px;}
			
	#socnet {float:right; list-style:none;}
		#socnet li {float:left; margin:0 0 0 25px;}
		#socnet li i { font-size:20px; color:#003a5d; float:left; margin:0 12px 0 0;}
		#socnet li .count {color:#a9a8ab; font-size:12px; float:left;}
		

/*******************************************************************************
BANNER ROW
*******************************************************************************/

/*HOME BANNER*/
#bannerRow { background:#797979;}
	#bannerRow .rowInner {max-width:1600px; padding:0; position:relative;}
	#bannerRow #bannerImage {width:100%; position:relative; z-index:1}
		#bannerRow #bannerImage img {width:100%; height:auto; display:block;}
	
	#bannerRow.homeBanner #bannerPetition {position:absolute; height:395px; width:382px; top:50%; left:50%; margin:-197px 0 0 -415px; z-index:2; text-align:center;}
		#bannerRow.homeBanner #bannerPetition .top {}
			#bannerRow.homeBanner #bannerPetition .top img {width:100%; height:auto; float:left;}
		#bannerRow.homeBanner #bannerPetition .mid { padding:10px 35px 15px; background:url(../images/bg-petition_mid.png) center top repeat-y; background-size:100% 5px;}
			#bannerRow.homeBanner #bannerPetition .mid h2 { padding:0 0 10px 0; margin:0 0 18px 0; border-bottom:1px solid #a9a8ab;}
			#bannerRow.homeBanner #bannerPetition .mid h4 {margin-bottom:15px;}
			#bannerRow.homeBanner #bannerPetition .field {text-align:center;}
		#bannerRow.homeBanner #bannerPetition .bot {height:75px; background:url(../images/bg-petition_bot.png) center top no-repeat; background-size:100% 100%;}
			#bannerRow.homeBanner #bannerPetition .bot input {width:90%;}
		
	
	#bannerRow #pageTitle {position:absolute; bottom:5%; left:0; right:0; z-index:2;}
		#pageTitleInner { width:100%; max-width:950px; padding:0 10px; margin:0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color:#fff; font-size:80px; line-height:82px; letter-spacing:-3px;}
		
#bannerRow.subPage {margin-top:90px;}


/*******************************************************************************
LOGO ROW
*******************************************************************************/

#logo.default {z-index: 9999; position:fixed; top:0px; width: 249px; margin-left: -125px; left:50%;}

#logoRow {background:#fff; padding:22px 0}
	#logoRow .rowInner {position:relative; }
	#logo.home { width:249px; height:160px; position:absolute; left:50%; top:-60px; margin:0 0 0 -125px; z-index:9999;}
	
		#logo img {width:100%; height:auto; display:block;}
	
	#logoNavItem {width:100%; max-width:275px; text-align:center; font-size:11px; font-weight:400;}
	.actNav {float:left;}
	.donateNav {float:right;}
		.logoNavSlide {margin:10px 0 0 0;}
		
#logoRow.subPage {position: fixed; top: 53px; left: 0; z-index: 99;}

#logoRow.sticky {display:none; position:fixed; top:53px;z-index:999;}
#logo.sticky {display:none;position:fixed;top:0px;left:50%;margin-left:-125px;}
	

/*******************************************************************************
FACEBOOK ROW
*******************************************************************************/
#facebookRow {background:#f0f0f0; padding:50px 0 40px;}
	#facebookRow .rowInner {max-width:800px;}
		#fbBox { padding:0 0 0 75px;}
			#fbBox i {float:left; margin:0 0 0 -75px; color:#a9a8ab; font-size:65px;}	
			#fbBoxInner {float:left; width:100%; }
				#fbBoxInner #likeBoxWidget {height:50px; margin:7px 0; overflow:hidden;}
					#fbBoxInner #likeBoxWidget iframe {margin:-98px 0 0 0; width:103% !important;}
					#fbBoxInner #likeBtnWidget iframe {margin:0 0 0 10px;}
					

/*******************************************************************************
NEWS SEARCH ROW
*******************************************************************************/
#newsSearchRow {background:#f0f0f0; padding:35px 0 30px;}
	#newsSearchRow .rowInner { text-align:center}
		#newsSearchRow #searchBox { border:12px solid #a8a8a8; display:inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:#fff; max-width:425px; width:100%;}
		#newsSearchRow .field {width:80%; float:left; background:#fff; border:none; margin:0;}
		#newsSearchRow .submit {font-family: FontAwesome; width:20%; float:left;background:#fff; border:none; height:38px; line-height:38px; font-size:24px; color:#a8a8a8; text-align:right; padding:0 10px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; border-radius: 0;}
		
		
/*******************************************************************************
SOLUTIONS NAV ROW
*******************************************************************************/
#solNavRow {background:#f0f0f0; padding:0;}
	#solNavRow .rowInner { text-align:center}
		#solNavRow .navItem {width:10.9%; padding:5% .80%; float:left;}
			#solNavRow .navItem img {width:100%; height:auto;}
			
			.solEcon img 	{background:url(../images/issues-econ.png) top center no-repeat; background-size:100% auto;}
			.solEnergy img	{background:url(../images/issues-energy.png) top center no-repeat; background-size:100% auto;}
			.sol2Amend img	{background:url(../images/issues-2ndamend.png) top center no-repeat; background-size:100% auto;}
			.solBudget img	{background:url(../images/issues-budget.png) top center no-repeat; background-size:100% auto;}
			.solHealth img	{background:url(../images/issues-health.png) top center no-repeat; background-size:100% auto;}
			.solEdu img		{background:url(../images/issues-edu.png) top center no-repeat; background-size:100% auto;}
			.solValues img	{background:url(../images/issues-family.png) top center no-repeat; background-size:100% auto;}
			.solGov img		{background:url(../images/issues-gov.png) top center no-repeat; background-size:100% auto;}
			
			.solEcon:hover img, .solEcon.active img 	{background-position:0 100%;}
			.solEnergy:hover img, .solEnergy.active img	{background-position:0 100%;}
			.sol2Amend:hover img, .sol2Amend.active img	{background-position:0 100%;}
			.solBudget:hover img, .solBudgey.active img	{background-position:0 100%;}
			.solHealth:hover img, .solHealth.active img	{background-position:0 100%;}
			.solEdu:hover img, .solEdu.active img		{background-position:0 100%;}
			.solValues:hover img, .solValues.active img	{background-position:0 100%;}
			.solGov:hover img, .solGov.active img		{background-position:0 100%;}
			
			.solEcon.active		{background-color:#fbfbfb;}
			.solEnergy.active	{background-color:#fbfbfb;}
			.sol2Amend.active	{background-color:#fbfbfb;}
			.solBudget.active 	{background-color:#fbfbfb;}
			.solHealth.active 	{background-color:#fbfbfb;}
			.solEdu.active 		{background-color:#fbfbfb;}
			.solValues.active 	{background-color:#fbfbfb;}
			.solGov.active 		{background-color:#fbfbfb;}
			

/*******************************************************************************
MAIN ROW
*******************************************************************************/
#mainRow {background:#fbfbfb; padding:35px 0 55px;}
	#mainRow .rowInner {max-width:840px;}
	
	/*GENERAL*/
	.itemImage {border-bottom:1px solid #efefef;}
		.itemImage img {width:100%; height:auto; display:block;}
	.itemContent {padding:45px 4.25% 25px;}
		.itemContent ul, ol { margin: 0 0 1.5em 2em;}
		.itemContent ul li, .itemContent ol li{ margin: 0 0 .5em 0;}
		.itemContent ul ol, .itemContent ul	 ul, .itemContent ol ul, .itemContent ol ol { margin-top: .75em;}
		.itemFooter {padding:20px 0 0 0;}
				.itemFooter .readmore {float:left; color:#003a5d; font-weight:300;}
				.itemFooter .shareBtns {float:right; color:#a9a8ab; font-size:13px; font-weight:100;}
					.itemFooter .shareBtns i { font-size:16px; color:#003a5d; margin:0 0 0 12px;}
				.itemFooter .commentsBar { margin:20px 0 0 0; padding:20px 0 0 0; border-top:1px solid #a8a8a8; color:#a8a8a8; font-size:13px; line-height:13px; width:100%;}
					.itemFooter .commentsBar .commentCount {float:left;}
					.itemFooter .commentsBar .commentAdd	{float:right;}
	
	/*NEWS*/
	#newsNavBar {margin:0 0 45px 0}
		.newsNavItem { width:31%; margin:0 1%; float:left; }
			.newsNavDropBtn {height:33px; padding:0 15px; color:#fff; font-size:12px; line-height:33px; background:#003a5d;}
				.newsNavDropBtn i {float:right; line-height:33px;}
			.newsNavDropList {list-style:none; display:none;}
			.newsNavDropList li {padding:7px 14px 6px; border-bottom:1px solid #efefef; border-left:1px solid #efefef; border-right:1px solid #efefef; display:block; background:#FFF;}
				.newsNavDropList li a {color:#a8a8a8; display:block; font-size:11px; line-height:11px;}
				.newsNavDropList li a:hover {color:#003a5d}
			
	.newsItem {background:#fff; border:1px solid #efefef; margin-bottom:25px;}
					
	.loadMore {width:100%; text-align:center; margin:20px 0 0 0;}
		.loadMore a {color:#a0a0a0; font-size:15px;}
		
	.next-link {width:0; height: 0; overflow: hidden;}
		
	/*BIO*/
	.bioItem {background:#fff; border:1px solid #efefef; margin-bottom:25px;}
	    .bioItem .itemImage {position:relative;}
		.bioQuote { float:right; padding:10px 0 5px 20px; font-size:24px; line-height:28px; color:#a8a8a8; font-style:italic; width:230px;}
			.bioQuote .sig {color:#003a5d; font-style:normal;}
			
	.overlay {background:url('../images/video-overlay.png') no-repeat center center; position:absolute; width:100%; height:100%;top:0; left:0; cursor:pointer;}
					
	/*SOLUTIONS*/
	.solItem {background:#fff; border:1px solid #efefef; margin-bottom:25px; display:none}
	.solItem.solEcon {display:block;}
	
	/*CONNECT*/
	.fieldBox { float:left; width:55%; margin:0 0 25px 0}
		.fieldBox .field { width:100%; border:none; margin:0 0 20px 0; background:#f0f0f0; text-indent:4%; line-height:54px; font-size:18px; float:left;}
		.fieldBox .field.med { width:60%; float:left; text-indent:6.66%;}
		.fieldBox .field.small{ width:37%; margin:0 3% 0 0; float:left; text-indent:10.5%;}
	
	.checkBox { float:right; width:35%; margin:0 0 25px 0;}
		.checkBox h2 {font-size:30px; line-height:32px; max-width:275px}
		.checkBox .checkItem {padding:0 0 0 25px; line-height:20px; margin:0 0 18px 0}
		.checkBox .checkItem input {margin:0 0 0 -25px; float:left; height:16px; width:16px; background:#f3f3f3;}
		.checkBox .checkItem label { float:left; font-size:15px; color:#003a5d;}
	.connectForm .submit {max-width:250px; border:none; padding:0 0 5px 0; -webkit-appearance: none; border-radius: 0;}
	
	/* COMMENTS */
	#respond.comment-respond {display:none !important;}
	
/*******************************************************************************
FOOTER ROW
*******************************************************************************/
#footerRow {background:#f0f0f0; padding:80px 0 40px;}
	#footerRow .rowInner {text-align:center; position:relative}
		
		#footLogo { width:146px; height:83px; position:absolute; left:50%; top:-100px; margin:0 0 0 -73px; z-index:9999;}
		#disclaimer {display:inline-block; padding:3px 10px; border:1px solid #b3b3b3; color:#b3b3b3; font-size:12px; margin:0 0 20px 0; letter-spacing:-.01em;}


/*******************************************************************************
FAQ PAGE
*******************************************************************************/
.page-template-page-faq #bannerRow {display:none;}

#faqBannerRow { background:#00395b; margin-top:90px; padding:0 4.6875%; width:90.625%;} 
	#faqBannerRow .rowInner {max-width:1000px; padding:0;}
		#faqBannerRow .rowInner h1 {font-family: 'nexa', sans-serif; margin-bottom:0; color:#fff; font-size:60px; line-height:1; font-weight:100; letter-spacing:-.05em; padding:15% 0 7.5% 0;}
		
.faqItem {background: #fff; border: 1px solid #efefef; margin:2% 0 9%; padding:8% 5%;}
.faqItem h2 {font-family: 'nexa', sans-serif; padding-bottom:10px; color:#003a5d; font-size:26px; line-height:1.2; font-weight:400; letter-spacing: normal; border-bottom:1px solid #a8a8a8;}	
	
.faqList {list-style:none;}
.faqList > li { padding:24px 0; border-bottom:1px solid #a8a8a8;}

.faqList > li .dropTitle {}
.faqList > li .dropTitle h3 {font-family: 'nexa', sans-serif; margin-bottom:0; color:#003a5d; font-size:21px; line-height:1; font-weight:800; letter-spacing: normal; display:flex; justify-content:space-between; align-items:center;}
.faqList > li .dropTitle h3:after {content:'\f196'; color:#003a5d; font-weight:400; font-family: 'FontAwesome'; margin:0 0 0 .25em;}	
.faqList > li .dropTitle.open h3:after {content:'\f147';}

.faqList > li .dropContent {display:none; width:100%; font-family: 'nexa', sans-serif; font-size:14px; color:#58595b; margin-top:15px;}
.faqList > li .dropContent >*:last-child {margin-bottom:0;}

.faqList .dropContent > ul, .faqList .dropContent > ol {margin: 0 0 1.5em 1em;}
.faqList .dropContent > ul {list-style:disc;}
.faqList .dropContent li {margin: 0 0 .5em 0;}
.faqList .dropContent ul ul, .faqList .dropContent ul ol, .faqList .dropContent ol ul, .faqList .dropContent ol ol {margin: .5em 0 0 1em; list-style:circle;}

@media only screen 
and (max-width : 768px)
{
	#faqBannerRow { margin-top:0;}
	#faqBannerRow .rowInner h1 {font-size:42px;}
}

@media only screen 
and (max-width : 480px)
{
	#faqBannerRow .rowInner h1 {font-size:24px;}
	.faqItem h2 {font-size:21px;}
	.faqList > li .dropTitle h3 {font-size:18px;}
}
