CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta name="facebook-domain-verification" content="lshpgioyuowd3fsgo1p93vs3em39zh" /> <meta charset="utf-8"> <title>Sign Up for Email Updates from People For | PFAW</title> <script>startTime=new Date()</script> <link rel="SHORTCUT ICON" href="https://s3.us-east-1.amazonaws.com/s3.pfaw.org/images/peoplefor-favicon.png"> <meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta property="og:title" content="Sign Up for Email Updates from People For" /> <meta name="description" property="og:description" content=""> <meta property="og:url" content="https://act.pfaw.org/signup/signup-peoplefor" /> <meta property="og:site_name" content="PFAW"> <meta property="og:type" content="article"> <meta name="twitter:card" value="summary"> <script type="text/javascript"> pageType = 'pfaw'; var dataLayer = dataLayer || []; dataLayer.push({'pageType':pageType}); </script> <style>.async-hide { opacity: 0 !important} </style> <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date; h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')}; (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c; })(window,document.documentElement,'async-hide','dataLayer',4000, {'GTM-5BNWG4X':true});</script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-3966415-1', 'auto'); ga('require', 'GTM-5BNWG4X'); </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5J9DGJ');</script> <style type="text/css"> @charset "UTF-8"; @font-face { font-family: "Mona Sans"; src: url(https://s3.us-east-1.amazonaws.com/s3.pfaw.org/images/MonaSans.woff2) format("woff2 supports variations"), url(https://s3.us-east-1.amazonaws.com/s3.pfaw.org/images/MonaSans.woff2) format("woff2-variations"); font-weight: 200 300 400 500 600 700 800 900; font-stretch: 75% 125%; } .button--blue, .button--black, .button--red, .button, input[type=button] { background-image: linear-gradient(to bottom, #4b6a24 50%, #192f58 50%); background-size: 100px 100px; background-color: #4b6a24; border-bottom: 5px solid #192f58; color: #FFFFFF; cursor: pointer; display: inline-block; font-family: "Mona Sans", sans-serif; font-size: 12px; font-weight: bold; line-height: 1; margin: 0 0 0.5em; padding: 1em 2.5em; text-align: center; text-decoration: none; text-shadow: none; text-transform: uppercase; transition: background-position 0.3s; vertical-align: baseline; } .button--blue:hover, .button--black:hover, .button--red:hover, .button:hover, input[type=button]:hover { background-position: 0 100%; color: #FFFFFF; outline: 0; } .button--blue:focus, .button--black:focus, .button--red:focus, .button:focus, input[type=button]:focus { color: #FFFFFF; } .button--blue:active, .button--black:active, .button--red:active, .button:active, input[type=button]:active { background-color: #304417; border-color: black; } .our-experts .button--blue, .our-experts .button--black, .our-experts .button--red, .our-experts .button, .our-experts input[type=button] { border: none; height: auto; padding: 0.75em 1.25em; } .button--blue + .button--blue, .button--black + .button--blue, .button--blue + .button--black, .button--black + .button--black, .button--red + .button--blue, .button--red + .button--black, .button--blue + .button--red, .button--black + .button--red, .button--red + .button--red, .button + .button--blue, .button + .button--black, .button + .button--red, .button--blue + .button, .button--black + .button, .button--red + .button, .button + .button, input[type=button] + .button--blue, input[type=button] + .button--black, input[type=button] + .button--red, input[type=button] + .button, .button--blue + input[type=button], .button--black + input[type=button], .button--red + input[type=button], .button + input[type=button], input[type=button] + input[type=button] { margin-left: 1em; } [dir=rtl] .button--blue + .button--blue, [dir=rtl] .button--black + .button--blue, [dir=rtl] .button--blue + .button--black, [dir=rtl] .button--black + .button--black, [dir=rtl] .button--red + .button--blue, [dir=rtl] .button--red + .button--black, [dir=rtl] .button--blue + .button--red, [dir=rtl] .button--black + .button--red, [dir=rtl] .button--red + .button--red, [dir=rtl] .button + .button--blue, [dir=rtl] .button + .button--black, [dir=rtl] .button + .button--red, [dir=rtl] .button--blue + .button, [dir=rtl] .button--black + .button, [dir=rtl] .button--red + .button, [dir=rtl] .button + .button, [dir=rtl] input[type=button] + .button--blue, [dir=rtl] input[type=button] + .button--black, [dir=rtl] input[type=button] + .button--red, [dir=rtl] input[type=button] + .button, [dir=rtl] .button--blue + input[type=button], [dir=rtl] .button--black + input[type=button], [dir=rtl] .button--red + input[type=button], [dir=rtl] .button + input[type=button], [dir=rtl] input[type=button] + input[type=button] { margin-left: 0; margin-right: 1em; } .button--red { background-image: linear-gradient(to bottom, #ae272b 50%, #192f58 50%); } .button--black { background-image: linear-gradient(to bottom, #353b3a 50%, #ed1c24 50%); border-bottom: 5px solid #ed1c24; } .button--blue { background-image: linear-gradient(to bottom, #ae272b 50%, #004b8e 50%); } .visually-hidden, .focusable { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px; word-wrap: normal; } .focusable:active, .focusable:focus { clip: auto; height: auto; overflow: visible; position: static; width: auto; } .hidden { display: none; } .invisible { visibility: hidden; } .clearfix:after { clear: both; content: ""; display: table; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } b, strong { font-weight: bold; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } svg:not(:root) { overflow: hidden; } code, kbd, pre, samp { font-family: Consolas, "Lucida Console", "Liberation Mono", "Courier New", monospace, sans-serif; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font-family: inherit; font-size: 100%; margin: 0; max-width: 100%; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: none; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } abbr, blockquote, code, kbd, q, samp, tt, var { hyphens: none; } img, input, textarea, video { height: auto; max-width: 100%; } embed, iframe, object { max-width: 100%; } ::-moz-selection { background: blue; color: #fff; text-shadow: none; } ::selection { background: blue; color: #fff; text-shadow: none; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } * { transition-duration: 0.2s; transition-property: background-color, border-color, box-shadow, color, opacity, text-shadow, transform; transition-timing-function: linear; } a { background-color: transparent; color: #004b8e; outline-offset: 0.1111111111em; text-decoration: none; } a:active, a:hover { outline: 0; } a:hover, a:focus { color: #192f58; } abbr { font-variant: small-caps; text-transform: lowercase; } abbr[title] { border-bottom: 1px dotted; } abbr:hover { cursor: help; } blockquote { background: #eff3f3; padding: 1.5em; margin: 0 0.75em 2em 0.75em; } blockquote p:last-of-type { margin-bottom: 0; } body { background-color: #FFFFFF; color: #353b3a; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; word-wrap: break-word; } button { border: none; overflow: visible; } dd { margin-bottom: 1.5em; } dfn { font-style: italic; } dl { margin: 0 0 1.5em; } figure { margin: 0 0 1.5em; } h6, h5, h4, h3, h1, h2 { color: #192f58; font-family: "Mona Sans"; font-weight: normal; hyphens: none; line-height: 1.1; position: relative; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } h6 a:after, h5 a:after, h4 a:after, h3 a:after, h1 a:after, h2 a:after { content: "\f105"; display: inline; font-weight: bold; font-family: FontAwesome; margin-left: 0.4em; } h1, h2 { color: #192f58; font-size: 38px; line-height: 1; margin: 0; padding-top: 0.5em; font-weight: 900; } @media (min-width: 43.75em) { h1, h2 { font-size: 49px; } } h1 a, h2 a { color: #192f58; } h2 { font-size: 30px; margin-bottom: 0.5em; } @media (min-width: 43.75em) { h2 { font-size: 40px; } } @media (min-width: 43.75em) { .donation-content h1, .donation-content h2 { font-size: 34px; } } h3 { font-size: 1.2222222222em; margin: 0 0 0.5em 0; font-weight: 700; } h3 a { color: #353b3a; } h3 a:hover { color: #004b8e; } h4 { font-family: "Mona Sans", sans-serif; font-size: 1em; font-weight: bold; line-height: 1.5; margin: 0 0 0.25em 0; } h5 { font-size: 1.2222222222em; margin: 0 0 1.5em; } h6 { font-size: 0.6666666667em; margin: 0 0 1.5em; } hr { border: 1px solid #ccc; box-sizing: content-box; height: 0; margin: 1.5em 0; padding-bottom: -1px; } html { font-family: "Mona Sans", sans-serif; font-weight: 300; font-size: 112.5%; hyphens: none; line-height: 1; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } img { border: 0; } input { border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #353b3a; font-family: "Mona Sans", sans-serif; font-weight: bold; line-height: normal; } input::-webkit-input-placeholder { color: #7A8281; } input:-moz-placeholder { color: #7A8281; } input::-moz-placeholder { color: #7A8281; } input:-ms-input-placeholder { color: #7A8281; } input[type=button] a { color: #FFFFFF; } input[type=text] { margin-right: 10px; } input[type=tel], input[type=text], input[type=email] { font-size: 14px; height: 39px; padding: 0.5em; font-weight: 500; } legend { border: 0; margin: 0; padding: 0; } mark { background: #ff0; color: #000; } ol { font-family: "Mona Sans", sans-serif; margin: 0 0 1.5em; padding: 0 0 0 1.5em; } ol li { line-height: 1.5em; margin-bottom: 1.5em; } [dir=rtl] ol { padding: 0 1.5em 0 0; } ol ol, ol ul { margin: 1.25em 0 1.25em 0; } optgroup { font-weight: bold; } p { font-family: "Mona Sans", sans-serif; font-weight: 400; line-height: 1.5; margin: 0 0 1em; } pre { margin: 0 0 1.5em; overflow: auto; } section { margin: 1.25em 0 1.25em 0; } @media (min-width: 50em) { section { margin: 3em 0 2em 0; } } small { font-size: 1.2222222222em; } strong { font-weight: 600; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { border-collapse: collapse; border-spacing: 0; } td { padding: 1em; } textarea { overflow: auto; } th { padding: 1em; text-align: left; } ul { margin: 0 0 1.5em; padding: 0 0 0 1.2em; } [dir=rtl] ul { padding: 0 1.2em 0 0; } ul ol, ul ul { margin: 0; } @media print { * { background: transparent !important; box-shadow: none !important; color: #000 !important; text-shadow: none !important; } iframe, nav { display: none; } a, a:visited { text-decoration: none; } a[href]:after { content: " <" attr(href) ">"; font-family: "Mona Sans", sans-serif; font-size: 10pt; font-weight: normal; text-transform: lowercase; } a[href^="javascript:"]:after, a[href^="mailto:"]:after, a[href^="tel:"]:after, a[href^="#"]:after { content: ""; } abbr[title]:after { content: " (" attr(title) ")"; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } img, tr, ul { page-break-inside: avoid; } img { max-width: 100% !important; } h1 a:after, h2 a:after, h3 a:after, h4 a:after, h5 a:after, h6 a:after { display: inline-block; } h2, h3, h4, p { orphans: 3; widows: 3; } h2, h3, h4 { page-break-after: avoid; } @page { margin: 2cm; } } .layout-constrain, .layout-constrain--narrow, .layout-constrain--hero { margin-left: auto; margin-right: auto; max-width: 66.6666666667em; padding-left: 1em; padding-right: 1em; } @media (min-width: 80em) { .layout-constrain, .layout-constrain--narrow, .layout-constrain--hero { padding-left: 1em; padding-right: 1em; } } .layout-constrain--hero { padding: 0; max-width: 83.3333333333em; } .layout-constrain--narrow { max-width: 44.4444444444em; } .layout-main { overflow: hidden; } .button a { color: #FFFFFF; } header#header { margin-left: auto; margin-right: auto; padding: 0 3em; max-width: 1200px; } header#header .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } @media screen and (max-width: 1024px) { header#header .navbar { justify-content: space-evenly; } } header#header nav.navbar { padding: 20px 0; } @media screen and (max-width: 1024px) { header#header nav.navbar { padding: 12px 0; } } header#header a { transition: all 0.2s; } header#header .navbar-brand { padding-top: calc((2.5rem - 39px) * 0.5); padding-bottom: calc((2.5rem - 39px) * 0.5); margin-right: 1rem; font-size: 26px; color: rgba(53, 59, 58, 0.9); text-decoration: none; white-space: nowrap; } @media screen and (max-width: 1024px) { header#header .navbar-brand { margin-right: 0; } } header#header .navbar-brand:hover, header#header .navbar-brand:focus { color: rgba(53, 59, 58, 0.9); text-decoration: none; } header#header .navbar-brand img { max-width: 170px; height: auto; } header#header .navbar-brand img.full, header#header .navbar-brand img.flex { width: auto; height: 65px; } header#header .navbar-brand img.full { height: 70px; } @media screen and (max-width: 768px) { .main { padding-top: 0 !important; } } .site-footer { background: #0B164C; color: #fff; padding: 40px 0 50px 0; font-family: "Mona Sans", sans-serif; } .site-footer a { color: #fff; text-decoration: none; transition: all 0.2s; font-weight: 800; } .site-footer ul { list-style: none; padding: 0; margin: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; } .site-footer .container { margin-left: auto; margin-right: auto; padding: 0 1em; max-width: 1200px; } .site-footer .container .block-content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-footer .container .block-content .group-header { display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 30px; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } @media screen and (max-width: 750px) { .site-footer .container .block-content .group-header { flex-direction: column-reverse; flex: 0 0 50%; justify-content: flex-end; } } .site-footer .container .block-content .group-header .field__items ul { gap: 16px; } .site-footer .container .block-content .group-header .field__items.social-links a img { height: 20px; width: auto; } .site-footer .container .block-content .group-header .field__items.footer-links a { text-decoration: none; transition: all 0.2s; font-size: 15px; font-weight: 800; } @media screen and (max-width: 750px) { .site-footer .container .block-content .group-header .field__items.footer-links ul { display: block; } .site-footer .container .block-content .group-header .field__items.footer-links ul li { margin-bottom: 10px; } } .site-footer .container .block-content .group-left { margin-top: 30px; -webkit-flex: 0 0 calc(100% - 260px); -ms-flex: 0 0 calc(100% - 260px); flex: 0 0 calc(100% - 260px); } @media screen and (max-width: 750px) { .site-footer .container .block-content .group-left { order: -1; flex: 0 0 100%; margin: 0 0 30px 0; } } .site-footer .container .block-content .group-left .footer-signup { margin-bottom: 10px; } .site-footer .container .block-content .group-left .footer-signup label { font-stretch: 125%; font-size: 64px; font-weight: 900; line-height: 99%; letter-spacing: -0.64px; color: #32AEF5; margin-bottom: 30px; display: block; } @media screen and (max-width: 850px) { .site-footer .container .block-content .group-left .footer-signup label { font-size: 48px; line-height: 105%; letter-spacing: -0.48px; } } @media screen and (max-width: 750px) { .site-footer .container .block-content .group-left .footer-signup label { margin-bottom: 20px; } } .site-footer .container .block-content .group-left .footer-signup input[type=text], .site-footer .container .block-content .group-left .footer-signup input[type=submit] { margin: 0; display: inline-block; float: left; } .site-footer .container .block-content .group-left .footer-signup input[type=text] { color: #0B164C; border: none; border-radius: 30px 0 0 30px; font-size: 16px; line-height: 140%; padding: 14px 20px; width: 300px; max-width: calc(100% - 100px); height: unset; margin-right: 0; } .site-footer .container .block-content .group-left .footer-signup input[type=submit] { color: white; font-size: 16px; font-weight: 800; line-height: 140%; letter-spacing: -0.16px; background: #E50B5B; border-radius: 0px 30px 30px 0px; border: none; padding: 14px 20px 14px 15px; text-transform: none; } .site-footer .container .block-content .group-left #signupfooter-error, .site-footer .container .block-content .group-left #signupfooter-replacement { display: none; width: 100%; text-align: left; padding-top: 10px; font-weight: bold; } .site-footer .container .block-content .group-left #signupfooter-replacement { line-height: 36px; color: #fff; padding-bottom: 19px; } .site-footer .container .block-content .group-left #signupfooter-error { color: #E50B5B; } .site-footer .container .block-content .group-right { -webkit-flex: 0 0 260px; -ms-flex: 0 0 260px; flex: 0 0 260px; text-align: right; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 750px) { .site-footer .container .block-content .group-right { flex: 0 0 50%; } } .site-footer .container .block-content .group-right .field p { margin-top: 0; margin-bottom: 1rem; font-size: 15px; line-height: 136%; font-weight: 400; text-align: right; } .site-footer .container .block-content .group-right .field.field-address { margin-top: -20px; } @media screen and (max-width: 950px) { .site-footer .container .block-content .group-right .field.field-address { margin-top: 10px; margin-bottom: 10px; } } @media screen and (max-width: 750px) { .site-footer .container .block-content .group-right .field.field-address { margin: 0; } } .site-footer .container .block-content .group-right .field.field-logo img { width: 140px; height: auto; } .site-footer .container .block-content .group-footer { margin-top: 15px; } .site-footer .container .block-content .group-footer ul { gap: 10px; } .site-footer .container .block-content .group-footer a { font-size: 12px; line-height: 120%; letter-spacing: 0.84px; text-transform: uppercase; } .section-title--med { font-size: 30px; } @media (min-width: 43.75em) { .section-title--med { font-size: 40px; } } .aural-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .footer-sidebar__widgets { text-align: center; color: #FFFFFF; font-size: 90%; } .footer-sidebar__widgets div, .footer-sidebar__widgets .textwidget { display: inline-block; text-align: center; width: 100%; } .footer-sidebar__widgets .textwidget { font-size: 10pt; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: bold; line-height: 30px; } .main { padding: 15px 0; width: 100%; overflow: hidden; outline: none; } @media (min-width: 43.75em) { .main { padding: 30px 0; } } @media (min-width: 43.75em) { .ak-pagetype-donate .main { padding-top: 0; } } @media (max-width: 900px) { .header__buttons ul { display: none; } } .multistep-logo img { max-width: 100%; height: auto; } .onetimelink .lbp2 { line-height: 29px !important; } .onetimelink .lbp3 { margin-bottom: 6px !important; } .onetimelink .lbottextlink { margin-top: 10px !important; } .onetimelink .lbottextlink, .onetimelink .lbottextlink a, .onetimelink .lbottextlink a:hover { color: #fff !important; text-decoration: underline !important; cursor: pointer; } #onetime_override, #onetime_override_mobile { color: #0000FF; text-decoration: underline; text-align: center; cursor: pointer; display: none; } #onetime_override { color: #FFFFFF; clear: both; text-align: center; margin-top: 10px; } #s63Container { min-height: 600px; } .donation-form, .donation-content { width: 50%; float: left; } .donation-form { float: right; } .donation-content { font-size: 1em; line-height: 1.3em; box-sizing: border-box; -moz-box-sizing: border-box; padding-right: 3em; padding-left: 2em; } #s63Container .donation-content h1, #s63Container .donation-content h2 { font-size: 22px; } .donation-content p { font-size: 15px; line-height: 1.4em; } .donation-content ul, .donation-content ol { font-size: 15px; line-height: 1.4em; } .donation-content ul li, .donation-content ol li { margin-bottom: 4px; } .donation-form-seals { text-align: center; margin-top: 1em; } .donation-form-seals #vs_seal { display: inline-block; vertical-align: middle; } .donation-form-seals .donation-form-seals--paypal { display: none; vertical-align: middle; margin-right: 1em; } .donation-form-seals .donation-form-seals--paypal img { max-height: 85px; width: auto; } .is-paypal-active .donation-form-seals .donation-form-seals--paypal { display: inline-block; } .donation-form .logged-in-message { background: #ddd; color: #777; padding: 1px 1em; border-bottom: 1px solid #fff; } .donation-form .logged-in-message p::before { content: "i"; font-weight: bold; border-radius: 50%; width: 1.375em; height: 1.375em; background: #aaa; display: inline-block; text-align: center; color: #ddd; line-height: 1.375em; font-family: monospace; font-size: 1.125em; margin-right: 0.25em; } .donation-form .logged-in-message p { font-size: 12px; } .donation-form .logged-in-message a { text-decoration: underline; } .multistep-form { background: #eee; padding: 1em 2em 2.5em 2em; max-width: 500px; margin: 0 auto; font-size: 75%; overflow: hidden; } #s63Container .multistep-form h1, #s63Container .multistep-form h2 { color: #2c4667; font-weight: bold; } .multistep-form header { margin-bottom: 2em; } .multistep-form .disclaimer { font-style: italic; margin-top: 2.5em; color: #444; text-align: left; } .multistep-form .form-content .disclaimer { margin-top: 1em; margin-bottom: 0.5em; } .multistep-form ul.disclaimer { margin: 1em 0; padding: 0 0 0 0.25em; } .multistep-form ul.disclaimer li { font-style: italic; } .multistep-form .disclaimer + .disclaimer { margin-top: 0; } .multistep-nav { padding-bottom: 1em; padding-top: 0.25em; font-size: 95%; } .multistep-nav ul { list-style: none; margin: 0; padding: 0; width: 100%; text-align: center; } .multistep-nav ul li { display: inline-block; } .multistep-nav-item { padding: 0; margin: 0; display: inline-block; font-size: 0.9em; cursor: pointer; } .multistep-nav-item::after { content: "—"; color: #999; display: inline-block; padding: 0 0.5em; } .multistep-nav-item.ak-donate-step-3::after { display: none; } .multistep-nav-item span { display: inline-block; background: #fff; border-radius: 50%; height: 1.5em; width: 1.5em; text-align: center; line-height: 1.55em; border: 1px solid #ccc; color: #999; transition: background 0.5s, color 0.5s; } .ak-donate-menu input:checked + span.ak-step-number { background: #c70e47; border: 1px solid transparent; color: #fff; } .multistep-nav-item { color: #004b8e; text-decoration: none; font-weight: bold; transition: color 0.5s; } .multistep-nav-item input[type=radio] { position: absolute; left: -9999px; } .multistep-form .form-row .form-content .giving-levels-level { display: none; width: 31%; float: left; margin: 1em 0 0 3.5%; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; } .multistep-form .form-row .form-content .giving-levels-level-visible { display: block; } .multistep-form .form-row .form-content .giving-levels-level.giving-levels-level-0, .multistep-form .form-row .form-content .giving-levels-level.giving-levels-level-3, .multistep-form .form-row .form-content .giving-levels-level.giving-levels-level-6, .multistep-form .form-row .form-content .giving-levels-level.giving-levels-level-9 { margin-left: 0; } .multistep-form--nudge .giving-levels-level-1:before { left: 50%; top: -30px; width: 25px; content: ""; height: 25px; display: block; margin-left: -8px; position: absolute; background-size: cover; background-position: 50% 50%; background-image: url("https://s3.amazonaws.com/s3.pfaw.org/images/pfaw-arrow-up_red.png"); } .multistep-form--nudge .nudge-content, .multistep-form--nudge .nudge-amount, .multistep-form--monthly-nudge .nudge-content-monthly { color: #b02528; font-size: 18px; margin-bottom: 0; font-family: "Architects Daughter", cursive; margin-top: -10px; } .multistep-form--monthly-nudge .nudge-content-monthly { font-size: 16px; font-weight: bold; margin-left: 18%; position: relative; overflow: visible; margin-bottom: 0.5em; } .multistep-form--monthly-nudge .nudge-content-monthly:before { left: -25px; top: -10px; width: 25px; content: ""; height: 25px; display: block; position: absolute; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; background-image: url("https://s3.amazonaws.com/s3.pfaw.org/images/pfaw-arrow-up_red.png"); } .multistep-form--monthly-nudge .nudge-content-monthly, .multistep-form--nudge .nudge-content { padding-left: 10px; } .multistep-form:not(.multistep-form--nudge) .nudge-content, .multistep-form:not(.multistep-form--nudge) .nudge-amount { display: none; } @media (max-width: 800px) { .multistep-form--nudge .nudge-content { padding-left: 0; text-align: center; } } .multistep-form:not(.multistep-form--nudge) .giving-levels-level-1:before { display: none; } .multistep-form .form-row .form-content .giving-levels-level * { box-sizing: border-box; -moz-box-sizing: border-box; } .multistep-form .form-row .form-content .giving-levels-level input[type=radio] { position: absolute; left: -999px; } .multistep-form .form-row .form-content .giving-levels-level input[type=radio] + label { display: block; width: 100%; cursor: pointer; text-align: center; font-weight: bold; font-size: 1.375em; border: 1px solid #d2d2d2; background: #fff; background-color: #ffffff; text-align: center; font-size: 18px; font-weight: 800; line-height: 130%; padding: 9px 22px; border-radius: 34px; text-decoration: none !important; transition: all 0.4s ease-in-out; z-index: 200; display: inline-block; position: relative; overflow: hidden; } .multistep-form .form-row .form-content .giving-levels-level input[type=radio] + label.giving-levels-level-label--selected { background: #c6134a; color: #fff; -webkit-box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.15); box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.15); } .multistep-form .form-row .form-content .giving-levels-level input[type=radio]:checked + label { background: #c6134a; color: #fff; -webkit-box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.15); box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.15); } .multistep-form .form-row .form-content.giving-levels { text-align: justify; } .multistep-form .form-row .form-content.giving-levels ul { margin: -1em 0 0 0; width: 100%; padding: 0; list-style: none; margin-top: 10px; } .multistep-form .form-row .form-content.giving-levels ul::after { content: " "; display: inline-block; width: 100%; } .multistep-form .form-row .form-content .giving-levels-level--other label.aural-only { display: none !important; } .multistep-form .form-row .form-content .giving-levels-level--other input { vertical-align: middle; display: inline-block; width: 85%; font-size: 18px; font-weight: 800; line-height: 130%; padding: 9px 22px; border-radius: 34px; } .multistep-form .form-row .form-content .giving-levels-level--other span { font-size: 1.375em; font-weight: bold; display: inline-block; vertical-align: middle; width: 15%; } .multistep-form .form-row .form-content .payment-types { padding: 0; margin: 0 0 1.5em 0; width: 100%; overflow: hidden; } .multistep-form .form-row .form-content .payment-types-type { display: block; width: 37.5%; float: left; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; font-size: 1.375em; } .multistep-form .form-row .form-content .payment-types-type * { -moz-box-sizing: border-box; box-sizing: border-box; } .multistep-form .form-row .form-content .payment-types-type input[type=radio] { position: absolute; left: -999px; } .multistep-form .form-row .form-content .payment-types-type input[type=radio] + label { overflow: hidden; display: block; width: 100%; padding: 0.75em 0.25em; cursor: pointer; text-align: center; font-weight: bold; font-size: 1em; line-height: 1.375em; color: #2c4667; border: 1px solid #d2d2d2; border-width: 1px 1px 1px 0; background: #fff; background-color: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); background: -webkit-linear-gradient(top, #ffffff, #eeeeee); background: -moz-linear-gradient(top, #ffffff, #eeeeee); background: -ms-linear-gradient(top, #ffffff, #eeeeee); background: -o-linear-gradient(top, #ffffff, #eeeeee); } .multistep-form .form-row .form-content .payment-types-type--paypal input[type=radio] + label span { width: 100%; height: 100%; display: block; background-image: url(https://secure.pfaw.org/images/content/pagebuilder/paypal-logo-2015.png); background-size: auto 1.325em; background-position: center center; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; } .multistep-form .form-row .form-content .payment-types-type:first-child input[type=radio] + label { border-right-width: 0; border-left-width: 1px; } .multistep-form .form-row .form-content .payment-types-type input[type=radio] + label.payment-types-type-label--selected { background: #ddd; -webkit-box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.15); box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.15); } .multistep-form .form-row .form-content .payment-types-type input[type=radio]:checked + label { background: #ddd; -webkit-box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.15); box-shadow: inset 2px 2px 0 0 rgba(0, 0, 0, 0.15); } .multistep-form label { white-space: normal; width: 100%; display: block; font-weight: bold; overflow: hidden; line-height: 1.65em; } .multistep-form .giving-levels-level--other label { display: inline; width: auto; } .multistep-form label.multistep-nav-item { overflow: visible; } .multistep-form label .required { color: #c70e47; font-weight: bold; font-size: 1.375em; line-height: 1em; } .multistep-form label .help { font-weight: normal; } .multistep-form label .help a { color: #006699; font-size: 0.9em; } .multistep-form label .card-set { float: right; vertical-align: bottom; } .multistep-form label .card-set img { border: 1px solid #ddd; width: 30px; height: auto; margin-left: 0.25em; margin-top: -0.25em; display: inline-block; } .multistep-form .form-content--checkbox.form-content--checkbox--annual { display: none; /* the checkbox is now displayed in a different location */ background: #fff; border: 1px solid #d2d2d2; padding: 1em; } .multistep-form .giving-recurring--annual { display: none; } .autorenewal-external { font-size: 80%; line-height: 1.4em; margin-top: 2em; } .multistep-form .form-content--checkbox.form-content--checkbox--annual label span, .autorenewal-external label span { color: #666; font-weight: normal; font-style: italic; display: inline-block; margin-top: 0.5em; } .autorenewal-external > div { border: 1px solid #ddd; padding: 1em 0.75em; } .multistep-form .form-content--checkbox label, .autorenewal-external label { display: inline-block; max-width: 90%; margin-left: 0.5em; color: #2c4667; font-weight: bold; width: auto; vertical-align: middle; font-size: 1.05em; cursor: pointer; white-space: normal; } .autorenewal-external label { vertical-align: top; } @media screen and (max-width: 480px) { .autorenewal-external label { max-width: 87%; } } .multistep-form .form-content--credit-card label { padding-top: 0.25em; } .multistep-form input[type=text], .multistep-form input[type=email] { -webkit-appearance: none; border-radius: 0; } .multistep-form input[type=text], .multistep-form input[type=email], .multistep-form select { border: 1px solid #d2d2d2; background: #fff; padding: 0.5em 0.35em; font-size: 1em; box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; transition: background 0.25s, border 0.25s; } .multistep-form input[type=text].ak-error, .multistep-form input[type=email].ak-error, .multistep-form select.ak-error { border: 1px solid #c70e47; background: #fef0f4; } .multistep-form .ak-err { clear: both; list-style: none; margin: 0; padding: 0; } .multistep-form .ak-err li + li { margin-left: 0.5em; } .multistep-form select { height: 2.25em; } .multistep-form .form-row { width: 100%; padding-bottom: 0.5em; } .multistep-form .form-row:after { content: ""; display: block; clear: both; height: 0; width: 100%; } .multistep-form--nudge .giving-levels { padding-top: 30px; } .multistep-form .form-row .form-content { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; } .multistep-form .form-row .form-content.form-content-half { float: left; width: 50%; padding-right: 0.5em; } .multistep-form .form-row .form-content.form-content-three-quarter { float: left; width: 75%; padding-right: 0.5em; } .multistep-form .form-row .form-content.form-content-third { float: left; width: 32%; margin-right: 2%; } .multistep-form .form-row .form-content.form-content-third:last-child, .multistep-form .form-row .form-content.form-content-third:nth-child(3) { margin-right: 0; } .multistep-form .form-row .form-content.form-content-quarter { float: left; width: 25%; padding-right: 0.5em; } .multistep-form .form-row .form-content.form-content-quarter:last-child { padding-right: 0; } .multistep-form .error-message, .multistep-form .ak-err li { display: inline-block; color: #c70e47; margin-top: 0.25em; font-size: 0.8em; } .multistep-form .error-message.error-message--global { font-weight: bold; display: block; text-align: center; margin: 1em 0 0 0; padding: 0.75em 1em; background: #fff; } .multistep-form .form-row .form-content.form-content-multi input, .multistep-form .form-row .form-content.form-content-multi select { float: left; width: 50%; } .multistep-form .form-row .form-content.form-content-multi input + input { border-left: 0; } .multistep-form .form-row .form-content.form-content-multi select + select { width: 48%; margin-left: 2%; } .multistep-form .form-row .form-content.form-content-multi input.form-field-quarter { width: 25%; } .multistep-form .form-row .form-content.form-content-multi input.form-field-three-quarter { width: 75%; } .multistep-form input[type=submit]:hover, .multistep-form button[type=submit]:hover, .multistep-form button[type=button]:hover { background: #c70e47; } .multistep-form button[type=submit][disabled] { background-color: #cccccc; background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#999999)); background: -webkit-linear-gradient(top, #cccccc, #999999); background: -moz-linear-gradient(top, #cccccc, #999999); background: -ms-linear-gradient(top, #cccccc, #999999); background: -o-linear-gradient(top, #cccccc, #999999); } .multistep-form .multistep-controls button[type=button], .multistep-form .multistep-controls button[type=submit] { text-align: center; font-size: 18px; font-weight: 800; line-height: 130%; padding: 9px 22px; border: 0 !important; border-radius: 34px; color: #fff; background-color: #E50B5B; text-decoration: none !important; transition: all 0.4s ease-in-out; z-index: 200; display: inline-block; position: relative; overflow: hidden; } .multistep-form .multistep-controls button[type=button]:hover, .multistep-form .multistep-controls button[type=submit]:hover { color: #0B164C; } .multistep-form .multistep-controls button[type=button]::after, .multistep-form .multistep-controls button[type=submit]::after { content: ""; width: 115%; height: 102%; display: block; position: absolute; top: 0; left: -115%; z-index: -1; background-color: #32AEF5; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='313' height='76' viewBox='0 0 313 76' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M263.781 75.7607H0V0H309.243C312.078 8.63937 316.047 28.3106 309.243 37.8803C300.738 49.8425 291.169 42.8646 273.095 60.8079C262.702 71.1259 261.94 74.8515 263.781 75.7607H266.716C265.62 76.041 264.502 76.1164 263.781 75.7607Z' fill='%2332AEF5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='313' height='76' viewBox='0 0 313 76' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M263.781 75.7607H0V0H309.243C312.078 8.63937 316.047 28.3106 309.243 37.8803C300.738 49.8425 291.169 42.8646 273.095 60.8079C262.702 71.1259 261.94 74.8515 263.781 75.7607H266.716C265.62 76.041 264.502 76.1164 263.781 75.7607Z' fill='%2332AEF5'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; transition: all 0.4s ease-in-out; } .multistep-form .multistep-controls button[type=button]:hover::after, .multistep-form .multistep-controls button[type=submit]:hover::after { left: 0; } .multistep-form .email-disclaimer { color: #2c4667; font-style: italic; font-size: 90%; margin-top: 0.5em; display: block; font-weight: bold; } .multistep-controls { width: 100%; text-align: center; margin-top: 2em; position: relative; } .multistep-controls .error { color: #c70e47; font-weight: bold; margin-top: -2em; } .multistep-controls .multistep-back { display: inline-block; color: #777; position: absolute; left: 0; bottom: 1.25em; font-size: 90%; } .mobile-payment-options { display: block; width: 50%; float: right; } .mobile-payment-options .mpo-content { background: rgb(247, 249, 221); padding: 10px; max-width: 500px; margin: 0 auto; } .mobile-payment-options .mpo-content span { text-transform: uppercase; letter-spacing: 1px; display: block; margin-bottom: 5px; font-size: 14px; font-weight: bold; } .mobile-payment-options .mpo-content img { max-height: 50px; vertical-align: middle; } @media (max-width: 800px) { .donation-form, .donation-content, .mobile-payment-options { float: none; width: 100%; padding: 0; max-width: 550px; margin-left: auto; margin-right: auto; display: block; } .mobile-payment-options { margin-bottom: 1.5em; } .mobile-payment-options .mpo-content { max-width: 100%; } .mobile-payment-options img { width: 30px; height: auto; display: inline-block; vertical-align: middle; } .mobile-payment-options img.paypal { width: 60px; } .donation-content { margin-bottom: 1.5em; } } @media (max-width: 480px) { #s63Container .multistep-form h1, #s63Container .multistep-form h2 { font-size: 1.125em; } .multistep-form .form-row .form-content .giving-levels-level { width: 48%; margin: 1em 0 0 4%; } .multistep-form .form-row .form-content .giving-levels-level.giving-levels-level-0, .multistep-form .form-row .form-content .giving-levels-level.giving-levels-level-2, .multistep-form .form-row .form-content .giving-levels-level.giving-levels-level-4, .multistep-form .form-row .form-content .giving-levels-level.giving-levels-level-6 { margin-left: 0; } .multistep-form .form-row .form-content .giving-levels-level.giving-levels-level-3 { margin-left: 4%; } .multistep-form .form-row .form-content { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; } .multistep-form .form-row .form-content.form-content-half, .multistep-form .form-row .form-content.form-content-three-quarter, .multistep-form .form-row .form-content.form-content-third, .multistep-form .form-row .form-content.form-content-quarter { float: none; width: 100%; padding-right: 0; margin-top: 0.5em; } .multistep-form .form-row .form-content:first-child { margin-top: 0; } .multistep-form .form-row .form-content.form-content-multi input, .multistep-form .form-row .form-content.form-content-multi select { float: none; width: 100%; } .multistep-form .form-row .form-content.form-content-multi input + input { border: 1px solid #d2d2d2; margin-top: 0.25em; } .multistep-form .form-row .form-content.form-content-multi input + input.ak-error { border: 1px solid #c70e47; } .multistep-form .form-row .form-content.form-content-multi select + select { width: 100%; margin-left: 0; margin-top: 0.25em; } .multistep-form .form-row .form-content.form-content-multi input.form-field-quarter, .multistep-form .form-row .form-content.form-content-multi input.form-field-three-quarter { width: 100%; } .multistep-form .form-content--checkbox label { max-width: 81%; } .multistep-form label .card-set { float: none; display: block; } .multistep-form label .card-set img { border: 1px solid #ddd; width: 30px; height: auto; margin-right: 0.25em; margin-top: 0.25em; margin-left: 0; display: inline-block; } .multistep-nav-item { font-size: 0.75em; } .multistep-controls .multistep-back { display: block; position: static; left: auto; bottom: auto; width: 8em; background: #dfdfdf; padding: 0.75em 0.25em; margin: 2em auto 0 auto; } .multistep-form .form-row .form-content .payment-types-type { width: 50%; } .multistep-form .form-row .form-content .payment-types-type input[type=radio] + label { font-size: 0.85em; } } /* Monthly Toggle CSS */ .multistep-form .form-row .recurring-options { width: 100%; margin-bottom: 1.125rem; overflow: hidden; } .multistep-form .form-row .form-content .recurring-options-option { display: block; width: 31%; float: left; margin: 1em 0 0 0; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; } .multistep-form .form-row .form-content .recurring-options-option + .recurring-options-option { margin-left: 3.5%; } .multistep-form .form-row .form-content .recurring-options-option * { box-sizing: border-box; -moz-box-sizing: border-box; } .multistep-form .form-row .form-content .recurring-options-option input[type=radio] { position: absolute; left: -999px; } .multistep-form .form-row .form-content .recurring-options-option input[type=radio] + label { display: block; width: 100%; padding: 0.75em 0.25em; text-align: center; font-weight: bold; font-size: 1.375em; border: 1px solid #d2d2d2; background: #fff; background-color: #ffffff; cursor: pointer; text-align: center; font-size: 18px; font-weight: 800; line-height: 130%; padding: 9px 22px; border: 1px solid #d2d2d2; border-radius: 34px; color: #353b3a; background-color: #fff; text-decoration: none !important; transition: all 0.4s ease-in-out; z-index: 200; display: inline-block; position: relative; overflow: hidden; } .multistep-form .form-row .form-content .recurring-options-option input[type=radio] + label.recurring-options-option-label--selected { background: #E50B5B; color: #fff; } .multistep-form .form-row .form-content .recurring-options-option input[type=radio]:checked + label { background: #E50B5B; color: #fff; } .multistep-form .form-row .form-content.recurring-options { text-align: justify; } .multistep-form .form-row .form-content.recurring-options ul { margin: -1em 0 0 0; width: 100%; padding: 0; } .multistep-form .form-row .form-content .giving-levels-level--monthly { display: none; } .form-content--inactive { display: none !important; } .js--multistep-step--amount .multistep-controls { margin-top: 1.5em; } @media (max-width: 480px) { .multistep-form .form-row .form-content .recurring-options-option { width: 48%; } .multistep-form .form-row .form-content .recurring-options-option + .recurring-options-option { margin-left: 4%; } } body .multistep-form .ak-payment-options button[type=submit] { background: #fff; } body .multistep-form .ak-payment-options button[type=submit] img { vertical-align: middle; display: inline-block; } body .multistep-form .ak-payment-options button[type=submit]:hover { background: #ddd; } .ak-payment-options { display: block; } .ak-payment-options span { display: block; margin: 0.5rem; } /* Donation Style Overrides */ body .layout-constrain, body .layout-constrain--hero, body .layout-constrain--narrow { max-width: 1200px; } body .mobile-menu__bar { height: 84px; } body .header__buttons li a { color: #fff; } #main { padding-bottom: 5rem; } #main div.content { font-family: "Mona Sans", sans-serif; } #main .layout-constrain:after, #main .layout-constrain--hero:after, #main .layout-constrain--narrow:after { content: ""; display: block; clear: both; } #main input[type=checkbox] { -webkit-appearance: checkbox; appearance: checkbox; } h1, h2 { padding-bottom: 20px; } span.test-headline { display: block; margin-top: 20px; padding-bottom: 20px; font-size: 38px !important; color: #192f58 !important; font-family: "Mona Sans" !important; font-weight: normal; line-height: 1.1; } span.test-headline:before { content: ""; display: block; width: 185px; height: 5px; background-color: #daaa00; top: -20px; position: relative; } body .donation-form .logged-in-message { background-color: #eff3f4; max-width: 500px; margin: auto; } .logged-in-message p { margin-top: 1em; } #stayInformed { padding: 2em; background-color: #eff3f4; } #stayInformed .content div { width: 100%; padding-bottom: 20px; } body .multistep-form { margin-top: 1em; background-color: #eff3f4; } body .multistep-form h1, body .multistep-form h2 { font-size: 24px; padding-bottom: 0; } body .multistep-form h1:before, body .multistep-form h2:before { display: none; } section.multistep-step { margin-top: 1em; } .multistep-form .form-row .form-content .giving-levels-level--other input { height: auto; margin-right: 0 !important; } body .multistep-form label .required { color: #b02528; } body .multistep-form .form-row .form-content.form-content-multi input, body .multistep-form .form-row .form-content.form-content-multi select, body .multistep-form .form-row .form-content.form-content-multi input.form-field-three-quarter, body .multistep-form .form-row .form-content.form-content-multi input.form-field-quarter { margin-right: 0; } body .multistep-form select, body .multistep-form input[type=email] { height: 39px; font-weight: 500; } body .form-content--checkbox { padding-top: 10px; } body .multistep-nav-item--active span, body .multistep-form .form-row .form-content .recurring-options-option input[type=radio]:checked + label, body .multistep-form .form-row .form-content .giving-levels-level input[type=radio]:checked + label, body .multistep-form .form-row .form-content .giving-levels-level input[type=radio] + label.giving-levels-level-label--selected { background-color: #E50B5B; } body .multistep-form input[type=submit]:hover, body .multistep-form button[type=submit]:hover, body .multistep-form button[type=button]:hover, body .multistep-form input[type=submit]:active, body .multistep-form button[type=submit]:active, body .multistep-form button[type=button]:active, body .multistep-form button[type=submit]:disabled { background-position: 0 100%; } body .multistep-form button[type=submit][disabled] { background: #b02528 linear-gradient(to bottom, #b02528 50%, #192f58 50%); background-size: 100px 100px; } body noscript + script + p, body noscript + script + p + script + p { /* Some tracking script inserts a p tag */ margin: 0; } #ak-fieldbox-subscription_consent { margin: 1em 0; } #ak-fieldbox-subscription_consent input[type=checkbox] + label { display: inline; } .products { list-style: none; } .products .product { background: #FFFFFF; background: rgba(255, 255, 255, 0.5); padding: 1em 1em 1em 2.5em; } .products .product.selected { background: #FFFFFF; } .products label { text-indent: -1.625em; overflow: visible; font-weight: normal; cursor: pointer; text-align: left; } .products label strong { font-weight: bold; margin-left: 0.5em; margin-bottom: 0.25em; } .products label .description { display: block; text-indent: 0; } .products .product + .product { margin-top: 0.5em; } #id_honor_gift { float: left; width: initial; margin-top: 0.125em; } label[for=id_honor_gift] { width: initial; font-size: 14px; margin-left: 1.5em; line-height: 1em; margin-bottom: 0.125em; margin-top: -0.125em; } label[for=id_in_honor_email] span { font-weight: normal; } .multistep-form .form-row .form-content.giving-levels ul.ak-err { margin-top: 0; } #honor-row-wrapper, #honor-row-wrapper ul.ak-err { display: none; } #honor-row-checkbox { margin: 1em 0; } .ak-pagetype-petition .header__buttons ul { display: block; } .ak-pagetype-petition p, .ak-pagetype-petition ol, .ak-pagetype-petition ul { font-size: 14px; } .ak-pagetype-petition .ak-featured-img { margin-bottom: 1em; } .ak-pagetype-petition .advocacy-action { position: relative; width: 100%; overflow: hidden; } .ak-pagetype-petition .advocacy-action .advocacy-intro, .ak-pagetype-petition .advocacy-action .pull-right, .ak-pagetype-petition .advocacy-action header { width: 48.5%; } .ak-pagetype-petition .advocacy-action header { padding-bottom: 12px; float: left; text-align: left; } .ak-pagetype-petition .advocacy-action .pull-right { padding-top: 36px; float: right; } .ak-pagetype-petition .advocacy-action #progress .ak-progress-percent { display: none; } .ak-pagetype-petition .advocacy-action .statement-text-wrapper { padding: 1.5em; background: #eff3f3; } .ak-pagetype-petition .advocacy-action .statement-text-wrapper h3 { text-transform: uppercase; letter-spacing: 0.03em; font-size: 24px; color: #353b3a; padding-top: 6px; padding-bottom: 20px; } .ak-pagetype-petition .advocacy-action .statement-text-wrapper .ak-margin-bottom-1 { font-size: 14px; } .ak-pagetype-petition .advocacy-action #petition-form { overflow-x: hidden; overflow-y: auto; } .ak-pagetype-petition .advocacy-action #petition-form input[type=text], .ak-pagetype-petition .advocacy-action #petition-form textarea { width: 100%; border: 1px solid #afb9b8; } .ak-pagetype-petition .advocacy-action #petition-form textarea { height: 64px; } .ak-pagetype-petition .advocacy-action #petition-form ul.ak-err { list-style: none; margin: 0; padding: 0; font-size: 12px; margin-top: 0.25em; color: #ae272b; } .ak-pagetype-petition .advocacy-action #petition-form #ak-fieldbox-first_name, .ak-pagetype-petition .advocacy-action #petition-form #ak-fieldbox-last_name { width: 48%; } .ak-pagetype-petition .advocacy-action #petition-form #ak-fieldbox-first_name { margin-right: 4%; } .ak-pagetype-petition .advocacy-action #petition-form .ak-field-comment { margin-bottom: 0.675em; } .ak-pagetype-petition .advocacy-action #petition-form .form-row.form-submit { margin-top: 0.675em; margin-bottom: 0; text-align: center; } .ak-pagetype-petition .advocacy-action #petition-form .form-row.form-submit .ak-submit-button { text-align: center; font-size: 18px; font-weight: 800; line-height: 130%; padding: 9px 22px; border: 0 !important; border-radius: 34px; color: #fff; background-color: #E50B5B; text-decoration: none !important; transition: all 0.4s ease-in-out; z-index: 200; display: inline-block; position: relative; overflow: hidden; } .ak-pagetype-petition .advocacy-action #petition-form .form-row.form-submit .ak-submit-button:hover { color: #0B164C; } .ak-pagetype-petition .advocacy-action #petition-form .form-row.form-submit .ak-submit-button::after { content: ""; width: 115%; height: 102%; display: block; position: absolute; top: 0; left: -115%; z-index: -1; background-color: #32AEF5; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='313' height='76' viewBox='0 0 313 76' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M263.781 75.7607H0V0H309.243C312.078 8.63937 316.047 28.3106 309.243 37.8803C300.738 49.8425 291.169 42.8646 273.095 60.8079C262.702 71.1259 261.94 74.8515 263.781 75.7607H266.716C265.62 76.041 264.502 76.1164 263.781 75.7607Z' fill='%2332AEF5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='313' height='76' viewBox='0 0 313 76' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M263.781 75.7607H0V0H309.243C312.078 8.63937 316.047 28.3106 309.243 37.8803C300.738 49.8425 291.169 42.8646 273.095 60.8079C262.702 71.1259 261.94 74.8515 263.781 75.7607H266.716C265.62 76.041 264.502 76.1164 263.781 75.7607Z' fill='%2332AEF5'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; transition: all 0.4s ease-in-out; } .ak-pagetype-petition .advocacy-action #petition-form .form-row.form-submit .ak-submit-button:hover::after { left: 0; } .ak-pagetype-petition .advocacy-action #petition-form .form-row-first-third { float: left; width: 32%; margin-right: 2%; } .ak-pagetype-petition .advocacy-action #petition-form .form-row-second-third { float: left; width: 32%; margin-left: 2%; } .ak-pagetype-petition .advocacy-action #petition-form .form-row-two-thirds { float: left; width: 66%; } @media (max-width: 800px) { .ak-pagetype-petition .advocacy-action #petition-form #ak-fieldbox-first_name, .ak-pagetype-petition .advocacy-action #petition-form #ak-fieldbox-last_name, .ak-pagetype-petition .advocacy-action #petition-form #ak-fieldbox-zip { width: 100%; margin-right: 0; } .ak-pagetype-petition .advocacy-action #petition-form #ak-fieldbox-zip { margin-left: 0; } .ak-pagetype-petition .advocacy-action #petition-form .form-row-first-third { width: 100%; margin-right: 0; } .ak-pagetype-petition .advocacy-action #petition-form .form-row-second-third { width: 100%; margin-left: 0; } .ak-pagetype-petition .advocacy-action #petition-form .form-row-two-thirds { width: 100%; } } @media (max-width: 800px) { .ak-pagetype-petition .advocacy-action .advocacy-intro, .ak-pagetype-petition .advocacy-action .pull-right, .ak-pagetype-petition .advocacy-action header { width: 100%; float: none; } .ak-pagetype-petition .advocacy-action .advocacy-intro { margin-top: 2em; } } @media (max-width: 900px) { .ak-pagetype-petition .header__buttons ul { display: none; } } .ak-pagetype-thanks #confirmation-text { margin-bottom: 2em; } .ak-pagetype-thanks #confirmation-text p { font-size: 18px; } .ak-pagetype-thanks #progress { width: 70%; margin-left: 15%; margin-right: 15%; } .ak-pagetype-thanks #ak-taf-form, .ak-pagetype-thanks #copy-and-paste, .ak-pagetype-thanks #ak-confirmation { display: none; } .ak-pagetype-thanks #social-wrapper { width: 50%; margin: 2em auto; background-color: #eff3f4; text-align: center; } .ak-pagetype-thanks #social-wrapper p { font-size: 1.2222222222em; padding-top: 1em; margin-bottom: 0; } .ak-pagetype-thanks #social-wrapper ul#social-holder { list-style: none; margin: 0 auto 0.25em auto; padding: 20px 0 40px 0; width: 100%; text-align: center; } .ak-pagetype-thanks #social-wrapper ul#social-holder li { display: inline-block; padding: 5px 40px; } .ak-pagetype-thanks #social-wrapper ul#social-holder li a { display: block; height: 55px; width: 55px; text-indent: -99999px; background-repeat: no-repeat; background-size: contain; } .ak-pagetype-thanks #social-wrapper ul#social-holder li a.ak-facebook { background: url(https://s3.amazonaws.com/s3.pfaw.org/images/pfaw_df_sidebar_fb.png) transparent no-repeat; } .ak-pagetype-thanks #social-wrapper ul#social-holder li a.ak-twitter { background: url(https://s3.amazonaws.com/s3.pfaw.org/images/pfaw_df_sidebar_tw.png) transparent no-repeat; } .receipt td:first-child { background: #eff3f3; } .receipt tr { border-bottom: 1px solid #FFFFFF; } .match-survey { border: 3px solid #353b3a; margin: 1rem auto 2rem auto; padding: 2rem; font-size: 16px; } .match-survey .button--red { font-size: 1em; margin: 2em auto 0 auto; display: block; } .match-survey label { color: #ae272b; font-size: 1em; } .ak-pagetype-unsubscribe #main form { margin: 0 auto; width: 70%; background: #eff3f3; padding: 1.5em; } .ak-pagetype-unsubscribe .footer-signup { display: none; } .ak-pagetype-unsubscribe button.ak-has-overlay { text-transform: uppercase; background: #4b6a23 linear-gradient(to bottom, #4b6a23 50%, #192f58 50%) repeat scroll 0 0/100px 100px; border-color: #192f58; border-radius: 0; border-style: none none solid; border-width: 0 0 5px; color: #fff; font-size: 15px; font-weight: bold; line-height: 36px; max-width: 300px; padding: 0 20px; } .ak-pagetype-unsubscribe textarea { width: 100%; border: 1px solid #afb9b8; height: 64px; } .ak-pagetype-unsubscribe ul.ak-err { list-style: none; margin: 0; padding: 0; font-size: 12px; margin-top: 0.25em; color: #ae272b; } .ak-pagetype-unsubscribe #known_user { margin-bottom: 1em; } .ak-pagetype-unsubscribe .ak-err-below { margin-bottom: 0.675em; position: relative; width: 100%; } .ak-pagetype-unsubscribe .ak-err-below p { margin-bottom: 0; } @media (max-width: 800px) { .ak-pagetype-unsubscribe form { width: 90%; } } @media (max-width: 550px) { .ak-pagetype-unsubscribe form { width: 98%; padding: 1em; } } .ak-pagetype-signup .form-row.form-submit button[type=submit] { text-align: center; font-size: 18px; font-weight: 800; line-height: 130%; padding: 9px 22px; border: 0 !important; border-radius: 34px; color: #fff; background-color: #E50B5B; text-decoration: none !important; transition: all 0.4s ease-in-out; z-index: 200; display: inline-block; position: relative; overflow: hidden; } .ak-pagetype-signup .form-row.form-submit button[type=submit]:hover { color: #0B164C; } .ak-pagetype-signup .form-row.form-submit button[type=submit]::after { content: ""; width: 115%; height: 102%; display: block; position: absolute; top: 0; left: -115%; z-index: -1; background-color: #32AEF5; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='313' height='76' viewBox='0 0 313 76' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M263.781 75.7607H0V0H309.243C312.078 8.63937 316.047 28.3106 309.243 37.8803C300.738 49.8425 291.169 42.8646 273.095 60.8079C262.702 71.1259 261.94 74.8515 263.781 75.7607H266.716C265.62 76.041 264.502 76.1164 263.781 75.7607Z' fill='%2332AEF5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='313' height='76' viewBox='0 0 313 76' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M263.781 75.7607H0V0H309.243C312.078 8.63937 316.047 28.3106 309.243 37.8803C300.738 49.8425 291.169 42.8646 273.095 60.8079C262.702 71.1259 261.94 74.8515 263.781 75.7607H266.716C265.62 76.041 264.502 76.1164 263.781 75.7607Z' fill='%2332AEF5'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; transition: all 0.4s ease-in-out; } .ak-pagetype-signup .form-row.form-submit button[type=submit]:hover::after { left: 0; } .ak-pagetype-signup .header__buttons ul { display: block; } .ak-pagetype-signup #signup-story, .ak-pagetype-signup #signup-form, .ak-pagetype-signup #signup-header { position: relative; float: left; width: 48.5%; } .ak-pagetype-signup #signup-story h1, .ak-pagetype-signup #signup-story h2 { font-size: 50px; } .ak-pagetype-signup #signup-form { background: #eff3f3; padding: 1.5em; float: right; margin-top: 36px; } .ak-pagetype-signup #signup-form h2 { text-transform: uppercase; letter-spacing: 0.03em; font-size: 24px; color: #353b3a; padding-top: 6px; padding-bottom: 20px; font-weight: normal; margin-bottom: 0; } .ak-pagetype-signup #signup-form h2:before { content: none; } .ak-pagetype-signup #signup-form #ak-errors { display: none; } .ak-pagetype-signup #signup-form #ak-fieldbox-first_name, .ak-pagetype-signup #signup-form #ak-fieldbox-last_name, .ak-pagetype-signup #signup-form #ak-fieldbox-zip { width: 48%; } .ak-pagetype-signup #signup-form #ak-fieldbox-first_name { margin-right: 4%; } .ak-pagetype-signup #signup-form .form-row.form-submit { margin-top: 0.675em; margin-bottom: 0.5em; text-align: center; } .ak-pagetype-signup #signup-form ul.ak-err { list-style: none; margin: 0; padding: 0; font-size: 12px; margin-top: 0.25em; color: #ae272b; } .ak-pagetype-signup #signup-form textarea { height: 64px; resize: none; width: 100%; border: 1px solid #afb9b8; } .ak-pagetype-signup p.disclaimer { margin-top: 0.25em; margin-bottom: 0; font-weight: bold; font-style: italic; font-size: 15px; } @media (max-width: 800px) { .ak-pagetype-signup .header__buttons ul { display: none; } .ak-pagetype-signup #signup-story, .ak-pagetype-signup #signup-form, .ak-pagetype-signup #signup-header { width: 100%; } .ak-pagetype-signup #signup-form { margin-top: 0; } .ak-pagetype-signup #signup-story { margin-top: 36px; } } #progress { margin-bottom: 1em; width: 90%; margin-left: 5%; margin-right: 5%; } #progress .ak-progress-holder { width: 100%; } #progress .ak-progress-holder .ak-progress-meter-border { width: 100%; background: #eeeeee; box-shadow: inset 1px 1px 1px #aaa; height: 20px; } #progress .ak-progress-holder .ak-progress-meter-border .ak-progress-bar { height: 20px; box-shadow: 1px 0 1px #aaa; background-image: linear-gradient(to bottom, #184f9a, #0e2d58); font-size: 13px; color: #fff; line-height: 21px; text-align: right; padding-right: 5px; font-weight: bold; width: 0; } #progress .ak-progress-percent { display: none; } #progress .ak-progress-goals { text-align: center; font-size: 15px; margin-top: 5px; } #progress .ak-progress-goals .ak-progress-actions span { font-weight: bold; color: #133e79; } .ak-pagetype-call .form-row.form-submit button[type=submit] { text-align: center; font-size: 18px; font-weight: 800; line-height: 130%; padding: 9px 22px; border: 0 !important; border-radius: 34px; color: #fff; background-color: #E50B5B; text-decoration: none !important; transition: all 0.4s ease-in-out; z-index: 200; display: inline-block; position: relative; overflow: hidden; } .ak-pagetype-call .form-row.form-submit button[type=submit]:hover { color: #0B164C; } .ak-pagetype-call .form-row.form-submit button[type=submit]::after { content: ""; width: 115%; height: 102%; display: block; position: absolute; top: 0; left: -115%; z-index: -1; background-color: #32AEF5; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='313' height='76' viewBox='0 0 313 76' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M263.781 75.7607H0V0H309.243C312.078 8.63937 316.047 28.3106 309.243 37.8803C300.738 49.8425 291.169 42.8646 273.095 60.8079C262.702 71.1259 261.94 74.8515 263.781 75.7607H266.716C265.62 76.041 264.502 76.1164 263.781 75.7607Z' fill='%2332AEF5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='313' height='76' viewBox='0 0 313 76' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M263.781 75.7607H0V0H309.243C312.078 8.63937 316.047 28.3106 309.243 37.8803C300.738 49.8425 291.169 42.8646 273.095 60.8079C262.702 71.1259 261.94 74.8515 263.781 75.7607H266.716C265.62 76.041 264.502 76.1164 263.781 75.7607Z' fill='%2332AEF5'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; transition: all 0.4s ease-in-out; } .ak-pagetype-call .form-row.form-submit button[type=submit]:hover::after { left: 0; } .ak-pagetype-letter .header__buttons ul { display: block; } .ak-pagetype-letter p, .ak-pagetype-letter ol, .ak-pagetype-letter ul { font-size: 14px; } .ak-pagetype-letter h2 { margin: 0 0 15px 0; padding-top: 5px; padding-bottom: 0; color: #555; font: bold 20px Tahoma, Arial, Helvetica, sans-serif; } .ak-pagetype-letter h3 { margin: 0; padding: 6px 0; font-size: 13px; color: #192f58; font-family: "Mona Sans"; font-weight: normal; line-height: 1.1; position: relative; } .ak-pagetype-letter .advocacy-action { position: relative; width: 100%; overflow: hidden; } .ak-pagetype-letter .row-bottom-submit { display: none; } .ak-pagetype-letter #column1 { width: 38%; position: relative; float: left; } .ak-pagetype-letter #column1 #letter-form { position: relative; float: left; } .ak-pagetype-letter #column1 #known_user { margin-top: 20px; } .ak-pagetype-letter #column1 #ak-errors { display: none; } .ak-pagetype-letter #column1 p#required-flag { color: #ae272b; font-size: 12px; } .ak-pagetype-letter #column1 label { color: #444; font-weight: normal; } .ak-pagetype-letter #column1 input[type=text], .ak-pagetype-letter #column1 select { width: 100%; border: 1px solid #999; resize: none; padding: 3.6px 6px; border-radius: 0; background: #fff; } .ak-pagetype-letter #column1 select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 8px 6px; } .ak-pagetype-letter #column1 ul.ak-err { list-style: none; margin: 0; padding: 0; font-size: 12px; margin-top: 0.25em; color: #ae272b; } .ak-pagetype-letter #column2 { width: 58%; position: relative; float: right; } .ak-pagetype-letter #column2 #letter-story { margin-bottom: 15px; padding: 10px 10px 0 10px; border: 1px solid #ccc; } .ak-pagetype-letter #column2 #letter-story p { clear: both; margin: 0; padding: 0 0 10px 5px; } .ak-pagetype-letter #column2 #letter-story h3 { margin: -5px -11px 3px -6px; padding-left: 12px; font-size: 20px; } .ak-pagetype-letter #column2 #letter-story textarea { margin: 8px; margin-bottom: 25px; font: 13px Arial, Helvetica, sans-serif; height: 25em; border: 1px solid #999; resize: none; width: calc(100% - 16px); padding: 0.3em 0.5em; } .ak-pagetype-letter .form-row.form-submit { margin-top: 0.675em; margin-bottom: 0; text-align: center; } .ak-pagetype-letter .form-row.form-submit .ak-submit-button { text-align: center; font-size: 18px; font-weight: 800; line-height: 130%; padding: 9px 22px; border: 0 !important; border-radius: 34px; color: #fff; background-color: #E50B5B; text-decoration: none !important; transition: all 0.4s ease-in-out; z-index: 200; display: inline-block; position: relative; overflow: hidden; } .ak-pagetype-letter .form-row.form-submit .ak-submit-button:hover { color: #0B164C; } .ak-pagetype-letter .form-row.form-submit .ak-submit-button::after { content: ""; width: 115%; height: 102%; display: block; position: absolute; top: 0; left: -115%; z-index: -1; background-color: #32AEF5; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='313' height='76' viewBox='0 0 313 76' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M263.781 75.7607H0V0H309.243C312.078 8.63937 316.047 28.3106 309.243 37.8803C300.738 49.8425 291.169 42.8646 273.095 60.8079C262.702 71.1259 261.94 74.8515 263.781 75.7607H266.716C265.62 76.041 264.502 76.1164 263.781 75.7607Z' fill='%2332AEF5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='313' height='76' viewBox='0 0 313 76' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M263.781 75.7607H0V0H309.243C312.078 8.63937 316.047 28.3106 309.243 37.8803C300.738 49.8425 291.169 42.8646 273.095 60.8079C262.702 71.1259 261.94 74.8515 263.781 75.7607H266.716C265.62 76.041 264.502 76.1164 263.781 75.7607Z' fill='%2332AEF5'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; transition: all 0.4s ease-in-out; } .ak-pagetype-letter .form-row.form-submit .ak-submit-button:hover::after { left: 0; } .ak-pagetype-letter .form-row.scrollTop { margin-top: 1.25em; } @media (max-width: 900px) { .ak-pagetype-letter .header__buttons ul { display: none; } } @media (max-width: 800px) { .ak-pagetype-letter #column1, .ak-pagetype-letter #column2 { width: 100%; float: left; } .ak-pagetype-letter .row-top-submit { display: none; } .ak-pagetype-letter .row-bottom-submit { display: block; } } body:not(.ak-pagetype-donate) .form-row { width: 100%; margin-bottom: 0.675em; position: relative; float: left; } body:not(.ak-pagetype-donate) .form-row.row-affirm { margin-top: 1em; } body:not(.ak-pagetype-donate) .form-row-first-third { float: left; width: 32%; margin-right: 2%; } body:not(.ak-pagetype-donate) .form-row-second-third { float: left; width: 32%; margin-left: 2%; } body:not(.ak-pagetype-donate) .form-row-two-thirds { float: left; width: 66%; } body:not(.ak-pagetype-donate) label { white-space: normal; width: 100%; display: block; font-weight: bold; overflow: hidden; font-size: 14px; margin-bottom: 0.125em; color: #183157; } body:not(.ak-pagetype-donate) label .ak-required-flag { color: #ae272b; } body:not(.ak-pagetype-donate) label.checkbox { width: initial; text-align: left; margin-left: 1.5em; font-weight: normal; } body:not(.ak-pagetype-donate) input[type=text], body:not(.ak-pagetype-donate) select { width: 100%; border: 1px solid #afb9b8; } body:not(.ak-pagetype-donate) #id_affirm { float: left; } body:not(.ak-pagetype-donate) p.disclaimer { margin-top: 0.25em; } body:not(.ak-pagetype-donate) #petition-form p.disclaimer { font-weight: bold; font-style: italic; font-size: 15px; } body:not(.ak-pagetype-donate) .scrollTop { color: #004b8e; background-color: #eff3f3; color: #004b8e; text-align: center; width: 80%; margin-left: 5%; margin-right: 5%; font-size: 13px; padding: 10px; cursor: pointer; display: none; } body:not(.ak-pagetype-donate) .scrollTop:before { content: "↑"; color: #004b8e; margin-right: 5px; } @media (max-width: 800px) { body:not(.ak-pagetype-donate) .scrollTop { display: block; } } .lte #media_target, .lte #to_target_row { transition: none; } .lte .form-area { padding: 1.5em; background: #eff3f3; } .lte .ak-instructions { font-weight: bold; margin-bottom: 1em; } .lte .lte-submit, .lte #lte-submit { text-align: center; } .lte ul.ak-err { list-style: none; margin: 0; padding: 0; font-size: 12px; margin-top: 0.25em; color: #ae272b; } .lte #known_user { font-style: italic; font-size: 0.9em; } .lte #known_user hr { border: 0; border-bottom: 1px solid #ccc; } .lte #media_target > p { font-weight: bold; } .lte #ak-newspaper-change { font-weight: bold; } .lte textarea { width: 100%; border: 1px solid #afb9b8; min-height: 4em; padding: 0.5em; } .lte .ak-message-form th, .lte .ak-message-form td { vertical-align: top; } .lte .ak-message-form td { font-size: 0.8em; } .lte .ak-message-form #to_target_row td { font-size: 1em; } .lte .ak-accordion ul { padding: 0; list-style: none; margin: 0; } .lte .ak-accordion ul li { background: #eff3f3; padding: 13px 16px; margin-bottom: 2px; } .lte .ak-accordion ul li .ak-accordion-head { cursor: pointer; } .lte .ak-accordion .ak-accordion-head { font-weight: 600; text-decoration: none; font-size: 1.16em; font-size: 1.16rem; } .lte .ak-accordion .ak-arrow { position: relative; top: 4px; } .lte .ak-arrow, .lte .ak-arrow-inline { float: right; font-size: 0.58em; font-size: 0.58rem; transition: 0.4s; } .lte .ak-arrow-inline { top: 6px; } .lte li.active .ak-arrow, .lte p.active .ak-arrow-inline, .lte h3.active .ak-arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 12px; left: 5px; } .lte .ak-arrow:after, .lte .ak-arrow-inline:after { content: "▶︎"; color: #268ECD; } .lte .ak-rtl .ak-arrow, .lte .ak-rtl .ak-arrow-inline { /* mirror the styles if RTL */ float: left; } .lte #ak-lte-help ul ul { list-style: disc; padding-left: 1.5em; margin-top: 1em; } .lte #ak-lte-help ul ul li { padding: 0; line-height: 1.3em; } .lte #ak-lte-help ul ul li + li { margin-top: 1em; } .lte .ak-newspaper h3 { margin-top: 1.25em; } .lte .ak-newspaper-row { background: #FFFFFF; background: rgba(255, 255, 255, 0.75); margin-bottom: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0.75em; font-weight: 200; font-size: 0.9em; font-size: 0.9rem; line-height: 1.4em; } .lte .ak-newspaper-row a { font-weight: 600; font-size: 1.16em; font-size: 1.16rem; padding-bottom: 5px; } .lte .ak-newspaper-row .ak-newspaper-choice { float: right; margin: 0; font-size: 1.16em; font-size: 1.16rem; padding-top: 9px; width: auto; } .lte .ak-newspaper-row .ak-newspaper-choice input { display: none; } .lte #ak-newspaper-change { font-size: smaller; margin-left: 1em; } .lte .ak-rtl .ak-newspaper-row .ak-newspaper-choice { /* mirror the styles if RTL */ float: left; } .lte a.ak-button, .lte .ak-button { background: #007bc5; color: #fff; height: 38px; font-size: 1.35em; font-size: 1.35rem; font-weight: 200; margin: 10px auto; border: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 0 20px; cursor: pointer; text-align: center; } .lte a.ak-button:hover, .lte .ak-button:hover { background-color: #31a8f0; } .lte a.ak-button, .lte .ak-button { display: inline-block; text-decoration: none; padding-top: 4px; } .lte a.ak-button:hover, .lte .ak-button:hover { color: #fff; /* text-decoration: none; -- Unnecessary? */ } .lte .ak-submit-button { text-align: center; font-size: 18px; font-weight: 800; line-height: 130%; padding: 9px 22px; border: 0 !important; border-radius: 34px; color: #fff; background-color: #E50B5B; text-decoration: none !important; transition: all 0.4s ease-in-out; z-index: 200; display: inline-block; position: relative; overflow: hidden; } .lte .ak-submit-button:hover { color: #0B164C; } .lte .ak-submit-button::after { content: ""; width: 115%; height: 102%; display: block; position: absolute; top: 0; left: -115%; z-index: -1; background-color: #32AEF5; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='313' height='76' viewBox='0 0 313 76' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M263.781 75.7607H0V0H309.243C312.078 8.63937 316.047 28.3106 309.243 37.8803C300.738 49.8425 291.169 42.8646 273.095 60.8079C262.702 71.1259 261.94 74.8515 263.781 75.7607H266.716C265.62 76.041 264.502 76.1164 263.781 75.7607Z' fill='%2332AEF5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='313' height='76' viewBox='0 0 313 76' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M263.781 75.7607H0V0H309.243C312.078 8.63937 316.047 28.3106 309.243 37.8803C300.738 49.8425 291.169 42.8646 273.095 60.8079C262.702 71.1259 261.94 74.8515 263.781 75.7607H266.716C265.62 76.041 264.502 76.1164 263.781 75.7607Z' fill='%2332AEF5'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; transition: all 0.4s ease-in-out; } .lte .ak-submit-button:hover::after { left: 0; } #lte-submit { position: relative; float: left; width: 100%; } .lte { /* Grid system based on http://www.responsivegridsystem.com/calculator/ ========================================================================== */ /* Inverted grid rows have their cells in reverse order */ /* On RTL pages, all of the above column order logic is switched */ /* Switch to single-column full-width layout on screens narrower than 750 px */ } .lte .ak-grid-row:before, .lte .ak-grid-row:after { content: ""; display: table; } .lte .ak-grid-row:after { clear: both; } .lte .ak-grid-row { zoom: 1; /* For IE 6/7 */ clear: both; padding: 0; margin: 0; } .lte .ak-grid-col { display: block; float: left; margin: 0; min-height: 1px; } .lte .ak-grid-col-12-of-12 { width: 100%; } .lte .ak-grid-col-11-of-12 { width: 91.5%; } .lte .ak-grid-col-10-of-12 { width: 83%; } .lte .ak-grid-col-9-of-12 { width: 74.5%; } .lte .ak-grid-col-8-of-12 { width: 66%; } .lte .ak-grid-col-7-of-12 { width: 57.5%; } .lte .ak-grid-col-6-of-12 { width: 49%; } .lte .ak-grid-col-5-of-12 { width: 40.5%; } .lte .ak-grid-col-4-of-12 { width: 32%; } .lte .ak-grid-col-3-of-12 { width: 23.5%; } .lte .ak-grid-col-2-of-12 { width: 15%; } .lte .ak-grid-col-1-of-12 { width: 6.5%; } .lte .ak-grid-col:first-child { margin-left: 0; } .lte .ak-grid-col:not(:first-child) { margin-left: 2%; } .lte .ak-grid-col.ak-grid-centered { margin: 0 auto; float: none; } .lte .ak-grid-row-inverted .ak-grid-col { float: right; } .lte .ak-grid-row-inverted .ak-grid-col:last-child { margin-left: 0; } .lte .ak-grid-row-inverted .ak-grid-col:not(:last-child) { margin-left: 2%; } .lte .ak-rtl .ak-grid-row .ak-grid-col { float: right; } .lte .ak-rtl .ak-grid-row .ak-grid-col:last-child { margin-left: 0; } .lte .ak-rtl .ak-grid-row .ak-grid-col:not(:last-child) { margin-left: 2%; } .lte .ak-rtl .ak-grid-row-inverted .ak-grid-col { float: left; } .lte .ak-rtl .ak-grid-row-inverted .ak-grid-col:first-child { margin-left: 0; } .lte .ak-rtl .ak-grid-row-inverted .ak-grid-col:not(:first-child) { margin-left: 2%; } @media only screen and (max-width: 749px) { .lte .ak-grid-col { width: 100%; margin: 0; } .lte .ak-grid-col:not(:first-child), .lte .ak-grid-row-inverted .ak-grid-col:not(:last-child), .lte .ak-rtl .ak-grid-row .ak-grid-col:not(:last-child), .lte .ak-rtl .ak-grid-row-inverted .ak-grid-col:not(:first-child) { margin: 0; } } div.ak-text-expander.ak-truncated { overflow: hidden; max-height: 4.5em; } div.ak-text-expander.ak-truncated a.ak-read-more { display: block; } div.ak-text-expander p:first-child { margin-top: 0px; } @media screen and (min-width: 480px) { div.ak-text-expander.ak-truncated { overflow: visible; max-height: none; } div.ak-text-expander { max-height: 100%; overflow: visible; margin-bottom: 10px; } div.ak-text-expander p:first-child { margin-top: 10px; } } .ak-pagetype-survey #ak-survey-questions { background: #eff3f3; max-width: 45rem; margin: 0 auto; padding: 2em; line-height: 1.2em; } .ak-pagetype-survey #ak-survey-questions #ak-errors { display: none; } .ak-pagetype-survey #ak-survey-questions ul.ak-err { list-style: none; margin: 0; padding: 0; font-size: 12px; margin-top: 0.25em; color: #ae272b; } .ak-pagetype-survey .ak-field-box > div { margin-bottom: 1rem; } .ak-pagetype-survey .radio-item label, .ak-pagetype-survey .checkbox-item label { overflow: visible; font-weight: normal; } .ak-pagetype-survey .ak-survey-question-label { margin-bottom: 0.25em; } .ak-pagetype-survey .ak-survey-radio-choice, .ak-pagetype-survey .ak-survey-checkbox-choice { margin-bottom: 0.5em; text-indent: -1.75em; padding-left: 1.75em; } .ak-pagetype-survey .ak-survey-radio-choice input, .ak-pagetype-survey .ak-survey-checkbox-choice input { margin-right: 0.5em; } .ak-pagetype-survey select { width: 100%; border: 1px solid #d2d2d2; background: #fff; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.5em; padding: 0.5em 0.35em; } .ak-pagetype-survey input[type=text].ak-survey-input, .ak-pagetype-survey select.ak-survey-input, .ak-pagetype-survey textarea.ak-survey-input { width: 100%; max-width: 16em; border: 1px solid #d2d2d2; background: #fff; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 1.5em; padding: 0.5em 0.35em; } .ak-pagetype-survey select.ak-survey-input { font-size: 0.9em; height: 2.25em; } .ak-pagetype-survey textarea.ak-survey-input { max-width: 100%; } .ak-pagetype-survey .ak-submit-button { text-align: center; font-size: 18px; font-weight: 800; line-height: 130%; padding: 9px 22px; border: 0 !important; border-radius: 34px; color: #fff; background-color: #E50B5B; text-decoration: none !important; transition: all 0.4s ease-in-out; z-index: 200; display: inline-block; position: relative; overflow: hidden; } .ak-pagetype-survey .ak-submit-button:hover { color: #0B164C; } .ak-pagetype-survey .ak-submit-button::after { content: ""; width: 115%; height: 102%; display: block; position: absolute; top: 0; left: -115%; z-index: -1; background-color: #32AEF5; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='313' height='76' viewBox='0 0 313 76' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M263.781 75.7607H0V0H309.243C312.078 8.63937 316.047 28.3106 309.243 37.8803C300.738 49.8425 291.169 42.8646 273.095 60.8079C262.702 71.1259 261.94 74.8515 263.781 75.7607H266.716C265.62 76.041 264.502 76.1164 263.781 75.7607Z' fill='%2332AEF5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='313' height='76' viewBox='0 0 313 76' preserveAspectRatio='none' fill='none'%3E%3Cpath d='M263.781 75.7607H0V0H309.243C312.078 8.63937 316.047 28.3106 309.243 37.8803C300.738 49.8425 291.169 42.8646 273.095 60.8079C262.702 71.1259 261.94 74.8515 263.781 75.7607H266.716C265.62 76.041 264.502 76.1164 263.781 75.7607Z' fill='%2332AEF5'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; transition: all 0.4s ease-in-out; } .ak-pagetype-survey .ak-submit-button:hover::after { left: 0; }</style> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="/resources/actionkit.js"></script> <style> </style> </head> <body class="ak-pagetype-signup ak-lang-en ak-no-js"> <script type="text/javascript">actionkit.forms.initPage()</script> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-5J9DGJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <header id="header" class="header" role="banner" aria-label="Site header"> <nav class="navbar navbar-expand-xl" id="navbar-main"> <a href="https://www.pfaw.org/" title="Home" rel="home" class="navbar-brand"> <img src="https://s3.us-east-1.amazonaws.com/s3.pfaw.org/images/PFAW_logo2024.png" alt="People for the American Way" class="full"> </a> </nav> </header> <main id="main" class="main" role="main" tabindex="-1"> <div class="layout-constrain">  <link href="http://localhost:8888/pfaw/crmMigration/p-ak-template/localhost/css/main.css" rel="stylesheet" type="text/css" /> <form class="action_form" name="act" method="POST" action="/act/" accept-charset="utf-8"> <div class="ak-grid-row"> <div class="ak-grid-row" id="signup-header"> <div class="ak-grid-col ak-grid-col-12-of-12"> <h2>Sign Up for Email Updates from People For</h2> </div> </div> <div id="signup-form" class="ak-grid-col ak-grid-col-6-of-12 ak-styled-fields ak-labels-overlaid ak-errs-below"> <h2>Sign Up Here:</h2> <ul class="compact" id="ak-errors"></ul> <div id="known_user"> Not <span id="known_user_name"></span>? <a href="?" onclick="return actionkit.forms.logOut()">Click here.</a> <hr> </div> <div id="unknown_user" class="ak-user-form"> <div id="ak-fieldbox-email" class="form-row required"> <label for="id_email"> Email address <span class="ak-required-flag">*</span> </label> <input type="text" name="email" id="id_email" class="ak-userfield-input"> </div> <input type="hidden" name="country" value="United States"> </div> <div class="form-row form-submit"> <button type="submit" class="full">Sign Up</button> </div> <div class="form-row"> <p class="disclaimer">People For will send you updates by email.</p> </div> </div> <div id="signup-story" class="ak-grid-col ak-grid-col-6-of-12">    <div class="ak-mobile-lead"></div> </div> </div> <input type="hidden" name="page" value="signup-peoplefor"> </form> </div> </main> <footer class="site-footer"> <div class="container"> <div class="block-content"> <div class="group-header"> <div class="field__items social-links"> <ul> <li><a href="https://www.facebook.com/peoplefor" target="_blank" rel="noopener noreferrer"><img src="https://s3.us-east-1.amazonaws.com/s3.pfaw.org/images/2024-social-facebook.svg" alt="Facebook"></a></li> <li><a href="https://www.linkedin.com/company/people-for-the-american-way" target="_blank" rel="noopener noreferrer"><img src="https://s3.us-east-1.amazonaws.com/s3.pfaw.org/images/2024-social-linkedin.svg" alt="Linked In Logo" loading="lazy"></a></li> <li><a href="https://twitter.com/peoplefor/status/1743300016641638674" target="_blank" rel="noopener noreferrer"><img src="https://s3.us-east-1.amazonaws.com/s3.pfaw.org/images/2024-social-x.svg" alt="X (Twitter) Logo" loading="lazy"></a></li> <li><a href="https://www.instagram.com/peoplefor_/" target="_blank" rel="noopener noreferrer"><img src="https://s3.us-east-1.amazonaws.com/s3.pfaw.org/images/2024-social-instagram.svg" alt="Instagram icon" loading="lazy"></a></li> <li><a href="https://www.tiktok.com/@peoplefor_" target="_blank" rel="noopener noreferrer"><img src="https://s3.us-east-1.amazonaws.com/s3.pfaw.org/images/2024-social-tiktok.svg" alt="TikTok" loading="lazy"></a></li> </ul> </div> <div class="field__items footer-links"> <ul> <li><a href="https://www.pfaw.org/give-now">Donate</a></li> <li><a href="https://www.pfaw.org/become-member">Membership</a></li> <li><a href="https://www.pfaw.org/media-center">Media center</a></li> <li><a href="https://www.pfaw.org/careers-people-american-way">Careers</a></li> <li><a href="https://www.pfaw.org/contact-us">Contact us</a></li> </ul> </div> </div> <div class="group-left"> <form class="footer-signup" id="signupfooter" name="signupfooter" action="https://act.pfaw.org/act/" target="hiddenframe"> <label>Sign up</label> <input type="hidden" name="page" value="signup"> <input id="id_email" type="text" name="email" placeholder="Sign Up for Email Updates"> <input type="submit" class="button" value="Sign Up"> <input type="hidden" name="source" value="pfaw_emailfooter"> </form> <div id="signupfooter-error">Email address is invalid.</div> <div id="signupfooter-replacement" class="footer-signup-thanks" style="">Thank you!</div> <iframe id="hiddenframe" name="hiddenframe" style="display: none;"></iframe> </div> <div class="group-right"> <div class="field field-address"> <p>1101 15th Street, NW, Suite 600<br>Washington, DC 20005</p> </div> <div class="field field-logo"> <img src="https://s3.us-east-1.amazonaws.com/s3.pfaw.org/images/PFAW_logo_footer2024.svg" alt="People for the American Way logo" loading="lazy"> </div> </div> <div class="group-footer"> <div class="field__items utility-links"> <ul> <li><a href="https://www.pfaw.org/privacy-policy">Privacy Policy</a></li> <li><a href="https://www.pfaw.org/disclaimer-and-copyright-information">Disclaimer and copyright information</a></li> </ul> </div> </div> </div> </div> </footer> <script type="text/javascript"> (function() { const email = document.querySelector('#signupfooter #id_email'); const error = document.getElementById('signupfooter-error'); const success = document.getElementById('signupfooter-replacement'); document.getElementById('signupfooter').addEventListener('submit', function (event) { error.style.display = 'none'; success.style.display = 'none'; var matchString = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; if (!email.value.match(matchString)) { jQuery('#signupfooter-error').slideToggle(); event.preventDefault(); return false; } jQuery('#signupfooter').slideToggle(); // slide the form up setTimeout(function(){ // and show "thank you" 1/2 second later success.style.display = 'block'; }, 500); return; }); })(); </script> <script type="text/javascript"> actionkit.forms.contextRoot = '/context/'; actionkit.forms.initForm('act'); </script> </body> </html>