CINXE.COM

<!doctype html> <html> <head>  <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= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KKXPKPQ');</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= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TC8H4GJ');</script> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>TAKE ACTION | HIAS</title> <meta name="theme-color" content="#ff6600"> <meta property="og:site_name" content="HIAS"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@HIASrefugees"> <meta name="twitter:creator" content="@HIASrefugees"> <meta name="twitter:image:alt" content="Take Action"> <meta name="title" content="Tell Congress: Support the Asylum Seeker Work Authorization Act"> <meta property="og:title" content="Tell Congress: Support the Asylum Seeker Work Authorization Act"> <meta property="og:description" content="If passed, this legislation would shorten the waiting periods and make it easier for asylum seekers to obtain a work permit and contribute to their communities. "> <meta name="description" content="If passed, this legislation would shorten the waiting periods and make it easier for asylum seekers to obtain a work permit and contribute to their communities. "> <meta property="og:image" content="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10027/2023_03-DC-WWD-Rally-Against-Asylum-Ban.jpg?v=1678209471000"> <link rel="canonical" href="https://act.hias.org/page/54296/action/1?locale=en-US"> <meta property="og:url" content="https://act.hias.org/page/54296/action/1?locale=en-US"> <link rel="image_src" href="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10027/2023_03-DC-WWD-Rally-Against-Asylum-Ban.jpg?v=1678209471000"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@HIASrefugees"> <meta name="twitter:title" content="Tell Congress: Support the Asylum Seeker Work Authorization Act"> <meta name="twitter:description" content="If passed, this legislation would shorten the waiting periods and make it easier for asylum seekers to obtain a work permit and contribute to their communities. "> <meta name="twitter:image" content="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10027/2023_03-DC-WWD-Rally-Against-Asylum-Ban.jpg?v=1678209471000"> <meta name="twitter:image:alt" content="Take Action"> <link href="/pageassets/css/enPage.css?v=4.0.0" rel="stylesheet" type="text/css"> <script nonce="ea317236-2fca-44fb-abac-b05d421cb094">var pageJson = {"clientId":10027,"campaignPageId":54296,"campaignId":121658,"pageNumber":1,"pageCount":2,"pageName":"2307_ADV_Asylum-Seeker-Work-Authorization_Petition","pageType":"emailtotarget","locale":"en-US","redirectPresent":true,"giftProcess":false};</script> <script src="/page/54296/pagedata.js?locale=en-US&ea.profile.id=0"></script> <script src="/pageassets/js/enPage.js?v=4.0.0"></script> </head> <body>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KKXPKPQ" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TC8H4GJ" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <div id="main-content-wrapper"> <div id="main-content"> <div id="main-content-inner"> <form method="post" id="pb_54296" name="pb_2307ADVAsylumSeekerWorkAuthorizationPetition" action="/page/54296/action/2" class="en__component en__component--page"> <input type="hidden" name="hidden" class="en__hiddenFields" value=""> <input type="hidden" name="sessionId" value="3ce035b17fea462f8c139266a6a10d0d-use2-prd-web1"> <ul role="alert" class="en__errorList"> </ul> <div class="en__component en__component--row en__component--row--1"> <div class="en__component en__component en__component--column"> <div class="en__component en__component--codeblock"> <style> .en__field--regular-updates, .en__field--monthly-newsletter, .en__field--events-webinars { display: none !important; } </style> </div> <div class="en__component en__component--codeblock"> <style> /* Add red star for required */ .en__mandatory label.en__field__label:not(.en__field__label--item)::after{ content: "*"; color: red; } /* Removing the label for optins */ .en__field--37292 label.en__field__label:not(.en__field__label--item){ display:none; } .en__field--37292 { display:none; </style> <script> /* Add scripts as needed here */ </script> </div> <div class="en__component en__component--copyblock" style=" "> <h1 dir="ltr">Tell Congress to Support the Asylum Seeker Work Authorization Act</h1> <p>Right now, asylum seekers are forced to comply with unnecessarily long waiting periods before they are able to legally work in the United States. Without the ability to work, people seeking asylum are deprived of the right to earn an income and support themselves and their families.</p> <p>Please write to your member of Congress and ask them to support the Asylum Seeker Work Authorization Act of 2023 (H.R. 1325). If passed, this legislation would shorten the waiting periods and make it easier for asylum seekers to obtain a work permit and contribute to their communities.</p> <p><strong><b>This could be life-changing for asylum seekers — please ask your member of Congress to support the Asylum Seeker Work Authorization Act today.</b></strong></p> <style type="text/css">strong { font-weight: bold; } </style> </div> <div class="en__component en__component--copyblock personal-information-title" style=" "> <h2>Personal Information</h2> </div> <div class="en__component en__component--formblock address" style=""> <div class="en__field en__field--text en__field--681874 en__field--firstName en__mandatory"> <label for="en__field_supporter_firstName" class="en__field__label en__field__label--positionbeside" style="">First Name</label> <div class="en__field__element en__field__element--text"> <input id="en__field_supporter_firstName" type="text" class="en__field__input en__field__input--text" name="supporter.firstName" value=""> </div> </div> <div class="en__field en__field--text en__field--681875 en__field--lastName en__mandatory"> <label for="en__field_supporter_lastName" class="en__field__label en__field__label--positionbeside" style="">Last Name</label> <div class="en__field__element en__field__element--text"> <input id="en__field_supporter_lastName" type="text" class="en__field__input en__field__input--text" name="supporter.lastName" value=""> </div> </div> <div class="en__field en__field--text en__field--681876 en__field--emailAddress en__mandatory"> <label for="en__field_supporter_emailAddress" class="en__field__label en__field__label--positionbeside" style="">Email Address</label> <div class="en__field__element en__field__element--text"> <input id="en__field_supporter_emailAddress" type="text" class="en__field__input en__field__input--text" name="supporter.emailAddress" value=""> </div> </div> </div> <div class="en__component en__component--copyblock address-title" style=" "> <h2>Address</h2> </div> <div class="en__component en__component--formblock address" style=""> <div class="en__field en__field--text en__field--681872 en__field--address1 en__mandatory"> <label for="en__field_supporter_address1" class="en__field__label" style="">Street</label> <div class="en__field__element en__field__element--text"> <input id="en__field_supporter_address1" type="text" class="en__field__input en__field__input--text" name="supporter.address1" value=""> </div> </div> <div class="en__field en__field--text en__field--681871 en__field--city en__mandatory"> <label for="en__field_supporter_city" class="en__field__label" style="">City</label> <div class="en__field__element en__field__element--text"> <input id="en__field_supporter_city" type="text" class="en__field__input en__field__input--text" name="supporter.city" value=""> </div> </div> <div class="en__field en__field--select en__field--681877 en__field--region en__mandatory"> <label for="en__field_supporter_region" class="en__field__label" style="">State</label> <div class="en__field__element en__field__element--select"> <select id="en__field_supporter_region" class="en__field__input en__field__input--select" name="supporter.region"> <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> <option value="AR">Arkansas</option> <option value="CA">California</option> <option value="CO">Colorado</option> <option value="CT">Connecticut</option> <option value="DE">Delaware</option> <option value="DC">District of Columbia</option> <option value="FL">Florida</option> <option value="GA">Georgia</option> <option value="HI">Hawaii</option> <option value="ID">Idaho</option> <option value="IL">Illinois</option> <option value="IN">Indiana</option> <option value="IA">Iowa</option> <option value="KS">Kansas</option> <option value="KY">Kentucky</option> <option value="LA">Louisiana</option> <option value="ME">Maine</option> <option value="MD">Maryland</option> <option value="MA">Massachusetts</option> <option value="MI">Michigan</option> <option value="MN">Minnesota</option> <option value="MS">Mississippi</option> <option value="MO">Missouri</option> <option value="MT">Montana</option> <option value="NE">Nebraska</option> <option value="NV">Nevada</option> <option value="NH">New Hampshire</option> <option value="NJ">New Jersey</option> <option value="NM">New Mexico</option> <option value="NY">New York</option> <option value="NC">North Carolina</option> <option value="ND">North Dakota</option> <option value="OH">Ohio</option> <option value="OK">Oklahoma</option> <option value="OR">Oregon</option> <option value="PA">Pennsylvania</option> <option value="RI">Rhode Island</option> <option value="SC">South Carolina</option> <option value="SD">South Dakota</option> <option value="TN">Tennessee</option> <option value="TX">Texas</option> <option value="UT">Utah</option> <option value="VT">Vermont</option> <option value="VA">Virginia</option> <option value="WA">Washington</option> <option value="WV">West Virginia</option> <option value="WI">Wisconsin</option> <option value="WY">Wyoming</option> </select> </div> </div> <div class="en__field en__field--text en__field--681873 en__field--postcode en__mandatory"> <label for="en__field_supporter_postcode" class="en__field__label" style="">Zip</label> <div class="en__field__element en__field__element--text"> <input id="en__field_supporter_postcode" type="text" class="en__field__input en__field__input--text" name="supporter.postcode" value=""> </div> </div> </div> <div class="en__component en__component--formblock" style=""> <div class="en__field en__field--radio en__field--question en__field--658308 en__field--regular-updates"> <label for="en__field_supporter_questions_658308" class="en__field__label" style=""> <h3>Regular Updates</h3> <p><em>You’ll receive all the breaking news, updates on your impact as a HIAS supporter, opportunities to take action to support refugees and asylum seekers, and more.</em></p></label> <div class="en__field__element en__field__element--radio "> <div class="en__field__item"> <input id="en__field_supporter_questions_6583080" checked type="radio" class="en__field__input en__field__input--radio" value="Y" name="supporter.questions.658308"> <label for="en__field_supporter_questions_6583080" class="en__field__label en__field__label--item">Yes</label> </div> <div class="en__field__item"> <input id="en__field_supporter_questions_6583081" type="radio" class="en__field__input en__field__input--radio" value="N" name="supporter.questions.658308"> <label for="en__field_supporter_questions_6583081" class="en__field__label en__field__label--item">No</label> </div> </div> </div> <div class="en__field en__field--radio en__field--question en__field--41466 en__field--monthly-newsletter"> <label for="en__field_supporter_questions_41466" class="en__field__label" style=""> <h3>Monthly Newsletter</h3> <p><em>Once a month, we’ll send you our newsletter, Global Update, with the latest updates on HIAS’ work and your impact as a supporter. </em></p></label> <div class="en__field__element en__field__element--radio "> <div class="en__field__item"> <input id="en__field_supporter_questions_414660" checked type="radio" class="en__field__input en__field__input--radio" value="Y" name="supporter.questions.41466"> <label for="en__field_supporter_questions_414660" class="en__field__label en__field__label--item">Yes</label> </div> <div class="en__field__item"> <input id="en__field_supporter_questions_414661" type="radio" class="en__field__input en__field__input--radio" value="N" name="supporter.questions.41466"> <label for="en__field_supporter_questions_414661" class="en__field__label en__field__label--item">No</label> </div> </div> </div> <div class="en__field en__field--radio en__field--question en__field--658309 en__field--events-webinars"> <label for="en__field_supporter_questions_658309" class="en__field__label" style=""> <h3>Events & Webinars</h3> <p><em>Occasionally, we’ll send you the latest updates on HIAS’ events and webinars. </em></p></label> <div class="en__field__element en__field__element--radio "> <div class="en__field__item"> <input id="en__field_supporter_questions_6583090" checked type="radio" class="en__field__input en__field__input--radio" value="Y" name="supporter.questions.658309"> <label for="en__field_supporter_questions_6583090" class="en__field__label en__field__label--item">Yes</label> </div> <div class="en__field__item"> <input id="en__field_supporter_questions_6583091" type="radio" class="en__field__input en__field__input--radio" value="N" name="supporter.questions.658309"> <label for="en__field_supporter_questions_6583091" class="en__field__label en__field__label--item">No</label> </div> </div> </div> <div class="en__submit"> <button style="">NEXT</button> </div> </div> <div class="en__component en__component--copyblock" style=" "> <p>By submitting this form you will be added to our mailing list to receive periodic updates from HIAS under the terms of our <a href="https://hias.org/privacy-policy/" target="_blank">privacy policy</a>. You may unsubscribe at any time.</p> </div> </div> </div> </form> </div> </div> </div>  <style> body { margin: 0; color: #2a2a2a; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 100%; line-height: 1.4; } h1, h2, h3, h4, h5, h6{ font-weight: 500; } strong{ font-weight: 700; } a{ text-decoration: none; } a:active, a:hover { outline: 0; } a:hover, a:focus { text-decoration: none; } #main-content-wrapper { margin: 0 auto; max-width: 41.25rem; width: 100%; } #main-content { padding: 2.1875rem 0 4.375rem 0; } #main-content-inner{ margin: 0 auto; } /* Pad's the main content form, unless it's emebeded. */ body#en__pagebuilder.embedded #main-content-inner, body#en__pagebuilder:not(.embedded) #main-content-inner, body:not(#en__pagebuilder):not(.embedded) #main-content-inner{ padding: 0 1.875rem; } @media (min-width: 41.25em) { body { background-color: #eeeeee; } body #main-content { background-color: #ffffff; } body:not(.embedded) #main-content { margin: 2.1875rem; border-radius: 0.4375rem; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12); } } /************************************ * General overrides of EN styles ***********************************/ /* In the event Theme CSS causes a hidden field to become displayed, forrce its display to remain hidden */ #main-content .en__hidden{ display: none !important; } #main-content .en__component--column:not(.en__component--advcolumn), #main-content .en__field__element { min-width: 100% !important; } #main-content .en__field__item { width: 100%; } #main-content .en__field__label { max-width: 100%; width: auto; } /* Responsive images */ #main-content img { max-width: 100%; height: auto !important; } /* Remove fixed min-width on Thermometer bar */ #main-content .enWidget__bar .enWidget__progress{ min-width: initial; } /* Make sure that background colors are not hard coded */ #main-content .en__twitterTarget, #main-content .en__tweetBackgroundText, #main-content .en__tweet, #main-content .en__tweetDisabled, #main-content .en__tweetButton{ background-color: initial; } /* Make sure that background colors are not hard coded */ #main-content .en__tweetContact{ background-color: initial; } /* When embedded, remove unnecessary padding */ body.embedded #main-content .en__tweetButton{ padding: 19.92px 0 19.92px 0; } /* If in page builder, give the background some color so that input fields stand out */ body#en__pagebuilder{ background-color: #f1f1f1; } /************************************ * Inputs ***********************************/ /* General */ #main-content input[type="date"], #main-content input[type="datetime"], #main-content input[type="datetime-local"], #main-content input[type="email"], #main-content input[type="month"], #main-content input[type="number"], #main-content input[type="password"], #main-content input[type="range"], #main-content input[type="search"], #main-content input[type="tel"], #main-content input[type="text"], #main-content input[type="time"], #main-content input[type="url"], #main-content input[type="week"], #main-content textarea { max-width: 100%; width: 100%; min-width: initial; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 2.4375rem; margin: 0 0 1rem; padding: 0.5rem; border: 1px solid #cacaca; border-radius: 0.1875rem; background-color: #fefefe; -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #main-content textarea { height: 20rem; resize: vertical; } #main-content select { height: 2.4375rem; width: 100%; margin: 0 0 1rem; padding: 0.5rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #cacaca; border-radius: 0.1875rem; background-color: #fefefe; font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #0a0a0a; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>"); background-origin: content-box; background-position: right center; background-position: right -1rem center; background-repeat: no-repeat; background-size: 0.5625rem 0.375rem; padding-right: 1.5rem; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } /* EN sets background to White making it not ideal for non-white backgrounds. This resets it to an initial state "transparent". */ #main-content .en__contact__toggle, #main-content .en__contact--open .en__contact__toggle { background-color: initial; } /** * Form Block Component: Select Fields * Overrides EN Default Styling to ensure mobile friendly widths */ #main-content .en__field__input--select{ min-width: initial !important; } /* Focus state */ #main-content input[type="date"]:focus, #main-content input[type="datetime"]:focus, #main-content input[type="datetime-local"]:focus, #main-content input[type="email"]:focus, #main-content input[type="month"]:focus, #main-content input[type="number"]:focus, #main-content input[type="password"]:focus, #main-content input[type="range"]:focus, #main-content input[type="search"]:focus, #main-content input[type="tel"]:focus, #main-content input[type="text"]:focus, #main-content input[type="time"]:focus, #main-content input[type="url"]:focus, #main-content input[type="week"]:focus, #main-content select:focus, #main-content textarea:focus { outline: none; border: 1px solid #8a8a8a; background-color: #fefefe; -webkit-box-shadow: 0 0 0.3125rem #cacaca; box-shadow: 0 0 0.3125rem #cacaca; -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s; } /* Radio & Checkbox Inputs */ #main-content .en__field__input--radio, #main-content .en__field__input--checkbox { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; } #main-content .en__field__input--radio+.en__field__label, #main-content .en__field__input--checkbox+.en__field__label { position: relative; margin-left: 2rem; cursor: pointer; } #main-content .en__field__input--radio+.en__field__label:before, #main-content .en__field__input--checkbox+.en__field__label:before { content: ""; position: absolute; left: -2rem; height: 1.5rem; width: 1.5rem; margin-right: .5em; display: inline-block; vertical-align: middle; border: 1px solid #c3c3c3; border-radius: 50%; -webkit-box-shadow: inset 0 0 0 5px #fff; box-shadow: inset 0 0 0 5px #fff; cursor: pointer; -webkit-transition-duration: .25s; transition-duration: .25s; -webkit-transition-property: border-color, background-color; transition-property: border-color, background-color; } #main-content .en__field__input--checkbox+.en__field__label:before { border-radius: 10%; -webkit-box-shadow: none; box-shadow: none; } #main-content .en__field__input--radio:checked+.en__field__label:before, #main-content .en__field__input--checkbox:checked+.en__field__label:before { border-color: #2ba6cb; background-color: #2ba6cb; } #main-content .en__field__input--checkbox:checked+.en__field__label:before { content: "\a0\2713"; border-color: #2ba6cb; background-color: #2ba6cb; color: #ffffff; } #main-content .en__field__input--radio:focus + .en__field__label:before, #main-content .en__field__input--checkbox:focus + .en__field__label:before { outline: #8a8a8a auto 0.3125rem; } /* Buttons */ #main-content button { display: block; width: 100%; margin: 0 0 1rem 0; font-family: inherit; padding: 0.85rem 1rem; -webkit-appearance: none; border: 1px solid transparent; border-radius: 0.1875rem; -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-size: 1rem; text-align: center; cursor: pointer; background-color: #2ba6cb; color: #fefefe; } #main-content .en__submit button{ width: 100%; margin-top: 2rem; } #main-content .next-step .en__submit button{ width: initial; margin-left: auto; } #main-content button:hover, #main-content button:focus { background-color: #258dad; } #main-content button[disabled], #main-content button[disabled]:hover, #main-content button[disabled]:focus { background-color: #1779ba; color: #fefefe; } #main-content button[disabled] { opacity: 0.25; cursor: not-allowed; } /* Split Text: 2Up */ @media (min-width: 41.25em) { #main-content .en__field__element--splittext > .en__field__item { width: 48.75%; } #main-content .en__field__element--splittext > .en__field__item:first-child { margin-right: 0.25rem; } #main-content .en__field__element--splittext > .en__field__item:last-child { margin-left: 0.25rem; } } /* Split Triple Text: 3Up */ @media (min-width: 41.25em) { #main-content .en__field__element--tripletext > .en__field__item { width: 31.75%; } #main-content .en__field__element--tripletext > .en__field__item:nth-of-type(2) { margin-left: 0.5rem; margin-right: 0.5rem; } } /* Split Select: 2Up */ @media (min-width: 41.25em) { #main-content .en__field__element--splitselect > .en__field__item { width: 48.75%; } #main-content .en__field__element--splitselect > .en__field__item:nth-of-type(1) { margin-right: 0.25rem; } #main-content .en__field__element--splitselect > .en__field__item:nth-of-type(2) { margin-left: 0.25rem; } } /* Split Triple Select: 3Up */ @media (min-width: 41.25em) { #main-content .en__field__element--tripleselect > .en__field__item { width: 31.75%; } #main-content .en__field__element--tripleselect > .en__field__item:nth-of-type(2) { margin-left: 0.5rem; margin-right: 0.5rem; } } /* Sample Radio: 3Up */ @media (min-width: 41.25em) { #main-content .en__field--sample-radio > .en__field__element--radio > .en__field__item { width: 31.75%; } #main-content .en__field--sample-radio > .en__field__element--radio > .en__field__item:nth-of-type(2n) { margin-left: 0.5rem; margin-right: 0.5rem; } } /************************************ * Loading spinner for submit button ***********************************/ .loader { display: inline-block; position: relative; width: 0.75rem; height: 0.75rem; margin-top: -0.1875rem; vertical-align: middle; } .loader-quart { border-radius: 50%; border: 0.375rem solid rgba(255, 255, 255, 0.4); } .loader-quart:after { content: ''; position: absolute; top: -0.375rem; right: -0.375rem; bottom: -0.375rem; left: -0.375rem; border-radius: 3.125rem; border: 0.375rem solid transparent; border-top-color: #ffffff; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); tranform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); tranform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); tranform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); tranform: rotate(360deg); } } /************************************ * Ellipsis loading animation for placeholder text ***********************************/ .ellipsis-loader:after { overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis steps(4,end) 250ms infinite; animation: ellipsis steps(4,end) 250ms infinite; content: "\2026"; /* ascii code for the ellipsis character */ width: 0px; } @keyframes ellipsis { to { width: 1.25em; } } @-webkit-keyframes ellipsis { to { width: 1.25em; } } /************************************ * Error Messages ***********************************/ /* Input Errors */ #main-content .en__component .en__field--text { position: relative; } #main-content .en__component .en__field__error { position: absolute; top: -1.25rem; padding: 0.25rem 0.25rem; color: #b71c1c; font-size: 0.75rem; border-radius: 0.1875rem; background-color: #f4ddda; } /* Page Errors */ .en__errorHeader { margin-left: -1.875rem; margin-right: -1.875rem; padding: 0.5rem 2rem; color: #b71c1c; font-weight: 700; text-align: center; background-color: #f4ddda; } .en__errorList > .en__error { margin-left: -1.875rem; margin-right: -1.875rem; padding: 0.5rem 2rem; list-style: none; color: #b71c1c; text-align: center; background-color: #f4ddda; } /************************************ * Components ***********************************/ /** * Form Block Component: Personal Information */ @media (min-width: 41.25em) { /* Safari 5.1 Windows */ #main-content .en__component--formblock.personal-information > .en__field { display: inline-block; width: 48%; } #main-content .en__component--formblock.personal-information>.en__field:nth-child(3) { width: 100%; } /* Modern Browsers */ #main-content .en__component--formblock.personal-information { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #main-content .en__component--formblock.personal-information > .en__field { -ms-flex-preferred-size: 48%; flex-basis: 48%; } #main-content .en__component--formblock.personal-information>.en__field:nth-child(3) { -ms-flex-preferred-size: 100%; flex-basis: 100%; } #main-content .en__component--formblock.personal-information>.en__field:nth-child(1) { margin-right: 2%; } #main-content .en__component--formblock.personal-information>.en__field:nth-child(2) { margin-left: 2%; } } /** * Copy Block Component: Personel Information Title */ #main-content .en__component--copyblock.personal-information-title > h2 { margin-left: 2rem; } #main-content .en__component--copyblock.personal-information-title > h2:before { content: ""; display: inline-block; vertical-align: baseline; margin-left: -2rem; margin-right: 2%; height: 1.75rem; width: 1.75rem; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABe0lEQVRYR+2W4TEEQRCFv4sAGZABESACMkAEZIAMiAAZEAEiIANCIALqq9s9e1e7Nd2zVfbPddXV1NZ1v37zeqanZ0xss4nzsyZQo8ABcAK4bjcl/ARegIdmDVc2S+AUuCugnwH3UQYZAu72Iwi8A6hK0TIEboDzIuLc4Ra4iPhmCFjj/Qgo8NqckaJ7hsAXsFFEnDvouxXxzRD4iQB2fELYIacGdE1gcgUmvwV2N1twxGzJds2iZQ7hLvBWRJw77AHvEd8MAfEiZQg3IQGzBHwP3NlQQ/oGVCr0DtQQMMYEKrFKwuQ+0SHp2/JkFWjj+l5GW68tOGW1BEyy2heqsKJBm81LqMSWwG/Xrim9CrhaIg9jUZESAe/yEXCc0vXP+RHwZ1/otSEC7tTRq535KvMvwrwVjmoqs2R9BK6Ay7EZB+LFvu7+t0ogM3bVclwa17oElP25FjUZd9iWo0vAw+KB+w97ag92l0Bm5htLcjEzlq7h2ETF+MkJ/AKQCTkh5Nk4+QAAAABJRU5ErkJggg=='); background-position: 0 0; background-repeat: no-repeat; } /** * Form Block Component: Address */ #main-content .en__component--formblock.address > .en__field--select { width: 100%; } @media (min-width: 41.25em) { /* Safari 5.1 Windows */ #main-content .en__component--formblock.address > .en__field { display: inline-block; width: 48%; } /* Modern Browsers */ #main-content .en__component--formblock.address { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #main-content .en__component--formblock.address > .en__field { -ms-flex-preferred-size: 48%; flex-basis: 48%; } #main-content .en__component--formblock.address > .en__field:nth-child(odd) { margin-right: 2%; } #main-content .en__component--formblock.address > .en__field:nth-child(even) { margin-left: 2%; } } /** * Copy Block Component: Address Title */ #main-content .en__component--copyblock.address-title > h2 { margin-left: 2rem; } #main-content .en__component--copyblock.address-title > h2:before { content: ""; display: inline-block; vertical-align: bottom; margin-left: -2rem; margin-right: 2%; height: 2rem; width: 1.75rem; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAB6UlEQVRYR6WX/TFlQRDFz4uADKwIEAEbASJABIgAEVgRIAJEgAgQATIgAupXdUeN2Zme7rld9f66fbrP9PdbKC77kjYlrU8/LDxPv1tJdxGTi4DyjqRzSX86mDdJx5Ig0xUvgX+SDrvWfiuAgYgpHgIjzpPTC0lHFoMeAcJ+UzGA4asp73ymHnC0V9HdtdLRI0A+VzKjn5K2MselP4g8SFrKPmBjtRUFiwDVflkANwznSRUSTwWuGQWLACHOQ9rNZ+a0xF5L4kH/iUWA3l7LEJ7Xt6KALfAhAl+Fdq9eSuMuvGXUZcBoMRc+QmBOCuBZ9WURoJ2Y+e6hYhTh49S+oRooKxmwJwq1Nhzqgtoc+JD0tzOI7iUtF089mCZnKAJsvddGkREd5gLthfBqllW116dJyEQMEUC5nAVG0Tc/vWR3Q5gAC4YbYI6wktmoVekNFysNXlIsomr4m71ZWOay2fZ6K/Q4z1jpTelFACDrl8oeETqGeTKLAOByKHnINIdPDvZEYDQK3dd7ayARjkTB9foogUhHmJU/koKEOZV00imAM0noucRbA8kYM57pmB+quaP3aeqxM1wSJdArSFfhzUlBwtb+rESO1h8OIxEAXKYiHPrEYJQA+Pzw8Bwq1ZqYQwCDaf9zHwzJN9UKWyGqF8gUAAAAAElFTkSuQmCC'); background-position: 0 0; background-repeat: no-repeat; } /** * Form Block Component: Payment Information */ #main-content .en__component--formblock.payment-information > .en__field--ccexpire > .en__field__element--splitselect > .en__field__item { padding: 0; width: 40%; } @media (min-width: 41.25em) { /* Safari 5.1 Windows */ #main-content .en__component--formblock.payment-information > .en__field { display: inline-block; width: 48%; } /* Modern Browsers */ #main-content .en__component--formblock.payment-information { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #main-content .en__component--formblock.payment-information > .en__field { -ms-flex-preferred-size: 48%; flex-basis: 48%; } #main-content .en__component--formblock.payment-information > .en__field:nth-child(odd) { margin-right: 2%; } #main-content .en__component--formblock.payment-information > .en__field:nth-child(even) { margin-left: 2%; } } /** * Copy Block Component: Payment Information Title */ #main-content .en__component--copyblock.payment-information-title > h2 { margin-left: 2rem; } #main-content .en__component--copyblock.payment-information-title > h2:before { content: ""; display: inline-block; vertical-align: baseline; margin-left: -2rem; margin-right: 2%; height: 1.75rem; width: 2rem; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAtElEQVRYR+2WwQ3CMAxFXyfoCGUEOgkrsAEjEDZghG5URmg26AYgR40ERVVQgpwe7FsOzn/6tmw3VI6msj4GEB24AyfgoFSSCRiAmwCI+EVJeC0TAGagBXrgoQRyBEZgEoDnIqrdkEHXAN4dUCr/p4wBmAO7csAGkTkQHVgvp9Q7d4JuLqOU4L+2pwHs5x6oeZJ56XwHXHNbuTAvHKUSAnEGusIPf033y1nutKffF6ABVHfgBWDaOs5lsuVZAAAAAElFTkSuQmCC'); background-position: 0 0; background-repeat: no-repeat; } /** * Form Block Component: Recurring Payment */ #main-content .en__component--formblock.recurring-payment > .en__field--recurrfreq { display: none; } #main-content .en__component--formblock.recurring-payment > .en__field--recurrpay .en__field__item { height: 2.5rem; width: auto; } #main-content .en__component--formblock.recurring-payment > .en__field--recurrpay .en__field__item:nth-child(1) { margin-right: 2%; } #main-content .en__component--formblock.recurring-payment > .en__field--recurrpay .en__field__item:nth-child(2) { margin-left: 2%; } @media (min-width: 31.25em) { #main-content .en__component--formblock.recurring-payment { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #main-content .en__component--formblock.recurring-payment>.en__field { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } /** * Form Block Component: Donation Amount */ /* Safari 5.1 Windows */ #main-content .en__component--formblock.donation-amt .en__field__item.en__field__item--hidden { display: inline-block; } /* Modern Browsers */ #main-content .en__component--formblock.donation-amt .en__field__item.en__field__item--other { display: inline-flex; } #main-content .en__component--formblock.donation-amt .en__field__element--radio > .en__field__item { height: 2.5rem; } #main-content .en__component--formblock.donation-amt .en__field__element--radio > .en__field__item { width: 32%; } #main-content .en__component--formblock.donation-amt .en__field__element--radio > .en__field__item--other { width: calc(32% - 32px); } #main-content .en__component--formblock.donation-amt .en__field__element--radio > .en__field__item--other-radio { width: auto; } @media (min-width: 31.25em) { #main-content .en__component--formblock.donation-amt .en__field__element--radio > .en__field__item { width: 32%; } #main-content .en__component--formblock.donation-amt .en__field__element--radio > .en__field__item--other { width: calc(32% - 32px); } #main-content .en__component--formblock.donation-amt .en__field__element--radio > .en__field__item--other-radio { width: auto; } #main-content .en__component--formblock.recurring-payment > .en__field__element--radio > .en__field__item { height: 2.5rem; } #main-content .en__component--formblock.recurring-payment > .en__field--recurrday .en__field__input--text { margin-bottom: 0; } } /** * Copy Block Component: Advocacy * Contact Block Component: Message Details * Toggle message area display */ #main-content .en__component--copyblock.view-message .btn--view-message { padding-left: 0; background-color: #ffffff; color: inherit; font-size: 1.5rem; text-align: left; } #main-content .en__component--copyblock.view-message .btn--view-message:before { content: '\2b'; display: inline-block; margin-right: 2%; } #main-content .en__component--copyblock.view-message .btn--view-message.active:before { content: '\2212'; display: inline-block; margin-right: 2%; } #main-content .msgDetails .en__component--contactblock .en__field__input--checkbox+.en__field__label:before { top: -2%; } #main-content .msgDetails .en__component--contactblock, #main-content .msgDetails .en__component--formblock{ display: none; padding: 0; } #main-content .msgDetails.show .en__component--contactblock, #main-content .msgDetails.show .en__component--formblock { display: block; margin-bottom: 2rem; } /* Hide Edit and Submit button once a collapsed action is expanded */ #main-content .msgDetails.show #en_actionMessageToggle_ToggleWrapper, #main-content .msgDetails.show #en_actionMessageToggle_SubmitButton{ display: none; } /** New CSS For Collapsed Slim Twitter Cards **/ #main-content #en_actionMessageToggle{ display: flex; flex-direction: column; } #main-content #en_actionMessageToggle_Content { display: flex; flex: 1; } #main-content #en_actionMessageToggle_Columns{ display: flex; flex:1; align-items: center; } #main-content #en_actionMessageToggle_Title{ flex-grow: 1; } #main-content #en_actionMessageToggle_ToggleWrapper button{ margin: 0; background-color: transparent; color: #999999; outline:none; } #main-content #en_actionMessageToggle_SubmitButton button { margin: 0; background-color: #32cc33; color: #ffffff; } #main-content .en__contact__detail{ background-color: initial; padding: 0; } html.embedded #en_actionMessageToggle_ToggleButton, html.embedded #en_actionMessageToggle_SubmitButton{ display: initial; } </style>  <script src="https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10027/4Site-en-page-scripts.js?v=1523645455000"></script>  <script>/***************************** * Element.matches() polyfill ****************************/ if (!Element.prototype.matches) { Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; } /***************************** * Donation page scripts ****************************/ (function() { /** * Handle recurring payment date */ // get current day for recurring payment date var recurrday = document.getElementById("en__field_transaction_recurrday"); // get recurring pay options var recurrpay0 = document.getElementById("en__field_transaction_recurrpay0"); var recurrpay1 = document.getElementById("en__field_transaction_recurrpay1"); // get the current day var d = new Date(); var n = d.getDate(); // handle selection of give once if (recurrpay0) { recurrpay0.addEventListener('click', function(e) { var isGiveOnce = e.target.matches('input#en__field_transaction_recurrpay0'); this.setAttribute('checked', isGiveOnce); recurrpay1.setAttribute('checked', !isGiveOnce); }); } // handle selection of give monthly if (recurrpay1) { recurrpay1.addEventListener('click', function(e) { var isGiveMonthly = e.target.matches('input#en__field_transaction_recurrpay1'); this.setAttribute('checked', isGiveMonthly); recurrpay0.setAttribute('checked', !isGiveMonthly); if (recurrday) { recurrday.value = n; } }); } })(); (function(){ /** * Handle surprise radio and input field */ // get elements var activeTab = document.getElementsByClassName('en__field__input--other')[0].parentElement, activePrevSibling = activeTab.previousElementSibling, activeNextSibling = activeTab.nextElementSibling; /* activeTab.style.backgroundColor = '#0f0'; */ /* activePrevSibling.style.backgroundColor = '#f00'; */ activePrevSibling.className += " en__field__item--other-radio"; var surpriseLabel = activePrevSibling.getElementsByTagName("label")[0]; var surpriseRadio = activePrevSibling.getElementsByTagName("input")[0]; var surpriseInput = document.querySelector('[name="transaction.donationAmt.other"]'); var mainContent = document.getElementById('main-content'); // remove surprise label text and use as placeholder if (surpriseLabel && surpriseInput) { var surpriseLabelText = surpriseLabel.textContent; surpriseLabel.textContent = ''; surpriseInput.placeholder = surpriseLabelText; surpriseInput.setAttribute('aria-label', 'Other donation amount'); } // set checked attribute on radio // when the other amt input is focused if (surpriseRadio) { mainContent.addEventListener('focus', function(e) { var isOtherDonationAmtInput = e.target.matches('input.en__field__input.en__field__input--other'); if (isOtherDonationAmtInput) { surpriseRadio.setAttribute('checked', ''); } }, true); } })(); (function() { /** * Handle credit card security code placeholder */ // get elements var paymentTypeEl = document.getElementById('en__field_transaction_paymenttype'), securityCodeEl = document.getElementById('en__field_transaction_ccvv'); // set the placeholder to to 4 digits if AMEX or 3 otherwise if (paymentTypeEl) { setSecCodePlaceholder(securityCodeEl, this, 'AX', '4 digits', '3 digits'); paymentTypeEl.addEventListener('change', function() { setSecCodePlaceholder(securityCodeEl, this, 'AX', '4 digits', '3 digits'); }); } function setSecCodePlaceholder(el1, el2, cardType, string1, string2) { el1.placeholder = (el2.value === cardType) ? string1 : string2; } })(); /***************************** * Advocacy page scripts ****************************/ (function() { /** * Display/hide the message area */ // get the element var viewMessageEl = document.getElementById('viewMessage'); if (viewMessageEl) { // get the grandparent element var viewMessageGrandParentEl = viewMessageEl.parentElement.parentElement; // set attributes var msgDetailsEl = viewMessageGrandParentEl.nextElementSibling; msgDetailsEl.classList.add('msgDetails'); msgDetailsEl.setAttribute('role', 'tabpanel'); msgDetailsEl.setAttribute('aria-labelledby', 'viewMessage'); // toggle the active class value to show/hide viewMessageEl.addEventListener('click', function() { var isExpanded = this.getAttribute('aria-expanded') === 'true'; this.classList.toggle('active'); msgDetailsEl.classList.toggle('show'); this.setAttribute('aria-expanded', !isExpanded); }); } })(); (function () { /** * Insert a <label> for each target contact checkbox */ // declare variables and get the parent element var en__contactDetails, en__contactDetails__rows; var label, checkBox, contactNumber, contactIdVal; var en__contact = document.getElementsByClassName('en__contact'); var contactCount = en__contact.length; if (en__contact) { for (var i = 0; i < contactCount; i++) { // get contact detail elements for each contact en__contactDetails = document.getElementsByClassName('en__contactDetails')[i]; en__contactDetails__rows = document.getElementsByClassName('en__contactDetails__rows')[i]; contactNumber = en__contact[i].getAttribute('data-contact'); // create a unique id value for each contact contactIdVal = 'en__contactId__' + contactNumber + '--' + i; // get each checkbox element and give it // a unique id value and class values to match // other EN checkboxes checkBox = document.getElementsByClassName('en__contactDetails__select')[i]; checkBox.setAttribute('id', contactIdVal); checkBox.setAttribute('class', 'en__contactDetails__select en__field__input--checkbox'); // create a <label> for each contact // and set for and class values label = document.createElement('label'); label.setAttribute('for', contactIdVal); label.setAttribute('class', 'en__field__label'); // insert the <label> before .en__contactDetails__rows en__contactDetails.insertBefore(label, en__contactDetails__rows); } } })(); /***************************** * Set Input Placeholders ****************************/ (function() { // set placeholder for address2 var address2 = document.getElementById('en__field_supporter_address2'); if (address2) { address2.placeholder = 'Apt, ste, bldg.'; } })(); /***************************** * Submit Btn Loading Spinner ****************************/ (function() { // get the button element var submitBtnEl = document.querySelector('div.en__component.en__component--formblock button'); // display spinner and disable button // if there are no error messages if (submitBtnEl) { submitBtnEl.addEventListener('click', function(e) { // setTimeout to place in queue instead // of in call stack immediately. // Allows time for validation to occur first. setTimeout(function() { if (!isMissingRequiredInputs()) { submitBtnEl.innerHTML = '<div class="loaders"><span class="loader loader-quart"> </span> Processing...</div>'; submitBtnEl.setAttribute('disabled', ''); } }, 0); }); } function isMissingRequiredInputs() { return document.querySelector('[class="en__field__error"]'); } })();</script>  <style> /* Add red star for required */ @media (min-width: 41.25em){ html{ background: url("https://acb0a5d73b67fccd4bbe-c2d8138f0ea10a18dd4c43ec3aa4240a.ssl.cf5.rackcdn.com/10027/HIAS_BG.png?v=1526313109000") no-repeat right bottom fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } body{ background-color: initial; } #main-content-wrapper { margin: initial; } @media (max-width: 41.25em){ #designed-by a{ color: #000000; text-shadow: initial; } } .en__mandatory label.en__field__label:not(.en__field__label--item)::after{ content: "*"; color: red; /* optional color red */ } </style>  <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9157d6e94a8bff7d',t:'MTc0MDE1MjQ3NS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>