body { margin:0;padding:0;background:#efefef;
}
.mobile {display:none;}
.print_header {display:none;}
#wrapper {margin:0 auto;
	width:960px;
}
a {color:#4b3d77;font-weight:bold;}
.footer {
    background-color: #665594;padding:30px 0px;float:left;width:100%;
    color: white;  text-align:center;
  font-size:15px;

}
.footer a {
    color: white;
    font-weight: bold;
}
.disclaimer {margin:20px auto;padding:10px;width:50%;border:1px solid white;}
.about {width:70%;padding:80px 15%;float:left;clear:both;}
.about p {margin-bottom:1em;}
.about h2 {text-transform:uppercase;font-size:40px;margin-bottom:15px;}
.donate-wrapper {
    clear: left;
    width: 70%;
    background: #2a2054;
    margin: 0;
    padding: 60px 15%;
 display: flex;
    align-items: center;
    justify-content: space-around;}
.donate-text p, .donate-text h2 {font-family: 'Montserrat', sans-serif;}
.donate-text p a {color:white;font-weight:normal;text-decoration:none;}
.donate-text h2 a {color:white;font-size:36px;}
.donate-text {
    width: 25%;
}

.donate-buttons {
    width: 75%;min-width:720px;
    text-align: center;
}
p.actblueexpress {
    font-size: .8vw;
    color: #fff;
display:block;font-family: 'Montserrat', sans-serif;font-style:italic;
}
a.donate-button {
    background: #665594;
    font-size: 1vw;
    color: #fff;
    width: 90px;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    padding: 8px 6px;
    display: inline-block;font-family: 'Montserrat', sans-serif;
    margin: 1%;}
	a.button {
    background: #665594;text-transform:uppercase;
    font-size: 18px;
    color: #fff;
    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    padding: 8px 16px;
    display: inline-block;font-family: 'Montserrat', sans-serif;
    margin: 0px 0px;}

	#home-hero-wrapper {float:left;background:#fff url(/media/images/salinas.hero-photo.jpg) 0% 0% no-repeat;background-size:cover;height:90vh;min-height:800px;width:100%;}
	#interior-hero-wrapper {float:left;background:#2a2054 url(/media/images/salinas.interior-photo.jpg) 0% 0% no-repeat;background-size:contain;height:380px;width:100%;}

	.logo img {max-width:100%;}
	.logo {width:65%;margin:3%;}
	body.home .logo {width:84%;margin:2%}
#home-hero-wrapper .header {display:flex;justify-content:space-between;}
#home-hero-wrapper .header .header-left {width:22%;}
#home-hero-wrapper .header .header-right {width:78%;}
#interior-hero-wrapper .header {display:flex;justify-content:space-between;}
#interior-hero-wrapper .header .header-left {width:26%;}
#interior-hero-wrapper .header .header-right {width:67%;min-height:380px;}
nav {padding:10px 0px;}
nav:after {
	content:"";
	display:table;
	clear:both;
}

.chiclets ul, nav ul {
	padding:0;
	margin:0;
	list-style: none;
	position: relative;display:flex;justify-content:space-evenly;
	}
.chiclets {width:220px;display:block;margin-bottom:1.5em;}
.footer-social {width:300px;margin:30px auto;}
.footer-social ul {display:inline-flex;margin:0;padding:0;}

.chiclets ul li, .footer-social ul li, nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	}
		.footer-social ul li {margin:0px 10px;display:flex}
.chiclets li.social a svg {fill:#665594;width:18px;height:18px;}
.chiclets li.social a:hover svg {fill:#2a2054;}
nav a {color:white !important;font-weight:bold;padding:10px 8px;text-transform:uppercase;float:left;font-size:1.05vw;
text-shadow: 0px 0px 2px rgba(0,0,0,1);white-space:nowrap;line-height:20px;}
body.home nav a {font-size:1.4vw}
li.social a {padding:10px 5px;}

nav li.last a {
background:#665594;color:white;-webkit-border-radius: 6px;
-moz-border-radius: 6px;border-radius: 6px;}
li.social a svg {fill:white;vertical-align:middle;width:18px;height:18px;}

nav a:hover {
	background:#2a2054;color:white;-webkit-border-radius: 6px;
	-moz-border-radius: 6px;border-radius: 6px;text-decoration:none;}
nav li.last a:hover {
		background:#af32af;color:#fef5d6;-webkit-border-radius: 6px;
		-moz-border-radius: 6px;border-radius: 6px;}

nav ul ul {
	display: none;
	position: absolute;
	/* has to be the same number as the "line-height" of "nav a" */
	top:20px; background-color:#444;z-index:1200;width:200px;
}

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

nav ul ul li {
	float:none;
	display:inline-block;width:100%;
	position: relative;margin:0;padding:0;
}
nav ul ul li a {color:white;font-size:13px;padding:5px 5%;width:90%;line-height:15px;margin:5px 0px;display:block;}
nav ul li ul li a:hover, nav ul li ul li a:visited:hover {background-color:#B7D77A;color:#222;font-size:13px;}



.sign_up {
	width:40%;max-width:400px;}
#interior-hero-wrapper .sign_up {
	    width: 90%;margin:60px 5% 20px;
	    max-width: 1000px;
	}
	.sign_up header.at-title, 	.sign_up legend.at-legend {display:none;}
	.sign_up section.at-inner {background-color:transparent;}
#home-hero-wrapper .sign_up {background:rgba(255,255,255,.4);padding:30px;-webkit-border-radius: 12px;
-moz-border-radius: 12px;margin:5% 0 0 10%;
border-radius: 12px;}
/*
.sign_up header.HeaderHtml, .sign_up header.at-title, .sign_up legend.at-legend, .modalbox >.dialog legend.at-legend {display:none;}*/
.sign_up header.HeaderHtml {font-family: 'Roboto Condensed', sans-serif;font-size:24px;line-height:30px;font-weight:bold;text-shadow: 0px 0px 2px rgba(255, 255, 255, 1);}

#interior-hero-wrapper .sign_up header.HeaderHtml {color:white;text-shadow: none;font-size:20px;font-weight:normal;}
 .sign_up header.HeaderHtml p {margin-bottom:1em;}
  .sign_up header.HeaderHtml p:last-child {margin-bottom:0em;}
.HeaderHtml, .FooterHtml, .MeterHtml {
    padding: 0 !important;
}
.at-row.EmailAddress {order:1;width:48%;}
#interior-hero-wrapper .sign_up .at-row.EmailAddress {
    order: 1;
    width: 45%;margin-right:5%;
}
#interior-hero-wrapper .sign_up .at-row.PostalCode {order:3;width:15%;}
.at-row.FirstName {order:2;width:38%;}
.at-row.PostalCode input[type=tel] {margin:0;}
.at-fields .at-row>[class^="at-"] {min-width:100px;}
.sign_up .at-fields .at-row>[class^="at-"] {min-width:100px;margin:0;}
.sign_up .at-fields {display:flex;flex-wrap:wrap;}
.sign_up .at-fields .at-row label.at-text.EmailAddress, .sign_up .at-fields .at-row label.at-text.PostalCode {display: flex;
    flex-wrap: wrap-reverse;}
#interior-hero-wrapper .sign_up .at-fields .at-row label.at-text.EmailAddress, #interior-hero-wrapper .sign_up .at-fields .at-row label.at-text.PostalCode {color:white;}
.sign_up .at-row.EmailAddress {order:1;width:100%;}
.sign_up .at-row.PostalCode {order:3;width:30%;}
/*.sign_up .at-row.EmailAddress > label.at-text, .sign_up .at-row.PostalCode > label.at-text {color:#fff !important;}*/
fieldset.at-fieldset {padding:0 !important;}
.sign_up input::placeholder {
color:rgba(0,0,0,.6) !important;
  font-size: 1em;
}
/**.sign_up input.at-submit.btn-at.btn-at-primary {background:transparent url(/media/images/ak.submitbutton.png) 100% 100% no-repeat;width:210px;height:58px;color:transparent;margin:0;}
.sign_up input.at-submit.btn-at.btn-at-primary:hover {background:transparent url(/media/images/ak.submitbutton.hover.png) 100% 100% no-repeat;}**/
.sign_up input.at-submit.btn-at.btn-at-primary {background:#665594;color:white;-webkit-border-radius: 6px;
-moz-border-radius: 6px;margin-bottom:0;
border-radius: 6px;padding:15px 30px;font-family: 'Montserrat', sans-serif;font-weight:normal;font-size:20px;}
a.button:hover, a.donate-button:hover, .sign_up input.at-submit.btn-at.btn-at-primary:hover {background:#af32af;	color:#fef5d6;text-decoration:none;}
}.sign_up .UpdateMyProfile span.text {color:white;}
.sign_up .at-form-submit {
    padding: 0rem !important;
    float: right;
    margin-top: -86px;}
	.at input[type="text"], .at input[type="password"], .at input[type="date"], .at input[type="datetime"], .at input[type="datetime-local"], .at input[type="month"], .at input[type="week"], .at input[type="email"], .at input[type="number"], .at input[type="search"], .at input[type="tel"], .at input[type="time"], .at input[type="url"], .at input[type="color"], .at textarea {
		margin:10px 0 0  !important;height:54px !important;}
.main_content_wrapper {
	background:#ffffff;float:left;width:100%;padding:60px 0px;}
	.main_content {
width:850px;margin:0 auto;
}

.main_content.endorsements {text-align:center;width:1020px;font-size:20px;}
.main_content.endorsements .cols ul {margin:0;}
.main_content.endorsements .cols ul li {margin:0 0 20px 0;list-style-type:none;font-size:20px;line-height:24px;}

.main_content.endorsements h2 {font-size:38px;margin:60px 0px 40px}
.main_content.endorsements .cols {column-gap:80px;column-count:3;}
.main_content.endorsements .orgs {font-size:19px;column-gap:80px;column-count:2;white-space:nowrap;}

.photo-right {float:right;margin:0px 0px 20px 20px;}
.about .photo-right {width:50%;}
.photo-right img, .photo-left img {border:1px solid #777;max-width:100%;}
.photo-left {float:left;margin:0px 20px 20px 0px;}
.posted_on {
	color:#555555;
	font-size:.85em;
}
.sidebar {
	background-color:#dddddd;
	float:right;
	width:250px;
	margin:0px;
	padding:5px;
	min-height:450px;
}

.entry_image, .entry_video {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	width:300px;
}
.entry_image img {max-width:300px;}
.caption {
	font-size:14px;font-style:italic;text-align:center;
	color:black;margin-bottom:0;
}

.pull_quote_wrapper {
	float:right;
	width:200px;
	margin-left:15px;
	margin-bottom:10px;
}
.pull_quote {	color:#999;font-size:18px;padding-left:20px;
	font-weight:bold;
}
.close {float:right;font-size:80px;height:50px;width:50px;}
.open {font-size:80px;height:50px;width:50px;}
div.right {float:right;margin:0px 0px 10px 10px;}
div.left {float:left;margin:0px 10px 10px 0px;}
div.right img, div.left img {border:1px solid black;}
div.right p.caption, div.left p.caption {font-size:90%;color:#555;display:block;}

.facebook-box {background-color:white;width:292px;margin:10px 0px;}
.twitter-button {margin:20px 0px;}

.entry_video embed {
width:400px;}
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;}
input.formfield { margin:10px 20px 0px 0px;}
a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
a.stbar.chicklet {height:16px;line-height:16px;font-size:12px;}
.share_links { margin:10px 0px;height:24px;clear:both;}
@media only screen and (max-width: 1500px) {
.about, 	.donate-wrapper {width:80%;padding:60px 10%;}
#interior-hero-wrapper .sign_up {
	    width: 92%;margin:30px auto 10px;
	}
	#interior-hero-wrapper {
	    height: 320px;
	}
}
@media only screen and (max-width: 1300px) {
	#home-hero-wrapper .sign_up {
	    margin: 5% 0 0 1%;}
		p.actblueexpress {
		    font-size: 13px;line-height:16px;}
			a.donate-button {font-size:14px;}
}
@media only screen and (max-width: 1360px) {
	.about, 	.donate-wrapper {width:90%;padding:60px 5%;}
	#interior-hero-wrapper .sign_up {
		    width: 94%;		}
#interior-hero-wrapper .sign_up .at-row.EmailAddress, .at-row.EmailAddress {order:1;width:40%;min-width:90px;}
	#interior-hero-wrapper {
	    height: 300px;
	}
}
@media only screen and (max-width: 1200px) {
	#interior-hero-wrapper .sign_up {
		    width: 96%;	margin:5px auto;	}
			.sign_up header.HeaderHtml p {
			    margin-bottom: 0;font-size:17px;line-height:20px;
			}
.donate-text {width:50%;}			.donate-buttons {width:50%;min-width:200px;}
#interior-hero-wrapper {
    height: 240px;}
}
@media only screen and (max-width: 1020px) {
	#home-hero-wrapper .sign_up {
	    margin: 5% 0 0 1%;}
	.sign_up {
	    width: 40%;
	}
	nav a {font-size:15px;padding:5px 10px;}
}



/*iPad Landscape */
@media only screen and (max-device-width: 820px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
#home-hero-wrapper {height:40vh;}
.donate-buttons {width:30%;}
		a.donate-button {width:65px;}


}