body,html {height:100%;width:100%;float:left;}
body {
background:white;
}

#wrapper {
	width:80%;
	margin-left:auto;
	margin-right:auto;

}
/* NGP STYLES */
.ngp-form header.at-title {display:none;}
.at-form-submit {padding:5px 1.25rem !important;}
input[type=submit].at-submit.btn-at.btn-at-primary  {
background: #1c6ab8;	font-family: 'Roboto', sans-serif;
-webkit-appearance:none;font-weight:bold;text-transform:uppercase;border:none;line-height:135%;color:#fff;-webkit-border-radius: 6px;text-align:center;padding:6px 0px; margin:5px auto;width:100%;
-moz-border-radius: 6px;
border-radius: 6px;font-size:1.4vw;}
legend.at-legend {display:none;}
.ngp-petition legend.at-legend {display:block;}
a[name=sign] {
    top: 0px !important;
}
a.email-button {margin:20px 0px;width:max-content;display:block;
		font-weight:bold;font-size:16px;color:#ffffff;text-align:center;text-decoration:none;border-radius:6px;background-color:#1c6ab8;padding:12px 18px;line-height:110%;white-space:nowrap;text-transform:uppercase;font-family:'Roboto', Helvetica, sans-serif;}
		a.email-button:hover {background-color:#0D2340;color:white;}


.ngp-form p.optin {font-style:italic;font-size:12px;}
input[type=submit].at-submit.btn-at.btn-at-primary:hover {background:#103d6a;text-decoration:none;color:white;}
.ngp-form  section.at-inner  {background-color:transparent;}
.sign_up .ngp-form  section.at-inner label.at-text, .sign_up .ngp-form  section.at-inner footer.at-markup, .sign_up .UpdateMyProfile span.text {color:white;}
.UpdateMyProfile {margin:10px 0px 5px;}
/*end NGP styles */

.alert {background:#082038;float:left;width:100%;text-align:center;padding:10px 0px;}
.alert a {color:white;margin:0px 15px;}
.alert a:hover {color:white;}
a {color:#1c6ab8;font-weight:bold;}
a:hover {color:#103d6a;text-decoration:underline;}
header {width:100%;clear:both;background:white;}
header > #wrapper {display:flex;}
header.sticky {
    position: fixed;
    z-index: 1000;
    width: 100%;
    -webkit-box-shadow: 0 4px 10px 1px rgba(0,0,0,.55);
    -moz-box-shadow: 0 4px 10px 1px rgba(0,0,0,.55);
    box-shadow: 0 4px 10px 1px rgba(0,0,0,.55);
}
header.sticky #header-wrapper #wrapper {width:99%;}

a.logo img {max-width:200px;}
.interior-header {background:url(/media/images/interiorheader.jpg) 50% 0% no-repeat;height:500px;width:100%;float:left;background-size:100%;}
body.about .interior-header {background:url(/media/images/about.jpg) 50% 0% no-repeat;height:500px;width:100%;float:left;background-size:100%;}
body.getinvolved .interior-header {background:url(/media/images/getinvolved.jpg) 50% 0% no-repeat;height:500px;width:100%;float:left;background-size:100%;}

body.endorse .interior-header, body.endorsements .interior-header {background:url(/media/images/endorsements.jpg) 50% 0% no-repeat;height:500px;width:100%;float:left;background-size:100%;}
body.endorsements .main_content .logos {text-align:center;}
body.endorsements .main_content .logos img {display:inline-block;margin:1%;max-height:100px;}
.home-header {background:url(/media/images/header.jpg) 50% 0% no-repeat;height:700px;width:100%;float:left;background-size:100%;}
.home-header .sidebar {float:right;margin:1% 5% 25% 5%;width:35%;}
.home-header .sign_up {background:rgba(8,32,56,.75);padding:40px;}
.print_header {display:none;}
.megafooter-donate {
    clear: left;
    width: 100%;
    background: #103d6a;
    margin: 0px;
    padding: 20px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.donate-text {
    width: 26%;
    margin: 1%;
}

.donate-buttons {
    width: 56%;
    text-align: center;
    margin: 1%;
}
a.donate-button {
    background: #1c6ab8;
    font-size: 1.3vw;
    color: white;
    width: 95px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 8px;
    display: inline-block;
    margin: 10px;
}
a.donate-button:hover {background:#082038;color:white;/*color:#103d6a*/;text-decoration:none;}
.donate-text h2 a {color:white;font-size:40px;}
 .donate-text p a {color:white;font-size:20px;}
 .donate-text h2 a:hover, .donate-text p a:hover {text-decoration:none;}
p.actblueexpress {
    font-size: 1vw;
    color: white;margin:0 12% 0;
}

.latest-title {display:block;margin-bottom:1em;}
.header_title {padding:2% 0;}
.footer {text-align:center;padding:20px 0px;font-size:14px;}
.footer .social img {height:42px;width:42px;margin:4px;}
.footerlinks {display:block;}
.footerlinks a {padding:5px;}
span.spacer:after { content: '\2022';color:#333;}
.powered {display:block;font-size:13px;}
.disclaimer {border:1px solid #444;padding:5px 10px;margin:20px auto;display:block;width:50%;text-align:center;}
.petition-text {width:60%;margin:10px 0px;}
.petition-form{width:38%;margin:2%;color:white;
background:#082038;-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
padding:24px;}

body.birthday .petition-text {float:left;width:62%;font-size:130%;}
body.birthday .petition-form{float:right;width:30%;padding:20px;margin-top:-40px;background:#fcf68a;}
body.birthday .header_title {margin-bottom:20px;}
body.birthday .header_title h1 {margin-bottom:20px;font-size:42px;}
body.hillary .petition-text {float:left;width:60%;font-size:110%;}
body.hillary .petition-form{float:right;width:33%;padding:20px;margin-top:0px;background:#ACCAD4;}


div.megafooter {
	border-top:1px solid #24456e;
	background:#e8f4f4 url(https://www.ricklarsen.org/media/images/skagitvalleytulips.jpg) bottom left no-repeat;
	min-height:407px;
	color:#153864;
	padding:0px 20px;
	font-size:13px;
	line-height:1.3em;}

img.footer-photo {float:left;border:1px solid black;margin:0px 20px 10px 0px;}
	div.megafooter h1 {margin:20px 0px 15px;font-family:Times;color:#153864;font-weight:normal;font-size:24px;}
.col-left {float:left;width:600px;}
.col-right {float:right;width:290px;}
.site_links {display:flex;justify-content:space-evenly;width:100%;align-items:center;}
.site_links a {font-size:1.2vw;color:#103d6a; padding:8px 16px;}
.site_links a.social {padding: 8px 0px;}
.site_links a.social:hover {background:white;}
.site_links a:hover {background:#103d6a;color:white;/*color:#1c6ab8;*/text-decoration:none;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.site_links a.social svg {fill:#103d6a;}
.site_links a.social svg:hover {fill:#1c6ab8;}
.site_links a.last {-webkit-border-radius: 6px;text-align:center;padding:8px 16px;
-moz-border-radius: 6px;border-radius: 6px;background:#1c6ab8;color:white;}
.site_links a.last:hover {background:#103d6a;}


.sign_up {
color:white;
background:#082038;
}
.sign_up h2, .volunteer h2 {text-align:center;font-size:2.3vw;}
.sign_up, .volunteer {-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
padding:24px;
}

.volunteer {background:#e1e4e7;border:1px solid #b8b8b8;margin-top:24px;color:#082038;text-align:center;}
form.volunteer {text-align:left;}
.volunteer p a, .volunteer h2 a {color:#082038;text-decoration:none;}
.volunteer p a {font-weight:normal;font-size:1.2vw;}
.volunteer p {margin-bottom:.5em;}

.content_area {display:flex;}
body.home .content_area {flex-direction:column-reverse;width:100%;}
.about-deck {float:left;width:100%;background:#082038;color:white;    padding: 40px 0px;}
.about-deck > #wrapper {display:flex;align-items:center;}
.about-photo {width:50%;}
.about-deck img {max-width:100%;}
.about-text {padding:0 5%;width:40%;}
.about-text p {line-height:1.8em;font-style:italic;font-weight:300;font-size:20px;margin-bottom:20px;}
.featured-updates {background:#e1e4e7;float:left;width:100%;    padding: 40px 0px;text-align:center;}
.featured-updates a.button  {float:right;margin:1% 2%;}
.f-grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
.f-grid-cell {
    flex: 1;margin:20px 1% 35px; 
    padding: 2%;
    background: white;border-radius: 6px;text-align:left;
-moz-border-radius: 6px;
border-radius: 6px;}
.f-grid-cell img {max-width:100%;}
.latest-header {background: #e1e4e7;
    text-align: center;-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 12px;margin:-20px 0px 20px;}
.updates-buttons {display:flex;justify-content:space-between;}
.updates-buttons a {
    background: #082038;
    font-size: 18px;font-weight:bold;
    color: white;
    -webkit-border-radius: 6px;
    -moz-border-radius:6px;
    border-radius: 6px;
    padding: 6px 22px;
}
.updates-buttons a:hover {background:#1C6AB8;text-decoration:none;}
.pubdate {font-size:15px;
    font-weight: 300;text-transform:uppercase;
    display: inline-block;

}
.publication{font-style:italic;margin-right:5px;font-size:16px;}
a.readmore {display:block;margin:1em 0;}
.title {
    display: block;
    font-size: 22px;line-height:28px;
    margin: .5em 0 .75em;
}
.title a {color:black;}
.excerpt {

    font-size: 16px;
    line-height: 170%;
}
.slider {overflow:hidden;width:100% !important;height:400px;}
.slider img  { transition: all .2s ease-in-out; width:auto !important;height:400px;}
.slider img:hover { transform: scale(1.1); }
button.slick-prev, button.slick-next {position:absolute;top:150px;z-index:1200;left:1%;font-size:0;background:rgba(0,0,0,0);border:none;}
button.slick-next {left:95%;}
button.slick-next:after { content: '\203A';}
button.slick-prev:after { content: '\2039';}
button.slick-prev:after, button.slick-next:after {font-size:100px;color:white;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);line-height: 1.5em;	
    padding: 5px 10px;}
button.slick-prev:hover:after, button.slick-next:hover:after {color:#103d6a;cursor:pointer;text-shadow: 0px 0px 5px rgba(255,255,255, 1);}
.main_content {width:56%;padding:2%;
}
body.issues .main_content h2 {padding:20px 0px 10px;}
.content {width:60%;max-width:600px;padding:2%;margin:0 auto;}

/* NGP STYLES */
.ngp-form header.at-title {display:none;}
.at-form-submit {padding:5px 1.25rem !important;}
input[type=submit].at-submit.btn-at.btn-at-primary  {
background: #1c6ab8;	font-family: 'Roboto', sans-serif;
-webkit-appearance:none;font-weight:bold;text-transform:uppercase;border:none;line-height:135%;color:#fff;-webkit-border-radius: 6px;text-align:center;padding:6px 0px; margin:5px auto;width:100%;
-moz-border-radius: 6px;
border-radius: 6px;font-size:1.4vw;}
legend.at-legend {display:none;}
.ngp-form p.optin {font-style:italic;font-size:12px;}
input[type=submit].at-submit.btn-at.btn-at-primary:hover {background:#103d6a;text-decoration:none;color:white;}
.ngp-form  section.at-inner  {background-color:transparent;}
.sign_up .ngp-form  section.at-inner label.at-text, .sign_up .ngp-form  section.at-inner footer.at-markup, .sign_up .UpdateMyProfile span.text {color:white;}
.UpdateMyProfile {margin:10px 0px 5px;}


.content.ngp-content {width:100%;max-width:100%;padding:0;}
.ngp-content .page-content {width:70%;max-width:700px;padding:3% 5% 6%;margin:0 auto;}
input.btn-at.btn-at-primary  {
background: #1c6ab8;	font-family: 'Roboto', sans-serif;
-webkit-appearance:none;font-weight:bold;text-transform:uppercase;border:none;line-height:135%;color:#fff;-webkit-border-radius: 6px;text-align:center;padding:6px 20px; margin:15px auto !important;
-moz-border-radius: 6px;
border-radius: 6px;}
input.btn-at.btn-at-primary:hover  {background:#103d6a;text-decoration:none;color:white;}
.ngp-petition {padding:30px 0px;clear:both;margin: 0 auto;
    max-width: 910px;}
.ngp-petition input.btn-at.btn-at-primary {padding:10px 30px;font-size:1.4vw;}
.ngp-content input[type=submit] {width:max-content;}
.oa-ssp-app-container {
    margin: auto;
    padding-top: 8px;padding-bottom:88px;
}

header.at-title {display:none;}
header.HeaderHtml h1 {margin-top:1em;}
.ngp-petition h1.HeaderHtml {margin:.25em 0 .5em;}
/* end NGP styles */
.content img, .main_content img {max-width:100%;}
.main_content h2, .main_content h3 {margin:30px 0px 10px;}
.main_content img, .main_content iframe {max-width:100%;}
div.posted_on {
	color:#555555;
	font-size:.85em;
}
.sidebar {

	width:38%;padding:2% 0 2% 2%;


}

.entry_image, .entry_video {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.caption {
	font-size:11px;
	color:#444;
}
.pull_quote {
	float:right;
	color:#999;

	font-size:14px;
	font-weight:bold;
	width:180px;
	padding:0px 10px 10px 10px;
}



ul.supporter_list {
	list-style-type:none;}
ul.supporter_list li {
	margin-left:0px;}
	ul.supporter_list li ul {
		list-style-type:none;}
		ul.supporter_list li ul li {
		margin-left:30px;}
#comment_container {margin-top:20px;border-top:2px solid #002E63;padding-top:10px;}
#comment_form_container {margin-top:20px;border-top:2px solid #002E63;padding-top:10px;}
#comment_list li { list-style-type:none;background-color:#DAE3EB;margin-left:0px;padding:10px;margin:10px 0px;}
.comment_details { color:#002E63;font-size:11px;padding-bottom:10px;}
.help_text {font-style:italic;margin-top:5px;}
#st-1 {clear:both;float:left;width:100%;height:32px; margin:30px 0px;text-align:center !important;}

div.updates {width:280px;float:left;font-size:12px;margin:20px 0px;}
div.news {width:280px;margin:20px 0px 20px 15px;float:right;font-size:12px;}
div.updates h4, div.news h4 {color:#153864;font-family:Times;font-size:20px;}
div.twitter {background-color:#d8e6e9;padding:5px 10px;font-size:11px;border:1px solid #173863;}
ul#twitter_update_list {list-style-type:none;margin-left:0px;}
ul#twitter_update_list li {list-style-type:none;margin-left:0px;}
div.facebook-box {clear:left;}

td.date {white-space:nowrap;vertical-align:top;width:15%;}
blockquote {font-size:80%;margin:0px 40px;}
.video_content {background:url(/media/images/sidebarboxbg.jpg) top left no-repeat;float:left;font-size:11px;height:270px;padding:0px 20px;}
	div.video_content h2 {font-family:Times;color:#153864;font-weight:normal;font-size:20px;margin:10px 0px;}
.share_video {font-size:11px;}
.mobile {display:none;}
img.right {float:right;margin:0px 0px 10px 10px;}
img.left {float:left;margin:0px 10px 10px 0px;}

 p.small {font-size:.9vw;clear:left;padding:10px 5px 5px;}
p.req {font-size:.9vw;clear:both;padding:10px 5px 0px;text-align:left;font-style:italic;margin-bottom:0;}
input[type=submit], button[type=submit], a.button  {
background: #1c6ab8;	font-family: 'Roboto', sans-serif;
-webkit-appearance:none;font-weight:bold;text-transform:uppercase;border:none;line-height:135%;color:#fff;-webkit-border-radius: 6px;text-align:center;padding:6px 36px; margin:5px 0px;
-moz-border-radius: 6px;
border-radius: 6px;}
input[type=submit], button[type=submit] {font-size:1.5vw;width:100%;}
.petition-form button[type=submit] {font-size:1.4vw;width:100%;}
a.button  {font-size:1.1vw;width:max-content;display:inline-block;}

.flex-row {display:flex;width:100%;align-items:flex-start;padding-top:8px;justify-content:space-between;}
p.mobile-disclaimer {padding-left:3%;line-height:1.4em;  font-size: calc(11px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));}
 input[type=submit]:hover,  button[type=submit]:hover, a.button:hover  {background:#103d6a;text-decoration:none;color:white;}
input[type=text],input[type=email] {-webkit-border-radius: 8px;
-moz-border-radius:8px;
border-radius: 8px;
padding:12px 5%;font-size:1.25vw;margin:5px 0;width:90%;}
input[type=email]{width:89%;}
input#zip{width:100px;float:left;}
input.phone{width:50%;float:right;}
.sign_up input#zip {width:25%;}
#bsd-field-firstname, .form-group.first	 {width:45%;float:left;margin-right:4%;}
#bsd-field-lastname, .form-group.last {width:50%;float:left;}
#bsd-field-firstname {width:45%;float:left;margin-right:4%;}
#bsd-field-zip {width:30%;float:left;margin-right:4%;}
.form-group.zip {width:30%;float:left;margin-right:0%;}
.petition-form input#zip{width:28%;}
.petition-form button[type=submit]{width:56%;}

.form-group.submit {width:60%;float:right;}
#bsd-field-submit-btn {width:60%;float:left;}
label {font-size:0;display:none;}

.petition-form h3 {line-height:1.2em;}

@media only screen and (max-width: 1140px) {
	#wrapper {
		width:94%;
	}
	.flex-row {display:block;flex-direction:row-reverse;}
p.mobile-disclaimer {display:block;}
.sign_up input.phone, .sign_up input#zip {width:90%;float:left;}
} 
@media only screen and (max-width: 1330px) {
	.home-header{height:70%;}
}
@media only screen and (max-width: 1440px) {
	.slider {height:265px;}
	.slider img  { height:265px;}
 	button.slick-prev, button.slick-next {position:absolute;top:60px;}
}
@media only screen and (min-width: 1700px) {
	.slider {height:455px;}
	.slider img  { height:455px;}
	button.slick-prev, button.slick-next {position:absolute;top:160px;}
 
}
@media only screen and (max-width: 1160px) {
	.home-header{height:710px;background-size:cover;}
	a.donate-button {width:65px;}
}

@media only screen and (max-width: 1024px) {
	.home-header .sidebar {
	    margin: 1% 2% 5% 2%;
	    width: 55%;}
	.home-header{height:auto;background-size:cover;}
		#wrapper {
			width:98%;}
			.donate-text {width: 30%;}			.donate-buttons {width: 50%;}
} 


/*iPad Landscape */ 
@media only screen and (max-device-width: 1180px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.home-header{height:710px;background-size:cover;}
		a.donate-button {width:65px;}
	

}