Datasetpublic
SALT-NLP/Design2Code

This dataset consists of 484 webpages from the C4 validation set, serving the purpose of testing multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the dataset in the huggingface format here. Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information. Example Usage For example, you… See the full description on the dataset page: https://huggingface.co/datasets/SALT-NLP/Design2Code.
sourceHugging Faceodc-byupdated 3y agoView on Hugging Face
22likes1.7kdownloads
root11592.html
11592.html1005 linesDownload Raw Back to root
1<!DOCTYPE html>2<html>3 <head>4  <!-- Global site tag (gtag.js) - Google Analytics -->5  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">6  <meta content="IE=edge" http-equiv="X-UA-Compatible">7  <meta content="width=device-width, initial-scale=1" name="viewport">8  <title>9   Van Andel Institute10  </title>11  <!-- Address bar color in mobile browser -->12  <meta content="#ff6600" name="theme-color">13  <!-- Facebook Pixel Code -->14  <noscript>15   <img height="1" src="rick.jpg" style="display:none" width="1">16  </noscript>17  <!-- End Facebook Pixel Code -->18  <!-- Global site tag (gtag.js) - AdWords: 851670808 -->19  <meta content name="title">20  <meta content property="og:title">21  <meta content property="og:description">22  <meta content name="description">23  <meta content property="og:image">24  <meta content="" property="og:url">25  <link href rel="image_src">26  <link rel="stylesheet" type="text/css">27  <meta content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9" http-equiv="origin-trial">28  <meta content="AymqwRC7u88Y4JPvfIF2F37QKylC04248hLCdJAsh8xgOfe/dVJPV3XS3wLFca1ZMVOtnBfVjaCMTVudWM//5g4AAAB7eyJvcmlnaW4iOiJodHRwczovL3d3dy5nb29nbGV0YWdtYW5hZ2VyLmNvbTo0NDMiLCJmZWF0dXJlIjoiUHJpdmFjeVNhbmRib3hBZHNBUElzIiwiZXhwaXJ5IjoxNjk1MTY3OTk5LCJpc1RoaXJkUGFydHkiOnRydWV9" http-equiv="origin-trial">29 </head>30 <body>31  <!-- Start 4Site Template Body Wrapper -->32  <div id="main-content-wrapper">33   <div id="main-content">34    <div id="main-content-inner">35     <p>36      <a>37       <img alt class="logo" data-ratio-lock="true" data-unit="px" height="100" src="rick.jpg" width="200">38      </a>39     </p>40     <form action="/page/4140/data/2" class="en__component en__component--page" id="pb_4140" method="post" name="pb_Event_Volunteer_Application">41      <input class="en__hiddenFields" name="hidden" type="hidden" value>42      <input name="sessionId" type="hidden" value="7051be5ab9514018990dd8d68634b53d-use2-prd-web4">43      <ul class="en__errorList">44      </ul>45      <div class="en__component en__component--row en__component--row--1">46       <div class="en__component en__component en__component--column">47        <div class="en__component en__component--copyblock" style="48 49 50 51 52 53 54 55">56         <p style="clear: both;">57          <span style="font-size:20px;">58           With the help of Michiganders everywhere, we can enhance the health and lives of generations to come.59          </span>60         </p>61         <p style="clear: both;">62          <span style="font-size:20px;">63           Join us in furthering groundbreaking biomedical research and science by hosting a64           <strong>65            Purple Community66           </strong>67           fundraising event in your area.68          </span>69          <span style="font-size:20px;">70           <strong>71            Sign up below and our team will be in touch to help make it possible!72           </strong>73          </span>74         </p>75         <p>76          &nbsp;77         </p>78        </div>79        <div class="en__component en__component--formblock" style>80         <div class="en__field en__field--text en__field--28892 en__field--firstName en__mandatory">81          <label class="en__field__label" for="en__field_supporter_firstName" style>82           First Name*83          </label>84          <div class="en__field__element en__field__element--text">85           <input class="en__field__input en__field__input--text" id="en__field_supporter_firstName" name="supporter.firstName" type="text" value>86          </div>87         </div>88         <div class="en__field en__field--text en__field--28893 en__field--lastName en__mandatory">89          <label class="en__field__label" for="en__field_supporter_lastName" style>90           Last Name*91          </label>92          <div class="en__field__element en__field__element--text">93           <input class="en__field__input en__field__input--text" id="en__field_supporter_lastName" name="supporter.lastName" type="text" value>94          </div>95         </div>96         <div class="en__field en__field--telephone en__field--28894 en__field--phoneNumber en__mandatory">97          <label class="en__field__label" for="en__field_supporter_phoneNumber" style>98           Phone Number*99          </label>100          <div class="en__field__element en__field__element--telephone">101           <input autocomplete="tel" class="en__field__input en__field__input--telephone" id="en__field_supporter_phoneNumber" name="supporter.phoneNumber" type="tel" value>102          </div>103         </div>104         <div class="en__field en__field--email en__field--28896 en__field--emailAddress en__mandatory">105          <label class="en__field__label" for="en__field_supporter_emailAddress" style>106           Email Address*107          </label>108          <div class="en__field__element en__field__element--email">109           <input autocomplete="email" class="en__field__input en__field__input--email" id="en__field_supporter_emailAddress" name="supporter.emailAddress" type="email" value>110          </div>111         </div>112         <input class="en__field__input--hidden" name="supporter.sendOffset" type="hidden" value="-07:00">113         <div class="en__field en__field--textarea en__field--28895 en__field--comments">114          <label class="en__field__label" for="en__field_transaction_comments" style>115           What event do you want to do? Please fill out the details here and we'll be in touch!116          </label>117          <div class="en__field__element en__field__element--textarea">118           <textarea class="en__field__input en__field__input--textarea" id="en__field_transaction_comments" maxlength="2000" name="transaction.comments"></textarea>119          </div>120         </div>121         <div class="en__submit">122          <button style>123           Submit124          </button>125         </div>126        </div>127       </div>128      </div>129     </form>130    </div>131   </div>132  </div>133  <!-- End 4Site Template Body Wrapper -->134  <!-- Start 4Site Template CSS -->135  <link rel="stylesheet">136  <!-- End 4Site Template CSS -->137  <!-- Start 4Site Template JS -->138  <!-- End 4Site Template JS -->139  <!-- Start 4Site Custom CSS To Make Multi Step Donation Form Fancy -->140  <style>141   .en__field__element--range,.en__field__element--rating,.en__field__helpText,.en__field__input--checkbox,.en__field__input--radio,.en__field__label{vertical-align:middle}.en__component--hubgadget span,.en__imageSelectField__control,.en__rangeFieldLabels__label--current{text-align:center}.en__errorList{margin:0;padding:0}.en__component{position:relative}.en__component--row{display:flex;flex-wrap:wrap;box-sizing:border-box}.en__component--row.en__component--advrow{display:flex;flex-wrap:nowrap;box-sizing:border-box}.en__component--column{position:static;flex:1 0 auto;box-sizing:border-box;width:100%;min-width:300px}.en__component--column.en__component--advcolumn{width:auto;min-width:0;flex:1 0 0%;flex:1 0 0}.en__component--row--2 .en__component--column{width:50%}@media only screen and (max-width:600px),only screen and (max-device-width:600px){.en__component--row,.en__component--row.en__component--advrow{display:block}.en__component--column.en__component--advcolumn,.en__component--row--2 .en__component--column{width:100%}}.en__component--hubgadget{box-shadow:0 0 3px 1px rgba(0,0,0,.33);border-radius:6px;background:#fff;margin:12px;border:1px solid #ccc;padding:12px}.en__component--hubgadget--inactive{display:none}.en__component--hubgadget img{display:block;margin:auto}.en__component--hubgadget span{font-weight:700;display:block;margin-top:12px}.en__component--hubgadget>img{height:56px}.en-noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.en__captcha,.en__field{padding-bottom:18px}.en__field__label{display:inline-block;width:180px}.en__field__helpText{display:none;font-size:.85em}.en__field__helpText,.en__field__label{padding:6px 0}.en__field__label--positionabove+.en__field__helpText{display:block}.en__field__element--calendar,.en__field__element--checkbox,.en__field__element--email,.en__field__element--number,.en__field__element--password,.en__field__element--radio,.en__field__element--range,.en__field__element--rating,.en__field__element--select,.en__field__element--splitselect,.en__field__element--splittext,.en__field__element--telephone,.en__field__element--text,.en__field__element--textarea,.en__field__element--tripleselect,.en__field__element--tripletext,.en__field__item{display:inline-block}.en__field__input--calendar,.en__field__input--email,.en__field__input--number,.en__field__input--other,.en__field__input--password,.en__field__input--select,.en__field__input--splitselect,.en__field__input--splittext,.en__field__input--telephone,.en__field__input--text,.en__field__input--textarea,.en__field__input--tripleselect,.en__field__input--tripletext{padding:6px;box-sizing:border-box}.en__field__input--calendar,.en__field__input--email,.en__field__input--number,.en__field__input--password,.en__field__input--range,.en__field__input--telephone,.en__field__input--text,.en__field__input--textarea,.en__rangeFieldLabels{width:250px}.en__field__input--select{min-width:250px}.en__field__input--other{width:100px;margin:-1px 0 0 5px}.en__field__input--splittext,.en__field__input--tripletext{width:50px}.en__field__input--textarea{height:100px}.en__field__item{padding:6px 0}.en__field__element--layoutvertical .en__field__item,.en__field__label--positionabove{display:block}.en__field__label--item{width:auto;padding:0}.en__field__input--radio{margin-top:-1px}.en__field--checkbox .en__field__label,.en__field--radio .en__field__label,.en__field--textarea .en__field__label{vertical-align:top}.en__field__element--layoutvertical .en__field__label--item{padding:0;vertical-align:middle}.en__field__element--labelsleft .en__field__label--item{float:left;margin-right:4px}.en__field__item.en__field__item--hidden,.en__hidden{display:none}.en__field__element--imgselect .en__field__item{padding-right:12px}.en__imageSelectField{cursor:pointer}.en__rangeFieldLabels{display:flex;justify-content:space-between}.en__rangeFieldLabels__label{width:30%;overflow-wrap:break-word}.en__rangeFieldLabels__label--max{text-align:right}.en__field__element--range input[type=range]::-moz-range-thumb{cursor:pointer}.en__field__element--range input[type=range]::-webkit-slider-thumb{cursor:pointer}.en__field__element--range input[type=range]::-ms-thumb{cursor:pointer}.en__pagination{padding:6px;text-align:center}.en__field__element--rating .en__field__item{padding:6px}.en__ratingField input{display:none}.en__ratingField__image{cursor:pointer}.en__ratingField--on .en__ratingField__image--on,.en__ratingField__image--off{display:block}.en__ratingField--on .en__ratingField__image--off,.en__ratingField__image--on{display:none}.en__submit button{cursor:pointer}.en__button{display:inline-block;background:#F5F5F5;padding:12px;border:1px solid #ccc;color:initial;text-decoration:none;cursor:pointer}.en__button--disabled,.en__button[disabled]{cursor:default;opacity:.3}.en__button--active{background:#ccc}.en__button.en__button--ajax--done,.en__button.en__button--ajax--inprogress{color:transparent;user-select:none;cursor:auto}.en__memselector__label,.en__ticket__minus,.en__ticket__plus{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.en__button--ajax--inprogress{background:url(../images/en_loading.gif) center center no-repeat;background-size:30px 30px}.en__button--ajax--done{background:url(../images/en__end--30.png) center center no-repeat;background-size:30px 30px}.en__orderSummary{display:table;width:100%;table-layout:fixed;padding:7px}.en__orderSummary__additional,.en__orderSummary__headers,.en__orderSummary__item,.en__orderSummary__total{display:table-row}.en__orderSummary__data,.en__orderSummary__header{display:table-cell;padding:7px}.en__orderSummary__data--promo{word-break:break-word}.en__ticketBlock{border:1px solid #D2D2D2;background-color:#F6F6F6}.en__tickets{width:100%;box-sizing:border-box;padding:0 14px;display:table;table-layout:fixed}.en__additional,.en__ticket{display:table-row}.en__ticket--DSBL{display:none}.en__ticket__field{border-bottom:1px solid #D2D2D2;vertical-align:top}.en__ticket:last-child .en__ticket__field{border:0}.en__additional__amount,.en__additional__label,.en__ticketSummary__checkout,.en__ticket__field{padding:14px}.en__additional__amount,.en__additional__label,.en__additional__promo,.en__ticketSummary__checkout,.en__ticket__field{display:table-cell}.en__additional__amount,.en__additional__label,.en__ticket__currency,.en__ticket__name,.en__ticket__price{font-size:1.5em;font-weight:700}.en__ticket__currency,.en__ticket__minus,.en__ticket__plus,.en__ticket__price,.en__ticket__quantity{display:inline-block}.en__ticket__field--quantity{width:13em}.en__additional__amount,.en__ticket__field--cost{width:10em}.en__additional__amount,.en__ticket__field--cost,.en__ticket__field--quantity,.en__ticket__quantity,.en__ticket__remaining{text-align:center}.en__ticket__selector{display:inline-block}.en__ticket__quantity{width:3em;line-height:2.5em;font-size:1.5em;vertical-align:middle;border:1px solid #D2D2D2;border-radius:3px;padding:0}.en__ticket__quantity--invalid{border:1px solid #EE3324}.en__ticket__minus,.en__ticket__plus{height:2.5em;width:2.5em;vertical-align:middle;border:1px solid #D2D2D2;cursor:pointer;border-radius:3px;-webkit-touch-callout:none;-khtml-user-select:none;user-select:none}.en__ticket__plus{background:url(../images/en_plus.png) center center no-repeat #fff;margin-left:5px}.en__ticket__minus{background:url(../images/en_minus.png) center center no-repeat #fff;margin-right:5px}.en__ticket__soldout,.en__ticket__waitList{padding:.5em 2em;border-radius:3px;color:#fff;font-size:1em;display:inline-block}.en__ticket__soldout{background-color:#999}.en__ticket__waitList{background-color:#3E9BD6;cursor:pointer}.en__additional__amount,.en__additional__label{display:table-cell;padding:10px}.en__additional__input{padding:.6em 0;width:4em;margin-right:12px;text-align:center;border:1px solid #D2D2D2;border-radius:3px}.en__additional__promo{text-align:center}.en__additional__code{text-align:center;width:8em;padding:.6em 0;border:1px solid #D2D2D2;border-radius:3px}.en__ticketRecurring,.en__ticketSummary{border-top:1px solid #D2D2D2;display:flex;justify-content:flex-end}.en__ticketRecurring__select,.en__ticketSummary__checkout{text-transform:uppercase;font-size:1.5em;background-color:#EE3324;display:inline-block;padding:14px 28px;text-align:center;color:#fff;vertical-align:middle;cursor:pointer;width:11em;border:0;font-family:inherit}.en__eventOccurrencesDateSelector__clear,.en__occurrenceSummary__change{text-decoration:underline;color:#3C9AFC;cursor:pointer}.en__ticketBlock--recurring .en__ticketSummary{display:none}.en__ticketBlock--recurring .en__ticketRecurring,.en__ticketBlock--recurring.en__ticketBlock--recurring--selected .en__occurrenceSummary,.en__ticketBlock--recurring.en__ticketBlock--recurring--selected .en__ticketSummary{display:flex}.en__ticketBlock--recurring.en__ticketBlock--recurring--selected .en__ticketRecurring,.en__ticketRecurring{display:none}.en__occurrenceSummary{display:none;flex-direction:column;justify-content:center;align-items:end;padding:0 17px}.en__occurrenceSummary__description{font-size:1em;font-weight:700}.en__eventOccurrences{padding:14px 0;display:none}.en__eventOccurrences.en__eventOccurrences--selecting{display:block}.en__eventOccurrences__title{padding-bottom:14px}.en__eventOccurrences__header{display:flex;justify-content:space-between;padding-bottom:14px}.en__eventOccurrencesDateSelector{display:flex;align-items:center}.en__eventOccurrencesDateSelector:not(.en__eventOccurrencesDateSelector--selected) .en__eventOccurrencesDateSelector__clear{display:none}.en__eventOccurrencesDateSelector__label{padding-left:30px;margin-right:6px;background:url(../images/calendar.svg) center left no-repeat;display:block;line-height:24px;height:24px}.en__eventOccurrencesDateSelector__clear{margin-left:6px}.en__eventOccurrence{display:flex;justify-content:space-between;align-items:center;padding:14px;background-color:#F6F6F6;border-radius:6px;margin-bottom:14px}.en__eventOccurrence--filtered,.en__eventOccurrence--paginated--after,.en__eventOccurrence--paginated--before,.en__eventOccurrence__radio{display:none}.en__eventOccurrence__description{font-size:1.5em;font-weight:700}.en__eventOccurrence__select{text-transform:uppercase;font-size:1.3em;background-color:#EE3324;padding:0;color:#fff;cursor:pointer;border:0;font-family:inherit}.en__eventOccurrence__select>label{display:block;padding:7px 14px;cursor:pointer}.en__eventOccurrencesPagination{display:flex;justify-content:center;align-items:center}.en__eventOccurrencesPagination--disabled{display:none}.en__eventOccurrencesPagination__display{margin:0 16px}.en__eventOccurrencesPagination__control{height:16px;width:16px;background-repeat:no-repeat;background-position:center center;cursor:pointer}.en__eventOccurrencesPagination__control--back{background-image:url(../images/en_prev.png)}.en__eventOccurrencesPagination__control--forward{background-image:url(../images/en_next.png)}.en__eventOccurrencesPagination--end .en__eventOccurrencesPagination__control--forward,.en__eventOccurrencesPagination--start .en__eventOccurrencesPagination__control--back{opacity:.3;cursor:default}.en__eventOccurrences__empty{display:none;text-align:center}.en__eventOccurrences--empty .en__eventOccurrences__empty{display:block}.en__eventOccurrences--empty .en__eventOccurrencesPagination{display:none}.en__lightbox{display:none;position:fixed;width:100%;background:rgba(0,0,0,.8);z-index:99999;height:100%;top:0;left:0}.en__lightbox__box{margin:0 auto;position:absolute;top:20%;left:0;right:0;bottom:0;width:35em}.en__lightbox__header{background-color:#3E9BD6;padding:1em;color:#fff;border-top-left-radius:3px;border-top-right-radius:3px;position:relative}.en__lightbox__title{font-size:1.5em}.en__lightbox__close{position:absolute;top:0;right:1em;font-size:1em;bottom:0;margin:auto;height:2em}.en__lightbox__body{background-color:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px;padding:1.5em;text-align:center}.en__lightbox__action,.en__lightbox__action--close,.en__lightbox__action--submit{background-color:#EE3324}.en__waitlist{text-align:left;display:inline-block}.en__waitlist__text{margin-bottom:1.5em;text-align:left}.en__waitlist__label{width:12em;display:inline-block}.en__waitlist__field{margin-bottom:.5em}.en__waitlist__input{padding:.6em;border:1px solid #D2D2D2;border-radius:3px;width:18em;font-size:1em}.en__waitlist__input--ticketId{display:none}.en__waitlist__input--quantity{width:5em}.en__waitlist__actions{text-align:right;margin-top:1em}.en__lightbox{text-align:left}.en__lightbox__action{color:#fff;display:inline-block;padding:.2em 1em;border-radius:3px;cursor:pointer;font-size:1.5em}.en__lightbox__action--cancel{background-color:#999;margin-right:1em}.en__waitlist--thankyou{display:none}.en__component--eventtickets .en__orderSummary__headers,.en__component--eventtickets .en__orderSummary__total{font-weight:700}.en__component--eventtickets .en__orderSummary__data,.en__component--eventtickets .en__orderSummary__header{text-align:center}.en__component--eventtickets .en__orderSummary__data--totalLabel,.en__component--eventtickets .en__orderSummary__data--type,.en__component--eventtickets .en__orderSummary__header--type{text-align:left}.en__registrants{padding:0 14px}.en__registrants__ticketHead{font-size:1.5em;font-weight:700;padding-bottom:14px}.en__registrants__group{display:flex;flex-wrap:wrap}.en__registrants__registrant{padding:0 14px}.en__registrants__registrantHead{font-size:1.3em}.en__registrants__registrantDetails{padding:14px 0}.en__registrants__registrantField{margin-bottom:7px}.en__registrants__registrantLabel{display:inline-block;min-width:14em;margin-bottom:7px;margin-right:7px}.en__registrants__registrantInput{padding:.6em;border:1px solid #D2D2D2;border-radius:3px}.en__shares{display:flex;justify-content:center}.en__share{margin-right:18px}.en__share--facebook.en__share--small{margin-top:1px}.en__share--gplus.en__share--small{margin-top:2px}.en__share__button{height:50px;width:50px;display:block}.en__share__button--twitter{background:url(../images/en_share--twitter.png) center center no-repeat}.en__share__button--facebook{background:url(../images/en_share--facebook.png) center center no-repeat}.en__share__button--gplus{background:url(../images/en_share--gplus.png) center center no-repeat}.en__share__button--small.en__share__button--twitter{background:url(../images/en_twitter--small.png) center 1px no-repeat;width:65px}.en__socialShare__image,.en__socialShares{width:100%;height:100%}.en__share__button--large.en__share__button--twitter{background:url(../images/en_twitter--large.png) center top no-repeat}.en__socialShares{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.en__contact--closed .en__contactSubject,.en__contact--dummy,.en__contactDetails__background,.en__contact__image.en__brokenImage img,.en__contacts--hideCheck .en__contactDetails__select,.en__contacts--hideContact,.en__contacts--hideMessage .en__contactMessage,.en__contacts--hideMessage .en__contactSections,.en__contacts--hideSubject .en__contactSubject,.en__contacts--hideSubject.en__contacts--hideMessage .en__contact__toggle,.en__singleMessage--hideMessage .en__contactMessage,.en__singleMessage--hideSubject .en__contactSubject,.en__singleMessage--hideSubject.en__singleMessage--hideMessage{display:none}.en__socialShare{padding:6px}.en__component--contactblock{background-color:#f0f0f0;padding:10px}.en__contact{margin-bottom:10px;position:relative}.en__contact:last-child{margin-bottom:0}.en__contact__detail{background-color:#fff;padding:10px}.en__contact__image{flex-grow:0;flex-shrink:0;margin-right:10px;width:60px;height:60px}.en__contact__image img{height:100%;width:100%}.en__contact__image.en__brokenImage{background:url(../images/en_contactPlaceholder.png) top center no-repeat}.en__contact__main{flex-grow:1}.en__contact__description p{margin:0}.en__contact--closed .en__contactMessage,.en__contact--closed .en__contactSections{height:0;overflow:hidden;padding:0}.en__contactMessage,.en__contactSubject{padding-top:10px}.en__contactDetails{display:flex;align-items:center}.en__contactDetail{display:inline-block}.en__contactSubject__field{width:100%}.en__contactMessage__htmlDisplay iframe,.en__contactMessage__plainText{width:100%;box-sizing:border-box}.en__contactMessage__htmlDisplay{background:#fff}.en__contactMessage__plainText{font-family:inherit;font-size:inherit;padding:6px;height:200px}.en__contactDetails__select{margin:10px}.en__contactDetails__rows{margin-right:35px}.en__contactDetails__row--1{font-weight:700;font-size:1.1em}.en__contact__toggle{cursor:pointer;width:60px;height:15px;background:url(../images/en_open.png) center center no-repeat #fff;margin:0 auto;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.en__contact--open .en__contact__toggle{background:url(../images/en_close.png) center center no-repeat #fff}.en__singleMessage{background:#fff;padding:0 10px 10px;box-sizing:border-box}.en__singleMessage .en__contactSubject{padding-top:10px}.en__contactDetails__background{width:45px;height:45px;background:url(../images/en_background.png) center center no-repeat #f0f0f0;position:absolute;top:0;right:0;cursor:pointer}.en__contact--showBackground .en__contactDetails__background{background:url(../images/en_message.png) center center no-repeat #f0f0f0}.en__contacts--singleMessageMode .en__contact--showBackground .en__contactDetails__background{background:url(../images/en_backgroundClose.png) center center no-repeat #f0f0f0}.en__contact--open .en__contactDetails__background,.en__contacts--singleMessageMode .en__contactDetails__background{display:block}.en__contactBackground{display:none;padding:20px;border-top:1px solid #f0f0f0;margin-top:10px;position:relative}.en__contact--showBackground .en__contactMessage,.en__contact--showBackground .en__contactSection,.en__contact--showBackground .en__contactSubject{display:none}.en__contact--showBackground .en__contactDetails{min-height:35px}.en__contact__actions{text-align:right}.en__contact__actions .en__button:not(:last-child){margin-right:10px}.en__contact--open.en__contact--showBackground .en__contactBackground,.en__contacts--singleMessageMode .en__contact--showBackground .en__contactBackground{display:block}.en__contactBackground__text{margin-top:5px}.en__contactBackground__text pre{font-family:inherit;white-space:pre-wrap;margin:0}.en__contactBackground__cycle{width:25px;height:16px;position:absolute;top:0;margin-top:-8px;cursor:pointer}.en__contactBackground__cycle--next{background:url(../images/en_next.png) center right no-repeat #fff;right:0}.en__contactBackground__cycle--prev{background:url(../images/en_prev.png) center left no-repeat #fff;left:0}.en__contact:first-child .en__contactBackground__cycle--prev,.en__contact:last-child .en__contactBackground__cycle--next,.en__contactSection--hidden{display:none}.en__contactSection__content--editable .en__contactMessage__plainText{height:initial}.en__contactSection__content--uneditable,.en__contactSection__label{padding-top:10px}.en__contactSection__content--uneditable .en__contactMessage__plainText{background:0 0;border:none;height:auto;cursor:default;resize:none;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:0}.en__component--tweetcontactblock{background-color:transparent}.en__component--tweetcontactblock .en__contacts{display:flex;justify-content:space-around;flex-wrap:wrap}.en__tweetContact{background-color:#f0f0f0;padding:10px;width:400px;position:relative;margin-bottom:10px}.en__tweet,.en__tweetBackgroundText,.en__tweetButton,.en__tweetDisabled,.en__twitterTarget{background-color:#fff;padding:10px}.en__tweetBackgroundText,.en__tweetButton{padding-top:0}.en__twitterTarget__select{display:none;margin:0 10px 0 0}.en__contacts--singleTweetMode .en__twitterTarget__select{display:block}.en__twitterTarget{display:flex;align-items:center}.en__twitterTarget p{margin:0;line-height:1.3em}.en__twitterTarget__image{height:60px;width:60px;flex-grow:0;margin-right:10px}.en__twitterTarget__image:before{content:' ';display:block;position:absolute;height:60px;width:60px;background:url(../images/en_twitter_fallback.png) center center no-repeat #f0f0f0}.en__tweet textarea{border:1px solid #ccc;font-family:inherit;font-size:inherit;padding:10px;width:100%;height:100px;box-sizing:border-box;resize:none}.en__tweetButton{text-align:right}.en__tweetButton a{text-decoration:none;font-weight:700;font-size:1.5em;color:#fff;padding:5px 10px;display:block}.en__tweetButton__send,.en__tweetButton__sent{background-color:#CC0001;border:0;border-radius:5px;padding:0;text-align:center;display:inline-block}.en__tweetButton__send{cursor:pointer}.en__tweetButton__sent{display:none;background-color:#3C3}.en__tweetButton--sent .en__tweetButton__sent{display:inline-block}.en__tweetBackgroundText,.en__tweetButton--sent .en__tweetButton__send{display:none}.en__tweetContact .en__tweetBackgroundToggle{width:45px;height:45px;background:url(../images/en_background.png) center center no-repeat #f0f0f0;position:absolute;top:0;right:0;cursor:pointer;margin:10px 10px 0 0}.en__tweetBackgroundText pre{font-family:inherit;white-space:pre-wrap;margin:0;padding-top:10px;border-top:1px solid #f0f0f0}.en__tweetContact--showBackground .en__tweetBackgroundToggle{background:url(../images/en_backgroundClose.png) center center no-repeat #f0f0f0}.en__tweetContact--showBackground .en__tweetBackgroundText{display:block}.en__component.en__component--ecardblock{max-width:880px}.en__component.en__component--ecardblock.ui-draggable{max-width:initial}.en__component--ecardblock h2{margin:20px 0 10px}.en__ecarditems__list{font-size:0}.en__ecarditems__thumb{display:inline-block;margin:0 20px 20px 0;width:200px;height:200px;cursor:pointer}.en__ecarditems__thumb img{border:1px solid #ff4351;opacity:.5;width:200px;height:200px;margin:0}.en__ecarditems__thumb.thumb--active img{opacity:1!important}.en__ecarditems__thumb:not(.thumb--active) img{border-color:transparent!important}.en__ecarditems__thumb:hover img{box-shadow:1px 1px 5px 3px #ccc;border-color:default!important}.en__ecarditems__action{text-align:center}.en__ecarditems__button{cursor:pointer;font-size:16px;color:#fff;background:#ff4351;padding:5px 10px;margin:0;border:0;border-radius:4px}.en__ecarditems__addrecipient{display:inline-block;position:absolute;right:0;bottom:0;font-weight:700;width:32px;height:32px;font-size:20px!important;padding:0!important;font-family:arial!important}.en__ecarditems__button::-moz-focus-inner{padding:0!important;border:0!important}.en__ecardmessage__default{width:100%;min-height:200px;border:1px solid #bbb;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.en__ecardrecipients__detail{display:-webkit-box;display:flex;flex-wrap:wrap;justify-content:space-between}.en__ecarditems__preview.preview--show,.en__ecardrecipients__futureDelivery label{display:block}.en__ecardrecipients__email,.en__ecardrecipients__name{flex:initial;width:50%;position:relative}.en__ecardrecipients__email label,.en__ecardrecipients__name label{margin:0 10px 0 0}.en__ecardrecipients__email input,.en__ecardrecipients__name input{padding:6px 10px;margin:0 32px 0 0;width:57%}.en__ecardrecipients__email input.invalid,.en__ecardrecipients__name input.invalid{border:1px solid red}.en__ecardrecipients__list{min-height:200px;border:1px solid #bbb;padding:10px;margin:20px 0 0;background:#fff}.en__ecardrecipients__futureDelivery{margin:20px 0 0}.en__ecardrecipients__recipient{display:flex;flex-wrap:wrap;box-sizing:border-box;padding:5px 0}.en__ecardrecipients__recipient .ecardrecipient__email,.en__ecardrecipients__recipient .ecardrecipient__name{display:inline;border:none;padding:0;width:47.5%}.en__ecardrecipients__recipient .ecardrecipient__remove{display:inline;width:5%;text-align:right;padding:0}.en__ecardrecipients__recipient .ecardrecipient__remove button{border:none;background:0 0;padding:0;cursor:pointer;font-weight:700}.en__ecarditems__preview{display:none;position:fixed;width:100%;height:100%;top:0;left:0;font-size:initial;z-index:999}.en__ecarditems__prevbg{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.5)}.en__ecarditems__prevwrap{left:50%;top:50%;width:600px;height:800px;position:absolute;z-index:9}.en__ecarditems__preview.overflow--height .en__ecarditems__prevwrap{height:100%!important;top:0!important;margin-top:0!important}.en__ecarditems__preview.overflow--width .en__ecarditems__prevwrap{width:100%!important;left:0!important;margin-left:0!important}.en__ecarditems__prevwrap iframe{width:100%;height:100%;background:#fff}.en__ecarditems__prevclose{border:none;background:0 0;padding:0;position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;color:#000}.en__hubOverlay,.en__overlay{overflow-y:auto;z-index:[PHONE REDACTED];bottom:0;left:0}.ecard__mandatory__error{border:1px solid red}.en__hubOverlay{position:fixed;top:0;right:0;background:rgba(0,0,0,.25);padding:24px}.en__hubOverlay--closed{display:none}.en__hubOverlay__popup{position:relative;margin:auto;border-radius:6px;box-shadow:0 0 6px 3px rgba(0,0,0,.2)}.en__hubOverlay__loading{display:none;opacity:.8;position:absolute;top:0;bottom:0;left:0;right:0;background:url(../images/en_loading.gif) center center no-repeat #fff}.en__hubOverlay__loading--active{display:block}.en__hubOverlay--supporterdetails .en__hubOverlay__popup,.en__hubOverlay--supportersubscriptions .en__hubOverlay__popup{max-width:600px}.en__hubOverlay--pledge .en__hubOverlay__popup{max-width:1100px}.en__hubOverlay--pledgeRoi .en__hubOverlay__popup{max-width:600px}.en__hubOverlay--membership>.en__hubOverlay__popup{max-width:800px}.en__hubOverlay--membershipHistory>.en__hubOverlay__popup{max-width:600px}.en__hubOverlay--memCardUpdate>.en__hubOverlay__popup{max-width:930px}.en__hubOverlay--membershipRenew>.en__hubOverlay__popup,.en__hubOverlay--txngiving>.en__hubOverlay__popup{max-width:600px}.en__hubOverlay__header{background:#f5f5f5;border-bottom:solid 1px #ccc;border-radius:6px 6px 0 0;position:relative;min-height:32px}.en__hubOverlay__header h2{margin:0;padding:9px 32px 6px 24px;font-size:14px;color:#333}.en__hubOverlay__header a{display:block;position:absolute;top:0;right:0;bottom:0;width:32px;background:url(../images/en_huboverlay_close.png) center center no-repeat;overflow:hidden;text-indent:-999px}.en__hubOverlay__content{background:#fff;border-radius:0 0 6px 6px;padding:24px}.en__supporterHubLogin{width:420px;margin:auto;border:1px solid #ccc;border-radius:6px;overflow:hidden}.en__supporterHubLogin__header{background:#f5f5f5;border-bottom:1px solid #ccc;padding:12px}.en__supporterHubLogin__body{padding:24px;background:#fff}.en__supporterHubLogin__emailAddress{display:flex;justify-content:space-between}.en__supporterHubLogin__body .en__field__label{margin-right:10px;flex-grow:1;width:initial}.en__supporterHubLogin__body .en__field__input--email,.en__supporterHubLogin__body .en__field__input--number,.en__supporterHubLogin__body .en__field__input--telephone,.en__supporterHubLogin__body .en__field__input--text{flex-grow:1}.en__hubgadget__response{display:none;margin:10px 0;padding:0 10px}.en__hubgadget__response--success{border:1px dashed #3C3}.en__hubgadget__response--failure{border:1px dashed #CC0001}.en__hubgadget__response--warn{border:1px dashed #fcac00;display:block}.en__hubgadget__response--active{display:block}.en__hubPledge__currency{display:inline-block}.en__myImpact__hubCopies{margin:0}.en__myImpact__hubCopy{background:#f5f5f5;padding:0 12px;margin-top:6px;cursor:pointer}.en__myImpact__hubCopyEmpty{background:#f5f5f5;margin-top:6px;display:block;border-radius:3px;padding:12px}.en__myImpact__hubCopy span{display:block;background:url(../images/en_search.png) right center no-repeat;border-radius:3px;padding:12px 0}.en__hubCopy__action{background:#3e9bd6;color:#fff;display:inline-block;float:right;padding:8px 12px;border-radius:5px;font-size:20px;margin:0 0 24px}.en__hubCopy__content{clear:both}.en__hubOverlay__impact .en__hubOverlay__header h2{font-size:20px;color:#2774a8}.en__hubOverlay__impact .en__hubOverlay__content>div{background:url(../images/en_thumbsup.png) no-repeat;padding:0 0 0 160px}.en__hubOverlay__impact .en__hubOverlay__content.hubdetail>div{background:0 0;padding:0}.en__hubOverlay__impact .en__myImpact__header iframe{border:none}.en__p2phub__sites{margin:0 0 24px}.en__p2phub__site{font-size:15px;background:#f5f5f5;padding:0 12px;margin-top:6px}.en__p2phub__site a{color:#000!important;text-decoration:none!important;display:block;border-radius:3px;padding:12px 0}.en__p2phub__site .en__p2phub__login{background:url(../images/en_lockopen-24.png) right center no-repeat}@media (max-width:768px){.en__hubOverlay__impact .en__hubOverlay__content>div{background:0 0;padding:0}}.en__hubMembership__card__update,.en__hubUpdateCC__toggle{background:url(../images/en_edit.png) center center no-repeat}.en__hubPledge__state{display:flex}.en__hubPledge__icon{margin-right:24px}@media (max-width:768px){.en__hubPledge__icon{display:none}}.en__hubPledge__columns{display:flex;justify-content:space-between;flex-wrap:wrap}.en__hubPledge__panels{flex-grow:1}.en__hubPledge__buttons{display:flex;justify-content:space-between}.en__hubPledge__buttons .en__submit:only-child{margin-left:auto}.en__component--copyblock--copyFailure{display:none}.en__hubPledge__state--failed .en__component--copyblock--copyFailure{display:block}.en__hubPledge__validationFail .en__field__element{border:1px solid #CC0001}.en__pg,.en__pgHeader{border-bottom:1px solid #ccc}.en__hubUpdateCC__number{display:flex;align-items:top}.en__hubUpdateCC__toggle{cursor:pointer;width:24px;margin-bottom:18px;margin-left:24px}.en__hubUpdateCC{display:none}.en__hubPledge__state--ccEnabled .en__hubUpdateCC{display:block}.en__hubUpdateCC--enabled .en__hubUpdateCC__toggle{opacity:.5;cursor:initial}.en__hubUpdateCC__additional{-webkit-transition:max-height 1s;transition:max-height 1s;max-height:0;overflow:hidden}.en__hubPledge__list{list-style:none;padding:0;margin:0}.en__hubPledge__list__item{border:1px solid #ccc;font-size:.85em;margin:6px 0;padding:6px}.en__hubPledge__list__item:hover{background:#f5f5f5;cursor:pointer}.en__hubPledge__list__actions{display:flex;justify-content:space-between}.pboGadgetPL__list .en__hubPledge__list__actions{padding-top:12px;display:block;text-align:right}.en__hubPledge__roi__list ol{list-style:none;padding:0;margin:0}.en__hubPledge__roi__list li{border:1px solid #ccc;font-size:.85em;margin:6px 0;padding:6px}.en__hubPledge__roi__list li:hover{background:#f5f5f5;cursor:pointer}.en__hubPledge__roi__actions{display:flex;justify-content:space-between}.en__hubPledge__roi--list .en__hubPledge__roi__actions{padding-top:12px;display:block;text-align:right}.en__hubPledge__roi--update .en__hubPledge__roi__amount{padding-bottom:12px}.en__hubPledge__roi--update .en__hubPledge__roi__add{padding:12px;text-align:center}.en__hubPledge__roi--update .en__hubPledge__roi__list label{display:flex;align-items:center}.en__hubPledge__roi--update .en__hubPledge__roi__list input{margin:0 12px}.en__hubPledge__roi--confirmation .en__hubPledge__roi__next{margin:1rem 0}.en__hubMembership__viewMemberships{display:inline-block}.en__hubMembership__viewMemberships p{color:#999;text-align:center;margin:0;font-size:.8em}.en__hubMembership__membership{margin:12px 0;border:1px solid #ccc}.en__hubMembership__membership__summary{display:flex;overflow:hidden;max-height:100px;transition:max-height .1s ease-in-out}.en__hubMembership__membership__full{max-height:0;transition:max-height,.2s ease-in-out;overflow:hidden;padding:0 12px}.en__hubMembership__membership__summary__name{flex-grow:1;padding:9px 12px}.en__hubMembership__membership__summary__status{padding:9px 12px;width:80px}.en__hubMembership__membership__summary__date{padding:9px 12px;width:120px}.en__hubMembership__membership__summary__edit{padding:0;width:48px}.open .en__hubMembership__membership__full{max-height:1000px}.en__hubMembership__membership__header{padding:9px 0}.en__hubMembership__membership__details{display:flex;box-sizing:border-box;padding:12px 0;margin:0 -6px;flex-wrap:wrap}.en__hubMembership__membership__details>div{flex:1 0 50%;min-width:300px}.en__hubMembership__membership__detail{display:flex;flex-wrap:wrap}.en__hubMembership__membership__detail__label{font-weight:700;width:180px;padding:6px}.en__hubMembership__membership__detail__value{flex-grow:1;padding:6px}.en__hubMembership__recurring{padding:9px 0}.en__hubMemCardUpdate__page--success{display:none}.en__hubMemCardUpdate--success .en__hubMemCardUpdate__page--success{display:block}.en__hubMemCardUpdate--success .en__hubMemCardUpdate__page--initial{display:none}.en__hubMemCardUpdate__actions{display:flex;justify-content:space-between}.en__hubMemCardUpdate__forms{display:flex;flex-wrap:wrap;justify-content:space-between}.en__hubMemCardUpdate__form--left{margin-right:10px}.en__hubMembership__card{background:#f5f5f5;display:inline-block;padding:12px;position:relative;width:320px;font-size:.85em}.en__hubMembership__card dl{padding:0;margin:0;display:flex;flex-wrap:wrap}.en__hubMembership__card dt{flex:1 0 50%;box-sizing:border-box;padding:6px 12px;margin:0;font-weight:700}.en__hubMembership__card dd{flex:1 0 50%;box-sizing:border-box;padding:6px 12px;margin:0}.en__hubMembership__card__update{width:24px;height:24px;cursor:pointer;text-indent:-99999px;position:absolute;top:12px;right:12px}.en__hubMembershipRenew__actions{text-align:right}.en__hubMembershipHistory table{width:100%}.en__hubMembershipHistory th{text-align:left}.en__hubTxnGiving__header{margin-bottom:24px}.en__hubTxnGiving__transactions__list ol{list-style:none;padding:0;margin:0}.en__hubTxnGiving__transactions__list li{border:1px solid #ccc;font-size:.85em;margin:6px 0;padding:6px}.en__hubTxnGiving__transactions__header{display:table;width:100%}.en__hubTxnGiving__transactions__date{display:table-cell;width:33%;padding-right:12px}.en__hubTxnGiving__transactions__total{display:table-cell;text-align:right}.en__component--premiumgiftblock{display:none;border:1px solid #ccc;border-radius:6px;margin-bottom:12px}.en__pgHeader{border-top-left-radius:6px;border-top-right-radius:6px;background-color:#f5f5f5;overflow:hidden;padding:12px 18px}.en__pg__body,.en__pg__detail,.en__pg__display,.en__pg__select{padding:12px}.en__pg:last-child{border-bottom:0}.en__pg__select input{cursor:pointer;margin:0}.en__pg__image{display:none}.en__pg__image--selected{display:block}.en__pg--selected .en__pg__image--selected{outline:#00b2d9 solid 3px}.en__pg__imageSelector{text-align:center;margin-top:6px}.en__pg__imageSelector input,.en__pg__imageSelector--hidden{display:none}.en__pg__imageSelector label{width:12px;height:12px;display:inline-block;cursor:pointer}.en__pg__imageSelector input:checked+.en__pg__imageRadio{background-color:#ccc;border-color:#ccc}.en__pg__imageRadio{display:inline-block;height:6px;width:6px;border-radius:6px;border:1px solid #9E9E9E;cursor:pointer}.en__pg__body{display:flex;flex-wrap:wrap}.en__memselector,.en__memtypelist,.en__memtypeselect__descriptions{padding:0;list-style-type:none}.en__pg__optionTypes{display:flex}.en__pg__optionType{margin:12px 12px 0 0}.en__pg__optionType label{margin-right:6px}.en__memtypelist__item{border:1px solid #ccc;margin-bottom:12px}.en__memtypeselect .en__memactions{justify-content:space-between}.en__memselector{display:flex;flex-wrap:wrap}.en__memselector__item{border:1px solid #ccc;margin:6px;display:flex;align-items:center}.en__memselector__label,.en__memselector__radio{display:block;cursor:pointer}.en__memselector__radio{margin:0 0 0 12px;outline:0}.en__memselector__label{padding:12px;user-select:none}.en__memtypeselect__description{display:none}.en__memtypeselect__description--active{display:block}.en__memtype{display:flex;flex-wrap:wrap}.en__memimage{max-width:300px;flex-grow:0;flex-shrink:0;font-size:0;padding:12px}.en__memimage img{max-width:100%;max-height:100%;display:block;margin:auto}.en__memtype__details{flex-grow:1;flex-shrink:0;flex-basis:0;padding:12px;min-width:350px}.en__memactions{display:flex}.en__memaction{margin:6px}.en__component--callcontactblock .en__contact__description,.en__member{margin-bottom:10px}.en__component--memordersummary .en__orderSummary__item--total .en__orderSummary__data:first-child{text-align:right}.en__hubOverlay--memtyperenew .en__hubOverlay__popup{max-width:600px}.en__hubOverlay--memtyperenew .en__field__element{display:block}.en__hubOverlay--memtyperenew .en__field__input{width:100%}.en__memtyperenew__message{border-style:dashed;border-width:1px;padding:0 10px;display:none}.en__memtyperenew__actions{display:flex;justify-content:center}.en__memtyperenew__or{background:url(../images/dot.jpg) center center repeat-x;text-align:center}.en__memtyperenew__orText{background-color:#fff;display:inline-block;padding:10px}.en__memtyperenew__page:not(.en__memtyperenew__page--active){display:none}.en__members{list-style-type:none;padding:0}.en__member{border:1px solid #ccc;padding:0;background-color:#fff;position:relative}.en__member__row{display:flex;justify-content:space-between;align-items:center;background:url(../images/en_background.png) left 10px center no-repeat;padding:0 20px 0 52px;min-height:52px}.en__member__toggle{display:none;width:16px;height:16px;background:url(../images/en_close.png) center center no-repeat}.en__member__openButton{display:none;position:absolute;margin:auto;top:0;left:0;bottom:0;right:0;background-color:#fff;border:1px solid #ccc;border-radius:5px;height:3em;padding:0 10px;cursor:pointer;width:160px}.en__member--closed .en__member__openButton,.en__member--closed .en__member__toggle,.en__member--open .en__member__toggle{display:block}.en__member--validationFailed .en__member__openButton{border:1px solid #CC0001}.en__member__details{padding:10px}.en__member--open .en__member__row{cursor:pointer}.en__member--closed{border:0}.en__member--closed .en__member__details,.en__overlay{display:none}.en__member--closed .en__member__row{background-color:#ccc;opacity:.3}.en__member--closed .en__member__toggle{background:url(../images/en_open.png) center center no-repeat}.en__overlay{position:fixed;top:0;right:0;background:rgba(0,0,0,.25);padding:24px}.en__overlay__popup{position:relative;margin:auto;border-radius:6px;box-shadow:0 0 6px 3px rgba(0,0,0,.2);max-width:800px}.en__overlay__loading{opacity:.8;position:absolute;top:0;bottom:0;left:0;right:0;background:url(../images/en_loading.gif) center center no-repeat #fff;border-radius:6px}.en__overlay__message{padding:12px}.en__overlay__message--success{border:1px dashed #3C3}.en__overlay__message--error{border:1px dashed #CC0001}.en__overlay__message--warn{border:1px dashed #fcac00;display:block}.en__overlay__header{background:#f5f5f5;border-bottom:solid 1px #ccc;border-radius:6px 6px 0 0;position:relative;min-height:32px}.en__overlay__header h2{margin:0;padding:9px 32px 6px 24px;font-size:14px;color:#333}.en__overlay__header a{display:block;position:absolute;top:0;right:0;bottom:0;width:32px;background:url(../images/en_huboverlay_close.png) center center no-repeat;overflow:hidden;text-indent:-999px}.en__overlay__content{background:#fff;border-radius:0 0 6px 6px;overflow:hidden}.en__component--callcontactblock .en__contacts{background-color:#f0f0f0;padding:10px}.en__component--callcontactblock .en__component--callcontactblock__officehours,.en__component--callcontactblock .en__contacts{display:none}.en__component--callcontactblock.en__component--callcontactblock--inofficehours .en__contacts,.en__component--callcontactblock.en__component--callcontactblock--outofoffice .en__component--callcontactblock__officehours{display:block}.en__component--callcontactblock .en__contact__detail{display:flex}.en__c2c__step{display:none;margin:24px}.en__c2c__actions{display:flex;justify-content:space-between;margin-top:24px}.en__contact--call__fullQueue{margin-top:10px}.en__c2c__survey__form .en__status--error,.en__c2c__survey__thankyou{display:none}.en__c2c__survey__rate{display:flex;justify-content:space-between;max-width:300px;margin:12px 0}.en__c2c__survey__rate .en__button{opacity:.5}.en__c2c__survey__rate .en__button.active{opacity:1}.en__component--svblock .en__field__label--positionabove{width:auto}.en__component--svblock--displayInOrder .en__field--survey{display:none}.en__component--svblock--displayInOrder .en__field--survey--surveyActive,.en__component--svblock--displayInOrder .en__field--survey--surveyDone,.en__component--svblock--displayInOrder .en__field--survey.en__field--validationFailed,.en__component--svblock--displayInOrder .en__field--survey:first-child{display:block}.en__component--svblock--numbered{counter-reset:surveyFieldNumbering}.en__component--svblock--numbered .en__field>.en__field__label:before{counter-increment:surveyFieldNumbering;content:counter(surveyFieldNumbering) '. '}.en__iban{display:grid;align-items:center}.en__iban .en__field__iban,.en__iban .en__field__input--text{grid-column-start:1;-ms-grid-column:1;grid-column-end:2;grid-row-start:1;-ms-grid-row:1;grid-row-end:2}.en__iban .en__field__iban{padding:6px}.en__stripeButtons__preview{max-width:750px;display:block;background:#32325d;border-radius:5px;text-align:center;position:relative}.en__stripeButtons__preview .en__stripeButtons__previewWrap{display:inline-block;height:22px;position:relative;top:50%}.en__stripeButtons__preview .en__stripeButtons__previewText{display:inline;color:#fff;vertical-align:top;font:500 16px/21px -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;top:-11px}.en__stripeButtons__preview.light .en__stripeButtons__previewText,.en__stripeButtons__preview.light-outline .en__stripeButtons__previewText{color:#39325c}.en__stripeButtons__preview .en__stripeButtons__previewIcon{background:url(../images/gateways/buttons/stripe-icon.png) 0 center no-repeat;width:22px;height:22px;display:inline-block;margin:0 0 0 5px;position:relative;top:-11px}.en__stripeButtons__preview.light{background:#fff}.en__stripeButtons__preview.light-outline{background:#fff;border:1px solid #d7d7d7}.en__paypalTouch__preview{max-width:750px;display:block;background:#ffc439;border-radius:5px;text-align:center;position:relative}.en__paypalTouch__preview .en__paypalTouch__previewWrap{display:inline}.en__paypalTouch__preview .en__paypalTouch__previewIcon{background:url(../images/gateways/buttons/paypal-icon-svg.svg) 0 center no-repeat;width:16px;height:100%;display:inline-block;background-size:13px}.en__paypalTouch__preview .en__paypalTouch__previewIcon2{background:url(../images/gateways/buttons/paypal-text-svg.svg) 0 center no-repeat;width:60px;height:100%;display:inline-block;background-size:60px}.en__paypalTouch__preview.blue{background:#0070ba}.en__paypalTouch__preview.blue .en__paypalTouch__previewIcon{background:url(../images/gateways/buttons/paypal-icon-white-svg.svg) 0 center no-repeat;background-size:13px}.en__paypalTouch__preview.blue .en__paypalTouch__previewIcon2{background:url(../images/gateways/buttons/paypal-text-white-svg.svg) 0 center no-repeat;background-size:60px}.en__paypalTouch__preview.white{background:#fff;border:1px solid #555}.en__paypalTouch__preview.black{background:#2C2E2F}.en__paypalTouch__preview.black .en__paypalTouch__previewIcon{background:url(../images/gateways/buttons/paypal-icon-white-svg.svg) 0 center no-repeat;background-size:13px}.en__paypalTouch__preview.black .en__paypalTouch__previewIcon2{background:url(../images/gateways/buttons/paypal-text-white-svg.svg) 0 center no-repeat;background-size:60px}.en__chariot__preview{max-width:750px;display:block;border-radius:4px;text-align:center;position:relative}.en__chariot__preview .en__chariot__previewWrap{display:inline-block;height:22px;position:relative;top:50%}.en__chariot__preview .en__chariot__previewText{display:inline;color:#fff;vertical-align:top;font:500 16px/24px "Myriad Pro Bold",sans-serif;position:relative;top:-11px}.en__chariot__preview .en__chariot__previewIcon{background:url(../images/gateways/buttons/chariot-icon.svg) 0 center no-repeat;width:20px;height:100%;display:inline-block;position:relative;top:-11px;fill:#fff;margin:0 10px 0 0}.en__chariot__preview.default{background:#004676}.en__chariot__preview.light{background:#fff;border:2px solid #35bbf4}.en__chariot__preview.light .en__chariot__previewIcon{background:url(../images/gateways/buttons/chariot-icon-lightblue.svg) 0 center no-repeat}.en__chariot__preview.light .en__chariot__previewText{color:#35bbf4}.en__chariot__preview.lightBlue{background:#35bbf4}.en__chariot__preview.gradient{background:rgba(0,0,0,0);background-image:linear-gradient(to right,#181c1d,#004676,#00c2ff)}#en__digitalWallet{font-size:0;display:flex;flex-wrap:wrap}#en__digitalWallet .en__digitalWallet__button{display:inline-block;vertical-align:top;position:relative}#en__digitalWallet .en__digitalWallet__container{max-width:750px;max-height:55px}#en__upsellModal{align-items:center;background-color:rgba(0,0,0,.8);bottom:0;display:flex;height:100%;justify-content:center;left:0;overflow-x:hidden;overflow-y:scroll;position:fixed;top:0;width:100vw;z-index:[PHONE REDACTED]}#en__upsellModal .en__upsellModal__container{grid-gap:0;background-color:#fff;border:1px solid #333;border-radius:var(--button_border-radius);display:grid;grid-template-columns:minmax(0,480px) 1fr;margin:auto;max-width:960px;overflow:hidden;position:relative}#en__upsellModal .en__upsellModal__background{background-position:50%;background-repeat:no-repeat;background-size:cover}#en__upsellModal .en__upsellModal__content{min-width:375px;padding:30px}#en__upsellModal.image-right .en__upsellModal__container{grid-template-columns:1fr minmax(0,480px)!important}#en__upsellModal.image-right .en__upsellModal__background{grid-column:2;grid-row:1}#en__upsellModal.image-right .en__upsellModal__content{grid-column:1;grid-row:1}#en__upsellModal #en__upsellModal__close{cursor:pointer;display:block;height:25px;opacity:.3;position:absolute;right:10px;top:5px;transition:opacity .3s ease;width:25px}#en__upsellModal #en__upsellModal__close:after,#en__upsellModal #en__upsellModal__close:before{background-color:#333;content:" ";height:26px;left:10px;position:absolute;width:3px}#en__upsellModal #en__upsellModal__close:after{transform:rotate(-45deg)}#en__upsellModal #en__upsellModal__close:before{transform:rotate(45deg)}#en__upsellModal #en__upsellModal__yes{margin-bottom:12px}#en__upsellModal #en__upsellModal__no button,#en__upsellModal #en__upsellModal__yes button{align-items:center;display:flex;justify-content:center;position:relative;text-decoration:none;width:100%}#en__upsellModal.en__upsellModal__zoomin .en__upsellModal__withanim{opacity:0;transition:all .2s ease-in-out;transform:scale(.8)}#en__upsellModal.en__upsellModal__zoomin.en__upsellModal__ready .en__upsellModal__withanim{opacity:1;transform:scale(1)}#en__upsellModal.en__upsellModal__zoomin.en__upsellModal__removing .en__upsellModal__withanim{transform:scale(.8);opacity:0}142 143 144/*****************************145 * 4Site - Engaging Networks - Page Template v1.0.1146 * Repository: https://github.com/4SiteStudios/Engaging-Networks-Page-Template147 ****************************/148 149/**************************************************************150>>> TABLE OF CONTENTS151***************************************************************152# Base Styles153# General Overrides of EN Styles154# Flexible Images155# Inputs156  ## General157  ## Textarea158  ## Select159  ## Focus State160  ## Radio & Checkboxes161  ## Buttons162# Error Messages163  ## Input Errors164  ## Page Errors165# Loading Spinner166# Components167  ## Form Block: Personal Information168  ## Copy Block: Personal Information Title169  ## Form Block: Address170  ## Copy Block: Address Title171  ## Form Block: Payment Information172  ## Copy Block: Payment Information Title173  ## Form Block: Recurring Payment174  ## Form Block: Donation Amount175  ## Copy Block: Advocacy176      ## Contact Block Component: Msg Details177***************************************************************/178 179/************************************180 * Base Styles181 ***********************************/182 183body {184  background-color: #ffffff;185  margin: 0;186  color: #2a2a2a;187  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;188  font-size: 100%;189  line-height: 1.4;190}191 192h1,193h2,194h3,195h4,196h5,197h6,198strong {199  font-weight: 500;200}201 202#main-content-wrapper {203  margin: 0 auto;204  max-width: 41.25rem;205  width: 100%;206}207 208#main-content {209  background-color: #ffffff;210  padding: 2.1875rem 0 4.375rem 0;211}212 213#main-content-inner {214  margin: 0 auto;215  padding: 0 1.875rem;216}217 218@media (min-width: 41.25em) {219  body {220    background-color: #eeeeee;221  }222 223  #main-content {224    margin: 2.1875rem;225    border-radius: 0.4375rem;226    -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);227            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);228  }229}230 231/************************************232 * General overrides of EN styles233 ***********************************/234 235#main-content-inner > p:first-of-type {236  text-align: center;237}238 239#main-content .en__component--column,240#main-content .en__field__element {241  min-width: 100% !important;242}243 244#main-content .en__field__item {245  width: 100%;246}247 248#main-content .en__field__label {249  max-width: 100%;250  width: auto;251}252 253/**254 * Flexible images255 */256#main-content img {257  max-width: 100%;258  height: auto !important;259}260 261/************************************262 * Inputs263 ***********************************/264 265 /* General */266#main-content input[type="date"],267#main-content input[type="datetime"],268#main-content input[type="datetime-local"],269#main-content input[type="email"],270#main-content input[type="month"],271#main-content input[type="number"],272#main-content input[type="password"],273#main-content input[type="range"],274#main-content input[type="search"],275#main-content input[type="tel"],276#main-content input[type="text"],277#main-content input[type="time"],278#main-content input[type="url"],279#main-content input[type="week"],280#main-content textarea {281  max-width: 100%;282  width: 100%;283  min-width: initial;284  display: block;285  -webkit-box-sizing: border-box;286          box-sizing: border-box;287  height: 2.4375rem;288  margin: 0 0 1rem;289  padding: 0.5rem;290  border: 1px solid #cacaca;291  border-radius: 0.1875rem;292  background-color: #fefefe;293  -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);294          box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);295  font-family: inherit;296  font-size: 1rem;297  font-weight: normal;298  line-height: 1.5;299  color: #0a0a0a;300  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;301  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;302  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;303  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;304  -webkit-appearance: none;305  -moz-appearance: none;306  appearance: none;307}308 309#main-content textarea {310  height: 20rem;311  resize: vertical;312}313 314#main-content select {315  height: 2.4375rem;316  width: 100%;317  margin: 0 0 1rem;318  padding: 0.5rem;319  -webkit-appearance: none;320  -moz-appearance: none;321  appearance: none;322  border: 1px solid #cacaca;323  border-radius: 0.1875rem;324  background-color: #fefefe;325  font-family: inherit;326  font-size: 1rem;327  font-weight: normal;328  line-height: 1.5;329  color: #0a0a0a;330  background-image: url("data:image/svg+xml;utf8,");331  background-origin: content-box;332  background-position: right center;333  background-position: right -1rem center;334  background-repeat: no-repeat;335  background-size: 0.5625rem 0.375rem;336  padding-right: 1.5rem;337  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;338  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;339  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;340  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;341}342 343/* Focus state */344#main-content input[type="date"]:focus,345#main-content input[type="datetime"]:focus,346#main-content input[type="datetime-local"]:focus,347#main-content input[type="email"]:focus,348#main-content input[type="month"]:focus,349#main-content input[type="number"]:focus,350#main-content input[type="password"]:focus,351#main-content input[type="range"]:focus,352#main-content input[type="search"]:focus,353#main-content input[type="tel"]:focus,354#main-content input[type="text"]:focus,355#main-content input[type="time"]:focus,356#main-content input[type="url"]:focus,357#main-content input[type="week"]:focus,358#main-content select:focus,359#main-content textarea:focus {360  outline: none;361  border: 1px solid #8a8a8a;362  background-color: #fefefe;363  -webkit-box-shadow: 0 0 0.3125rem #cacaca;364  box-shadow: 0 0 0.3125rem #cacaca;365  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;366  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;367  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;368  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;369}370 371/* Radio & Checkbox Inputs */372#main-content .en__field__input--radio,373#main-content .en__field__input--checkbox {374  border: 0;375  clip: rect(0 0 0 0);376  -webkit-clip-path: inset(50%);377  clip-path: inset(50%);378  height: 1px;379  margin: -1px;380  overflow: hidden;381  padding: 0;382  position: absolute;383  width: 1px;384  white-space: nowrap;385}386 387#main-content .en__field__input--radio+.en__field__label,388#main-content .en__field__input--checkbox+.en__field__label {389  position: relative;390  margin-left: 2rem;391  cursor: pointer;392}393 394#main-content .en__field__input--radio+.en__field__label:before,395#main-content .en__field__input--checkbox+.en__field__label:before {396  content: "";397  position: absolute;398  left: -2rem;399  height: 1.5rem;400  width: 1.5rem;401  margin-right: .5em;402  display: inline-block;403  vertical-align: middle;404  border: 1px solid #c3c3c3;405  border-radius: 50%;406  -webkit-box-shadow: inset 0 0 0 5px #fff;407          box-shadow: inset 0 0 0 5px #fff;408  cursor: pointer;409  -webkit-transition-duration: .25s;410          transition-duration: .25s;411  -webkit-transition-property: border-color, background-color;412  transition-property: border-color, background-color;413}414 415#main-content .en__field__input--checkbox+.en__field__label:before {416  border-radius: 10%;417  -webkit-box-shadow: none;418          box-shadow: none;419}420 421#main-content .en__field__input--radio:checked+.en__field__label:before,422#main-content .en__field__input--checkbox:checked+.en__field__label:before {423  border-color: #2ba6cb;424  background-color: #2ba6cb;425}426 427#main-content .en__field__input--checkbox:checked+.en__field__label:before {428  content: "\a0\2713";429  border-color: #2ba6cb;430  background-color: #2ba6cb;431  color: #ffffff;432}433 434#main-content .en__field__input--radio:focus + .en__field__label:before,435#main-content .en__field__input--checkbox:focus + .en__field__label:before {436  outline: #8a8a8a auto 0.3125rem;437}438 439/* Buttons */440#main-content button {441  display: block;442  width: 100%;443  margin: 0 0 1rem 0;444  font-family: inherit;445  padding: 0.85rem 1rem;446  -webkit-appearance: none;447  border: 1px solid transparent;448  border-radius: 0.1875rem;449  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;450  transition: background-color 0.25s ease-out, color 0.25s ease-out;451  font-size: 1rem;452  text-align: center;453  cursor: pointer;454  background-color: #2ba6cb;455  color: #fefefe;456}457 458#main-content .en__submit {459  width: 100%;460  margin-top: 2rem;461}462 463#main-content button:hover,464#main-content button:focus {465  background-color: #258dad;466}467 468#main-content button[disabled],469#main-content button[disabled]:hover,470#main-content button[disabled]:focus {471  background-color: #1779ba;472  color: #fefefe;473}474 475#main-content button[disabled] {476  opacity: 0.25;477  cursor: not-allowed;478}479 480/* Split Text: 2Up */481@media (min-width: 41.25em) {482  #main-content .en__field__element--splittext > .en__field__item {483    width: 48.75%;484  }485 486  #main-content .en__field__element--splittext > .en__field__item:first-child {487    margin-right: 0.25rem;488  }489 490  #main-content .en__field__element--splittext > .en__field__item:last-child {491    margin-left: 0.25rem;492  }493}494 495/* Split Triple Text: 3Up */496@media (min-width: 41.25em) {497  #main-content .en__field__element--tripletext > .en__field__item {498    width: 31.75%;499  }500 501  #main-content .en__field__element--tripletext > .en__field__item:nth-of-type(2) {502    margin-left: 0.5rem;503    margin-right: 0.5rem;504  }505}506 507/* Split Select: 2Up */508@media (min-width: 41.25em) {509  #main-content .en__field__element--splitselect > .en__field__item {510    width: 48.75%;511  }512 513  #main-content .en__field__element--splitselect > .en__field__item:nth-of-type(1) {514    margin-right: 0.25rem;515  }516 517  #main-content .en__field__element--splitselect > .en__field__item:nth-of-type(2) {518    margin-left: 0.25rem;519  }520}521 522/* Split Triple Select: 3Up */523@media (min-width: 41.25em) {524  #main-content .en__field__element--tripleselect > .en__field__item {525    width: 31.75%;526  }527 528  #main-content .en__field__element--tripleselect > .en__field__item:nth-of-type(2) {529    margin-left: 0.5rem;530    margin-right: 0.5rem;531  }532}533 534/* Sample Radio: 3Up */535@media (min-width: 41.25em) {536  #main-content .en__field--sample-radio > .en__field__element--radio > .en__field__item {537    width: 31.75%;538  }539 540  #main-content .en__field--sample-radio > .en__field__element--radio > .en__field__item:nth-of-type(2n) {541    margin-left: 0.5rem;542    margin-right: 0.5rem;543  }544}545 546/************************************547 * Loading spinner for submit button548 ***********************************/549 550.loader {551  display: inline-block;552  position: relative;553  width: 0.75rem;554  height: 0.75rem;555  margin-top: -0.1875rem;556  vertical-align: middle;557}558 559.loader-quart {560  border-radius: 50%;561  border: 0.375rem solid rgba(255, 255, 255, 0.4);562}563.loader-quart:after {564  content: '';565  position: absolute;566  top: -0.375rem;567  right: -0.375rem;568  bottom: -0.375rem;569  left: -0.375rem;570  border-radius: 3.125rem;571  border: 0.375rem solid transparent;572  border-top-color: #ffffff;573  -webkit-animation: spin 1s linear infinite;574  animation: spin 1s linear infinite;575}576 577@-webkit-keyframes spin {578  0% {579    -webkit-transform: rotate(0deg);580    tranform: rotate(0deg);581  }582  100% {583    -webkit-transform: rotate(360deg);584    tranform: rotate(360deg);585  }586}587@keyframes spin {588  0% {589    -webkit-transform: rotate(0deg);590    tranform: rotate(0deg);591  }592  100% {593    -webkit-transform: rotate(360deg);594    tranform: rotate(360deg);595  }596}597 598/************************************599 * Error Messages600 ***********************************/601 602/* Input Errors */603#main-content .en__component .en__field--text {604  position: relative;605}606 607#main-content .en__component .en__field__error {608  position: absolute;609  top: -1.25rem;610  padding: 0.25rem 0.25rem;611  color: #b71c1c;612  font-size: 0.75rem;613  border-radius: 0.1875rem;614  background-color: #f4ddda;615}616 617/* Page Errors */618.en__errorHeader {619  margin-left: -1.875rem;620  margin-right: -1.875rem;621  padding: 0.5rem 2rem;622  color: #b71c1c;623  font-weight: 700;624  text-align: center;625  background-color: #f4ddda;626}627 628.en__errorList > .en__error {629  margin-left: -1.875rem;630  margin-right: -1.875rem;631  padding: 0.5rem 2rem;632  list-style: none;633  color: #b71c1c;634  text-align: center;635  background-color: #f4ddda;636}637 638/************************************639 * Components640 ***********************************/641 642/**643 * Form Block Component: Personal Information644 */645@media (min-width: 41.25em) {646  /* Safari 5.1 Windows */647  #main-content .en__component--formblock.personal-information > .en__field {648    display: inline-block;649    width: 48%;650  }651 652  #main-content .en__component--formblock.personal-information>.en__field:nth-child(3) {653    width: 100%;654  }655 656  /* Modern Browsers */657  #main-content .en__component--formblock.personal-information {658    display: -webkit-box;659    display: -ms-flexbox;660    display: flex;661    -ms-flex-wrap: wrap;662        flex-wrap: wrap;663    -webkit-box-pack: justify;664        -ms-flex-pack: justify;665            justify-content: space-between;666  }667 668  #main-content .en__component--formblock.personal-information > .en__field {669    -ms-flex-preferred-size: 48%;670        flex-basis: 48%;671  }672 673  #main-content .en__component--formblock.personal-information>.en__field:nth-child(3) {674    -ms-flex-preferred-size: 100%;675        flex-basis: 100%;676  }677 678  #main-content .en__component--formblock.personal-information>.en__field:nth-child(1) {679    margin-right: 0.5rem;680  }681 682  #main-content .en__component--formblock.personal-information>.en__field:nth-child(2) {683    margin-left: 0.5rem;684  }685}686 687/**688 * Copy Block Component: Personel Information Title689 */690#main-content .en__component--copyblock.personal-information-title > h2 {691  margin-left: 2rem;692}693 694#main-content .en__component--copyblock.personal-information-title > h2:before {695  content: "";696  display: inline-block;697  vertical-align: baseline;698  margin-left: -2rem;699  margin-right: 0.5rem;700  height: 1.75rem;701  width: 1.75rem;702  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==');703  background-position: 0 0;704  background-repeat: no-repeat;705}706 707/**708 * Form Block Component: Address709 */710#main-content .en__component--formblock.address > .en__field--select {711  width: 100%;712}713 714@media (min-width: 41.25em) {715  /* Safari 5.1 Windows */716  #main-content .en__component--formblock.address > .en__field {717    display: inline-block;718    width: 48%;719  }720 721  /* Modern Browsers */722  #main-content .en__component--formblock.address {723    display: -webkit-box;724    display: -ms-flexbox;725    display: flex;726    -ms-flex-wrap: wrap;727        flex-wrap: wrap;728    -webkit-box-pack: justify;729        -ms-flex-pack: justify;730            justify-content: space-between;731  }732 733  #main-content .en__component--formblock.address > .en__field {734    -ms-flex-preferred-size: 48%;735        flex-basis: 48%;736  }737 738  #main-content .en__component--formblock.address > .en__field:nth-child(odd) {739    margin-right: 0.5rem;740  }741 742  #main-content .en__component--formblock.address > .en__field:nth-child(even) {743    margin-left: 0.5rem;744  }745}746 747/**748 * Copy Block Component: Address Title749 */750#main-content .en__component--copyblock.address-title > h2 {751  margin-left: 2rem;752}753 754#main-content .en__component--copyblock.address-title > h2:before {755  content: "";756  display: inline-block;757  vertical-align: bottom;758  margin-left: -2rem;759  margin-right: 0.5rem;760  height: 2rem;761  width: 1.75rem;762  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');763  background-position: 0 0;764  background-repeat: no-repeat;765}766 767/**768 * Form Block Component: Payment Information769 */770#main-content .en__component--formblock.payment-information > .en__field--ccexpire > .en__field__element--splitselect > .en__field__item {771  padding: 0;772  width: 40%;773}774 775@media (min-width: 41.25em) {776  /* Safari 5.1 Windows */777  #main-content .en__component--formblock.payment-information > .en__field {778    display: inline-block;779    width: 48%;780  }781 782  /* Modern Browsers */783  #main-content .en__component--formblock.payment-information {784    display: -webkit-box;785    display: -ms-flexbox;786    display: flex;787    -ms-flex-wrap: wrap;788        flex-wrap: wrap;789    -webkit-box-pack: justify;790        -ms-flex-pack: justify;791            justify-content: space-between;792  }793 794  #main-content .en__component--formblock.payment-information > .en__field {795    -ms-flex-preferred-size: 48%;796        flex-basis: 48%;797  }798 799  #main-content .en__component--formblock.payment-information > .en__field:nth-child(odd) {800    margin-right: 0.5rem;801  }802 803  #main-content .en__component--formblock.payment-information > .en__field:nth-child(even) {804    margin-left: 0.5rem;805  }806}807 808/**809 * Copy Block Component: Payment Information Title810 */811#main-content .en__component--copyblock.payment-information-title > h2 {812  margin-left: 2rem;813}814 815#main-content .en__component--copyblock.payment-information-title > h2:before {816  content: "";817  display: inline-block;818  vertical-align: baseline;819  margin-left: -2rem;820  margin-right: 0.5rem;821  height: 1.75rem;822  width: 2rem;823  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAtElEQVRYR+2WwQ3CMAxFXyfoCGUEOgkrsAEjEDZghG5URmg26AYgR40ERVVQgpwe7FsOzn/6tmw3VI6msj4GEB24AyfgoFSSCRiAmwCI+EVJeC0TAGagBXrgoQRyBEZgEoDnIqrdkEHXAN4dUCr/p4wBmAO7csAGkTkQHVgvp9Q7d4JuLqOU4L+2pwHs5x6oeZJ56XwHXHNbuTAvHKUSAnEGusIPf033y1nutKffF6ABVHfgBWDaOs5lsuVZAAAAAElFTkSuQmCC');824  background-position: 0 0;825  background-repeat: no-repeat;826}827 828/**829 * Form Block Component: Recurring Payment830 */831#main-content .en__component--formblock.recurring-payment > .en__field--recurrfreq {832  display: none;833}834 835#main-content .en__component--formblock.recurring-payment > .en__field--recurrpay .en__field__item {836  height: 2.5rem;837  width: auto;838}839 840#main-content .en__component--formblock.recurring-payment > .en__field--recurrpay .en__field__item:nth-child(1) {841  margin-right: 0.5rem;842}843 844#main-content .en__component--formblock.recurring-payment > .en__field--recurrpay .en__field__item:nth-child(2) {845  margin-left: 0.5rem;846}847 848@media (min-width: 31.25em) {849  #main-content .en__component--formblock.recurring-payment {850    display: -webkit-box;851    display: -ms-flexbox;852    display: flex;853    -ms-flex-wrap: wrap;854        flex-wrap: wrap;855    -webkit-box-pack: justify;856        -ms-flex-pack: justify;857            justify-content: space-between;858  }859 860  #main-content .en__component--formblock.recurring-payment>.en__field {861    -webkit-box-flex: 1;862        -ms-flex: auto;863            flex: auto;864  }865}866 867/**868 * Form Block Component: Donation Amount869 */870 871/* Safari 5.1 Windows */872#main-content .en__component--formblock.donation-amt .en__field__item.en__field__item--hidden {873  display: inline-block; 874}875 876/* Modern Browsers */877#main-content .en__component--formblock.donation-amt .en__field__item.en__field__item--other {878  display: inline-flex;879}880 881#main-content .en__component--formblock.donation-amt .en__field__element--radio > .en__field__item {882  height: 2.5rem;883}884 885#main-content .en__component--formblock.donation-amt .en__field__element--radio > .en__field__item {886  width: 32%;887}888 889#main-content .en__component--formblock.donation-amt .en__field__element--radio > .en__field__item--other {890  width: calc(32% - 32px);891}892 893#main-content .en__component--formblock.donation-amt .en__field__element--radio > .en__field__item--other-radio {894  width: auto;895}896 897@media (min-width: 31.25em) {898  #main-content .en__component--formblock.donation-amt .en__field__element--radio > .en__field__item {899    width: 32%;900  }901 902  #main-content .en__component--formblock.donation-amt .en__field__element--radio > .en__field__item--other {903    width: calc(32% - 32px);904  }  905 906  #main-content .en__component--formblock.donation-amt .en__field__element--radio > .en__field__item--other-radio {907    width: auto;908  }909 910  #main-content .en__component--formblock.recurring-payment > .en__field__element--radio > .en__field__item {911    height: 2.5rem;912  }913 914  #main-content .en__component--formblock.recurring-payment > .en__field--recurrday .en__field__input--text {915    margin-bottom: 0;916  }917}918 919/**920 * Copy Block Component: Advocacy921 * Contact Block Component: Message Details922 * Toggle message area display923 */924#main-content .en__component--copyblock.view-message .btn--view-message {925  padding-left: 0;926  background-color: #ffffff;927  color: inherit;928  font-size: 1.5rem;929  text-align: left;930}931 932#main-content .en__component--copyblock.view-message .btn--view-message:before {933  content: '\2b';934  display: inline-block;935  margin-right: 0.5rem;936}937 938#main-content .en__component--copyblock.view-message .btn--view-message.active:before {939  content: '\2212';940  display: inline-block;941  margin-right: 0.5rem;942}943 944#main-content .en__component--contactblock.msgDetails .en__field__input--checkbox+.en__field__label:before {945  top: -0.5rem;946}947 948#main-content .en__component--contactblock.msgDetails {949  display: none;950}951 952#main-content .en__component--contactblock.msgDetails.show {953  display: block;954  margin-bottom: 2rem;955}956 957/**958 * Form Block Component: Select Fields959 * Overrides EN Default Styling to ensure mobile friendly widths960 */961.en__field__input--select{962  min-width: initial;963}964 965 966 967        @media (min-width: 41.25em){968            html{969                background: url("") no-repeat right top fixed;970                -webkit-background-size: cover;971                -moz-background-size: cover;972                -o-background-size: cover;973                background-size: cover;974            }975        }976        977        body{978            background-color: initial;979        }980        981        #main-content-wrapper {982            margin: initial;983        }984 985        /* Add red star for required */986        .en__mandatory label.en__field__label:not(.en__field__label--item)::after{987        content: "*";988        color: red;989        }990        .en__ticket__selector {display: flex;}991        992        #main-content input[type="text"].en__ticket__quantity {993            width: 50%;994            max-width: unset;995        }996        997        .en__ticket.en__ticket--ENBL {998            display: flex;999            flex-direction: row;1000        }1001  </style>1002  <!-- End 4Site Custom CSS To Make Multi Step Donation Form Fancy -->1003 </body>1004</html>1005