/* fixes Raleway numbers */ * { -webkit-font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; font-feature-settings: "lnum"; } @font-face { font-display: swap; font-family: 'Raleway'; font-style: normal; font-weight: 400; src: url('../fonts/raleway/raleway-v26-latin-regular.woff2') format('woff2'), url('../fonts/raleway/raleway-v26-latin-regular.woff') format('woff'), url('../fonts/raleway/raleway-v26-latin-regular.ttf') format('truetype'), url('../fonts/raleway/raleway-v26-latin-regular.svg#Raleway') format('svg'); } @font-face { font-display: swap; font-family: 'Raleway'; font-style: normal; font-weight: 500; src: url('../fonts/raleway/raleway-v26-latin-500.woff2') format('woff2'), url('../fonts/raleway/raleway-v26-latin-500.woff') format('woff'), url('../fonts/raleway/raleway-v26-latin-500.ttf') format('truetype'), url('../fonts/raleway/raleway-v26-latin-500.svg#Raleway') format('svg'); } @font-face { font-display: swap; font-family: 'Raleway'; font-style: normal; font-weight: 600; src: url('../fonts/raleway/raleway-v26-latin-600.woff2') format('woff2'), url('../fonts/raleway/raleway-v26-latin-600.woff') format('woff'), url('../fonts/raleway/raleway-v26-latin-600.ttf') format('truetype'), url('../fonts/raleway/raleway-v26-latin-600.svg#Raleway') format('svg'); } @font-face { font-display: swap; font-family: 'Raleway'; font-style: normal; font-weight: 700; src: url('../fonts/raleway/raleway-v26-latin-700.woff2') format('woff2'), url('../fonts/raleway/raleway-v26-latin-700.woff') format('woff'), url('../fonts/raleway/raleway-v26-latin-700.ttf') format('truetype'), url('../fonts/raleway/raleway-v26-latin-700.svg#Raleway') format('svg'); } @font-face { font-display: swap; font-family: 'Raleway'; font-style: normal; font-weight: 800; src: url('../fonts/raleway/raleway-v26-latin-800.woff2') format('woff2'), url('../fonts/raleway/raleway-v26-latin-800.woff') format('woff'), url('../fonts/raleway/raleway-v26-latin-800.ttf') format('truetype'), url('../fonts/raleway/raleway-v26-latin-800.svg#Raleway') format('svg'); } @font-face { font-display: swap; font-family: 'Raleway'; font-style: normal; font-weight: 900; src: url('../fonts/raleway/raleway-v26-latin-900.woff2') format('woff2'), url('../fonts/raleway/raleway-v26-latin-900.woff') format('woff'), url('../fonts/raleway/raleway-v26-latin-900.ttf') format('truetype'), url('../fonts/raleway/raleway-v26-latin-900.svg#Raleway') format('svg'); } @font-face { font-display: swap; font-family: 'Raleway'; font-style: italic; font-weight: 400; src: url('../fonts/raleway/raleway-v26-latin-italic.woff2') format('woff2'), url('../fonts/raleway/raleway-v26-latin-italic.woff') format('woff'), url('../fonts/raleway/raleway-v26-latin-italic.ttf') format('truetype'), url('../fonts/raleway/raleway-v26-latin-italic.svg#Raleway') format('svg'); } @font-face { font-display: swap; font-family: 'Raleway'; font-style: italic; font-weight: 500; src: url('../fonts/raleway/raleway-v26-latin-500italic.woff2') format('woff2'), url('../fonts/raleway/raleway-v26-latin-500italic.woff') format('woff'), url('../fonts/raleway/raleway-v26-latin-500italic.ttf') format('truetype'), url('../fonts/raleway/raleway-v26-latin-500italic.svg#Raleway') format('svg'); } @font-face { font-display: swap; font-family: 'Raleway'; font-style: italic; font-weight: 600; src: url('../fonts/raleway/raleway-v26-latin-600italic.woff2') format('woff2'), url('../fonts/raleway/raleway-v26-latin-600italic.woff') format('woff'), url('../fonts/raleway/raleway-v26-latin-600italic.ttf') format('truetype'), url('../fonts/raleway/raleway-v26-latin-600italic.svg#Raleway') format('svg'); } @font-face { font-display: swap; font-family: 'Raleway'; font-style: italic; font-weight: 700; src: url('../fonts/raleway/raleway-v26-latin-700italic.woff2') format('woff2'), url('../fonts/raleway/raleway-v26-latin-700italic.woff') format('woff'), url('../fonts/raleway/raleway-v26-latin-700italic.ttf') format('truetype'), url('../fonts/raleway/raleway-v26-latin-700italic.svg#Raleway') format('svg'); } @font-face { font-display: swap; font-family: 'Raleway'; font-style: italic; font-weight: 800; src: url('../fonts/raleway/raleway-v26-latin-800italic.woff2') format('woff2'), url('../fonts/raleway/raleway-v26-latin-800italic.woff') format('woff'), url('../fonts/raleway/raleway-v26-latin-800italic.ttf') format('truetype'), url('../fonts/raleway/raleway-v26-latin-800italic.svg#Raleway') format('svg'); } @font-face { font-display: swap; font-family: 'Raleway'; font-style: italic; font-weight: 900; src: url('../fonts/raleway/raleway-v26-latin-900italic.woff2') format('woff2'), url('../fonts/raleway/raleway-v26-latin-900italic.woff') format('woff'), url('../fonts/raleway/raleway-v26-latin-900italic.ttf') format('truetype'), url('../fonts/raleway/raleway-v26-latin-900italic.svg#Raleway') format('svg'); } @font-face { font-display: swap; font-family: 'Mulish'; font-style: normal; font-weight: 900; src: url('../fonts/mulish/mulish-v10-latin-900.woff2') format('woff2'), url('../fonts/mulish/mulish-v10-latin-900.woff') format('woff'), url('../fonts/mulish/mulish-v10-latin-900.ttf') format('truetype'), url('../fonts/mulish/mulish-v10-latin-900.svg#Mulish') format('svg'); } @font-face { font-display: swap; font-family: 'Mulish'; font-style: italic; font-weight: 900; src: url('../fonts/mulish/mulish-v10-latin-900italic.woff2') format('woff2'), url('../fonts/mulish/mulish-v10-latin-900italic.woff') format('woff'), url('../fonts/mulish/mulish-v10-latin-900italic.ttf') format('truetype'), url('../fonts/mulish/mulish-v10-latin-900italic.svg#Mulish') format('svg'); } /* theme styles */ main #navigation-indicator { display: none; } #form-wrap { padding-top: 7rem; } #hero { position: static; } #hero > a { position: fixed!important; top: 14px!important; right: 26px; height: 60px; width: 60px; display: inline-block; z-index: 2; } #hero img { width: 60px!important; height: 60px; } h1.hero__overlay-title { visibility:hidden; } h2 { font-size: clamp(2.304rem,calc(2.112rem + .4vw),2.592rem)!important; } .worldpay { text-align: center; } .thermo-container { position: relative; display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin: 0; padding-left: .9375rem; padding-right: .9375rem; } .thermo-container .enWidget.enWidget--thermometer { padding: 20px 10px 0 !important; } @media screen and (max-width: 768px) { #form-wrap { padding-top: 3rem!important; } #form-wrap::before { content:none; } #hero { position: relative!important; } #hero > a { top: 10px!important; right: 10px; position: absolute!important; } } /* hate to see you go popup overrides */ .mfp-container .mfp-content .exit-popup-container .exit-popup h3 { font-size: 3.125rem; margin: 0 0 1rem 0; } .mfp-container .mfp-content .exit-popup-container .exit-popup p { font-size: 1.625rem; line-height: 2rem; margin: 0 0 1.6rem } .mfp-container .mfp-content .exit-popup-container .exit-popup a { font-size: 1.375rem; padding: 9px 16px; } /* form styles */ /* EN hidden content label */ kbd { font-family: Arial, Helvetica, sans-serif; color: #f27420; font-weight:normal; background-color:#f6f6f6; } /* for multiple h3s on form */ .form_header { padding-top:1rem; } blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, ul { padding:0; } label { margin: 0; font-weight: 400; line-height: 1.8; } .button { display: inline-block; vertical-align: middle; margin: 0 0 1rem; transition: background-color .25s ease-out,color .25s ease-out; line-height: 1; text-align: center; cursor: pointer; } ins { text-decoration: none; } /* HIDES DEFAULT IE ARROW */ select::-ms-expand { display: none; } select { appearance: none; background-color: #fefefe; 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-repeat: no-repeat; background-size: 9px 6px; transition: box-shadow .5s,border-color .25s ease-in-out; } .en__field__input--select { width:258px; margin-bottom:0; } .en__field__input--select { white-space: normal; } [type="radio"] + label { display: inline-block; vertical-align: baseline; margin-left: .5rem; margin-right: 1.125rem; margin-bottom: 0; } input[type="email"], input[type="text"] { font-weight: 700; line-height: 1; background-color: #F7F7FA; margin: 0; padding: 1rem 1.2rem !important; } input[type="email"]:focus, input[type="text"]:focus { outline: none; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow .5s,border-color .25s ease-in-out; } .en__field--e-news [type="radio"] + label, .en__field--gift-aid-opt-in [type="radio"] + label, .en__field--opt-in-to-peta-e-news [type="radio"] + label { width: auto; } .en__field--e-news .en__field__element--radio .en__field__item, .en__field--gift-aid-opt-in .en__field__element--radio .en__field__item, .en__field--opt-in-to-peta-e-news .en__field__element--radio .en__field__item { display: inline-block; width: auto; } .en__field--e-news .en__field__element--radio .en__field__item, .en__field--gift-aid-opt-in .en__field__element--radio .en__field__item, .en__field--opt-in-to-peta-e-news .en__field__element--radio .en__field__item { display: inline-block; width: auto; } .en__field--ccvv .en__field__element input[name="transaction.ccvv"].en__field__input--text { width:9rem; } input[name="contact.subject"].en__field__input--text { width:100%; } input[name="transaction.donationAmt"], input[name="transaction.recurrpay"] { width:20px; height:20px; } .en__field--recurrpay label.en__field__label--item[for="en__field_transaction_recurrpay"] { margin-top: -6px; text-align: left; } .en__field__item--other .en__field__input--other { padding: .5rem .5rem .5rem 2.25rem !important; } @media only screen and (max-width: 488px), only screen and (max-device-width: 488px) { input[name="transaction.donationAmt.other"].en__field__input--other { margin-bottom: 0; margin-left: 0; } } .en__field--recurrpay .en__field__element--radio label.en__field__label--item { text-align: center; text-transform: none !important; padding: .5rem !important; background: #e8e8e8; border-radius: 5rem; border: .2rem solid #333333; } .en__field--question .en__field__element--checkbox { float: left; } .en__field--checkbox label { display:inline-block; margin: -3px 0 1rem; padding-top:0; } .en__field__element--checkbox .en__field__item, .en__field__element--radio .en__field__item { align-items: normal !important; } .en__field--radio, .en__field__input--radio { margin-right: 0 !important; } .en__field--checkbox, .en__field__input--checkbox { margin-right: 6px !important; } .en__field__item { margin-right: 5px; } .en__field__input--splitselect { margin-bottom:0 !important; } .en__component--contactblock, .en__component--pledgeblock { margin-bottom:2rem; } .en__field--message textarea { width: 452px; height:200px; } .en__submit button { margin: 1rem auto 2rem auto; } .en__field__error { width: 258px; font-size:13px; text-align: left; color: #c92533; margin: 5px 0 12px 0; } .en__field__error, .en__field__error strong { font-style: italic; } @media only screen and (max-width: 319px) { input[type="text"]{ width:100% !important; } .en__field__input--select { width:100% } } .en__component--contactblock, .en__component--pledgeblock, .en__component--petitionblock { display: block; } .en__component--column { padding-left: 0.9375rem; padding-right: 0.9375rem; float:none !important; } .replacementHeader{ margin-left: -0.9375rem; margin-right: -0.9375rem; } .replacementHeader, .footer-row { margin-left: -0.9375rem; margin-right: -0.9375rem; } @media only screen and (max-width: 600px), only screen and (max-device-width: 600px) { .replacementHeader, .footer-row { margin-left: 0; margin-right: 0; } } .en__component--socialblock { margin-top: 1rem; } .field_label_text_component { margin-top:-10px; margin-bottom:1.25rem; margin-left:184px; width:258px; font-size:0.6875rem; line-height:1.2; } @media only screen and (max-width: 488px), only screen and (max-device-width: 488px) { .field_label_text_component { margin-left:0; } } input[name="supporter.bankRoutingNumber"] { width:230px; margin-right:5px; } .ccvv__link { display: inline-block; padding: 0 0 0 8px; margin-left: 0; margin-top: 0; } .ccvv__link a { color:#999; font-size:16px; } .open-popup-link { width: 15px; height: 15px; display: inline-block; background-repeat: no-repeat; text-decoration: none; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15px' height='15px' viewBox='0 0 15 15' overflow='visible' xml:space='preserve'%3E%3Cpath fill='%23999999' d='M7.5,0C3.4,0,0,3.4,0,7.5C0,11.6,3.4,15,7.5,15S15,11.6,15,7.5C15,3.4,11.6,0,7.5,0z M7.5,12.7 c-0.7,0-1.4-0.6-1.4-1.4c0-0.8,0.6-1.4,1.4-1.4c0.8,0,1.4,0.6,1.4,1.4C8.9,12.1,8.3,12.7,7.5,12.7z M8.6,8.9c0,0.2-0.1,0.3-0.3,0.3 H6.7C6.5,9.2,6.4,9,6.4,8.9V8.2c0-1.3,2.1-1.9,2.1-2.9c0-0.5-0.5-0.9-1.2-0.9c-1.1,0-1.4,1-1.8,0.6l-1-0.9C4.5,4,4.5,3.8,4.6,3.7 c0,0,1.2-1.4,3.2-1.4c1.7,0,3.2,1.2,3.2,2.7C11,7.1,8.6,7.2,8.6,8.9z'/%3E%3C/svg%3E"); } .fa-question-circle::before { content: ""!important; } a.open-popup-link i { color:#999; } .read_more { display:table; text-align:center; margin:0 auto; padding:1rem 0 2rem; } .read_more a { display:block; font-size:1.063rem; color:#333; font-weight:700; text-decoration:none; border: 1px solid #333; padding: 16px; } .read_more a:hover { color:#333; } .view_hide { display:none; } @media only screen and (max-width: 600px), only screen and (max-device-width: 600px) { .read_more { padding:0 0 1rem; } .read_more a { font-size:1rem; } .view_hide { display:table; text-align:center; margin:2rem auto; } .view_hide a { display:block; font-size:1rem; color:#333; font-weight:700; text-decoration:none; border: 1px solid #333; padding: 16px; } .en__component--contactblock, .en__component--pledgeblock, .en__component--petitionblock { display:none; } } .en__mandatory label::after { content: '*'; font-size:15px; color: #f00; margin-left:2px; } .en__mandatory .en__field__element--radio label::after { content:none; margin-right: 0; } /* shows gift aid label */ .en__field--gift-aid-opt-in.en__mandatory > .en__field__label:first-of-type { display:inline !important; margin-right:10px; } .privacy-policy, .privacy-policy p { font-size:1.25rem; line-height:1.5; } .privacy-policy p { margin-bottom:1rem; } .cc__icons { margin: 5px 10px 20px 0; width: auto; } .cc__icons ul { margin:0; padding:0; } .cc__icons li { list-style-type: none; display:inline-block; margin:0 8px .75rem 0; padding:0; } .cc__icons li img { padding:0; border: 1px solid #b9b9b9; width:36px; } .security__icons { margin: 2rem 0 20px; width: auto; } .security__icons ul { margin:0; padding:0; text-align:center; } .security__icons li { list-style-type: none; display:inline-block; margin:0 16px .75rem 0; padding:0; } .security__icons li img { padding:0; } @media only screen and (max-width: 560px), only screen and (max-device-width: 560px) { .cc__icons li { margin:0 4px .75rem 0; } .cc__icons li img { width:36px; } } @media only screen and (max-width: 488px), only screen and (max-device-width: 488px) { .cc__icons li img { width:23px; } .security__icons li.worldplay img, .security__icons li.fundraising-regulator img { width:80px; } .security__icons li.rapidssl img { width:60px; } } /* error messages */ .pf_ErrorHeader { color: #cc0000 !important; padding-bottom:10px !important; } .pf_ErrorItems { color: #CC0000 !important; margin-left: 1rem !important; margin-bottom: 2rem !important; } li.en__error { margin-bottom:10px !important; line-height: 1.4 !important; } /* Label for Email Field on Donation Page Only */ .en__donation--billing--info .en__field--emailAddress .translate_en::after{ content:"If you donate and have not already registered, you will receive periodic updates and communications."; display: block; margin-top: 7px; width: 258px; font-size: 11px; } .en__donation--billing--info .en__field--emailAddress .translate_sp::after{ content:"Si donas y aún no te registraste, recibirás actualizaciones periódicas y comunicaciones."; display: block; margin-top: 7px; width: 258px; font-size: 11px; } .phone_required p { font-size: .75rem; line-height:1.5; } .en__field--4520 > .en__field__label { width: 160px; font-weight: 700; } .en__field--4520 input[name="supporter.emailAddress"] { background-color:#fff !important; } .custom_button { margin: 1rem auto; } .custom_button, .custom_button:active { font-family: 'Raleway',Arial,Helvetica,sans-serif; display:inline-block; background-color: #e95505; border-width: 0; border: none; outline: none; border-radius: 0; box-shadow: none; color: #FFF; padding: 14px 20px 16px 20px; cursor: pointer; font-weight: bold; font-size:16px !important; text-transform:none; text-decoration:none; } .custom_button:hover { color: whitesmoke !important; } /* upsell button override */ #userYesButton { font-size: 14px !important; letter-spacing: 0 !important; } /* donation button */ .donation-button { margin:0 auto 2rem; padding-top:.625rem; text-align:center; } .button.donation { font-size:15px; font-weight:700; margin:0 auto; padding-top: .8125em; padding-bottom: .8125em; line-height:1.5; border-width:0; border-radius: 0; background:#1b95bd; } .button.donation:hover, .button.donation:focus { text-decoration: none; background:#df4200; } @media only screen and (max-width: 488px), only screen and (max-device-width: 488px) { .button.donation { font-size:13px; font-weight:600; } } /* rigged message label for textarea */ .inline_textarea, .inline_copyblock { display:inline-block; vertical-align:top; } .conditional-needs-opt-in-enews { display: none; color:red; font-weight: bold; } /* full width form labels */ .full-width-label .en__field__label, .full-width-label .en__field__label label { display:block; width:auto !important; } .full-width-label .en__field--checkbox .en__field__label--positionabove, .full-width-label .en__field--text .en__field__label--positionabove, .full-width-label .en__field--radio .en__field__label--positionabove { display:block; width:auto !important; vertical-align:top !important; } .full-width-label .en__field--checkbox .en__field__element--layoutvertical label, .full-width-label .en__field--text .en__field__element--layoutvertical label, .full-width-label .en__field--radio .en__field__element--layoutvertical label { width:auto !important; } /* email address error message */ .invalid-email-text, .suggestion-text { display: inline !important; } .email-suggestion-list-items .invalid-email-text { font-size: 1.375rem; line-height: 1.2; width: 100%; display: block; color: white; } .email-suggestion-list-items { background:#c60f13; padding: 0 10px; max-width: 100%; } .email-suggestion-list-items button.suggestion { display: inline !important; width: auto; color:#fff; font-size: 100%; font-style: italic; text-transform: none; box-shadow:none; margin:0; padding: 0 0 6px; background: #c60f13; border: none; } /* loading text for submit button */ .en__submit--disabled button::after { content: "Loading…"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: inherit; font-weight: inherit; } .en__submit.en__submit--disabled button:hover { background-color: rgba(0, 0, 0, 0.7) !important; } .en__submit--disabled button { color: rgba(255, 255, 255, 0.0) !important; position: relative; cursor: default; } .en__submit.en__submit--disabled button:hover { color: rgba(255, 255, 255, 0.0) !important; background-color: rgb(153, 153, 153) !important; position: relative; } /* digital wallet */ .digital_wallet_form .en__field--paymenttype { margin: 0 auto 1.5rem; } .digital_wallet_form .expressPayLabels { text-align: center; margin: 1.5rem 0 1rem; } .digital_wallet_form #expressCheckout_divider { margin: 1.25rem 0 .75rem; display: flex; align-items: center; } .digital_wallet_form #expressCheckout_divider div { padding: 0 1rem; } .digital_wallet_form #expressCheckout_divider::before, .digital_wallet_form #expressCheckout_divider::after { display: inline-flex; flex: 1; content: ''; padding: 1px; background-color: #ccc; margin: 0; } .digital_wallet_form .en__field--paymenttype input { position:absolute; opacity: .011; z-index: 100; margin: 0 0 -1em; } .digital_wallet_form .en__field--paymenttype label[for="en__field_transaction_paymenttype"] { display: none !important; } .digital_wallet_form .en__field--paymenttype input[type="radio"]:checked + label, .digital_wallet_form .en__field--paymenttype .en__field__element--radio input[type="radio"]:checked + label { background: #2375c9; color: #fff; box-shadow: none; } .digital_wallet_form .en__field--paymenttype input[value="VI"] + label, .digital_wallet_form .en__field--paymenttype input[value="paypal"] + label { background: #2375c9; color: rgba(255,255,255,0); cursor: pointer; box-shadow: none; border-radius: 65px; white-space: normal; margin: 0; display: inline-block !important; vertical-align: middle !important; width: 100% !important; text-align: center; padding: 1.188rem .5rem !important; } .digital_wallet_form .en__field--paymenttype .en__field__element--radio { display: flex !important; flex-wrap: wrap !important; margin: 0; gap: 10px; } .digital_wallet_form .en__field--paymenttype .en__field__item { display: block; width: 100%; margin: 0; padding: 0; line-height: 0; } /* credit card button */ .digital_wallet_form .en__field--paymenttype input[value="VI"] + label { color: rgba(255,255,255,0); background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' width='216.76' height='24.207' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 216.76 24.207'%3E%3C!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B fill: %23fff; %7D .st2 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' y='.12' width='29.6' height='20'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='credit-card-icon-gray'%3E%3Cg id='cc-icon'%3E%3Cg class='st2'%3E%3Cg id='Group_11'%3E%3Cpath id='Path_21' class='st1' d='M25.8.12H3.8C1.7.12,0,1.82,0,3.92v12.4c0,2.1,1.7,3.8,3.8,3.8h22c2.1,0,3.8-1.7,3.8-3.8V3.92c0-2.1-1.7-3.8-3.8-3.8M3.8,2.42h22c.8,0,1.5.7,1.5,1.5v1.6H2.3v-1.6c0-.8.7-1.5,1.5-1.5ZM25.8,17.82H3.8c-.8,0-1.5-.7-1.5-1.5v-7.6h25v7.6c0,.8-.7,1.5-1.5,1.5h0Z'/%3E%3Cpath id='Path_22' class='st1' d='M7.4,13.42h-2.2c-.6,0-1.1.5-1.1,1.1s.5,1.1,1.1,1.1h2.2c.6,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1'/%3E%3Cpath id='Path_23' class='st1' d='M17,13.42h-5.7c-.6,0-1.1.5-1.1,1.1s.5,1.1,1.1,1.1h5.7c.6,0,1.1-.5,1.1-1.1.1-.6-.5-1.1-1.1-1.1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M46.331,1.17c1.404-.234,3.198-.364,5.096-.364,3.276,0,5.538.676,7.15,2.028,1.69,1.378,2.73,3.458,2.73,6.448,0,3.121-1.066,5.46-2.73,6.968-1.742,1.586-4.524,2.393-7.93,2.393-1.872,0-3.276-.104-4.316-.234V1.17ZM49.529,16.017c.442.078,1.118.078,1.768.078,4.16.026,6.63-2.262,6.63-6.708.026-3.874-2.21-6.084-6.214-6.084-1.014,0-1.742.078-2.184.182v12.532Z'/%3E%3Cpath class='st1' d='M75.997,12.013c0,4.654-3.276,6.734-6.5,6.734-3.588,0-6.344-2.47-6.344-6.526,0-4.16,2.73-6.708,6.552-6.708,3.77,0,6.292,2.652,6.292,6.5ZM66.455,12.143c0,2.444,1.196,4.29,3.146,4.29,1.82,0,3.094-1.794,3.094-4.342,0-1.976-.884-4.238-3.068-4.238-2.262,0-3.172,2.184-3.172,4.29Z'/%3E%3Cpath class='st1' d='M78.623,9.568c0-1.456-.026-2.678-.104-3.77h2.809l.156,1.898h.077c.546-.988,1.925-2.184,4.03-2.184,2.21,0,4.498,1.43,4.498,5.435v7.514h-3.197v-7.15c0-1.82-.677-3.198-2.419-3.198-1.273,0-2.157.91-2.496,1.872-.104.286-.13.677-.13,1.04v7.437h-3.224v-8.893Z'/%3E%3Cpath class='st1' d='M100.618,18.461l-.207-1.404h-.078c-.78.988-2.106,1.69-3.744,1.69-2.549,0-3.979-1.846-3.979-3.771,0-3.197,2.834-4.81,7.515-4.784v-.208c0-.832-.339-2.21-2.574-2.21-1.248,0-2.548.39-3.406.936l-.624-2.08c.936-.572,2.574-1.118,4.576-1.118,4.056,0,5.227,2.574,5.227,5.33v4.576c0,1.145.052,2.262.182,3.042h-2.887ZM100.202,12.272c-2.262-.052-4.42.442-4.42,2.366,0,1.248.807,1.82,1.82,1.82,1.274,0,2.21-.832,2.496-1.742.078-.233.104-.494.104-.702v-1.742Z'/%3E%3Cpath class='st1' d='M110.212,2.185v3.614h3.043v2.392h-3.043v5.591c0,1.534.416,2.34,1.639,2.34.546,0,.962-.078,1.248-.156l.052,2.444c-.468.182-1.3.312-2.314.312-1.17,0-2.157-.39-2.756-1.04-.676-.728-.988-1.872-.988-3.536v-5.954h-1.819v-2.392h1.819v-2.86l3.12-.754Z'/%3E%3Cpath class='st1' d='M117.779,13.027c.077,2.288,1.872,3.275,3.899,3.275,1.482,0,2.549-.208,3.511-.571l.468,2.21c-1.092.441-2.6.779-4.42.779-4.108,0-6.526-2.521-6.526-6.395,0-3.511,2.132-6.812,6.188-6.812,4.107,0,5.46,3.38,5.46,6.162,0,.598-.052,1.066-.104,1.353h-8.476ZM123.343,10.791c.026-1.17-.494-3.095-2.626-3.095-1.976,0-2.808,1.794-2.937,3.095h5.563Z'/%3E%3Cpath class='st1' d='M134.21,18.461c.052-.857.104-2.262.104-3.562V0h3.198v7.541h.052c.78-1.222,2.158-2.028,4.057-2.028,3.094,0,5.304,2.574,5.278,6.422,0,4.551-2.887,6.812-5.746,6.812-1.639,0-3.095-.624-4.005-2.184h-.052l-.156,1.897h-2.729ZM137.512,13.235c0,.26.026.52.078.754.338,1.273,1.456,2.235,2.834,2.235,2.002,0,3.225-1.611,3.225-4.16,0-2.236-1.066-4.056-3.198-4.056-1.301,0-2.471.936-2.834,2.34-.053.234-.104.521-.104.832v2.055Z'/%3E%3Cpath class='st1' d='M151.317,5.798l2.288,6.787c.261.78.521,1.742.702,2.47h.078c.208-.728.442-1.664.676-2.496l1.977-6.76h3.432l-3.172,8.632c-1.742,4.732-2.912,6.839-4.42,8.139-1.248,1.118-2.548,1.534-3.354,1.638l-.728-2.704c.546-.13,1.222-.416,1.872-.884.598-.39,1.3-1.144,1.742-2.002.13-.234.208-.416.208-.572,0-.13-.026-.312-.183-.624l-4.628-11.623h3.51Z'/%3E%3Cpath class='st1' d='M180.386,17.941c-.754.39-2.418.779-4.523.779-5.564,0-8.945-3.483-8.945-8.814,0-5.772,4.005-9.256,9.361-9.256,2.105,0,3.613.442,4.264.78l-.702,2.548c-.832-.364-1.976-.676-3.432-.676-3.562,0-6.137,2.236-6.137,6.448,0,3.848,2.263,6.319,6.11,6.319,1.3,0,2.652-.261,3.484-.65l.52,2.522Z'/%3E%3Cpath class='st1' d='M189.876,18.461l-.207-1.404h-.078c-.78.988-2.106,1.69-3.744,1.69-2.549,0-3.979-1.846-3.979-3.771,0-3.197,2.834-4.81,7.515-4.784v-.208c0-.832-.339-2.21-2.574-2.21-1.248,0-2.548.39-3.406.936l-.624-2.08c.936-.572,2.574-1.118,4.576-1.118,4.056,0,5.227,2.574,5.227,5.33v4.576c0,1.145.052,2.262.182,3.042h-2.887ZM189.46,12.272c-2.262-.052-4.42.442-4.42,2.366,0,1.248.807,1.82,1.82,1.82,1.274,0,2.21-.832,2.496-1.742.078-.233.104-.494.104-.702v-1.742Z'/%3E%3Cpath class='st1' d='M195.959,9.881c0-1.716-.025-2.938-.104-4.083h2.782l.104,2.418h.104c.624-1.794,2.105-2.704,3.458-2.704.312,0,.494.026.754.078v3.016c-.26-.052-.546-.104-.937-.104-1.534,0-2.573.988-2.859,2.418-.053.286-.104.624-.104.988v6.552h-3.198v-8.58Z'/%3E%3Cpath class='st1' d='M216.656,0v14.899c0,1.3.052,2.704.104,3.562h-2.859l-.13-2.002h-.053c-.754,1.404-2.288,2.288-4.134,2.288-3.017,0-5.408-2.574-5.408-6.475-.026-4.238,2.626-6.76,5.668-6.76,1.742,0,2.99.728,3.562,1.664h.052V0h3.198ZM213.458,11.077c0-.261-.026-.572-.078-.833-.286-1.248-1.3-2.262-2.756-2.262-2.055,0-3.198,1.82-3.198,4.187,0,2.314,1.144,4.004,3.172,4.004,1.3,0,2.444-.884,2.757-2.262.077-.286.104-.599.104-.937v-1.897Z'/%3E%3C/g%3E%3C/svg%3E"); background-color: #2846F9; background-position: center; background-size: 149px auto; background-repeat: no-repeat; } /* credit card button selected */ .digital_wallet_form .en__field--paymenttype input[value="VI"]:checked + label, .digital_wallet_form .en__field--paymenttype .en__field__element--radio input[value="VI"]:checked + label { color: rgba(255,255,255,0); background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' width='216.76' height='24.207' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 216.76 24.207'%3E%3C!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B fill: %23fff; %7D .st2 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' y='.12' width='29.6' height='20'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='credit-card-icon-gray'%3E%3Cg id='cc-icon'%3E%3Cg class='st2'%3E%3Cg id='Group_11'%3E%3Cpath id='Path_21' class='st1' d='M25.8.12H3.8C1.7.12,0,1.82,0,3.92v12.4c0,2.1,1.7,3.8,3.8,3.8h22c2.1,0,3.8-1.7,3.8-3.8V3.92c0-2.1-1.7-3.8-3.8-3.8M3.8,2.42h22c.8,0,1.5.7,1.5,1.5v1.6H2.3v-1.6c0-.8.7-1.5,1.5-1.5ZM25.8,17.82H3.8c-.8,0-1.5-.7-1.5-1.5v-7.6h25v7.6c0,.8-.7,1.5-1.5,1.5h0Z'/%3E%3Cpath id='Path_22' class='st1' d='M7.4,13.42h-2.2c-.6,0-1.1.5-1.1,1.1s.5,1.1,1.1,1.1h2.2c.6,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1'/%3E%3Cpath id='Path_23' class='st1' d='M17,13.42h-5.7c-.6,0-1.1.5-1.1,1.1s.5,1.1,1.1,1.1h5.7c.6,0,1.1-.5,1.1-1.1.1-.6-.5-1.1-1.1-1.1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M46.331,1.17c1.404-.234,3.198-.364,5.096-.364,3.276,0,5.538.676,7.15,2.028,1.69,1.378,2.73,3.458,2.73,6.448,0,3.121-1.066,5.46-2.73,6.968-1.742,1.586-4.524,2.393-7.93,2.393-1.872,0-3.276-.104-4.316-.234V1.17ZM49.529,16.017c.442.078,1.118.078,1.768.078,4.16.026,6.63-2.262,6.63-6.708.026-3.874-2.21-6.084-6.214-6.084-1.014,0-1.742.078-2.184.182v12.532Z'/%3E%3Cpath class='st1' d='M75.997,12.013c0,4.654-3.276,6.734-6.5,6.734-3.588,0-6.344-2.47-6.344-6.526,0-4.16,2.73-6.708,6.552-6.708,3.77,0,6.292,2.652,6.292,6.5ZM66.455,12.143c0,2.444,1.196,4.29,3.146,4.29,1.82,0,3.094-1.794,3.094-4.342,0-1.976-.884-4.238-3.068-4.238-2.262,0-3.172,2.184-3.172,4.29Z'/%3E%3Cpath class='st1' d='M78.623,9.568c0-1.456-.026-2.678-.104-3.77h2.809l.156,1.898h.077c.546-.988,1.925-2.184,4.03-2.184,2.21,0,4.498,1.43,4.498,5.435v7.514h-3.197v-7.15c0-1.82-.677-3.198-2.419-3.198-1.273,0-2.157.91-2.496,1.872-.104.286-.13.677-.13,1.04v7.437h-3.224v-8.893Z'/%3E%3Cpath class='st1' d='M100.618,18.461l-.207-1.404h-.078c-.78.988-2.106,1.69-3.744,1.69-2.549,0-3.979-1.846-3.979-3.771,0-3.197,2.834-4.81,7.515-4.784v-.208c0-.832-.339-2.21-2.574-2.21-1.248,0-2.548.39-3.406.936l-.624-2.08c.936-.572,2.574-1.118,4.576-1.118,4.056,0,5.227,2.574,5.227,5.33v4.576c0,1.145.052,2.262.182,3.042h-2.887ZM100.202,12.272c-2.262-.052-4.42.442-4.42,2.366,0,1.248.807,1.82,1.82,1.82,1.274,0,2.21-.832,2.496-1.742.078-.233.104-.494.104-.702v-1.742Z'/%3E%3Cpath class='st1' d='M110.212,2.185v3.614h3.043v2.392h-3.043v5.591c0,1.534.416,2.34,1.639,2.34.546,0,.962-.078,1.248-.156l.052,2.444c-.468.182-1.3.312-2.314.312-1.17,0-2.157-.39-2.756-1.04-.676-.728-.988-1.872-.988-3.536v-5.954h-1.819v-2.392h1.819v-2.86l3.12-.754Z'/%3E%3Cpath class='st1' d='M117.779,13.027c.077,2.288,1.872,3.275,3.899,3.275,1.482,0,2.549-.208,3.511-.571l.468,2.21c-1.092.441-2.6.779-4.42.779-4.108,0-6.526-2.521-6.526-6.395,0-3.511,2.132-6.812,6.188-6.812,4.107,0,5.46,3.38,5.46,6.162,0,.598-.052,1.066-.104,1.353h-8.476ZM123.343,10.791c.026-1.17-.494-3.095-2.626-3.095-1.976,0-2.808,1.794-2.937,3.095h5.563Z'/%3E%3Cpath class='st1' d='M134.21,18.461c.052-.857.104-2.262.104-3.562V0h3.198v7.541h.052c.78-1.222,2.158-2.028,4.057-2.028,3.094,0,5.304,2.574,5.278,6.422,0,4.551-2.887,6.812-5.746,6.812-1.639,0-3.095-.624-4.005-2.184h-.052l-.156,1.897h-2.729ZM137.512,13.235c0,.26.026.52.078.754.338,1.273,1.456,2.235,2.834,2.235,2.002,0,3.225-1.611,3.225-4.16,0-2.236-1.066-4.056-3.198-4.056-1.301,0-2.471.936-2.834,2.34-.053.234-.104.521-.104.832v2.055Z'/%3E%3Cpath class='st1' d='M151.317,5.798l2.288,6.787c.261.78.521,1.742.702,2.47h.078c.208-.728.442-1.664.676-2.496l1.977-6.76h3.432l-3.172,8.632c-1.742,4.732-2.912,6.839-4.42,8.139-1.248,1.118-2.548,1.534-3.354,1.638l-.728-2.704c.546-.13,1.222-.416,1.872-.884.598-.39,1.3-1.144,1.742-2.002.13-.234.208-.416.208-.572,0-.13-.026-.312-.183-.624l-4.628-11.623h3.51Z'/%3E%3Cpath class='st1' d='M180.386,17.941c-.754.39-2.418.779-4.523.779-5.564,0-8.945-3.483-8.945-8.814,0-5.772,4.005-9.256,9.361-9.256,2.105,0,3.613.442,4.264.78l-.702,2.548c-.832-.364-1.976-.676-3.432-.676-3.562,0-6.137,2.236-6.137,6.448,0,3.848,2.263,6.319,6.11,6.319,1.3,0,2.652-.261,3.484-.65l.52,2.522Z'/%3E%3Cpath class='st1' d='M189.876,18.461l-.207-1.404h-.078c-.78.988-2.106,1.69-3.744,1.69-2.549,0-3.979-1.846-3.979-3.771,0-3.197,2.834-4.81,7.515-4.784v-.208c0-.832-.339-2.21-2.574-2.21-1.248,0-2.548.39-3.406.936l-.624-2.08c.936-.572,2.574-1.118,4.576-1.118,4.056,0,5.227,2.574,5.227,5.33v4.576c0,1.145.052,2.262.182,3.042h-2.887ZM189.46,12.272c-2.262-.052-4.42.442-4.42,2.366,0,1.248.807,1.82,1.82,1.82,1.274,0,2.21-.832,2.496-1.742.078-.233.104-.494.104-.702v-1.742Z'/%3E%3Cpath class='st1' d='M195.959,9.881c0-1.716-.025-2.938-.104-4.083h2.782l.104,2.418h.104c.624-1.794,2.105-2.704,3.458-2.704.312,0,.494.026.754.078v3.016c-.26-.052-.546-.104-.937-.104-1.534,0-2.573.988-2.859,2.418-.053.286-.104.624-.104.988v6.552h-3.198v-8.58Z'/%3E%3Cpath class='st1' d='M216.656,0v14.899c0,1.3.052,2.704.104,3.562h-2.859l-.13-2.002h-.053c-.754,1.404-2.288,2.288-4.134,2.288-3.017,0-5.408-2.574-5.408-6.475-.026-4.238,2.626-6.76,5.668-6.76,1.742,0,2.99.728,3.562,1.664h.052V0h3.198ZM213.458,11.077c0-.261-.026-.572-.078-.833-.286-1.248-1.3-2.262-2.756-2.262-2.055,0-3.198,1.82-3.198,4.187,0,2.314,1.144,4.004,3.172,4.004,1.3,0,2.444-.884,2.757-2.262.077-.286.104-.599.104-.937v-1.897Z'/%3E%3C/g%3E%3C/svg%3E"); background-color: #142BB5; background-position: center; background-size: 149px auto; background-repeat: no-repeat; } /* credit card button grey */ .digital_wallet_form .en__field--paymenttype input.paymenttype_VI_grey[value="VI"] + label, .digital_wallet_form .en__field--paymenttype .en__field__element--radio input.paymenttype_VI_grey[value="VI"] + label { color: rgba(255,255,255,0); background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' width='216.759' height='24.207' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 216.759 24.207'%3E%3C!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; %7D .st1 %7B fill: %23737373; %7D .st2 %7B clip-path: url(%23clippath); %7D %3C/style%3E%3CclipPath id='clippath'%3E%3Crect class='st0' y='.12' width='29.6' height='20'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='credit-card-icon-gray'%3E%3Cg id='cc-icon'%3E%3Cg class='st2'%3E%3Cg id='Group_11'%3E%3Cpath id='Path_21' class='st1' d='M25.8.12H3.8C1.7.12,0,1.82,0,3.92v12.4c0,2.1,1.7,3.8,3.8,3.8h22c2.1,0,3.8-1.7,3.8-3.8V3.92c0-2.1-1.7-3.8-3.8-3.8M3.8,2.42h22c.8,0,1.5.7,1.5,1.5v1.6H2.3v-1.6c0-.8.7-1.5,1.5-1.5ZM25.8,17.82H3.8c-.8,0-1.5-.7-1.5-1.5v-7.6h25v7.6c0,.8-.7,1.5-1.5,1.5h0Z'/%3E%3Cpath id='Path_22' class='st1' d='M7.4,13.42h-2.2c-.6,0-1.1.5-1.1,1.1s.5,1.1,1.1,1.1h2.2c.6,0,1.1-.5,1.1-1.1s-.5-1.1-1.1-1.1'/%3E%3Cpath id='Path_23' class='st1' d='M17,13.42h-5.7c-.6,0-1.1.5-1.1,1.1s.5,1.1,1.1,1.1h5.7c.6,0,1.1-.5,1.1-1.1.1-.6-.5-1.1-1.1-1.1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class='st1' d='M46.331,1.17c1.404-.234,3.198-.364,5.096-.364,3.276,0,5.538.676,7.15,2.028,1.69,1.378,2.73,3.458,2.73,6.448,0,3.121-1.066,5.46-2.73,6.968-1.742,1.586-4.524,2.393-7.93,2.393-1.872,0-3.276-.104-4.316-.234V1.17ZM49.529,16.017c.442.078,1.118.078,1.768.078,4.16.026,6.63-2.262,6.63-6.708.026-3.874-2.21-6.084-6.214-6.084-1.014,0-1.742.078-2.184.182v12.532Z'/%3E%3Cpath class='st1' d='M75.997,12.013c0,4.654-3.276,6.734-6.5,6.734-3.588,0-6.344-2.47-6.344-6.526,0-4.16,2.73-6.708,6.552-6.708,3.77,0,6.292,2.652,6.292,6.5ZM66.455,12.143c0,2.444,1.196,4.29,3.146,4.29,1.82,0,3.094-1.794,3.094-4.342,0-1.976-.884-4.238-3.068-4.238-2.262,0-3.172,2.184-3.172,4.29Z'/%3E%3Cpath class='st1' d='M78.623,9.568c0-1.456-.026-2.678-.104-3.77h2.809l.156,1.898h.077c.546-.988,1.925-2.184,4.03-2.184,2.21,0,4.498,1.43,4.498,5.435v7.514h-3.197v-7.15c0-1.82-.677-3.198-2.419-3.198-1.273,0-2.157.91-2.496,1.872-.104.286-.13.677-.13,1.04v7.437h-3.224v-8.893Z'/%3E%3Cpath class='st1' d='M100.618,18.461l-.207-1.404h-.078c-.78.988-2.106,1.69-3.744,1.69-2.549,0-3.979-1.846-3.979-3.771,0-3.197,2.834-4.81,7.515-4.784v-.208c0-.832-.339-2.21-2.574-2.21-1.248,0-2.548.39-3.406.936l-.624-2.08c.936-.572,2.574-1.118,4.576-1.118,4.056,0,5.227,2.574,5.227,5.33v4.576c0,1.145.052,2.262.182,3.042h-2.887ZM100.202,12.272c-2.262-.052-4.42.442-4.42,2.366,0,1.248.807,1.82,1.82,1.82,1.274,0,2.21-.832,2.496-1.742.078-.233.104-.494.104-.702v-1.742Z'/%3E%3Cpath class='st1' d='M110.212,2.185v3.614h3.043v2.392h-3.043v5.591c0,1.534.416,2.34,1.639,2.34.546,0,.962-.078,1.248-.156l.052,2.444c-.468.182-1.3.312-2.314.312-1.17,0-2.157-.39-2.756-1.04-.676-.728-.988-1.872-.988-3.536v-5.954h-1.819v-2.392h1.819v-2.86l3.12-.754Z'/%3E%3Cpath class='st1' d='M117.779,13.027c.077,2.288,1.872,3.275,3.899,3.275,1.482,0,2.549-.208,3.511-.571l.468,2.21c-1.092.441-2.6.779-4.42.779-4.108,0-6.526-2.521-6.526-6.395,0-3.511,2.132-6.812,6.188-6.812,4.107,0,5.46,3.38,5.46,6.162,0,.598-.052,1.066-.104,1.353h-8.476ZM123.343,10.791c.026-1.17-.494-3.095-2.626-3.095-1.976,0-2.808,1.794-2.937,3.095h5.563Z'/%3E%3Cpath class='st1' d='M134.21,18.461c.052-.857.104-2.262.104-3.562V0h3.198v7.541h.052c.78-1.222,2.158-2.028,4.057-2.028,3.094,0,5.304,2.574,5.278,6.422,0,4.551-2.887,6.812-5.746,6.812-1.639,0-3.095-.624-4.005-2.184h-.052l-.156,1.897h-2.729ZM137.512,13.235c0,.26.026.52.078.754.338,1.273,1.456,2.235,2.834,2.235,2.002,0,3.225-1.611,3.225-4.16,0-2.236-1.066-4.056-3.198-4.056-1.301,0-2.471.936-2.834,2.34-.053.234-.104.521-.104.832v2.055Z'/%3E%3Cpath class='st1' d='M151.317,5.798l2.288,6.787c.261.78.521,1.742.702,2.47h.078c.208-.728.442-1.664.676-2.496l1.977-6.76h3.432l-3.172,8.632c-1.742,4.732-2.912,6.839-4.42,8.139-1.248,1.118-2.548,1.534-3.354,1.638l-.728-2.704c.546-.13,1.222-.416,1.872-.884.598-.39,1.3-1.144,1.742-2.002.13-.234.208-.416.208-.572,0-.13-.026-.312-.183-.624l-4.628-11.623h3.51Z'/%3E%3Cpath class='st1' d='M180.386,17.941c-.754.39-2.418.779-4.523.779-5.564,0-8.945-3.483-8.945-8.814,0-5.772,4.005-9.256,9.361-9.256,2.105,0,3.613.442,4.264.78l-.702,2.548c-.832-.364-1.976-.676-3.432-.676-3.562,0-6.137,2.236-6.137,6.448,0,3.848,2.263,6.319,6.11,6.319,1.3,0,2.652-.261,3.484-.65l.52,2.522Z'/%3E%3Cpath class='st1' d='M189.876,18.461l-.207-1.404h-.078c-.78.988-2.106,1.69-3.744,1.69-2.549,0-3.979-1.846-3.979-3.771,0-3.197,2.834-4.81,7.515-4.784v-.208c0-.832-.339-2.21-2.574-2.21-1.248,0-2.548.39-3.406.936l-.624-2.08c.936-.572,2.574-1.118,4.576-1.118,4.056,0,5.227,2.574,5.227,5.33v4.576c0,1.145.052,2.262.182,3.042h-2.887ZM189.46,12.272c-2.262-.052-4.42.442-4.42,2.366,0,1.248.807,1.82,1.82,1.82,1.274,0,2.21-.832,2.496-1.742.078-.233.104-.494.104-.702v-1.742Z'/%3E%3Cpath class='st1' d='M195.959,9.881c0-1.716-.025-2.938-.104-4.083h2.782l.104,2.418h.104c.624-1.794,2.105-2.704,3.458-2.704.312,0,.494.026.754.078v3.016c-.26-.052-.546-.104-.937-.104-1.534,0-2.573.988-2.859,2.418-.053.286-.104.624-.104.988v6.552h-3.198v-8.58Z'/%3E%3Cpath class='st1' d='M216.656,0v14.899c0,1.3.052,2.704.104,3.562h-2.859l-.13-2.002h-.053c-.754,1.404-2.288,2.288-4.134,2.288-3.017,0-5.408-2.574-5.408-6.475-.026-4.238,2.626-6.76,5.668-6.76,1.742,0,2.99.728,3.562,1.664h.052V0h3.198ZM213.458,11.077c0-.261-.026-.572-.078-.833-.286-1.248-1.3-2.262-2.756-2.262-2.055,0-3.198,1.82-3.198,4.187,0,2.314,1.144,4.004,3.172,4.004,1.3,0,2.444-.884,2.757-2.262.077-.286.104-.599.104-.937v-1.897Z'/%3E%3C/g%3E%3C/svg%3E"); background-color: #DEDEDE; background-position: center; background-size: 149px auto; background-repeat: no-repeat; } /* paypal button */ .digital_wallet_form .en__field--paymenttype input[value="paypal"] + label { color: rgba(255,255,255,0); background-image: url("data:image/svg+xml,%3Csvg id='paypal-logo' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='97.787' height='26.335' viewBox='0 0 97.787 26.335'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_18' data-name='Rectangle 18' width='97.787' height='26.335' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_6' data-name='Group 6' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_15' data-name='Path 15' d='M3.865,0A.577.577,0,0,0,3.3.487L.006,21.347a.534.534,0,0,0,.445.61.544.544,0,0,0,.083.006h3.9A.577.577,0,0,0,5,21.476l.966-6.126a.577.577,0,0,1,.57-.487h3.546a8.411,8.411,0,0,0,8.3-7.12C19.039,3.612,15.811.009,11.236,0ZM7.657,4.657h2.837c2.336,0,3.1,1.378,2.856,2.9s-1.422,2.653-3.682,2.653H6.781ZM26.324,6.075a8.8,8.8,0,0,0-8.306,6.3s-1.894,5.592,2.386,8.665a7.308,7.308,0,0,0,8.438-.182l-.077.49a.534.534,0,0,0,.527.617H33a.577.577,0,0,0,.57-.487L35.818,7.192a.534.534,0,0,0-.527-.618h-3.7a.577.577,0,0,0-.57.487L30.9,7.83a6.431,6.431,0,0,0-4.573-1.756Zm.121,4.512a3.791,3.791,0,0,1,1.163.171,3.275,3.275,0,0,1,2.242,3.712,4.148,4.148,0,0,1-4.158,3.557,3.8,3.8,0,0,1-1.163-.17,3.279,3.279,0,0,1-2.247-3.712,4.154,4.154,0,0,1,4.163-3.558Z' transform='translate(0.001)' fill='%23003087'/%3E%3Cpath id='Path_16' data-name='Path 16' d='M498.227,0a.577.577,0,0,0-.57.487l-3.289,20.859a.534.534,0,0,0,.445.61.545.545,0,0,0,.083.006h3.9a.577.577,0,0,0,.57-.487l.966-6.126a.577.577,0,0,1,.57-.487h3.547a8.41,8.41,0,0,0,8.3-7.12C513.4,3.612,510.173.009,505.6,0Zm3.792,4.657h2.838c2.336,0,3.1,1.378,2.856,2.9s-1.422,2.653-3.682,2.653h-2.888Zm18.667,1.418a8.8,8.8,0,0,0-8.306,6.3s-1.894,5.592,2.387,8.665a7.307,7.307,0,0,0,8.438-.182l-.077.49a.534.534,0,0,0,.445.61.543.543,0,0,0,.083.006h3.7a.577.577,0,0,0,.57-.487l2.253-14.285a.534.534,0,0,0-.444-.611.528.528,0,0,0-.084-.007h-3.7a.577.577,0,0,0-.57.487l-.121.769a6.431,6.431,0,0,0-4.573-1.756Zm.121,4.512a3.791,3.791,0,0,1,1.163.171,3.275,3.275,0,0,1,2.242,3.712,4.148,4.148,0,0,1-4.158,3.557,3.8,3.8,0,0,1-1.163-.17,3.279,3.279,0,0,1-2.247-3.712,4.154,4.154,0,0,1,4.163-3.558Z' transform='translate(-441.035)' fill='%230070e0'/%3E%3Cpath id='Path_17' data-name='Path 17' d='M344.758,60.941a.434.434,0,0,0-.413.566l4.06,12.6-3.671,5.937a.433.433,0,0,0,.368.66h4.339a.722.722,0,0,0,.617-.348L361.4,61.6a.433.433,0,0,0-.371-.657h-4.338a.722.722,0,0,0-.621.354L351.6,68.83l-2.266-7.479a.578.578,0,0,0-.552-.41Z' transform='translate(-307.183 -54.367)' fill='%23003087'/%3E%3Cpath id='Path_18' data-name='Path 18' d='M833.452,0a.577.577,0,0,0-.57.487l-3.29,20.859a.534.534,0,0,0,.444.611.528.528,0,0,0,.084.007h3.9a.577.577,0,0,0,.57-.487L837.88.617a.534.534,0,0,0-.445-.61A.519.519,0,0,0,837.353,0Z' transform='translate(-740.099 0)' fill='%230070e0'/%3E%3C/g%3E%3C/svg%3E%0A"); background-color: #FFD140; background-position: center 18px; background-size: 80px auto; background-repeat: no-repeat; } /* paypal button selected */ .digital_wallet_form .en__field--paymenttype input[value="paypal"]:checked + label, .digital_wallet_form .en__field--paymenttype .en__field__element--radio input[value="paypal"]:checked + label { color: rgba(255,255,255,0); background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 28.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='paypal-logo-gray' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='97.8px' height='26.3px' viewBox='0 0 97.8 26.3' style='enable-background:new 0 0 97.8 26.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_00000005953510845660064070000006705732667030980745_);%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='97.8' height='26.3'/%3E%3C/defs%3E%3CclipPath id='SVGID_00000010308113801941722270000015818275945277317286_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg id='Group_6' style='clip-path:url(%23SVGID_00000010308113801941722270000015818275945277317286_);'%3E%3Cpath id='Path_15' class='st1' d='M3.9,0C3.6,0,3.3,0.2,3.3,0.5L0,21.3c0,0.3,0.2,0.6,0.4,0.6c0,0,0.1,0,0.1,0h3.9 C4.7,22,5,21.8,5,21.5l1-6.1c0-0.3,0.3-0.5,0.6-0.5h3.5c4.1,0,7.7-3,8.3-7.1C19,3.6,15.8,0,11.2,0H3.9z M7.7,4.7h2.8 c2.3,0,3.1,1.4,2.9,2.9s-1.4,2.7-3.7,2.7H6.8L7.7,4.7z M26.3,6.1c-3.8,0.1-7.2,2.6-8.3,6.3c0,0-1.9,5.6,2.4,8.7 c2.6,1.7,5.9,1.7,8.4-0.2l-0.1,0.5c0,0.3,0.2,0.6,0.4,0.6c0,0,0.1,0,0.1,0H33c0.3,0,0.5-0.2,0.6-0.5l2.2-14.3 c0-0.3-0.2-0.6-0.4-0.6c0,0-0.1,0-0.1,0h-3.7c-0.3,0-0.5,0.2-0.6,0.5l-0.1,0.8C29.7,6.7,28,6,26.3,6.1L26.3,6.1z M26.4,10.6 c0.4,0,0.8,0.1,1.2,0.2c1.6,0.5,2.5,2.1,2.2,3.7c-0.3,2.1-2.1,3.6-4.2,3.6c-0.4,0-0.8-0.1-1.2-0.2c-1.6-0.5-2.5-2.1-2.2-3.7 C22.6,12.1,24.4,10.6,26.4,10.6z'/%3E%3Cpath id='Path_16' class='st1' d='M57.2,0c-0.3,0-0.5,0.2-0.6,0.5l-3.3,20.9c0,0.3,0.2,0.6,0.4,0.6c0,0,0.1,0,0.1,0h3.9 c0.3,0,0.5-0.2,0.6-0.5l1-6.1c0-0.3,0.3-0.5,0.6-0.5h3.5c4.1,0,7.7-3,8.3-7.1C72.4,3.6,69.1,0,64.6,0H57.2z M61,4.7h2.8 c2.3,0,3.1,1.4,2.9,2.9s-1.4,2.7-3.7,2.7h-2.9L61,4.7z M79.7,6.1c-3.8,0.1-7.2,2.6-8.3,6.3c0,0-1.9,5.6,2.4,8.7 c2.6,1.7,5.9,1.7,8.4-0.2l-0.1,0.5c0,0.3,0.2,0.6,0.4,0.6c0,0,0.1,0,0.1,0h3.7c0.3,0,0.5-0.2,0.6-0.5l2.3-14.3 c0-0.3-0.2-0.6-0.4-0.6c0,0,0,0,0,0c0,0-0.1,0-0.1,0h-3.7c-0.3,0-0.5,0.2-0.6,0.5l-0.1,0.8C83,6.7,81.3,6,79.7,6.1L79.7,6.1z M79.8,10.6c0.4,0,0.8,0.1,1.2,0.2c1.6,0.5,2.5,2.1,2.2,3.7c-0.3,2.1-2.1,3.6-4.2,3.6c-0.4,0-0.8-0.1-1.2-0.2 c-1.6-0.5-2.5-2.1-2.2-3.7C75.9,12.1,77.7,10.6,79.8,10.6z'/%3E%3Cpath id='Path_17' class='st1' d='M37.6,6.6c-0.2,0-0.4,0.2-0.4,0.4c0,0,0,0.1,0,0.1l4.1,12.6l-3.7,5.9c-0.1,0.2-0.1,0.5,0.1,0.6 c0.1,0,0.1,0.1,0.2,0.1h4.3c0.3,0,0.5-0.1,0.6-0.3L54.2,7.2c0.1-0.2,0.1-0.5-0.1-0.6c-0.1,0-0.1-0.1-0.2-0.1h-4.3 c-0.3,0-0.5,0.1-0.6,0.4l-4.5,7.5L42.2,7c-0.1-0.2-0.3-0.4-0.6-0.4H37.6z'/%3E%3Cpath id='Path_18' class='st1' d='M93.4,0c-0.3,0-0.5,0.2-0.6,0.5l-3.3,20.9c0,0.3,0.2,0.6,0.4,0.6c0,0,0,0,0,0c0,0,0.1,0,0.1,0 h3.9c0.3,0,0.5-0.2,0.6-0.5l3.3-20.9c0-0.3-0.2-0.6-0.4-0.6c0,0-0.1,0-0.1,0H93.4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); background-color: #142BB5; background-position: center 18px; background-size: 80px auto; background-repeat: no-repeat; } /* paypal button grey */ .digital_wallet_form .en__field--paymenttype input.paymenttype_paypal_grey[value="paypal"] + label, .digital_wallet_form .en__field--paymenttype .en__field__element--radio input.paymenttype_paypal_grey[value="paypal"] + label { color: rgba(255,255,255,0); background-image: url("data:image/svg+xml,%3Csvg id='paypal-logo-gray' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='97.787' height='26.335' viewBox='0 0 97.787 26.335'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_18' data-name='Rectangle 18' width='97.787' height='26.335' fill='%23737373'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_6' data-name='Group 6' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_15' data-name='Path 15' d='M3.865,0A.577.577,0,0,0,3.3.487L.006,21.347a.534.534,0,0,0,.445.61.544.544,0,0,0,.083.006h3.9A.577.577,0,0,0,5,21.476l.966-6.126a.577.577,0,0,1,.57-.487h3.546a8.411,8.411,0,0,0,8.3-7.12C19.039,3.612,15.811.009,11.236,0ZM7.657,4.657h2.837c2.336,0,3.1,1.378,2.856,2.9s-1.422,2.653-3.682,2.653H6.781ZM26.324,6.075a8.8,8.8,0,0,0-8.306,6.3s-1.894,5.592,2.386,8.665a7.308,7.308,0,0,0,8.438-.182l-.077.49a.534.534,0,0,0,.527.617H33a.577.577,0,0,0,.57-.487L35.818,7.192a.534.534,0,0,0-.527-.618h-3.7a.577.577,0,0,0-.57.487L30.9,7.83a6.431,6.431,0,0,0-4.573-1.756Zm.121,4.512a3.791,3.791,0,0,1,1.163.171,3.275,3.275,0,0,1,2.242,3.712,4.148,4.148,0,0,1-4.158,3.557,3.8,3.8,0,0,1-1.163-.17,3.279,3.279,0,0,1-2.247-3.712,4.154,4.154,0,0,1,4.163-3.558Z' transform='translate(0.001)' fill='%23737373'/%3E%3Cpath id='Path_16' data-name='Path 16' d='M498.227,0a.577.577,0,0,0-.57.487l-3.289,20.859a.534.534,0,0,0,.445.61.545.545,0,0,0,.083.006h3.9a.577.577,0,0,0,.57-.487l.966-6.126a.577.577,0,0,1,.57-.487h3.547a8.41,8.41,0,0,0,8.3-7.12C513.4,3.612,510.173.009,505.6,0Zm3.792,4.657h2.838c2.336,0,3.1,1.378,2.856,2.9s-1.422,2.653-3.682,2.653h-2.888Zm18.667,1.418a8.8,8.8,0,0,0-8.306,6.3s-1.894,5.592,2.387,8.665a7.307,7.307,0,0,0,8.438-.182l-.077.49a.534.534,0,0,0,.445.61.543.543,0,0,0,.083.006h3.7a.577.577,0,0,0,.57-.487l2.253-14.285a.534.534,0,0,0-.444-.611.528.528,0,0,0-.084-.007h-3.7a.577.577,0,0,0-.57.487l-.121.769a6.431,6.431,0,0,0-4.573-1.756Zm.121,4.512a3.791,3.791,0,0,1,1.163.171,3.275,3.275,0,0,1,2.242,3.712,4.148,4.148,0,0,1-4.158,3.557,3.8,3.8,0,0,1-1.163-.17,3.279,3.279,0,0,1-2.247-3.712,4.154,4.154,0,0,1,4.163-3.558Z' transform='translate(-441.035)' fill='%23737373'/%3E%3Cpath id='Path_17' data-name='Path 17' d='M344.758,60.941a.434.434,0,0,0-.413.566l4.06,12.6-3.671,5.937a.433.433,0,0,0,.368.66h4.339a.722.722,0,0,0,.617-.348L361.4,61.6a.433.433,0,0,0-.371-.657h-4.338a.722.722,0,0,0-.621.354L351.6,68.83l-2.266-7.479a.578.578,0,0,0-.552-.41Z' transform='translate(-307.183 -54.367)' fill='%23737373'/%3E%3Cpath id='Path_18' data-name='Path 18' d='M833.452,0a.577.577,0,0,0-.57.487l-3.29,20.859a.534.534,0,0,0,.444.611.528.528,0,0,0,.084.007h3.9a.577.577,0,0,0,.57-.487L837.88.617a.534.534,0,0,0-.445-.61A.519.519,0,0,0,837.353,0Z' transform='translate(-740.099 0)' fill='%23737373'/%3E%3C/g%3E%3C/svg%3E%0A"); background-color: #DEDEDE; background-position: center 18px; background-size: 80px auto; background-repeat: no-repeat; } .digital_wallet_form .peta_submitBlock { display: flex; flex-direction: column; } .digital_wallet_form .peta_submitBlock div.donationTotalAndFrequency { order: 2; } .digital_wallet_form .peta_submitBlock div.donationMessage { order: 1; } .digital_wallet_form .peta_submitBlock div:has(.tipjar-wrapper) { order: 3; } .digital_wallet_form .peta_submitBlock div.en__submit { order: 4; } .digital_wallet_form .peta_submitBlock div#en__digitalWallet { order: 5; } .digital_wallet_form .peta_paypal_labels { display: none; } .digital_wallet_form .donationTotalAndFrequency{ display: none; } .digital_wallet_form .tipjar_hideTotal strong { display: none; } .digital_wallet_form #expressCheckout_address { margin: .5rem 0 1.5rem; } .digital_wallet_form .donationMessage, .digital_wallet_form .donationTotalAndFrequency { font-size:clamp(1.6rem,calc(1.46656rem + .278vw),1.8rem); margin: 0 0 1rem; } .digital_wallet_form #donationTotalContainer strong { font-weight: 700; } .digital_wallet_form .en__digitalWallet__container { margin: 0 0 .5rem; } .digital_wallet_form .peta_textTC { display: block; color: #888; font-size: 14px; line-height: 1.4; margin: 0 0 .5rem; } .digital_wallet_form .__PrivateStripeElement:focus-within { outline: 2px solid #0056b3; outline-offset: 4px; } .digital_wallet_form #en__field_transaction_ccnumber:focus-within { height:200px !important; } /* main content */ /* INTRO IMAGE CENTERED */ div.mainImg { width:100%; max-width: 800px; text-align: center; margin: 0 auto 1rem auto; } div.mainImg img { width: 100% !important; height: auto !important; padding:5px 0; } div.mainImg p { margin-top: .5rem; font-size: .75rem; line-height: 1.3; color: #595959; } @media screen and (max-width: 800px) { div.mainImg { display: block; float: none; width: 100%; margin: 0 auto 1em auto; } } /* INTRO IMAGE RIGHT ALIGNED */ div.mainImg_Right { float:right; max-width: 380px; text-align: center; margin: 0 0 1rem 1rem; } div.mainImg_Right img { width: 100% !important; height: auto !important; padding:5px 0; } div.mainImg_Right p { margin-top: .5rem; font-size: .75rem; line-height: 1.3; color: #595959; } @media screen and (max-width: 800px) { div.mainImg_Right { display: block; float: none; width: 100%; margin: 0 auto 1em auto; } } /* SHARE BUTTONS */ .share_container { display:block; text-align:center; } .share_container ul { margin:2rem auto 2rem auto !important; padding:0; } .share_container li { height: 50px; width: 150px; display: inline-block; margin-right:18px; image-rendering: -webkit-optimize-contrast; } .share_container li a { display:block; height: 50px; width: 150px; } #facebook { background: #1877f2 url(https://resources.peta.org/engaging-networks/pages/_shared/images/share-facebook-3x.png) center center no-repeat !important; background-size: 150px 50px !important; } #twitter { background: #000000 url(https://resources.peta.org/engaging-networks/pages/_shared/images/share-twitter-3x.png) center center no-repeat !important; background-size: 150px 50px !important; } #email { background: #20a886 url(https://resources.peta.org/engaging-networks/pages/_shared/images/share-email-3x.png) center center no-repeat !important; background-size: 150px 50px !important; } #facebook_sp { background: #1877f2 url(https://resources.peta.org/engaging-networks/pages/_shared/images/share-facebook-sp-3x.png) center center no-repeat !important; background-size: 150px 50px !important; } #twitter_sp { background: #000000 url(https://resources.peta.org/engaging-networks/pages/_shared/images/share-twitter-sp-3x.png) center center no-repeat !important; background-size: 150px 50px !important; } #email_sp { background: #20a886 url(https://resources.peta.org/engaging-networks/pages/_shared/images/share-email-sp-3x.png) center center no-repeat !important; background-size: 150px 50px !important; } #whatsapp { background: #1ebea5 url(https://resources.peta.org/engaging-networks/pages/_shared/images/share-whatsapp-3x.png) center center no-repeat!important; background-size: 150px 50px!important; } @media only screen and (max-width: 600px), only screen and (max-device-width: 600px) { .share_container ul { width:100%; } .share_container li { display: block; width: 100%; margin-right:0; margin-bottom:12px; } .share_container li a { width:100%; } } /* YOUTUBE VIDEO */ .video-container { position: relative; margin: 0px; border:none; z-index: 2; margin-bottom:1rem; } .video-fullwidth { padding-top: 30px; padding-bottom: 56.25%; height: 0; overflow: hidden; border:none; } .video-fullwidth iframe, .video-fullwidth object, .video-fullwidth embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:none; } /* footer */ .footer { font-weight:500; text-align: left; margin:1rem auto 0; padding: 0; background: #FFF !important; } .footer-border { border-top:1px solid #ccc; padding: 18px 0 0 0; } .footer-logo { display: block; margin: 6px 0 .25rem 0; } .footer-logo img { width:105px; height: auto; } .footer-text { width:100%; } .footer ul { list-style-type:none; margin:0; line-height:0; padding-bottom:0; } .footer ul li { display:inline-block; font-size: clamp(1.25rem,calc(1.25rem + .278vw),1.25rem); color:#ccc; margin: 0; margin-bottom:.125rem; padding: 0 10px 0 0; border-right: 1px solid #ccc; line-height:1.6; } .footer li a { color:#757575; } .footer .list-head { color: #757575; font-weight: 600; } .footer #last { color:#757575; border:none; } .footer a { color: #757575; text-decoration:none; font-weight:500; } .footer p { font-size: clamp(1.25rem,calc(1.25rem + .278vw),1.25rem); color:#757575; margin:.5rem 0 0 0; padding-bottom:0; line-height:1.6; } #photo-credit { font-size:1.25rem; color:#757575; text-align:left; margin-left:92px; padding:0 0 .5rem 5px; clear:left; } @media only screen and (max-width: 1039px) { .footer { padding: 0 10px 20px 10px; } } @media only screen and (max-width: 639px) { .footer { text-align: center; } .footer-logo { float:none; margin: 10px auto 15px auto; display:block; } .footer-text { width:auto; float:none; margin: 0 auto 1rem auto; } .footer ul li { display:block; text-align:center; margin: 0 0 .25rem 0; padding: 0; border-right: none; } .footer p { text-align:center; margin:1rem 0 0 0; } #photo-credit { text-align:center; margin-left:0; padding:0; } } /* magnific styles */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8 } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } .mfp-align-top .mfp-container:before { display: none } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045 } .mfp-container .mfp-content h2, .mfp-container .mfp-content h3, .mfp-container .mfp-content h4 { font-size: clamp(1.75rem,calc(1.75rem + .4vw),1.75rem)!important; margin-bottom: .25rem; } .mfp-container .mfp-content h2 strong, .mfp-container .mfp-content h3 strong, .mfp-container .mfp-content h4 strong { color: #3e6ab3; font-weight: 700; } .mfp-container .mfp-content p { margin: 0 auto 1rem; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto } .mfp-ajax-cur { cursor: progress } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in } .mfp-auto-cursor .mfp-content { cursor: auto } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none } .mfp-loading.mfp-figure { display: none } .mfp-hide { display: none !important } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044 } .mfp-preloader a { color: #CCC } .mfp-preloader a:hover { color: #FFF } .mfp-s-ready .mfp-preloader { display: none } .mfp-s-error .mfp-content { display: none } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation } button::-moz-focus-inner { padding: 0; border: 0 } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace } .mfp-close:hover, .mfp-close:focus { opacity: 1 } .mfp-close:active { top: 1px } .mfp-close-btn-in .mfp-close { color: #333 } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100% } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap } .mfp-arrow { position: absolute; opacity: .65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent } .mfp-arrow:active { margin-top: -54px } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1 } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: .7 } .mfp-arrow-left { left: 0 } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F } .mfp-arrow-right { right: 0 } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px } .mfp-iframe-holder .mfp-close { top: -40px } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25% } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #000 } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto } .mfp-figure { line-height: 0 } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #444 } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px } .mfp-figure figure { margin: 0 } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px } .mfp-image-holder .mfp-content { max-width: 100% } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer } @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0 } .mfp-img-mobile img.mfp-img { padding: 0 } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0 } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, .6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0 } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, .6); position: fixed; text-align: center; padding: 0 } } @media all and (max-width:900px) { .mfp-arrow { -webkit-transform: scale(.75); transform: scale(.75) } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0 } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100% } .mfp-container { padding-left: 6px; padding-right: 6px } } .cc-popup { position: relative; background: #fff; padding: 20px; width: auto; max-width: 500px; margin: 20px auto } .mfp-close:hover { background: transparent; } /* display widgets */ /* progress bar */ .enWidget.enWidget--progressBar { display: table; margin: 50px 0 1rem; padding:0; background: #e8e8e8; border-radius:3px; } .enWidget--progressBar .enWidget__copy--above { position:absolute; display:table-header-group; text-align: center; margin:-40px 0 0 0; left: 0; right: 0; } .enWidget--progressBar .enWidget__copy--above p { font-family: 'Raleway', Arial, Helvetica, sans-serif; color: #78a148; font-weight: bold; font-size: 1.25rem; line-height: 1.4; margin: 0 0 .8125rem 0; padding:0; text-align:center; } .enWidget--progressBar .enWidget__bar { padding: 0; width:auto; } .enWidget--progressBar .enWidget__progress { border: 1px solid #e8e8e8; min-width: auto; padding:2px 0 7px; } .enWidget__display { width: auto; display: table-cell; align-items: right; margin:0; padding:8px 10px 6px 15px; vertical-align: middle; } .enWidget--progressBar .enWidget__fill__count--squeezed { visibility:visible; } .enWidget--progressBar .enWidget__fill { width:auto !important; -webkit-transition: none; transition: none; display:inline-block; text-align:right; } .enWidget--progressBar .enWidget__fill__count { font-family: 'Mulish', Arial, Helvetica, sans-serif; font-weight:900; color: #78a148; font-size: 2.625rem; line-height: 1; margin:0; padding: 0; text-align: right; } .enWidget--progressBar .enWidget__copy--below { position:relative; display: table-cell; vertical-align: middle; width: auto; line-height: 1; padding:8px 0 10px; } .enWidget--progressBar .enWidget__copy--below p { font-family: 'Raleway', Arial, Helvetica, sans-serif; color: #069af8; font-weight: 600; line-height: 1.1; margin: 0 15px 0 0; padding-bottom:0; } @media only screen and (max-width: 1025px), only screen and (max-device-width: 1025px) { .enWidget--progressBar .enWidget__fill__count { font-size: 2rem; } } @media only screen and (max-width: 600px), only screen and (max-device-width: 600px) { .enWidget--progressBar .enWidget__fill__count { font-size: 2.625rem; } } @media only screen and (max-width: 400px), only screen and (max-device-width: 400px) { .enWidget--progressBar .enWidget__fill__count { font-size: 2.25rem; } } /* thermometer widget text (separate text block) */ .enWidget--thermometer--title { width: 80px; text-align: center; display: block; margin: 0 auto; padding-top:8px; } .enWidget--thermometer--title h4 { border-top:1px solid #ccc; font-size:11px; font-weight:600; padding:8px 0 0; margin:0; } .enWidget--thermometer--title p { font-size:19px; color:#c00; text-align:center; } .enWidget.enWidget--thermometer { margin-bottom: 22px; padding:20px 20px 0; } .enWidget--thermometer .enWidget__total { font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 20px; top:0; left:0; right:0; margin-top:0; margin-left:auto; margin-right:auto; padding: 197px 0 3px; text-align:center; position:absolute; z-index:1030; } /* hidden form content */ /* please include a description */ /* hidden fields */ .en__field--NOT_TAGGED_270 /* hide Asia honey pot */, .en__field--appealCode /* hide Appeal Code */ { display: none !important; } /* hidden labels */ .en__field--checkbox.en__field--question > .en__field__label:first-of-type /* opt in checkbox labels (peta enews, etc) */, .en__field--donationAmt > .en__field__label:first-of-type, /* Donation Amount label */ .en__field--recurrpay > .en__field__label:first-of-type, /* donation recurring payment label */ .en__field--checkbox.en__mandatory .en__field__element--checkbox label::after /* hides asterisk after checkbox */ { display:none !important; } /* exceptions */ .en__field--question.en__field--2032 > .en__field__label:first-of-type /* gift aid required */, .en__field--question.en__field--108865 > .en__field__label:first-of-type /* unsubscribe enews */ { display:inline-block !important; }