CINXE.COM

<!DOCTYPE html> <html> <head> <base href="https://action.lung.org/site/" /> <title> Donate - American Lung Association </title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta name="Keywords" content=" " /> <meta name="Description" content="Donate to help end lung disease and lung cancer and create a world where everyone can breathe easy. " /> <meta name="Robots" content="index, follow" /> <script type="text/javascript" src="../yui3/yui/yui-min.js"></script><noscript> </noscript> <script type="text/javascript" src="../js/convio/modules.js?version=2.9.2"></script><noscript> </noscript> <script type="text/javascript"> var Y = YUI({base: '../yui3/', insertBefore: 'yui_marker_loader_css', // insert all YUI module css before customstyle so it can be overridden debug: false, modules: getModules('../', 'convio', true, false)}); </script><noscript> </noscript> <script type="text/javascript" src="../js/utils.js"></script><noscript> </noscript> <script type="text/javascript" src="../js/obs_comp_rollup.js"></script><noscript> </noscript> <link href="../css/themes/default.css" rel="stylesheet" type="text/css" /> <link href="../css/themes/alphacube.css" rel="stylesheet" type="text/css"/> <link href="../css/UserGlobalStyle.css" rel="stylesheet" type="text/css" /> <link href="../css/UserIEStyle.css" rel="stylesheet" type="text/css" /> <link href="../css/responsive/ResponsiveBase.css" rel="stylesheet" type="text/css" /> <link href="../css/responsive/DonFormResponsive.css" rel="stylesheet" type="text/css" /> <link href="../css/FormComponentsBehavior.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../js/FormComponentsBehavior.js"></script><noscript> </noscript> <script type="text/javascript" src="../js/don_level_elements.js"></script><noscript> </noscript> <script type="text/javascript" src="../js/don_premium_elements.js"></script><noscript> </noscript> <script type="text/javascript" src="../js/donations2.js"></script><noscript> </noscript> <link rel="stylesheet" type="text/css" id="yui_marker_loader_css" /> <link href="../css/CustomStyle.css" rel="stylesheet" type="text/css" /> <link href="../css/CustomWysiwygStyle.css" rel="stylesheet" type="text/css" /> <meta name="CnvHeaderVersion" content="v5.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="canonical" href="https://action.lung.org/site/Donation2?df_id=31271&mfc_pref=T&31271.donation=form1"> <link rel="SHORTCUT ICON" href="https://action.lung.org/images/brand/favicon.ico"> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/../images/content/pagebuilder/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/../images/content/pagebuilder/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/../images/content/pagebuilder/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/../images/content/pagebuilder/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/../images/content/pagebuilder/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/../images/content/pagebuilder/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/../images/content/pagebuilder/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/../images/content/pagebuilder/apple-touch-icon-152x152.png"> <link rel="icon" type="image/png" href="/../images/content/pagebuilder/favicon-196x196.png" sizes="196x196"> <link rel="icon" type="image/png" href="/../images/content/pagebuilder/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/../images/content/pagebuilder/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/../images/content/pagebuilder/favicon-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="/../images/content/pagebuilder/favicon-128.png" sizes="128x128"> <meta name="application-name" content=" "> <meta name="msapplication-TileColor" content="#FFFFFF"> <meta name="msapplication-TileImage" content="/../images/content/pagebuilder/mstile-144x144.png"> <meta name="msapplication-square70x70logo" content="/../images/content/pagebuilder/mstile-70x70.png"> <meta name="msapplication-square150x150logo" content="/../images/content/pagebuilder/mstile-150x150.png"> <meta name="msapplication-wide310x150logo" content="/../images/content/pagebuilder/mstile-310x150.png"> <meta name="msapplication-square310x310logo" content="/../images/content/pagebuilder/mstile-310x310.png">  <script type="text/javascript" src="//cdn-4.convertexperiments.com/js/10043493-100411849.js"></script>  <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-P37QJ4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P37QJ4');</script>  <script> </script>  <link rel="stylesheet" type="text/css" href="/../css/style.min.css"> <link rel="stylesheet" href="https://d1azc1qln24ryf.cloudfront.net/179694/Lungorg/style-cf.css?2yjasd"> <style> *,*:focus,*:hover{outline:none;} div.responsive a:visited, div.responsive a:link {color: #0064ff;} div.responsive .btn:visited, div.responsive a.btn:visited {background: #0064ff; color: #fff; border: 3px solid #0064ff;} p:empty {display: none;} a {word-break: break-word; overflow-wrap: break-word; word-wrap: break-word;} input, textarea, select {color: #8d8d8d; border: 2px solid #d9d9d9;} input {background: #f6f6f6; filter: none;} input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px white inset !important; font-family: "Aeonik", Arial, sans-serif !important;} @-webkit-keyframes autofill { to {font-family: "Aeonik", Arial, sans-serif !important;} } input:-webkit-autofill {-webkit-animation-name: autofill; -webkit-animation-fill-mode: both;} textarea {background: #fff;} select {line-height: 1.25; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%230064ff' viewBox='0 0 24 24'><path d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/></svg>") no-repeat 95% 60% #f6f6f6; background-size: 14px; background-position: calc(100% - 20px) 50%; background-position: -webkit-calc(100% - 20px) 50%; background-position: -moz-calc(100% - 20px) 50%; background-position: -ms-calc(100% - 20px) 50%; background-position: -o-calc(100% - 20px) 50%; padding: 0 50px 0 20px !important; box-shadow: none; -webkit-box-shadow: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; height: 54px;} input:focus, textarea:focus, select:focus {color: #000; border-color: #0064ff !important; outline: none; -webkit-box-shadow: none; box-shadow: none;} button[disabled], input[type=submit]:disabled, input[disabled="disabled"] {background-color: #f6f6f6; border: 3px solid #d9d9d9; filter: none; background-image: none; color: #8d8d8d; pointer-events: none;} fieldset {border: 0 none; margin: 0; padding: 0;} fieldset>legend + table td input[type=checkbox] {position: inherit; left: auto; width: auto; height: auto; z-index: 10; opacity: 1; cursor: pointer; background: #fff;} .pbSkinM {top: 23px !important; left: auto !important; right: 0px !important;} .pbSkin1 {top: 0 !important; left: auto !important; right: 0px !important;} #stravaWidget {min-height: 454px;} .center {text-align: center;} .center img {margin: 0 auto;} .header-logo img {height: 33px;} .header-logo img.secondary-logo, .header-logo img#logo2 {margin-left: 6%; padding-left: 6%; display: inline-block; border-left: 1px solid #0d2354;} .header-logo img#logo2 {padding-bottom: 2px;} .header-logo img.secondary-logo.white, .header-logo img#logo2 {border-left: 1px solid #fff;} div.responsive span.field-error-text {font-size: 16px; font-size: 1rem; color: #d0021b;} a.white, div.responsive a.white:visited, div.responsive a.white:link {color: #fff;} .margin {margin-top: 25px;} .margin-bottom {margin-bottom: 25px;} .double-margin-top {margin-top: 25px;} .double-margin-bottom {margin-bottom: 25px;} .padding-top {padding-top: 25px;} .padding-bottom {padding-bottom: 25px;} .double-padding-top {padding-top: 25px;} .double-padding-bottom {padding-bottom: 25px;} .nav-open section.promo.promo-hero {margin-top: 60px;} .secondary-nav-submenu {margin: -5px 15px 0 !important; padding-bottom: 12px !important;} .secondary-nav-submenu li {font-weight: 400; padding-left: 20px !important; position: relative;} .secondary-nav-submenu li a {font-weight: 400 !important; padding: 3px 0 5px !important;} .secondary-nav-submenu li:before, .secondary-nav-submenu li:after {color: #0064ff; font-family: icomoon; position: absolute; top: 3px; left: 0;} .secondary-nav-submenu li:before {content: "\E928"; opacity: .081;} .secondary-nav-submenu li:after {content: "\E929";} .filter-bar label.large-label {font-size: 20px; font-size: 1.25rem; margin-bottom: 10px;} a.tel-link {white-space: nowrap;} p.footnote {font-size: 16px; font-size: 1rem; font-style: italic;} .margin-auto {margin: auto;} .cards--grid .card-outer .card h3[class*=bg-] {font-size: 24px; font-size: 1.5rem; color: #fff; margin: 0; padding: 15px 20px;} .cards--grid .card-outer .card h3.bg-secondary, .cards--grid .card-outer .card h3.bg-gray {color: #0d2354;} .cards--grid.lrg-hdln .card-content h3 {font-size: 24px; font-size: 1.5rem; max-width: none;} .card.card-callout .card-content h3 {margin-right: 0;} .card.card-callout .card-content .icon-arrow-right + h3 {margin-right: 40px;} .card.card-callout .card-content div.btn {margin-top: 15px;} .card-content h4 {font-size: 18px; font-size: 1.125rem;} .card-outer:hover h4, .card-outer:hover ul li:before, .card-outer:hover ul li:after, .card-outer:hover .card h3.bg-secondary, .card-outer:hover .card h3.bg-gray {color: #fff;} .card-outer:hover .card h3[class*=bg-] {background: #0064ff;} .card-outer:hover .card h3[class*=bg-]:after {content:""; display: block; border-bottom: 2px solid #fff; margin: 15px -20px -15px;} .card-outer:hover .btn {color: #0064ff; background: #fff; border: 3px solid #fff;} .card-content p:last-of-type + ul {margin: 0;} .cards--grid.lrg-hdln .card-content h3 + h4 {margin-top: -10px;} .card-outer:not(.no-link):link, .card-outer:not(.no-link):active, .card-outer:not(.no-link):focus, .card-outer:not(.no-link):hover {text-decoration: none; outline: none;} .bg-orchid {background: #eb8ced;} .bg-turquoise, .bg-turquoise>.promo-card {background: #2dc6d6;} .bg-turquoise.promo {background: transparent;} .promo[class*=tablet-].promo-hero .promo-card-img.default-img:before, .promo[class*=tablet-].promo-hero .promo-card .promo-card-img.default-img:after {content: none;} .card.icon-card .card-content .card-icon {margin: auto auto 20px; font-size: 0; width: 80px; height: 80px;} .card-icon.bg-accent {background: #0d2354;} .card.icon-card .card-content .card-icon:before {font-size: 48px; font-size: 3rem;} .card.icon-card .card-content.center h3, .card.icon-card .card-content.center p {text-align: center;} .card.icon-card .card-content.center h3 + p {margin: auto;} .card-outer:hover .card.icon-card .card-content.center h3 + p a {color: #fff;} .card-outer:hover .card.icon-card .card-content.center h3 + p a:hover {color: #fff;} a.btn.accent-btn:visited {background: #0d2354; border-color: #0d2354;} .form-group .input-type.col-md + .input-type.col-md {margin-top: 20px;} .form-group .input-type .required.error {margin: 0 0 5px; border: 2px solid #d0021b !important;} .form-group .input-type label.error {font-weight: 400 !important; margin-bottom: 0 !important;} .form-group .input-type label.error:before {margin-top: 4px; margin-right: 3px;} .border-box {border-style: solid; border-width: 2px; padding: 20px; border-radius: 4px; margin: 0 0 15px;} .border-box.lt-gray {border-color: #d9d9d9;} .border-box.left {text-align: left;} .card-content .border-box h3 {font-size: 22px; font-size: 1.375rem;} .card-content .border-box h3 + ol {margin: 0; padding: 0 0 0 15px;} .card-event.no-hover:active, .card-event.no-hover:focus, .card-event.no-hover:hover {-webkit-box-shadow: 0 2px 26px 0 rgb(0, 0, 0, .09); box-shadow: 0 2px 26px 0 rgb(0, 0, 0, .09);} .card-event.show-icon .card-content {padding: 30px 20px; display: block;} .card-event.show-icon .card-content .card-content-title-wrap {text-align: center;} .card-event.show-icon .card-icon.align-top {align-self: start; top: 0; position: relative; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex;} .display {font-weight: 400;} .h1 {font-size: 48px; font-size: 3rem;} .h2 {font-size: 32px; font-size: 2rem;} .h3 {font-size: 30px; font-size: 1.875rem;} .h4 {font-size: 26px; font-size: 1.625rem;} .h5 {font-size: 18px; font-size: 1.125rem;} .h6 {font-size: 16px; font-size: 1rem;} p.no-margin-bottom {margin-bottom: 0;} p.margin-bottom {margin-bottom: 15px;} p.margin-top {margin-top: 15px;} .medium-feature-txt {font-size: 40px; font-size: 2.5rem; line-height: 0.89; display: block;} .medium-feature-txt span.white {color: #FFFFFF;} .medium-feature-txt span.primary {color: #0064FF;} .medium-feature-txt span.accent {color: #0d2354;} .medium-feature-txt .subtitle {font-size: 16px; font-size: 1rem; line-height: 1.14; display: block; font-weight: 400; letter-spacing: 2px;} .medium-feature-txt p {font-size: 16px; font-size: 1rem; line-height: 1.36;} .medium-feature-txt .subtitle + p {margin-top: 5px !important;} .medium-feature-txt .bold {font-weight: 700;} .medium-feature-txt .extra-bold {font-weight: 900;} .medium-feature-txt .subtitle.no-letter-spacing {letter-spacing: normal;} .medium-feature-txt .title + .subtitle {margin-top: 10px;} .table-cell {display: table-cell;} /*-------------------- Featherlight ---------------------*/ .lightbox {display: none;} html.with-featherlight {overflow: hidden;} .featherlight {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; text-align: center; white-space: nowrap; cursor: pointer; overflow-x: hidden; overflow-y: scroll;} .featherlight:last-of-type {background: rgba(13, 35, 84, .8);} .featherlight:before {content: ''; vertical-align: middle; height: 100%; display: inline-block;} .featherlight .featherlight-content {position: relative; text-align: left; vertical-align: middle; display: inline-block; overflow: auto; margin-left: 5%; margin-right: 5%; max-height: 95%; cursor: auto; white-space: normal; overflow: visible; width: 100%;} .modaal-content-container .location-modal {padding: 0; background: #fff; border-bottom: 30px solid transparent;} .modaal-content-container .location-modal h3 {font-size: 40px; font-size: 2.5rem;} .modaal-content-container .location-modal h4 {font-size: 24px; font-size: 1.5rem;} .featherlight .featherlight-inner {display: block;} .featherlight link.featherlight-inner, .featherlight script.featherlight-inner, .featherlight style.featherlight-inner {display: none;} .featherlight .featherlight-close-icon {font-family: Aeonik, sans-serif; font-size: 21px; font-size: 1.5rem; font-weight: 700; line-height: 44px; color: #fff; text-align: center; background: #0064ff; opacity: 1; width: 44px; height: 44px; padding: 0; border: 0 none; border-radius: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; position: absolute; top: 15px; right: 15px; z-index: 9999; -webkit-appearance: none; cursor: pointer; text-transform: none; -webkit-font-smoothing: antialiased; letter-spacing: normal;} .featherlight .featherlight-close-icon::-moz-focus-inner {padding: 0 border: 0;} .featherlight .featherlight-image {width: 100%;} .featherlight-iframe .featherlight-content {padding: 0; border-bottom: 0; -webkit-overflow-scrolling: touch;} .featherlight iframe {border: 0;} .featherlight * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .modaal-content-container .location-modal p {font-size: 16px; color: #000;} .modaal-content-container .location-modal .or {font-style: italic; text-align: center; margin: 10px auto; display: block;} .modaal-content-container .location-modal .input-type label {font-weight: 700; line-height: 1.25; margin-bottom: 7px;} .modaal-content-container .location-modal .input-type input:not([type="submit"]), .modaal-content-container .location-modal .input-type select {width: 100%; padding: 0 20px;} #stateSelectList option {font-size: 16px; font-size: 1rem; border-bottom: 2px solid #ebebeb; color: #000; line-height: 35px; display: inline-block;} #stateSelectList option:after {content: ' '; display: block; border-bottom: 2px solid #ebebeb;} #stateSelectList option:hover {text-decoration: none; background-color: #f8f9fa;} #stateSelectList option:last-child {border-bottom: 0 none; color: #000;} .header {width: 100%;} .section-signup-donate {height: 100%; margin-right: -15px; padding-right: 15px;} .footer-nav li:hover {cursor: pointer;} .footer-nav li a {pointer-events: none;} .footer-nav li > ul li a {pointer-events: inherit;} .footer .footer-logo {display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -5px 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .footer .footer-logo-img img {max-height: 80px;} .widget-video {z-index: 1;} .widget-video .card-img .icon-play {font-size: 0;} .widget-video .card-img .icon-play:before {font-size: 28px; font-size: 1.75rem;} /*-------------------- Session Timeout ---------------------*/ .yui-panel-container {background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; vertical-align: middle; text-align: center; display: block; top: 0 !important; left: 0 !important;} .yui-overlay {top: 50%; margin: 0 auto; background: #ffffff; position: relative; width: 100% !important; max-width: 334px; padding: 30px; text-align: left; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%);} .yui-panel-container .container-close {position: absolute; background-color: #0064ff; color: #fff; height: 44px; width: 44px; right: 20px; top: 20px; color: #fff; cursor: pointer; opacity: 1; border-radius: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .yui-panel-container .container-close:before, .yui-panel-container .container-close:after {display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: #fff; -webkit-transition: background .2s ease-in-out; transition: background .2s ease-in-out; height: 22px; width: 3px; top: 11px; left: 21px; background: #fff;} .yui-panel-container .container-close:before {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} .yui-panel-container .container-close:after {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .yui-panel-container .hd {cursor: default !important; font-size: 32px; margin-bottom: 10px; color: #0d2354; font-family: Aeonik,Arial,sans-serif; font-weight: 700; margin: 0 0 15px; padding-right: 40px; line-height: 1.1;} .yui-panel-container .bd {font-size: 16px; padding-right: 40px; margin-bottom: 15px;} .yui-panel-container .bd .yui-icon.warnicon {display: none;} .yui-panel-container .ft .yui-button.yui-push-button {margin-bottom: 15px; display: block;} .yui-panel-container .ft .yui-button.yui-push-button + .yui-button.yui-push-button {margin-right: 0; margin-bottom: 0;} .yui-panel-container .ft .yui-button button {background-color: #0064ff; width: 100%; border: 3px solid #0064ff;} .yui-panel-container .ft .yui-button button:hover {background-color: transparent; border: 3px solid #0064ff;} .yui-panel-container .ft .yui-button button.yui-gen188-button {display: none;} .back-to-top:hover {background: #0d2354; color: #fff; text-decoration: underline;} .back-to-top:after {content: "\E90D"; font-size: 10px; font-size: .625rem; color: #fff; font-family: icomoon; margin-left: 10px; margin-top: -13px; display: inline-block;} .back-to-top:hover:after {text-decoration: none;} /*-------------------- Embedded Video ---------------------*/ .widget-video {padding-left: 0; padding-right: 0;} .widget-caption {font-size: 13px; font-size: .8125rem; line-height: 1.31; padding: 10px; background: #f6f6f6; display: block; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; height: 100%;} .widget-caption p {margin-bottom: 10px;} .widget-video-cta {font-size: 12px; font-size: .75rem; text-transform: uppercase; color: #0064ff; font-weight: 700;} .widget-video-cta .icon-play {font-size: 14px; font-size: .875rem; margin-left: 10px;} .modaal-wrapper {position: relative; z-index: 9998;} .modaal-wrapper.fixed {position: fixed; z-index: 999999;} .modaal-wrapper.location-modal .modaal-close {position: absolute; background-color: #0064FF; color: #FFFFFF; height: 44px; width: 44px;} .modaal-wrapper.location-modal .modaal-close:before, .modaal-wrapper.location-modal .modaal-close:after {height: 22px; width: 3px; top: 11px; left: 21px; background: white;} .modaal-wrapper.location-modal form input[type=submit] {max-width: none;} .modaal-wrapper.location-modal.fixed .modaal-content-container {padding: 75px 20px 0;} .modaal-wrapper.location-modal #thanksContent {display: none;} .modaal-overlay {opacity: 0.8;} .modaal-video-container {position: static;} .mobile-hide {display: none;} .section.no-padding-top {padding: 0 0 30px;} .section.no-padding-bottom {padding: 30px 0 0;} /*-------------------- Promos ---------------------*/ .promo.promo-section.double-padding-bottom {padding-bottom: 30px;} .promo.promo-section .promo-card-content div p {max-width: 50em !important; margin: 0 0 15px;} .promo.promo-section .promo-card-content div p:last-child {margin: 0;} .promo.promo-section .promo-card-content div a.text-link {font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: normal; text-transform: none; color: inherit; background: transparent; max-width: none; display: inline; margin: auto; padding: 0; border: 0 none; border-radius: 0;} .promo.promo-section .promo-card-content div a.text-link:hover {text-decoration: underline !important;} .promo.promo-section.why-we-need .promo-card-content div p {margin: 0 0 15px;} .promo-section.no-img.no-icon.promo-section .promo-card-content-wrap {margin-top: 40px;} .promo-section.no-img.no-icon.promo-section .promo-card-content-wrap a.btn, .promo-section.no-img.no-icon.promo-section .promo-card-content-wrap a.button {margin-bottom: 0 !important;} .promo-section.promo-section--left .promo-card-content {text-align: center;} .promo-section.promo-section--left .promo-card-content .promo-card-content-wrap {max-width: 1024px; margin: 0 auto; text-align: left; padding: 25px 25px 30px;} .promo-section.promo-section--center .promo-card-content .card-icon {font-size: 0px;} .promo-section.promo-section--center .promo-card-content .card-icon:before {font-size: 55px; font-size: 3.4375rem;} .card-event .card-icon {font-size: 0px;} .card-event .card-icon:before {font-size: 40px; font-size: 2.5rem;} .card-event .card-icon.align-top {align-self: start; top: 35px; position: relative;} .show-icon.position-left.promo-section.promo-section--center .promo-card-content .card-icon, .promo[class*=desktop-].promo-widget:not(.promo-card-framed):not(.promo-section--center).show-icon .card-icon {font-size: 0;} .show-icon.position-left.promo-section.promo-section--center .promo-card-content .card-icon:before {font-size: 120px; font-size: 7.5rem;} .bg-accent.show-icon.promo-section.promo-section--center .promo-card-content .card-icon:before {color: #fff;} .promo-section.promo-section--center.valign-center .promo-card-content .promo-card-content-wrap {align-items: center;} .promo[class*=desktop-].promo-widget:not(.promo-card-framed):not(.promo-section--center).show-icon .card-icon:before {font-size: 60px; font-size: 3.75rem;} .show-icon.position-left.promo-section.promo-section--center.bg-secondary .promo-card-content .card-icon, .show-icon.position-left.promo-section.promo-section--center.bg-secondary .promo-card-content .promo-card-content-txt, .show-icon.position-left.promo-section.promo-section--center.bg-secondary .promo-card-content .promo-card-content-txt h2, .show-icon.position-left.promo-section.promo-section--center.bg-secondary .promo-card-content .promo-card-content-txt p, .show-icon.position-left.promo-section.promo-section--center.bg-secondary .promo-card-content .promo-card-ctas a.btn:hover {color: #0d2354 !important;} .show-icon.position-left.promo-section.promo-section--center .promo-card-content .promo-card-ctas a.btn {margin-top: 10px !important; margin-bottom: 0 !important;} .cta-card.no-bk-img {background-image: none;} div.card-title {padding: 20px;} div.card-title.bg-primary, div.card-title.bg-accent {color: #fff;} div.card-title h3 {font-size: 24px; font-size: 1.5rem; color: #fff;} div.card-title h3.no-margin-bottom, div.card-title h3.no-margin-bottom + p {margin: 0;} .promo-section.promo-section--center.position-left .promo-card-content-wrap .card-image {margin: 20px auto 30px;} .card-content h2 {font-size: 32px; font-size: 2rem;} .card-content h3 {font-size: 20px; font-size: 1.25rem;} .card-content h3 + .btn, .card-content h3 + .button {margin-top: 15px;} .cta-card.bg-accent .btn:hover, .cta-card.bg-accent .button:hover {color: #0064ff; background: #fff;} section.therm-section + section.entry .position-up.promo.promo-section.no-img.double-margin-top {margin-top: 50px;} .promo-section.promo-section--center.position-left .promo-card-content-wrap .card-icon {margin: 0 auto 15px;} section.entry #fr_html_container section.promo[class*=desktop-].promo-section a.btn {margin-bottom: 0;} .promo[class*=desktop-].promo-section .promo-card-content.flip-mobile {-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;} .promo[class*=desktop-].promo-section .promo-card-content.flip-mobile + .promo-card-img {-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; line-height: 1.44;} .promo[class*=desktop-].promo-section.mobile-full-img .promo-card-img {padding-top: 80%;} .promo[class*=desktop-].promo-section.mobile-full-img .promo-card-img:after {content: "\E916"; font-family: icomoon; position: absolute; top: auto; bottom: -79%; left: -1px; right: 0; font-size: 42vw; color: #0d2354; -webkit-transform: scale(1, .3); -ms-transform: scale(-1, .3); transform: scale(-1, .3); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top;} .promo[class*=desktop-].desktop-top-left-corner.promo-widget:not(.promo-card-framed):not(.promo-section--center) .promo-card-content {padding-top: 15px;} .promos--grid .promo-section.promo-section--center.no-img.promo-section {margin-bottom: 30px;} .promos--grid .promo-section.promo-section--center .promo-card {height: 100%;} .promo-widget:not(.promo-card-framed).promo-cta-btns a.btn.wide-btn {max-width: 500px;} .promo-section.promo-section--center.bg-gray .promo-card-content {background: #f6f6f6; color: #000;} .promo-section.promo-section--center.bg-gray .promo-card-content a.btn:hover {color: #0064ff;} .promo-widget:not(.promo-card-framed).promo-cta-btns a.no-button {width: auto; color: #0064ff; max-width: none; text-transform: none; font-weight: inherit; margin: 0; margin-top: 0 !important; background: transparent; font-size: inherit; letter-spacing: normal; text-align: inherit; line-height: inherit; display: inline; border: 0 none; padding: 0;} .promo-widget:not(.promo-card-framed).promo-cta-btns a.no-button:hover {text-decoration: underline !important;} .promo.promo-section.bg-gray .promo-card .card-icon {color: #0d2354 !important;} .promo.promo-section.bg-gray .promo-card .card-icon .promo-section.promo-section--center.bg-gray .promo-card-content .promo-card-ctas a.btn:active, .promo-section.promo-section--center.bg-gray .promo-card-content .promo-card-ctas a.btn:focus {color: #0064ff;} .bg-shadow.promo-section {-webkit-box-shadow: 0 2px 26px 0 rgb(0,0,0,.09); box-shadow: 0 2px 26px 0 rgb(0,0,0,.09);} /*-------------------- Partner recognition ---------------------*/ .partner-recognition {font-size: 14px; font-size: .875rem; line-height: 1.44; margin: 30px 0 0;} .partner-recognition p {font-size: inherit; margin: 0 0 10px;} .partner-recognition .logo {max-width: 200px;} /*-------------------- Carousel ---------------------*/ .js .slider-single > div:nth-child(1n+2) {display: none;} .js .slider-single.slick-initialized > div:nth-child(1n+2) {display: block;} .slider-nav .slick-slide {cursor: pointer;} .slick-slide {outline: none;} /*-------------------- Utility Nav ---------------------*/ .nav-utilities {border-top: 1px solid #ebebeb;} .mobile-flip {order: 1;} /*-------------------- Filter Bar ---------------------*/ .filter-bar.center .filter-group {margin: 0 auto;} .filter-bar label {line-height: 1.2; white-space: normal;} .filter-bar .filter-group.full-width {-webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} /*-------------------- Person Listings ---------------------*/ .drop-shadow, .drop-shadow-promo {border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .09); box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .09);} .drop-shadow-promo .row {margin-left: 0; margin-right: 0;} .person-listing, .person-info {font-size: 18px; font-size: 1.125rem;} .person-info {color: #0d2354;} .person-info p {margin: 0;} .person-info span {display: block; font-weight: 700;} .person-info span:last-of-type {margin-bottom: 10px;} .person-info span:last-of-type:after {content: " "; padding-top: 10px; border-bottom: 3px solid #0064ff; display: block; width: 175px;} .person-info li:before, .person-info li:after {content: none !important;} .person-info span.person-title {font-style: italic;} .person-listing {font-size: 18px; font-size: 1.125rem; color: #0064ff;} .person-listing p {color: #000;} .person-listing:not(.center) h2, .person-listing:not(.center) h3, .person-listing:not(.center) h4, .person-listing:not(.center) h5, .person-listing:not(.center) h6 {padding-left: 15px;} .person-listing .person-info {margin: 0; list-style: none; list-style-position: inside; padding: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .person-listing .person-info li {display: inline-block; vertical-align: top; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; width: 100%;} .person-listing .person-info a {text-decoration: none;} .person-listing .person-info .person-listing-image {width: 200px; height: 200px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; position: relative; border: 8px solid #fff; background: #fff;} .person-listing .person-info.center .person-listing-image {margin: 0 auto;} .bg-gray .person-listing .person-info .person-listing-image {border: 8px solid #f6f6f6; background: #f6f6f6;} .person-listing .person-info > li > a:hover .person-listing-image, .bg-gray .person-listing .person-info > li > a:hover .person-listing-image {border: 8px solid #0064ff; background: #0064ff;} .bg-primary .person-listing .person-info .person-listing-image {border: 8px solid #0064ff; background: #0064ff;} .bg-accent .person-listing .person-info .person-listing-image {border: 8px solid #0d2354; background: #0d2354;} .person-listing .person-info .person-listing-image img {width: 100%; min-width: 184px; max-width: 184px; min-height: 100%; height: auto; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); -o-object-fit: cover; object-fit: cover;} .person-listing .person-info li .person-listing-text p.person-name.person-title {margin-bottom: 12px; white-space: normal;} .person-listing .person-info li .person-listing-text p.person-name.person-title:after {content: ' '; padding-top: 5px; border-bottom: 3px solid #0064FF; display: block; width: 200px; margin: 0 auto;} .person-listing .person-info .person-listing-text {font-size: 16px; font-size: 1rem; margin-top: 15px;} .person-listing .person-info .person-listing-text p {color: #000; display: block; margin: 0;} .person-listing .person-info .person-listing-text .person-name {font-size: 20px; font-size: 1.25rem; font-weight: 700;} .person-listing .person-info .person-listing-text span {color: #000; display: block; font-weight: 700;} .person-listing .person-info .person-listing-text span.person-title {font-style: italic;} .person-listing .person-info .person-listing-text span:last-of-type {margin-bottom: 10px;} .person-listing .person-info .person-listing-text p {color: #000; display: block; margin: 0;} .person-listing .person-info .person-listing-text span.person-title {font-style: italic;} .person-listing .person-info .person-listing-text span:last-of-type:after {content: " "; padding-top: 10px; border-bottom: 3px solid #0064ff; display: block; width: 200px;} .person-listing.center .person-info .person-listing-image, .person-listing.center .person-info .person-listing-text span:last-of-type:after {margin: auto;} /*-------------------- Bio Cards ---------------------*/ .card.bio-card {background: #fff;} .card.bio-card .card-img {width: 100%; min-width: 184px; max-width: 184px; height: auto; min-height: 184px; background-repeat: no-repeat; background-size: cover; background-position: 50%; border-radius: 50%; margin: 25px auto 0; border: 8px solid #0064ff;} .card.bio-card .card-content h3 {font-size: 24px; font-size: 1.5rem;} .card.bio-card .card-content.center h3 {margin-right: auto;} .card.bio-card .card-content h3:after {/*content: " "; padding-top: 10px; border-bottom: 3px solid #0064ff; display: block; width: 100px; margin: 0 auto;*/} .card.bio-card .card-content p {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;} .card-outer:active .bio-card, .card-outer:focus .bio-card, .card-outer:hover .bio-card {background: #0064ff;} .card-outer:active .card.bio-card .card-img, .card-outer:focus .card.bio-card .card-img, .card-outer:hover .card.bio-card .card-img {border: 8px solid #fff;} .card-outer:active .bio-card .card-content h3:after , .card-outer:focus .bio-card .card-content h3:after , .card-outer:hover .bio-card .card-content h3:after {/*border-bottom: 3px solid #fff;*/} /*-------------------- Embedded Login ---------------------*/ .login .login-container {max-width: 670px; margin: 0 auto; padding: 15px;} .login .login-container h2 {text-align: center;} .login .login-container p {font-size: 16px; font-size: 1rem;} form[name="lLogonForm"] {} #li_comp_usr {border: 0 none; width: 100%; display: block;} #li_comp_usr tbody, #li_comp_usr tr, #li_comp_usr td {display: block;} #li_comp_usr td {padding: 0;} #li_comp_usr td#li_comp_usr_ttlTd {padding-bottom: 0;} #li_comp_usr td#li_comp_usr_ttlTd p {font-size: 40px; font-size: 2.5rem; color: #0d2354;} #li_comp_usr td.li_comp_usr_lblTd p {font-size: 0px; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px;} #li_comp_usr td.li_comp_usr_lblTd p label {font-size: 16px; font-size: 1rem; font-weight: 700; line-height: 1.2; margin: 0 0 3px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} #li_comp_usr td.li_comp_usr_lblTd p label + a {font-size: 14px; font-size: .875rem; font-weight: 700; line-height: 1.2; text-decoration: none; margin: 0 0 3px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; text-align: right;} #li_comp_usr td.li_comp_usr_lblTd p label + a:hover {color: #0064ff; text-decoration: underline;} #li_comp_usr td.li_comp_usr_valTd {margin-bottom: 20px;} #li_comp_usr td.li_comp_usr_valTd input[type="text"], #li_comp_usr td.li_comp_usr_valTd input[type="password"] {font-size: 18px; font-size: 1rem; width: 100%;} #li_comp_usr td.li_comp_usr_valTd input#login {max-width: none;} /*-------------------- Tooltip ---------------------*/ .tooltip {line-height: 20px; z-index: 100; margin-left: 5px; margin-top: 3px; position: absolute; /*right: auto;*/ right: 0; display: none;} .survey-question-container .tooltip {display: inline-block; font-weight: 400;} .tooltip.active {z-index: 101;} .tooltip, .tooltip .tooltip-box, .tooltip .tooltip-box:after {background: #0064ff;} .tooltip.js-toggle-tooltip:hover .tooltip-box {display: none;} .tooltip .tooltip-box {line-height: 1.6; min-width: 150px; left: auto; /*right: -3px; width: 85vw;*/ z-index: 4; background: #fff; color: #000; font-size: 14px; font-size: .875rem; border: 2px solid #0064ff; padding: 6px 12px 8px; transform-style: preserve-3d; width: 90vw; right: 0;} .tooltip .tooltip-box a {color: #0064ff !important; text-decoration: underline;} .tooltip .tooltip-box:after {/*right: 8px;*/ right: 4px; top: -5px; left: auto; z-index: -1; height: 7px; width: 7px; -webkit-transform: rotate(45deg) translateZ(-1px); -ms-transform: rotate(45deg) translateZ(-1px); transform: rotate(45deg) translateZ(-1px);} /*-------------------- Captcha ---------------------*/ div#webform-component-verify-captcha div#captcha {padding: 20px 15px; border: 1px solid #d9d9d9; border-radius: 2px; background: #f6f6f6; width: auto;} div#webform-component-verify-captcha div#captcha label {font-weight: 400; margin-bottom: 0; line-height: 1.6;} div#webform-component-verify-captcha div#captcha label:before {background: #fff;} div#webform-component-verify-captcha div#captcha input[type="checkbox"]~label:after {top: 5px; left: 7px;} /*-------------------- Footer ---------------------*/ @media (max-width: 1024px) { .featherlight .featherlight-content {margin-left: 0; margin-right: 0; max-height: 98%; /* padding: 10px 10px 0; border-bottom: 10px solid transparent;*/ padding: 0; border-bottom: none;} } #messageContent h1, #thanksContent h1 {display: none;} .card .cta-text {font-size: 16px; font-size: 1rem; text-transform: none; color: inherit; font-weight: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 0; display: inline-block!important; width: auto!important; bottom: 30px;} @media (min-width: 375px) { .header-logo img {height: 43px;} } @media (min-width: 576px) { .promo[class*=desktop-].promo-section.mobile-full-img .promo-card-img:after {bottom: -74%;} .card.card-callout.horizontal {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} .card.card-callout.horizontal .image-container {width: 50%;} .card.card-callout.horizontal .image-container img {height: 100%; object-fit: cover;} [class^='col-sm-'] .card .cta-text {position: absolute;} } @media (min-width: 768px) { .h1 {font-size: 52px; font-size: 3.25rem;} .h2 {font-size: 40px; font-size: 2.5rem;} .h3 {font-size: 36px; font-size: 2.25rem;} .h4 {font-size: 28px; font-size: 1.75rem;} .h5 {font-size: 24px; font-size: 1.5rem;} .h6 {font-size: 20px; font-size: 1.25rem;} h2.small-heading {font-size: 32px; font-size: 2rem;} .nav {display: block !important;} .double-margin-top {margin-top: 50px;} .double-margin-bottom {margin-bottom: 50px;} .double-padding-top {padding-top: 50px;} .double-padding-bottom {padding-bottom: 50px;} .medium-feature-txt {font-size: 60px; font-size: 3.75rem;} .medium-feature-txt .subtitle {font-size: 22px; font-size: 1.375rem;} .form-group .input-type.col-md + .input-type.col-md {margin-top: 0;} .featherlight .featherlight-content {max-width: 590px; margin: 0 auto;} .featherlight .featherlight-close-icon {top: 60px; right: 60px;} .modaal-wrapper.location-modal form input[type=submit] {max-width: 210px;} .modaal-wrapper.location-modal.fixed .modaal-content-container {padding: 30px;} .modaal-content-container {padding: 30px 30px 0;} .modaal-content-container .location-modal {margin: 0 auto; padding: 30px 30px 0;} .modaal-content-container .location-modal p {font-size: 18px;} #messageContent h2, #messageContent h3, #messageContent h4, #messageContent h5, #messageContent h6, #messageContent p, #thanksContent h2, #thanksContent h3, #thanksContent h4, #thanksContent h5, #thanksContent h6, #thanksContent p {padding-right: 15px;} .modaal-content-container .location-modal .or {margin-top: 40px; padding: 0;} .modaal-content-container .location-modal .btn.primary-btn {margin: 0 auto; display: block;} #hero-div.promo[class*=tablet-].promo-hero .promo-card {min-height: auto; height: auto; padding: 60px 0;} #hero-div.promo[class*=tablet-].promo-hero .promo-card-content-wrap {width: 70%;} #hero-div.promo[class*=tablet-].promo-hero .social-icons {margin-top: 30px;} #hero-div.promo[class*=tablet-].promo-hero .promo-card-img {width: 30%;} .yui-overlay {max-width: 530px;} .yui-panel-container .container-close {right: 30px; top: 30px;} .yui-panel-container .hd {font-size: 40px; margin-bottom: 16px;} .yui-panel-container .bd {font-size: 18px; margin-bottom: 30px;} .yui-panel-container .ft .yui-button.yui-push-button {margin-right: 15px; margin-bottom: 0; display: inline-block;} .yui-panel-container .ft .yui-button button {min-width: 225px;} .mobile-hide {display: block;} .section.no-padding-top {padding: 0 0 50px;} .section.no-padding-bottom {padding: 50px 0 0;} .mobile-flip {order: 2;} .person-info {padding-bottom: 25px;} .person-listing .person-info li {padding-left: 15px; padding-right: 15px;} .person-listing.one-column .person-info li {-webkit-box-flex: 0; -ms-flex: 0 0 99%; flex: 0 0 99%; max-width: 99%;} .person-listing.two-column .person-info li {-webkit-box-flex: 0; -ms-flex: 0 0 49.5%; flex: 0 0 49.5%; max-width: 49.5%;} .person-listing.three-column .person-info li {-webkit-box-flex: 0; -ms-flex: 0 0 32.8%; flex: 0 0 32.8%; max-width: 32.8%;} .person-listing.four-column .person-info li {-webkit-box-flex: 0; -ms-flex: 0 0 24.6%; flex: 0 0 24.6%; max-width: 24.6%;} .promo-section.promo-section--center.promo-section.double-padding-bottom {padding-bottom: 50px;} .promo-card-content.double-padding {padding: 40px;} .promo[class*=desktop-].promo-section.promo-section--center.position-left .promo-card-content-wrap .card-image, .promo[class*=tablet-].promo-section.promo-section--center.position-left .promo-card-content-wrap .card-image {margin: 0 70px 0 50px;} .promo[class*=desktop-].promo-section.promo-section--center.position-left .promo-card-content-wrap .card-image.left, .promo[class*=tablet-].promo-section.promo-section--center.position-left .promo-card-content-wrap .card-image.left {margin: 0 50px 0 0;} .promo-section.promo-section--center.position-left .promo-card-content-wrap .card-icon {margin: 0 70px 0 50px;} .login .login-container {padding: 30px 100px;} #li_comp_usr td.li_comp_usr_valTd input#login {max-width: 210px;} .login .login-container #li_comp_usr td.li_comp_usr_valTd input#login {max-width: none;} .d-md-flex {display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;} .promo-section.promo-section--left .promo-card-content .promo-card-content-wrap {padding: 20px 30px 50px;} .promo[class*=desktop-].promo-section.wide-text .promo-card-content {width: 60%;} .promo[class*=desktop-].promo-section.mobile-full-img .promo-card-img {width: 45%; position: absolute; top: 0; right: 0; bottom: 0;} .promo[class*=desktop-].promo-section .promo-card-content.flip-mobile {-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;} .promo[class*=desktop-].promo-section .promo-card-content.flip-mobile + .promo-card-img {-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;} .promo[class*=desktop-].promo-section.mobile-full-img .promo-card-img {padding-top: 0;} .promo[class*=desktop-].promo-section.mobile-full-img .corner-img:before {content: "\E91C"; top: 0; left: -1px;} .promo[class*=desktop-].promo-section.mobile-full-img .promo-card-img:after {content: none;} .promo[class*=desktop-].promo-widget:not(.promo-card-framed):not(.promo-section--center).padding-left.padding-right {padding-left: 15px; padding-right: 15px;} .tooltip {position: relative; top: -2px; margin-top: 0; margin-left: 5px !important;} .tooltip .tooltip-box {/*width: 220px; left: -webkit-calc(50% - 110px); left: calc(50% - 110px);*/ width: 500px; left: 30px; top: 0; right: auto;} #gender_tooltip.tooltip .tooltip-box {width: 500px; /*left: -webkit-calc(50% - 250px); left: calc(50% - 250px);*/ left: 30px;} .tooltip .tooltip-box:after {/*left: -webkit-calc(50% - 3px); left: calc(50% - 3px);*/ left: -6px; top: 4px; right: auto;} .promo[class*=desktop-].desktop-top-left-corner.promo-widget:not(.promo-card-framed):not(.promo-section--center) {padding: 50px 20px;} .promo[class*=desktop-].desktop-top-left-corner.promo-widget:not(.promo-card-framed):not(.promo-section--center) .promo-card {-webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;} .promo[class*=desktop-].desktop-top-left-corner.promo-widget:not(.promo-card-framed):not(.promo-section--center) .promo-card-content {width: 50%; padding: 0;} .promo[class*=desktop-].desktop-top-left-corner.promo-widget:not(.promo-card-framed):not(.promo-section--center) .promo-card-content {padding-top: 0;} .promos--grid {margin-top: 60px;} .promos--grid .promo-section.promo-section--center.no-img.promo-section {height: 100%; margin-bottom: 0;} .promos--grid .promo-section.promo-section--center.show-icon:not(.position-left) {margin-top: 0;} .promo[class*=tablet-].promo-section.promo-section--center.position-left .promo-card-content-wrap .card-icon.less-margin-right {margin: 0 50px;} .promo-section.promo-section--center .promo-card-content .promo-card-content-txt.extra-padding-right {padding-right: 30px;} .card-event.show-icon .card-content {padding: 0 50px; display: -webkit-box; display: -ms-flexbox; display: flex;} .card-event.show-icon .card-icon.align-top {top: 35px; margin-left: 0; margin-right: 50px;} .card-event.show-icon .card-content .card-content-title-wrap {text-align: left;} .card-content .border-box h3 + ol {padding: 0 0 0 25px;} .footer .footer-logo-img img {max-width: none;} .float-md-right {float: right;} .float-md-left {float: left;} [class^='col-md-'] .card .cta-text {position: absolute;} } @media (min-width: 992px) { .header-logo img {height: 80px;} .header-logo img.secondary-logo, .header-logo img#logo2 {margin-left: 20px; padding-left: 20px;} .header-logo img#logo2 {padding-bottom: 3px;} .secondary-nav-submenu {0 !important; padding-bottom: 0 !important;} .secondary-nav-submenu li a {padding: 6px 0 !important;} .nav.hide {display: none !important;} .footer-nav li:hover {cursor: default;} .footer-nav li a {pointer-events: inherit;} .promo[class*=desktop-].promo-section.wide-text .promo-card-content {/*width: 55%;*/} .promo[class*=desktop-].promo-widget:not(.promo-card-framed):not(.promo-section--center).padding-left.padding-right {padding-left: 25px; padding-right: 25px;} .promo[class*=desktop-].desktop-top-left-corner.promo-widget:not(.promo-card-framed):not(.promo-section--center) {padding: 50px 20px;} .promo[class*=desktop-] .promo-card {width: 100%;} .promo[class*=desktop-].promo-section.no-height {min-height: auto; height: auto;} [class^='col-lg-'] .card .cta-text {position: absolute;} } @media print { html.with-featherlight>*>:not(.featherlight) {display: none;} } </style> <style> body {height: 100%;} img#hero-image, img[src^="https://trkn.us/pixel/"] {display: none;} .header.trusted, .header.bg-primary {background: #0064ff;} .header.midnight, .header.bg-accent {background: #0d2354;} .banner--notification .banner-close:before {color: #0064ff;} header .Group {width: 199px; height: 81px; object-fit: contain;} .header-inner {padding: 0; display: -ms-grid; display: grid; -ms-grid-rows: auto; grid-template-rows: auto; -ms-grid-columns: auto 1fr auto; grid-template-columns: auto 1fr auto;} .header-inner-wrap {-ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-right: auto;} .header-inner .seo-title {font-size: 13px; font-size: .8125rem; font-weight: 700; margin: 0; line-height: 1.1; color: #ffffff; text-align: right; display: none; position: static; background: transparent; padding: 0 15px 0 0; -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center;} .breadcrumbs.back-to {padding: 15px 0;} .breadcrumbs.back-to li {display: inline;} .breadcrumbs-nav li a.solo {font-weight: 700; pointer-events: inherit;} .breadcrumbs-nav li a.solo:hover {text-decoration: underline;} .bg-primary.midnight>.promo-card {background: #002158; padding: 10px 0 0;} .bg-primary.midnight .promo-card-img {background-position: 0% 0%;} .bg-primary.midnight .corner-img:before {color: #002158;} .bg-primary.midnight .no-hero {display: none;} .bg-primary.midnight .no-hero:before {content: none;} footer .Group {width: 159px; height: 65px; object-fit: contain;} .footer-meta-list-item a {font-size: 16px; font-size: 1rem;} .footer .no-seo {text-align: center; padding-bottom: 30px; padding-top: 30px;} .footer .no-seo .footer-column-wrap {margin-right: 0; margin-left: 0;} .footer .no-seo .logo-spacer {margin-bottom: 10px;} .footer .no-seo .footer-meta-list {text-align: center; display: block; border: 0;} .footer .no-seo .footer-meta-list-item {border: 0; display: inline-block; -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: none;} .footer .no-seo .footer-meta-list-item a {font-weight: 700; line-height: 17px; color: #002158; padding: 0 8px 0 0; margin-right: 3px;} .footer .no-seo .footer-meta-list-item a:after {content: ""; width: 1px; height: 12px; background-color: #002158; position: absolute; top: 3px; right: 0;} .footer .no-seo .footer-meta-list-item:last-child a {margin-right: 0; padding: 0;} .footer .no-seo .footer-meta-list-item:last-child a:after {content: none;} .footer .no-seo .copyright {font-family: inherit; font-size: 16px; font-size: 1rem; color: #002158; margin: 20px 0;} .footer .no-seo .copyright a {color: #002158; white-space: nowrap;} .footer .no-seo .footer-logo {text-align: center; margin: auto 0 0; display: block;} .footer .no-seo .footer-logo-img {width: auto; margin: 0 5px; padding: 0; display: inline-block;} .footer .footer-logo-img img, .footer .no-seo .footer-logo-img img {max-height: 80px;} .footer .no-seo .footer-logo-img:last-of-type {margin: 0 5px;} .ErrorMessage, #action-alert .ErrorMessage {font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 1.2; text-align: left; color: #d0021b; margin: 3px 0 20px; display: block;} .ErrorMessage:before {font-size: 10px; font-size: .625rem; content: "\E911"; font-family: icomoon; margin-top: 4px; margin-right: 3px; vertical-align: top; display: inline-block;} @media (min-width: 376px) { .header-inner .seo-title {display: block;} } @media (min-width: 415px) { .footer .no-seo .footer-logo-img {width: auto;} } @media (min-width: 480px) { .header-inner-wrap {margin-right: 50px;} .header-inner .seo-title {font-size: 14px; font-size: .875rem;} } @media (min-width: 576px) { .header-inner .seo-title {font-size: 16px; font-size: 1rem; padding: 0 20px;} .footer-meta-list-item a {font-size: 14px; font-size: .875rem;} .footer .no-seo .footer-meta-list-item a {padding: 0 10px 0 0; margin-right: 10px;} .footer .no-seo .copyright {font-size: 14px; font-size: .875rem;} } @media (min-width: 768px) { .bg-primary.midnight .no-hero {display: block;} .promo[class*=tablet-].promo-hero #hero.promo-card-content-wrap {width: 50%; margin-bottom: 0;} .promo[class*=thanks].promo-hero .promo-card {min-height: auto; height: auto; padding: 60px 0;} .promo[class*=thanks].promo-hero .promo-card-content-wrap {width: 70%;} .promo[class*=thanks].promo-hero .social-icons {margin-top: 30px;} .breadcrumbs-nav li a.back {cursor: pointer;} .breadcrumbs-nav li a.home:before, .breadcrumbs-nav li a.back:before {content: "<"; text-decoration: none; margin: 0 5px; display: inline-block;} .breadcrumbs-nav li a.home:hover:before {text-decoration: none;} .bg-primary.midnight>.promo-card {padding: 40px 0 0;} .promo[class*=tablet-].promo-hero .promo-card {min-height: 350px; padding: 50px 0;} .promo[class*=tablet-].promo-hero .promo-card-content {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: start;} .footer .footer-logo {display: block; margin: auto 0 0; text-align: center; position: inherit; bottom: auto; right: auto;} .footer .footer-column-wrap {display: block; flex-wrap: nowrap; margin-right: 0; margin-left: 0;} .footer .footer-column.col-final {min-width: auto; position: inherit;} .footer .no-seo .logo-spacer {margin-bottom: 10px;} .footer .no-seo .footer-meta-list {text-align: center; display: block;} } @media (min-width: 992px) { .header-inner {padding: 16px 0;} .header-inner .seo-title {font-size: 22px; font-size: 1.375rem;} .footer .footer-logo {display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto 0 0; text-align: right; position: absolute; bottom: 0; right: 0;} .footer .no-seo {text-align: left; padding-bottom: 30px; padding-top: 40px;} .footer .footer-column-wrap {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;} .footer .footer-column.col-final {min-width: 50%; position: relative;} .footer .no-seo .logo-spacer {margin-bottom: 20px;} .footer .no-seo .footer-meta-list {text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex;} .footer .no-seo .copyright {margin: 12px 20px 10px 0; display: inline-block;} .footer .no-seo .footer-logo {text-align: left; display: block; float: right; position: relative; bottom: auto; right: auto; top: -30px;} .footer .no-seo .footer-logo-img {margin: 0 0 0 15px;} .footer .no-seo .footer-logo-img:last-of-type {margin: 0 0 0 15px;} .footer .footer-logo-img img, .footer .no-seo .footer-logo-img img {max-width: none;} @media (min-width: 1200px) { .footer .no-seo .footer-logo {} } </style>   <style> #cookieNotice { flex: none; } #ProcessForm div.html-caption-container { overflow: visible !important; } label[for=employer_match_dropdown], #employer_match_search h2, #additional_amount_row, #level_standard_row .custom-field-container .form-input-label-block, #level_standard_row.form-row span.field-required, div.donation-level-label-input-container, div.donation-form-container.responsive div.donation-level-container.user-entered .donation-level-input-container label, .payment-type-element-container .payment-type-selection-container.payment-field-container h3, .payment-type-element-container #payment_cc_container h3, .payment-type-element-container #payment_cc_container #responsive_payment_typecc_type_row, #donor_email_opt_in_Row .auto-opt-in-warning-message, #employer_matchhidden + .form-row h2, .payment-type-element-container #payment_cc_container.slide-transition .form-row .form-content a, .form-info-message, #hero-text, #employer_match_toggle .form-input-label-block, #level_flexible_row .custom-field-container .form-input-label-block, #level_flexible_row.form-row span.field-required, div.donation-level-label-input-container, #level_flexible_row #level_flexiblegift_type_Row, #level_flexible_row #level_flexibleduration_row { display: none; } .back-to-previous, #billing_info_heading, #donor_email_address_row, #billing_first_name_row, #billing_last_name_row, #billing_addr_street1_row, #billing_addr_street2_toggle, #billing_addr_street2_row, #billing_addr_city_row, #billing_addr_state_row, #billing_addr_zip_row, #mailing_info_element_heading, #donor_first_name_row, #donor_last_name_row, #donor_addr_street1_row, #donor_addr_street2_row, #donor_addr_city_row, #donor_addr_state_row, #donor_addr_zip_row, #donor_info_same_as_billing_row, .billing-address-2, .donor-address-2, #dedication_info_heading, #tribute_type_row, #tribute_honoree_first_name_row, #tribute_honoree_last_name_row, #tribute_notify_recip_name_row, #tribute_notify_recip_street1_row, #tribute_notify_addr_street2_toggle, #tribute_notify_recip_street2_row, #tribute_notify_recip_city_row, #tribute_notify_recip_state_row, #tribute_notify_recip_zip_row, #tribute_message_body_row, #tribute_signature_row, #message_include_gift_amount_row, .payment-type-element-container #payment_cc_container, div.button-container, #donation_review { height: 0; visibility: hidden; } #donor_email_address_row.slide-transition, #billing_first_name_row.slide-transition, #billing_last_name_row.slide-transition, #billing_addr_street1_row.slide-transition, #billing_addr_street2_row.slide-transition, #billing_addr_city_row.slide-transition, #billing_addr_state_row.slide-transition, #billing_addr_zip_row.slide-transition, #mailing_info_element_heading.slide-transition, #donor_first_name_row.slide-transition, #donor_last_name_row.slide-transition, #donor_addr_street1_row.slide-transition, #donor_addr_street2_row.slide-transition, #donor_addr_city_row.slide-transition, #donor_addr_state_row.slide-transition, #donor_addr_zip_row.slide-transition, #dedication_info_heading.slide-transition, #tribute_type_row.slide-transition, #tribute_honoree_first_name_row.slide-transition, #tribute_honoree_last_name_row.slide-transition, #tribute_notify_recip_name_row.slide-transition, #tribute_notify_recip_street1_row.slide-transition, #tribute_notify_recip_street2_row.slide-transition, #tribute_notify_recip_city_row.slide-transition, #tribute_notify_recip_state_row.slide-transition, #tribute_notify_recip_zip_row.slide-transition, #tribute_message_body_row.slide-transition, #tribute_signature_row.slide-transition, #message_include_gift_amount_row.slide-transition { height: auto; visibility: visible; margin-bottom: 15px; } #tribute_honoree_name_row.slide-transition { height: auto; visibility: visible; background-color: #e8f1ff; margin-top: 30px; margin-bottom: 0; padding: 15px 15px 20px; } #tribute_honoree_name_locked_row.slide-transition { height: auto; visibility: visible; background-color: #e8f1ff; margin-top: 20px; margin-bottom: 25; padding: 15px 15px 20px; } #tribute_honoree_name_locked_row.slide-transition p { font-size: 16px; font-size: 1rem; font-weight: bold; color: #0d2354; margin: 0; } #tribute_honoree_name_locked_row.slide-transition #tribute_honoree_namelocked { font-size: 18px; font-size: 1.125rem; font-weight: normal; margin: 0; padding: 0 0 0 10px !important; color: #8d8d8d; border: 2px solid #d9d9d9 !important; background: #f6f6f6; line-height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 4px !important; -webkit-box-shadow: none !important; box-shadow: none !important; } #donor_first_name_row.slide-transition, #donor_last_name_row.slide-transition, #donor_addr_street1_row.slide-transition, #donor_addr_street2_row.slide-transition, #donor_addr_city_row.slide-transition, #donor_addr_state_row.slide-transition, #donor_addr_zip_row.slide-transition { transition: none; } #donor_info_same_as_billing_row.slide-transition { height: auto; visibility: visible; margin-bottom: 10px; } #donation_review.slide-transition { height: auto; visibility: visible; margin-top: 15px; padding-top: 25px; border-top: 1px solid #d9d9d9; } #donation_review.slide-transition.logged-in { /*margin-left: -15px; margin-right: -15px;*/ } #donation_review.slide-transition.bg-gray { border-top: none; margin-bottom: 25px; } div.button-container.slide-transition { height: auto; visibility: visible; margin-top: 25px; margin-bottom: 25px; } div.button-container.slide-transition #pstep_finish { height: auto; padding: 17px 5px 16px; } div.button-container #pstep_finish[class*="validate"] { background-color: #ebebeb; border: 2px solid #d9d9d9; color: #484848; pointer-events: none; } #donor_email_address_row.slide-transition.slide-out-right, #billing_first_name_row.slide-transition.slide-out-right, #billing_last_name_row.slide-transition.slide-out-right, #billing_addr_street1_row.slide-transition.slide-out-right, #billing_addr_street2_row.slide-transition.slide-out-right, #billing_addr_city_row.slide-transition.slide-out-right, #billing_addr_state_row.slide-transition.slide-out-right, #billing_addr_zip_row.slide-transition.slide-out-right, #donor_info_same_as_billing_row.slide-transition.slide-out-right, #dedication_info_heading.slide-transition.slide-out-right, #tribute_type_row.slide-transition.slide-out-right, #tribute_honoree_first_name_row.slide-transition.slide-out-right, #tribute_honoree_last_name_row.slide-transition.slide-out-right, #tribute_notify_recip_name_row.slide-transition.slide-out-right, #tribute_notify_recip_street1_row.slide-transition.slide-out-right, #tribute_notify_recip_street2_row.slide-transition.slide-out-right, #tribute_notify_recip_city_row.slide-transition.slide-out-right, #tribute_notify_recip_state_row.slide-transition.slide-out-right, #tribute_notify_recip_zip_row.slide-transition.slide-out-right, #tribute_message_body_row.slide-transition.slide-out-right, #tribute_signature_row.slide-transition.slide-out-right, #message_include_gift_amount_row.slide-transition.slide-out-right { height: 0; visibility: hidden; margin-bottom: 0; } #tribute_honoree_name_row.slide-transition.slide-out-left { height: 0; visibility: hidden; margin-top: 0; margin-bottom: 0; padding: 0; background-color: transparent; } #tribute_honoree_name_locked_row.slide-transition.slide-out-right { height: 0; visibility: hidden; margin-top: 0; margin-bottom: 0; padding: 0; background-color: transparent; } #billing_info_heading, #mailing_info_element_heading { margin-top: 0; } #billing_info_heading.slide-transition { height: auto; visibility: visible; margin-top: 20px; margin-bottom: 15px; } #billing_info_heading #in_form_logout { text-align: center; font-size: 18px; font-size: 1.125rem; } #billing_info_heading.slide-transition #in_form_logout { margin-top: 5px; } #billing_info_heading.slide-transition.slide-out-right #in_form_logout { margin-top: 0; } #mailing_info_element_heading.slide-transition { height: auto; visibility: visible; margin-top: 30px; margin-bottom: 15px; transition: none; } #billing_info_heading.slide-transition.slide-out-right, #mailing_info_element_heading.slide-transition.slide-out-right { height: 0; visibility: hidden; margin-top: 0; margin-bottom: 0; } #billing_addr_street2_toggle.slide-transition, #tribute_notify_addr_street2_toggle.slide-transition { height: auto; visibility: visible; margin-top: -10px; margin-bottom: 6px; } #billing_addr_street2_toggle.slide-transition.slide-out-right, #tribute_notify_addr_street2_toggle.slide-transition.slide-out-right { height: 0; visibility: hidden; margin-top: 0; margin-bottom: 0; } #donor_email_address_row.slide-transition.logged-in { background: #f6f6f6; margin-left: -15px; margin-right: -15px; margin-bottom: 0; padding: 15px 15px 5px; } #billing_addr_street1_row.slide-transition.logged-in, #billing_addr_city_state_zip.slide-transition.logged-in, #donor_addr_city_state_zip.slide-transition.logged-in { background: #f6f6f6; margin-left: -15px; margin-right: -15px; margin-bottom: 0; padding: 10px 15px 15px; } #donor_addr_street1_row.slide-transition.logged-in, #donor_addr_street2_row.slide-transition.logged-in { background: #f6f6f6; margin-left: -15px; margin-right: -15px; margin-bottom: 0; padding: 10px 15px 5px; } #billing_addr_street2_row.slide-transition.logged-in { background: #f6f6f6; margin-left: -15px; margin-right: -15px; margin-bottom: 0; padding: 5px 15px 15px; } #billing_first_name_row.slide-transition.logged-in, #billing_last_name_row.slide-transition.logged-in, #donor_first_name_row.slide-transition.logged-in, #donor_last_name_row.slide-transition.logged-in { background: #f6f6f6; margin-left: 0; margin-right: 0; margin-bottom: 0; padding: 10px 15px 5px; } #billing_first_last.paypal #billing_first_name_row.slide-transition.logged-in, #billing_first_last.paypal #billing_last_name_row.slide-transition.logged-in { padding: 10px 15px 20px; } #billing_addr_city_row.slide-transition.logged-in, #billing_addr_state_row.slide-transition.logged-in, #billing_addr_zip_row.slide-transition.logged-in { background: #f6f6f6; margin-left: 0; margin-right: 0; margin-bottom: 0; padding: 5px 15px 5px; } #donor_addr_city_row.slide-transition.logged-in, #donor_addr_state_row.slide-transition.logged-in, #donor_addr_zip_row.slide-transition.logged-in { background: #f6f6f6; margin-left: 0; margin-right: 0; margin-bottom: 15px; padding: 10px 15px 15px; } #donor_email_address_row.slide-transition.slide-out-right.logged-in, #billing_first_last.slide-transition.slide-out-right.logged-in, #billing_addr_street1_row.slide-transition.slide-out-right.logged-in, #billing_addr_street2_row.slide-transition.slide-out-right.logged-in, #billing_addr_city_state_zip.slide-transition.slide-out-right.logged-in, #donor_first_name_row.slide-transition.slide-out-right.logged-in, #donor_last_name_row.slide-transition.slide-out-right.logged-in, #donor_addr_city_row.slide-transition.slide-out-right.logged-in, #donor_addr_state_row.slide-transition.slide-out-right.logged-in, #donor_addr_zip_row.slide-transition.slide-out-right.logged-in { background: transparent; padding: 0; } #billing_first_name_row.slide-transition.slide-out-right.logged-in, #billing_last_name_row.slide-transition.slide-out-right.logged-in, #billing_addr_city_row.slide-transition.slide-out-right.logged-in, #billing_addr_state_row.slide-transition.slide-out-right.logged-in, #billing_addr_zip_row.slide-transition.slide-out-right.logged-in, #donor_first_name_row.slide-transition.slide-out-right.logged-in, #donor_last_name_row.slide-transition.slide-out-right.logged-in, #donor_addr_city_row.slide-transition.slide-out-right.logged-in, #donor_addr_state_row.slide-transition.slide-out-right.logged-in, #donor_addr_zip_row.slide-transition.slide-out-right.logged-in { background: transparent; padding: 0; } #donor_addr_city_row.logged-in, #donor_addr_state_row.logged-in, #donor_addr_zip_row.logged-in { margin-bottom: 0; } #billing_addr_street2_toggle.slide-transition.logged-in { background: #f6f6f6; margin-left: -15px; margin-right: -15px; margin-bottom: 0; padding: 0 15px; } #billing_addr_street2_toggle.slide-transition.slide-out-right.logged-in { background: transparent; padding: 0; } #donor_info_same_as_billing_row.slide-transition.logged-in { background: #f6f6f6; margin-left: -15px; margin-right: -15px; padding: 10px 15px 20px; } #donor_info_same_as_billing_row.slide-transition.slide-out-right.logged-in { background: transparent; padding: 0; } #mailing_info_element_heading.slide-transition.logged-in { background: #f6f6f6; margin-left: -15px; margin-right: -15px; margin-top: -10px; margin-bottom: 0; padding: 10px 15px 15px; transition: none; } #mailing_info_element_heading.logged-in { background: transparent; padding: 0; } #tribute_honoree_name_row:before, #tribute_honoree_name_locked_row:before { content: 'Honoree Information'; font-size: 20px; font-size: 1.25rem; font-weight: bold; color: #0d2354; font-family: Aeonik,Arial,sans-serif; text-align: center; display: block; margin-bottom: 5px; /*height: 0; visibility: hidden;*/ } #tribute_honoree_name_row:after, #tribute_honoree_name_locked_row:after { content: 'After donating, you can send a personalized message about your gift.'; color: #0d2354; display: block; } #tribute_honoree_name_row:after { margin-top: 15px; } #tribute_honoree_name_locked_row:after, #tribute_honoree_name_row.form-error:after { margin-top: 10px; } #tribute_honoree_name_row.form-error .form-content:after { content: 'Enter an honoree'; color: #d0021b; } .payment-type-element-container #payment_cc_container.slide-transition { height: auto; visibility: visible; } .payment-type-element-container #payment_cc_container.slide-transition.slide-out-right { height: 0; visibility: hidden; } #donation_review.slide-transition.slide-out-right { height: 0; visibility: hidden; margin-top: 0; padding-top: 0; border-top: none; } #payment_type_element_heading { height: 0; visibility: hidden; margin-top: 0; margin-bottom: 0; } #payment_type_element_heading.slide-transition { height: auto; visibility: visible; margin-top: 30px; margin-bottom: 15px; } #payment_type_element_heading.monthly.slide-transition { margin-top: 15px; } #payment_type_element_heading.slide-out-left { height: 0; visibility: hidden; margin-top: 0; margin-bottom: 0; } div.button-container.slide-transition.slide-out-right { height: 0; visibility: hidden; margin-top: 0; margin-bottom: 0; } div.button-container.slide-transition.slide-out-right #pstep_finish { height: 0; padding: 0; } #level_standard_row .form-content .transaction-fee-wrap .form-content .form-input-label-block, #level_flexible_row .form-content .transaction-fee-wrap .form-content .form-input-label-block { display: none !important; } #payment_type_element_heading { display: block; } .section { /*padding: 35px 0;*/ padding: 0; } div.responsive { width: 100%; max-width: none; } #employer_street_row input, #billing_addr_street1_row input, #billing_addr_street2_row input, #billing_addr_street3_row input, #billing_addr_country_row input.ui-autocomplete-input, #donor_addr_street1_row input, #donor_addr_street2_row input, #donor_addr_street3_row input, #donor_addr_country_row input.ui-autocomplete-input, #shipping_addr_street1_row input, #shipping_addr_street2_row input, #shipping_addr_street3_row input, #shipping_addr_country_row input.ui-autocomplete-input, #tribute_notify_recip_street1_row input, #tribute_notify_recip_street2_row input, #tribute_notify_recip_street3_row input, #tribute_notify_recip_country_row input.ui-autocomplete-input, #tribute_signature_row input, #tribute_message_closing_row input, div.employer-address-container input#employer_street { width: 100%; } div.donation-form-container.responsive { background: #fff; max-width: 1140px; border: none; padding: 15px 0 0; } div.donation-form-container.responsive .donation-form-content { padding-left: 0px; padding-right: 0px; } div.form-row { margin-top: 0; margin-bottom: 0; } label.FormLabel, .form-content label { color: #000000; font-size: 0; } .form-row.form-text .form-content span.field-required, .form-row.form-selectlist .form-content span.field-required, .form-row.form-date .form-content span.field-required { display: inline; width: auto; height: auto; margin-right: -3px; } .form-row.form-text .form-content span.field-required:after, .form-row.form-selectlist .form-content span.field-required:after, .form-row.form-date .form-content span.field-required:after { content: '*'; font-size: 16px; font-size: 1rem; font-weight: bold; color: #0064ff; line-height: 1; } .form-row.form-text .form-content span.field-required.space, .form-row.form-selectlist .form-content span.field-required.space { margin-right: 1px; } .form-row.form-text .form-content label, .form-row.form-selectlist .form-content label, .form-row.form-text .form-content label .FormLabelText, .form-row.form-date .form-content label { font-size: 16px; font-size: 1rem; font-weight: bold; color: #0d2354; line-height: 1; text-align: left; vertical-align: inherit; } .form-row.form-text .form-content input[type="text"], .form-row.form-selectlist .form-content select { width: 100%; margin-top: 0; } .form-row.form-text .form-content input[type="text"] { background: #fff; padding: 0 0 0 10px !important; } .form-row.form-selectlist .form-content select, .form-row.form-date .form-content select { background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%230064ff' viewBox='0 0 24 24'><path d='M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z'/></svg>") no-repeat 95% 60% #fff; background-size: 14px; background-position: calc(100% - 15px) 50%; background-position: -webkit-calc(100% - 15px) 50%; background-position: -moz-calc(100% - 15px) 50%; background-position: -ms-calc(100% - 15px) 50%; background-position: -o-calc(100% - 15px) 50%; padding: 0 40px 0 10px !important; } div.payment-field-container span.payment-type-option.selected a:link { color: inherit; } div.form-row div.form-content { display: inline; margin-top: 0; margin-bottom: 0; } fieldset { border: 0; margin: 0; padding: 0; } .tooltip { position: relative; background: #0064ff; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .tooltip:hover, .tooltip:active, .tooltip:focus { background: #0d2354; } #billing_addr_street2_toggle a:before, #tribute_notify_addr_street2_toggle a:before { content: "\e932"; font-family: icomoon !important; font-size: 10px; font-size: .625rem; text-decoration: none; display: inline-block; width: 15px; } #billing_addr_street2_toggle a.minus:before, #tribute_notify_addr_street2_toggle a.minus:before { content: "\e91e"; font-size: 3px; position: relative; top: 50%; line-height: 2; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .header { width: 100%; } .header-inner { padding: inherit; display: block; -ms-grid-rows: auto; grid-template-rows: auto; -ms-grid-columns: none; grid-template-columns: none; } .header-inner-wrap { -ms-grid-column: inherit; grid-column: inherit; -ms-grid-row: inherit; -ms-grid-row-span: inherit; grid-row: inherit; -ms-flex-item-align: inherit; -ms-grid-row-align: inherit; align-self: inherit; margin-right: 0; padding: 0 0 0 15px; -webkit-box-shadow: none; box-shadow: none; } .header-logo img { height: 33px; } .header-utilities.tr-pages li { text-align: right; white-space: nowrap; } .header.tr-pages .header-toggle, .header.tr-pages .header-toggle [class*=" icon-"], .header.tr-pages .header-toggle [class^=icon-], .header.no-fix .header-toggle [class^=icon-], .header-utilities.tr-pages li a, .header-utilities.tr-pages li#user-util { color: #0064ff; } .header-utilities.tr-pages li a { font-size: 14px; font-size: .875rem; } .header-utilities.tr-pages li a:hover, .header-utilities.tr-pages li a:active, .header-utilities.tr-pages li a:focus { color: #0d2354; } .header-utilities.tr-pages li a.home:before, .back-to-previous a:before, .donation-form-content a.home:before { content: "\e92e"; font-family: icomoon !important; font-size: 10px; font-size: .625rem; text-decoration: none; display: inline-block; } .header-utilities.tr-pages li a.home:before, .donation-form-content a.home:before { margin: 0 8px 0 0; } .header-utilities.tr-pages li#user-util .icon-user { margin-bottom: 5px; margin-right: 2px; } .back-to-previous a:before { margin: 0 10px 0 0; position: relative; top: -1px; } .header-inner .seo-title { font-size: 13px; font-size: .8125rem; font-weight: 700; margin: 0; line-height: 1.1; color: #0d2354; text-align: right; display: none; position: static; background: transparent; padding: 0 15px 0 0; -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .promo[class*=tablet-].promo-hero .promo-card { min-height: auto; padding: 0; } .promo[class*=tablet-] .promo-card .global-container { padding-left: 0; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .promo[class*=tablet-].promo-hero .promo-card-content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; height: 100%; width: 100%; padding: 0; } .promo[class*=tablet-].promo-hero .promo-card-img { width: 100%; margin: 0; position: absolute; top: 0; right: 0; bottom: 0; height: auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .promo[class*=tablet-].promo-hero #hero.promo-card-content-wrap { width: 100%; height: 0; margin-bottom: 0; padding-top: 56.25%; position: relative; top: auto; left: 0; bottom: 0; border-radius: 0; background-image: linear-gradient(to bottom, transparent, rgba(13,35,84,0) 10%, rgba(13,35,84,.9) 50%); height: auto; padding-top: calc(42.5% - 20px); padding-top: -ms-calc(56.25% - 20px); padding-top: -moz-calc(56.25% - 20px); padding-top: calc(56.25% - 20px); } .bg-primary.midnight>.promo-card { background: transparent; padding: 0; } .bg-primary.midnight .promo-card-img.has-hero { background-position: 50% 0%; } .bg-primary.midnight .promo-card-img.has-hero:before { content: " "; color: transparent; top: auto; left: auto; } #hero #hero-text { display: inline-block; position: absolute; top: auto; z-index: 2; bottom: 0; /*padding: 15px 15px 20px;*/ width: 100%; position: relative; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; padding-top: 0; /*background-image: linear-gradient(to bottom, transparent, rgba(13,35,84,0) 0%, rgba(13,35,84,.9)50%);*/ } .slide-transition.slide-out-left #hero #hero-text { padding: 0; } #hero #hero-text h1 { margin: 0 0 10px; } #hero #hero-text p:last-of-type { margin: 0; } h1, #hero #hero-text h1 { font-size: 20px; font-size: 1.25rem; } main#main { background: radial-gradient(#0453d1, #083c97); } main#main .main-inner { width: 100%; max-width: 624px; margin: 15px auto 25px; padding: 0 5px; } main#main .main-inner .main-inner-wrap { background: #fff; border-radius: 4px; overflow: hidden; -webkit-box-shadow: 0 2px 26px 0 rgba(0,0,0,.5); box-shadow: 0 2px 26px 0 rgba(0,0,0,.5); } .Mask-Copy-7 { text-align: center; background-color: transparent; width: auto; height: auto; border-radius: 0; padding: 0; } .Mask-Copy-7 .FormLabelText { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; width: auto; height: auto; font-family: Aeonik,Arial,sans-serif; font-size: 24px; font-size: 1.5rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; color: #0d2354; margin: 0 0 15px; display: block; } .Mask-Copy-7 .FormLabelIntro { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; width: auto; height: auto; font-family: Aeonik,Arial,sans-serif; font-size: 16px; font-size: 1rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.6; letter-spacing: normal; color: #0d2354; margin: 0 0 15px; display: block; } .Mask-Copy-7 .FormLabelIntro .monthly-arrow.mobile { display: block; margin-left: auto; margin-right: auto; } .Mask-Copy-7 .FormLabelIntro .monthly-arrow.desktop { display: none; } .Mask-Copy-7 .FormLabelImg { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .Mask-Copy-7 .FormLabelLink { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; width: auto; height: auto; font-family: Aeonik,Arial,sans-serif; font-size: 16px; font-size: 1rem; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; color: #0d2354; margin: 30px 0 0; display: block; } .Mask-Copy-7 .FormLabelLink a { color: #0064ff; text-decoration: none; } .Mask-Copy-7 .FormLabelLink a:hover, .Mask-Copy-7 .FormLabelLink a:active, .Mask-Copy-7 .FormLabelLink a:focus { color: #0d2354; text-decoration: underline; } .Mask-Copy-7 .donate-button { margin-bottom: 20px; } .Mask-Copy-7 .donate-button a { font-size: 16px; font-size: 1rem; text-transform: none; background: #fff; color: #0064ff; font-weight: normal; font-style: normal; line-height: 1.1; letter-spacing: normal; text-align: center; margin-top: 0; padding: 15px 10px; display: block; vertical-align: top; text-decoration: none; border: 2px solid #0064ff; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; background-clip: border-box; -webkit-font-smoothing: antialiased; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .Mask-Copy-7 .donate-button a .Make-this-text { font-family: Aeonik,Arial,sans-serif; font-size: 16px; font-size: 1rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: normal; text-align: center; color: #0064ff; text-transform: none; display: inline-block; } .Mask-Copy-7 .donate-button a.monthly .Make-this-text:before { content: "\e9da"; font-family: icomoon !important; margin-right: 1rem !important; margin-left: 0 !important; width: auto !important; font-size: 14px; font-size: .875rem; display: inline-block; color: #d0021b; } .Mask-Copy-7 .donate-button a.monthly.active .Make-this-text:before { color: #ffffff; } .Mask-Copy-7 .donate-button a:hover, .Mask-Copy-7 .donate-button a:active, .Mask-Copy-7 .donate-button a:focus { background: #0d2354; color: #fff; border: 2px solid #0d2354; } .Mask-Copy-7 .donate-button a:hover .Make-this-text, .Mask-Copy-7 .donate-button a:active .Make-this-text, .Mask-Copy-7 .donate-button a:focus .Make-this-text { color: #fff; } .Mask-Copy-7 .donate-button a.active { background: #0064ff; color: #fff; pointer-events: none; } .Mask-Copy-7 .donate-button a.active .Make-this-text { color: #fff; } .Mask-Copy-7 .donate-button a.active:hover, .Mask-Copy-7 .donate-button a.active:active, .Mask-Copy-7 .donate-button a.active:focus { background: #0064ff; color: #fff; border: 2px solid #0064ff; } .Mask-Copy-7 .donate-button a.active:hover .Make-this-text, .Mask-Copy-7 .donate-button a.active:active .Make-this-text, .Mask-Copy-7 .donate-button a.active:focus .Make-this-text { color: #fff; } .dtd-search-box:before { content: none !important; } #level_standard_row, #level_flexible_row { margin-top: 30px; padding-top: 0; padding-left: 0; padding-right: 0; margin-bottom: 0; } #level_standard_row.slide-transition.slide-out-left, #level_flexible_row.slide-transition.slide-out-left { margin-top: 0; } #level_standard_row.form-row, #level_flexible_row.form-row { margin-top: 0; padding-top: 25px; padding-left: 0; padding-right: 0; border-top: 1px solid #d9d9d9; margin-bottom: 0; } div.responsive span.field-required { background-image: none; margin-top: 0; } div.responsive #level_standard_row span.field-required, div.responsive #level_flexible_row span.field-required { margin-top: 4px; } .FormLabelText { width: auto !important; height: auto !important; font-family: Aeonik,Arial,sans-serif; font-size: 18px; font-size: 1.125rem; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; color: #000000; margin: 0 0 15px; display: inline; } #level_standard_row.form-row .form-content .FormLabelText, #level_flexible_row.form-row .form-content .FormLabelText { text-align: center; color: #0d2354; display: block; margin: 0 0 10px; } #level_flexible_row.form-row .form-content .FormLabelText + .donation-level-general-ask { font-size: 16px; font-size: 1rem; font-style: italic; margin: -10px 0 10px; } #level_standard_row .form-content .donation-levels, #level_flexible_row .form-content .donation-levels { text-align: center; padding-top: 0; } #level_standard_row .form-content .donation-levels.form-error, #level_flexible_row .form-content .donation-levels.form-error { padding: 0; } div.donation-form-container.responsive div.donation-level-container .donation-level-input-container { width: 100%; padding: 0; } div.donation-form-container.responsive div.donation-level-container { font-weight: normal; color: #0064ff; background-color: #fff; width: inherit; margin: 0 0 20px; padding: 0; display: block; border-radius: 4px; cursor: pointer; border: 2px solid #0064ff; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } div.donation-form-container.responsive div.donation-level-container:hover, div.donation-form-container.responsive div.donation-level-container:active, div.donation-form-container.responsive div.donation-level-container:focus { color: #fff; background-color: #0d2354; border: 2px solid #0d2354; } div.donation-form-container.responsive div.donation-level-container.user-entered { font-weight: normal; color: #0064ff; background-color: #fff; width: inherit; margin: 0 0 20px; padding: 0; display: block; border-radius: 0; cursor: pointer; border: none; } div.donation-form-container.responsive div.donation-level-container label { cursor: pointer; } div.donation-form-container.responsive div.donation-level-container .donation-level-input-container label { width: 100%; padding: 12px 0; display: block; } div.donation-form-container.responsive div.donation-level-container.active { color: #fff !important; background-color: #0064ff !important; border: 2px solid #0064ff !important; } div.donation-form-container.responsive div.donation-level-container.user-entered.active { color: #fff !important; background-color: transparent !important; border: none !important; } div.donation-level-amount-container { display: none; font-family: Aeonik,Arial,sans-serif; font-size: 16px; font-size: 1rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #0064ff; min-width: auto; height: auto; } div.donation-level-amount-container+div.donation-level-label-container { font-family: Aeonik,Arial,sans-serif; font-size: 16px; font-size: 1rem; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-align: center; color: #0064ff; min-width: 90px; height: auto; margin-top: 0; margin-left: auto; } div.donation-form-container.responsive div.donation-level-container:hover div.donation-level-amount-container, div.donation-form-container.responsive div.donation-level-container:active div.donation-level-amount-container, div.donation-form-container.responsive div.donation-level-container:focus div.donation-level-amount-container, div.donation-form-container.responsive div.donation-level-container:hover div.donation-level-amount-container+div.donation-level-label-container, div.donation-form-container.responsive div.donation-level-container:active div.donation-level-amount-container+div.donation-level-label-container, div.donation-form-container.responsive div.donation-level-container:focus div.donation-level-amount-container+div.donation-level-label-container { color: #fff; } div.donation-form-container.responsive div.donation-level-container.active div.donation-level-amount-container+div.donation-level-label-container { color: #fff !important; } #level_standard_row .form-content, #level_flexible_row .form-content { font-size: 18px; font-size: 1.125rem; margin-top: 0; margin-bottom: 0; display: block; } input[type="checkbox"] ~ label { font-weight: normal !important; width: 100%; line-height: 1.56; } .transaction-fee-wrap fieldset { position: relative; } .transaction-fee-wrap input[type="checkbox"] { width: 25px; top: 2px; } .transaction-fee-wrap input[type="checkbox"] ~ label { width: auto; display: inline-block; max-width: none; cursor: auto; } .transaction-fee-wrap .tooltip, #donor_email_address_row .tooltip, #responsive_payment_typecc_cvv_row .tooltip { display: inline-block; font-weight: 400; } .transaction-fee-wrap .tooltip [class*=" icon-"], .transaction-fee-wrap .tooltip [class^=icon-] { color: #fff; font-size: 0px; } .transaction-fee-wrap .tooltip p, #donor_email_address_row .tooltip p, #responsive_payment_typecc_cvv_row .tooltip p { color: #fff; font-size: 14px; font-size: .875rem; font-weight: bold; line-height: 1.5; } .transaction-fee-wrap .tooltip [class*=" icon-"]:before, .transaction-fee-wrap .tooltip [class^=icon-]:before { font-size: 16px; font-size: 1rem; } .transaction-fee-wrap .tooltip .tooltip-box { left: auto; right: -10px; width: 270px; top: -90px; } .transaction-fee-wrap .tooltip .tooltip-box:after { left: auto; top: auto; bottom: -4px; right: 16px; } #employer_match_toggle { padding-top: 15px; } #employer_match_toggle.slide-transition.slide-out-left { padding-top: 0; } #level_flexible_row + #employer_match_toggle { padding-top: 0; } #employer_match_toggle .form-content { position: relative; } #employer_match_toggle + .form-row #employer_match_search #dd-company-name-input { flex: none; max-width: none; margin-top: 0; padding-right: 0; } #employer_match_toggle label { width: auto; max-width: none; display: inline-block; } #employer_match_container.wrap { height: 65px; } #employer_match_container.wrap.slide-out-left { height: 0; } #employer_match_search { position: absolute; width: 335px; z-index: 2; margin-top: 15px; width: 88%; width: -ms-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); max-width: none; } #employer_match_search p { margin: 0; } #donor_email_address_row .tooltip, #responsive_payment_typecc_cvv_row .tooltip { top: -2px; } #donor_email_address_row .tooltip .tooltip-box { left: -10px; right: auto; width: 77vw; top: -90px; } #donor_email_address_row .tooltip .tooltip-box:after { left: 16px; top: auto; bottom: -4px; right: auto; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box { left: -10px; right: auto; width: 270px; top: -90px; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box:after { left: 16px; top: auto; bottom: -4px; right: auto; } input[type=checkbox]~label:after { top: 6px; } input[type=checkbox]~label:before { background: #ffffff; } input[type=checkbox]:checked~label:before { border: 2px solid #0064ff; background: #0064ff; } input[type=checkbox]:checked~label:after { color: #fff; } label + div.donation-level-user-entered { margin-top: 0; margin-left: 0; display: block; position: relative; } label + div.donation-level-user-entered span.dollar { position: absolute; color: #0064ff; display: block; pointer-events: none; text-align: left; font-style: normal; z-index: 2; font-size: 16px; font-size: 1rem; left: 15px; top: 10px; } label + div.donation-level-user-entered input[type="text"] { font-size: 16px; font-size: 1rem; line-height: 1; width: 100%; height: 100%; padding: 11px 0 11px 25px !important; position: relative; z-index: 1; } div.donation-form-container.responsive div.donation-level-container.user-entered.active label + div.donation-level-user-entered span.dollar { color: #fff; } div.donation-form-container.responsive div.donation-level-container.user-entered.active label + div.donation-level-user-entered input[type="text"] { color: #fff; background: #0064ff; border: 2px solid #0064ff !important; } div.donation-form-container.responsive div.donation-level-container.user-entered.active label + div.donation-level-user-entered input[type="text"]::placeholder { color: #fff; } div.donation-form-container.responsive div.donation-level-container.user-entered.active label + div.donation-level-user-entered input[type="text"]:focus::placeholder, div.payment-field-container #responsive_payment_typecc_number_row input[type="text"]:focus::placeholder, div.payment-field-container #responsive_payment_typecc_cvv_row input[type="text"]:focus::placeholder, #tribute_honoree_name_row input[type="text"]:focus::placeholder { color: transparent; } .section-header-container { font-size: 20px; font-size: 1.25rem; color: #0d2354; font-family: Aeonik,Arial,sans-serif; text-align: center; margin-top: 0; margin-bottom: 0; padding-top: 0; border-top: none; height: 0; visibility: hidden; } .slide-transition .section-header-container { height: auto; visibility: visible; } .slide-transition.slide-out-left .section-header-container, .slide-transition.slide-out-right .section-header-container { height: 0; visibility: hidden; } div.payment-field-container div.payment-type-selections span.payment-type-option { background: none; filter: none; position: relative; margin: 0; padding: 15px 1px; border: none; border-radius: 0; } div.payment-field-container span.payment-type-option.selected { background-color: #fff; background: none; filter: none; } div.payment-field-container span.payment-type-option input[type=radio] { display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); } div.payment-field-container span.payment-type-option input[type=radio]~label { font-size: 16px; font-size: 1rem; color: #0064ff; display: block; position: relative; padding-left: 0; cursor: pointer; font-weight: 400; line-height: 1.5; } div.payment-field-container span.payment-type-option input[type=radio]~label:before, div.payment-field-container span.payment-type-option input[type=radio]~label:after { content: none; } div.payment-field-container span.internal-payment { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; background-color: transparent; } div.payment-field-container span.external-payment { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: none; background-color: transparent; } div.payment-field-container span span.payment-type-option { margin: 0 !important; } #responsive_payment_typepay_typeradio_row .payment-type-selections { display: block; margin: 0 0 15px; } div.payment-field-container div.payment-type-selections span { text-align: center; width: 100%; margin: 0 0 15px; } div.payment-field-container div.payment-type-selections span:last-of-type { margin: 0 0 15px; } div.payment-field-container span.internal-payment span.payment-type-option { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 2px solid #0064ff; background-color: #fff; width: 100%; display: inline-block; border: 2px solid #c4d600 !important; background-color: #c4d600; } div.payment-field-container span.internal-payment span.payment-type-option:hover, div.payment-field-container span.internal-payment span.payment-type-option:active, div.payment-field-container span.internal-payment span.payment-type-option:focus { border: 2px solid #0d2354 !important; background-color: #0d2354; } div.payment-field-container span.internal-payment span.payment-type-option input[type=radio]~label a { font-weight: bold; color: #0d2354; } div.payment-field-container span.internal-payment span.payment-type-option:hover input[type=radio]~label a, div.payment-field-container span.internal-payment span.payment-type-option:active input[type=radio]~label a, div.payment-field-container span.internal-payment span.payment-type-option:focus input[type=radio]~label a { color: #fff; } div.payment-field-container span.internal-payment span.payment-type-option input[type=radio]~label a:before { content: "\e98c"; font-family: icomoon !important; margin-right: .5rem !important; margin-left: 0 !important; width: auto !important; font-size: 18px; font-size: 1.125rem; line-height: 1; display: inline-block; margin-top: 0; height: auto; border: none; background: transparent; top: 2px; left: auto; color: #0064ff; border-radius: 0; position: relative; color: #0d2354; font-weight: normal; } div.payment-field-container span.internal-payment span.payment-type-option:hover input[type=radio]~label a:before, div.payment-field-container span.internal-payment span.payment-type-option:active input[type=radio]~label a:before, div.payment-field-container span.internal-payment span.payment-type-option:focus input[type=radio]~label a:before { color: #fff; } div.payment-field-container span.internal-payment span.payment-type-option.selected { background-color: #0064ff; color: #fff; } div.payment-field-container span.internal-payment span.payment-type-option.selected:hover, div.payment-field-container span.internal-payment span.payment-type-option.selected:active, div.payment-field-container span.internal-payment span.payment-type-option.selected:focus { border: 2px solid #0064ff; background-color: #0064ff; } div.payment-field-container span.internal-payment span.payment-type-option.selected input[type=radio]~label { color: #fff; } div.payment-field-container span.internal-payment span.payment-type-option.selected input[type=radio]~label a:before { color: #fff; } div.payment-field-container span.external-payment span.payment-type-option { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: none; background-color: #FCBB32; } div.payment-field-container span.external-payment span.payment-type-option a.payment-type-label { height: 28px; display: block; background-image: url("../images/payment/paypal-logo.png"); background-repeat: no-repeat; background-position: 50% 50%; position: relative; } div.payment-field-container span.external-payment span.payment-type-option label a.payment-type-label img { opacity: 0; } div.payment-field-container span.external-payment span.payment-type-option:hover, div.payment-field-container span.external-payment span.payment-type-option:active, div.payment-field-container span.external-payment span.payment-type-option:focus { background-color: #0d2354; } div.payment-field-container span.external-payment span.payment-type-option:hover a.payment-type-label, div.payment-field-container span.external-payment span.payment-type-option:active a.payment-type-label, div.payment-field-container span.external-payment span.payment-type-option:focus a.payment-type-label { background-image: url("../images/payment/paypal-logo-white.png"); } div.payment-field-container span.internal-payment span.payment-type-option.disabled, div.payment-field-container span.external-payment span.payment-type-option.disabled, div.payment-field-container span.mobile-payment span.payment-type-option.disabled, div.payment-field-container span.venmo-payment span.payment-type-option.disabled { pointer-events: none; background-color: #ebebeb; border: 2px solid #d9d9d9 !important; } div.payment-field-container span.external-payment span.payment-type-option.disabled { padding: 13px 10px; } div.payment-field-container span.venmo-payment span.payment-type-option.disabled a.payment-type-label { padding: 20px 10px 21px; } div.payment-field-container span.external-payment span.payment-type-option.selected { background-color: #0064ff; pointer-events: none; } div.payment-field-container span.external-payment span.payment-type-option.selected a.payment-type-label { background-image: url("../images/payment/paypal-logo-white.png"); } div.payment-field-container span.external-payment span.payment-type-option.disabled a.payment-type-label { background-image: url("../images/payment/paypal-logo-disabled.png"); } div.payment-field-container span.mobile-payment span.payment-type-option { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: none; background-color: #000000; padding: 0; height: 100%; } div.payment-field-container span.mobile-payment span.payment-type-option a.payment-type-label { height: 28px; display: block; background-image: url("../images/payment/applepay-logo-white.png"); background-repeat: no-repeat; background-position: 50% 50%; position: relative; padding: 15px; width: 100%; height: 100%; } div.payment-field-container span.mobile-payment span.payment-type-option label a.payment-type-label img { opacity: 0; } div.payment-field-container span.mobile-payment span.payment-type-option:hover, div.payment-field-container span.mobile-payment span.payment-type-option:active, div.payment-field-container span.mobile-payment span.payment-type-option:focus { background-color: #0d2354; } div.payment-field-container span.mobile-payment span.payment-type-option:hover a.payment-type-label, div.payment-field-container span.mobile-payment span.payment-type-option:active a.payment-type-label, div.payment-field-container span.mobile-payment span.payment-type-option:focus a.payment-type-label { background-image: url("../images/payment/applepay-logo-white.png"); } div.payment-field-container span.mobile-payment span.payment-type-option.disabled a.payment-type-label { background-image: url("../images/payment/applepay-logo-disabled.png"); } div.payment-field-container span.venmo-payment span.payment-type-option { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: none; background-color: #008CFF; padding: 0; height: 100%; } div.payment-field-container span.venmo-payment span.payment-type-option a.payment-type-label { height: 28px; display: block; background-image: url("../images/payment/venmo-logo-white.png"); background-repeat: no-repeat; background-position: 50% 50%; position: relative; padding: 22px 10px 23px; width: 100%; height: 100%; } div.payment-field-container span.venmo-payment span.payment-type-option label a.payment-type-label img { opacity: 0; } div.payment-field-container span.venmo-payment span.payment-type-option:hover, div.payment-field-container span.venmo-payment span.payment-type-option:active, div.payment-field-container span.venmo-payment span.payment-type-option:focus { background-color: #0d2354; } div.payment-field-container span.venmo-payment span.payment-type-option:hover a.payment-type-label, div.payment-field-container span.venmo-payment span.payment-type-option:active a.payment-type-label, div.payment-field-container span.venmo-payment span.payment-type-option:focus a.payment-type-label { background-image: url("../images/payment/venmo-logo-white.png"); } div.payment-field-container span.internal-payment span.payment-type-option.disabled, div.payment-field-container span.external-payment span.payment-type-option.disabled, div.payment-field-container span.mobile-payment span.payment-type-option.disabled, div.payment-field-container span.venmo-payment span.payment-type-option.disabled { pointer-events: none; } div.payment-field-container span.internal-payment span.payment-type-option.disabled input[type=radio]~label a, div.payment-field-container span.internal-payment span.payment-type-option.disabled input[type=radio]~label a:before { color: #484848; } div.payment-field-container span.venmo-payment span.payment-type-option.selected { background-color: #0064ff; pointer-events: none; } div.payment-field-container span.venmo-payment span.payment-type-option.selected a.payment-type-label { background-image: url("../images/payment/venmo-logo-white.png"); } div.payment-field-container span.venmo-payment span.payment-type-option.disabled a.payment-type-label { background-image: url("../images/payment/venmo-logo-disabled.png"); } .payment-type-element-container.credit { background: #f6f6f6; margin-left: -15px; margin-right: -15px; margin-bottom: 30px; -webkit-transition: all .5s ease-in-out; transition: all .5s linear; } .payment-type-element-container.credit #payment_cc_container.slide-transition { } .payment-type-element-container.credit #payment_cc_container.slide-transition #responsive_payment_typecc_type_row { -webkit-box-flex: 0; -ms-flex: 0 0 0%; flex: 0 0 0%; max-width: 0%; } .payment-type-element-container.credit #payment_cc_container.slide-transition #responsive_payment_typecc_number_row { flex: auto; min-width: 42%; } .payment-type-element-container.credit #payment_cc_container.slide-transition #responsive_payment_typecc_exp_date_row { flex: auto; min-width: 37.33333%; } .payment-type-element-container.credit #payment_cc_container.slide-transition #responsive_payment_typecc_cvv_row { flex: auto; } .payment-type-element-container.credit #payment_cc_container.slide-transition .form-row { padding: 15px 15px 0; } .payment-type-element-container.credit #payment_cc_container.slide-transition .form-row:last-of-type { padding: 15px 15px 20px; } .payment-type-element-container #payment_cc_container.slide-transition .form-row span.field-required, .payment-type-element-container #payment_cc_container.slide-transition .form-row label { /*display: none;*/ } div.payment-field-container #responsive_payment_typecc_number_row input { width: 100%; } div.payment-field-container #responsive_payment_typecc_cvv_row input { width: 100%; } #credit_card_intro { text-align: center; } #credit_card_intro.slide-transition { margin-top: 20px; margin-bottom: 25px; padding-top: 25px; border-top: 1px solid #d9d9d9; } #credit_card_intro.slide-transition.logged-in { /*margin-left: -15px; margin-right: -15px;*/ } #credit_card_intro.slide-transition.slide-out-right { margin-top: 0; margin-bottom: 0; padding-top: 0; border-top: none; } #credit_card_intro ul.radio-array-list { line-height: 0; margin: 0; padding: 0; } #credit_card_intro ul.radio-array-list li.tender-row { display: inline-block; font-size: 0; line-height: 1; margin: 0 5px 0 0; } #dedication_info_heading.slide-transition { margin-top: 20px; margin-bottom: 15px; padding-top: 25px; border-top: 1px solid #d9d9d9; } #dedication_info_heading.slide-transition.slide-out-right { margin-top: 0; margin-bottom: 0; padding-top: 0; border-top: none; } #paypal_intro { text-align: center; } .slide-transition #paypal_intro { margin-top: 20px; margin-bottom: 25px; padding-top: 30px; border-top: 1px solid #d9d9d9; } .slide-transition.slide-out-right #paypal_intro { margin-top: 0; margin-bottom: 0; padding-top: 0; border-top: none; } #credit_card_intro h3, #donation_review h2, #donation_review h3, #paypal_intro h3 { font-size: 20px; font-size: 1.25rem; color: #0d2354; font-family: Aeonik,Arial,sans-serif; text-align: center; margin-bottom: 0; } #donation_review { text-align: center; } #donation_review h2, #donation_review h3 { margin-bottom: 15px; } #donation_review .donation-amount { font-weight: bold; color: #0d2354; width: 100%; text-align: right; display: block; position: relative; margin: 0 auto; max-width: 200px; } #donation_review .donation-amount:before { content: "Donation"; font-weight: normal; padding-right: 3px; text-align: left; position: absolute; left: 0; } #donation_review .donor-cover-amount { font-weight: bold; color: #0d2354; width: 100%; text-align: right; display: block; position: relative; margin: 0 auto; max-width: 200px; } #donation_review .donor-cover-amount:before { content: "Processing Fee"; font-weight: normal; padding-right: 3px; text-align: left; position: absolute; left: 0; } #donation_review .donation-total { font-weight: bold; color: #0d2354; width: 100%; text-align: right; display: block; position: relative; margin: 10px auto 0; padding-bottom: 20px; max-width: 200px; font-size: 18px; font-size: 1.125rem; } #donation_review .donation-total:before { content: "Total"; font-weight: bold; padding-right: 3px; text-align: left; position: absolute; left: 0; } #donation_review.asterisk .donation-amount:after { content: "*"; font-weight: normal; padding-right: 0; text-align: left; } #donation_review.asterisk .donation-total { padding-bottom: 10px; } #donation_review.asterisk .footnote { margin: 0; padding-bottom: 20px; } div.button-container { border-top: none; text-align: center; padding-top: 0; } #pstep_finish { width: 100%; max-width: none; height: auto; border-radius: 4px; background-color: #0064ff; background-image: none; color: #fff; float: none; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 17px 5px 16px; border: 2px solid #0064ff; } #pstep_finish:hover, #pstep_finish:active, #pstep_finish:focus { background-color: #0d2354; border: 2px solid #0d2354; } .donation-disclaimer { margin-top: 25px; padding-left: 15px; padding-right: 15px; } .donation-disclaimer .padding-top { padding-top: 0; } .donation-disclaimer p { color: #fff; font-size: 16px; font-size: 1rem; line-height: 1.44; } .donation-disclaimer p:last-of-type { margin: 0; } footer.footer { -ms-flex-align: stretch; align-items: stretch; border-top: none; bottom: 0; } .footer .no-seo .footer-logo { text-align: center; margin: auto 0 25px; display: block; } .footer .no-seo .footer-logo-img { } .footer .no-seo .footer-logo-img img { max-height: 80px; } .tooltip .tooltip-box { line-height: 1.44; min-width: 150px; left: auto; z-index: 4; background: #E8F1FF; color: #0d2354; font-size: 14px; font-size: .875rem; border: none; padding: 10px 20px; transform-style: preserve-3d; width: 90vw; right: 0; } .tooltip .tooltip-box, .tooltip .tooltip-box:after { background: #E8F1FF; } .tooltip .tooltip-box:after { right: 4px; top: -5px; left: auto; z-index: -1; height: 7px; width: 7px; -webkit-transform: rotate(45deg) translateZ(-1px); -ms-transform: rotate(45deg) translateZ(-1px); transform: rotate(45deg) translateZ(-1px); } .slide-transition { position: relative; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transition: transform .5s ease-in-out, visibility .5s ease-in-out; transition: transform .5s linear, visibility .5s ease-in-out; height: auto; visibility: visible; } .slide-out-left { -webkit-transform: translateX(-9999px); -ms-transform: translateX(-9999px); transform: translateX(-9999px); -webkit-transition: transform 1s ease-in-out, visibility 1s ease-in-out; transition: transform 1s ease-in-out, visibility 1s ease-in-out; height: 0; visibility: hidden; background: #fff !important; /*z-index: -1;*/ position: relative; } .slide-out-right { -webkit-transform: translateX(9999px); -ms-transform: translateX(9999px); transform: translateX(9999px); -webkit-transition: transform 1s ease-in-out, visibility 1s ease-in-out; transition: transform 1s ease-in-out, visibility 1s ease-in-out; height: 0; visibility: hidden; background: #fff !important; /*z-index: -1;*/ position: relative; } div.responsive div.form-error { border: none; background-color: transparent; padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-top: 0; position: relative; padding: 0 15px; } #donor_email_address_row.slide-transition.form-error, #billing_first_name_row.slide-transition.form-error, #billing_last_name_row.slide-transition.form-error, #billing_addr_city_row.slide-transition.form-error, #billing_addr_state_row.slide-transition.form-error, #billing_addr_zip_row.slide-transition.form-error { margin-bottom: 15px; } #donor_email_address_row.slide-transition.slide-out-right.form-error, #billing_first_name_row.slide-transition.slide-out-right.form-error, #billing_last_name_row.slide-transition.slide-out-right.form-error, #billing_addr_city_row.slide-transition.slide-out-right.form-error, #billing_addr_state_row.slide-transition.slide-out-right.form-error, #billing_addr_zip_row.slide-transition.slide-out-right.form-error { margin-bottom: 0; padding: 0; } div.responsive #donor_email_address_row.form-error, div.responsive #billing_addr_street1_row.form-error { padding: 0; } div.responsive div.col-12.form-error, div.responsive div.col-sm-6.form-error { } .payment-type-element-container.credit #payment_cc_container.slide-transition .form-row.form-error { padding: 20px 15px; } div.responsive div.donation-levels.form-error:after { content: "Enter a gift amount"; font-size: 16px; font-size: 1rem; color: #d0021b; display: block; margin-top: -10px; margin-bottom: 10px; text-align: left; width: 100%; } div.responsive div.donation-levels.form-error.minimum:after { content: "Minimum gift of $5.00 is required"; } div.responsive div.donation-levels.form-error div.donation-level-container.user-entered.active label + div.donation-level-user-entered input[type="text"], .form-row.form-text.form-error .form-content input[type="text"], .form-row.form-selectlist.form-error .form-content select, .form-row.form-date.form-error .form-content select { border: 2px solid #d0021b !important; } div.responsive div.ErrorMessage { margin-bottom: 0; } div.responsive div.ErrorMessage.page-error, div.responsive div.ErrorMessage + div.ErrorMessage { display: none; } .ErrorMessage { font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 1.2; text-align: left; color: #d0021b; /*margin: 3px 0 20px;*/ display: block; /*position: absolute; bottom: 5px;*/ margin-top: 5px; margin-bottom: 0; } .ErrorMessage:before { content: none; } .ErrorMessage { /* margin-bottom: 4px; */ } .errorMessageContainer .ErrorMessage { position: relative; } .errorMessageContainer .ErrorMessage.page-error { width: 100%; margin-bottom: 0; border: none; background-color: #d0021b; color: #fff; padding: 20px 35px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-top: 0; bottom: 0; } .errorMessageContainer .ErrorMessage.page-error > span.field-error-indicator { display: none; } .errorMessageContainer .ErrorMessage.page-error > span.field-error-text { border: none; background-color: transparent; color: #ffffff; padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; font-size: 16px; font-size: 1em; line-height: 1.44; display: inline-block; zoom: 1; width: 100%; } #donor_email_address_row #in_form_login { display: inline; /*float: right;*/ position: absolute; right: 0; top: 0; } /* THANK YOU */ .accordion { border: 2px solid #d9d9d9; height: auto; margin: 0 0 20px!important; border-radius: 4px; -webkit-box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .09); box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .09); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; text-decoration: none; position: relative; -webkit-transition: top .5s ease; transition: top .5s ease; top: 0; } .accordion .accordion-title { font-size: 18px; font-size: 1.125rem; line-height: 1.25; color: #0D2354; cursor: pointer; font-weight: normal; padding: 20px 50px 17px 20px; position: relative; text-align: left; background: transparent; border: 0; text-transform: none; letter-spacing: normal; border-radius: 4px; } .accordion.bold-title .accordion-title { font-size: 20px; font-size: 1.25rem; font-weight: bold; } .accordion .accordion-title.active:after { content: "\E90D"; } .accordion .accordion-content { display: none; font-size: 18px; font-size: 1.125rem; line-height: 1.6; padding: 20px; border-top: 2px solid #EBEBEB; } .accordion .accordion-content.active { display: block; } #donation_transaction_summary p { font-size: 16px; font-size: 1rem; } div.transaction-summary-info { width: 100%; border-top: 2px solid #0d2354; padding-top: 2px; } div.transaction-summary-entry { line-height: 1; background-color: #ffffff; border-top: none; border-bottom: 1px solid #d9d9d9; padding: 15px 10px 12px 15px; } div.transaction-summary-entry:nth-child(even) { background-color: #f6f6f6; } div.transaction-summary-entry.lt-blue { background-color: #e8f1ff; } div.transaction-summary-entry:last-child { border-bottom: none; } div.transaction-summary-entry .entry-label, div.transaction-summary-entry .entry-value { line-height: 1; } div.transaction-summary-entry .entry-label { text-align: left; padding-right: 3px; } div.transaction-summary-entry .entry-value { text-align: right; } div.transaction-summary-entry .entry-value-donation-amount { font-weight: bold; } div.donation-form-container.responsive .donation-form-content #thank-you-intro { margin-top: 15px; } div.donation-form-container.responsive .donation-form-content h2.honoree-name { line-height: 1.36; } div.donation-form-container.responsive .donation-form-content h2.honoree-name strong { background-color: #e8f1ff; display: block; padding: 8px 5px 5px; } div.donation-form-container.responsive .donation-form-content #confetti { display: block; height: 1px; } div.donation-form-container.responsive .donation-form-content .transaction-summary-entries, div.donation-form-container.responsive .donation-form-content .additional-entries { display: none; } div.donation-form-container.responsive .donation-form-content #donation_transaction_summary .transaction-summary-entries { display: block; } .main-inner-wrap > p.ErrorMessage.ecard-error { color: #fff; background: #d0021b; margin: 0; padding: 10px; } form#InputForm .appArea table tbody tr td:nth-child(1), form#InputForm .appArea table tbody tr td p.Hint, form#InputForm .appArea table tbody tr td input[type=checkbox], form#InputForm .appArea table tbody tr td label.wrapable, form#InputForm .appArea table tbody tr td a:not(.Smaller), form#InputForm .appArea table tbody tr td.NetscapeFix span.NetscapeFix br, form#InputForm .appArea table tbody tr td input#taf_popup_preview, form#InputForm .appArea table tbody tr td input[type=reset], form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td br, form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td a.Smaller img { display: none; } form#InputForm .appArea { margin: 0; padding: 20px 0 30px; width: 100%; } form#InputForm .appArea h3.ObjTitle { font-size: 20px; font-size: 1.25rem; color: #0d2354; font-family: Aeonik,Arial,sans-serif; text-align: center; margin-top: 0px; margin-bottom: 15px; } form#InputForm .appArea h3.ObjTitle.recipient-info { margin-top: 10px; margin-bottom: 15px; } form#InputForm .appArea table, form#InputForm .appArea table tbody, form#InputForm .appArea table tbody tr, form#InputForm .appArea table tbody tr td { display: block; } form#InputForm .appArea table { margin: 0; padding: 0; } form#InputForm .appArea table tbody tr td table tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } form#InputForm .appArea table tbody tr td table tbody tr td, form#InputForm .appArea table tbody tr td table tbody tr td:nth-child(1) { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } form#InputForm .appArea table tbody tr td, form#InputForm .appArea table tbody tr td p:not(.ErrorMessage) { margin: 0; font-size: 0px; } form#InputForm .appArea p.ErrorMessage { margin: 0 0 15px; } form#InputForm .appArea table tbody tr td p.ErrorMessage { margin: 5px 0 10px; } form#InputForm .appArea table tbody tr td[colspan="3"] p.ErrorMessage { margin: 0 0 10px; } form#InputForm .appArea table tbody tr td p label { font-size: 16px; font-size: 1rem; font-weight: bold; color: #0d2354; line-height: 1; text-align: left; vertical-align: inherit; display: block; margin: 0 0 5px; } form#InputForm .appArea table tbody tr td table tbody tr td p label[for=cons_first_name]:before, form#InputForm .appArea table tbody tr td table tbody tr td p label[for=cons_last_name]:before, form#InputForm .appArea table tbody tr td p label[for=cons_email]:before, form#InputForm .appArea table tbody tr td p label[for=sendtoemail]:before, form#InputForm .appArea table tbody tr td p label[for=subject]:before, form#InputForm .appArea table tbody tr td p label[for=message]:before, form#InputForm .appArea table tbody tr td p label[for=taf_captcha]:before { content: '*'; font-size: 16px; font-size: 1rem; font-weight: bold; color: #0064ff; line-height: 1; } form#InputForm .appArea table tbody tr td table tbody tr td p label[for=cons_first_name]:after, form#InputForm .appArea table tbody tr td table tbody tr td p label[for=cons_last_name]:after { content: "Name:"; display: inline; } form#InputForm .appArea table tbody tr td input[type=text], form#InputForm .appArea table tbody tr td input[type=email] { background: #fff; width: 100%; margin-bottom: 15px; } form#InputForm .appArea table tbody tr td textarea { width: 100% !important; min-height: 175px; margin-bottom: 15px; line-height: 1.6; padding: 10px 20px !important; } form#InputForm .appArea table tbody tr td.form-error input[type=text], form#InputForm .appArea table tbody tr td.form-error input[type=email], form#InputForm .appArea table tbody tr td.form-error textarea { margin-bottom: 0 !important; border: 2px solid #d0021b !important; } form#InputForm .appArea table tbody tr td.form-error .ErrorMessage { margin-bottom: 10px; } form#InputForm .appArea table tbody tr td.form-error .ErrorMessage + .ErrorMessage { display: none; } form#InputForm .appArea table tbody tr td.NetscapeFix { line-height: normal; } form#InputForm .appArea table tbody tr td.NetscapeFix span.NetscapeFix { margin-top: 0 !important; } form#InputForm .appArea table tbody tr td.NetscapeFix span.NetscapeFix textarea { min-height: 125px; margin-bottom: 0; } form#InputForm .appArea table tbody tr td.NetscapeFix span.Hint { font-size: 14px; font-size: .875rem; font-weight: normal; color: #000000; line-height: 1.6; text-align: left; vertical-align: inherit; display: block; margin: 0 0 15px; } form#InputForm .appArea table tbody tr td.NetscapeFix span.Hint br { display: block; margin: 0 0 15px; } form#InputForm .appArea table tbody tr td input#taf_send { width: 100%; max-width: none; height: auto; border-radius: 4px; background-color: #0064ff; background-image: none; color: #fff; float: none; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding: 17px 5px 16px; border: 2px solid #0064ff; } form#InputForm .appArea table tbody tr td input#taf_send:hover, form#InputForm .appArea table tbody tr td input#taf_send:active, form#InputForm .appArea table tbody tr td input#taf_send:focus { background-color: #0d2354; border: 2px solid #0d2354; } form#InputForm .appArea table tbody tr td input#taf_send.disabled, form#InputForm .appArea table tbody tr td input#taf_send[class*="validate"] { background-color: #d9d9d9; border: 2px solid #d9d9d9; color: #8d8d8d; pointer-events: none; } form#InputForm .appArea table tbody tr td #ecard_captcha_container { margin: 0 0 20px; } form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="120"] { order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0 !important; padding-top: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; } form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="200"] { order: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center; padding-top: 5px !important; padding-bottom: 10px !important; padding-left: 0 !important; padding-right: 0 !important; } form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="200"] img { display: block; margin: 0 auto 5px; } form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="120"] a.Smaller, form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="200"] a.Smaller { display: inline-block; width: 20px; height: 20px; background: #0064ff; position: relative; border-radius: 50%; color: #fff; cursor: pointer; margin-left: 0; text-align: center; font-size: 12px; font-size: .75rem; text-decoration: none; } form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="120"] a.Smaller:hover, form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="120"] a.Smaller:active, form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="120"] a.Smaller:focus, form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="200"] a.Smaller:hover, form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="200"] a.Smaller:active, form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="200"] a.Smaller:focus { background: #0d2354; } form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="120"] a.Smaller:before, form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="200"] a.Smaller:before { content: "\E9A9"; font-size: 12px; font-size: .75rem; color: #ffffff; font-family: icomoon; margin-top: 0; margin-left: 0; margin-right: 0; display: block; line-height: 20px; } form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="120"] a.Smaller + br + a.Smaller, form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="200"] a.Smaller + a.Smaller { font-size: 14px; font-size: .875rem; line-height: 1; margin-left: 5px; display: inline-block; width: auto; height: auto; background: transparent; position: relative; border-radius: inherit; color: #0064ff; cursor: pointer; text-align: left; text-decoration: none; } form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="120"] a.Smaller + br + a.Smaller:before, form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="200"] a.Smaller + a.Smaller:before { content: none; } form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="120"] a.Smaller + br + a.Smaller:hover, form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="120"] a.Smaller + br + a.Smaller:active, form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="200"] a.Smaller + a.Smaller:hover, form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="200"] a.Smaller + a.Smaller:active { text-decoration: underline; color: #0d2354; } form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="120"] a.Smaller + br + a.Smaller:focus, form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="200"] a.Smaller + a.Smaller:focus { text-decoration: none; color: #0064ff; } @media (min-width: 576px) { .Mask-Copy-7 .FormLabelIntro .monthly-arrow.mobile { display: none; } .Mask-Copy-7 .FormLabelIntro .monthly-arrow.desktop { display: block; margin-left: 65px; margin-right: auto; } form#InputForm .appArea table tbody tr td input#taf_send { max-width: 300px; } } @media (min-width: 768px) { form#InputForm .appArea h3.ObjTitle { font-size: 24px; font-size: 1.5rem; margin-top: 10px; margin-bottom: 25px; } form#InputForm .appArea h3.ObjTitle.recipient-info { margin-top: 20px; margin-bottom: 15px; } form#InputForm .appArea { padding: 20px 20px 50px; } form#InputForm .appArea table tbody tr td table tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } form#InputForm .appArea table tbody tr td table tbody tr td, form#InputForm .appArea table tbody tr td table tbody tr td:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: 15px; padding-left: 15px; } form#InputForm .appArea table tbody tr td #ecard_captcha_container { margin: 5px 0 25px; } form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td { } form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="120"] { order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; padding-left: 15px !important; padding-top: 0 !important; padding-right: 15px !important; padding-bottom: 0 !important; } form#InputForm .appArea table tbody tr td #ecard_captcha_container table tbody tr td[width="200"] { order: 0; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; padding-left: 15px !important; padding-top: 0 !important; padding-right: 15px !important; padding-bottom: 0 !important; } } @media (min-width: 375px) { .header-logo img { height: 43px; } .header-inner .seo-title { display: none; } } @media (min-width: 480px) { .header-inner .seo-title { font-size: 14px; font-size: .875rem; } } @media (min-width: 576px) { .header-inner .seo-title { font-size: 16px; font-size: 1rem; padding: 0 20px; } .promo[class*=tablet-].promo-hero #hero.promo-card-content-wrap { background-image: linear-gradient(to bottom, transparent, rgba(13,35,84,0) 30%, rgba(13,35,84,.9) 70%); padding-top: calc(42.5% - 35px); } #hero #hero-text { /*padding: 25px 35px;*/ padding-left: 25px; padding-right: 25px; padding-bottom: 35px; padding-top: 0; } #hero #hero-text h1 { margin: 0 0 15px; } div.donation-form-container.responsive { padding: 35px 0 30px; } .Mask-Copy-7 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .Mask-Copy-7 .donate-button { /*flex: 0 0 33.33333%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%;*/ width: auto; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 0; /*padding-left: 8px; padding-right: 8px;*/ padding-left: 0; padding-right: 0; } .Mask-Copy-7 .donate-button:first-of-type { padding-right: 16px; } .Mask-Copy-7 .donate-button + .donate-button:last-of-type { padding-left: 16px; } #level_standard_row .form-content .donation-levels, #level_flexible_row .form-content .donation-levels { text-align: center; display: flex; flex-wrap: wrap; } div.donation-form-container.responsive .donation-form-content { padding-left: 20px; padding-right: 20px; } #level_standard_row.form-row .form-content .FormLabelText, #level_flexible_row.form-row .form-content .FormLabelText { text-align: left; } div.donation-form-container.responsive div.donation-level-container { width: auto; margin: 0 15px 15px 0; flex: 1; display: block; -webkit-box-align: center; -ms-flex-align: center; align-self: center; } div.donation-form-container.responsive div.donation-level-container.user-entered { width: auto; margin: 0 0 15px; top: auto; } #level_standard_row .form-content, #level_flexible_row .form-content { display: block; } #level_standard_row .form-content .donation-levels, #level_flexible_row .form-content .donation-levels { text-align: center; display: flex; flex-wrap: wrap; } label + div.donation-level-user-entered { min-width: 100px; margin-top: 0; padding: 0; } #responsive_payment_typepay_typeradio_row { margin-left: 0; margin-right: 0; } #responsive_payment_typepay_typeradio_row .payment-type-selections { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 0; } div.payment-field-container div.payment-type-selections span { width: auto; margin: 0 15px 15px 0; flex: 1; display: block; -webkit-box-align: center; -ms-flex-align: center; align-self: center; } div.payment-field-container div.payment-type-selections span:last-of-type { margin: 0 0 15px; } #responsive_payment_typepay_typeradio_row .payment-type-selections.two-by-two { margin: 0 -7px; } #responsive_payment_typepay_typeradio_row .payment-type-selections.two-by-two span[class*=-payment] { flex-basis: 50%; flex-grow: 1; margin: 0 0 15px; padding: 0 7px; } .payment-type-element-container.credit #payment_cc_container.slide-transition .form-row { padding: 20px 15px; } .payment-type-element-container.credit #payment_cc_container.slide-transition .form-row:last-of-type { padding: 20px 15px; } #pstep_finish { width: 100%; max-width: 300px; } .payment-type-element-container.credit #payment_cc_container.slide-transition { display: -webkit-box; display: -ms-flexbox; display: flex; } .payment-type-element-container.credit #payment_cc_container.slide-transition #responsive_payment_typecc_number_row { -webkit-box-flex: 0; -ms-flex: 0 0 42.66667%; flex: 0 0 42.66667%; max-width: 42.66667%; } .payment-type-element-container.credit #payment_cc_container.slide-transition #responsive_payment_typecc_exp_date_row { -webkit-box-flex: 0; -ms-flex: 0 0 34.66667%; flex: 0 0 34.66667%; max-width: 34.66667%; min-width: auto; } .payment-type-element-container.credit #payment_cc_container.slide-transition #responsive_payment_typecc_exp_date_row.form-row.form-date .form-content select#responsive_payment_typecc_exp_date_MONTH { width: 45%; } .payment-type-element-container.credit #payment_cc_container.slide-transition #responsive_payment_typecc_exp_date_row.form-row.form-date .form-content select#responsive_payment_typecc_exp_date_YEAR { width: 52%; } .payment-type-element-container.credit #payment_cc_container.slide-transition #responsive_payment_typecc_cvv_row { -webkit-box-flex: 0; -ms-flex: auto; flex: auto; } .payment-type-element-container.credit #payment_cc_container.slide-transition .form-row.form-error { padding: 20px 15px; } .payment-field-container .ErrorMessage { bottom: 10px; } div.responsive div.donation-levels.form-error:after { margin-bottom: 0; text-align: right; } } @media (min-width: 653px) { #employer_match_search { width: 554px; } } @media (min-width: 768px) { .promo[class*=tablet-].promo-hero .promo-card { min-height: auto; padding: 0; } .bg-primary.midnight .promo-card-img.has-hero { height: auto; } .bg-primary.midnight .promo-card-img.has-hero { background-position: 50% 0%; height: auto; } .tablet-middle-top-left-corner .corner-img:before, .bg-primary.midnight .promo-card-img.has-hero:before { content: " "; } h1, #hero #hero-text h1 { font-size: 24px; font-size: 1.5rem; } main#main .main-inner { margin: 2% auto; padding: 0; } .tooltip { top: 0; margin-top: 0; margin-left: 5px !important; } .transaction-fee-wrap .tooltip .tooltip-box { left: auto; right: -10px; width: 270px; top: -90px; } .transaction-fee-wrap .tooltip .tooltip-box:after { left: auto; top: auto; bottom: -4px; right: 16px; } #donor_email_address_row .tooltip .tooltip-box { left: -10px; right: auto; width: 270px; top: -110px; } #donor_email_address_row .tooltip .tooltip-box:after { left: 16px; top: auto; bottom: -4px; right: auto; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box { left: auto; right: -20px; width: 270px; top: -90px; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box:after { left: auto; top: auto; bottom: -4px; right: 26px; } #donor_email_address_row #in_form_login { display: inline; float: right; } #billing_info_heading .section-header-container { font-size: 24px; font-size: 1.5rem; } .donation-disclaimer { margin-right: -15px; margin-left: -15px; } .payment-type-element-container.credit #payment_cc_container.slide-transition { display: -webkit-box; display: -ms-flexbox; display: flex; } .payment-type-element-container.credit #payment_cc_container.slide-transition #responsive_payment_typecc_number_row { -webkit-box-flex: 0; -ms-flex: 0 0 42.66667%; flex: 0 0 42.66667%; max-width: 42.66667%; } .payment-type-element-container.credit #payment_cc_container.slide-transition #responsive_payment_typecc_exp_date_row { -webkit-box-flex: 0; -ms-flex: 0 0 34.66667%; flex: 0 0 34.66667%; max-width: 34.66667%; min-width: auto; } .payment-type-element-container.credit #payment_cc_container.slide-transition #responsive_payment_typecc_exp_date_row .form-row.form-date .form-content select#responsive_payment_typecc_exp_date_MONTH { width: 45%; } .payment-type-element-container.credit #payment_cc_container.slide-transition #responsive_payment_typecc_exp_date_row .form-row.form-date .form-content select#responsive_payment_typecc_exp_date_YEAR { width: 52%; } .payment-type-element-container.credit #payment_cc_container.slide-transition #responsive_payment_typecc_exp_date_row.form-row.form-date .form-content select#responsive_payment_typecc_exp_date_MONTH, .payment-type-element-container.credit #payment_cc_container.slide-transition #responsive_payment_typecc_exp_date_row.form-row.form-date .form-content select#responsive_payment_typecc_exp_date_YEAR { width: auto; } .payment-type-element-container.credit #payment_cc_container.slide-transition #responsive_payment_typecc_cvv_row { -webkit-box-flex: 0; -ms-flex: 0 0 23%; flex: 0 0 23%; max-width: 23%; } .payment-type-element-container.credit #payment_cc_container.slide-transition .form-row { padding: 20px 15px; } .footer .no-seo { text-align: center; padding-bottom: 30px; padding-top: 30px; } .footer .footer-column.col-final { min-width: auto; position: inherit; } .footer .no-seo .footer-logo { float: none; } .footer .no-seo .footer-logo-img { margin: 0 auto; padding: 0 5px; } .footer .no-seo .footer-meta-list { text-align: center; display: block; margin: 20px 0 0; } .footer .no-seo .copyright { margin: 20px 0; display: block; } .payment-type-element-container.credit #payment_cc_container.slide-transition .form-row.form-error { padding: 20px 15px; } .payment-field-container .ErrorMessage { bottom: 15px; } } @media (min-width: 992px) { .header-inner { padding: 0; display: -ms-grid; display: grid; -ms-grid-rows: auto; grid-template-rows: auto; -ms-grid-columns: auto 1fr auto; grid-template-columns: auto 1fr auto; } header.trusted .header-inner, header.no-fix .header-inner, header.tr-pages .header-inner { padding: 16px 0; } .header-inner-wrap { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-right: 50px; padding: 0 0 0 3px; } .header-logo img { height: 80px; } .header-inner .header-utilities.tr-pages { padding-top: 2px; padding-right: 3px; } .header-inner .header-utilities.tr-pages + .seo-title { font-size: 22px; font-size: 1.375rem; display: block !important; padding: 0 3px 0 20px; -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; } .footer .no-seo { text-align: left; padding-bottom: 30px; padding-top: 25px; max-width: 1190px; } .footer .footer-column.col-final { min-width: 50%; position: relative; } .footer .no-seo .footer-meta-list { text-align: left; display: inline-block; margin: 15px 0 0; } .footer .no-seo .copyright { margin: 15px 0 0; max-width: 58%; display: block; } .footer .no-seo .footer-logo { float: none; display: inline-block; margin: auto 0 0; top: 0; bottom: auto; right: 0; position: absolute; } .footer .no-seo .footer-logo-img { margin: 10px 0 0 15px; padding: 0; width: auto; } .footer .no-seo .footer-logo-img:last-of-type { margin: 10px 0 0 15px; } .footer .no-seo .footer-logo-img img { max-width: none; } } @media (min-width: 1200px) { } @media (max-width: 414px) { .transaction-fee-wrap .tooltip { top: 0; right: 0; position: absolute; } .transaction-fee-wrap input[type="checkbox"] ~ label { width: 92%; } .transaction-fee-wrap .tooltip .tooltip-box { left: auto; right: -15px; width: 404px; top: -70px; } .transaction-fee-wrap .tooltip .tooltip-box:after { left: auto; top: auto; bottom: -4px; right: 21px; } #donor_email_address_row .tooltip .tooltip-box { left: -72px; right: auto; width: 404px; top: -90px; padding: 10px 20px; } #donor_email_address_row .tooltip .tooltip-box:after { left: 78px; top: auto; bottom: -4px; right: auto; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box { left: -10px; right: auto; top: -90px; top: -70px; left: -65px; width: 404px; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box:after { left: 72px; top: auto; bottom: -4px; right: auto; } } @media (max-width: 412px) { .transaction-fee-wrap .tooltip .tooltip-box { left: auto; right: -15px; width: 402px; top: -80px; } .transaction-fee-wrap .tooltip .tooltip-box:after { left: auto; top: auto; bottom: -4px; right: 21px; } #donor_email_address_row .tooltip .tooltip-box { left: -72px; right: auto; width: 402px; top: -100px; padding: 10px 20px; } #donor_email_address_row .tooltip .tooltip-box:after { left: 78px; top: auto; bottom: -4px; right: auto; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box { left: -10px; right: auto; top: -90px; top: -70px; left: -65px; width: 402px; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box:after { left: 72px; top: auto; bottom: -4px; right: auto; } } @media (max-width: 393px) { .transaction-fee-wrap .tooltip .tooltip-box { left: auto; right: -15px; width: 383px; top: -70px; } .transaction-fee-wrap .tooltip .tooltip-box:after { left: auto; top: auto; bottom: -4px; right: 21px; } #donor_email_address_row .tooltip .tooltip-box { left: -72px; right: auto; width: 383px; top: -100px; padding: 10px 20px; } #donor_email_address_row .tooltip .tooltip-box:after { left: 78px; top: auto; bottom: -4px; right: auto; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box { left: -10px; right: auto; top: -90px; top: -70px; left: -65px; width: 383px; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box:after { left: 72px; top: auto; bottom: -4px; right: auto; } } @media (max-width: 390px) { .transaction-fee-wrap .tooltip .tooltip-box { left: auto; right: -15px; width: 380px; top: -70px; } .transaction-fee-wrap .tooltip .tooltip-box:after { left: auto; top: auto; bottom: -4px; right: 21px; } #donor_email_address_row .tooltip .tooltip-box { left: -72px; right: auto; width: 380px; top: -100px; padding: 10px 20px; } #donor_email_address_row .tooltip .tooltip-box:after { left: 78px; top: auto; bottom: -4px; right: auto; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box { left: -10px; right: auto; top: -90px; top: -70px; left: -65px; width: 380px; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box:after { left: 72px; top: auto; bottom: -4px; right: auto; } } @media (max-width: 375px) { .transaction-fee-wrap .tooltip .tooltip-box { left: auto; right: -15px; width: 365px; top: -90px; } .transaction-fee-wrap .tooltip .tooltip-box:after { left: auto; top: auto; bottom: -4px; right: 21px; } #donor_email_address_row .tooltip .tooltip-box { left: -72px; right: auto; width: 364px; top: -90px; padding: 10px 20px; } #donor_email_address_row .tooltip .tooltip-box:after { left: 78px; top: auto; bottom: -4px; right: auto; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box { left: -10px; right: auto; top: -90px; top: -70px; left: -65px; width: 364px; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box:after { left: 72px; top: auto; bottom: -4px; right: auto; } } @media (max-width: 360px) { .transaction-fee-wrap .tooltip .tooltip-box { left: auto; right: -15px; width: 350px; top: -90px; } .transaction-fee-wrap .tooltip .tooltip-box:after { left: auto; top: auto; bottom: -4px; right: 21px; } #donor_email_address_row .tooltip .tooltip-box { left: -72px; right: auto; width: 350px; top: -90px; padding: 10px 20px; } #donor_email_address_row .tooltip .tooltip-box:after { left: 78px; top: auto; bottom: -4px; right: auto; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box { left: -10px; right: auto; top: -90px; top: -70px; left: -65px; width: 350px; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box:after { left: 72px; top: auto; bottom: -4px; right: auto; } } @media (max-width: 320px) { .transaction-fee-wrap .tooltip .tooltip-box { left: auto; right: -15px; width: 310px; top: -90px; } .transaction-fee-wrap .tooltip .tooltip-box:after { left: auto; top: auto; bottom: -4px; right: 21px; } #donor_email_address_row .tooltip .tooltip-box { left: -72px; right: auto; width: 310px; top: -100px; padding: 14px 10px 14px 15px; } #donor_email_address_row .tooltip .tooltip-box:after { left: 78px; top: auto; bottom: -4px; right: auto; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box { left: -10px; right: auto; top: -70px; left: -65px; width: 310px; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box:after { left: 72px; top: auto; bottom: -4px; right: auto; } } @media (max-width: 280px) { .transaction-fee-wrap .tooltip .tooltip-box { left: auto; right: -15px; width: 270px; top: -90px; } .transaction-fee-wrap .tooltip .tooltip-box:after { left: auto; top: auto; bottom: -4px; right: 21px; } #donor_email_address_row .tooltip .tooltip-box { left: -72px; right: auto; width: 270px; top: -114px; padding: 12px 10px 12px 15px; } #donor_email_address_row .tooltip .tooltip-box:after { left: 78px; top: auto; bottom: -4px; right: auto; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box { left: -10px; right: auto; top: -90px; left: -65px; width: 270px; } #responsive_payment_typecc_cvv_row .tooltip .tooltip-box:after { left: 72px; top: auto; bottom: -4px; right: auto; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .mobile div.responsive div.form-error div.form-content { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 767px) { .mobile div.responsive div.form-checkbox label, label.custom-element-checkbox-label, .mobile #billing_addr_country_row select, .mobile #billing_addr_state_row select, .mobile #donor_addr_state_row select, .mobile #donor_addr_country_row select, .mobile #donor_occupation_row select, .mobile #shipping_addr_country_row select, .mobile #shipping_addr_state_row select, .mobile #tribute_notify_recip_state_row select, .mobile #tribute_notify_recip_country_row select, .mobile .custom-field-container select, .mobile div.employer-address-container select { max-width: none; } .mobile div.donation-form-container.responsive { padding: 0; } .mobile div.button-sub-container { width: 100%; } } </style> </head> <body >  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P37QJ4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="cookieNotice" class="banner--notification banner js-banner" style="display: none;"> <div class="global-container"> <div class="row"> <div class="banner-container col-12"> <div class="banner-content"> <p>This website uses cookies. By continuing you are agreeing to our <a href="https://www.lung.org/privacy-policy.html" target="_blank" id="readPrivacy">privacy policy</a>.</p> </div> <div id="hideNotice" class="banner-close js-banner-close" data-create-cookie="true"></div> </div> </div> </div> </div> <script type="text/javascript"> Y.use('jquery-noconflict','utils','yui2-yde', function() { function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else var expires = ""; document.cookie = name+"="+value+expires+'; path=/; domain=.lung.org'; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } function eraseCookie(name) { createCookie(name,"",-1); } if (!readCookie('seenGDPR')) { jQuery("#cookieNotice").css('display', 'block'); jQuery('.utility.desk').addClass('popup'); } else { jQuery("#cookieNotice").hide(); } jQuery("#readPrivacy").click(function(){ jQuery("#cookieNotice").css('display', 'none'); jQuery('.utility.desk').removeClass('popup'); createCookie('seenGDPR', true, 20*365); }); jQuery("#hideNotice").click(function(){ jQuery("#cookieNotice").css('display', 'none'); jQuery('.utility.desk').removeClass('popup'); createCookie('seenGDPR', true, 20*365); }); createCookie('seenGDPR', true, 20*365) }); </script> <header class="header don-pages no-fix"> <a href="#main" class="skip-link show-on-focus">Skip to main content</a> <div class="header-wrap js-header-wrap"> <div class="full-width-container"> <div class="header-inner"> <div class="header-inner-wrap"> <a class="header-logo" href="https://www.lung.org/"> <img src="/../images/content/pagebuilder/header-logo.svg" alt="American Lung Association logo"> </a> <button type="button" class="nav-toggle header-toggle js-nav-toggle tr-pages" tabindex="-1"> <span><span class="icon-menu"></span><span class="open">Menu</span><span class="close">Close</span></span> </button> </div> <ul class="header-utilities tr-pages"> <li><a href="https://www.lung.org" class="solo home">Back to Lung.org</a></li> <li><a href="https://www.lung.org/about-us/contact-us">Contact</a></li> <li id="login-util"><a href="UserLogin?pw_id=15885&s_AffiliateSecCatId=1&NEXTURL=https%3A%2F%2Faction.lung.org%2Fsite%2FDonation2%3Fdf_id%3D31271%26amp%3Bmfc_pref%3DT%26amp%3B31271.donation%3Dform1" class="in_form_login_link">Login</a></li> </ul> <div class="search js-search seo-title"> Donate to the American Lung Association </div> </div> </div> <nav class="nav don-pages"> <div class="full-width-container"> <ul class="nav-utilities"> <li><a href="https://www.lung.org" class="solo home">Back to Lung.org</a></li> <li><a href="https://www.lung.org/about-us/contact-us">Contact</a></li> <li id="login-util" class="mobile"><a href="UserLogin?pw_id=15885&s_AffiliateSecCatId=1&NEXTURL=https%3A%2F%2Faction.lung.org%2Fsite%2FDonation2%3Fdf_id%3D31271%26amp%3Bmfc_pref%3DT%26amp%3B31271.donation%3Dform1" class="in_form_login_link">Login</a></li> </ul> </div> </nav> </div> </header> <main id="main" class="main"> <div class="main-inner"> <div class="main-inner-wrap"> <section class="bg-primary promo promo-hero tablet-middle-top-left-corner top-right-corner-mobile midnight"> <div class="promo-card"> <div class="global-container"> <div class="promo-card-content"> <div id="hero" class="promo-card-content-wrap"></div> </div> </div> <div class="promo-card-img corner-img"></div> </div> </section> <section class="section bg-white"> <div class="global-container"> <form name="process" id="ProcessForm" action="https://action.lung.org/site/Donation2" method="post" onsubmit="return checkDoubleClick();" > <div class="donation-form-container responsive"> <script type="text/javascript">  </script> <div class="donation-form-content"> <script> document.body.addEventListener("keypress", function(event) { if (event.keyCode === 13) { event.preventDefault(); var button = document.getElementById("pstep_finish"); if (!button) { button = document.getElementById("pstep_next"); } if (!button) { button = document.getElementById("pstep_finish_validate"); } if(button) { button.click(); } } }); </script> <input type="hidden" name="user_donation_amt" id="user_donation_amt" value="" /> <input type="hidden" name="company_min_matching_amt" id="company_min_matching_amt" value="" /> <input type="hidden" name="currency_locale" id="currency_locale" value="en_US" /> <input type="hidden" name="user_additional_amount" id="user_additional_amount" value="" /> <input type="hidden" name="cc_available" id="cc_available" value="false" /> <input type="hidden" name="debit_available" id="debit_available" value="false" /> <input type="hidden" name="paypal_available" id="paypal_available" value="false" /> <input type="hidden" name="wallets_available" id="wallets_available" value="false" /> <input type="hidden" name="primary_color" id="primary_color" value="" /> <input type="hidden" name="application_name" id="application_name" value="Luminate" /> <input type="hidden" name="secondary_color" id="secondary_color" value="" /> <input type="hidden" name="font_color" id="font_color" value="" /> <input type="hidden" name="font_family" id="font_family" value="" /> <input type="hidden" name="secure_url" id="secure_url" value="https://action.lung.org/site/" /> <input type="hidden" name="is_admin_app" id="is_admin_app" value="F" /> <input type="hidden" name="environment_id" id="environment_id" value="" /> <input type="hidden" name="merchant_account_configuration_id" id="merchant_account_configuration_id" value="" /> <input type="hidden" name="pco_javascript_location" id="pco_javascript_location" value="" /> <input type="hidden" name="pco_language_locale" id="pco_language_locale" value="en_US" /> <input type="hidden" name="pco_environment_zone" id="pco_environment_zone" value="p-usa01" /> <div class="form-row"> <div class="html-caption-container"> <img src="https://action.lung.org/images/content/pagebuilder/donation-hero-31271.jpg" id="hero-image"> <div id="hero-text"> <h1>Make A Donation That Will Save Lives</h1> <p>Your tax-deductible donation funds lung disease and lung cancer medical research, new treatments, CT screenings, lung health education and more. Your gift is vital to helping end lung cancer and lung disease.</p> </div> </div> </div> <div class="form-row"> <div class="html-caption-container"> <div class="Mask-Copy-7"> <h2 class="FormLabelText">Make A Donation</h2> <div class="donate-button"> <a href="Donation2?df_id=31271&mfc_pref=T&31271.donation=form1" class="one-time active"><span class="Make-this-text">Today!</span></a> </div> <div class="donate-button monthly"> <a href="https://action.lung.org/site/Donation2?df_id=31270&mfc_pref=T&31270.donation=form1" class="monthly"><span class="Make-this-text">Monthly</span></a> </div> <div class="donate-button tribute"> <a href="https://action.lung.org/site/Donation2?df_id=31272&mfc_pref=T&31272.donation=form1" class="tribute"><span class="Make-this-text">Memory / Honor</span></a> </div> </div> </div> </div> <div id="level_standard_row"> <div class="don-standard-levels form-row"> <div class="levels-label"> </div> <div id="level_standard_row" class="form-row form-donation-level"> <div class="form-content"> <span class="field-required"></span> <span class="aural-only">Field Is Required</span> <span class="FormLabelText">How much would you like to give?</span> <div class="donation-level-general-ask"> </div> <div class="donation-levels"> <div class="donation-level-container"> <div class="form-content"> <div class="donation-level-input-container form-input"> <div class="donation-level-label-input-container"> <input type="radio" name="level_standardexpanded" id="level_standardexpanded45244" value="45244" onclick="evalMatchingGift('$500.00'); updateDonorCoverAmount('$500.00');" /> </div> <label for="level_standardexpanded45244" onclick=""> <div class="donation-level-amount-container"> $500.00 </div> <div class="donation-level-label-container"> $500 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_45244expandedsubmit" value="true" /> </div> </div> <div class="donation-level-container"> <div class="form-content"> <div class="donation-level-input-container form-input"> <div class="donation-level-label-input-container"> <input type="radio" name="level_standardexpanded" id="level_standardexpanded45245" value="45245" onclick="evalMatchingGift('$250.00'); updateDonorCoverAmount('$250.00');" /> </div> <label for="level_standardexpanded45245" onclick=""> <div class="donation-level-amount-container"> $250.00 </div> <div class="donation-level-label-container"> $250 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_45245expandedsubmit" value="true" /> </div> </div> <div class="donation-level-container"> <div class="form-content"> <div class="donation-level-input-container form-input"> <div class="donation-level-label-input-container"> <input type="radio" name="level_standardexpanded" id="level_standardexpanded45246" value="45246" checked="checked" onclick="evalMatchingGift('$100.00'); updateDonorCoverAmount('$100.00');" /> </div> <label for="level_standardexpanded45246" onclick=""> <div class="donation-level-amount-container"> $100.00 </div> <div class="donation-level-label-container"> $100 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_45246expandedsubmit" value="true" /> </div> </div> <div class="donation-level-container"> <div class="form-content"> <div class="donation-level-input-container form-input"> <div class="donation-level-label-input-container"> <input type="radio" name="level_standardexpanded" id="level_standardexpanded45260" value="45260" onclick="evalMatchingGift('$50.00'); updateDonorCoverAmount('$50.00');" /> </div> <label for="level_standardexpanded45260" onclick=""> <div class="donation-level-amount-container"> $50.00 </div> <div class="donation-level-label-container"> $50 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_45260expandedsubmit" value="true" /> </div> </div> <div class="donation-level-container"> <div class="form-content"> <div class="donation-level-input-container form-input"> <div class="donation-level-label-input-container"> <input type="radio" name="level_standardexpanded" id="level_standardexpanded45247" value="45247" onclick="evalMatchingGift(document.getElementById('level_standardexpanded45247amount').value); updateDonorCoverAmount(document.getElementById('level_standardexpanded45247amount').value);" /> </div> <label for="level_standardexpanded45247" onclick=""> <div class="donation-level-label-container"> Your Best Gift </div> </label> <div class="donation-level-user-entered"> <label for="level_standardexpanded45247amount"><span class="aural-only">Enter amount</span></label> <input type="text" name="level_standardexpanded45247amount" id="level_standardexpanded45247amount" value="" size="12" maxlength="50" onfocus="var el = document.getElementById ('level_standardexpanded45247');if (el) el.click(); fire_obs_comp_event('level_standardexpanded45247amount', this, event);evalMatchingGift(value); " onchange="fire_obs_comp_event('level_standardexpanded45247amount', this, event);evalMatchingGift(value);" onkeyup="fire_obs_comp_event('level_standardexpanded45247amount', this, event);evalMatchingGift(value);" onblur="fire_obs_comp_event('level_standardexpanded45247amount', this);updateDonorCoverAmount(value);" /> </div> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_45247expandedsubmit" value="true" /> </div> </div> </div> </div> <script type="text/javascript"> Y.use("jquery-ui", function(Y) { jQuery(function(){ // subscribe observables jQuery('div.donation-level-element-container').find('input[type="radio"]').each(function() { var syncAction = function(obj) { if (obj.is(':checked')) { obj.closest('div.donation-level-container').addClass('selected'); } else { obj.closest('div.donation-level-container').removeClass('selected'); }; return arguments.callee; }(jQuery(this)); jQuery(this).click(function() { jQuery('div.donation-level-container').removeClass('selected'); syncAction(jQuery(this)); }); }); }); }); </script><noscript> </noscript> </div> <div class="levels-gift-aid"> </div> <input type="hidden" name="level_standardsubmit" id="level_standardsubmit" value="true" /> <script type="text/javascript"> function updateDonorCoverAmount(gift) { gift = parseCurrency(gift) / 100; if (isNaN(gift) || gift === 0) { gift = ''; } var amountHidden = document.getElementById('user_donation_amt'); if(amountHidden !== null) { amountHidden.value = gift; } jQuery('#level_standardname').val(gift); jQuery('#user_donation_amt').val(gift); if (typeof updateAmount !== "undefined") { updateAmount(gift); } }; function evalMatchingGift(gift) { } </script><noscript> </noscript> </div> <script type="text/javascript"> // subscribe listeners to make an ajax call to the server to calculate the total amount Y.use('jquery-noconflict', function() { var fetchAmountFunc = function () { // find all the select, textarea, input, etc... and format them into key=val pairs. var params = jQuery('#level_standard_row :input').serialize(); // parse the path and append the key/value pairs above to the url var url = 'https://action.lung.org/site/Donation2?idb=230636790&level_standardajaxfetch=true&df_id=31271&mfc_pref=T&31271.donation=form1&level_standardtotalcalculateBtn=true'; var index = url.indexOf("?"); var path = url.substring(0, index); var args = url.substring(index+1, url.length); args += '&' + params; var recurringGiftTermsContainer = jQuery('#recurring_gift_terms_acceptance_message_container'); if(recurringGiftTermsContainer && recurringGiftTermsContainer.length > 0) { jQuery.ajax(path, { data: args, success: function(data) { jQuery('#recurring_gift_terms_acceptance_message_container').trigger("recurringTermsChange"); } }); } }; jQuery('#level_standard_row :input[type=text]').blur(function() { fetchAmountFunc(); }); jQuery('#level_standard_row input:checkbox, #level_standard_row input:radio').click(function() { fetchAmountFunc(); }); jQuery('#level_standard_row select').change(function() { fetchAmountFunc(); }); // call it on page load fetchAmountFunc(); }); </script><noscript> </noscript> </div> <div class="custom-field-container form-row "> <div class="form-content"> <div class="form-input-label-block"> <label for="transaction_fee_dropdown">Transaction Fee</label> </div> <fieldset> <input type="checkbox" name="transaction_fee_radio" id="transaction_fee_radio" value="true" /> <label class="custom-element-checkbox-label" for="transaction_fee_radio">Add 5.5% to your donation</label> </fieldset> <input type="hidden" name="transaction_feesubmit" id="transaction_feesubmit" value="true" /> </div> </div> <div id="additional_amount_row" class="form-row form-text"> <div class="form-content"> <label for="additional_amountname">Additional Amount:</label> <div class="form-input"> <input type="text" name="additional_amountname" id="additional_amountname" value="" maxlength="15" onchange="fire_obs_comp_event('additional_amount', this);" /> </div> </div> <input type="hidden" name="additional_amountsubmit" id="additional_amountsubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('additional_amount', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('additional_amount_row', _display); this.disable_submit_flag (_hidden); } comp.set = function (_value) { if (document.getElementById('additional_amountname')) { document.getElementById('additional_amountname').checked = _value; this.fireEvent(); } } comp.get = function() { if (document.getElementById('additional_amountname')) return document.getElementById('additional_amountname').checked; } comp.clear = function() { this.set(false); } </script><noscript> </noscript> </div> <div class="custom-field-container form-row "> <div class="form-content"> <div class="form-input-label-block"> <label for="employer_match_dropdown">See if your employer will match your gift</label> </div> <fieldset> <input type="checkbox" name="employer_match_radio" id="employer_match_radio" value="true" /> <label class="custom-element-checkbox-label" for="employer_match_radio">See if your employer will match your gift</label> </fieldset> <input type="hidden" name="employer_matchsubmit" id="employer_matchsubmit" value="true" /> </div> </div> <div class="form-row"> <div class="html-caption-container"> <div id=""> <h2 class="section-header-container">Donation Matching</h2> </div> <script src="https://doublethedonation.com/api/js/ddplugin.js" type="text/javascript"></script> <p><link href="https://doublethedonation.com/api/css/ddplugin.css" rel="stylesheet" /></p> <div id="dd-company-name-input"> </div> <script type="text/javascript"> var dtd_load = function () { window.addEventListener("doublethedonation_company_id", function (event) { document.querySelector('#double_the_donation_company_idhidden').value = event.detail || ""; }); }; if ( document.readyState === "complete" || (document.readyState !== "loading" && !document.documentElement.doScroll) ) { callback(); } else { document.addEventListener("DOMContentLoaded", dtd_load); } </script> </div> </div> <input type="hidden" name="double_the_donation_company_idhidden" id="double_the_donation_company_idhidden" value="" /> <div class="form-row"> <div class="html-caption-container"> <div class="back-to-previous credit"><a href="#">Back</a></div> <div class="back-to-previous paypal"><a href="#">Back</a></div> </div> </div> <h2 class="section-header-container"> Billing Information </h2> <div id="donor_email_address_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="donor_email_addressname">Email:</label> <input type="text" name="donor_email_addressname" id="donor_email_addressname" value="" maxlength="255" /> <input type="hidden" name="donor_email_addresssubmit" id="donor_email_addresssubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('donor_email_address', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_email_address_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="billing_first_name_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="billing_first_namename">First Name:</label> <input type="text" name="billing_first_namename" id="billing_first_namename" value="" maxlength="50" /> <input type="hidden" name="billing_first_namesubmit" id="billing_first_namesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('billing_first_name', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_first_name_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="billing_last_name_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="billing_last_namename">Last Name:</label> <input type="text" name="billing_last_namename" id="billing_last_namename" value="" maxlength="50" /> <input type="hidden" name="billing_last_namesubmit" id="billing_last_namesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('billing_last_name', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_last_name_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <input type="hidden" name="billing_suffixhidden" id="billing_suffixhidden" value="" /> <div id="billing_addr_street1_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="billing_addr_street1name">Address:</label> <input type="text" name="billing_addr_street1name" id="billing_addr_street1name" value="" maxlength="50" /> <input type="hidden" name="billing_addr_street1submit" id="billing_addr_street1submit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_street1', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_street1_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div class="form-row"> <div class="html-caption-container"> <div id="billing_addr_street2_toggle" class="billing-address-2 js-toggle-address-2"><a href="#">Add apartment, suite, etc.</a></div> </div> </div> <div id="billing_addr_street2_row" class="form-row form-text"> <div class="form-content"> <label for="billing_addr_street2name">Apartment, suite, etc.:</label> <input type="text" name="billing_addr_street2name" id="billing_addr_street2name" value="" maxlength="50" /> <input type="hidden" name="billing_addr_street2submit" id="billing_addr_street2submit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_street2', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_street2_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="billing_addr_city_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="billing_addr_cityname">City:</label> <input type="text" name="billing_addr_cityname" id="billing_addr_cityname" value="" maxlength="50" /> <input type="hidden" name="billing_addr_citysubmit" id="billing_addr_citysubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_city', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_city_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="billing_addr_state_row" class="form-row form-selectlist"> <div class="form-content"> <span class="field-required"></span> <label class="FormLabel" for="billing_addr_state">State:</label> <select name="billing_addr_state" id="billing_addr_state" size="1" onchange="fire_obs_comp_event('billing_addr_state', this)"> <option ></option> <option value="AK" >AK - Alaska</option> <option value="AL" >AL - Alabama</option> <option value="AR" >AR - Arkansas</option> <option value="AZ" >AZ - Arizona</option> <option value="CA" >CA - California</option> <option value="CO" >CO - Colorado</option> <option value="CT" >CT - Connecticut</option> <option value="DC" >DC - District of Columbia</option> <option value="DE" >DE - Delaware</option> <option value="FL" >FL - Florida</option> <option value="GA" >GA - Georgia</option> <option value="HI" >HI - Hawaii</option> <option value="IA" >IA - Iowa</option> <option value="ID" >ID - Idaho</option> <option value="IL" >IL - Illinois</option> <option value="IN" >IN - Indiana</option> <option value="KS" >KS - Kansas</option> <option value="KY" >KY - Kentucky</option> <option value="LA" >LA - Louisiana</option> <option value="MA" >MA - Massachusetts</option> <option value="MD" >MD - Maryland</option> <option value="ME" >ME - Maine</option> <option value="MI" >MI - Michigan</option> <option value="MN" >MN - Minnesota</option> <option value="MO" >MO - Missouri</option> <option value="MS" >MS - Mississippi</option> <option value="MT" >MT - Montana</option> <option value="NC" >NC - North Carolina</option> <option value="ND" >ND - North Dakota</option> <option value="NE" >NE - Nebraska</option> <option value="NH" >NH - New Hampshire</option> <option value="NJ" >NJ - New Jersey</option> <option value="NM" >NM - New Mexico</option> <option value="NV" >NV - Nevada</option> <option value="NY" >NY - New York</option> <option value="OH" >OH - Ohio</option> <option value="OK" >OK - Oklahoma</option> <option value="OR" >OR - Oregon</option> <option value="PA" >PA - Pennsylvania</option> <option value="RI" >RI - Rhode Island</option> <option value="SC" >SC - South Carolina</option> <option value="SD" >SD - South Dakota</option> <option value="TN" >TN - Tennessee</option> <option value="TX" >TX - Texas</option> <option value="UT" >UT - Utah</option> <option value="VA" >VA - Virginia</option> <option value="VT" >VT - Vermont</option> <option value="WA" >WA - Washington</option> <option value="WI" >WI - Wisconsin</option> <option value="WV" >WV - West Virginia</option> <option value="WY" >WY - Wyoming</option> <option value="AS" >AS - American Samoa</option> <option value="FM" >FM - Federated States of Micronesia</option> <option value="GU" >GU - Guam</option> <option value="MH" >MH - Marshall Islands</option> <option value="MP" >MP - Northern Mariana Islands</option> <option value="PR" >PR - Puerto Rico</option> <option value="PW" >PW - Palau</option> <option value="VI" >VI - Virgin Islands</option> <option value="AA" >AA - Armed Forces Americas</option> <option value="AE" >AE - Armed Forces</option> <option value="AP" >AP - Armed Forces Pacific</option> <option value="AB" >AB - Alberta</option> <option value="BC" >BC - British Columbia</option> <option value="MB" >MB - Manitoba</option> <option value="NB" >NB - New Brunswick</option> <option value="NL" >NL - Newfoundland and Labrador</option> <option value="NS" >NS - Nova Scotia</option> <option value="NT" >NT - Northwest Territories</option> <option value="NU" >NU - Nunavut</option> <option value="ON" >ON - Ontario</option> <option value="PE" >PE - Prince Edward Island</option> <option value="QC" >QC - Quebec</option> <option value="SK" >SK - Saskatchewan</option> <option value="YT" >YT - Yukon</option> <option value="None" >None</option> </select> <script type="text/javascript">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="billing_addr_statesubmit" id="billing_addr_statesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_state', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_state_row', _display); this.disable_submit_flag (_hidden); } function billing_addr_state_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('billing_addr_state', src); } } var el = document.getElementById('billing_addr_state'); if (el) { Utils.addEvent (el, 'change', billing_addr_state_listChanged); } </script><noscript> </noscript> </div> </div> <div id="billing_addr_zip_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="billing_addr_zipname">Zip Code:</label> <input type="text" name="billing_addr_zipname" id="billing_addr_zipname" value="" maxlength="50" /> <input type="hidden" name="billing_addr_zipsubmit" id="billing_addr_zipsubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('billing_addr_zip', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('billing_addr_zip_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="donor_info_same_as_billing_row" class="form-row form-checkbox"> <div class="form-content"> <input type="checkbox" name="donor_info_same_as_billingname" id="donor_info_same_as_billingname" checked="checked" onclick="fire_obs_comp_event('donor_info_same_as_billing', this);" /> <label for="donor_info_same_as_billingname">Mailing information is the same as billing information</label> <input type="hidden" name="donor_info_same_as_billingsubmit" id="donor_info_same_as_billingsubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('donor_info_same_as_billing', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_info_same_as_billing_row', _display); this.disable_submit_flag (_hidden); } comp.set = function (_value) { if (document.getElementById('donor_info_same_as_billingname')) { document.getElementById('donor_info_same_as_billingname').checked = _value; this.fireEvent(); } } comp.get = function() { if (document.getElementById('donor_info_same_as_billingname')) { return document.getElementById('donor_info_same_as_billingname').checked; } } comp.clear = function() { this.set(false); } </script><noscript> </noscript> </div> </div> <script type="text/javascript"> Y.use("jquery-ui", function(Y) { jQuery(function(){ jQuery('#donor_info_same_as_billingname').click (function() { if (jQuery(this).attr('checked')) { copySrcNameElement ('billing_addr_street1', '', 'donor_addr_street1'); copySrcNameElement ('billing_addr_street2', '', 'donor_addr_street2'); copySrcNameElement ('billing_addr_city', '', 'donor_addr_city'); copySrcElement ('billing_addr_state', '', 'donor_addr_state'); copySrcNameElement ('billing_addr_zip', '', 'donor_addr_zip'); copySrcElement ('billing_addr_country', '', 'donor_addr_country'); copySrcElement ('billing_title', '', 'donor_title'); copySrcNameElement ('billing_first_name', '', 'donor_first_name'); copySrcNameElement ('billing_middle_name', '', 'donor_middle_name'); copySrcNameElement ('billing_last_name', '', 'donor_last_name'); copySrcElement ('billing_suffix', '', 'donor_suffix'); copySrcElement ('billing_prof_suffix', '', 'donor_prof_suffix'); copySrcNameElement ('billing_email_address', '', 'donor_email_address'); copySrcNameElement ('billing_phone', '', 'donor_phone'); copySrcNameElement ('billing_addr_street3', '', 'donor_addr_street3'); copySrcNameElement ('billing_addr_county', '', 'donor_addr_county'); copySrcNameElement ('billing_addr_postcode', '', 'donor_addr_postcode'); } else { clearDestinationNameElement ('donor_addr_street1'); clearDestinationNameElement ('donor_addr_street2'); clearDestinationNameElement ('donor_addr_city'); clearDestinationElement ('donor_addr_state'); clearDestinationNameElement ('donor_addr_zip'); clearDestinationElement ('donor_addr_country'); clearDestinationElement ('donor_title'); clearDestinationNameElement ('donor_first_name'); clearDestinationNameElement ('donor_middle_name'); clearDestinationNameElement ('donor_last_name'); clearDestinationElement ('donor_suffix'); clearDestinationElement ('donor_prof_suffix'); clearDestinationNameElement ('donor_email_address'); clearDestinationNameElement ('donor_phone'); clearDestinationNameElement ('donor_addr_street3'); clearDestinationNameElement ('donor_addr_county'); clearDestinationNameElement ('donor_addr_postcode'); } }); }); function copySrcNameElement (source, previousPageValue, destination) { copySrcElement (source + "name", previousPageValue, destination + "name"); } function copySrcElement (source, previousPageValue, destination) { if (previousPageValue !== '') { jQuery('#' + destination).val(previousPageValue); } else if (jQuery('#' + source).val() != undefined) { jQuery('#' + destination).val(jQuery('#' + source).val()); } } function clearDestinationNameElement(destination) { clearDestinationElement (destination + "name"); } function clearDestinationElement(destination) { jQuery('#' + destination).val(""); } }); </script><noscript> </noscript> <h2 class="section-header-container"> Mailing Information </h2> <div id="donor_first_name_row" class="form-row form-text"> <div class="form-content"> <label for="donor_first_namename">First Name:</label> <input type="text" name="donor_first_namename" id="donor_first_namename" value="" maxlength="50" /> <input type="hidden" name="donor_first_namesubmit" id="donor_first_namesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('donor_first_name', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_first_name_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="donor_last_name_row" class="form-row form-text"> <div class="form-content"> <label for="donor_last_namename">Last Name:</label> <input type="text" name="donor_last_namename" id="donor_last_namename" value="" maxlength="50" /> <input type="hidden" name="donor_last_namesubmit" id="donor_last_namesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('donor_last_name', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_last_name_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <input type="hidden" name="donor_suffixhidden" id="donor_suffixhidden" value="" /> <div id="donor_addr_street1_row" class="form-row form-text"> <div class="form-content"> <label for="donor_addr_street1name">Address:</label> <input type="text" name="donor_addr_street1name" id="donor_addr_street1name" value="" maxlength="50" /> <input type="hidden" name="donor_addr_street1submit" id="donor_addr_street1submit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('donor_addr_street1', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_addr_street1_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="donor_addr_street2_row" class="form-row form-text"> <div class="form-content"> <label for="donor_addr_street2name">Apartment, suite, etc.:</label> <input type="text" name="donor_addr_street2name" id="donor_addr_street2name" value="" maxlength="50" /> <input type="hidden" name="donor_addr_street2submit" id="donor_addr_street2submit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('donor_addr_street2', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_addr_street2_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="donor_addr_city_row" class="form-row form-text"> <div class="form-content"> <label for="donor_addr_cityname">City:</label> <input type="text" name="donor_addr_cityname" id="donor_addr_cityname" value="" maxlength="50" /> <input type="hidden" name="donor_addr_citysubmit" id="donor_addr_citysubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('donor_addr_city', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_addr_city_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <div id="donor_addr_state_row" class="form-row form-selectlist"> <div class="form-content"> <label class="FormLabel" for="donor_addr_state">State:</label> <select name="donor_addr_state" id="donor_addr_state" size="1" onchange="fire_obs_comp_event('donor_addr_state', this)"> <option ></option> <option value="AK" >AK - Alaska</option> <option value="AL" >AL - Alabama</option> <option value="AR" >AR - Arkansas</option> <option value="AZ" >AZ - Arizona</option> <option value="CA" >CA - California</option> <option value="CO" >CO - Colorado</option> <option value="CT" >CT - Connecticut</option> <option value="DC" >DC - District of Columbia</option> <option value="DE" >DE - Delaware</option> <option value="FL" >FL - Florida</option> <option value="GA" >GA - Georgia</option> <option value="HI" >HI - Hawaii</option> <option value="IA" >IA - Iowa</option> <option value="ID" >ID - Idaho</option> <option value="IL" >IL - Illinois</option> <option value="IN" >IN - Indiana</option> <option value="KS" >KS - Kansas</option> <option value="KY" >KY - Kentucky</option> <option value="LA" >LA - Louisiana</option> <option value="MA" >MA - Massachusetts</option> <option value="MD" >MD - Maryland</option> <option value="ME" >ME - Maine</option> <option value="MI" >MI - Michigan</option> <option value="MN" >MN - Minnesota</option> <option value="MO" >MO - Missouri</option> <option value="MS" >MS - Mississippi</option> <option value="MT" >MT - Montana</option> <option value="NC" >NC - North Carolina</option> <option value="ND" >ND - North Dakota</option> <option value="NE" >NE - Nebraska</option> <option value="NH" >NH - New Hampshire</option> <option value="NJ" >NJ - New Jersey</option> <option value="NM" >NM - New Mexico</option> <option value="NV" >NV - Nevada</option> <option value="NY" >NY - New York</option> <option value="OH" >OH - Ohio</option> <option value="OK" >OK - Oklahoma</option> <option value="OR" >OR - Oregon</option> <option value="PA" >PA - Pennsylvania</option> <option value="RI" >RI - Rhode Island</option> <option value="SC" >SC - South Carolina</option> <option value="SD" >SD - South Dakota</option> <option value="TN" >TN - Tennessee</option> <option value="TX" >TX - Texas</option> <option value="UT" >UT - Utah</option> <option value="VA" >VA - Virginia</option> <option value="VT" >VT - Vermont</option> <option value="WA" >WA - Washington</option> <option value="WI" >WI - Wisconsin</option> <option value="WV" >WV - West Virginia</option> <option value="WY" >WY - Wyoming</option> <option value="AS" >AS - American Samoa</option> <option value="FM" >FM - Federated States of Micronesia</option> <option value="GU" >GU - Guam</option> <option value="MH" >MH - Marshall Islands</option> <option value="MP" >MP - Northern Mariana Islands</option> <option value="PR" >PR - Puerto Rico</option> <option value="PW" >PW - Palau</option> <option value="VI" >VI - Virgin Islands</option> <option value="AA" >AA - Armed Forces Americas</option> <option value="AE" >AE - Armed Forces</option> <option value="AP" >AP - Armed Forces Pacific</option> <option value="AB" >AB - Alberta</option> <option value="BC" >BC - British Columbia</option> <option value="MB" >MB - Manitoba</option> <option value="NB" >NB - New Brunswick</option> <option value="NL" >NL - Newfoundland and Labrador</option> <option value="NS" >NS - Nova Scotia</option> <option value="NT" >NT - Northwest Territories</option> <option value="NU" >NU - Nunavut</option> <option value="ON" >ON - Ontario</option> <option value="PE" >PE - Prince Edward Island</option> <option value="QC" >QC - Quebec</option> <option value="SK" >SK - Saskatchewan</option> <option value="YT" >YT - Yukon</option> <option value="None" >None</option> </select> <script type="text/javascript">  </script> <noscript><br/>Required</noscript> <input type="hidden" name="donor_addr_statesubmit" id="donor_addr_statesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('donor_addr_state', ''); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_addr_state_row', _display); this.disable_submit_flag (_hidden); } function donor_addr_state_listChanged(_evt) { var e = _evt ? _evt : event; // IE vs. Mozilla event model if (e) { var src = e.target ? e.target : e.srcElement; // IE vs. Mozilla event model fire_obs_comp_event('donor_addr_state', src); } } var el = document.getElementById('donor_addr_state'); if (el) { Utils.addEvent (el, 'change', donor_addr_state_listChanged); } </script><noscript> </noscript> </div> </div> <div id="donor_addr_zip_row" class="form-row form-text"> <div class="form-content"> <label for="donor_addr_zipname">Zip Code:</label> <input type="text" name="donor_addr_zipname" id="donor_addr_zipname" value="" maxlength="50" /> <input type="hidden" name="donor_addr_zipsubmit" id="donor_addr_zipsubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('donor_addr_zip', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_addr_zip_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> <h2 class="section-header-container"> Payment Options </h2> <div class="payment-type-element-container"> <div class="payment-type-selection-container payment-field-container"> <h3>Payment Method:</h3> <div id="responsive_payment_typepay_typeradio_row" class="form-row"> <div class="form-content"> <div class="payment-type-selections" id="responsive_payment_typepay_typeradio_payment_types"> <span class="internal-payment"><span class="payment-type-option selected"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradiocredit" value="credit" checked="checked" onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" /><label for="responsive_payment_typepay_typeradiocredit"><a href="javascript:void(0);" class="payment-type-label">Credit Card</a></label><script type="text/javascript"> var comp = new ObservableRadioComponent ('responsive_payment_typepay_typeradio', 'name'); </script><noscript> </noscript></span></span> <span class="external-payment"><span class="payment-type-option"><input type="radio" name="responsive_payment_typepay_typeradio" id="responsive_payment_typepay_typeradiopaypal" value="paypal" onclick="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" onkeypress="fire_obs_comp_event('responsive_payment_typepay_typeradio', this);" /><label for="responsive_payment_typepay_typeradiopaypal"><a href="javascript:void(0);" class="payment-type-label"><img src="../images/payment/paypal-logo.png" alt="Pay with Paypal" /></a></label><script type="text/javascript"> var comp = new ObservableRadioComponent ('responsive_payment_typepay_typeradio', 'name'); </script><noscript> </noscript></span></span> </div> <input type="hidden" name="responsive_payment_typepay_typeradiosubmit" id="responsive_payment_typepay_typeradiosubmit" value="true" /> <script type="text/javascript"> Y.use("jquery-ui", function(Y) { jQuery(function() { // subscribe observable for payment type options jQuery('.payment-type-option').each(function() { var syncAction = function(obj) { if (obj.hasClass('selected')) { var radioGroupName = obj.find('input').attr('name'); obj.find('input').prop('checked', true); fire_obs_comp_event(radioGroupName, obj.find('input').get()); } return arguments.callee; }(jQuery(this)); jQuery(this).click(function() { jQuery('.payment-type-option').removeClass('selected'); jQuery(this).addClass('selected'); syncAction(jQuery(this)); var selectedValue = jQuery(this).find('input').val(); if (selectedValue == 'paypal' || selectedValue == 'amazon') { // open up a boxinator dialog jQuery(document).trigger('redirect-external'); jQuery('#btn_next').click(); } }); }); }); }); var comp = new ObservableRadioComponent ('responsive_payment_typepay_typeradio', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typepay_typeradio_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> </div> <div id="payment_cc_container" class="payment-field-container"> <h3>Credit Card Information:</h3> <div id="responsive_payment_typecc_type_row" class="form-row form-radio-array"> <div class="form-content"> <fieldset> <legend>Credit Card Type:</legend> <ul class="radio-array-list"> <li class="tender-row "> <img src="../images/diners_sm.gif" alt="Diners Club" name="responsive_payment_typecc_type_Diners_Club" id="responsive_payment_typecc_type_Diners_Club" /> </li><li class="tender-row "> <img src="../images/discovercard_sm.gif" alt="Discover" name="responsive_payment_typecc_type_Discover" id="responsive_payment_typecc_type_Discover" /> </li><li class="tender-row "> <img src="../images/amex_small.gif" alt="American Express" name="responsive_payment_typecc_type_American_Express" id="responsive_payment_typecc_type_American_Express" /> </li><li class="tender-row "> <img src="../images/mastercd_small.gif" alt="MasterCard" name="responsive_payment_typecc_type_MasterCard" id="responsive_payment_typecc_type_MasterCard" /> </li><li class="tender-row "> <img src="../images/visa_small.gif" alt="Visa" name="responsive_payment_typecc_type_Visa" id="responsive_payment_typecc_type_Visa" /> </li> </ul> </fieldset> <input type="hidden" name="responsive_payment_typecc_typesubmit" id="responsive_payment_typecc_typesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableRadioComponent ('responsive_payment_typecc_type', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typecc_type_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> <input type="hidden" name="recurring_options_name_install_plan" id="recurring_options_name_install_plan" value="responsive_payment_typecc_type" /> </div> </div> <div id="responsive_payment_typecc_number_row" class="form-row form-text"> <div class="form-content"> <span class="field-required"></span> <label for="responsive_payment_typecc_numbername">Credit Card Number:</label> <input type="text" name="responsive_payment_typecc_numbername" id="responsive_payment_typecc_numbername" value="" maxlength="22" autocomplete="off"/> <input type="hidden" name="responsive_payment_typecc_numbersubmit" id="responsive_payment_typecc_numbersubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('responsive_payment_typecc_number', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typecc_number_row', _display); this.disable_submit_flag (_hidden); } observe_component ('null', new ComponentDisplayer ('responsive_payment_typecc_number')); </script><noscript> </noscript> </div> </div> <div id="responsive_payment_typecc_exp_date_row" class="form-row form-date"> <div class="form-content"> <span class="field-required"></span> <label for="responsive_payment_typecc_exp_date_MONTH"> <span class="label-text">Expiration Date:</span><span class="aural-only">Select month of credit card</span> </label> <label for="responsive_payment_typecc_exp_date_YEAR" ><span class="aural-only">Select Expiration Year</span></label> <div class="date-input-container"> <fieldset class="cardExpGroup"> <select name="responsive_payment_typecc_exp_date_MONTH" id="responsive_payment_typecc_exp_date_MONTH" onChange="fire_obs_comp_event('responsive_payment_typecc_exp_date_MONTH', this)"> <option value="1" >01</option> <option value="2" >02</option> <option value="3" >03</option> <option value="4" >04</option> <option value="5" >05</option> <option value="6" >06</option> <option value="7" >07</option> <option value="8" >08</option> <option value="9" >09</option> <option value="10" >10</option> <option value="11" selected="selected">11</option> <option value="12" >12</option> </select> <select name="responsive_payment_typecc_exp_date_YEAR" id="responsive_payment_typecc_exp_date_YEAR" onChange="fire_obs_comp_event('responsive_payment_typecc_exp_date_YEAR', this)"> <option value="2024" selected="selected">2024</option> <option value="2025" >2025</option> <option value="2026" >2026</option> <option value="2027" >2027</option> <option value="2028" >2028</option> <option value="2029" >2029</option> <option value="2030" >2030</option> <option value="2031" >2031</option> <option value="2032" >2032</option> <option value="2033" >2033</option> <option value="2034" >2034</option> </select> </fieldset> <input type="hidden" name="responsive_payment_typecc_exp_date_DAY" id="responsive_payment_typecc_exp_date_DAY" value="1" /> <script type="text/javascript">  </script><noscript> </noscript> </div> <input type="hidden" name="responsive_payment_typecc_exp_datesubmit" id="responsive_payment_typecc_exp_datesubmit" value="true" /> <script type="text/javascript"> var comp = new ObservableComponent ('responsive_payment_typecc_exp_date', 'input'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typecc_exp_date_row', _display); disable_submit_flag ('responsive_payment_typecc_exp_datesubmit', _hidden); } comp.disable = function(_disabled) { disable_element ('responsive_payment_typecc_exp_date_MONTH', _disabled); disable_element ('responsive_payment_typecc_exp_date_DAY', _disabled); disable_element ('responsive_payment_typecc_exp_date_YEAR', _disabled); disable_element ('responsive_payment_typecc_exp_date_HOUR12',_disabled); disable_element ('responsive_payment_typecc_exp_date_HOUR24',_disabled); //For UK, 24 hour clock used disable_element ('responsive_payment_typecc_exp_date_MINUTE',_disabled); disable_element ('responsive_payment_typecc_exp_date_AMPM', _disabled); } </script><noscript> </noscript> </div> </div> <div id="responsive_payment_typecc_cvv_row" class="form-row form-text cvv-input"> <div class="form-content"> <span class="field-required"></span> <label for="responsive_payment_typecc_cvvname"> <span class="FormLabelText">CVV Number:</span> </label> <a href="http://help.convio.net/site/PageServer?s_site=ala&pagename=user_donation_cvv" class="HelpLink" title="What is this? Opens new window.">What is this?</a> <input type="text" name="responsive_payment_typecc_cvvname" id="responsive_payment_typecc_cvvname" value="" maxlength="4" autocomplete="off" /> <input type="hidden" name="responsive_payment_typecc_cvvsubmit" id="responsive_payment_typecc_cvvsubmit" value="true" /> <script type="text/javascript"> //chrome is mapping cvv as card name if (/CriOS/.test(navigator.userAgent) || (/Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor))){ document.getElementById('responsive_payment_typecc_cvvname').autocomplete='cc-csc'; } var comp = new ObservableComponent ('responsive_payment_typecc_cvv', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('responsive_payment_typecc_cvv_row', _display); this.disable_submit_flag (_hidden); } </script><noscript> </noscript> </div> </div> </div> <div id="payment_check_container" class="payment-field-container"> <h3>Check Information</h3> </div> <script> document.addEventListener("DOMContentLoaded", function () { addHiddenInputIfNotExist("cc_available", "cc_available", "null"); addHiddenInputIfNotExist("debit_available", "debit_available", "null"); addHiddenInputIfNotExist("paypal_available", "paypal_available", "null"); addHiddenInputIfNotExist("wallets_available", "wallets_available", "null"); addHiddenInputIfNotExist("secure_url", "secure_url", "https://action.lung.org/site/"); addHiddenInputIfNotExist("is_admin_app", "is_admin_app", "F"); addHiddenInputIfNotExist("environment_id", "environment_id", ""); addHiddenInputIfNotExist("merchant_account_configuration_id", "merchant_account_configuration_id", ""); addHiddenInputIfNotExist("pco_javascript_location", "pco_javascript_location", ""); addHiddenInputIfNotExist("primary_color", "primary_color", "null"); addHiddenInputIfNotExist("application_name", "application_name", "TeamRaiser"); addHiddenInputIfNotExist("pco_language_locale", "pco_language_locale", "en_US"); addHiddenInputIfNotExist("pco_environment_zone", "pco_environment_zone", "p-usa01"); }); </script> <input type="hidden" name="responsive_payment_typesubmit" id="responsive_payment_typesubmit" value="true" /> <script type="text/javascript"> function PaymentObserver() { this.observe = function(_event) { var sVal = _event.component.get(); switch (sVal) { case 'check': hide_element('payment_cc_container'); hide_element('payment_bank_container'); show_element('payment_check_container'); break; case 'credit': hide_element('payment_bank_container'); hide_element('payment_check_container'); show_element('payment_cc_container'); break; case 'ach': hide_element('payment_cc_container'); hide_element('payment_check_container'); show_element('payment_bank_container'); break; case 'paypal': case 'amazon': case 'mobilepay': default: // hide all hide_element('payment_bank_container'); hide_element('payment_cc_container'); hide_element('payment_check_container'); break; } } } // Set the observer to show/hide the relevant fields observe_component ('responsive_payment_typepay_typeradio', new PaymentObserver()); </script><noscript> </noscript> </div> <div class="form-row form-checkbox" id="donor_email_opt_in_Row"> <div class="form-content"> <span class="check-box-form-label-text"></span> <input type="hidden" name="donor_email_opt_inname" id="donor_email_opt_inname" value="implicit" /> <span class="auto-opt-in-warning-message">If you donate and have not already registered, you will receive periodic updates and communications from American Lung Association.</span> <script type="text/javascript"> var comp = new ObservableComponent ('donor_email_opt_in', 'name'); comp.hide = function(_hidden) { var _display = _hidden ? 'none' : ''; set_display ('donor_email_opt_in_Row', _display); this.disable_submit_flag (_hidden); } comp.set = function (_value) { if (document.getElementById('donor_email_opt_inname')) { document.getElementById('donor_email_opt_inname').checked = _value; this.fireEvent(); } } comp.get = function() { if (document.getElementById('donor_email_opt_inname')) return document.getElementById('donor_email_opt_inname').checked; } comp.clear = function() { this.set(false); } </script><noscript> </noscript> <input type="hidden" name="donor_email_opt_insubmit" id="donor_email_opt_insubmit" value="true" /> </div> </div> <div class="form-row"> <div class="html-caption-container"> <div id="donation_review"> <h3>Donation Review</h3> <span class="donation-amount"></span> <span class="donor-cover-amount d-none"></span> </div> </div> </div> <input type="hidden" name="custom_string_3hidden" id="custom_string_3hidden" value="" /> <div class="button-container clearfix"> <div class="button-sub-container"> <button class="step-button action-button finish-step" type="submit" id="pstep_finish" name="pstep_finish" value="Donate">Donate</button> </div> </div> <input type="hidden" name="idb" id="idb" value="230636790" /> <input type="hidden" name="df_id" id="df_id" value="31271" /> <input type="hidden" name="mfc_pref" id="mfc_pref" value="T" /> </div> <input type="hidden" name="31271.donation" id="31271.donation" value="form1" /> </div> <script type="text/javascript"> var submitted = false; function checkDoubleClick() { var elCheck = ''; if (elCheck == 'el') { alert ('Form submission is not enabled when previewing an individual data element.'); return false; } else if (submitted) { alert('You have already submitted this payment. Please wait....'); return false; } else { submitted = true; return true; } } </script><noscript> </noscript> </form> </div> </section> </div> <div class="donation-disclaimer"> <div> <p class="footnote">Donations made through this form support American Lung Association's entire mission and will not be designated to a specific program or location.</p> </div> </div> </div> </main> <footer class="footer"> <div class="footer-container global-container no-seo"> <div class="footer-column-wrap"> <div class="footer-column col-md col-final"> <div> <div class="footer-logo"> <div class="footer-logo-img"> <img src="/../images/content/pagebuilder/NHC_stacked_cmyk_blk.png" alt="National Health Council"> </div> <div class="footer-logo-img"> <a href="https://www.guidestar.org/profile/shared/9bfc9632-d5f8-46f5-82e5-1159e49342a0" target="_blank"> <img src="https://widgets.guidestar.org/TransparencySeal/6905628" /> </a> </div> <div class="footer-logo-img"> <a href="https://www.charitynavigator.org/ein/131632524" class=" external" target="_blank"> <img src="/../images/content/pagebuilder/Four-Star-Rating-Badge.svg" alt="Charity Navigator"> </a> </div> <div class="footer-logo-img d-none"> <img src="/../images/content/pagebuilder/bbb-accredit-charity.png" alt="Better Business Bureau Accredited Charity"> </div> </div> <ul class="footer-meta-list"> <li id="terns-of-use" class="footer-meta-list-item"><a href="https://www.lung.org/policies/terms-of-use/" class="">Terms of Use</a></li> <li id="privacy-policies" class="footer-meta-list-item"><a href="https://www.lung.org/policies/privacy-policy/" class="">Privacy Policy</a></li> <li id="site-map" class="footer-meta-list-item"><a href="https://www.lung.org/about-us/contact-us" class="">Contact</a></li> </ul> <p class="copyright">©2024 American Lung Association. The American Lung Association is a 501(c)(3) charitable organization. Tax ID is: 13‑1632524.</p> </div> </div> </div> </div> </footer> <button class="d-none back-to-top">Back to top</button> </div>  <style> /*-------------------- Donation Form ---------------------*/ .dtd-streamlined-plugin {margin-bottom: 15px;} #dd-container {font-family: Aeonik,Arial,sans-serif !important;} #dd-container, .dtd-plugin {font-family: Aeonik,Arial,sans-serif !important; font-size: 16px !important; font-size: 1rem !important; color: #000 !important;} #dd-container .dtd-search-input, .dtd-plugin .dtd-search-input, #dd-company-name-input .dtd-search-input, .dtd-streamlined-plugin .dtd-search-input, .dtd-plugin .dtd-search-box input[type=text] {background-color: #f6f6f6 !important; color: #8d8d8d !important; min-height: auto !important;} .dd-company-selected {margin-top: 4px !important; margin-bottom: 4px !important; padding: 25px !important; -webkit-box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .09) !important; box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .09) !important;} .dd-company-selected .wrongcompany {display: block !important; white-space: nowrap !important;} #dd-intro {display: none;} #dd-container .search-title, .dtd-plugin .search-title {font-size: 24px !important; font-size: 1.5rem !important; font-weight: 700 !important; color: #0d2354 !important; margin-bottom: 15px !important; text-align: left !important;} #dd-container .text-center.search-title, .dtd-plugin .text-center.search-title {text-align: left !important;} .dtd-search-box:before {content: "Does your employer have a matching gift program? Please use the field below to find out."; font-size: 18px; font-size: 1.125rem; color: #000; margin: 0 0 15px; display: block;} #dd-container .dtd-search-box, .dtd-plugin .dtd-search-box { position: relative; background: transparent !important; border: 0 none !important; box-shadow: 0px 2px 2px rgba(0,0,0,0), 0px 0px 2px rgba(0,0,0,0) !important; border-radius: 0 !important; } .dtd-plugin.ecard .dtd-search-box p { margin-bottom: 0 !important; color: #ffffff !important; max-width: 350px; text-align: center; margin-left: auto; margin-right: auto } #dd-container .dtd-search-box input[type="text"]#dd-input, .dtd-plugin .dtd-search-box input[type="text"]#dd-input {background-color: #f6f6f6 !important; color: #8d8d8d !important; background-image: none !important; min-height: auto !important; border: 2px solid #d9d9d9 !important; background: #f6f6f6; font-family: Aeonik, Arial, sans-serif; height: 50px; line-height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 20px !important; border-radius: 4px !important; -webkit-box-shadow: none !important; box-shadow: none !important;} #dd-container .Select-menu-outer, .dtd-plugin .Select-menu-outer, #dd-company-name-input .Select-menu-outer, .dtd-streamlined-plugin .Select-menu-outer { font-size: 18px !important; font-size: 1.125rem !important; color: #8d8d8d !important; border: 2px solid #d9d9d9 !important; line-height: 35px !important; background-color: #f6f6f6 !important; width: 100% !important; max-height: none !important; margin-top: -2px !important; border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; position: absolute !important; left: 0 !important; top: 100% !important; z-index: 1 !important; -webkit-overflow-scrolling: touch !important; border-bottom: 1px solid #d9d9d9 !important; } #dd-container .Select-option, .dtd-plugin .Select-option, #dd-company-name-input .Select-option, .dtd-streamlined-plugin .Select-option {color: #000 !important; padding: 8px 10px 8px 20px !important;} #dd-container .Select-menu-outer .Select-menu .Select-option.dtd-dropdown-is-selected, #dd-container .dtd-dropdown-is-selected, .dtd-plugin .dtd-dropdown-is-selected, #dd-company-name-input .dtd-dropdown-is-selected, .dtd-streamlined-plugin .dtd-dropdown-is-selected {color: #0d2354 !important; background-color: #0064ff !important;} #dd-container .streamlined-powered-by, .dtd-plugin .streamlined-powered-by, #dd-company-name-input .streamlined-powered-by, .dtd-streamlined-plugin .streamlined-powered-by, .dtd-plugin .dtd-footer {display: none;} #dd-company-name-input {margin-top: 4px; padding-right: 7px;} #dd-container .grid-x, .dtd-plugin .grid-x {margin-top: 0px;} #dd-container .dtd-mg-ineligible, .dtd-plugin .dtd-mg-ineligible {margin-top: 0px !important;} #dd-container button.lets-check, .dtd-plugin button.lets-check {width: 100%; max-width: none; border-radius: 26px; background-color: #0064ff; background-image: none; color: #fff !important; text-decoration: none !important; border: none; float: none; font-family: Aeonik, Arial, sans-serif; text-transform: uppercase; background-clip: border-box; font-size: 16px; font-size: 1rem; font-weight: 700; font-style: normal; line-height: 1.25; letter-spacing: 1px; text-align: center; padding: 13px 20px; display: inline-block; vertical-align: top; text-decoration: none; border: 3px solid #0064ff; border-radius: 26px; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; background-clip: border-box; -webkit-font-smoothing: antialiased; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; margin-top: 0;} #dd-container button.lets-check:focus, .dtd-plugin button.lets-check:focus, #dd-container button.lets-check:active, .dtd-plugin button.lets-check:active, #dd-container button.lets-check:hover, .dtd-plugin button.lets-check:hover {text-decoration: none; color: #0064ff !important; background: transparent;} #dd-company-name-input .dtd-company-selected, .dtd-streamlined-plugin .dtd-company-selected { margin: 0; } #dd-company-name-input .dtd-company-selected span.wrongcompany, .dtd-streamlined-plugin .dtd-company-selected span.wrongcompany { display: block; } #dd-company-name-input .dtd-streamlined-plugin { margin-bottom: 0; } #dd-company-name-input .dtd-search-box.is-open.is-focused { position: absolute; z-index: 3; /*width: 93% !important; width: calc(100% - 40px) !important; width: -ms-calc(100% - 40px) !important; width: -moz-calc(100% - 40px) !important;*/ } /*-------------------- Thank You Page ---------------------*/ #dtd-confirmation-plugin { margin: 25px 0 30px; } .dtd-plugin { } #dd-container .mg-no, .dtd-plugin .mg-no { font-size: 18px; font-size: 1.125rem; margin: 0; } #dd-container .dtd-callout, .dtd-plugin .dtd-callout { padding: 0 !important; border-radius: 4px !important; -webkit-box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .09) !important; box-shadow: 0 2px 26px 0 rgba(0, 0, 0, .09) !important; background-color: #fff !important; border: 0 none !important;} .dtd-plugin .dtd-callout { background-color: #ffffff !important; } #dd-container .email-dtd a, .dtd-plugin .email-dtd a, #dd-container .mg-description a, .dtd-plugin .mg-description a, #dd-container .dtd-noresults p a, .dtd-plugin .dtd-noresults p a {line-height: inherit; color: #0064ff !important; text-decoration: none; cursor: pointer;} #dd-container .email-dtd a:hover, .dtd-plugin .email-dtd a:hover, #dd-container .email-dtd a:focus, .dtd-plugin .email-dtd a:focus, #dd-container .mg-description a:hover, .dtd-plugin .mg-description a:hover, #dd-container .mg-description a:focus, .dtd-plugin .mg-description a:focus, #dd-container .dtd-noresults p a:hover, .dtd-plugin .dtd-noresults p a:hover, #dd-container .dtd-noresults p a:focus, .dtd-plugin .dtd-noresults p a:focus, #dd-container a:hover, #dd-container a:focus {color: #0d2354 !important; text-decoration: underline;} .dtd-plugin .search-title {font-size: 24px; font-size: 1.5rem; font-weight: 700; color: #0d2354; margin-bottom: 15px;} #dd-container .text-center, .dtd-plugin .text-center { text-align: center !important; padding-bottom: 0; } #dd-container .email-dtd, .dtd-plugin .email-dtd { padding: 0 20px 20px; } #dtd-confirmation-plugin .dtd-plugin .dtd-callout .mg-summary + .grid-x { border-left: none; border-right: none; border-bottom: none; } #dtd-confirmation-plugin .dtd-plugin .dtd-callout .mg-summary + .grid-x > .cell { padding-bottom: 0 !important; border-right: none !important; } #dtd-confirmation-plugin .dtd-plugin .dtd-callout .mg-summary + .grid-x > .cell > .mg-forms-button, #dtd-confirmation-plugin .dtd-plugin .dtd-callout .mg-summary + .grid-x > .cell > .mg-guidelines-button, #dtd-confirmation-plugin .dtd-plugin .dtd-callout .mg-summary + div > .cell > .mg-guidelines-button { padding: 0 !important; background-color: transparent !important; color: #0064ff !important; border: none !important; letter-spacing: normal !important; text-transform: none !important; border-radius: 0 !important; white-space: normal; display: inline !important; margin: 0 !important; line-height: 1.1 !important; } #dtd-confirmation-plugin .dtd-plugin .dtd-callout .mg-summary + .grid-x > .cell > .mg-forms-button:hover, #dtd-confirmation-plugin .dtd-plugin .dtd-callout .mg-summary + .grid-x > .cell > .mg-forms-button:active, #dtd-confirmation-plugin .dtd-plugin .dtd-callout .mg-summary + .grid-x > .cell > .mg-forms-button:focus, #dtd-confirmation-plugin .dtd-plugin .dtd-callout .mg-summary + .grid-x > .cell > .mg-guidelines-button:hover, #dtd-confirmation-plugin .dtd-plugin .dtd-callout .mg-summary + .grid-x > .cell > .mg-guidelines-button:active, #dtd-confirmation-plugin .dtd-plugin .dtd-callout .mg-summary + .grid-x > .cell > .mg-guidelines-button:focus { color: #0d2354; text-decoration: underline; } .dtd-plugin .text-center.search-title {text-align: left !important;} .dtd-plugin .dtd-callout .text-center.search-title { text-align: center !important; color: #fff !important; font-size: 0px !important; background: #0064ff; padding: 20px 15px 15px; margin-bottom: 0 !important; border-radius: 4px 4px 0 0; } .dtd-plugin .dtd-callout .text-center.search-title:before { content: "\E909"; font-family: icomoon !important; font-size: 80px; font-size: 5rem; font-weight: normal; line-height: 1; display: block; margin-bottom: 15px; } .dtd-plugin .dtd-callout .text-center.search-title:after { content: "Could Your Employer Double Your Gift?"; font-size: 24px; font-size: 1.5rem; line-height: 1.25; display: block; } .dtd-plugin .dtd-callout .text-center.ecard-title { text-align: center !important; color: #fff !important; font-size: 24px; font-size: 1.5rem; font-weight: bold; line-height: 1.25; background: #0064ff; padding: 25px 15px 5px; margin-bottom: 0 !important; border-radius: 4px 4px 0 0; } .dtd-plugin .dtd-callout .text-center.ecard-title:before { content: "\E926"; font-family: icomoon !important; font-size: 48px; font-size: 3rem; font-weight: normal; line-height: 1; display: block; margin-bottom: 15px; } .dtd-plugin .dtd-search-box { background: #0064ff !important; padding: 0 15px; margin-bottom: 0 !important; } .dtd-plugin .grid-x { background-color: #ffffff; margin-left: 15px; margin-right: 15px; padding-bottom: 0px !important; margin-bottom: 15px !important; border-left: 1px solid #0d2354; border-right: 1px solid #0d2354; border-bottom: 1px solid #0d2354; } .dtd-plugin .dtd-search-box + .grid-x {background-color: transparent; margin-left: 0; margin-right: 0; padding-bottom: 0 !important; margin-top: 20px !important; margin-bottom: 0 !important;} .dtd-plugin .dtd-search-box + .grid-x button {margin-bottom: 0;} .dtd-plugin .mg-summary + .grid-x {padding-bottom: 0 !important;} .dtd-plugin .grid-x.text-center { text-align: center; margin-top: 0 !important; margin-left: 15 !important; margin-right: 15 !important;} .dtd-plugin .grid-x > .cell {background-color: #fff !important;} #dtd-confirmation-plugin .dtd-plugin .grid-x > .cell { background-color: transparent !important; } #dtd-confirmation-plugin .dtd-plugin .dtd-search-box input[type="text"]#dd-input { background-color: #fff !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!. --%3E%3Cpath fill='%230064ff' d='M60.509 60.509c81.455-81.454 214.109-81.454 293.236 0 69.818 69.818 81.454 181.527 25.6 262.982l121.018 121.018c13.963 16.291 13.963 41.891-2.327 55.855s-39.563 13.963-53.528 0l-121.018-121.018c-95.418 65.163-223.418 39.563-288.582-55.855-55.855-81.454-44.218-193.163 25.6-262.982v0zM207.127 79.127c-69.818 0-128 58.182-128 128s58.182 128 128 128c69.818 0 128-58.182 128-128s-55.854-128-128-128z'/%3E%3C/svg%3E") !important; /*background-image: url("https://upload.wikimedia.org/wikipedia/commons/5/55/Magnifying_glass_icon.svg") !important;*/ background-size: 23px; background-repeat: no-repeat !important; background-position: 98% 50% !important; } #dtd-confirmation-plugin .dtd-plugin .dtd-callout .dtd-lets-check.grid-x { margin-top: 0 !important; margin-left: 0 !important; margin-right: 0 !important; border-left: none !important; border-right: none !important; border-bottom: none !important; } #dtd-confirmation-plugin .dtd-plugin .dtd-callout .dtd-lets-check.grid-x > .cell { text-align: center; width: 100%; background-color: #0064ff !important; padding: 20px 15px 25px !important; border-radius: 0 0 4px 4px; } #dtd-confirmation-plugin .dtd-plugin .dtd-callout .dtd-lets-check.grid-x > .cell > button.lets-check { font-family: Aeonik, Arial, sans-serif !important; line-height: 1 !important; background-color: #fff !important; color: #0064ff !important; border: 3px solid #fff !important; padding: 15px 20px 11px !important; } #dtd-confirmation-plugin .dtd-plugin .dtd-callout .dtd-lets-check.grid-x > .cell > button.lets-check:hover, #dtd-confirmation-plugin .dtd-plugin .dtd-callout .dtd-lets-check.grid-x > .cell > button.lets-check:active, #dtd-confirmation-plugin .dtd-plugin .dtd-callout .dtd-lets-check.grid-x > .cell > button.lets-check:focus { background-color: #0d2354 !important; color: #fff !important; border: 3px solid #0d2354 !important; padding: 15px 20px 11px !important; } #dtd-confirmation-plugin .dtd-plugin .dtd-callout .dtd-lets-check.grid-x > .cell > p.ecard-button { margin: 0 auto !important; } #dtd-confirmation-plugin .dtd-plugin .dtd-callout .dtd-lets-check.grid-x > .cell > p.ecard-button > a.white-btn { background: #ffffff; color: #0064ff; border: 3px solid #ffffff; line-height: 1; padding: 15px 20px 11px; } #dtd-confirmation-plugin .dtd-plugin .dtd-callout .dtd-lets-check.grid-x > .cell > p.ecard-button > a.white-btn:hover, #dtd-confirmation-plugin .dtd-plugin .dtd-callout .dtd-lets-check.grid-x > .cell > p.ecard-button > a.white-btn:active { background: #0064ff; color: #ffffff; } #dd-company-name-input .Select-menu, .dtd-streamlined-plugin .Select-menu, #dtd-confirmation-plugin .dtd-plugin .Select-menu { overflow-x: visible; } #dd-company-name-input .Select-option, #dtd-confirmation-plugin .dtd-plugin .Select-option { font-family: Aeonik, Arial, sans-serif !important; font-size: 16px; font-size: 1rem; line-height: 1.36; color: #0d2354 !important; padding: 11px 10px 7px 20px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } #dd-company-name-input .Select-option:last-child, #dtd-confirmation-plugin .dtd-plugin .Select-option:last-child { border-bottom: 2px solid #d9d9d9 !important; } #dd-company-name-input .dtd-dropdown-is-selected, #dtd-confirmation-plugin .dtd-plugin .dtd-dropdown-is-selected { color: #0d2354 !important; background-color: #F6F6F6 !important; } #dd-company-name-input .dtd-dropdown-is-selected span, #dd-company-name-input .dtd-dropdown-is-selected em, #dd-company-name-input .dtd-dropdown-is-selected b, #dtd-confirmation-plugin .dtd-plugin .dtd-dropdown-is-selected span, #dtd-confirmation-plugin .dtd-plugin .dtd-dropdown-is-selected em, #dtd-confirmation-plugin .dtd-plugin .dtd-dropdown-is-selected b { background-color: transparent !important; color: #0d2354 !important; } .dtd-plugin .dtd-search-box {position: relative; background: #fff; border: 0 none; box-sizing: border-box; box-shadow: 0px 0px 0px rgba(0,0,0,0), 0px 0px 0px rgba(0,0,0,0); border-radius: 0; min-height: auto !important;} .dtd-plugin .dtd-search-box:before {content: none;} .dtd-plugin .dtd-search-box input[type=text] {font-size: 18px; font-size: 1.125rem; color: #8d8d8d; border: 2px solid #d9d9d9 !important; background: #f6f6f6; background-image: none !important; background-color: rgb(246, 246, 246); font-family: Aeonik, Arial, sans-serif; height: 50px; line-height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 20px !important; border-radius: 4px !important; -webkit-box-shadow: none !important; box-shadow: none !important;} .dtd-plugin .dtd-search-box input:read-only, .dtd-plugin .dtd-search-box input:-moz-read-only {display: none;} .dtd-plugin .search-another-top + .dtd-search-box {display: none !important;} #dd-container .search-another-top, .dtd-plugin .search-another-top {margin-bottom: 0 !important;} #dtd-confirmation-plugin .dtd-plugin .search-another-top { padding: 15px 0 10px 15px; } #dd-container .search-another-top a, .dtd-plugin .search-another-top a { font-size: 16px; font-size: 1rem; font-weight: 700; line-height: 1 !important; text-align: left; text-decoration: none; color: #0064ff !important; width: auto; margin: 0 auto 10px; display: inline-block; position: relative; overflow: visible; padding: 0 !important; background-color: transparent !important; border-radius: 0; !important } #dd-container .search-another-top a:before, .dtd-plugin .search-another-top a:before { font-size: 10px; font-size: .625rem; content: "\e925"!important; font-family: icomoon; margin-right: 10px; position: relative; top: 0; left: 0; -webkit-transition: left .5s ease-in-out; transition: left .5s ease-in-out; display: inline-block; } #dd-container .search-another-top a:after, .dtd-plugin .search-another-top a:after {display: block; content: ""!important; height: 4px; width: 0; position: absolute; bottom: -10px; left: 0; background: #0064ff; overflow: hidden; -webkit-transition: width .5s ease-in-out; transition: width .5s ease-in-out;} #dd-container .search-another-top a:hover, .dtd-plugin .search-another-top a:hover {color: #0064ff !important;} #dd-container .search-another-top a:hover:before, .dtd-plugin .search-another-top a:hover:before {left: -5px;} #dd-container .search-another-top a:hover:after, .dtd-plugin .search-another-top a:hover:after {width: 100%;} #dd-container .search-another-top a:hover:after, .dtd-plugin .search-another-top a:hover:after {right: -5px;} #dd-container .search-another-top a .dtd-icon-left-open, .dtd-plugin .search-another-top a .dtd-icon-left-open {display: none;} .dtd-plugin .dtd-mg-eligible {margin-top: 0 !important;} #dtd-confirmation-plugin .dtd-plugin .dtd-mg-eligible, #dtd-confirmation-plugin .dtd-plugin .dtd-vg-ineligible { /*padding: 0 15px;*/ padding: 0; } #dtd-confirmation-plugin .dtd-plugin .dtd-mg-eligible + .dtd-section-image + .dtd-section-header, #dtd-confirmation-plugin .dtd-plugin .dtd-mg-eligible + .dtd-section-image + .dtd-section-header + .grid-x + .dtd-section-image + .dtd-section-header, #dtd-confirmation-plugin .dtd-plugin .dtd-mg-eligible + .dtd-section-image + .dtd-section-header + .grid-x + .dtd-section-image + .dtd-section-header + .grid-x, #dtd-confirmation-plugin .dtd-plugin .dtd-mg-eligible + .dtd-section-image + .dtd-section-header + .grid-x + .dtd-section-image + .dtd-section-header + .grid-x + .dtd-section-image + .dtd-section-header, #dtd-confirmation-plugin .dtd-plugin .dtd-vg-ineligible + .dtd-section-image + .dtd-section-header { /* margin: 0 20px !important; */ margin-left: 15px !important; margin-right: 15px !important; margin-bottom: 0px !important; } #dtd-confirmation-plugin .dtd-plugin .dtd-mg-eligible + .dtd-section-image + .dtd-section-header + .grid-x { /* margin: 0 20px 20px !important; */ margin-left: 15px !important; margin-right: 15px !important; margin-bottom: 0px !important; } #dtd-confirmation-plugin .dtd-plugin .dtd-mg-eligible + .dtd-section-image + .dtd-section-header + .grid-x + .dtd-section-image + .dtd-section-header + .grid-x + .dtd-section-image + .dtd-section-header + .dtd-section-image + .dtd-section-header { margin: 20px 20px 0 !important; } #dtd-confirmation-plugin .dtd-plugin div[role=heading]:last-of-type { margin: 20px 20px 0 !important; } #dtd-confirmation-plugin .dtd-plugin .dtd-vg-ineligible .mg-summary .mg-yes { border-left: 1px solid #0d2354; border-right: 1px solid #0d2354; border-bottom: 1px solid #0d2354; padding: 20px 20px 15px !important; } .dtd-plugin .grid-x {display: flex; flex-flow: row wrap;} #dd-container .grid-x>.medium-4, .dtd-plugin .grid-x>.medium-4 {} .dtd-plugin .grid-x>.medium-4:empty {display: none;} .dtd-plugin .lets-check, .dtd-plugin .mg-forms-button, .dtd-plugin .mg-guidelines-button {width: 100% !important; max-width: none; border-radius: 26px !important; background-color: #0064ff !important; background-image: none; color: #fff !important; text-decoration: none !important; float: none; font-family: Aeonik, Arial, sans-serif !important; text-transform: uppercase; background-clip: border-box !important; font-size: 16px !important; font-size: 1rem !important; font-weight: 700; font-style: normal; line-height: 1.25 !important; letter-spacing: 1px; text-align: center !important; padding: 13px 20px !important; display: inline-block; vertical-align: top; text-decoration: none !important; border: 3px solid #0064ff !important; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; background-clip: border-box; -webkit-font-smoothing: antialiased; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; margin-top: 0 !important;} .dtd-plugin .lets-check:hover, .dtd-plugin .mg-forms-button:hover, .dtd-plugin .mg-guidelines-button:hover, .dtd-plugin .lets-check:active, .dtd-plugin .mg-forms-button:active, .dtd-plugin .mg-guidelines-button:active {text-decoration: none !important; color: #0064ff !important; background: transparent !important;} .dtd-plugin .mg-forms-button, .dtd-plugin .mg-guidelines-button {padding-bottom: 13px !important;} #dd-container .mg-yes, .dtd-plugin .mg-yes { margin-top: 0 !important; background-color: #fff; border-left: 1px solid #0d2354; border-right: 1px solid #0d2354; padding: 10px 15px 0 !important; } #dd-container div[role~=heading].mg-yes, .dtd-plugin div[role~=heading].mg-yes { margin-top: 0 !important; font-weight: 700 !important; font-size: 0px !important; border-left: 0 none !important; border-right: 0 none !important; padding: 0 !important; margin: 0; color: #0d2354; } #dd-container .dtd-mg-ineligible .mg-yes, .dtd-plugin .dtd-mg-ineligible .mg-yes { margin-bottom: 15px; padding: 15px 15px 10px !important; border-bottom: 1px solid #0d2354; } #dd-container div[role~=heading].mg-yes:before, .dtd-plugin div[role~=heading].mg-yes:before {content: "Yes!"; font-weight: 700; font-size: 36px; font-size: 2.25rem; line-height: 1; color: #0d2354; display: block;} #dd-container .mg-summary p, .dtd-plugin .mg-summary p {font-size: 18px !important; font-size: 1.125rem !important; font-weight: 400; color: #000 !important; margin-top: 0 !important; background-color: #fff; border-left: 15px solid #f6f6f6; border-right: 15px solid #f6f6f6; padding: 0 15px 15px !important;} #dd-container .mg-summary div[role~=heading].mg-yes + p, .dtd-plugin .mg-summary div[role~=heading].mg-yes + p {font-size: 24px !important; font-size: 1.5rem !important; font-weight: 400; line-height: 1.4; color: #0d2354 !important; background-color: #fff; border-left: 0 none !important; border-right: 0 none !important; padding: 0 !important; margin-bottom: 15px !important;} .dtd-plugin .dtd-section-image, .dtd-plugin .dtd-section-image-first {margin-top: 0 !important;} .dtd-plugin .dtd-section-image img, .dtd-plugin .dtd-section-image-first img {width: 0 !important; height: 0 !important; display: block !important; position: relative;} .dtd-plugin .dtd-section-header[class*=" icon-"]:before, .dtd-plugin .dtd-section-header[class^=icon-]:before {margin: auto auto 10px; font-size: 48px; font-size: 3rem; width: 80px; height: 80px; display: block; background: #0064ff; color: #fff; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: icomoon!important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .dtd-plugin .dtd-section-header { font-family: Aeonik, Arial, sans-serif !important; font-weight: 700 !important; text-align: center !important; font-size: 18px !important; font-size: 1.125rem !important; line-height: 1 !important; color: #fff; background-color: #0d2354; margin-top: 15px !important; margin-left: 15px !important; margin-right: 15px !important; margin-bottom: 0 !important; padding-top: 15px !important; padding-bottom: 10px !important; } .dtd-plugin .dtd-section-header:last-of-type { margin-top: 20px !important; } .dtd-plugin .amount-header, .dtd-plugin .eligibility-text { font-size: 16px !important; font-size: 1rem !important; font-weight: 700 !important; line-height: 1; text-align: center !important; color: #0d2354 !important; margin-top: 15px !important; margin-bottom: 5px !important; } .dtd-plugin .amount-small {font-size: 24px !important; font-size: 1.5rem !important; font-weight: 700 !important; line-height: 1.1; text-align: center !important; color: #0d2354 !important; margin-top: 0 !important; margin-bottom: 15px !important;} .dtd-plugin .amount, .dtd-plugin .eligibility-status { font-size: 18px !important; font-size: 1.125rem !important; font-weight: normal !important; text-align: center !important; color: #000 !important; margin-top: 10px !important; margin-bottom: 15px !important; line-height: 1.25; } .dtd-plugin .eligibility-status [class^="dtd-icon-"]:before, .dtd-plugin .eligibility-status [class*=" dtd-icon-"]:before {margin-left: 0; margin-right: 0;} #dd-container p, .dtd-plugin p {margin-bottom: 15px !important; color: #000 !important;} #dd-container ul, .dtd-plugin ul { font-size: inherit; margin: 15px 0 !important; } #dd-container ul, .dtd-plugin ul { margin-left: 0 !important; margin: 15px 0 20px !important; } #dd-container ul li, .dtd-plugin ul li { line-height: 1.44; margin: 0 !important; padding-left: 30px !important; margin-bottom: 15px !important; position: relative; list-style: none; } #dd-container ul li:after, #dd-container ul li:before, .dtd-plugin ul li:after, .dtd-plugin ul li:before { color: #0064ff; font-family: icomoon; position: absolute; top: 1px; left: 0; } #dd-container ul li:before, .dtd-plugin ul li:before { content: "\E928" !important; opacity: .081; } #dd-container ul li:after, .dtd-plugin ul li:after { content: "\E929"; } .dtd-plugin .mg-description { margin: 0 15px 5px !important; padding: 0 !important; background-color: #fff; } .dtd-plugin .mg-description p:last-of-type {margin-bottom: 0 !important;} .dtd-plugin .data-cell { background-color: #fff !important; } .dtd-plugin .data-cell.corporate-information { background-color: #fff !important; border-left: 1px solid #0d2354; border-right: 1px solid #0d2354; border-bottom: 1px solid #0d2354; margin: 0 20px; } #dtd-confirmation-plugin .dtd-plugin .dtd-mg-eligible + .dtd-section-image + .dtd-section-header + .dtd-vg-ineligible.data-cell { background-color: #fff !important; border-left: 1px solid #0d2354; border-right: 1px solid #0d2354; border-bottom: 1px solid #0d2354; margin: 0 20px; padding: 15px 0; } #dd-container .Select-menu, .dtd-plugin .Select-menu, #dd-company-name-input .Select-menu, .dtd-streamlined-plugin .Select-menu {max-height: none !important;} #dd-container .Select-menu, .dtd-plugin .Select-menu, #dd-company-name-input .Select-menu, .dtd-streamlined-plugin .Select-menu {overflow-y: visible !important;} #dd-container .dtd-noresults, .dtd-plugin .dtd-noresults {text-align: left !important; padding: 15px 20px;} #dd-container .dtd-noresults p, .dtd-plugin .dtd-noresults p {margin-bottom: 0 !important;} @media (min-width: 576px) { #dd-company-name-input .dtd-search-box.is-open.is-focused { /*width: 87% !important; width: calc(100% - 80px) !important; width: -ms-calc(100% - 80px) !important; width: -moz-calc(100% - 80px) !important; max-width: 554px;*/ } } @media (min-width: 768px) { #dd-company-name-input {-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;} .dd-company-selected .wrongcompany {display: inline !important;} .dtd-plugin .mg-forms-button, .dtd-plugin .mg-guidelines-button {width: auto !important; min-width: 300px;} #dd-container .dtd-callout { padding: 30px 50px !important; } .dtd-plugin .dtd-callout .text-center.search-title { padding: 25px; } .dtd-plugin .dtd-search-box { padding: 0 25px; } #dtd-confirmation-plugin .dtd-plugin .dtd-callout .dtd-lets-check.grid-x > .cell { padding: 25px 25px 30px !important; } .dtd-plugin .dtd-callout { padding: 0 !important; } #dtd-confirmation-plugin .dtd-plugin .search-another-top { padding: 20px 0 0 20px; } #dtd-confirmation-plugin .dtd-plugin .dtd-mg-eligible, #dtd-confirmation-plugin .dtd-plugin .dtd-vg-ineligible { /*padding: 0 20px;*/ padding: 0; } .dtd-plugin .grid-x { margin-bottom: 0 !important; margin-left: 20px !important; margin-right: 20px !important; } #dd-container .mg-yes, .dtd-plugin .mg-yes { margin-left: 20px !important; margin-right: 20px !important; } #dd-container .dtd-mg-ineligible .mg-yes, .dtd-plugin .dtd-mg-ineligible .mg-yes { } #dd-container .mg-summary p, .dtd-plugin .mg-summary p {font-size: 18px !important; font-size: 1.125rem !important; font-weight: 400; color: #000 !important; margin-top: 0 !important; background-color: #fff; border-left: 25px solid #f6f6f6; border-right: 25px solid #f6f6f6; padding: 0 25px 25px !important;} .dtd-plugin .mg-description {margin: 20px 20px 15px !important;} .dtd-plugin .search-another-top a {line-height: 1 !important;} #dtd-confirmation-plugin .dtd-plugin .dtd-callout .dtd-lets-check.grid-x > .cell > button.lets-check { max-width: 250px; } .dtd-plugin .amount-header, .dtd-plugin .eligibility-text { margin-top: 20px !important; } .dtd-plugin .dtd-section-header { margin-top: 20px !important; margin-left: 20px !important; margin-right: 20px !important; } #dtd-confirmation-plugin .dtd-plugin .dtd-mg-eligible + .dtd-section-image + .dtd-section-header, #dtd-confirmation-plugin .dtd-plugin .dtd-mg-eligible + .dtd-section-image + .dtd-section-header + .grid-x + .dtd-section-image + .dtd-section-header, #dtd-confirmation-plugin .dtd-plugin .dtd-mg-eligible + .dtd-section-image + .dtd-section-header + .grid-x + .dtd-section-image + .dtd-section-header + .grid-x, #dtd-confirmation-plugin .dtd-plugin .dtd-mg-eligible + .dtd-section-image + .dtd-section-header + .grid-x + .dtd-section-image + .dtd-section-header + .grid-x + .dtd-section-image + .dtd-section-header, #dtd-confirmation-plugin .dtd-plugin .dtd-vg-ineligible + .dtd-section-image + .dtd-section-header, #dtd-confirmation-plugin .dtd-plugin .dtd-mg-eligible + .dtd-section-image + .dtd-section-header + .grid-x { margin-left: 20px !important; margin-right: 20px !important; } } </style> <script type="text/javascript"> Y.use('jquery-noconflict','utils','yui2-yde', function() { jQuery(document).ready(function() { // mobile menu toggle jQuery('.js-nav-toggle').click(function() { jQuery('.nav').toggle(); jQuery(this).toggleClass('open'); jQuery('body').toggleClass('nav-open'); }); // add additional logo to header if (jQuery('#logo2').length > 0){ jQuery('#logo2').insertAfter('.primary-logo'); } // add custom hero image if (jQuery('#hero-image').length > 0){ var image_source = jQuery('#hero-image').first().attr('src'); image_source = "url('" + image_source + "')"; jQuery('.promo-card-img.corner-img').css('background-image', image_source); jQuery('.promo-card-img.corner-img').addClass('has-hero'); } if (jQuery('#hero-image').length == 0){ jQuery('.promo-card-img.corner-img').addClass('no-hero'); } // add custom intro text if (jQuery('#hero-text').length){ jQuery('#hero-text').prependTo('#hero'); } if(jQuery('form#ProcessForm').length > 0 ){ var formAction = 'https://action.lung.org/site/Donation2?df_id=31271&mfc_pref=T&31271.donation=form1'; if (jQuery('input[name=transaction_fee_radio]').is(':checked')) { var donorCoverVal = 'true'; var donorCover = '&DonorCover=' + donorCoverVal; var formatFormAction = formAction.replace(/&/g, '&'); var formatFormActionDonor = formatFormAction.replace(/(DonorCover=)[a-z]+/ig, 'DonorCover=true'); var formActionFormatted = formatFormAction.replace(/(DonorCover=)[a-z]+/ig, 'DonorCover=true'); } else { var formatFormAction = formAction.replace(/&/g, '&'); var formatFormActionDonor = formatFormAction.replace(/(DonorCover=)[a-z]+/ig, 'DonorCover=false'); var formActionFormatted = formatFormAction.replace(/(DonorCover=)[a-z]+/ig, 'DonorCover=false'); } jQuery('form#ProcessForm').attr('action', formActionFormatted); } // add active class to donation levels on click var jQueryradioButtons = jQuery('.donation-level-label-input-container input[type="radio"]'); jQueryradioButtons.click(function() { jQueryradioButtons.each(function() { jQuery(this).parent().closest('.donation-level-container').toggleClass('active', this.checked); }); }); // add class to user entered for styling if (jQuery('.donation-level-user-entered').length > 0) { jQuery('.donation-level-user-entered').closest('.donation-level-container').addClass('user-entered'); jQuery('.donation-level-container.user-entered .donation-level-label-input-container input[type=radio]').addClass('user-entered-radio'); jQuery('.donation-level-user-entered > input[type=text]').addClass('user-entered-amount'); jQuery('.donation-level-user-entered > input.user-entered-amount').attr('placeholder', 'Custom'); jQuery('.donation-level-user-entered > input.user-entered-amount').before('<span class="dollar">$</span>'); } // add attributes for employee match if (jQuery('#employer_match_radio').length > 0){ jQuery('#employer_match_radio').parent().closest('.custom-field-container').attr('id', 'employer_match_toggle'); } if (jQuery('#dd-company-name-input').length > 0){ jQuery('#dd-company-name-input').parent().addClass('d-none').attr('id', 'employer_match_search'); jQuery('#employer_match_search').parent().attr('id', 'employer_match_container'); } if (jQuery('#employer_match_radio').is(':checked')) { jQuery('#employer_match_container').addClass('wrap'); jQuery('#employer_match_search').removeClass('d-none'); } else { jQuery('#employer_match_container').removeClass('wrap'); jQuery('#employer_match_search').addClass('d-none'); } jQuery('#employer_match_radio').change(function() { jQuery('#employer_match_search').toggleClass('d-none'); jQuery('#employer_match_container').toggleClass('wrap'); }); // hide sections if (jQuery('.payment-type-element-container').length > 0){ jQuery('.payment-type-element-container').prev('h2.section-header-container').attr('id', 'payment_type_element_heading'); } // dedication information formatting jQuery('h2.section-header-container:contains("Dedication Information")').attr('id', 'dedication_info_element_heading'); if (jQuery('#dedication_info_element_heading').length > 0){ jQuery('#dedication_info_element_heading').wrap('<div id="dedication_info_heading"></div>'); } // billing information formatting jQuery('h2.section-header-container:contains("Billing Information")').attr('id', 'billing_info_element_heading'); jQuery('#billing_info_element_heading').wrap('<div id="billing_info_heading"></div>'); jQuery('#donor_email_address_row').after(jQuery('<div id="billing_first_last" class="row"></div>')); jQuery('#billing_addr_city_row').before(jQuery('<div id="billing_city_state_zip" class="row"></div>')); if (jQuery('#billing_first_name_row').length){ jQuery('#billing_first_name_row').addClass('col-12 col-sm-6') jQuery('#billing_first_name_row').appendTo('#billing_first_last'); } if (jQuery('#billing_last_name_row').length){ jQuery('#billing_last_name_row').addClass('col-12 col-sm-6') jQuery('#billing_last_name_row').appendTo('#billing_first_last'); } if (jQuery('#billing_addr_city_row').length){ jQuery('#billing_addr_city_row').addClass('col-12 col-sm-6') jQuery('#billing_addr_city_row').appendTo('#billing_city_state_zip'); } if (jQuery('#billing_addr_state_row').length){ jQuery('#billing_addr_state_row').addClass('col-12 col-sm-3') jQuery('#billing_addr_state_row').appendTo('#billing_city_state_zip'); } if (jQuery('#billing_addr_zip_row').length){ jQuery('#billing_addr_zip_row').addClass('col-12 col-sm-3') jQuery('#billing_addr_zip_row').appendTo('#billing_city_state_zip'); } // mailing information formatting jQuery('h2.section-header-container:contains("Mailing Information")').attr('id', 'mailing_info_element_heading'); jQuery('#mailing_info_element_heading').after(jQuery('<div id="donor_first_last" class="row"></div>')); jQuery('#donor_addr_city_row').before(jQuery('<div id="donor_city_state_zip" class="row"></div>')); if (jQuery('#donor_first_name_row').length){ jQuery('#donor_first_name_row').addClass('col-12 col-sm-6') jQuery('#donor_first_name_row').appendTo('#donor_first_last'); } if (jQuery('#donor_last_name_row').length){ jQuery('#donor_last_name_row').addClass('col-12 col-sm-6') jQuery('#donor_last_name_row').appendTo('#donor_first_last'); } if (jQuery('#donor_addr_city_row').length){ jQuery('#donor_addr_city_row').addClass('col-12 col-sm-6') jQuery('#donor_addr_city_row').appendTo('#donor_city_state_zip'); } if (jQuery('#donor_addr_state_row').length){ jQuery('#donor_addr_state_row').addClass('col-12 col-sm-3') jQuery('#donor_addr_state_row').appendTo('#donor_city_state_zip'); } if (jQuery('#donor_addr_zip_row').length){ jQuery('#donor_addr_zip_row').addClass('col-12 col-sm-3') jQuery('#donor_addr_zip_row').appendTo('#donor_city_state_zip'); } //credit card formatting if (jQuery('#responsive_payment_typecc_numbername').length > 0) { jQuery('#responsive_payment_typecc_numbername').attr('placeholder', '0000 0000 0000 0000'); } if (jQuery('#responsive_payment_typecc_cvvname').length > 0) { jQuery('#responsive_payment_typecc_cvv_row label').text('CVV:'); jQuery('#responsive_payment_typecc_cvvname').attr('placeholder', 'CVV'); } jQuery('#billing_addr_zipname').bind('keyup', function (e) { var billZip = jQuery(this); billZip.val(billZip.val().replace(/[^0-9\-]/g, '').replace(/(\..*?)\..*/g, '$1').replace(/(\-\d{4}).+/g, '$1')); if ((e.which != 46 || billZip.val().indexOf('-') != -1) && (e.which < 48 || e.which > 57)) { e.preventDefault(); } }); jQuery('#donor_addr_zipname').bind('keyup', function (e) { var donorZip = jQuery(this); donorZip.val(donorZip.val().replace(/[^0-9\-]/g, '').replace(/(\..*?)\..*/g, '$1').replace(/(\-\d{4}).+/g, '$1')); if ((e.which != 46 || donorZip.val().indexOf('-') != -1) && (e.which < 48 || e.which > 57)) { e.preventDefault(); } }); // create credit card intro jQuery('.payment-type-element-container').before('<div id="credit_card_intro" class="slide-transition slide-out-right"><h3 id="credit_card_heading">Credit Card</h3><span class="secure-notice">All transactions are secure and encrypted</span><ul class="radio-array-list"><li class="tender-row "><img src="../images/discovercard_sm.gif" alt="Discover" name="responsive_payment_typecc_type_Discover" id="responsive_payment_typecc_type_Discover"></li><li class="tender-row "><img src="../images/amex_small.gif" alt="American Express" name="responsive_payment_typecc_type_American_Express" id="responsive_payment_typecc_type_American_Express"></li><li class="tender-row "><img src="../images/mastercd_small.gif" alt="MasterCard" name="responsive_payment_typecc_type_MasterCard" id="responsive_payment_typecc_type_MasterCard"></li><li class="tender-row "><img src="../images/visa_small.gif" alt="Visa" name="responsive_payment_typecc_type_Visa" id="responsive_payment_typecc_type_Visa"></li></ul></div>'); // create paypal container jQuery('#payment_cc_container').after(jQuery('<div id="payment_paypal_container" class="payment-field-container slide-transition slide-out-right"><div id="paypal_intro"><h3 id="paypal_heading">PayPal</h3><span class="submission-notice">After submitting this form, you will be redirected to PayPal to complete your donation securely.</span></div></div>')); // set monthly giving duration to forever if (jQuery('#level_flexibleduration').length > 0) { jQuery('#level_flexibleduration').find('option[value="M:0"]').attr('selected','selected').prop('selected', true); } //toggle billing and credit card info jQuery('.promo-hero').addClass('slide-transition'); jQuery('.Mask-Copy-7').addClass('slide-transition'); if (jQuery('#level_standard_row').length > 0) { jQuery('#level_standard_row').addClass('slide-transition'); } if (jQuery('#level_flexible_row').length > 0) { jQuery('#level_flexible_row').addClass('slide-transition'); jQuery('#payment_type_element_heading').addClass('monthly'); } jQuery('#employer_match_toggle').addClass('slide-transition'); jQuery('#employer_match_search').addClass('slide-transition'); jQuery('#payment_type_element_heading').addClass('slide-transition'); jQuery('.payment-type-element-container').addClass('slide-transition'); jQuery('.payment-type-selections').addClass('slide-transition'); jQuery('#payment_cc_container').addClass('slide-transition'); jQuery('.back-to-previous').addClass('slide-transition'); jQuery('#billing_info_heading').addClass('slide-transition'); jQuery('#donor_email_address_row').addClass('slide-transition'); jQuery('#billing_first_name_row').addClass('slide-transition'); jQuery('#billing_last_name_row').addClass('slide-transition'); jQuery('#billing_addr_street1_row').addClass('slide-transition'); jQuery('#billing_addr_street2_toggle').addClass('slide-transition'); jQuery('#billing_addr_street2_row').addClass('slide-transition d-none'); jQuery('#billing_addr_city_row').addClass('slide-transition'); jQuery('#billing_addr_state_row').addClass('slide-transition'); jQuery('#billing_addr_zip_row').addClass('slide-transition'); jQuery('#donor_info_same_as_billing_row').addClass('slide-transition'); jQuery('#donation_review').addClass('slide-transition'); jQuery('.button-container').addClass('slide-transition'); //if (jQuery('#dedication_info_heading').length > 0) { //jQuery('#dedication_info_heading').addClass('slide-transition'); //} //if (jQuery('#tribute_type_row').length > 0) { //jQuery('#tribute_type_row').addClass('slide-transition'); //} //if (jQuery('#tribute_honoree_first_name_row').length > 0) { //jQuery('#tribute_honoree_first_name_row').addClass('slide-transition'); //} //if (jQuery('#tribute_honoree_last_name_row').length > 0) { //jQuery('#tribute_honoree_last_name_row').addClass('slide-transition'); //} if (jQuery('#tribute_honoree_name_row').length > 0) { jQuery('#tribute_honoree_name_row').addClass('slide-transition'); } //if (jQuery('#tribute_notify_recip_name_row').length > 0) { //jQuery('#tribute_notify_recip_name_row').addClass('slide-transition'); //} //if (jQuery('#tribute_notify_recip_street1_row').length > 0) { //jQuery('#tribute_notify_recip_street1_row').addClass('slide-transition'); //} //if (jQuery('#tribute_notify_addr_street2_toggle').length > 0) { //jQuery('#tribute_notify_addr_street2_toggle').addClass('slide-transition'); //} //if (jQuery('#tribute_notify_recip_street2_row').length > 0) { //jQuery('#tribute_notify_recip_street2_row').addClass('slide-transition d-none'); //} //if (jQuery('#tribute_notify_recip_city_row').length > 0) { //jQuery('#tribute_notify_recip_city_row').addClass('slide-transition'); //} //if (jQuery('#tribute_notify_recip_state_row').length > 0) { //jQuery('#tribute_notify_recip_state_row').addClass('slide-transition'); //} //if (jQuery('#tribute_notify_recip_zip_row').length > 0) { //jQuery('#tribute_notify_recip_zip_row').addClass('slide-transition'); //} //if (jQuery('#tribute_message_body_row').length > 0) { //jQuery('#tribute_message_body_row').addClass('slide-transition'); //} //if (jQuery('#tribute_signature_row').length > 0) { //jQuery('#tribute_signature_row').addClass('slide-transition'); //} //if (jQuery('#message_include_gift_amount_row').length > 0) { //jQuery('#message_include_gift_amount_row').addClass('slide-transition'); //} // payment option conditionals jQuery('#responsive_payment_typepay_typeradiocredit').prop('checked', false).attr('checked', false); jQuery('#responsive_payment_typepay_typeradiopaypal').prop('checked', true).attr('checked', false); jQuery('.internal-payment .payment-type-option').removeClass('selected'); jQuery('.external-payment .payment-type-option').removeClass('selected'); jQuery('#payment_cc_container').toggleClass('slide-out-right'); jQuery('.back-to-previous').toggleClass('slide-out-right'); jQuery('#billing_info_heading').toggleClass('slide-out-right'); jQuery('#donor_email_address_row').toggleClass('slide-out-right'); jQuery('#billing_first_name_row').toggleClass('slide-out-right'); jQuery('#billing_last_name_row').toggleClass('slide-out-right'); jQuery('#billing_addr_street1_row').toggleClass('slide-out-right'); jQuery('#billing_addr_street2_toggle').toggleClass('slide-out-right'); jQuery('#billing_addr_street2_row').toggleClass('slide-out-right'); jQuery('#billing_addr_city_row').toggleClass('slide-out-right'); jQuery('#billing_addr_state_row').toggleClass('slide-out-right'); jQuery('#billing_addr_zip_row').toggleClass('slide-out-right'); jQuery('#donor_info_same_as_billing_row').toggleClass('slide-out-right'); jQuery('#donation_review').toggleClass('slide-out-right'); jQuery('.button-container').toggleClass('slide-out-right'); //if (jQuery('#dedication_info_heading').length > 0) { //jQuery('#dedication_info_heading').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_type_row').length > 0) { //jQuery('#tribute_type_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_honoree_first_name_row').length > 0) { //jQuery('#tribute_honoree_first_name_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_honoree_last_name_row').length > 0) { //jQuery('#tribute_honoree_last_name_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_honoree_name_row').length > 0) { //jQuery('#tribute_honoree_name_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_name_row').length > 0) { //jQuery('#tribute_notify_recip_name_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_street1_row').length > 0) { //jQuery('#tribute_notify_recip_street1_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_addr_street2_toggle').length > 0) { //jQuery('#tribute_notify_addr_street2_toggle').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_street2_row').length > 0) { //jQuery('#tribute_notify_recip_street2_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_city_row').length > 0) { //jQuery('#tribute_notify_recip_city_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_state_row').length > 0) { //jQuery('#tribute_notify_recip_state_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_zip_row').length > 0) { //jQuery('#tribute_notify_recip_zip_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_message_body_row').length > 0) { //jQuery('#tribute_message_body_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_signature_row').length > 0) { //jQuery('#tribute_signature_row').toggleClass('slide-out-right'); //} //if (jQuery('#message_include_gift_amount_row').length > 0) { //jQuery('#message_include_gift_amount_row').toggleClass('slide-out-right'); //} // uncheck transaction fee onload jQuery('#transaction_fee_radio').prop('checked', true).attr('checked', true).val('true'); jQuery('#additional_amountsubmit').val( 'true' ); var formAction = jQuery('form#ProcessForm').attr('action'); var formatFormAction = formAction.replace(/&/g, '&'); var formatFormActionDonorCover = formAction + '&DonorCover=true'; var formActionFormatted = formatFormActionDonorCover.replace(/(DonorCover=)[a-z]+/ig, 'DonorCover=true'); jQuery('form#ProcessForm').attr('action', formatFormAction); // One-Time Gift if (jQuery('input[type=radio][name=level_standardexpanded]').is(':checked')) { if (jQuery('input.user-entered-radio').is(':checked')) { var urlSetValue = ''; var urlSetValueDecimal = ''; var userEntered = jQuery('.user-entered-amount').val(); if (jQuery('#tribute_honoree_name_row').length > 0) { if (jQuery('input[name=tribute_honoree_namename]').val().length == 0) { if (userEntered .length == 0) { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } } else { if (userEntered .length == 0) { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } } } //if (userEntered .length == 0) { //jQuery('.donation-levels').addClass('form-error'); //jQuery('.payment-type-option input:radio').attr('disabled',true); //jQuery('.internal-payment .payment-type-option').addClass('disabled'); //jQuery('.external-payment .payment-type-option').addClass('disabled'); //jQuery('.mobile-payment .payment-type-option').addClass('disabled'); //jQuery('.venmo-payment .payment-type-option').addClass('disabled'); //} else { //jQuery('.donation-levels').removeClass('form-error'); //jQuery('.payment-type-option input:radio').attr('disabled',false); //jQuery('.internal-payment .payment-type-option').removeClass('disabled'); //jQuery('.external-payment .payment-type-option').removeClass('disabled'); //jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); //jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); //} } else { if (userEntered .length == 0) { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } } } //if (userEntered .length == 0) { //jQuery('.donation-levels').addClass('form-error'); //jQuery('.payment-type-option input:radio').attr('disabled',true); //jQuery('.internal-payment .payment-type-option').addClass('disabled'); //jQuery('.external-payment .payment-type-option').addClass('disabled'); //jQuery('.mobile-payment .payment-type-option').addClass('disabled'); //jQuery('.venmo-payment .payment-type-option').addClass('disabled'); //} else { //jQuery('.donation-levels').removeClass('form-error'); //jQuery('.payment-type-option input:radio').attr('disabled',false); //jQuery('.internal-payment .payment-type-option').removeClass('disabled'); //jQuery('.external-payment .payment-type-option').removeClass('disabled'); //jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); //jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); //} jQuery('.user-entered-amount').val(urlSetValueDecimal); var processingFee = (urlSetValueDecimal * 5.5 / 100).toFixed(2); var giftAmountFee = (+urlSetValueDecimal) + (+processingFee); jQuery('input.user-entered-amount').bind('keyup', function (e) { var self = jQuery(this); self.val(self.val().replace(/[^0-9\.]/g, '').replace(/(\..*?)\..*/g, '$1').replace(/(\.\d{2}).+/g, '$1')); if ((e.which != 46 || self.val().indexOf('.') != -1) && (e.which < 48 || e.which > 57)) { e.preventDefault(); } if (jQuery('#tribute_honoree_name_row').length > 0) { if (jQuery('input[name=tribute_honoree_namename]').val().length == 0) { if (jQuery(this).val().length > 0) { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } } else { if (jQuery(this).val().length > 0) { jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } } else { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } } } else { if (jQuery(this).val().length > 0) { jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } } else { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } } //if (jQuery(this).val().length > 0) { //jQuery('.donation-levels').removeClass('form-error'); //jQuery('.payment-type-option input:radio').attr('disabled',false); //jQuery('.internal-payment .payment-type-option').removeClass('disabled'); //jQuery('.external-payment .payment-type-option').removeClass('disabled'); //jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); //jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); //} else { //jQuery('.donation-levels').addClass('form-error'); //jQuery('.payment-type-option input:radio').attr('disabled',true); //jQuery('.internal-payment .payment-type-option').addClass('disabled'); //jQuery('.external-payment .payment-type-option').addClass('disabled'); //jQuery('.mobile-payment .payment-type-option').addClass('disabled'); //jQuery('.venmo-payment .payment-type-option').addClass('disabled'); //} if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmount = jQuery('input.user-entered-amount').val(); var processingFee = (userAmount * 5.5 / 100).toFixed(2); var giftAmountFee = (+userAmount) + (+processingFee); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountNoDecimal * 100 / 100).toFixed(2); var processingFee = (userAmount * 5.5 / 100).toFixed(2); var giftAmountFee = (+userAmount) + (+processingFee); } if (jQuery('#transaction_fee_radio').is(':checked')) { jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmountFee.toFixed(2)).text('Donate $'+giftAmountFee.toFixed(2)); jQuery('#additional_amountname').val(processingFee); } else { jQuery('button[name="pstep_finish"]').val('Donate $'+userAmount).text('Donate $'+userAmount); jQuery('#additional_amountname').val(''); } jQuery('label[for="transaction_fee_radio"]').html('Cover $' + processingFee + ' processing costs'); jQuery('#additional_amountname').val(processingFee); jQuery('#donation_review span.donation-amount').html('$'+userAmount); jQuery('#donation_review span.donor-cover-amount').html('$'+processingFee); }); jQuery('input.user-entered-amount').bind('keyup', function (e) { var userGift = parseFloat(jQuery(this).val()); if (userGift) { if (jQuery('#tribute_honoree_name_row').length > 0) { if (jQuery('input[name=tribute_honoree_namename]').val().length == 0) { if (userGift < 5) { jQuery('.donation-levels').addClass('form-error minimum'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.donation-levels').removeClass('form-error minimum'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } } else { if (userGift < 5) { jQuery('.donation-levels').addClass('form-error minimum'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.donation-levels').removeClass('form-error minimum'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } } } } else { if (userGift < 5) { jQuery('.donation-levels').addClass('form-error minimum'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.donation-levels').removeClass('form-error minimum'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } } } //if (userGift < 5) { //jQuery('.donation-levels').addClass('form-error minimum'); //jQuery('.payment-type-option input:radio').attr('disabled',true); //jQuery('.internal-payment .payment-type-option').addClass('disabled'); //jQuery('.external-payment .payment-type-option').addClass('disabled'); //jQuery('.mobile-payment .payment-type-option').addClass('disabled'); //jQuery('.venmo-payment .payment-type-option').addClass('disabled'); //} else { //jQuery('.donation-levels').removeClass('form-error minimum'); //jQuery('.payment-type-option input:radio').attr('disabled',false); //jQuery('.internal-payment .payment-type-option').removeClass('disabled'); //jQuery('.external-payment .payment-type-option').removeClass('disabled'); //jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); //jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); //} } }); } else { var donationLevelId = jQuery('input[type=radio][name=level_standardexpanded]:checked').val(); var giftAmount = jQuery('input[type=radio][name=level_standardexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var processingFee = (giftAmount * 5.5 / 100).toFixed(2); var giftAmountFee = (+giftAmount) + (+processingFee); } jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmountFee.toFixed(2)).text('Donate $'+giftAmountFee.toFixed(2)); jQuery('#additional_amountname').val(processingFee); } // Monthly Gift if (jQuery('input[type=radio][name=level_flexibleexpanded]').is(':checked')) { if (jQuery('input.user-entered-radio').is(':checked')) { var urlSetValue = ''; var urlSetValueDecimal = ''; var userEntered = jQuery('.user-entered-amount').val(); if (userEntered .length == 0) { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); } else { jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); } jQuery('.user-entered-amount').val(urlSetValueDecimal); var processingFee = (urlSetValueDecimal * 5.5 / 100).toFixed(2); var giftAmountFee = (+urlSetValueDecimal) + (+processingFee); jQuery('input.user-entered-amount').bind('keyup', function (e) { var self = jQuery(this); self.val(self.val().replace(/[^0-9\.]/g, '').replace(/(\..*?)\..*/g, '$1').replace(/(\.\d{2}).+/g, '$1')); if ((e.which != 46 || self.val().indexOf('.') != -1) && (e.which < 48 || e.which > 57)) { e.preventDefault(); } if (jQuery(this).val().length > 0) { jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); } else { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); } if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmount = jQuery('input.user-entered-amount').val(); var processingFee = (userAmount * 5.5 / 100).toFixed(2); var giftAmountFee = (+userAmount) + (+processingFee); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountNoDecimal * 100 / 100).toFixed(2); var processingFee = (userAmount * 5.5 / 100).toFixed(2); var giftAmountFee = (+userAmount) + (+processingFee); } if (jQuery('#transaction_fee_radio').is(':checked')) { jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmountFee.toFixed(2)).text('Donate $'+giftAmountFee.toFixed(2)); jQuery('#additional_amountname').val(processingFee); } else { jQuery('button[name="pstep_finish"]').val('Donate $'+userAmount).text('Donate $'+userAmount); jQuery('#additional_amountname').val(''); } jQuery('label[for="transaction_fee_radio"]').html('Cover $' + processingFee + ' processing costs'); jQuery('#additional_amountname').val(processingFee); jQuery('#donation_review span.donation-amount').html('$'+userAmount); jQuery('#donation_review span.donor-cover-amount').html('$'+processingFee); }); jQuery('input.user-entered-amount').bind('keyup', function (e) { var userGift = parseFloat(jQuery(this).val()); if (userGift) { if (userGift < 5) { jQuery('.donation-levels').addClass('form-error minimum'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); } else { jQuery('.donation-levels').removeClass('form-error minimum'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); } } }); } else { var donationLevelId = jQuery('input[type=radio][name=level_flexibleexpanded]:checked').val(); var giftAmount = jQuery('input[type=radio][name=level_flexibleexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var processingFee = (giftAmount * 5.5 / 100).toFixed(2); var giftAmountFee = (+giftAmount) + (+processingFee); } jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmountFee.toFixed(2)).text('Donate $'+giftAmountFee.toFixed(2)); jQuery('#additional_amountname').val(processingFee); } jQuery('.internal-payment .payment-type-option').click(function() { jQuery('.promo-hero').toggleClass('slide-out-left'); jQuery('.Mask-Copy-7').toggleClass('slide-out-left'); // One-Time Gift if (jQuery('#level_standard_row').length > 0) { jQuery('#level_standard_row').toggleClass('slide-out-left'); } // Monthly Gift if (jQuery('#level_flexible_row').length > 0) { jQuery('#level_flexible_row').toggleClass('slide-out-left'); } jQuery('#employer_match_toggle').toggleClass('slide-out-left'); jQuery('#employer_match_container').toggleClass('slide-out-left'); jQuery('#employer_match_search').toggleClass('slide-out-left'); jQuery('#payment_type_element_heading').toggleClass('slide-out-left'); jQuery('.payment-type-element-container').toggleClass('credit'); jQuery('.payment-type-selections').toggleClass('slide-out-left'); jQuery('#credit_card_intro').toggleClass('slide-out-right'); jQuery('#payment_cc_container').toggleClass('slide-out-right'); jQuery('.back-to-previous.credit').toggleClass('slide-out-right'); jQuery('#billing_info_heading').toggleClass('slide-out-right'); jQuery('#donor_email_address_row').toggleClass('slide-out-right'); jQuery('#billing_first_name_row').toggleClass('slide-out-right'); jQuery('#billing_last_name_row').toggleClass('slide-out-right'); jQuery('#billing_addr_street1_row').toggleClass('slide-out-right'); jQuery('#billing_addr_street1name').toggleClass('required'); jQuery('#billing_addr_street2_toggle').toggleClass('slide-out-right'); jQuery('#billing_addr_street2_row').toggleClass('slide-out-right'); jQuery('#billing_addr_city_row').toggleClass('slide-out-right'); jQuery('#billing_addr_cityname').toggleClass('required'); jQuery('#billing_addr_state_row').toggleClass('slide-out-right'); jQuery('#billing_addr_state').toggleClass('required'); jQuery('#billing_addr_zip_row').toggleClass('slide-out-right'); jQuery('#billing_addr_zipname').toggleClass('required'); jQuery('#donor_info_same_as_billing_row').toggleClass('slide-out-right'); jQuery('#donation_review').toggleClass('slide-out-right'); jQuery('.button-container').toggleClass('slide-out-right'); jQuery('#billing_first_last').removeClass('paypal'); if(jQuery('#donor_info_same_as_billingname').prop("checked") == false){ jQuery("#mailing_info_element_heading, #donor_first_name_row, #donor_last_name_row, #donor_addr_street1_row, #donor_addr_street2_row, #donor_addr_city_row, #donor_addr_state_row, #donor_addr_zip_row, #donor_addr_country_row").addClass('slide-transition'); } //if (jQuery('#dedication_info_heading').length > 0) { //jQuery('#dedication_info_heading').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_type_row').length > 0) { //jQuery('#tribute_type_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_honoree_first_name_row').length > 0) { //jQuery('#tribute_honoree_first_name_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_honoree_last_name_row').length > 0) { //jQuery('#tribute_honoree_last_name_row').toggleClass('slide-out-right'); //} if (jQuery('#tribute_honoree_name_row').length > 0) { jQuery('#tribute_honoree_name_row').toggleClass('slide-out-left'); jQuery('#tribute_honoree_name_locked_row').toggleClass('slide-out-right'); } //if (jQuery('#tribute_notify_recip_name_row').length > 0) { //jQuery('#tribute_notify_recip_name_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_street1_row').length > 0) { //jQuery('#tribute_notify_recip_street1_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_addr_street2_toggle').length > 0) { //jQuery('#tribute_notify_addr_street2_toggle').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_street2_row').length > 0) { //jQuery('#tribute_notify_recip_street2_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_city_row').length > 0) { //jQuery('#tribute_notify_recip_city_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_state_row').length > 0) { //jQuery('#tribute_notify_recip_state_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_zip_row').length > 0) { //jQuery('#tribute_notify_recip_zip_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_message_body_row').length > 0) { //jQuery('#tribute_message_body_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_signature_row').length > 0) { //jQuery('#tribute_signature_row').toggleClass('slide-out-right'); //} //if (jQuery('#message_include_gift_amount_row').length > 0) { //jQuery('#message_include_gift_amount_row').toggleClass('slide-out-right'); //} //add login info to email if (jQuery('#donor_email_address_row').length > 0){ jQuery('#donor_email_address_row input#donor_email_addressname').before('<div id="in_form_login">Have an account? <a href="UserLogin?pw_id=15885&s_AffiliateSecCatId=1&NEXTURL=https%3A%2F%2Faction.lung.org%2Fsite%2FDonation2%3Fdf_id%3D31271%26amp%3Bmfc_pref%3DT%26amp%3B31271.donation%3Dform1%26pay%3Dcredit" class="in_form_login_link">Login</a></div>'); } jQuery('html, body').animate({ scrollTop: jQuery('body').offset().top }, 500); }); jQuery('.back-to-previous.credit a').click(function(event) { //console.log('back to previous credit'); event.preventDefault(); jQuery('.promo-hero').toggleClass('slide-out-left'); jQuery('.Mask-Copy-7').toggleClass('slide-out-left'); // One-Time Gift if (jQuery('#level_standard_row').length > 0) { jQuery('#level_standard_row').toggleClass('slide-out-left'); } // Monthly Gift if (jQuery('#level_flexible_row').length > 0) { jQuery('#level_flexible_row').toggleClass('slide-out-left'); } jQuery('#employer_match_toggle').toggleClass('slide-out-left'); jQuery('#employer_match_container').toggleClass('slide-out-left'); jQuery('#employer_match_search').toggleClass('slide-out-left'); jQuery('#payment_type_element_heading').toggleClass('slide-out-left'); jQuery('.payment-type-element-container').toggleClass('credit'); jQuery('.payment-type-selections').toggleClass('slide-out-left'); jQuery('#credit_card_intro').toggleClass('slide-out-right'); jQuery('#payment_cc_container').toggleClass('slide-out-right'); jQuery('.back-to-previous.credit').toggleClass('slide-out-right'); jQuery('#billing_info_heading').toggleClass('slide-out-right'); jQuery('#donor_email_address_row').toggleClass('slide-out-right'); jQuery('#billing_first_name_row').toggleClass('slide-out-right'); jQuery('#billing_last_name_row').toggleClass('slide-out-right'); jQuery('#billing_addr_street1name').toggleClass('required'); jQuery('#billing_addr_street1_row').toggleClass('slide-out-right'); jQuery('#billing_street_req').remove(); jQuery('#billing_addr_street2_toggle').toggleClass('slide-out-right'); jQuery('#billing_addr_street2_row').toggleClass('slide-out-right'); jQuery('#billing_addr_city_row').toggleClass('slide-out-right'); jQuery('#billing_city_req').remove(); jQuery('#billing_addr_cityname').toggleClass('required'); jQuery('#billing_addr_state_row').toggleClass('slide-out-right'); jQuery('#billing_state_req').remove(); jQuery('#billing_addr_state').toggleClass('required'); jQuery('#billing_addr_zip_row').toggleClass('slide-out-right'); jQuery('#billing_zip_req').remove(); jQuery('#billing_addr_zipname').toggleClass('required'); jQuery('#donor_info_same_as_billing_row').toggleClass('slide-out-right'); jQuery('#donation_review').toggleClass('slide-out-right'); jQuery('.button-container').toggleClass('slide-out-right'); jQuery('#responsive_payment_typepay_typeradiocredit').prop('checked', false).attr('checked', false); jQuery('.internal-payment .payment-type-option').removeClass('selected'); jQuery('#billing_first_last').removeClass('paypal'); if(jQuery('#donor_info_same_as_billingname').prop("checked") == false){ jQuery("#mailing_info_element_heading, #donor_first_name_row, #donor_last_name_row, #donor_addr_street1_row, #donor_addr_street2_row, #donor_addr_city_row, #donor_addr_state_row, #donor_addr_zip_row, #donor_addr_country_row").removeClass('slide-transition'); } // Tribute Gift //if (jQuery('#dedication_info_heading').length > 0) { //jQuery('#dedication_info_heading').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_type_row').length > 0) { //jQuery('#tribute_type_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_honoree_first_name_row').length > 0) { //jQuery('#tribute_honoree_first_name_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_honoree_last_name_row').length > 0) { //jQuery('#tribute_honoree_last_name_row').toggleClass('slide-out-right'); //} if (jQuery('#tribute_honoree_name_row').length > 0) { jQuery('#tribute_honoree_name_row').toggleClass('slide-out-left'); jQuery('#tribute_honoree_name_locked_row').toggleClass('slide-out-right'); } //if (jQuery('#tribute_notify_recip_name_row').length > 0) { //jQuery('#tribute_notify_recip_name_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_street1_row').length > 0) { //jQuery('#tribute_notify_recip_street1_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_addr_street2_toggle').length > 0) { //jQuery('#tribute_notify_addr_street2_toggle').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_street2_row').length > 0) { //jQuery('#tribute_notify_recip_street2_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_city_row').length > 0) { //jQuery('#tribute_notify_recip_city_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_state_row').length > 0) { //jQuery('#tribute_notify_recip_state_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_zip_row').length > 0) { //jQuery('#tribute_notify_recip_zip_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_message_body_row').length > 0) { //jQuery('#tribute_message_body_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_signature_row').length > 0) { //jQuery('#tribute_signature_row').toggleClass('slide-out-right'); //} //if (jQuery('#message_include_gift_amount_row').length > 0) { //jQuery('#message_include_gift_amount_row').toggleClass('slide-out-right'); //} //add login info to email jQuery('#in_form_login').remove(); jQuery('html, body').animate({ scrollTop: jQuery('body').offset().top }, 500); }); jQuery('#billing_addr_street2_toggle a').click(function(event) { event.preventDefault(); jQuery(this).toggleClass('minus'); jQuery('#billing_addr_street2_row').toggleClass('d-none'); }); if (jQuery('#tribute_notify_addr_street2_toggle').length > 0) { jQuery('#tribute_notify_addr_street2_toggle a').click(function(event) { event.preventDefault(); jQuery(this).toggleClass('minus'); jQuery('#tribute_notify_recip_street2_row').toggleClass('d-none'); }); } jQuery('.external-payment .payment-type-option').click(function() { jQuery('.promo-hero').toggleClass('slide-out-left'); jQuery('.Mask-Copy-7').toggleClass('slide-out-left'); // One-Time Gift if (jQuery('#level_standard_row').length > 0) { jQuery('#level_standard_row').toggleClass('slide-out-left'); } // Monthly Gift if (jQuery('#level_flexible_row').length > 0) { jQuery('#level_flexible_row').toggleClass('slide-out-left'); } jQuery('#employer_match_toggle').toggleClass('slide-out-left'); jQuery('#employer_match_container').toggleClass('slide-out-left'); jQuery('#employer_match_search').toggleClass('slide-out-left'); jQuery('#payment_type_element_heading').toggleClass('slide-out-left'); jQuery('.payment-type-element-container').removeClass('credit'); jQuery('.payment-type-selections').toggleClass('slide-out-left'); jQuery('#payment_paypal_container').toggleClass('slide-out-right'); jQuery('.back-to-previous.paypal').toggleClass('slide-out-right'); jQuery('#billing_info_heading').toggleClass('slide-out-right'); jQuery('#donor_email_address_row').toggleClass('slide-out-right'); jQuery('#billing_first_name_row').toggleClass('slide-out-right'); jQuery('#billing_last_name_row').toggleClass('slide-out-right'); jQuery('#donation_review').toggleClass('slide-out-right'); jQuery('#billing_addr_street1_row').toggleClass('slide-out-right'); jQuery('#billing_addr_street1name').toggleClass('required'); jQuery('#billing_addr_street2_toggle').toggleClass('slide-out-right'); jQuery('#billing_addr_street2_row').toggleClass('slide-out-right'); jQuery('#billing_addr_city_row').toggleClass('slide-out-right'); jQuery('#billing_addr_cityname').toggleClass('required'); jQuery('#billing_addr_state_row').toggleClass('slide-out-right'); jQuery('#billing_addr_state').toggleClass('required'); jQuery('#billing_addr_zip_row').toggleClass('slide-out-right'); jQuery('#billing_addr_zipname').toggleClass('required'); jQuery('#donor_info_same_as_billing_row').toggleClass('slide-out-right'); jQuery('.button-container').toggleClass('slide-out-right'); if(jQuery('#donor_info_same_as_billingname').prop("checked") == false){ jQuery("#mailing_info_element_heading, #donor_first_name_row, #donor_last_name_row, #donor_addr_street1_row, #donor_addr_street2_row, #donor_addr_city_row, #donor_addr_state_row, #donor_addr_zip_row, #donor_addr_country_row").addClass('slide-transition'); } // Tribute Gift //if (jQuery('#dedication_info_heading').length > 0) { //jQuery('#dedication_info_heading').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_type_row').length > 0) { //jQuery('#tribute_type_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_honoree_first_name_row').length > 0) { //jQuery('#tribute_honoree_first_name_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_honoree_last_name_row').length > 0) { //jQuery('#tribute_honoree_last_name_row').toggleClass('slide-out-right'); //} if (jQuery('#tribute_honoree_name_row').length > 0) { jQuery('#tribute_honoree_name_row').toggleClass('slide-out-left'); jQuery('#tribute_honoree_name_locked_row').toggleClass('slide-out-right'); } //if (jQuery('#tribute_notify_recip_name_row').length > 0) { //jQuery('#tribute_notify_recip_name_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_street1_row').length > 0) { //jQuery('#tribute_notify_recip_street1_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_addr_street2_toggle').length > 0) { //jQuery('#tribute_notify_addr_street2_toggle').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_street2_row').length > 0) { //jQuery('#tribute_notify_recip_street2_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_city_row').length > 0) { //jQuery('#tribute_notify_recip_city_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_state_row').length > 0) { //jQuery('#tribute_notify_recip_state_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_zip_row').length > 0) { //jQuery('#tribute_notify_recip_zip_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_message_body_row').length > 0) { //jQuery('#tribute_message_body_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_signature_row').length > 0) { //jQuery('#tribute_signature_row').toggleClass('slide-out-right'); //} //if (jQuery('#message_include_gift_amount_row').length > 0) { //jQuery('#message_include_gift_amount_row').toggleClass('slide-out-right'); //} //add login info to email if (jQuery('#donor_email_address_row').length > 0){ jQuery('#donor_email_address_row input#donor_email_addressname').before('<div id="in_form_login">Have an account? <a href="UserLogin?pw_id=15885&s_AffiliateSecCatId=1&NEXTURL=https%3A%2F%2Faction.lung.org%2Fsite%2FDonation2%3Fdf_id%3D31271%26amp%3Bmfc_pref%3DT%26amp%3B31271.donation%3Dform1%26pay%3Dpapal" class="in_form_login_link">Login</a></div>'); } jQuery('html, body').animate({ scrollTop: jQuery('body').offset().top }, 500); }); jQuery('.back-to-previous.paypal a').click(function(event) { event.preventDefault(); jQuery('.promo-hero').toggleClass('slide-out-left'); jQuery('.Mask-Copy-7').toggleClass('slide-out-left'); // One-Time Gift if (jQuery('#level_standard_row').length > 0) { jQuery('#level_standard_row').toggleClass('slide-out-left'); } // Monthly Gift if (jQuery('#level_flexible_row').length > 0) { jQuery('#level_flexible_row').toggleClass('slide-out-left'); } jQuery('#employer_match_toggle').toggleClass('slide-out-left'); jQuery('#employer_match_container').toggleClass('slide-out-left'); jQuery('#employer_match_search').toggleClass('slide-out-left'); jQuery('#payment_type_element_heading').toggleClass('slide-out-left'); jQuery('.payment-type-selections').toggleClass('slide-out-left'); jQuery('#payment_paypal_container').toggleClass('slide-out-right'); jQuery('.back-to-previous.paypal').toggleClass('slide-out-right'); jQuery('#billing_info_heading').toggleClass('slide-out-right'); jQuery('#donor_email_address_row').toggleClass('slide-out-right'); jQuery('#billing_first_name_row').toggleClass('slide-out-right'); jQuery('#billing_last_name_row').toggleClass('slide-out-right'); jQuery('#donation_review').toggleClass('slide-out-right'); jQuery('.button-container').toggleClass('slide-out-right'); jQuery('#responsive_payment_typepay_typeradiopaypal').prop('checked', false).attr('checked', false); jQuery('.external-payment .payment-type-option').removeClass('selected'); jQuery('#billing_addr_street1name').toggleClass('required'); jQuery('#billing_addr_street1_row').toggleClass('slide-out-right'); jQuery('#billing_street_req').remove(); jQuery('#billing_addr_street2_toggle').toggleClass('slide-out-right'); jQuery('#billing_addr_street2_row').toggleClass('slide-out-right'); jQuery('#billing_addr_city_row').toggleClass('slide-out-right'); jQuery('#billing_city_req').remove(); jQuery('#billing_addr_cityname').toggleClass('required'); jQuery('#billing_addr_state_row').toggleClass('slide-out-right'); jQuery('#billing_state_req').remove(); jQuery('#billing_addr_state').toggleClass('required'); jQuery('#billing_addr_zip_row').toggleClass('slide-out-right'); jQuery('#billing_zip_req').remove(); jQuery('#billing_addr_zipname').toggleClass('required'); jQuery('#donor_info_same_as_billing_row').toggleClass('slide-out-right'); if(jQuery('#donor_info_same_as_billingname').prop("checked") == false){ jQuery("#mailing_info_element_heading, #donor_first_name_row, #donor_last_name_row, #donor_addr_street1_row, #donor_addr_street2_row, #donor_addr_city_row, #donor_addr_state_row, #donor_addr_zip_row, #donor_addr_country_row").removeClass('slide-transition'); } // Tribute Gift //if (jQuery('#dedication_info_heading').length > 0) { //jQuery('#dedication_info_heading').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_type_row').length > 0) { //jQuery('#tribute_type_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_honoree_first_name_row').length > 0) { //jQuery('#tribute_honoree_first_name_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_honoree_last_name_row').length > 0) { //jQuery('#tribute_honoree_last_name_row').toggleClass('slide-out-right'); //} if (jQuery('#tribute_honoree_name_row').length > 0) { jQuery('#tribute_honoree_name_row').toggleClass('slide-out-left'); jQuery('#tribute_honoree_name_locked_row').toggleClass('slide-out-right'); } //if (jQuery('#tribute_notify_recip_name_row').length > 0) { //jQuery('#tribute_notify_recip_name_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_street1_row').length > 0) { //jQuery('#tribute_notify_recip_street1_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_addr_street2_toggle').length > 0) { //jQuery('#tribute_notify_addr_street2_toggle').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_street2_row').length > 0) { //jQuery('#tribute_notify_recip_street2_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_city_row').length > 0) { //jQuery('#tribute_notify_recip_city_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_state_row').length > 0) { //jQuery('#tribute_notify_recip_state_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_zip_row').length > 0) { //jQuery('#tribute_notify_recip_zip_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_message_body_row').length > 0) { //jQuery('#tribute_message_body_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_signature_row').length > 0) { //jQuery('#tribute_signature_row').toggleClass('slide-out-right'); //} //if (jQuery('#message_include_gift_amount_row').length > 0) { //jQuery('#message_include_gift_amount_row').toggleClass('slide-out-right'); //} //add login info to email jQuery('#in_form_login').remove(); jQuery('html, body').animate({ scrollTop: jQuery('body').offset().top }, 500); }); // One-Time Gift if (jQuery('#level_standard_row').length > 0) { jQuery('input[type=radio][name=level_standardexpanded]').change(function() { jQuery('input[type=radio][name=level_standardexpanded]').removeAttr('checked'); jQuery(this).attr('checked', 'checked'); // User Entered Amount 3 if (jQuery('input.user-entered-radio').is(':checked')) { var userEntered = jQuery('.user-entered-amount').val(); if (jQuery('#tribute_honoree_name_row').length > 0) { if (jQuery('input[name=tribute_honoree_namename]').val().length == 0) { if (userEntered .length == 0) { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } } else { if (userEntered .length == 0) { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } } } } else { if (userEntered .length == 0) { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } } } //if (userEntered .length == 0) { //jQuery('.donation-levels').addClass('form-error'); //jQuery('.payment-type-option input:radio').attr('disabled',true); //jQuery('.internal-payment .payment-type-option').addClass('disabled'); //jQuery('.external-payment .payment-type-option').addClass('disabled'); //jQuery('.mobile-payment .payment-type-option').addClass('disabled'); //jQuery('.venmo-payment .payment-type-option').addClass('disabled'); //} else { //jQuery('.donation-levels').removeClass('form-error'); //jQuery('.payment-type-option input:radio').attr('disabled',false); //jQuery('.internal-payment .payment-type-option').removeClass('disabled'); //jQuery('.external-payment .payment-type-option').removeClass('disabled'); //jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); //jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); //} //User Entered Amount 2 jQuery('input.user-entered-amount').bind('keyup', function (e) { var self = jQuery(this); self.val(self.val().replace(/[^0-9\.]/g, '').replace(/(\..*?)\..*/g, '$1').replace(/(\.\d{2}).+/g, '$1')); if ((e.which != 46 || self.val().indexOf('.') != -1) && (e.which < 48 || e.which > 57)) { e.preventDefault(); } if (jQuery('#tribute_honoree_name_row').length > 0) { if (jQuery('input[name=tribute_honoree_namename]').val().length == 0) { if (jQuery(this).val().length > 0) { jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } } else { if (jQuery(this).val().length > 0) { jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } } else { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } } } else { if (jQuery(this).val().length > 0) { jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } } else { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } } //if (jQuery(this).val().length > 0) { //jQuery('.donation-levels').removeClass('form-error'); //jQuery('.payment-type-option input:radio').attr('disabled',false); //jQuery('.internal-payment .payment-type-option').removeClass('disabled'); //jQuery('.external-payment .payment-type-option').removeClass('disabled'); //jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); //jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); //} else { //jQuery('.donation-levels').addClass('form-error'); //jQuery('.payment-type-option input:radio').attr('disabled',true); //jQuery('.internal-payment .payment-type-option').addClass('disabled'); //jQuery('.external-payment .payment-type-option').addClass('disabled'); //jQuery('.mobile-payment .payment-type-option').addClass('disabled'); //jQuery('.venmo-payment .payment-type-option').addClass('disabled'); //} }); //User Entered Amount 1 jQuery('input.user-entered-amount').bind('keyup', function (e) { var userGift = parseFloat(jQuery(this).val()); if (userGift) { if (jQuery('#tribute_honoree_name_row').length > 0) { if (jQuery('input[name=tribute_honoree_namename]').val().length == 0) { if (userGift < 5) { jQuery('.donation-levels').addClass('form-error minimum'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.donation-levels').removeClass('form-error minimum'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } } else { if (userGift < 5) { jQuery('.donation-levels').addClass('form-error minimum'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.donation-levels').removeClass('form-error minimum'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } } } } else { if (userGift < 5) { jQuery('.donation-levels').addClass('form-error minimum'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.donation-levels').removeClass('form-error minimum'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } } } //if (userGift < 5) { //jQuery('.donation-levels').addClass('form-error minimum'); //jQuery('.payment-type-option input:radio').attr('disabled',true); //jQuery('.internal-payment .payment-type-option').addClass('disabled'); //jQuery('.external-payment .payment-type-option').addClass('disabled'); //jQuery('.mobile-payment .payment-type-option').addClass('disabled'); //jQuery('.venmo-payment .payment-type-option').addClass('disabled'); //} else { //jQuery('.donation-levels').removeClass('form-error minimum'); //jQuery('.payment-type-option input:radio').attr('disabled',false); //jQuery('.internal-payment .payment-type-option').removeClass('disabled'); //jQuery('.external-payment .payment-type-option').removeClass('disabled'); //jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); //jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); //} } }); } else { //reset user entered field if (jQuery('#tribute_honoree_name_row').length > 0) { if (jQuery('input[name=tribute_honoree_namename]').val().length == 0) { jQuery('input.user-entered-amount').val(''); jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('input.user-entered-amount').val(''); jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } } } else { jQuery('input.user-entered-amount').val(''); jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } } //jQuery('input.user-entered-amount').val(''); //jQuery('.donation-levels').removeClass('form-error'); //jQuery('.payment-type-option input:radio').attr('disabled',false); //jQuery('.internal-payment .payment-type-option').removeClass('disabled'); //jQuery('.external-payment .payment-type-option').removeClass('disabled'); } }); } // Monthly Gift if (jQuery('#level_flexible_row').length > 0) { jQuery('input[type=radio][name=level_flexibleexpanded]').change(function() { jQuery('input[type=radio][name=level_flexibleexpanded]').removeAttr('checked'); jQuery(this).attr('checked', 'checked'); if (jQuery('input.user-entered-radio').is(':checked')) { var userEntered = jQuery('.user-entered-amount').val(); if (userEntered .length == 0) { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); } else { jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); } jQuery('input.user-entered-amount').bind('keyup', function (e) { var self = jQuery(this); self.val(self.val().replace(/[^0-9\.]/g, '').replace(/(\..*?)\..*/g, '$1').replace(/(\.\d{2}).+/g, '$1')); if ((e.which != 46 || self.val().indexOf('.') != -1) && (e.which < 48 || e.which > 57)) { e.preventDefault(); } if (jQuery(this).val().length > 0) { jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); } else { jQuery('.donation-levels').addClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); } }); jQuery('input.user-entered-amount').bind('keyup', function (e) { var userGift = parseFloat(jQuery(this).val()); if (userGift) { if (userGift < 5) { jQuery('.donation-levels').addClass('form-error minimum'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); } else { jQuery('.donation-levels').removeClass('form-error minimum'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); } } }); } else { //reset user entered field jQuery('input.user-entered-amount').val(''); jQuery('.donation-levels').removeClass('form-error'); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } }); } // error message if (jQuery('.errorMessageContainer').length){ jQuery('.errorMessageContainer').insertBefore('.promo-hero'); jQuery('.form-row.form-error .ErrorMessage').each(function () { var item = jQuery(this); item.insertAfter(item.next('.form-content')); }); //if credit //if paypal jQuery('.promo-hero').toggleClass('d-none').toggleClass('slide-out-left'); jQuery('.Mask-Copy-7').toggleClass('d-none').toggleClass('slide-out-left'); // One-Time Gift if (jQuery('#level_standard_row').length > 0) { jQuery('#level_standard_row').toggleClass('d-none').toggleClass('slide-out-left'); } // Monthly Gift if (jQuery('#level_flexible_row').length > 0) { jQuery('#level_flexible_row').toggleClass('d-none').toggleClass('slide-out-left'); } jQuery('#employer_match_toggle').toggleClass('d-none').toggleClass('slide-out-left'); jQuery('#employer_match_container').toggleClass('d-none').toggleClass('slide-out-left'); jQuery('#employer_match_search').toggleClass('d-none').toggleClass('slide-out-left'); jQuery('#payment_type_element_heading').toggleClass('d-none').toggleClass('slide-out-left'); jQuery('.payment-type-selections').toggleClass('d-none').toggleClass('slide-out-left'); jQuery('.back-to-previous.credit').toggleClass('slide-out-right'); jQuery('#billing_info_heading').toggleClass('slide-out-right'); jQuery('#donor_email_address_row').toggleClass('slide-out-right'); jQuery('#billing_first_name_row').toggleClass('slide-out-right'); jQuery('#billing_last_name_row').toggleClass('slide-out-right'); jQuery('#billing_addr_street1_row').toggleClass('slide-out-right'); jQuery('#billing_addr_street1name').toggleClass('required'); jQuery('#billing_addr_street2_toggle').toggleClass('slide-out-right'); jQuery('#billing_addr_street2_row').toggleClass('slide-out-right'); jQuery('#billing_addr_city_row').toggleClass('slide-out-right'); jQuery('#billing_addr_cityname').toggleClass('required'); jQuery('#billing_addr_state_row').toggleClass('slide-out-right'); jQuery('#billing_addr_state').toggleClass('required'); jQuery('#billing_addr_zip_row').toggleClass('slide-out-right'); jQuery('#billing_addr_zipname').toggleClass('required'); jQuery('#donation_review').toggleClass('slide-out-right'); jQuery('#credit_card_intro').toggleClass('slide-out-right'); jQuery('#payment_cc_container').toggleClass('slide-out-right'); jQuery('#donor_info_same_as_billing_row').toggleClass('slide-out-right'); jQuery('.payment-type-element-container').toggleClass('credit'); jQuery('.button-container').toggleClass('slide-out-right'); //if (jQuery('#dedication_info_heading').length > 0) { //jQuery('#dedication_info_heading').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_type_row').length > 0) { //jQuery('#tribute_type_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_honoree_first_name_row').length > 0) { //jQuery('#tribute_honoree_first_name_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_honoree_last_name_row').length > 0) { //jQuery('#tribute_honoree_last_name_row').toggleClass('slide-out-right'); //} if (jQuery('#tribute_honoree_name_row').length > 0) { jQuery('#tribute_honoree_name_row').toggleClass('d-none').toggleClass('slide-out-left'); jQuery('#tribute_honoree_name_locked_row').toggleClass('slide-out-right'); } //if (jQuery('#tribute_notify_recip_name_row').length > 0) { //jQuery('#tribute_notify_recip_name_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_street1_row').length > 0) { //jQuery('#tribute_notify_recip_street1_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_addr_street2_toggle').length > 0) { //jQuery('#tribute_notify_addr_street2_toggle').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_street2_row').length > 0) { //jQuery('#tribute_notify_recip_street2_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_city_row').length > 0) { //jQuery('#tribute_notify_recip_city_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_state_row').length > 0) { //jQuery('#tribute_notify_recip_state_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_notify_recip_zip_row').length > 0) { //jQuery('#tribute_notify_recip_zip_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_message_body_row').length > 0) { //jQuery('#tribute_message_body_row').toggleClass('slide-out-right'); //} //if (jQuery('#tribute_signature_row').length > 0) { //jQuery('#tribute_signature_row').toggleClass('slide-out-right'); //} //if (jQuery('#message_include_gift_amount_row').length > 0) { //jQuery('#message_include_gift_amount_row').toggleClass('slide-out-right'); //} } //validate required credit card or paypal billing fields jQuery('input[type=radio][name=responsive_payment_typepay_typeradio]').change(function() { if(jQuery('#responsive_payment_typepay_typeradiocredit').is(':checked') ){ jQuery('button[name="pstep_finish"]').removeClass('validate-email validate-first validate-last validate-address validate-city validate-state validate-zip validate-credit validate-cvv'); if (jQuery('#donor_email_addressname').val() == '') { jQuery('button[name="pstep_finish"]').addClass('validate-email'); } if (jQuery('#billing_first_namename').val() == '') { jQuery('button[name="pstep_finish"]').addClass('validate-first'); } if (jQuery('#billing_last_namename').val() == '') { jQuery('button[name="pstep_finish"]').addClass('validate-last'); } if (jQuery('#billing_addr_street1name').val() == '') { jQuery('button[name="pstep_finish"]').addClass('validate-address'); } if (jQuery('#billing_addr_cityname').val() == '') { jQuery('button[name="pstep_finish"]').addClass('validate-city'); } if (jQuery('#billing_addr_state :selected').text() == '') { jQuery('button[name="pstep_finish"]').addClass('validate-state'); } if (jQuery('#billing_addr_zipname').val() == '') { jQuery('button[name="pstep_finish"]').addClass('validate-zip'); } if (jQuery('#responsive_payment_typecc_numbername').val() == '') { jQuery('button[name="pstep_finish"]').addClass('validate-credit'); } if (jQuery('#responsive_payment_typecc_cvvname').val() == '') { jQuery('button[name="pstep_finish"]').addClass('validate-cvv'); } jQuery('#donor_email_addressname').bind('keydown input focus', function (e) { if (jQuery('#donor_email_addressname').val().length == 0) { jQuery('#donor_email_address_row').addClass('form-error'); jQuery('#donor_email_address_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">Enter a valid email</span></div>'); jQuery('button[name="pstep_finish"]').addClass('validate-email'); } else { jQuery('#donor_email_address_row').removeClass('form-error'); jQuery('#donor_email_address_row .ErrorMessage').remove(); jQuery('button[name="pstep_finish"]').removeClass('validate-email'); } }); jQuery('#billing_first_namename').bind('keydown input focus', function (e) { if (jQuery('#billing_first_namename').val().length == 0) { jQuery('#billing_first_name_row').addClass('form-error'); jQuery('#billing_first_name_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">Enter first name</span></div>'); jQuery('button[name="pstep_finish"]').addClass('validate-first'); } else { jQuery('#billing_first_name_row').removeClass('form-error'); jQuery('#billing_first_name_row .ErrorMessage').remove(); jQuery('button[name="pstep_finish"]').removeClass('validate-first'); } }); jQuery('#billing_last_namename').bind('keydown input focus', function (e) { if (jQuery('#billing_last_namename').val().length == 0) { jQuery('#billing_last_name_row').addClass('form-error'); jQuery('#billing_last_name_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">Enter last name</span></div>'); jQuery('button[name="pstep_finish"]').addClass('validate-last'); } else { jQuery('#billing_last_name_row').removeClass('form-error'); jQuery('#billing_last_name_row .ErrorMessage').remove(); jQuery('button[name="pstep_finish"]').removeClass('validate-last'); } }); jQuery('#billing_addr_street1name').bind('keydown input focus', function (e) { if (jQuery('#billing_addr_street1name').val().length == 0) { jQuery('#billing_addr_street1_row').addClass('form-error'); jQuery('#billing_addr_street1_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">Enter an address</span></div>'); jQuery('button[name="pstep_finish"]').addClass('validate-address'); } else { jQuery('#billing_addr_street1_row').removeClass('form-error'); jQuery('#billing_addr_street1_row .ErrorMessage').remove(); jQuery('button[name="pstep_finish"]').removeClass('validate-address'); } }); jQuery('#billing_addr_cityname').bind('keydown input focus', function (e) { if (jQuery('#billing_addr_cityname').val().length == 0) { jQuery('#billing_addr_city_row').addClass('form-error'); jQuery('#billing_addr_city_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">Enter a city</span></div>'); jQuery('button[name="pstep_finish"]').addClass('validate-city'); } else { jQuery('#billing_addr_city_row').removeClass('form-error'); jQuery('#billing_addr_city_row .ErrorMessage').remove(); jQuery('button[name="pstep_finish"]').removeClass('validate-city'); } }); jQuery('#billing_addr_state ').bind('change input focus', function (e) { if (jQuery('#billing_addr_state :selected').text() == '') { jQuery('#billing_addr_state_row').addClass('form-error'); jQuery('#billing_addr_state_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">Select a state</span></div>'); jQuery('button[name="pstep_finish"]').addClass('validate-state'); } else { jQuery('#billing_addr_state_row').removeClass('form-error'); jQuery('#billing_addr_state_row .ErrorMessage').remove(); jQuery('button[name="pstep_finish"]').removeClass('validate-state'); } }); jQuery('#billing_addr_zipname').bind('keydown input focus', function (e) { if (jQuery('#billing_addr_zipname').val().length == 0) { jQuery('#billing_addr_zip_row').addClass('form-error'); jQuery('#billing_addr_zip_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">Enter a zip code</span></div>'); jQuery('button[name="pstep_finish"]').addClass('validate-zip'); } else { jQuery('#billing_addr_zip_row').removeClass('form-error'); jQuery('#billing_addr_zip_row .ErrorMessage').remove(); jQuery('button[name="pstep_finish"]').removeClass('validate-zip'); } }); jQuery('#responsive_payment_typecc_numbername').bind('keydown input focus', function (e) { var ccnum = jQuery(this); ccnum.val(ccnum.val().replace(/[^0-9\.]/g, '')); if (jQuery('#responsive_payment_typecc_numbername').val().length == 0) { jQuery('#responsive_payment_typecc_number_row').addClass('form-error'); jQuery('#responsive_payment_typecc_number_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">Credit card number is required</span></div>'); jQuery('button[name="pstep_finish"]').addClass('validate-credit'); } else { jQuery('#responsive_payment_typecc_number_row').removeClass('form-error'); jQuery('#responsive_payment_typecc_number_row .ErrorMessage').remove(); jQuery('button[name="pstep_finish"]').removeClass('validate-credit'); } }); jQuery('#responsive_payment_typecc_cvvname').bind('keydown input focus', function (e) { var cvvnum = jQuery(this); cvvnum.val(cvvnum.val().replace(/[^0-9\.]/g, '')); if (jQuery('#responsive_payment_typecc_cvvname').val().length == 0) { jQuery('#responsive_payment_typecc_cvv_row').addClass('form-error'); jQuery('#responsive_payment_typecc_cvv_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">CVV is required</span></div>'); jQuery('button[name="pstep_finish"]').addClass('validate-cvv'); } else { jQuery('#responsive_payment_typecc_cvv_row').removeClass('form-error'); jQuery('#responsive_payment_typecc_cvv_row .ErrorMessage').remove(); jQuery('button[name="pstep_finish"]').removeClass('validate-cvv'); } }); } else if(jQuery('#responsive_payment_typepay_typeradiopaypal').is(':checked') ){ jQuery('button[name="pstep_finish"]').removeClass('validate-email validate-first validate-last validate-address validate-city validate-state validate-zip validate-credit validate-cvv'); if (jQuery('#donor_email_addressname').val() == '') { jQuery('button[name="pstep_finish"]').addClass('validate-email'); } if (jQuery('#billing_first_namename').val() == '') { jQuery('button[name="pstep_finish"]').addClass('validate-first'); } if (jQuery('#billing_last_namename').val() == '') { jQuery('button[name="pstep_finish"]').addClass('validate-last'); } if (jQuery('#billing_addr_street1name').val() == '') { jQuery('button[name="pstep_finish"]').addClass('validate-address'); } if (jQuery('#billing_addr_cityname').val() == '') { jQuery('button[name="pstep_finish"]').addClass('validate-city'); } if (jQuery('#billing_addr_state :selected').text() == '') { jQuery('button[name="pstep_finish"]').addClass('validate-state'); } if (jQuery('#billing_addr_zipname').val() == '') { jQuery('button[name="pstep_finish"]').addClass('validate-zip'); } jQuery('#donor_email_addressname').bind('keydown input focus', function (e) { if (jQuery('#donor_email_addressname').val().length == 0) { jQuery('#donor_email_address_row').addClass('form-error'); jQuery('#donor_email_address_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">Enter a valid email</span></div>'); jQuery('button[name="pstep_finish"]').addClass('validate-email'); } else { jQuery('#donor_email_address_row').removeClass('form-error'); jQuery('#donor_email_address_row .ErrorMessage').remove(); jQuery('button[name="pstep_finish"]').removeClass('validate-email'); } }); jQuery('#billing_first_namename').bind('keydown input focus', function (e) { if (jQuery('#billing_first_namename').val().length == 0) { jQuery('#billing_first_name_row').addClass('form-error'); jQuery('#billing_first_name_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">Enter first name</span></div>'); jQuery('button[name="pstep_finish"]').addClass('validate-first'); } else { jQuery('#billing_first_name_row').removeClass('form-error'); jQuery('#billing_first_name_row .ErrorMessage').remove(); jQuery('button[name="pstep_finish"]').removeClass('validate-first'); } }); jQuery('#billing_last_namename').bind('keydown input focus', function (e) { if (jQuery('#billing_last_namename').val().length == 0) { jQuery('#billing_last_name_row').addClass('form-error'); jQuery('#billing_last_name_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">Enter last name</span></div>'); jQuery('button[name="pstep_finish"]').addClass('validate-last'); } else { jQuery('#billing_last_name_row').removeClass('form-error'); jQuery('#billing_last_name_row .ErrorMessage').remove(); jQuery('button[name="pstep_finish"]').removeClass('validate-last'); } }); jQuery('#billing_addr_street1name').bind('keydown input focus', function (e) { if (jQuery('#billing_addr_street1name').val().length == 0) { jQuery('#billing_addr_street1_row').addClass('form-error'); jQuery('#billing_addr_street1_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">Enter an address</span></div>'); jQuery('button[name="pstep_finish"]').addClass('validate-address'); } else { jQuery('#billing_addr_street1_row').removeClass('form-error'); jQuery('#billing_addr_street1_row .ErrorMessage').remove(); jQuery('button[name="pstep_finish"]').removeClass('validate-address'); } }); jQuery('#billing_addr_cityname').bind('keydown input focus', function (e) { if (jQuery('#billing_addr_cityname').val().length == 0) { jQuery('#billing_addr_city_row').addClass('form-error'); jQuery('#billing_addr_city_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">Enter a city</span></div>'); jQuery('button[name="pstep_finish"]').addClass('validate-city'); } else { jQuery('#billing_addr_city_row').removeClass('form-error'); jQuery('#billing_addr_city_row .ErrorMessage').remove(); jQuery('button[name="pstep_finish"]').removeClass('validate-city'); } }); jQuery('#billing_addr_state ').bind('change input focus', function (e) { if (jQuery('#billing_addr_state :selected').text() == '') { jQuery('#billing_addr_state_row').addClass('form-error'); jQuery('#billing_addr_state_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">Select a state</span></div>'); jQuery('button[name="pstep_finish"]').addClass('validate-state'); } else { jQuery('#billing_addr_state_row').removeClass('form-error'); jQuery('#billing_addr_state_row .ErrorMessage').remove(); jQuery('button[name="pstep_finish"]').removeClass('validate-state'); } }); jQuery('#billing_addr_zipname').bind('keydown input focus', function (e) { if (jQuery('#billing_addr_zipname').val().length == 0) { jQuery('#billing_addr_zip_row').addClass('form-error'); jQuery('#billing_addr_zip_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">Enter a zip code</span></div>'); jQuery('button[name="pstep_finish"]').addClass('validate-zip'); } else { jQuery('#billing_addr_zip_row').removeClass('form-error'); jQuery('#billing_addr_zip_row .ErrorMessage').remove(); jQuery('button[name="pstep_finish"]').removeClass('validate-zip'); } }); } }); }); //add email tooltip if (jQuery('#donor_email_address_row').length > 0){ jQuery('#donor_email_address_row label').after('<span id="email_tooltip" tabindex="0" class="tooltip js-toggle-tooltip"><p>i</p><div class="tooltip-box js-tooltip-box">If you donate and have not already registered, you will receive communications and periodic updates from the American Lung Association.</div></span>'); } //add cvv tooltip if (jQuery('#responsive_payment_typecc_cvv_row').length > 0){ jQuery('#responsive_payment_typecc_cvv_row label').after('<span id="cvv_tooltip" tabindex="0" class="tooltip js-toggle-tooltip"><p>i</p><div class="tooltip-box js-tooltip-box">The CVV is a 3 or 4 digit security code that is on the back or front of your card.</div></span>'); } //add active class to pre-selected donation level jQuery(function(){ jQuery('.donation-level-label-input-container input[type=radio]').filter(':checked').each(function(index) { jQuery(this).parent().closest('.donation-level-container').addClass('active'); }); }); // toggle mailing info function showHideMailing(){ if(jQuery('#donor_info_same_as_billingname').prop("checked") == true){ jQuery("#mailing_info_element_heading, #donor_first_name_row, #donor_last_name_row, #donor_addr_street1_row, #donor_addr_street2_row, #donor_addr_city_row, #donor_addr_state_row, #donor_addr_zip_row, #donor_addr_country_row").removeClass('slide-transition'); } else if(jQuery('#donor_info_same_as_billingname').prop("checked") == false){ jQuery("#mailing_info_element_heading, #donor_first_name_row, #donor_last_name_row, #donor_addr_street1_row, #donor_addr_street2_row, #donor_addr_city_row, #donor_addr_state_row, #donor_addr_zip_row, #donor_addr_country_row").addClass('slide-transition'); } } function loggedInMailingHeader(){ if(jQuery('#donor_info_same_as_billingname').prop("checked") == true){ jQuery("#mailing_info_element_heading").removeClass('slide-transition logged-in'); } else if(jQuery('#donor_info_same_as_billingname').prop("checked") == false){ jQuery("#mailing_info_element_heading").addClass('slide-transition').removeClass('logged-in'); } } showHideMailing(); loggedInMailingHeader(); jQuery('#donor_info_same_as_billingname').change(function() { showHideMailing(); loggedInMailingHeader(); }); //logged in styling jQuery('#donor_email_address_row, #billing_first_last, #billing_first_name_row, #billing_last_name_row, #billing_addr_street1_row, #billing_addr_street2_toggle, #billing_addr_street2_row, #billing_addr_city_row, #billing_addr_state_row, #billing_addr_zip_row, #donor_info_same_as_billing_row, #mailing_info_element_heading, #donor_first_name_row, #donor_last_name_row, #donor_addr_street1_row, #donor_addr_street2_row, #donor_addr_city_row, #donor_addr_state_row, #donor_addr_zip_row, #credit_card_intro, #donation_review').removeClass('logged-in'); //add donor match if (jQuery('#transaction_fee_radio').length > 0){ jQuery('#transaction_fee_radio').prop('checked', true); jQuery('#transaction_fee_radio').closest('.custom-field-container').addClass('transaction-fee-wrap'); jQuery('.transaction-fee-wrap').insertAfter('.donation-levels'); jQuery('.transaction-fee-wrap fieldset').append('<span id="fee_tooltip" tabindex="0" class="tooltip js-toggle-tooltip"><p>i</p><div class="tooltip-box js-tooltip-box">Maximize your impact! By assisting with costs, 100% of your gift directly fuels our fight against lung disease.</div></span>'); } if (jQuery('#additional_amountsubmit').length > 0){ jQuery('#additional_amountsubmit').val('false'); jQuery('#additional_amountname').val(''); } function includeProcessingFee(){ jQuery('label[for="transaction_fee_radio"]').html('Offset credit card processing fees by adding 5.5% to your donation.' ); // One-Time Gift if (jQuery('input[type=radio][name=level_standardexpanded]').is(':checked')) { var donationLevelId = jQuery('input[type=radio][name=level_standardexpanded]:checked').val(); var giftAmount = jQuery('input[type=radio][name=level_standardexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var processingFee = (giftAmount * 5.5 / 100).toFixed(2); jQuery('label[for=transaction_fee_radio]').html('Cover $' + processingFee + ' processing costs'); jQuery('label[for=transaction_fee_radio]').attr('value', processingFee); jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmount).text('Donate $'+giftAmount); jQuery('#additional_amountname').val(processingFee); jQuery('#donation_review span.donation-amount').html('$'+giftAmount); jQuery('#donation_review span.donor-cover-amount').html('$'+processingFee); } jQuery('input[type=radio][name=level_standardexpanded]').change(function() { var donationLevelId = jQuery('input[type=radio][name=level_standardexpanded]:checked').val(); if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('input.user-entered-amount').bind('keyup', function (e) { if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmount = jQuery('input.user-entered-amount').val(); var processingFee = (userAmount * 5.5 / 100).toFixed(2); var giftAmountFee = (+userAmount) + (+processingFee); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountNoDecimal * 100 / 100).toFixed(2); var processingFee = (userAmount * 5.5 / 100).toFixed(2); var giftAmountFee = (+userAmount) + (+processingFee); } if (jQuery('#transaction_fee_radio').is(':checked')) { jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmountFee.toFixed(2)).text('Donate $'+giftAmountFee.toFixed(2)); jQuery('#additional_amountname').val(processingFee); } else { jQuery('button[name="pstep_finish"]').val('Donate $'+userAmount).text('Donate $'+userAmount); jQuery('#additional_amountname').val(''); } jQuery('label[for="transaction_fee_radio"]').html('Cover $' + processingFee + ' processing costs'); jQuery('#donation_review span.donation-amount').html('$'+userAmount); jQuery('#donation_review span.donor-cover-amount').html('$'+processingFee); }); } else { var giftAmount = jQuery('input[type=radio][name=level_standardexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var processingFee = (giftAmount * 5.5 / 100).toFixed(2); jQuery('label[for="transaction_fee_radio"]').html('Cover $' + processingFee + ' processing costs'); jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmount).text('Donate $'+giftAmount); jQuery('#additional_amountname').val(processingFee); jQuery('#donation_review span.donation-amount').html('$'+giftAmount); jQuery('#donation_review span.donor-cover-amount').html('$'+processingFee); if (jQuery('input[name=transaction_fee_radio]').is(':checked')) { jQuery('#additional_amountname').val(processingFee); } else { jQuery('#additional_amountname').val(''); } } }); // Monthly Gift if (jQuery('input[type=radio][name=level_flexibleexpanded]').is(':checked')) { var donationLevelId = jQuery('input[type=radio][name=level_flexibleexpanded]:checked').val(); var giftAmount = jQuery('input[type=radio][name=level_flexibleexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var processingFee = (giftAmount * 5.5 / 100).toFixed(2); jQuery('label[for=transaction_fee_radio]').html('Cover $' + processingFee + ' processing costs'); jQuery('label[for=transaction_fee_radio]').attr('value', processingFee); jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmount).text('Donate $'+giftAmount); jQuery('#additional_amountname').val(processingFee); jQuery('#donation_review span.donation-amount').html('$'+giftAmount); jQuery('#donation_review span.donor-cover-amount').html('$'+processingFee); } jQuery('input[type=radio][name=level_flexibleexpanded]').change(function() { var donationLevelId = jQuery('input[type=radio][name=level_flexibleexpanded]:checked').val(); if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('input.user-entered-amount').bind('keyup', function (e) { if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmount = jQuery('input.user-entered-amount').val(); var processingFee = (userAmount * 5.5 / 100).toFixed(2); var giftAmountFee = (+userAmount) + (+processingFee); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountNoDecimal * 100 / 100).toFixed(2); var processingFee = (userAmount * 5.5 / 100).toFixed(2); var giftAmountFee = (+userAmount) + (+processingFee); } if (jQuery('#transaction_fee_radio').is(':checked')) { jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmountFee.toFixed(2)).text('Donate $'+giftAmountFee.toFixed(2)); jQuery('#additional_amountname').val(processingFee); } else { jQuery('button[name="pstep_finish"]').val('Donate $'+userAmount).text('Donate $'+userAmount); jQuery('#additional_amountname').val(''); } jQuery('label[for="transaction_fee_radio"]').html('Cover $' + processingFee + ' processing costs'); jQuery('#donation_review span.donation-amount').html('$'+userAmount); jQuery('#donation_review span.donor-cover-amount').html('$'+processingFee); }); } else { var giftAmount = jQuery('input[type=radio][name=level_flexibleexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var processingFee = (giftAmount * 5.5 / 100).toFixed(2); jQuery('label[for="transaction_fee_radio"]').html('Cover $' + processingFee + ' processing costs'); jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmount).text('Donate $'+giftAmount); jQuery('#additional_amountname').val(processingFee); jQuery('#donation_review span.donation-amount').html('$'+giftAmount); jQuery('#donation_review span.donor-cover-amount').html('$'+processingFee); if (jQuery('input[name=transaction_fee_radio]').is(':checked')) { jQuery('#additional_amountname').val(processingFee); } else { jQuery('#additional_amountname').val(''); } } }); // One-Time Gift if (jQuery('#level_standard_row').length > 0) { jQuery('#transaction_fee_radio').change(function() { var giftAmount = jQuery('input[type=radio][name=level_standardexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var processingFee = giftAmount * 5.5 / 100; var giftAmountFee = (+giftAmount) + (+processingFee); if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmount = jQuery('input.user-entered-amount').val(); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountNoDecimal * 100 / 100).toFixed(2); var processingFee = (userAmount * 5.5 / 100).toFixed(2); var userAmountFee = (+userAmount) + (+processingFee); } if(jQuery(this).prop('checked')) { //console.log('include transaction fee is checked'); jQuery('#transaction_fee_radio').prop('checked', true).attr('checked', true).val('true'); var donorCoverVal = 'true'; var formAction = jQuery('form#ProcessForm').attr('action').replace(/(DonorCover=)[a-z]+/ig, 'DonorCover=true'); var giftAmount = jQuery('input[type=radio][name=level_standardexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var giftProcessingFee = giftAmount * 5.5 / 100; var giftAmountFee = (+giftAmount) + (+giftProcessingFee); var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountNoDecimal * 100 / 100).toFixed(2); var userProcessingFee = (userAmount * 5.5 / 100).toFixed(2); var userAmountFee = (+userAmount) + (+userProcessingFee); jQuery('#additional_amountsubmit').val('true'); if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('button[name="pstep_finish"]').val('Donate $'+userAmountFee.toFixed(2)).text('Donate $'+userAmountFee.toFixed(2)); jQuery('#donation_review span.donor-cover-amount').toggleClass('d-none').html('$'+userProcessingFee); jQuery('#additional_amountname').val(userProcessingFee); } else { jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmountFee.toFixed(2)).text('Donate $'+giftAmountFee.toFixed(2)); jQuery('#donation_review span.donor-cover-amount').toggleClass('d-none').html('$'+giftProcessingFee.toFixed(2)); jQuery('#additional_amountname').val(giftProcessingFee.toFixed(2)); } jQuery('input[type=radio][name=level_standardexpanded]').change(function() { if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('input.user-entered-amount').bind('keyup', function (e) { if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmountNew = jQuery('input.user-entered-amount').val(); var processingFeeNew = (userAmountNew * 5.5 / 100).toFixed(2); var userAmountFeeNew = (+userAmountNew) + (+processingFeeNew); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmountNew = (userAmountNoDecimal * 100 / 100).toFixed(2); var processingFeeNew = (userAmountNew * 5.5 / 100).toFixed(2); var userAmountFeeNew = (+userAmountNew) + (+processingFeeNew); } jQuery('button[name="pstep_finish"]').val('Donate $'+userAmountFeeNew.toFixed(2)).text('Donate $'+userAmountFeeNew.toFixed(2)); }); } else { var giftAmountNew = jQuery('input[type=radio][name=level_standardexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var processingFeeNew = giftAmountNew * 5.5 / 100; var giftAmountFeeNew = (+giftAmountNew) + (+processingFeeNew); jQuery('button[name="pstep_finish"]').val('Make Your Donation of $'+giftAmountFeeNew.toFixed(2)).text('Donate $'+giftAmountFeeNew.toFixed(2)); } }); } else { //console.log('include transaction fee is not checked'); jQuery('#transaction_fee_radio').prop('checked', false).attr('checked', false).val(''); var donorCoverVal = 'false'; var formAction = jQuery('form#ProcessForm').attr('action').replace(/(DonorCover=)[a-z]+/ig, 'DonorCover='+donorCoverVal); jQuery('#additional_amountsubmit').val( 'false' ); jQuery('#additional_amountname').val(''); if (jQuery('input.user-entered-radio').is(':checked')) { var userProcessingFee = '0.00'; var userAmountFee = (+userAmount) + (+userProcessingFee); jQuery('button[name="pstep_finish"]').val('Donate $'+userAmountFee.toFixed(2)).text('Donate $'+userAmountFee.toFixed(2)); jQuery('#donation_review span.donor-cover-amount').toggleClass('d-none').html(''); //console.log('include transaction fee is not checked, user amount is: ',userAmount); //console.log('include transaction fee is not checked, processing fee amount is: ',userProcessingFee); //console.log('include transaction fee is not checked, user amount plus processing fee amount is: ',userAmountFee.toFixed(2)); } else { jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmount).text('Donate $'+giftAmount); jQuery('#donation_review span.donor-cover-amount').toggleClass('d-none').html(''); } //console.log('Donor Cover is False 1'); //console.log('User Entered Amount is'); jQuery('input[type=radio][name=level_standardexpanded]').change(function() { if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('input.user-entered-amount').bind('keyup', function (e) { if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmountOld = jQuery('input.user-entered-amount').val(); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmountOld = (userAmountNoDecimal * 100 / 100).toFixed(2); } jQuery('button[name="pstep_finish"]').val('Donate $'+userAmountOld).text('Donate $'+userAmountOld); jQuery('#donation_review span.donation-amount').html('$'+userAmountOld); }); //console.log('Donor Cover is False 2'); //console.log('user amount old is: ',userAmountOld); } else { var giftAmountOld = jQuery('input[type=radio][name=level_standardexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmountOld).text('Donate $'+giftAmountOld); jQuery('#donation_review span.donation-amount').html('$'+giftAmountOld); //console.log('Donor Cover is False 3'); } }); } }); if (jQuery('input[name=transaction_fee_radio]').is(':checked')) { //console.log('transaction fee box is checked'); var donorCover = 'true'; var giftAmount = jQuery('input[type=radio][name=level_standardexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var processingFee = giftAmount * 5.5 / 100; var giftAmountFee = (+giftAmount) + (+processingFee); jQuery('#additional_amountsubmit').val('true'); if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('button[name="pstep_finish"]').val('Donate $'+userAmountFee.toFixed(2)).text('Donate $'+userAmountFee.toFixed(2)); //console.log('transaction fee checked user entered donation is: ',userAmount); } else { jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmountFee.toFixed(2)).text('Donate $'+giftAmountFee.toFixed(2)); } jQuery('#donation_review span.donor-cover-amount').toggleClass('d-none'); jQuery('input[type=radio][name=level_standardexpanded]').change(function() { if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('input.user-entered-amount').bind('keyup', function (e) { if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmountNew = jQuery('input.user-entered-amount').val(); var processingFeeNew = (userAmountNew * 5.5 / 100).toFixed(2); var userAmountFeeNew = (+userAmountNew) + (+processingFeeNew); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmountNew = (userAmountNoDecimal * 100 / 100).toFixed(2); var processingFeeNew = (userAmountNew * 5.5 / 100).toFixed(2); var userAmountFeeNew = (+userAmountNew) + (+processingFeeNew); } if (jQuery('input[name=transaction_fee_radio]').is(':checked')) { jQuery('button[name="pstep_finish"]').val('Donate $'+userAmountFeeNew.toFixed(2)).text('Donate $'+userAmountFeeNew.toFixed(2)); } else { jQuery('button[name="pstep_finish"]').val('Donate $'+userAmountNew).text('Donate $'+userAmountNew); } //jQuery('button[name="pstep_finish"]').val('Donate $'+userAmountFeeNew.toFixed(2)).text('Donate $'+userAmountFeeNew.toFixed(2)); //console.log('transaction fee box is checked, donation level change user entered donation keyup is: ',userAmountNew); }); } else { var giftAmountNew = jQuery('input[type=radio][name=level_standardexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var processingFeeNew = giftAmountNew * 5.5 / 100; var giftAmountFeeNew = (+giftAmountNew) + (+processingFeeNew); jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmountFeeNew.toFixed(2)).text('Donate $'+giftAmountFeeNew.toFixed(2)); } }); } else { //console.log('transaction fee box is not checked'); var donorCover = 'false'; var giftAmount = jQuery('input[type=radio][name=level_standardexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); jQuery('#additional_amountsubmit').val('false'); jQuery('#additional_amountname').val(''); if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('button[name="pstep_finish"]').val('Donate $'+userAmount).text('Donate $'+userAmount); //console.log('transaction fee unchecked user entered donation is: ',userAmount); } else { jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmount).text('Donate $'+giftAmount); } jQuery('#donation_review span.donor-cover-amount').toggleClass('d-none'); jQuery('input[type=radio][name=level_standardexpanded]').change(function() { if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('input.user-entered-amount').bind('keyup', function (e) { if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmountNew = jQuery('input.user-entered-amount').val(); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmountNew = (userAmountNoDecimal * 100 / 100).toFixed(2); } jQuery('button[name="pstep_finish"]').val('Donate $'+userAmountNew).text('Donate $'+userAmounNew); //console.log('transaction fee box is unchecked, donation level change user entered donation keyup is: ',userAmountNew); }); } else { var giftAmountNew = jQuery('input[type=radio][name=level_standardexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var processingFeeNew = giftAmountNew * 5.5 / 100; var giftAmountFeeNew = (+giftAmountNew) + (+processingFeeNew); jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmountFeeNew.toFixed(2)).text('Donate $'+giftAmountFeeNew.toFixed(2)); } }); } } // Monthly Gift if (jQuery('#level_flexible_row').length > 0) { jQuery('#transaction_fee_radio').change(function() { var giftAmount = jQuery('input[type=radio][name=level_flexibleexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var processingFee = giftAmount * 5.5 / 100; var giftAmountFee = (+giftAmount) + (+processingFee); if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmount = jQuery('input.user-entered-amount').val(); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountNoDecimal * 100 / 100).toFixed(2); var processingFee = (userAmount * 5.5 / 100).toFixed(2); var userAmountFee = (+userAmount) + (+processingFee); } if(jQuery(this).prop('checked')) { var donorCoverVal = 'true'; var formAction = jQuery('form#ProcessForm').attr('action').replace(/(DonorCover=)[a-z]+/ig, 'DonorCover=true'); var giftAmount = jQuery('input[type=radio][name=level_flexibleexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var giftProcessingFee = giftAmount * 5.5 / 100; var giftAmountFee = (+giftAmount) + (+giftProcessingFee); var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountNoDecimal * 100 / 100).toFixed(2); var userProcessingFee = (userAmount * 5.5 / 100).toFixed(2); var userAmountFee = (+userAmount) + (+userProcessingFee); jQuery('#additional_amountsubmit').val('true'); if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('button[name="pstep_finish"]').val('Donate $'+userAmountFee.toFixed(2)).text('Donate $'+userAmountFee.toFixed(2)); jQuery('#donation_review span.donor-cover-amount').toggleClass('d-none').html('$'+userProcessingFee); jQuery('#additional_amountname').val(userProcessingFee); } else { jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmountFee.toFixed(2)).text('Donate $'+giftAmountFee.toFixed(2)); jQuery('#donation_review span.donor-cover-amount').toggleClass('d-none').html('$'+giftProcessingFee.toFixed(2)); jQuery('#additional_amountname').val(giftProcessingFee.toFixed(2)); } jQuery('input[type=radio][name=level_flexibleexpanded]').change(function() { if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('input.user-entered-amount').bind('keyup', function (e) { if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmountNew = jQuery('input.user-entered-amount').val(); var processingFeeNew = (userAmountNew * 5.5 / 100).toFixed(2); var userAmountFeeNew = (+userAmountNew) + (+processingFeeNew); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmountNew = (userAmountNoDecimal * 100 / 100).toFixed(2); var processingFeeNew = (userAmountNew * 5.5 / 100).toFixed(2); var userAmountFeeNew = (+userAmountNew) + (+processingFeeNew); } jQuery('button[name="pstep_finish"]').val('Donate $'+userAmountFeeNew.toFixed(2)).text('Donate $'+userAmountFeeNew.toFixed(2)); }); } else { var giftAmountNew = jQuery('input[type=radio][name=level_flexibleexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var processingFeeNew = giftAmountNew * 5.5 / 100; var giftAmountFeeNew = (+giftAmountNew) + (+processingFeeNew); jQuery('button[name="pstep_finish"]').val('Make Your Donation of $'+giftAmountFeeNew.toFixed(2)).text('Donate $'+giftAmountFeeNew.toFixed(2)); } }); } else { var donorCoverVal = 'false'; var formAction = jQuery('form#ProcessForm').attr('action').replace(/(DonorCover=)[a-z]+/ig, 'DonorCover='+donorCoverVal); jQuery('#additional_amountsubmit').val( 'false' ); jQuery('#additional_amountname').val(''); if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('button[name="pstep_finish"]').val('Donate $'+userAmount).text('Donate $'+userAmount); jQuery('#donation_review span.donor-cover-amount').toggleClass('d-none').html(''); } else { jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmount).text('Donate $'+giftAmount); jQuery('#donation_review span.donor-cover-amount').toggleClass('d-none').html(''); } jQuery('input[type=radio][name=level_flexibleexpanded]').change(function() { if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('input.user-entered-amount').bind('keyup', function (e) { if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmountOld = jQuery('input.user-entered-amount').val(); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmountOld = (userAmountNoDecimal * 100 / 100).toFixed(2); } jQuery('button[name="pstep_finish"]').val('Donate $'+userAmountOld).text('Donate $'+userAmountOld); jQuery('#donation_review span.donation-amount').html('$'+userAmountOld); }); } else { var giftAmountOld = jQuery('input[type=radio][name=level_flexibleexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmountOld).text('Donate $'+giftAmountOld); jQuery('#donation_review span.donation-amount').html('$'+giftAmountOld); } }); } }); if (jQuery('input[name=transaction_fee_radio]').is(':checked')) { var donorCover = 'true'; var giftAmount = jQuery('input[type=radio][name=level_flexibleexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var processingFee = giftAmount * 5.5 / 100; var giftAmountFee = (+giftAmount) + (+processingFee); jQuery('#additional_amountsubmit').val('true'); if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('button[name="pstep_finish"]').val('Donate $'+userAmountFee.toFixed(2)).text('Donate $'+userAmountFee.toFixed(2)); } else { jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmountFee.toFixed(2)).text('Donate $'+giftAmountFee.toFixed(2)); } jQuery('#donation_review span.donor-cover-amount').toggleClass('d-none'); jQuery('input[type=radio][name=level_flexibleexpanded]').change(function() { if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('input.user-entered-amount').bind('keyup', function (e) { if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmountNew = jQuery('input.user-entered-amount').val(); var processingFeeNew = (userAmountNew * 5.5 / 100).toFixed(2); var userAmountFeeNew = (+userAmountNew) + (+processingFeeNew); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmountNew = (userAmountNoDecimal * 100 / 100).toFixed(2); var processingFeeNew = (userAmountNew * 5.5 / 100).toFixed(2); var userAmountFeeNew = (+userAmountNew) + (+processingFeeNew); } jQuery('button[name="pstep_finish"]').val('Donate $'+userAmountFeeNew.toFixed(2)).text('Donate $'+userAmountFeeNew.toFixed(2)); }); } else { var giftAmountNew = jQuery('input[type=radio][name=level_flexibleexpanded]:checked').parent('.donation-level-label-input-container').next('label').children('.donation-level-amount-container').text().replace(/\$|,/g, ''); var processingFeeNew = giftAmountNew * 5.5 / 100; var giftAmountFeeNew = (+giftAmountNew) + (+processingFeeNew); jQuery('button[name="pstep_finish"]').val('Donate $'+giftAmountFeeNew.toFixed(2)).text('Donate $'+giftAmountFeeNew.toFixed(2)); } }); } else { jQuery('#additional_amountname').val(''); } } } includeProcessingFee(); // credit card vs paypal // One-Time Gift if (jQuery('#level_standard_row').length > 0) { var formActionUrl = 'https://action.lung.org/site/Donation2?df_id=31271&mfc_pref=T&31271.donation=form1'; var donationLevelId = jQuery('input[type=radio][name=level_standardexpanded]:checked').val(); var formAction = formActionUrl.replace(/(set.DonationLevel=)[0-9]+/ig, 'set.DonationLevel='+donationLevelId); var formActionFormatted = formAction.replace(/&/g, '&'); var radioVal = jQuery('input[type=radio][name=responsive_payment_typepay_typeradio]').val(); if (jQuery('#tribute_honoree_name_row').length > 0) { jQuery('input[name=tribute_honoree_namename]').attr('placeholder', 'ie. Name, Organization, Cause, Event, Landmark'); var honoreeName = jQuery('input[name=tribute_honoree_namename]').val(); jQuery('#tribute_honoree_last_namename').val(honoreeName); if (jQuery('input[name=tribute_honoree_namename]').val().length == 0) { jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); //jQuery('.mobile-payment .payment-type-option').addClass('disabled'); //jQuery('.venmo-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); //jQuery('.mobile-payment .payment-type-option').addClass('disabled'); //jQuery('.venmo-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } } jQuery('#tribute_honoree_namelocked').text(honoreeName); //console.log('tribute_honoree_namelocked: ', honoreeName); jQuery('input[name=tribute_honoree_namename]').bind('keydown input focus', function (e) { var tribHonName = jQuery(this); //console.log('honoree name is: ', e.currentTarget.value); //console.log('tribHonName: ', tribHonName); jQuery('#tribute_honoree_namelocked').text(e.currentTarget.value); jQuery('#tribute_honoree_last_namename').val(tribHonName); //console.log('tribute_honoree_namelocked on change: ', e.currentTarget.value); if (jQuery('input[name=tribute_honoree_namename]').val().length == 0) { jQuery('#tribute_honoree_name_row').addClass('form-error'); //jQuery('#tribute_honoree_name_row .form-content').after('<div class="ErrorMessage"><span class="field-error-indicator"></span><span class="field-error-text">Enter an honoree name</span></div>'); jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); //jQuery('.mobile-payment .payment-type-option').addClass('disabled'); //jQuery('.venmo-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('#tribute_honoree_name_row').removeClass('form-error'); //jQuery('#tribute_honoree_namename .ErrorMessage').remove(); jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); //jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); //jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } } }); } jQuery('input[type=radio][name=responsive_payment_typepay_typeradio]').change(function() { var radioVal = jQuery('input[type=radio][name=responsive_payment_typepay_typeradio]:checked').val(); var donationLevelId = jQuery('input[type=radio][name=level_standardexpanded]:checked').val(); var paymentOption = '&pay=' + radioVal; var formAction = formActionUrl.replace(/(set.DonationLevel=)[0-9]+/ig, 'set.DonationLevel='+donationLevelId); //var formActionFormatted = formAction.replace(/&/g, '&'); //var newFormAction = formActionFormatted + paymentOption if (jQuery('#tribute_honoree_name_row').length > 0) { //var honoreeVal = jQuery('input[name=tribute_honoree_namename]').val().replace(/ /g, '%20'); var honoreeVal = jQuery('input[name=tribute_honoree_namename]').val(); var encodedHonoreeVal = encodeURIComponent(honoreeVal); var tributeName = '&set.TributeName=' + encodedHonoreeVal; var formActionFormatted = formAction.replace(/&/g, '&'); jQuery('#tribute_honoree_last_namename').val(honoreeVal); var newFormAction = formActionFormatted + paymentOption + tributeName //var newFormAction = formActionFormatted + paymentOption + tributeName //var newFormAction = formActionFormatted + paymentOption //console.log('responsive payment radio onchange honoree name is:', honoreeVal); //console.log('responsive payment radio onchange tributeName is:', tributeName); //console.log('responsive payment radio onchange donationLevelId is:', donationLevelId); //console.log('responsive payment radio onchange newFormAction is:', newFormAction); } else { var formActionFormatted = formAction.replace(/&/g, '&'); var newFormAction = formActionFormatted + paymentOption //console.log('no honoree name'); } jQuery('form#ProcessForm').attr('action', newFormAction); // update jQuery('form#ProcessForm').attr('action', function(_, el){ return el.replace(/(pay=)[a-z]+/ig, 'pay='+radioVal); }); // update login href and form action if (jQuery('#in_form_login').length > 0){ var loginHref = jQuery('.in_form_login_link').attr('href'); var loginRedirect = 'UserLogin?pw_id=15885&s_AffiliateSecCatId=1&NEXTURL='; var loginFormAction = jQuery('form#ProcessForm').attr('action'); var encodedFormAction = encodeURIComponent(loginFormAction).replace(/%2520/g, '%20'); var donationLevelId = jQuery('input[type=radio][name=level_standardexpanded]:checked').val(); var setDonationLevelId = '&set.DonationLevel=' + donationLevelId; var encodedSetDonationLevelId = encodeURIComponent(setDonationLevelId); if (jQuery('input.user-entered-radio').is(':checked')) { if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmountDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountDecimal * 100 / 100); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountNoDecimal * 100); } var setValue = '&set.Value=' + userAmount; var encodedSetValue = encodeURIComponent(setValue); var updatedLoginHref = loginRedirect + encodedFormAction + encodedSetDonationLevelId + encodedSetValue; //var updatedLoginHref = loginRedirect + loginFormAction + encodedSetDonationLevelId + encodedSetValue; var updatedFormAction = loginFormAction + setDonationLevelId + setValue; } else { var updatedLoginHref = loginRedirect + encodedFormAction + encodedSetDonationLevelId; //var updatedLoginHref = loginRedirect + loginFormAction + encodedSetDonationLevelId; var updatedFormAction = loginFormAction + setDonationLevelId; } if (jQuery('#transaction_fee_radio').is(':checked')) { var donorCoverVal = '&DonorCover=true'; var encodedDonorCoverVal = encodeURIComponent(donorCoverVal); var updatedLoginHref = updatedLoginHref + encodedDonorCoverVal; var updatedFormAction = updatedFormAction + donorCoverVal; } else { var donorCoverVal = '&DonorCover=false'; var encodedDonorCoverVal = encodeURIComponent(donorCoverVal); var updatedLoginHref = updatedLoginHref + encodedDonorCoverVal; var updatedFormAction = updatedFormAction + donorCoverVal; } jQuery('.in_form_login_link').attr('href', updatedLoginHref); jQuery('form#ProcessForm').attr('action', updatedFormAction); } }); } // Monthly Gift if (jQuery('#level_flexible_row').length > 0) { var formActionUrl = 'https://action.lung.org/site/Donation2?df_id=31271&mfc_pref=T&31271.donation=form1'; var donationLevelId = jQuery('input[type=radio][name=level_flexibleexpanded]:checked').val(); var formAction = formActionUrl.replace(/(set.DonationLevel=)[0-9]+/ig, 'set.DonationLevel='+donationLevelId); var formActionFormatted = formAction.replace(/&/g, '&'); var radioVal = jQuery('input[type=radio][name=responsive_payment_typepay_typeradio]').val(); jQuery('input[type=radio][name=responsive_payment_typepay_typeradio]').change(function() { var radioVal = jQuery('input[type=radio][name=responsive_payment_typepay_typeradio]:checked').val(); var donationLevelId = jQuery('input[type=radio][name=level_flexibleexpanded]:checked').val(); var paymentOption = '&pay=' + radioVal; var formAction = formActionUrl.replace(/(set.DonationLevel=)[0-9]+/ig, 'set.DonationLevel='+donationLevelId); var formActionFormatted = formAction.replace(/&/g, '&'); var newFormAction = formActionFormatted + paymentOption jQuery('form#ProcessForm').attr('action', newFormAction); // update jQuery('form#ProcessForm').attr('action', function(_, el){ return el.replace(/(pay=)[a-z]+/ig, 'pay='+radioVal); }); // update login href and form action if (jQuery('#in_form_login').length > 0){ var loginHref = jQuery('.in_form_login_link').attr('href'); var loginRedirect = 'UserLogin?pw_id=15885&s_AffiliateSecCatId=1&NEXTURL='; var loginFormAction = jQuery('form#ProcessForm').attr('action'); var encodedFormAction = encodeURIComponent(loginFormAction).replace(/%2520/g, '%20'); var donationLevelId = jQuery('input[type=radio][name=level_flexibleexpanded]:checked').val(); var setDonationLevelId = '&set.DonationLevel=' + donationLevelId; var encodedSetDonationLevelId = encodeURIComponent(setDonationLevelId); if (jQuery('input.user-entered-radio').is(':checked')) { if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmountDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountDecimal * 100 / 100); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountNoDecimal * 100); } var setValue = '&set.Value=' + userAmount; var encodedSetValue = encodeURIComponent(setValue); var updatedLoginHref = loginRedirect + encodedFormAction + encodedSetDonationLevelId + encodedSetValue; //var updatedLoginHref = loginRedirect + loginFormAction + encodedSetDonationLevelId + encodedSetValue; var updatedFormAction = loginFormAction + setDonationLevelId + setValue; } else { var updatedLoginHref = loginRedirect + encodedFormAction + encodedSetDonationLevelId; //var updatedLoginHref = loginRedirect + loginFormAction + encodedSetDonationLevelId; var updatedFormAction = loginFormAction + setDonationLevelId; } if (jQuery('#transaction_fee_radio').is(':checked')) { var donorCoverVal = '&DonorCover=true'; var encodedDonorCoverVal = encodeURIComponent(donorCoverVal); var updatedLoginHref = updatedLoginHref + encodedDonorCoverVal; var updatedFormAction = updatedFormAction + donorCoverVal; } else { var donorCoverVal = '&DonorCover=false'; var encodedDonorCoverVal = encodeURIComponent(donorCoverVal); var updatedLoginHref = updatedLoginHref + encodedDonorCoverVal; var updatedFormAction = updatedFormAction + donorCoverVal; } jQuery('.in_form_login_link').attr('href', updatedLoginHref); jQuery('form#ProcessForm').attr('action', updatedFormAction); } }); } var isMobile = { Android: function() { return navigator.userAgent.match(/Android/i); }, BlackBerry: function() { return navigator.userAgent.match(/BlackBerry/i); }, iOS: function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i); }, Opera: function() { return navigator.userAgent.match(/Opera Mini/i); }, Windows: function() { return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i); }, any: function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); } }; if( isMobile.any() ){ jQuery('.js-toggle-tooltip').click(function() { jQuery(this).toggleClass('active'); jQuery(this).children('.js-tooltip-box').toggle(); }); } else { jQuery('.js-toggle-tooltip').hover(function() { jQuery(this).toggleClass('active'); jQuery(this).children('.js-tooltip-box').toggle(); }); } }); window.onload = function(){ jQuery('input.user-entered-radio').prop('checked', ''); jQuery('.donation-level-user-entered input[type=text]').val(''); jQuery('input.user-entered-radio:not(checked)').each(function () { jQuery(this).parentsUntil('.donation-level-container').removeClass('active'); }); //Show Venmo button var isMobile = { Android: function() { return navigator.userAgent.match(/Android/i); }, BlackBerry: function() { return navigator.userAgent.match(/BlackBerry/i); }, iOS: function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i); }, Opera: function() { return navigator.userAgent.match(/Opera Mini/i); }, Windows: function() { return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i); }, any: function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows()); } }; var isSafari = navigator.userAgent.match(/Version\/[\d\.]+.*Safari/); var isChrome = window.chrome; jQuery('#responsive_payment_typepay_typeradio_payment_types .external-payment').after(jQuery('<span class="venmo-payment"><span class="payment-type-option"><label for="responsive_payment_typepay_typeradiomobile"><a href="#" id="venmopay-link" class="payment-type-label"><img src="../images/payment/venmo-logo-white.png" alt="Pay with Venmo"></a></label></span></span>')); var formId = '31271'; var checkoutUrl = 'https://action.lung.org/site/SPageNavigator/' + formId + '_donate.html'; if (jQuery('#tribute_honoree_name_row').length > 0) { //console.log ('Has Tribute Name'); var honoreeVal = jQuery('input[name=tribute_honoree_namename]').val(); var encodedHonoreeVal = encodeURIComponent(honoreeVal); if (jQuery('input[type=radio][name=level_standardexpanded]').is(':checked')) { var donationLevelId = jQuery('input[type=radio][name=level_standardexpanded]:checked').val(); var checkoutUrl = checkoutUrl + '?DonationLevel=' + donationLevelId + '&TributeName=' + encodedHonoreeVal; } jQuery('input[type=radio][name=level_standardexpanded]').change(function() { //var checkoutUrl = 'https://action.lung.org/site/SPageNavigator/' + formId + '_donate.html'; var donationLevelId = jQuery('input[type=radio][name=level_standardexpanded]:checked').val(); var honoreeVal = jQuery('input[name=tribute_honoree_namename]').val(); var encodedHonoreeVal = encodeURIComponent(honoreeVal); if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('input.user-entered-amount').bind('keyup', function (e) { if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmountDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountDecimal * 100 / 100); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountNoDecimal * 100); } var checkoutUrl = 'https://action.lung.org/site/SPageNavigator/' + formId + '_donate.html' + '?DonationLevel=' + donationLevelId + '&Value='+ userAmount + '&TributeName=' + encodedHonoreeVal; if (jQuery('#transaction_fee_radio').is(':checked')) { var donorCoverVal = '&DonorCover=true'; var checkoutUrl = checkoutUrl + donorCoverVal; } else { var donorCoverVal = '&DonorCover=false'; var checkoutUrl = checkoutUrl + donorCoverVal; } jQuery('#venmopay-link').attr('href', checkoutUrl); //console.log ('Venmo href user entered amount is 1: ', checkoutUrl); }); jQuery('#venmopay-link').attr('href', checkoutUrl); //console.log ('Venmo href user entered amount is 2: ', checkoutUrl); } else { var checkoutUrl = 'https://action.lung.org/site/SPageNavigator/' + formId + '_donate.html' + '?DonationLevel=' + donationLevelId + '&TributeName=' + encodedHonoreeVal; jQuery('#venmopay-link').attr('href', checkoutUrl); //console.log ('Venmo href is 3: ', checkoutUrl); } if (jQuery('#transaction_fee_radio').is(':checked')) { var donorCoverVal = '&DonorCover=true'; var checkoutUrl = checkoutUrl + donorCoverVal; //jQuery('#additional_amountname').val(''); } else { var donorCoverVal = '&DonorCover=false'; var checkoutUrl = checkoutUrl + donorCoverVal; //jQuery('#additional_amountname').val(''); } jQuery('#venmopay-link').attr('href', checkoutUrl); //console.log ('Venmo href transaction fee is 4: ', checkoutUrl); //if (jQuery('#tribute_honoree_name_row').length > 0) { //var venmoPayHref = jQuery('#venmopay-link').attr('href'); //var honoreeVal = jQuery('input[name=tribute_honoree_namename]').val().replace(/ /g, '%20'); //console.log ('Venmo href donation change is: ', venmoPayHref); //console.log ('honoreeVal is: ', honoreeVal); //} }); } else { //console.log ('No Tribute Name'); if (jQuery('input[type=radio][name=level_standardexpanded]').is(':checked')) { var donationLevelId = jQuery('input[type=radio][name=level_standardexpanded]:checked').val(); var checkoutUrl = checkoutUrl + '?DonationLevel=' + donationLevelId; } jQuery('input[type=radio][name=level_standardexpanded]').change(function() { //var checkoutUrl = 'https://action.lung.org/site/SPageNavigator/' + formId + '_donate.html'; var donationLevelId = jQuery('input[type=radio][name=level_standardexpanded]:checked').val(); if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('input.user-entered-amount').bind('keyup', function (e) { if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmountDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountDecimal * 100 / 100); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountNoDecimal * 100); } var checkoutUrl = 'https://action.lung.org/site/SPageNavigator/' + formId + '_donate.html' + '?DonationLevel=' + donationLevelId + '&Value='+ userAmount; if (jQuery('#transaction_fee_radio').is(':checked')) { var donorCoverVal = '&DonorCover=true'; var checkoutUrl = checkoutUrl + donorCoverVal; } else { var donorCoverVal = '&DonorCover=false'; var checkoutUrl = checkoutUrl + donorCoverVal; } jQuery('#venmopay-link').attr('href', checkoutUrl); //console.log ('Venmo href user entered amount is 2: ', checkoutUrl); }); jQuery('#venmopay-link').attr('href', checkoutUrl); //console.log ('Venmo href user entered amount is 2: ', checkoutUrl); } else { var checkoutUrl = 'https://action.lung.org/site/SPageNavigator/' + formId + '_donate.html' + '?DonationLevel=' + donationLevelId; jQuery('#venmopay-link').attr('href', checkoutUrl); //console.log ('Venmo href is 3: ', checkoutUrl); } if (jQuery('#transaction_fee_radio').is(':checked')) { var donorCoverVal = '&DonorCover=true'; var checkoutUrl = checkoutUrl + donorCoverVal; //jQuery('#additional_amountname').val(''); } else { var donorCoverVal = '&DonorCover=false'; var checkoutUrl = checkoutUrl + donorCoverVal; //jQuery('#additional_amountname').val(''); } jQuery('#venmopay-link').attr('href', checkoutUrl); //console.log('Venmo href transaction fee is 4: ', checkoutUrl); }); } if (jQuery('#transaction_fee_radio').is(':checked')) { var donorCoverVal = '&DonorCover=true'; var checkoutUrl = checkoutUrl + donorCoverVal; } else { var donorCoverVal = '&DonorCover=false'; var checkoutUrl = checkoutUrl + donorCoverVal; } jQuery('#venmopay-link').attr('href', checkoutUrl); //console.log ('Venmo href transaction fee is 5: ', checkoutUrl); jQuery('#transaction_fee_radio').change(function() { var venmoPayHref = jQuery('#venmopay-link').attr('href'); if (jQuery('#transaction_fee_radio').is(':checked')) { var checkoutUrl = venmoPayHref.replace(/(DonorCover=)[a-z]+/ig, 'DonorCover=true'); jQuery('#venmopay-link').attr('href', checkoutUrl); } else { var checkoutUrl = venmoPayHref.replace(/(DonorCover=)[a-z]+/ig, 'DonorCover=false'); jQuery('#venmopay-link').attr('href', checkoutUrl); } console.log ('Venmo href transaction fee is 6: ', checkoutUrl); }); if (jQuery('#tribute_honoree_name_row').length > 0) { //var honoreeVal = jQuery('input[name=tribute_honoree_namename]').val().replace(/ /g, '%20'); var honoreeVal = jQuery('input[name=tribute_honoree_namename]').val(); var encodedHonoreeVal = encodeURIComponent(honoreeVal); var venmoHref = jQuery('#venmopay-link').attr('href'); //var checkoutUrl = venmoHref+'&TributeName='+encodedHonoreeVal; //var checkoutUrl = jQuery('#venmopay-link').attr('href'); //console.log ('Venmo href tribute name fee is 7: ', checkoutUrl); jQuery('input[name=tribute_honoree_namename]').bind('keyup', function (e) { var honoreeVal = jQuery('input[name=tribute_honoree_namename]').val(); var venmoButton = jQuery('#venmopay-link') var venmoHref = venmoButton.attr('href'); var encodedHonoreeVal = encodeURIComponent(honoreeVal); //var checkoutUrl = venmoHref + '&TributeName=' + encodedHonoreeVal; //var self = jQuery(this); //self.val(self.val().replace(/[^0-9\.]/g, '').replace(/(\..*?)\..*/g, '$1').replace(/(\.\d{2}).+/g, '$1')); //var checkoutUrl = venmoHref.replace(/(TributeName=)+/ig, 'TributeName='); //var checkoutUrl = venmoHref.replace(/(&set.TributeName=)+/ig, ''); //var checkoutUrl = venmoHref.replace(/(&set.TributeName=)[a-z]+/ig, encodedHonoreeVal); var checkoutUrl = venmoHref.replace(/&?TributeName=([^&]$|[^&]*)/i, ''); jQuery('#tribute_honoree_last_namename').val(honoreeVal); //console.log('honoree name is: ', e.currentTarget.value); //console.log('honoree name val is: ', honoreeVal); //console.log ('venmoHref is: ', venmoHref); //console.log('encodedHonoreeVal: ', encodedHonoreeVal); //console.log ('Venmo href tribute name is 8: ', checkoutUrl); //console.log ('self is: ', self); //var tributeName = '&TributeName=' + encodedHonoreeVal; //var checkoutUrl = venmoHref+'&TributeName='+encodedHonoreeVal; //jQuery('#venmopay-link').attr('href', venmoHref + '&TributeName=' + encodedHonoreeVal); //var checkoutUrl = venmoHref.replace(/(TributeName=)+/ig, 'TributeName=' + encodedHonoreeVal); //var checkoutUrl = venmoHref+'&TributeName='+encodedHonoreeVal; //jQuery('#venmopay-link').attr('href', checkoutUrl + '&TributeName=' + encodedHonoreeVal); //console.log ('Venmo href tribute name is 10: ', checkoutUrl); //console.log ('Venmo href tribute name is 11: ', checkoutUrl + '&TributeName=' + encodedHonoreeVal); var NewCheckoutUrl = checkoutUrl+'&TributeName='+encodedHonoreeVal; //jQuery('#venmopay-link').attr('href', checkoutUrl); //var newVenmoHref = jQuery('#venmopay-link').attr('href'); //console.log ('New Venmo href is: ', NewCheckoutUrl); if (jQuery('input[name=tribute_honoree_namename]').val().length == 0) { jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); //jQuery('.mobile-payment .payment-type-option').addClass('disabled'); //jQuery('.venmo-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); //jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); //jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').removeClass('disabled'); } //var honoreeVal = jQuery('input[name=tribute_honoree_namename]').val(); //var honoreeVal = e.currentTarget.value; //console.log ('Venmo href tribute name fee is 7: ', venmoPayHref); } //jQuery('#venmopay-link').attr('href', checkoutUrl); //jQuery('#venmopay-link').attr('href', checkoutUrl + '&TributeName=' + encodedHonoreeVal); jQuery('#venmopay-link').attr('href', NewCheckoutUrl); }); jQuery('#venmopay-link').attr('href', checkoutUrl); //console.log ('Venmo href tribute name is 9: ', checkoutUrl); } if( isMobile.any() ){ jQuery('.venmo-payment').addClass('d-none'); if( isMobile.Android() ){ //var isChrome = window.chrome; if (isChrome) { jQuery('.venmo-payment').removeClass('d-none'); } } if( isMobile.iOS() ){ //var isSafari = !!navigator.userAgent.match(/Version\/[\d\.]+.*Safari/); if (isSafari) { jQuery('.venmo-payment').removeClass('d-none'); } } } //Show Apple Pay button if (window.ApplePaySession && window.ApplePaySession.canMakePayments() && window.ApplePaySession.canMakePaymentsWithActiveCard()) { jQuery('#responsive_payment_typepay_typeradio_payment_types .external-payment').before(jQuery('<span class="mobile-payment apple-pay"><span class="payment-type-option"><label for="responsive_payment_typepay_typeradiomobile"><a href="#" id="applepay-link" class="payment-type-label"><img src="../images/payment/applepay-logo-white.png" alt="Pay with ApplePay"></a></label></span></span>')); var formId = '31271'; var checkoutUrl = 'https://action.lung.org/site/SPageNavigator/' + formId + '_donate.html'; if (jQuery('#tribute_honoree_name_row').length > 0) { var honoreeVal = jQuery('input[name=tribute_honoree_namename]').val(); var encodedHonoreeVal = encodeURIComponent(honoreeVal); if (jQuery('input[type=radio][name=level_standardexpanded]').is(':checked')) { var donationLevelId = jQuery('input[type=radio][name=level_standardexpanded]:checked').val(); var checkoutUrl = checkoutUrl + '?DonationLevel=' + donationLevelId + '&TributeName=' + encodedHonoreeVal; } jQuery('input[type=radio][name=level_standardexpanded]').change(function() { var donationLevelId = jQuery('input[type=radio][name=level_standardexpanded]:checked').val(); var honoreeVal = jQuery('input[name=tribute_honoree_namename]').val(); var encodedHonoreeVal = encodeURIComponent(honoreeVal); if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('input.user-entered-amount').bind('keyup', function (e) { if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmountDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountDecimal * 100 / 100); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountNoDecimal * 100); } var checkoutUrl = 'https://action.lung.org/site/SPageNavigator/' + formId + '_donate.html' + '?DonationLevel=' + donationLevelId + '&Value='+ userAmount + '&TributeName=' + encodedHonoreeVal; if (jQuery('#transaction_fee_radio').is(':checked')) { var donorCoverVal = '&DonorCover=true'; var checkoutUrl = checkoutUrl + donorCoverVal; } else { var donorCoverVal = '&DonorCover=false'; var checkoutUrl = checkoutUrl + donorCoverVal; } jQuery('#applepay-link').attr('href', checkoutUrl); //console.log ('Apple href user entered amount is 1: ', checkoutUrl); }); jQuery('#applepay-link').attr('href', checkoutUrl); //console.log ('Apple href user entered amount is 2: ', checkoutUrl); } else { var checkoutUrl = 'https://action.lung.org/site/SPageNavigator/' + formId + '_donate.html' + '?DonationLevel=' + donationLevelId + '&TributeName=' + encodedHonoreeVal; jQuery('#applepay-link').attr('href', checkoutUrl); //console.log ('Apple href is 3: ', checkoutUrl); } if (jQuery('#transaction_fee_radio').is(':checked')) { var donorCoverVal = '&DonorCover=true'; var checkoutUrl = checkoutUrl + donorCoverVal; } else { var donorCoverVal = '&DonorCover=false'; var checkoutUrl = checkoutUrl + donorCoverVal; } jQuery('#applepay-link').attr('href', checkoutUrl); //console.log ('Apple href transaction fee is 4: ', checkoutUrl); }); } else { if (jQuery('input[type=radio][name=level_standardexpanded]').is(':checked')) { var donationLevelId = jQuery('input[type=radio][name=level_standardexpanded]:checked').val(); var checkoutUrl = checkoutUrl + '?DonationLevel=' + donationLevelId; } jQuery('input[type=radio][name=level_standardexpanded]').change(function() { var donationLevelId = jQuery('input[type=radio][name=level_standardexpanded]:checked').val(); if (jQuery('input.user-entered-radio').is(':checked')) { jQuery('input.user-entered-amount').bind('keyup', function (e) { if(jQuery('input.user-entered-amount:contains(".")').length) { var userAmountDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountDecimal * 100 / 100); } else { var userAmountNoDecimal = jQuery('input.user-entered-amount').val(); var userAmount = (userAmountNoDecimal * 100); } var checkoutUrl = 'https://action.lung.org/site/SPageNavigator/' + formId + '_donate.html' + '?DonationLevel=' + donationLevelId + '&Value='+ userAmount + '&TributeName=' + encodedHonoreeVal; if (jQuery('#transaction_fee_radio').is(':checked')) { var donorCoverVal = '&DonorCover=true'; var checkoutUrl = checkoutUrl + donorCoverVal; } else { var donorCoverVal = '&DonorCover=false'; var checkoutUrl = checkoutUrl + donorCoverVal; } jQuery('#applepay-link').attr('href', checkoutUrl); //console.log ('Apple href user entered amount is 1: ', checkoutUrl); }); jQuery('#applepay-link').attr('href', checkoutUrl); //console.log ('Apple href user entered amount is 2: ', checkoutUrl); } else { var checkoutUrl = 'https://action.lung.org/site/SPageNavigator/' + formId + '_donate.html' + '?DonationLevel=' + donationLevelId + '&TributeName=' + encodedHonoreeVal; jQuery('#applepay-link').attr('href', checkoutUrl); //console.log ('Apple href is 3: ', checkoutUrl); } if (jQuery('#transaction_fee_radio').is(':checked')) { var donorCoverVal = '&DonorCover=true'; var checkoutUrl = checkoutUrl + donorCoverVal; } else { var donorCoverVal = '&DonorCover=false'; var checkoutUrl = checkoutUrl + donorCoverVal; } jQuery('#applepay-link').attr('href', checkoutUrl); //console.log ('Apple href transaction fee is 4: ', checkoutUrl); }); } if (jQuery('#transaction_fee_radio').is(':checked')) { var donorCoverVal = '&DonorCover=true'; var checkoutUrl = checkoutUrl + donorCoverVal; } else { var donorCoverVal = '&DonorCover=false'; var checkoutUrl = checkoutUrl + donorCoverVal; } jQuery('#applepay-link').attr('href', checkoutUrl); //console.log ('Apple href transaction fee is 5: ', checkoutUrl); jQuery('#transaction_fee_radio').change(function() { var applePayHref = jQuery('#applepay-link').attr('href'); if (jQuery('#transaction_fee_radio').is(':checked')) { var checkoutUrl = applePayHref.replace(/(DonorCover=)[a-z]+/ig, 'DonorCover=true'); jQuery('#applepay-link').attr('href', checkoutUrl); } else { var checkoutUrl = applePayHref.replace(/(DonorCover=)[a-z]+/ig, 'DonorCover=false'); jQuery('#applepay-link').attr('href', checkoutUrl); } //console.log ('Apple href transaction fee is 6: ', checkoutUrl); }); if (jQuery('#tribute_honoree_name_row').length > 0) { var honoreeVal = jQuery('input[name=tribute_honoree_namename]').val(); var encodedHonoreeVal = encodeURIComponent(honoreeVal); var appleHref = jQuery('#applepay-link').attr('href'); //console.log ('Apple href tribute name fee is 7: ', checkoutUrl); jQuery('input[name=tribute_honoree_namename]').bind('keyup', function (e) { var honoreeVal = jQuery('input[name=tribute_honoree_namename]').val(); var appleButton = jQuery('#applepay-link') var appleHref = appleButton.attr('href'); var encodedHonoreeVal = encodeURIComponent(honoreeVal); var checkoutUrl = appleHref.replace(/&?TributeName=([^&]$|[^&]*)/i, ''); //console.log('honoree name val is: ', honoreeVal); //console.log ('appleHref is: ', appleHref); //console.log('encodedHonoreeVal: ', encodedHonoreeVal); //console.log ('Apple href tribute name is 8: ', checkoutUrl); //console.log ('Apple href tribute name is 10: ', checkoutUrl); //console.log ('Apple href tribute name is 11: ', checkoutUrl + '&TributeName=' + encodedHonoreeVal); var NewCheckoutUrl = checkoutUrl+'&TributeName='+encodedHonoreeVal; //console.log ('New Apple href is: ', NewCheckoutUrl); if (jQuery('input[name=tribute_honoree_namename]').val().length == 0) { jQuery('.payment-type-option input:radio').attr('disabled',true); jQuery('.internal-payment .payment-type-option').addClass('disabled'); jQuery('.external-payment .payment-type-option').addClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.apple-payment').length > 0) { jQuery('.apple-payment .payment-type-option').addClass('disabled'); } } else { jQuery('.payment-type-option input:radio').attr('disabled',false); jQuery('.internal-payment .payment-type-option').removeClass('disabled'); jQuery('.external-payment .payment-type-option').removeClass('disabled'); if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').removeClass('disabled'); } if (jQuery('.apple-payment').length > 0) { jQuery('.apple-payment .payment-type-option').removeClass('disabled'); } } jQuery('#applepay-link').attr('href', NewCheckoutUrl); }); jQuery('#applepay-link').attr('href', checkoutUrl); //console.log ('Apple href tribute name is 9: ', checkoutUrl); } if (jQuery('.venmo-payment').length > 0) { jQuery('#responsive_payment_typepay_typeradio_payment_types').addClass('two-by-two'); } } else { } if (jQuery('#tribute_honoree_name_row').length > 0) { //jQuery('.payment-type-option input:radio').attr('disabled',true); //jQuery('.internal-payment .payment-type-option').addClass('disabled'); //jQuery('.external-payment .payment-type-option').addClass('disabled'); //jQuery('.mobile-payment .payment-type-option').addClass('disabled'); //jQuery('.venmo-payment .payment-type-option').addClass('disabled'); if (jQuery('input[name=tribute_honoree_namename]').val().length == 0) { if (jQuery('.mobile-payment').length > 0) { jQuery('.mobile-payment .payment-type-option').addClass('disabled'); } if (jQuery('.venmo-payment').length > 0) { jQuery('.venmo-payment .payment-type-option').addClass('disabled'); } } } } </script> <script type="text/javascript"> window._mfq = window._mfq || []; (function() { var mf = document.createElement("script"); mf.type = "text/javascript"; mf.defer = true; mf.src = "//cdn.mouseflow.com/projects/2685518b-bc6c-422c-8192-19a914616903.js"; document.getElementsByTagName("head")[0].appendChild(mf); })(); </script> </body> </html>