/*
Theme Name:  Washingtonians for a Responsible Future
Description:  Site for Washingtonians for a Responsible Future.
Author:  Summit Strategy
Author URI: http://summitstrategy.com
Version:  2.0

 */
 
 
/* + Fonts + */


/* +++ Defaults +++ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1.4;
	color: #000;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
}

ol,ul {
	padding-left: 1.25em;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	vertical-align: middle;
}

caption,th,td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

a img {
	border: none;
}

html,body {
	height: 100%;
}

li {
	margin-top: .5em;
	margin-left: 1em;
}

h1,h2,h3,h4,h5,h6 {
	margin-top: .5em;
	margin-bottom: .5em;
	line-height: 1;
	font-family: 'ff-good-headline-web-pro-con', 'Trade Gothic LT Std', Calibri, Verdana, sans-serif;
}

body, input, textarea {
	color: #222;
	font-family: 'ff-good-headline-web-pro-con', 'Trade Gothic LT Std', Calibri, Verdana, sans-serif;
	font-size: 14px;
	line-height: 1.3;
}

p {
	margin: .5em 0 .5em 0;
}

a {
	color: #51405A;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #333;
	text-decoration: none;
}

/* Clearfix */
.group:before,.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/* +++ Wordpress Posts +++ */

.post {
	font-family: Calibri, Tahoma, Verdana, sans-serif;
	font-size: 1.4em;
	color: #111;
}	


.post p {
	font-family: Calibri, Tahoma, Verdana, sans-serif;
/* 	-webkit-font-smoothing: subpixel-antialiased; */
	color: #111;
	}

.post ul,.post ol {
	margin-bottom: 1.5em;
}

.post ul li {
	margin-left: .5em;
	line-height: 1.2;
}

.post ol li {
	margin-left: .5em;
	line-height: 1.2;
}

.post em {
	font-style: italic;
}

.post strong {
	font-weight: 700;
}


img.alignright {
	float: right;
	margin: 0 0 1em 1em;
}

img.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

::selection {
	background-color: #006188;
	color: #fff;
}

::-moz-selection {
	background-color: #006188;
	color: #fff;
}

/* +++ Structure +++ */
header#main_header {
	width: 100%;
	position: fixed;
	background-color: rgba(255,255,255,1);
	box-shadow: 0 0 5px rgba(30,30,30,.4);
	border-bottom: 5px solid white;
	z-index: 999;
	top: 0;
	left: 0;
}

header.header_top {
	background-color: rgba(255,255,255,1);
	}

.bodywidth {
	width: 1000px;
	margin: 0 auto;
	}

header#main_header h1 {
	width: 321px;
	height: 85px;
/*
	float: left;
	margin-top: 0;
*/
	margin-bottom: 0;
	position: absolute;
	bottom: 0;
	transition: .2s ease all;
	}

header#main_header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(images/logo_WRF_horiz.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-size: contain;
	text-indent: -9999em;
	overflow: hidden;
	}

header#main_header #joincampaign {
	float: right;
	text-align: right;
	min-width: 470px;
	margin: 1em 0 1em 0;
	}

#mobilenav {
	display: none;
	}

header#main_header nav {
	float: right;
	text-transform: uppercase;
	font-size: 1.8em;
	letter-spacing: .05em;
	margin: 1em 0 1em 0;
	width: 100%;
	transition: .3s ease margin;
	}

nav ul {
	text-align: right;
	margin: .25em 0 0 0;
	padding: 0;
	list-style: none;	
	}

header#main_header nav select {
	display: none;
	}
		

nav li {
	display: inline-block;
	padding: 0;
	margin: 0 0 0 .5em;
	position: relative;
	}

nav a {
	text-decoration: none;
	color: #333;
	padding: .3em .45em .2em .45em;
	transition: .3s ease color, .3s ease background;
	}

nav a:hover, nav a:focus {
	color: #76bd1d;
	}

.interior nav a {
	color: #777;
	}

nav .take_action > a {
	color: #fafafa;
	background-color: #76bd1d;
	}

nav .take_action > a:hover, nav .take_action > a:focus {
	background-color: #00396f;
	}

nav li ul {
	display: none;
}

nav li ul {
	display: none;
	margin: 0;
	height: auto;
	padding: .5em 15px .5em 15px;
	text-align: center;
	position: absolute;
	top: 1.3em;
	left: -80px;
	right: -80px;
	z-index: 10;
}

nav li ul li {
	margin: 0 ;
	padding: .25em 0 .25em 0;
	font-size: .9em;
	background-color: white;
	display: block;
	float: none;
}

nav li ul li a {
	margin: 0;
	padding: 0;
	color: #777;
}

nav li:hover > ul {
	display: block;
}

#story_map {
	width: 100%;
	height: 500px;	
}

#map {
  height: 85%;
}



/* Scrolling Things */

.header_top #take_action_scrolled {
	display: none;
	}

.header_scrolled #take_action_scrolled {
/* 	display: block; */
	float: right;
	margin: 1.1em 1em .75em .75em;
	text-transform: uppercase;
	font-size: 1.25em;
	letter-spacing: .05em;
	}

.header_scrolled #take_action_scrolled a {
	text-decoration: none;
	color: #fafafa;
	background-color: #76bd1d;
	padding: .15em .45em .25em .45em;
	transition: .3s ease color, .3s ease background;
	}

header#main_header.header_scrolled {
	position: fixed;
/* 	height: 75px; */
	}

.header_scrolled #joincampaign {
	float: right;
	margin-bottom: .75em;
	margin-top: 1.65em;
	transition: .3s ease margin;
}

header#main_header.header_scrolled h1 {
	width: 215px;
	height: 60px;
	bottom: 1px;
	}

.header_scrolled nav  {
/* 	display: none; */
	}

header#main_header.header_scrolled nav {
	margin: .5em 0 .5em 0;
/* 	transition: .3s ease padding; */
	}


/*
.header_scrolled nav li.take_action {
	display: inline-block;
	}

.header_scrolled nav li ul li {
	display: block;
}

*/



#content {
	width: 970px;
	padding: 15px;
	min-height: 20em;
	margin: 0 auto;
	margin-top: 1em;	
	}

#content.interior {
	margin-top: 10em;
	}

#slider {
	width: 100%;
	height: auto;
	background-color: #ddd;
	}

#slider img.slider_placeholder {
	display: block;
	width: 100%;
	height: auto;
	
	display: none;
	}




#takeaction {
	margin-top: -3em;
	padding-top: 3em;
	}

#tiles {
	margin-top: -2em;
	padding-top: 4em;
	}

#tiles > div {
	float: left;
	margin: 0 10px 0 10px;
	width: 303px;
	min-height: 150px;
	}

#maincontent {
	width: 62%;
	margin-right: 4%;
	min-height: 300px;
	float: left;
	}

#maincontent.pagewide {
	width: 1000px;
	margin: 11em auto;
	float: none;
	}

.post {
	padding: 0 .1em 0 .1em;
	}

.pagewide .post p {
	width: 95%;
	}

#sidebar {
	width: 33%;
	float: left;
	min-height: 300px;
	}

footer {
	width: 100%;
	padding-bottom: 1em;
	background-color: #75716f;
	}


/* 2018 Hero Swap */

#hero {
	height: 90%;
	width: 100%;
	}

#hero_inner {
	position: relative;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-image: url(images/hero_rf_2018.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

#hero_form_wrap {
	position: absolute;
	right: 15%;
	bottom: 15%;
	width: 375px;
}

#hero_form_wrap h3, .at-inner header.at-title {
	text-transform: uppercase;
	color: white;
	margin: .125em;
	font-size: 3.5em;
	padding: 0;
	text-align: center;
	font-weight: 700;
}

form#hero_form {
	text-align: center;
	
}

#hero_form input {
	display: inline-block;
	width: 98%;
	border-radius: 0;
}

#hero_form input#email {
	width: 50%;
}

#hero_form input#zip {
	width: 33%;
}

#hero_form input#submit {
/* 	background-color: $dark-green; */
	color: white;
	font-family: $font-slab;
	font-weight: 700;
	text-transform: uppercase;
	border: 0;
	font-size: 1.25em;
	padding: .5em 1em;
	transition: .2s ease background;
}

#hero_form input#submit:hover {
/* 	background-color: $light-green; */
}

/* NGP Form Overrides */

#hero_form_wrap header.at-markup.HeaderHtml {
	display: none;
}

.at-form header, .at-form .at-legend,  {
	display: none;
}

#hero_form_wrap .at-form .at-inner {
	background-color: transparent;
}

#hero_form_wrap .at-form .at-fields {
	display: flex;
}

#hero_form_wrap .at-row.FirstName.LastName {
	display: none;
}

#hero_form_wrap .at-form .at-form-submit {
	text-align: center;
	padding: 0;
}

#hero_form_wrap .at-inner legend {
	display: none;
}

#hero_form_wrap .at-form .at-form-submit .at-submit, .at-form .btn-at-primary, #sidebar_signup .at-form .at-form-submit .at-submit {
	background-color: #00396f;
	color: white;
	font-weight: 700;
	float: none;
	border-radius: 0;
	text-transform: uppercase;
	border: 0;
	font-size: 1.25em;
	padding: .5em 1em;
	transition: .2s ease background;	
}

#hero_form_wrap .at-form .at-form-submit .at-submit:hover, .at-form .btn-at-primary:hover {
/* 	background-color: $light-green; */
	}

#hero_form_wrap .at-form .at-row.PostalCode, .at-form .at-row.EmailAddress {
	flex: 1 46%;
	order: 1;
}


#hero_form_wrap .at-form .at-row.PostalCode{
	order: 2;
}

#hero_form_wrap .at-form .at-row>[class^="at-"] {
	flex: 1 40%;
	margin: 0 0;
	min-width: auto;
	max-width: 100%;

}

#hero_form_wrap .at input[type="text"], #hero_form_wrap .at input[type="password"], #hero_form_wrap .at input[type="date"], #hero_form_wrap .at input[type="datetime"], #hero_form_wrap .at input[type="datetime-local"], #hero_form_wrap .at input[type="month"], #hero_form_wrap .at input[type="week"], #hero_form_wrap .at input[type="email"], #hero_form_wrap .at input[type="number"], #hero_form_wrap .at input[type="search"], #hero_form_wrap .at input[type="tel"], #hero_form_wrap .at input[type="time"], #hero_form_wrap .at input[type="url"], #hero_form_wrap .at input[type="color"], #hero_form_wrap .at textarea, #sidebar_signup .at input[type="text"], #sidebar_signup .at input[type="password"], #sidebar_signup .at input[type="date"], #sidebar_signup .at input[type="datetime"], #sidebar_signup .at input[type="datetime-local"], #sidebar_signup .at input[type="month"], #sidebar_signup .at input[type="week"], #sidebar_signup .at input[type="email"], #sidebar_signup .at input[type="number"], #sidebar_signup .at input[type="search"], #sidebar_signup .at input[type="tel"], #sidebar_signup .at input[type="time"], #sidebar_signup .at input[type="url"], #sidebar_signup .at input[type="color"], #sidebar_signup .at textarea {
	max-width: 98%;
	border-radius: 0;
	border: 1px solid #00396f;
}

/* Sidebar NGP Form */

#sidebar_signup h3, #sidebar_signup .at-inner header.at-title {
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	color: #76bd1d;
	padding: 0 0 .25em 0;
	line-height: 1;
}

#sidebar_signup .at-markup.HeaderHtml {
	display: none;
}

#sidebar_signup .at .at-fieldset, #sidebar_signup .at-form-submit {
	padding: 0;

}

#sidebar_signup .at .at-fields {
    display: flex;
    flex-direction: column-reverse;

}


#sidebar_signup .at-form-submit {
	text-align: center;
}

#sidebar_signup .at-form-submit .at-submit {
	float: none;
}

/* 2018 Mobile Nav */

.mobilenav_open {
	display: none;
	}

#mobilenav {
	display: none;
	}
	



/* +++ Details +++ */

header h1 a {
	opacity: 1;
	transition: .3s opacity ease;
	}


#joincampaign form {
	text-align: right;
	display: inline-block;
	height: 2.25em;
	}

#joincampaign h4 {
	color: #00396f;
	text-transform: uppercase;
	font-size: 1.25em;
/* 	display: inline-block; */
	margin: .45em 0 0 0;
    float: left;

}

#joincampaign form input {
	border: 1px solid #00396f;
	border-radius: 0;
	color: #00396f;
	font-size: 1.1em;
	padding: .35em .25em .25em .25em;
	height: auto;
	margin: 0 1px 0 0;
	font-weight: normal;
	font-family: 'ff-good-headline-web-pro-con', 'Trade Gothic LT Std', Calibri, Verdana, sans-serif;
	}

#joincampaign input#email {
	width: 10em;
	}

#joincampaign input#zip {
	width: 4em;
	}

#joincampaign input[type=submit] {
	font-weight: bold;
	text-transform: uppercase;
	padding: .35em 2em .2em 2em;
	height: auto;
	background-color: #00396f;
	color: #fff;
	transition: background .2s linear, color .2s linear;
	}

#joincampaign input[type=submit]:hover, #joincampaign input[type=submit]:focus {
	background-color: #00668f;
	color: #fff;
	}

#joinus form {
	display: inline-block;
	}

#joinus h4 {
	color: #00396f;
	text-transform: uppercase;
	font-size: 1.25em;
	display: inline-block;
	margin-right: .25em;
	}

#joinus form input {
	border: 1px solid #00396f;
	color: #00396f;
	font-size: 1.25em;
	padding: .2em .25em .1em .25em;
	margin: 0 1px 0 0;
	font-weight: normal;
	font-family: 'ff-good-headline-web-pro-con', 'Trade Gothic LT Std', Calibri, Verdana, sans-serif;
	}

#joinus input#email {
	width: 14em;
	}

#joinus input#zip {
	width: 5em;
	}

#joinus input[type=submit] {
	font-weight: bold;
	text-transform: uppercase;
	padding: 1em 2em .65em 2em;
	background-color: #00396f;
	color: #fff;
	transition: background .2s linear, color .2s linear;
	border: 1px solid white;
	}

#joinus input[type=submit]:hover, #joinus input[type=submit]:focus {
	background-color: #00668f;
	color: #fff;
	}


h2.sectiontitle {
	text-transform: uppercase;
	text-align: center;
	color: #00358b;
	font-size: 1.2em;
	}


#takeaction a {
	display: block;
	float: left;
	margin: 1.25em 1.5% 0 1.5%;
	width: 30%;
	border-radius: 3px;
	background-color: #00396f;
	text-decoration: none;
	transition: background .3s ease;
	}

#takeaction a:hover, #takeaction a:focus {
	background-color: #555;
	}

#takeaction a h5 {
/* 	height: 2em; */
	margin: 0;
	padding: 1em;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.5em;
	letter-spacing: .04em;
	line-height: 1.1;
	font-weight: normal;
	}

#takeaction a#action_sharestory {
	margin-top: 0;
	}

#takeaction #action_sharestory h5 {
	font-size: 2.25em;
	}

#takeaction a:hover h5, #takeaction a:focus h5 {
	text-shadow: 1px 1px 0 rgba(30,30,30,.3);
	
	}

#sidebar #takeaction a {
	margin: 0 0 .5em 0;
	width: 100%;
	float: none;
	}

#sidebar #takeaction h5 {
	font-size: 1.75em;
	}

#sidebar #takeaction h3, #sidebar #takeaction {
	margin: .25em 0 .5em 0;
	}

h3.subsection {
	font-size: 2.55em;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	color: #76bd1d;
	padding: 0 0 .25em 0;
	border-bottom: 2px solid #76bd1d;
	}

#takeaction h3.subsection {
	font-size: 3.25em;
	border: 0;
	margin: 0 0 .25em 0;
	}

#news a {
	text-decoration: none;
	}

h4.morenews {
	margin-top: 2em;
	}

h4.morenews a {
	font-family: 'ff-good-headline-web-pro-con', 'Trade Gothic LT Std', Calibri, Verdana, sans-serif;
	color: #393939;
	font-size: 1.2em;
	border-bottom: 1px solid;	
	}

a.titlelink {
	text-decoration: none;
	}

a.newslink {
	margin: .5em 0 .5em 0;
	padding: .5em 0 1.5em 0;
	display: block;
	box-shadow: 0 32px 0 -30px #00396f;
	}

a.newslink:last-of-type {
	box-shadow: none;
	}

h4.posttitle, h2.posttitle {
	font-size: 2em;
	margin: 0;
	text-transform: uppercase;
	color: #00396f;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	}

h2.posttitle {
	font-size: 2em;
	border-bottom: 1px solid #00396f;
	padding-bottom: .25em;
	width: 95%;
	}

span.postdate {
	display: block;
	margin-top: .25em;
	font-size: .4em;
	font-family: 'ff-good-headline-web-pro-con', 'Trade Gothic LT Std', Calibri, Verdana, sans-serif;
	font-weight: 400;
	color: #5c5a55;
	}

#news a:hover h4, #news a:focus h4 {
	color: #555;
	}

.postbody {	
	border-bottom: 1px solid #9c1100;
	margin-bottom: 1.5em;
	}

#why a#why_link {
	text-decoration: none;
	}

#why h3 {
	margin-bottom: .5em;
	}

#why a:hover h3.subsection {
	color: #00396f;
	}

#why a.facts_links {
	display: block;
	width: 99%;
	margin: .25em auto;
	padding: .5em 0 .5em 0;
	text-align: center;
	background-color: #c8c8c8;
	color: white;
	font-size: 2em;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(30,30,30,.4);
	text-decoration: none;
	transition: .3s ease background, .3s ease color;
	}

#why a:hover {
	background-color: #888;
	color: #eee;
	}

#partners {
	width: 100%;
	background-color: #fff;
	text-align: center;
	clear: both;
	}

#partners h3 {
	margin: .5em auto;
	width: 80%;
	color: #c5bebb;
	border-bottom: 1px solid;
	}

#partners img {
	display: inline-block;
	margin: 1.25em;
	vertical-align: middle;
	}

#partners a {
	display: inline-block;
	margin: 1em;
	padding: .5em;
	color: white;
	font-size: 1.5em;
	font-weight: 900;
	text-decoration: none;
	}

footer h4 {
	color: #fafafa;
	text-shadow: 1px 1px 0 rgba(30,30,30,.3);
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.75em;
	padding: .85em .25em .75em .25em;	
	width: 33%;
	margin: 0 auto;
	}

/* +++ Social Sharing Box +++ */
.socials {
	width: 100%;
	height: 25px;
	padding: .5em 0 1em 0;
	float: left;
	overflow: hidden;
}

.social_share {
	float: left;
	margin: 0 .5em 0 0;
	overflow: hidden;
}

.fb-like span {
	vertical-align: top !important;
	}



/* Facts Section */

h2.posttitle.facts_page {
	font-size: 3em;
	}

div.facts_page {
	margin: 0 auto;
	padding-top: 5em;
	}

.facts_page img {
	max-width: 35%;
	height: auto;
	display: block;
	margin: 0 auto;
	}

.facts_page h1 {
	color: #00396f;
	text-transform: uppercase;
	font-size: 2.5em;
	text-align: center;
	}

.facts_page h2 {
	color: #76bd1d;
	text-transform: uppercase;
	font-size: 2em;
	margin-top: 1em;
	}

.facts_page p {
	color: #222;
	font-size: 2.5em;
	text-align: left;
	}

.facts_page li {
	color: #222;
	font-size: 2.5em;
	text-align: left;
	}

.facts_page li li {
	font-size: inherit;
	}

.facts_page ul, .facts_page ul ul {
	padding: 0;
	margin: 1em 0 0 0 ;
/* 	list-style: none; */
	width: 100%;
	}

.facts_page strong {
	color: #00396f;
	font-weight: bolder;
	}

h1.fact_highlight {
	color: #fff;
	background-color: #76bd1d;
	padding: .25em;
	}

#facts_intro {
	padding-top: 1em;
	}

#stats_main {
	width: 100%;
	margin-bottom: 2em;
	}

#stats_1, #stats_2 {
	width: 45%;
	margin: 0 2.5% 0 2.5%;
	}

#stats_1 {
	width: 95%;
	margin: 0 2.5% 2em 2.5%;
	}
		
.facts_sbs {
	float: left;
	margin: 0 2.5% 0 2.5%;
	text-align: center;
	}

.facts_sbs img {
/* 	max-width: 100%; */
	max-width: 70%;
	height: auto;
	display: inline-block;
	margin: 0 auto;
	}

#stats_1 img {
	max-width: 40%;
}	

#stats_2 {
	box-shadow: inset 0 0 0 4px #ddd;
	}

#costs_1 {
	width: 20%;
	float: left;
	margin: 0 2.5% 0 2.5%;
	}
	
#costs_2 {
	width: 95%;
	float: left;
	margin: 0 2.5% 0 2.5%;
	}

#facts_whopays {
	display: none;
	box-shadow: inset 0 0 0 4px #ddd;
	text-align: center;	
	}
	
#facts_whopays img {
	float: none;
	display: inline-block;
/* 	max-width: 30%; */
	margin: .5%;
	}

#challenge_main {
	margin-bottom: 2.5em;
	}

#challenge_1 {
	width: 60%;
	}

#challenge_2 {
	width: 30%;
	text-align: left;
	padding-top: 3em;
	}

/* Form Styles */

#maincontent.pagewide.formpage {
	width: 1000px;
	margin: 12em auto;
	float: none;
}

.form_section {
	width: 89%;
	padding: 4.5%;
	border: 3px solid #00396f;
	margin-bottom: 2em;
}

.form_subsection {
	width: 45%;
	margin: 0 2.5% 0 2.5%;
	float: left;
}

/* Header Form */

#joincampaign .at-inner {
	background-color: transparent;
}

#joincampaign .at-inner header, #joincampaign .at-inner .at-legend {
	display: none;
}

#joincampaign div.at-row.PostalCode, #joincampaign div.at-row.EmailAddress  {
	display: block;
	float: right;
	width: 39%;
	margin: 0 1% 0 0%;
	}

#joincampaign div.at-row.EmailAddress  {
	width: 59%;
	}


#joincampaign div.at-row.PostalCode label, #joincampaign div.at-row.EmailAddress label  {
	width: 100%;
	min-width: 50px;
	}

#joincampaign .at-form-submit {
	text-align: center;
	padding: 0;
	margin-top: 0;
	padding-left: 0;
	display: block;
	float: right;
	width:32%;
	}

#joincampaign .at-fieldset.ContactInformation {
	padding-bottom: 0;
	}

#joincampaign .at input[type="submit"] {
	}

#joincampaign .at .at-fieldset {
	width: 68%;
	min-width: 20%;
	float: left;
	padding: 0;
	}

#joincampaign .at .at-markup {
	margin: 0;
}


.post .ngp-form .at-title, .post .ngp-form .at-markup {
		display: none;
}

#NVPetitionForm81846 .at-title, #NVPetitionForm81846 .at-markup {
		display:  block;
}


    .at .at-inner h1,.at .at-inner h2,.at .at-inner h3,.at .at-inner h4,.at.at-inner  h5,.at .at-inner h6 {
        font-family: 'ff-good-headline-web-pro-con', 'Trade Gothic LT Std', Calibri, Verdana, sans-serif;
    }
    .at-inner header.at-title {
        font-family: 'ff-good-headline-web-pro-con', 'Trade Gothic LT Std', Calibri, Verdana, sans-serif;
        text-transform: uppercase;
    }
    .at .at-inner label, .at .at-inner legend {
        font-family: 'ff-good-headline-web-pro-con', 'Trade Gothic LT Std', Calibri, Verdana, sans-serif;
    }
    .at textarea {
        height: 8em;
    }

.at .CustomFieldHeaderHtml label {
		font-size: 1.2em;
	
}


/* .at-form {
    font-size: 1em;
    font-weight: 400;
    font-family: 'ff-good-headline-web-pro-con', 'Trade Gothic LT Std', Calibri, Verdana, sans-serif;
}

.at, .at fieldset legend, .at select, .at input, .at textarea, .at .btn-at, header.at-title, .at h1, .at h2, .at h3, .at h4, .at h5, .at h6, .at-subtitle {
    font-family: 'ff-good-headline-web-pro-con', 'Trade Gothic LT Std', Calibri, Verdana, sans-serif;
    font-size: 1.25em;
	} */

#signup.bsd-signup-7595 {
    font-size: 1em;
    font-weight: 400;
    font-family: 'ff-good-headline-web-pro-con', 'Trade Gothic LT Std', Calibri, Verdana, sans-serif;
}

#signup.bsd-signup-7595 .label {
	margin-top: 1em;	
}

#signup.bsd-signup-7595 input {
	width: 90%;
    font-size: 1.1em;
    padding: .2em;
	border: 1px solid #aaa;
}

#signup.bsd-signup-7595 textarea {
	width: 90%;
    font-size: 1.1em;
    padding: .2em;
	border: 1px solid #aaa;
}

#signup.bsd-signup-7595 .hide_this {
	display: none;
}

#signup .hide_this {
	display: none;
}

span.field_more {
	font-size: .7em;
	text-transform: none;
}

.formpage .share_half_left {
	background: white;
}

.formpage #formintro {
	padding: .5em 1em .5em 1em;
	text-align: center;
}

.share_half_left {
	width: 70%;
	margin: 2em 2.5% 0 0;
	float: left;
}

.share_half_right {
	width: 25%;
	margin: 0 2.5% 0 0;
	float: left;
}

.share_half img {
	max-width: 100%;
	height: auto;
	margin-top: 1.5em;
    padding: .5em;
    background-color: white;
    box-shadow: 0 0 9px rgba(30,30,30,.3);
    }

.quotes p {
	text-transform: none;
	font-family: 'ff-good-headline-web-pro-con', 'Trade Gothic LT Std', Calibri, Verdana, sans-serif;
	}

/* +++ Mobile +++ */

@media all and (max-width: 1000px) {
	
		body {
			background-position: 0 center;
			}
		
		header {
			position: relative;
			height: auto;
			}

		header#main_header h1 {
			margin: 0 auto;
			margin-top: 2em;
			float: none;
			width: 190px;
		    height: 90%;
		    left: .25em;
			}

		header #joincampaign {
			position: absolute;
			min-width: 0;
			width: 100%;
			top: 0;
			left: 0;
			right: 0;
			margin: 0;
			padding-bottom: 1%;
			background-color: #fff;
			border-bottom: 1px solid #00358b;
			}

		#joincampaign form {
			text-align: center;
			}
		
		#joincampaign h4 {
			text-align: center;
			width: 100%;
			margin-bottom: 0;
			}
		
		#joincampaign form input {
			display: inline-block;
			font-size: .8em;
			text-align: center;
			}
		
		#joincampaign input#email {
			float: none;
			width: 28%;
			padding: 1%;
			margin: 1%;
			}
		
		#joincampaign input#zip {
			width: 28%;
			padding: 1%;
			margin: 1%;
			}
		
		#joincampaign input[type=submit] {
			width: 20%;
			padding: 1%;
			margin: 1%;
			}

	#hero {
		height: auto;
	}

	#hero_inner {
		height: auto;
		position: absolute;
		padding-bottom: 150%;
		background-attachment: unset;
		background-position: center;
	}
	
	#hero_form_wrap {
		position: relative;
		margin: 80% 0 .5em 0;
		padding-bottom: 2em;
		width: 100%;
		z-index: 10;
		left: 0;
		bottom: 0;
	}
	
	#hero_form_wrap h3 {
		color: white;
	}

	#hero_form input#email {
	    width: 40%;
	}

	.at-form .at-fields {
		flex-direction: column;
		justify-content: center;
	}
	
	.at-form .at-row.PostalCode, .at-form .at-row.EmailAddress {
		flex: 1 100%;
	}

	.at-form .at-row.PostalCode input, .at-form .at-row.EmailAddress input {
		width: 98%;
	}

	.mobilenav_open {
		display: block;
		padding: .5em;
		background: transparent;
		border: none;
		outline: none;
		color: white;
		position: absolute;
		z-index: 1500;
		width: auto;
		height: 35px;
		right: 12px;
		top: 15px;
		cursor: pointer;
		}

	.mobilenav_close {
		display: block;
		padding: .5em;
		background: transparent;
		border: none;
		outline: none;
		color: white;
		position: absolute;
		z-index: 1500;
		width: 40px;
		height: 40px;
		right: 15px;
		top: 13px;
		cursor: pointer;
		}
		
	.mobilenav_open img, .mobilenav_close img {
		display: block;
		max-width: 100%;
		max-height: 100%;
	}

	#mobilenav {
		display: block;
		visibility: hidden;
		opacity: 0;
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 2000;
		background: #eee;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		overflow: scroll;
		transition: .3s ease;
		}

	#mobilenav.switchedon {
		display: block;
		visibility: visible;
		opacity: 1;
	}
	
	nav.mobilemenu {
		width: 90%;
		padding: 5%;
		margin-top: 2em;
		font-size: 1.75em;
		text-transform: uppercase;
		text-align: center;	
		}

	nav.mobilemenu ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}

	nav.mobilemenu li {
		margin: 0em;
		line-height: 1;
		font-size: 1.25em;
		display: block;
		text-align: center;
	}
		
	nav.mobilemenu li a {
/* 		color: $dark-green; */
		display: inline-block;
		text-decoration: none;
		padding: .25em .5em;
		overflow: hidden;
		transition: .3s ease background, .3s ease color;		
		}

	nav.mobilemenu li a:hover, nav.mobilemenu li a:focus {
		color: #333;
		}

	nav.mobilemenu li.take_action a:hover, nav.mobilemenu li.take_action a:focus {
		color: #fff;
		}
		

	nav li ul { 
		display: block;
		position: static;
		font-size: 1em;
	}

	nav li ul li {
		background-color: transparent;
	}

	body.no_scroll {
		overflow: hidden;
	}



		header nav {
			margin: 0 auto;
			float: none;
			text-align: center;
			padding-bottom: .5em;
			}
		
		header nav ul {
		display: none;
		}
		
		#content {
			width: 96%;
			margin: 1em 0 0 0;
			padding: 2%;
			z-index: 100;
			position: relative;
			background-color: #fff;
    			}
		
		.interior .post {
		    padding: 3em .1em 0 .1em;
		}

		#content.interior {
			margin: 1em 2% 0 2%;
			padding: 0;
			}
		
		#slider {
/*
			width: 100%;
			height: auto;
*/
			}
		
		#tiles > div {
			margin: 0 2% 0 2%;
			width: 96%;
			}

		#connect {
			margin: 0 1% 0 1%;
			text-align: center;
			}

		#why {
			text-align: center;
			}

		#why a {
		display: block;
		width: 99%;
		}
	
		#takeaction a {
			margin: 0 5% 2% 5%;
			width: 90%;
		}
	
		#takeaction a h5 {
		font-size: 1.8em;
		}
	
		#maincontent {
		width: 96%;
		margin: 2%;
		min-height: 300px;
		float: none;
		}
#maincontent.pagewide.formpage {
		width: 96%;
		margin: 2%;
		min-height: 300px;
		float: none;
	}

	.share_half_left {
		float: none;
		width: 100%;
		margin: 2em 0;
	}

	.share_half_right {
		float: none;
		width: 100%;
		margin: 0;
		text-align: center;
	}
	
.form_subsection {
	float: none;
	width: 95%;
}

	#sidebar {
		width: 96%;
		margin: 2%;
		min-height: 300px;
		float: none;
		}

	footer {
		margin: 0 auto;	
		width: 100%;
		margin-bottom: 1em;
		}

	footer h4 {
		width: 80%;
		}
	
	}