html, body {height:100%;}
body { margin:0;padding:0;}
.mobile,  img.mobile-kp-photo, .print_header {display:none;}

#home-wrapper, #wrapper, .footer, .sign_up {margin:0 auto;
	width:1020px;
}

.megafooter {background:white;float:left;width:100%;}
.section {float:left;width:90%;padding:2% 5%;}
a {color:#214288;font-weight:bold;text-decoration:none;}
a:hover {color:#249EDF;}

header {padding:10px 0px 0px;width:100%;display:flex;align-items:flex-start;}
	.logo {width:14%;height:200px;position:absolute;left:43%;text-align:center;}
	.logo img {max-width:90%;}
.header_title h1 {background:#262362;padding:20px 0px;color:white;text-align:center;margin:60px 0px 25px;font-size:5vw;}
.home-top {width:52%;margin:10% 4% 0 0;float:right;}
.weare {display:flex;color:#070716;justify-content:space-between;margin:50px auto;width:65%;}
.weare h2 {margin-bottom:1em;}
.weare h2 a {font-size:3.4vw;color:#070716;}

.main-content h2 span, .main-content h2 {text-align:left;color:#298faf;font-size:2.5vw;line-height:1.3em;	display:block;}

.weare .left {width:55%;font-size:22px;line-height:36px;}
.weare .right {width:40%;}
.right img {max-width:100%;}
.signup {background:#1970b6;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;padding:3%;margin:0;}
.signup h2 {font-weight:600;margin:0 0 .2rem;font-size:2.5vw;color:white;	
}
.ngp-form header.at-title, .ngp-form header.at-markup, legend.at-legend {display:none;}
.ngp-form section.at-inner{background:transparent;}
.ngp-form .at-fields {background:transparent;display:flex;flex-wrap:no-wrap;}
.signup .ngp-form {height:92px;}
.signup .ngp-form section.at-inner label.at-text {color:white;text-transform:uppercase;font-size:12px;}
.signup .ngp-form section.at-inner .at-row-solo.PostalCode label.at-text, .signup .ngp-form section.at-inner .at-row-solo.EmailAddress label.at-text {display:flex;flex-wrap:wrap-reverse;margin:0;}
.at label.at-text input[type=tel], .at label.at-text input[type=email] {margin:22px 0 .2em !important;height:42px;}
.at label.at-text.error input[type=tel], .at label.at-text.error input[type=email] {margin:0px 0 .2em !important;}

label.at-text.error small.error {
    background: rgba(0,0,0,.2);color:white !important;font-size:.8rem;margin:0;height:22px;width:100%;padding: 0 .3rem;
}
.at .at-fieldset {
    padding:0 !important;
    min-width: 50% !important;
	 width:85%;float:left;}
	 .at-form-submit.clearfix {width:15%;float:right;padding:12px 0 0 0;text-align:left;}
	 	 .at-row-solo.PostalCode {width:120px;order:2;padding:0px 10px;}
	 .at-row-solo.EmailAddress {width:90%;order:0;padding:0px 10px}
	 .actions .signup .at-row-solo.EmailAddress {
    width: 70%;
}
	 .at-row.at-row-solo.at-row-full.UpdateMyProfile.at-mode-person-only {order:5;}
	 label.at-text.PostalCode {min-width:90px;}

 .signup .ngp-form section.at-inner footer.at-markup, .signup .UpdateMyProfile span.text {color:#fff;}
.at-form-submit .at-submit.btn-at.btn-at-primary {background-color:#25348a !important;font-weight:bold;}
.at-form-submit .at-submit.btn-at.btn-at-primary:hover {background-color:#050D56 !important;}
body.home .top p {color:#000;font-size:1.7vw;line-height:125%;font-weight:700;text-shadow: 0px 0px 8px rgba(255,255,255, .8);margin:2em 0 .5em;}
a.button {background-color:#214288;color:white;text-transform:uppercase;padding:10px 15px;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
a.button:hover {background-color:#249EDF;}
body.home .main-content {width:900px;text-align:center;padding-bottom:30px;}

body.home .main-content p {font-size:22px;line-height:38px;margin-bottom:50px;}
body.home .top {background:url(/template-static/padpac/images/defaziobg_wlogo.jpg) 50% 0% no-repeat;background-size:cover;height:60%;min-height:800px;}
.video {margin:3% 0 0 3%;}

.donate  {background:#262361;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.donate-text {
    width: 30%;
    margin: 2% auto
}

.donate-buttons {
    width: 48%;
    text-align: center;
    margin: 2% auto
}

a.donate-button {
    background: #2a3990;
    font-size: 1.4vw;line-height:120%;
    color: #fff;
    width: 95px;	letter-spacing:.05em;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    padding: 16px 16px 12px;
    display: inline-block;
    margin: 10px 2%;

}

a.donate-button:hover {
    background: #1970b6;
    color: #fff;
    text-decoration: none
}
.donate-text img {max-width:100%;}
.donate-text p a {	
    color: #fff;font-weight:500;
    font-size: 1.4vw;
}
.donate-text h2 a {	
    color: #fff;font-weight:500;
    font-size: 2.4vw;
}
.donate-text p {margin:0;}
p.actblueexpress {
    font-size: 1.1vw;line-height:1.5em;
    color: #fff;font-style:italic;

}
.actions {display:flex;align-items:center;margin:15px 0 40px;margin-top :0px; background:#1970b6;}
.actions .signup {background:#1970b6;-webkit-border-radius: 0px;
-moz-border-radius: 0px;border-radius: 0px;width:100%;position:relative;top:0px;right:0px;}
.actions .signup .ngp-form {height:auto;min-height:160px;}
.actions .donate h2 a, .actions .signup h2 {font-size:1.7vw;font-weight:700;}
.actions .signup, .actions .donate {padding:20px 2%;}
.actions .donate-text {
    width: 32%;
    margin:0 auto
}
.actions .donate-buttons {
    width:68%;
    text-align: center;
    margin:0 auto
}

a.donate-button {
    font-size: 1.2vw;
    padding: 12px 12px 10px;


}


.actions .donate-text p a {	
    font-size: 1vw;}
.actions .donate-text p{ line-height:120%;
}
.actions .donate-text h2 {
    margin-top: 0em;
}
.actions p.actblueexpress {margin-bottom:1em;font-size:.9vw;}

	nav, .footernav {text-align:center;width:1200px;margin:0px auto;}
	nav li#Home  {background:url(/template-static/padpac/images/padpac_headerlogo.png) 50% 50% no-repeat;width:147px;height:80px;background-size:cover;}
	nav li#Home a{color:transparent;width:100%;height:100%;display:block;padding:0;margin:0;}
	body.home nav li#Home  {background-image:none;height:0;}
	body.home nav {position:relative;top:10px;}
	.petition {background:#efefef;width:600px;margin:0 auto;padding:30px 30px 0px 30px;}

/*.footernav ul, nav ul {
	padding:0;
	margin:0;
	list-style: none;
	position: relative;display:inline-block;
	}	
.footernav ul li, nav ul li {
	margin: 0px;
	display:inline-block;

	}
	*/
	.footernav ul , nav ul {
		padding:0;
		margin:0;
		list-style: none;display:flex;align-items:center;justify-content:space-between;
		}
			.footernav li#Home {order:-1;}

	.footernav ul, nav ul li {
		margin: 0px;
		}
		.footernav  {width:500px;margin:0 auto;}
nav a {color:#002b58;font-weight:800;font-size:1.5vw;padding:5px;margin:5px 20px;text-transform:uppercase;	letter-spacing:-.02em;}
body.home2 nav a, body.home nav a {color:#1c5587;text-shadow: 0px 0px 5px rgba(255,255,255, .9)}
body.home2 nav li#Home a, body.home nav li#Home a {color:transparent;text-shadow:none;}
body.home nav a:hover, nav a:hover{
color:#0a2485;
}

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

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:12px;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;}
.things h2 {font-size:2.4vw;border-bottom:10px solid #1D75BC;border-style:double;padding:10px;margin:0;}
.things img {max-width:100%;}
.main-content p, .main-content ul {margin:1.5em 3.5em;}
body.priorities .main-content ul {margin:-1em 0 0 5.5em;}
body.priorities .main-content ul li {margin-bottom:.5em;font-size:20px;}
.main-content.narrow {width:600px;}
#wrapper.main-content-area.wide {width:90%;max-width:1300px;display:flex;justify-content:space-between;}
.things {width:40%;max-width:480px;font-size:18px;line-height:1.5em;}
.thing {display:flex;align-items:flex-start;margin:20px 0px;}
.thing .thing-content {padding-left:20px;}
.thing .thing-number {font-size:40px;color:white;background:#1D75BC;font-weight:bold;padding:25px 25px;border:5px solid #2C3990;}
.bio {width:54%;font-size:1.4vw;line-height:1.5em;}
.bio p {margin-bottom:1.5em;}
.bio h2 {font-size:2.2vw;line-height:1.3em;}
.main-content.narrow p {margin:1.5em 0em;}
.main-content h3 {color:#1d75bc;font-size:1.8vw;}
.main-content img {max-width:100%;}
.main-content ul li {margin-bottom:1em;}

.highlight {background:#f9f984;font-weight:bold;}
/*list-style-type: "\2297";padding:10px;list-style-position: outside;*/}
ul.warning li::marker {color:#b81e2c;font-size:40px;}
.main-content {line-height:1.5em;width:960px;margin:0px auto;padding-bottom:180px;}
.footernav {padding:15px 0px;display:flex;justify-content:space-evenly;}

.footer {text-align:center;width:100%;color:white;font-size:14px;padding:0;display:flex;align-items:flex-end;}
 .footer-content {width:50%;}
.footer-logo{width:50%;height:254px;background:url(/template-static/padpac/images/padpac_footerlogo.png) no-repeat;background-size:contain;}
.footer-logo img {max-width:100%;}

.disclaimer {border:1px solid #20145f;width:90%;margin:10px auto;color:#20145f;padding:5px;text-transform:uppercase;line-height:110%;}

.social-links a:hover {background:none;border-bottom:none;}
.social-links svg {fill:#20145f;height:50px;width:50px;margin:5px;}
.social-links a:hover svg {fill:#1970b6;height:50px;width:50px;}
.sharethis-inline-share-buttons {float:left;width:100%;margin:40px 0px 180px;text-align:center;}
body.share .main-content {text-align:center;margin:0 auto 30px;
}
.sharing-buttons {display:flex;align-items:center;justify-content:space-around;width:200px;margin:0 auto;}.fb-share-button, .twitter-button {margin:0 auto;line-height:1;}

form#emf-form {width:800px;margin:30px auto 10px;}
form#emf-form input[type=text] {height:43px;width:99%;}
form#emf-form input[type=submit] {margin:0;}
form#emf-form input#element_8 {width:120px;margin-left:20px;}
form#emf-form input#element_7 {width:400px;margin-left:20px;}
form#emf-form div.row {display:flex;justify-content:space-between;margin-bottom:20px;align-items:flex-start;line-height:1;}
.small_label {line-height:1;}
form#emf-form .small_label b {font-weight:400;font-size:15px;}
form#emf-form div.field:nth-of-type(1) {}
form#emf-form div.field.flex-field {display:flex;}
@media only screen and (max-width: 1500px) {
		body.home .top p {
font-size: 1.9vw;}	
.actions .signup .at-row-solo.EmailAddress {
    width: 50%;
}
}
@media only screen and (max-width: 1364px) {
	  	.home-top {margin:8% 4% 0 0;}
		.weare {width:80%;}
			body.home .top p {
 font-size: 2.2vw;}		 
.at-row-solo.PostalCode {
    width: 90px;}
	 .at-row-solo.EmailAddress {
	     width: 50%;}
		  .signup h2 {
		      font-size: 2.4vw;}
}

  /* Maximum aspect ratio */
  @media (max-aspect-ratio: 3/2) {
	  	.home-top {margin:14% 4% 0 0;}
    
  }


  /* Exact aspect ratio, put it at the bottom to avoid override*/
  @media (aspect-ratio: 1/1) {
    div {
      background: #f9a; /* red */
    }
  }   
  /*
	 	   @media only screen and (orientation:portrait) and (max-width: 1024px)  {
	 			body.home .top {
	 			    height: 50%;}
					body.home header {height:180px;}
					body.home nav {width:40%;} body.home nav ul.nav  {width:100%;}
					body.home nav a {margin:5px;}
#wrapper {width:100%;}
.donate, .actions .donate {display:block;}
.actions .donate-text, .donate-text, .actions .donate-buttons, .donate-buttons {
    width: 100%;text-align:center;
    margin-right: 0%;}
	 .main-content h2 span, .main-content h2 {font-size:4vw;}
	 .actions .signup {
	     width: 120%;}
		  .signup h2, .actions .signup h2 {font-size:3vw;}
		  .donate-text p a, .actions .donate-text p a {
		      font-size: 2.4vw;
		  }
		  .donate-text p img {max-width:300px;}
		  p.actblueexpress{font-size:1.8vw;}
	 					.main-content {
					    width: 90%;}
						 .main-content p, .main-content ul {
						     margin: 1.5em 0em;
						 }
	 			 }*/