General - Beyond Belief - BC Cancer Foundation

<!doctype html> <html class="no-js" lang="en-US"> <head>  <meta charset="UTF-8" /> <script type="text/javascript"> /* <![CDATA[ */ var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}}); /* ]]> */ </script> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <title>General - Beyond Belief - BC Cancer Foundation</title><link rel="preload" data-rocket-preload as="image" href="https://res.cloudinary.com/dtpngg2fx/images/f_auto,q_auto/v1727880383/WPLO-Hayley-Henry2/WPLO-Hayley-Henry2.jpg?_i=AA" fetchpriority="high"> <link rel="canonical" href="https://bccancerfoundation.com/donations/beyond-belief/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="General - Beyond Belief" /> <meta property="og:url" content="https://bccancerfoundation.com/donations/beyond-belief/" /> <meta property="og:site_name" content="BC Cancer Foundation" /> <meta property="article:modified_time" content="2024-11-20T23:22:17+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://bccancerfoundation.com/donations/beyond-belief/","url":"https://bccancerfoundation.com/donations/beyond-belief/","name":"General - Beyond Belief - BC Cancer Foundation","isPartOf":{"@id":"https://bccancerfoundation.com/#website"},"datePublished":"2023-01-18T21:26:04+00:00","dateModified":"2024-11-20T23:22:17+00:00","breadcrumb":{"@id":"https://bccancerfoundation.com/donations/beyond-belief/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://bccancerfoundation.com/donations/beyond-belief/"]}]},{"@type":"BreadcrumbList","@id":"https://bccancerfoundation.com/donations/beyond-belief/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://bccancerfoundation.com/"},{"@type":"ListItem","position":2,"name":"General – Beyond Belief"}]},{"@type":"WebSite","@id":"https://bccancerfoundation.com/#website","url":"https://bccancerfoundation.com/","name":"BC Cancer Foundation","description":"Supporting the BC Cancer Agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://bccancerfoundation.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>  <link rel='dns-prefetch' href='//a.omappapi.com' /> <link rel='dns-prefetch' href='//res.cloudinary.com' /> <link rel='preconnect' href='https://res.cloudinary.com' /> <link rel='stylesheet' id='wplo_donate-block-style-css-css' href='https://bccancerfoundation.com/wp-content/plugins/WPLO-Donate/blocks/blocks.style.build.css' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='wplodf-bootstrapcustom-css' href='https://bccancerfoundation.com/wp-content/plugins/WPLO-Donate/assets/css/bootstrapcustom.css?ver=1742226670' type='text/css' media='all' /> <link rel='stylesheet' id='wplodf-font-awesome-free-css' href='https://bccancerfoundation.com/wp-content/plugins/WPLO-Donate/assets/fonts/css/all.min.css?ver=1742226670' type='text/css' media='all' /> <link rel='stylesheet' id='wplodf-style1-css' href='https://bccancerfoundation.com/wp-content/plugins/WPLO-Donate/assets/css/wp-lo-style.css?ver=1742226670' type='text/css' media='all' /> <style id='akismet-widget-style-inline-css' type='text/css'> .a-stats { --akismet-color-mid-green: #357b49; --akismet-color-white: #fff; --akismet-color-light-grey: #f6f7f7; max-width: 350px; width: auto; } .a-stats * { all: unset; box-sizing: border-box; } .a-stats strong { font-weight: 600; } .a-stats a.a-stats__link, .a-stats a.a-stats__link:visited, .a-stats a.a-stats__link:active { background: var(--akismet-color-mid-green); border: none; box-shadow: none; border-radius: 8px; color: var(--akismet-color-white); cursor: pointer; display: block; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; font-weight: 500; padding: 12px; text-align: center; text-decoration: none; transition: all 0.2s ease; } /* Extra specificity to deal with TwentyTwentyOne focus style */ .widget .a-stats a.a-stats__link:focus { background: var(--akismet-color-mid-green); color: var(--akismet-color-white); text-decoration: none; } .a-stats a.a-stats__link:hover { filter: brightness(110%); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.16); } .a-stats .count { color: var(--akismet-color-white); display: block; font-size: 1.5em; line-height: 1.4; padding: 0 13px; white-space: nowrap; } </style> <script type="text/javascript" src="https://bccancerfoundation.com/wp-content/themes/bccf/dist/js/vendor/jquery.min.js?ver=3.6.0" id="jquery-js"></script> <script type="text/javascript" src="https://bccancerfoundation.com/wp-content/plugins/WPLO-Donate/assets/js/luminateExtend.min.js?ver=38bb4e5e672258a5e234dc4d54b7e555" id="wplodf-luminateExtendjs-js"></script> <script type="text/javascript" src="https://bccancerfoundation.com/wp-content/plugins/WPLO-Donate/assets/js/popper.min.js?ver=38bb4e5e672258a5e234dc4d54b7e555" id="wplodf-popperjs-js"></script> <script type="text/javascript" src="https://bccancerfoundation.com/wp-content/plugins/WPLO-Donate/assets/js/bootstrap.min.js?ver=1742226671" id="wplodf-bootstrap4jsbundlemin-js"></script> <script type="text/javascript" src="https://bccancerfoundation.com/wp-content/plugins/WPLO-Donate/assets/js/cleave.min.js?ver=38bb4e5e672258a5e234dc4d54b7e555" id="wplodf-cleave-js"></script> <script type="text/javascript" src="https://bccancerfoundation.com/wp-content/plugins/WPLO-Donate/assets/js/readmore.min.js?ver=38bb4e5e672258a5e234dc4d54b7e555" id="wplodf-readmore-js"></script> <link rel="https://api.w.org/" href="https://bccancerfoundation.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://bccancerfoundation.com/wp-json/wp/v2/donations/11417" /><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://bccancerfoundation.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbccancerfoundation.com%2Fdonations%2Fbeyond-belief%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://bccancerfoundation.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbccancerfoundation.com%2Fdonations%2Fbeyond-belief%2F&format=xml" /> <script type="text/javascript"> (function(url){ if(/(?:Chrome\/26\.0\.1410\.63 Safari\/537\.31|WordfenceTestMonBot)/.test(navigator.userAgent)){ return; } var addEvent = function(evt, handler) { if (window.addEventListener) { document.addEventListener(evt, handler, false); } else if (window.attachEvent) { document.attachEvent('on' + evt, handler); } }; var removeEvent = function(evt, handler) { if (window.removeEventListener) { document.removeEventListener(evt, handler, false); } else if (window.detachEvent) { document.detachEvent('on' + evt, handler); } }; var evts = 'contextmenu dblclick drag dragend dragenter dragleave dragover dragstart drop keydown keypress keyup mousedown mousemove mouseout mouseover mouseup mousewheel scroll'.split(' '); var logHuman = function() { if (window.wfLogHumanRan) { return; } window.wfLogHumanRan = true; var wfscr = document.createElement('script'); wfscr.type = 'text/javascript'; wfscr.async = true; wfscr.src = url + '&r=' + Math.random(); (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(wfscr); for (var i = 0; i < evts.length; i++) { removeEvent(evts[i], logHuman); } }; for (var i = 0; i < evts.length; i++) { addEvent(evts[i], logHuman); } })('//bccancerfoundation.com/?wordfence_lh=1&hid=BAB188556F8CEBE16AC2EDE9C71930EE'); </script> <script> var show_load_overlay = 0, overlay_fade_time = 500; </script> <script> var global_asset_url = 'https://bccancerfoundation.com/wp-content/themes/bccf', global_home_url = 'https://bccancerfoundation.com', // Length of time between showing Lightbox cookie, if 0 session cookie lightbox_recurrence = 24; </script>  <script type='text/javascript'> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js?v=next'); </script>  <script type='text/javascript'> var url = window.location.origin + '?ob=open-bridge'; fbq('set', 'openbridge', '479592605717229', url); </script> <script type='text/javascript'>fbq('init', '479592605717229', {}, { "agent": "wordpress-6.7.2-4.1.1" })</script><script type='text/javascript'> fbq('track', 'PageView', []); </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NL6FNT');</script>   <script src="https://sky.blackbaudcdn.net/static/luminate-checkout-loader/1/main.js"></script>  <meta name="google-site-verification" content="uvebiZlgEZAi5Ug9XSkoRRzoOTIM_78iFALm7Gvu7gg" /> <script type="text/javascript"> function ready(fn) { // Sanity check if ( typeof fn !== 'function' ) return; // If document is already loaded, run method if ( document.readyState === 'complete' ) { return fn(); } // Otherwise, wait until document is loaded document.addEventListener( 'DOMContentLoaded', fn, false ); } // Define luminate extend settings for donation pages ready(function() { var varLocale = ''; //Api Common source- if you have source/sub source set, uses that as first priority. If not, fallback tracks pages you've been on using php http referrer for source, and current url for sub source. luminateExtend.init({ apiKey: 'bccf_api', path: { nonsecure: 'http://donate.bccancerfoundation.com/site/', secure: 'https://donate.bccancerfoundation.com/site/' }, apiCommon: { source: ((typeof wploSrc !== 'undefined') ? wploSrc : 'https://bccancerfoundation.com'), subSource: ((typeof wploSubSrc !== 'undefined') ? wploSubSrc : window.location.href.split(/[%,?]+/)[0]) }, locale: varLocale }); }); </script> <link rel="shortcut icon" href="https://res.cloudinary.com/dtpngg2fx/images/f_auto,q_auto/v1/bccancerfoundation.com/wp-content/themes/bccf/dist/images/icons/favicon/favicon.ico?_i=AA" /> <link rel="preload" href="https://bccancerfoundation.com/wp-content/themes/bccf/dist/fonts/MuseoSans-900.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://bccancerfoundation.com/wp-content/themes/bccf/dist/fonts/MuseoSans-500.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://bccancerfoundation.com/wp-content/themes/bccf/dist/fonts/TypefaceSixOT.woff2" as="font" type="font/woff2" crossorigin>   <style>@font-face{font-display:swap;font-family:Typeface Six OT;font-style:normal;font-weight:400;src:url(../fonts/TypefaceSixOT.woff2) format("woff2"),url(../fonts/TypefaceSixOT.woff) format("woff")}@font-face{font-display:swap;font-family:Museo Sans;font-style:normal;font-weight:500;src:url(../fonts/MuseoSans-500.woff2) format("woff2"),url(../fonts/MuseoSans-500.woff) format("woff")}@font-face{font-display:swap;font-family:Museo Sans;font-style:normal;font-weight:900;src:url(../fonts/MuseoSans-900.woff2) format("woff2"),url(../fonts/MuseoSans-900.woff) format("woff")}.fa,.far,.fas{font-family:FontAwesome!important}.fa,.fas{font-weight:400!important}*{background-repeat:no-repeat}.s-buttons{display:flex}.s-buttons .a-button+.a-button{margin-left:.625rem}@media print,screen and (max-width:42.49875em){.s-buttons{flex-wrap:wrap;justify-content:center}.s-buttons .a-button{flex-basis:90%}.s-buttons .a-button+.a-button{margin-left:0;margin-top:.625rem}}.s-panel{padding:3.125rem 0}@media print,screen and (min-width:42.5em){.s-panel{padding:4.375rem 0}}.s-panel.s-panel--important-padding-top{padding-top:3.125rem!important}@media print,screen and (min-width:42.5em){.s-panel.s-panel--important-padding-top{padding-top:4.375rem!important}}.s-panel.s-panel--large{padding:4.375rem 0}@media print,screen and (min-width:42.5em){.s-panel.s-panel--large{padding:5.625rem 0}}.s-panel.s-panel--xlarge{padding:4.375rem 0}@media print,screen and (min-width:42.5em){.s-panel.s-panel--xlarge{padding:5.625rem 0}}@media print,screen and (min-width:64.375em){.s-panel.s-panel--xlarge{padding:6.5625rem 0}}.s-panel.s-panel--small{padding:1.5625rem 0}@media print,screen and (min-width:42.5em){.s-panel.s-panel--small{padding:2.1875rem 0}}.s-panel.s-panel--xsmall{padding:.625rem 0}@media print,screen and (min-width:42.5em){.s-panel.s-panel--xsmall{padding:.9375rem 0}}.s-panel.s-panel--small-padding-top{padding-top:1.5625rem}@media print,screen and (min-width:42.5em){.s-panel.s-panel--small-padding-top{padding-top:2.1875rem}}.s-panel.s-panel--small-padding-bottom{padding-bottom:1.5625rem}@media print,screen and (min-width:42.5em){.s-panel.s-panel--small-padding-bottom{padding-bottom:2.1875rem}}.s-panel.s-panel--xsmall-padding-top{padding-top:.625rem}@media print,screen and (min-width:42.5em){.s-panel.s-panel--xsmall-padding-top{padding-top:.9375rem}}.s-panel.s-panel--large-padding-top{padding-top:4.375rem}@media print,screen and (min-width:42.5em){.s-panel.s-panel--large-padding-top{padding-top:5.625rem}}.s-panel.s-panel--large-padding-bottom{padding-bottom:4.375rem}@media print,screen and (min-width:42.5em){.s-panel.s-panel--large-padding-bottom{padding-bottom:5.625rem}}.s-panel.s-panel--no-padding-top{padding-top:0}.s-panel.s-panel--no-padding-bottom{padding-bottom:0}.s-panel .s-content-block:first-child,.s-panel .s-section-block:first-child{margin-top:0}.s-panel .s-content-block:last-child,.s-panel .s-section-block:last-child{margin-bottom:0}.s-bg-color--cream{background-color:#f9f6f1}.s-bg-color--teal{background-color:#0e9caf;color:#fff}.s-bg-color--teal *{color:#fff}.s-bg-color--beige,.s-bg-theme,.s-bg-theme--beige,.s-bg-theme--cream{background-color:#f9f6f1}.s-bg-theme--light{background-color:transparent}.s-bg-theme--dark{background-color:#333d4f;color:#fff}.s-bg-theme--dark .divider{background-color:#0dbfd5}.s-bg-theme--purple{background-color:#905aa6;color:#fff}.s-bg-theme--teal{background-color:#0e9caf;color:#fff}.s-section-block{margin-bottom:3.125rem;margin-top:3.125rem}@media print,screen and (min-width:42.5em){.s-section-block{margin-bottom:4.375rem;margin-top:4.375rem}}.s-section-block.s-section-block--small{margin-bottom:1.5625rem;margin-top:1.5625rem}@media print,screen and (min-width:42.5em){.s-section-block.s-section-block--small{margin-bottom:3.125rem;margin-top:3.125rem}}.s-section-block .s-content-block:first-child,.s-section-block .s-section-block:first-child,.s-section-block.s-section-block--no-margin-top{margin-top:0}.s-section-block .s-content-block:last-child,.s-section-block .s-section-block:last-child{margin-bottom:0}.s-content-block{margin-bottom:.9375rem;margin-top:.9375rem}@media print,screen and (min-width:42.5em){.s-content-block{margin-bottom:1.5625rem;margin-top:1.5625rem}}.s-content-block.s-content-block--large{margin-bottom:1.5625rem;margin-top:1.5625rem}@media print,screen and (min-width:42.5em){.s-content-block.s-content-block--large{margin-bottom:2.1875rem;margin-top:2.1875rem}}.s-content-block.s-content-block--no-margin-bottom{margin-bottom:0}.s-content-block .s-content-block:first-child,.s-content-block.s-content-block--no-margin-top{margin-top:0}.s-content-block .s-content-block:last-child{margin-bottom:0}.s-content ol ol,.s-content ol ul,.s-content ul ol,.s-content ul ul,.s-wysiwyg ol ol,.s-wysiwyg ol ul,.s-wysiwyg ul ol,.s-wysiwyg ul ul{margin-top:.78125rem}.s-content ol li,.s-content ul li,.s-wysiwyg ol li,.s-wysiwyg ul li{margin-bottom:.78125rem}.s-content ol li:last-child,.s-content ul li:last-child,.s-content>:last-child,.s-wysiwyg ol li:last-child,.s-wysiwyg ul li:last-child,.s-wysiwyg>:last-child{margin-bottom:0}.s-wysiwyg .alignnone{margin:1.5625rem 0}.s-wysiwyg .aligncenter{margin:1.5625rem auto}.s-wysiwyg figure.image{background-color:#f9f6f1;box-shadow:1px 1px 10px 0 rgba(0,0,0,.5);display:table}.s-wysiwyg figure.image img{display:block}.s-wysiwyg figure.image figcaption{background-color:#f9f6f1;box-shadow:1px 1px 10px 0 rgba(0,0,0,.5);caption-side:bottom;display:table-caption;font-size:.8em;padding:.625rem}.s-wysiwyg figure[style*="float: left"],.s-wysiwyg figure[style*="float:left"],.s-wysiwyg img[style*="float:left"]{margin:0 .9375rem .9375rem 0}.s-wysiwyg figure[style*="float: right"],.s-wysiwyg figure[style*="float:right"],.s-wysiwyg img[style*="float:right"]{margin:0 0 .9375rem .9375rem}[data-sm-responsive-background-image]{background-color:#333d4f;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex}[data-sm-responsive-background-image] img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0;transition:opacity .5s ease;width:100%}[data-sm-responsive-background-image].js-loaded img{opacity:1}.s-background-image{display:block}.s-background-image img{bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0}.s-background-image--left-top img{-o-object-position:25% 25%;object-position:25% 25%}.s-background-image--center-top img{-o-object-position:50% 25%;object-position:50% 25%}.s-background-image--right-top img{-o-object-position:75% 25%;object-position:75% 25%}.s-background-image--left-center img{-o-object-position:25% 50%;object-position:25% 50%}.s-background-image--center-center img{-o-object-position:50% 50%;object-position:50% 50%}.s-background-image--right-center img{-o-object-position:75% 50%;object-position:75% 50%}.s-background-image--left-bottom img{-o-object-position:25% 75%;object-position:25% 75%}.s-background-image--center-bottom img{-o-object-position:50% 75%;object-position:50% 75%}.s-background-image--right-bottom img{-o-object-position:75% 75%;object-position:75% 75%}.video-wrapper{position:relative}.video-wrapper:before{content:"";display:block;padding-top:56.25%;width:100%}.video-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%} /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}.a-h1,h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}[data-whatinput=mouse] *,[data-whatinput=mouse] :focus,[data-whatinput=touch] *,[data-whatinput=touch] :focus,[data-whatintent=mouse] *,[data-whatintent=mouse] :focus,[data-whatintent=touch] *,[data-whatintent=touch] :focus{outline:none}[draggable=false]{-webkit-touch-callout:none;-webkit-user-select:none}.foundation-mq{font-family:"small=0em&medium=42.5em&large=64.375em&xlarge=75em&xxlarge=90em"}html{box-sizing:border-box;font-size:16px}*,:after,:before{box-sizing:inherit}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#333d4f;font-family:Museo Sans,Arial,sans-serif;font-weight:500;line-height:1.6666666667;margin:0;padding:0}img{-ms-interpolation-mode:bicubic;display:inline-block;height:auto;max-width:100%;vertical-align:middle}textarea{border-radius:0;height:auto;min-height:50px}select{border-radius:0;box-sizing:border-box;width:100%}.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:0;cursor:auto;line-height:1;padding:0}[data-whatinput=mouse] button{outline:0}pre{-webkit-overflow-scrolling:touch;overflow:auto}button,input,optgroup,select,textarea{font-family:inherit}.is-visible{display:block!important}.is-hidden{display:none!important}.grid-container{margin-left:auto;margin-right:auto;max-width:95rem;padding-left:.9375rem;padding-right:.9375rem}@media print,screen and (min-width:42.5em){.grid-container{padding-left:.9375rem;padding-right:.9375rem}}@media print,screen and (min-width:64.375em){.grid-container{padding-left:.9375rem;padding-right:.9375rem}}@media screen and (min-width:75em){.grid-container{padding-left:1.25rem;padding-right:1.25rem}}@media screen and (min-width:90em){.grid-container{padding-left:1.5625rem;padding-right:1.5625rem}}.grid-container.fluid{margin-left:auto;margin-right:auto;max-width:100%;padding-left:.9375rem;padding-right:.9375rem}@media print,screen and (min-width:42.5em){.grid-container.fluid{padding-left:.9375rem;padding-right:.9375rem}}@media print,screen and (min-width:64.375em){.grid-container.fluid{padding-left:.9375rem;padding-right:.9375rem}}@media screen and (min-width:75em){.grid-container.fluid{padding-left:1.25rem;padding-right:1.25rem}}@media screen and (min-width:90em){.grid-container.fluid{padding-left:1.5625rem;padding-right:1.5625rem}}.grid-container.full{margin-left:auto;margin-right:auto;max-width:100%;padding-left:0;padding-right:0}.grid-x{display:flex;flex-flow:row wrap}.cell{flex:0 0 auto;min-height:0;min-width:0;width:100%}.cell.auto{flex:1 1 0}.cell.shrink{flex:0 0 auto}.grid-x>.auto,.grid-x>.shrink{width:auto}.grid-x>.small-1,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9,.grid-x>.small-full,.grid-x>.small-shrink{flex-basis:auto}@media print,screen and (min-width:42.5em){.grid-x>.medium-1,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-full,.grid-x>.medium-shrink{flex-basis:auto}}@media print,screen and (min-width:64.375em){.grid-x>.large-1,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-full,.grid-x>.large-shrink{flex-basis:auto}}@media screen and (min-width:75em){.grid-x>.xlarge-1,.grid-x>.xlarge-10,.grid-x>.xlarge-11,.grid-x>.xlarge-12,.grid-x>.xlarge-2,.grid-x>.xlarge-3,.grid-x>.xlarge-4,.grid-x>.xlarge-5,.grid-x>.xlarge-6,.grid-x>.xlarge-7,.grid-x>.xlarge-8,.grid-x>.xlarge-9,.grid-x>.xlarge-full,.grid-x>.xlarge-shrink{flex-basis:auto}}@media screen and (min-width:90em){.grid-x>.xxlarge-1,.grid-x>.xxlarge-10,.grid-x>.xxlarge-11,.grid-x>.xxlarge-12,.grid-x>.xxlarge-2,.grid-x>.xxlarge-3,.grid-x>.xxlarge-4,.grid-x>.xxlarge-5,.grid-x>.xxlarge-6,.grid-x>.xxlarge-7,.grid-x>.xxlarge-8,.grid-x>.xxlarge-9,.grid-x>.xxlarge-full,.grid-x>.xxlarge-shrink{flex-basis:auto}}.grid-x>.small-1,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9{flex:0 0 auto}.grid-x>.small-1{width:8.3333333333%}.grid-x>.small-2{width:16.6666666667%}.grid-x>.small-3{width:25%}.grid-x>.small-4{width:33.3333333333%}.grid-x>.small-5{width:41.6666666667%}.grid-x>.small-6{width:50%}.grid-x>.small-7{width:58.3333333333%}.grid-x>.small-8{width:66.6666666667%}.grid-x>.small-9{width:75%}.grid-x>.small-10{width:83.3333333333%}.grid-x>.small-11{width:91.6666666667%}.grid-x>.small-12{width:100%}@media print,screen and (min-width:42.5em){.grid-x>.medium-auto{flex:1 1 0;width:auto}.grid-x>.medium-1,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-shrink{flex:0 0 auto}.grid-x>.medium-shrink{width:auto}.grid-x>.medium-1{width:8.3333333333%}.grid-x>.medium-2{width:16.6666666667%}.grid-x>.medium-3{width:25%}.grid-x>.medium-4{width:33.3333333333%}.grid-x>.medium-5{width:41.6666666667%}.grid-x>.medium-6{width:50%}.grid-x>.medium-7{width:58.3333333333%}.grid-x>.medium-8{width:66.6666666667%}.grid-x>.medium-9{width:75%}.grid-x>.medium-10{width:83.3333333333%}.grid-x>.medium-11{width:91.6666666667%}.grid-x>.medium-12{width:100%}}@media print,screen and (min-width:64.375em){.grid-x>.large-auto{flex:1 1 0;width:auto}.grid-x>.large-1,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-shrink{flex:0 0 auto}.grid-x>.large-shrink{width:auto}.grid-x>.large-1{width:8.3333333333%}.grid-x>.large-2{width:16.6666666667%}.grid-x>.large-3{width:25%}.grid-x>.large-4{width:33.3333333333%}.grid-x>.large-5{width:41.6666666667%}.grid-x>.large-6{width:50%}.grid-x>.large-7{width:58.3333333333%}.grid-x>.large-8{width:66.6666666667%}.grid-x>.large-9{width:75%}.grid-x>.large-10{width:83.3333333333%}.grid-x>.large-11{width:91.6666666667%}.grid-x>.large-12{width:100%}}@media screen and (min-width:75em){.grid-x>.xlarge-auto{flex:1 1 0;width:auto}.grid-x>.xlarge-1,.grid-x>.xlarge-10,.grid-x>.xlarge-11,.grid-x>.xlarge-12,.grid-x>.xlarge-2,.grid-x>.xlarge-3,.grid-x>.xlarge-4,.grid-x>.xlarge-5,.grid-x>.xlarge-6,.grid-x>.xlarge-7,.grid-x>.xlarge-8,.grid-x>.xlarge-9,.grid-x>.xlarge-shrink{flex:0 0 auto}.grid-x>.xlarge-shrink{width:auto}.grid-x>.xlarge-1{width:8.3333333333%}.grid-x>.xlarge-2{width:16.6666666667%}.grid-x>.xlarge-3{width:25%}.grid-x>.xlarge-4{width:33.3333333333%}.grid-x>.xlarge-5{width:41.6666666667%}.grid-x>.xlarge-6{width:50%}.grid-x>.xlarge-7{width:58.3333333333%}.grid-x>.xlarge-8{width:66.6666666667%}.grid-x>.xlarge-9{width:75%}.grid-x>.xlarge-10{width:83.3333333333%}.grid-x>.xlarge-11{width:91.6666666667%}.grid-x>.xlarge-12{width:100%}}@media screen and (min-width:90em){.grid-x>.xxlarge-auto{flex:1 1 0;width:auto}.grid-x>.xxlarge-1,.grid-x>.xxlarge-10,.grid-x>.xxlarge-11,.grid-x>.xxlarge-12,.grid-x>.xxlarge-2,.grid-x>.xxlarge-3,.grid-x>.xxlarge-4,.grid-x>.xxlarge-5,.grid-x>.xxlarge-6,.grid-x>.xxlarge-7,.grid-x>.xxlarge-8,.grid-x>.xxlarge-9,.grid-x>.xxlarge-shrink{flex:0 0 auto}.grid-x>.xxlarge-shrink{width:auto}.grid-x>.xxlarge-1{width:8.3333333333%}.grid-x>.xxlarge-2{width:16.6666666667%}.grid-x>.xxlarge-3{width:25%}.grid-x>.xxlarge-4{width:33.3333333333%}.grid-x>.xxlarge-5{width:41.6666666667%}.grid-x>.xxlarge-6{width:50%}.grid-x>.xxlarge-7{width:58.3333333333%}.grid-x>.xxlarge-8{width:66.6666666667%}.grid-x>.xxlarge-9{width:75%}.grid-x>.xxlarge-10{width:83.3333333333%}.grid-x>.xxlarge-11{width:91.6666666667%}.grid-x>.xxlarge-12{width:100%}}.grid-margin-x:not(.grid-x)>.cell{width:auto}.grid-margin-y:not(.grid-y)>.cell{height:auto}.grid-margin-x{margin-left:-.9375rem;margin-right:-.9375rem}@media print,screen and (min-width:42.5em){.grid-margin-x{margin-left:-.9375rem;margin-right:-.9375rem}}@media print,screen and (min-width:64.375em){.grid-margin-x{margin-left:-.9375rem;margin-right:-.9375rem}}@media screen and (min-width:75em){.grid-margin-x{margin-left:-1.25rem;margin-right:-1.25rem}}@media screen and (min-width:90em){.grid-margin-x{margin-left:-1.5625rem;margin-right:-1.5625rem}}.grid-margin-x>.cell{margin-left:.9375rem;margin-right:.9375rem;width:calc(100% - 1.875rem)}@media print,screen and (min-width:42.5em){.grid-margin-x>.cell{margin-left:.9375rem;margin-right:.9375rem;width:calc(100% - 1.875rem)}}@media print,screen and (min-width:64.375em){.grid-margin-x>.cell{margin-left:.9375rem;margin-right:.9375rem;width:calc(100% - 1.875rem)}}@media screen and (min-width:75em){.grid-margin-x>.cell{margin-left:1.25rem;margin-right:1.25rem;width:calc(100% - 2.5rem)}}@media screen and (min-width:90em){.grid-margin-x>.cell{margin-left:1.5625rem;margin-right:1.5625rem;width:calc(100% - 3.125rem)}}.grid-margin-x>.auto,.grid-margin-x>.shrink{width:auto}.grid-margin-x>.small-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.small-2{width:calc(16.66667% - 1.875rem)}.grid-margin-x>.small-3{width:calc(25% - 1.875rem)}.grid-margin-x>.small-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.small-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.small-6{width:calc(50% - 1.875rem)}.grid-margin-x>.small-7{width:calc(58.33333% - 1.875rem)}.grid-margin-x>.small-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.small-9{width:calc(75% - 1.875rem)}.grid-margin-x>.small-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.small-11{width:calc(91.66667% - 1.875rem)}.grid-margin-x>.small-12{width:calc(100% - 1.875rem)}@media print,screen and (min-width:42.5em){.grid-margin-x>.auto,.grid-margin-x>.shrink{width:auto}.grid-margin-x>.small-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.small-2{width:calc(16.66667% - 1.875rem)}.grid-margin-x>.small-3{width:calc(25% - 1.875rem)}.grid-margin-x>.small-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.small-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.small-6{width:calc(50% - 1.875rem)}.grid-margin-x>.small-7{width:calc(58.33333% - 1.875rem)}.grid-margin-x>.small-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.small-9{width:calc(75% - 1.875rem)}.grid-margin-x>.small-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.small-11{width:calc(91.66667% - 1.875rem)}.grid-margin-x>.small-12{width:calc(100% - 1.875rem)}.grid-margin-x>.medium-auto,.grid-margin-x>.medium-shrink{width:auto}.grid-margin-x>.medium-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.medium-2{width:calc(16.66667% - 1.875rem)}.grid-margin-x>.medium-3{width:calc(25% - 1.875rem)}.grid-margin-x>.medium-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.medium-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.medium-6{width:calc(50% - 1.875rem)}.grid-margin-x>.medium-7{width:calc(58.33333% - 1.875rem)}.grid-margin-x>.medium-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.medium-9{width:calc(75% - 1.875rem)}.grid-margin-x>.medium-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.medium-11{width:calc(91.66667% - 1.875rem)}.grid-margin-x>.medium-12{width:calc(100% - 1.875rem)}}@media print,screen and (min-width:64.375em){.grid-margin-x>.auto,.grid-margin-x>.shrink{width:auto}.grid-margin-x>.small-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.small-2{width:calc(16.66667% - 1.875rem)}.grid-margin-x>.small-3{width:calc(25% - 1.875rem)}.grid-margin-x>.small-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.small-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.small-6{width:calc(50% - 1.875rem)}.grid-margin-x>.small-7{width:calc(58.33333% - 1.875rem)}.grid-margin-x>.small-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.small-9{width:calc(75% - 1.875rem)}.grid-margin-x>.small-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.small-11{width:calc(91.66667% - 1.875rem)}.grid-margin-x>.small-12{width:calc(100% - 1.875rem)}.grid-margin-x>.medium-auto,.grid-margin-x>.medium-shrink{width:auto}.grid-margin-x>.medium-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.medium-2{width:calc(16.66667% - 1.875rem)}.grid-margin-x>.medium-3{width:calc(25% - 1.875rem)}.grid-margin-x>.medium-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.medium-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.medium-6{width:calc(50% - 1.875rem)}.grid-margin-x>.medium-7{width:calc(58.33333% - 1.875rem)}.grid-margin-x>.medium-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.medium-9{width:calc(75% - 1.875rem)}.grid-margin-x>.medium-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.medium-11{width:calc(91.66667% - 1.875rem)}.grid-margin-x>.medium-12{width:calc(100% - 1.875rem)}.grid-margin-x>.large-auto,.grid-margin-x>.large-shrink{width:auto}.grid-margin-x>.large-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.large-2{width:calc(16.66667% - 1.875rem)}.grid-margin-x>.large-3{width:calc(25% - 1.875rem)}.grid-margin-x>.large-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.large-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.large-6{width:calc(50% - 1.875rem)}.grid-margin-x>.large-7{width:calc(58.33333% - 1.875rem)}.grid-margin-x>.large-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.large-9{width:calc(75% - 1.875rem)}.grid-margin-x>.large-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.large-11{width:calc(91.66667% - 1.875rem)}.grid-margin-x>.large-12{width:calc(100% - 1.875rem)}}@media screen and (min-width:75em){.grid-margin-x>.auto,.grid-margin-x>.shrink{width:auto}.grid-margin-x>.small-1{width:calc(8.33333% - 2.5rem)}.grid-margin-x>.small-2{width:calc(16.66667% - 2.5rem)}.grid-margin-x>.small-3{width:calc(25% - 2.5rem)}.grid-margin-x>.small-4{width:calc(33.33333% - 2.5rem)}.grid-margin-x>.small-5{width:calc(41.66667% - 2.5rem)}.grid-margin-x>.small-6{width:calc(50% - 2.5rem)}.grid-margin-x>.small-7{width:calc(58.33333% - 2.5rem)}.grid-margin-x>.small-8{width:calc(66.66667% - 2.5rem)}.grid-margin-x>.small-9{width:calc(75% - 2.5rem)}.grid-margin-x>.small-10{width:calc(83.33333% - 2.5rem)}.grid-margin-x>.small-11{width:calc(91.66667% - 2.5rem)}.grid-margin-x>.small-12{width:calc(100% - 2.5rem)}.grid-margin-x>.medium-auto,.grid-margin-x>.medium-shrink{width:auto}.grid-margin-x>.medium-1{width:calc(8.33333% - 2.5rem)}.grid-margin-x>.medium-2{width:calc(16.66667% - 2.5rem)}.grid-margin-x>.medium-3{width:calc(25% - 2.5rem)}.grid-margin-x>.medium-4{width:calc(33.33333% - 2.5rem)}.grid-margin-x>.medium-5{width:calc(41.66667% - 2.5rem)}.grid-margin-x>.medium-6{width:calc(50% - 2.5rem)}.grid-margin-x>.medium-7{width:calc(58.33333% - 2.5rem)}.grid-margin-x>.medium-8{width:calc(66.66667% - 2.5rem)}.grid-margin-x>.medium-9{width:calc(75% - 2.5rem)}.grid-margin-x>.medium-10{width:calc(83.33333% - 2.5rem)}.grid-margin-x>.medium-11{width:calc(91.66667% - 2.5rem)}.grid-margin-x>.medium-12{width:calc(100% - 2.5rem)}.grid-margin-x>.large-auto,.grid-margin-x>.large-shrink{width:auto}.grid-margin-x>.large-1{width:calc(8.33333% - 2.5rem)}.grid-margin-x>.large-2{width:calc(16.66667% - 2.5rem)}.grid-margin-x>.large-3{width:calc(25% - 2.5rem)}.grid-margin-x>.large-4{width:calc(33.33333% - 2.5rem)}.grid-margin-x>.large-5{width:calc(41.66667% - 2.5rem)}.grid-margin-x>.large-6{width:calc(50% - 2.5rem)}.grid-margin-x>.large-7{width:calc(58.33333% - 2.5rem)}.grid-margin-x>.large-8{width:calc(66.66667% - 2.5rem)}.grid-margin-x>.large-9{width:calc(75% - 2.5rem)}.grid-margin-x>.large-10{width:calc(83.33333% - 2.5rem)}.grid-margin-x>.large-11{width:calc(91.66667% - 2.5rem)}.grid-margin-x>.large-12{width:calc(100% - 2.5rem)}.grid-margin-x>.xlarge-auto,.grid-margin-x>.xlarge-shrink{width:auto}.grid-margin-x>.xlarge-1{width:calc(8.33333% - 2.5rem)}.grid-margin-x>.xlarge-2{width:calc(16.66667% - 2.5rem)}.grid-margin-x>.xlarge-3{width:calc(25% - 2.5rem)}.grid-margin-x>.xlarge-4{width:calc(33.33333% - 2.5rem)}.grid-margin-x>.xlarge-5{width:calc(41.66667% - 2.5rem)}.grid-margin-x>.xlarge-6{width:calc(50% - 2.5rem)}.grid-margin-x>.xlarge-7{width:calc(58.33333% - 2.5rem)}.grid-margin-x>.xlarge-8{width:calc(66.66667% - 2.5rem)}.grid-margin-x>.xlarge-9{width:calc(75% - 2.5rem)}.grid-margin-x>.xlarge-10{width:calc(83.33333% - 2.5rem)}.grid-margin-x>.xlarge-11{width:calc(91.66667% - 2.5rem)}.grid-margin-x>.xlarge-12{width:calc(100% - 2.5rem)}}@media screen and (min-width:90em){.grid-margin-x>.auto,.grid-margin-x>.shrink{width:auto}.grid-margin-x>.small-1{width:calc(8.33333% - 3.125rem)}.grid-margin-x>.small-2{width:calc(16.66667% - 3.125rem)}.grid-margin-x>.small-3{width:calc(25% - 3.125rem)}.grid-margin-x>.small-4{width:calc(33.33333% - 3.125rem)}.grid-margin-x>.small-5{width:calc(41.66667% - 3.125rem)}.grid-margin-x>.small-6{width:calc(50% - 3.125rem)}.grid-margin-x>.small-7{width:calc(58.33333% - 3.125rem)}.grid-margin-x>.small-8{width:calc(66.66667% - 3.125rem)}.grid-margin-x>.small-9{width:calc(75% - 3.125rem)}.grid-margin-x>.small-10{width:calc(83.33333% - 3.125rem)}.grid-margin-x>.small-11{width:calc(91.66667% - 3.125rem)}.grid-margin-x>.small-12{width:calc(100% - 3.125rem)}.grid-margin-x>.medium-auto,.grid-margin-x>.medium-shrink{width:auto}.grid-margin-x>.medium-1{width:calc(8.33333% - 3.125rem)}.grid-margin-x>.medium-2{width:calc(16.66667% - 3.125rem)}.grid-margin-x>.medium-3{width:calc(25% - 3.125rem)}.grid-margin-x>.medium-4{width:calc(33.33333% - 3.125rem)}.grid-margin-x>.medium-5{width:calc(41.66667% - 3.125rem)}.grid-margin-x>.medium-6{width:calc(50% - 3.125rem)}.grid-margin-x>.medium-7{width:calc(58.33333% - 3.125rem)}.grid-margin-x>.medium-8{width:calc(66.66667% - 3.125rem)}.grid-margin-x>.medium-9{width:calc(75% - 3.125rem)}.grid-margin-x>.medium-10{width:calc(83.33333% - 3.125rem)}.grid-margin-x>.medium-11{width:calc(91.66667% - 3.125rem)}.grid-margin-x>.medium-12{width:calc(100% - 3.125rem)}.grid-margin-x>.large-auto,.grid-margin-x>.large-shrink{width:auto}.grid-margin-x>.large-1{width:calc(8.33333% - 3.125rem)}.grid-margin-x>.large-2{width:calc(16.66667% - 3.125rem)}.grid-margin-x>.large-3{width:calc(25% - 3.125rem)}.grid-margin-x>.large-4{width:calc(33.33333% - 3.125rem)}.grid-margin-x>.large-5{width:calc(41.66667% - 3.125rem)}.grid-margin-x>.large-6{width:calc(50% - 3.125rem)}.grid-margin-x>.large-7{width:calc(58.33333% - 3.125rem)}.grid-margin-x>.large-8{width:calc(66.66667% - 3.125rem)}.grid-margin-x>.large-9{width:calc(75% - 3.125rem)}.grid-margin-x>.large-10{width:calc(83.33333% - 3.125rem)}.grid-margin-x>.large-11{width:calc(91.66667% - 3.125rem)}.grid-margin-x>.large-12{width:calc(100% - 3.125rem)}.grid-margin-x>.xlarge-auto,.grid-margin-x>.xlarge-shrink{width:auto}.grid-margin-x>.xlarge-1{width:calc(8.33333% - 3.125rem)}.grid-margin-x>.xlarge-2{width:calc(16.66667% - 3.125rem)}.grid-margin-x>.xlarge-3{width:calc(25% - 3.125rem)}.grid-margin-x>.xlarge-4{width:calc(33.33333% - 3.125rem)}.grid-margin-x>.xlarge-5{width:calc(41.66667% - 3.125rem)}.grid-margin-x>.xlarge-6{width:calc(50% - 3.125rem)}.grid-margin-x>.xlarge-7{width:calc(58.33333% - 3.125rem)}.grid-margin-x>.xlarge-8{width:calc(66.66667% - 3.125rem)}.grid-margin-x>.xlarge-9{width:calc(75% - 3.125rem)}.grid-margin-x>.xlarge-10{width:calc(83.33333% - 3.125rem)}.grid-margin-x>.xlarge-11{width:calc(91.66667% - 3.125rem)}.grid-margin-x>.xlarge-12{width:calc(100% - 3.125rem)}.grid-margin-x>.xxlarge-auto,.grid-margin-x>.xxlarge-shrink{width:auto}.grid-margin-x>.xxlarge-1{width:calc(8.33333% - 3.125rem)}.grid-margin-x>.xxlarge-2{width:calc(16.66667% - 3.125rem)}.grid-margin-x>.xxlarge-3{width:calc(25% - 3.125rem)}.grid-margin-x>.xxlarge-4{width:calc(33.33333% - 3.125rem)}.grid-margin-x>.xxlarge-5{width:calc(41.66667% - 3.125rem)}.grid-margin-x>.xxlarge-6{width:calc(50% - 3.125rem)}.grid-margin-x>.xxlarge-7{width:calc(58.33333% - 3.125rem)}.grid-margin-x>.xxlarge-8{width:calc(66.66667% - 3.125rem)}.grid-margin-x>.xxlarge-9{width:calc(75% - 3.125rem)}.grid-margin-x>.xxlarge-10{width:calc(83.33333% - 3.125rem)}.grid-margin-x>.xxlarge-11{width:calc(91.66667% - 3.125rem)}.grid-margin-x>.xxlarge-12{width:calc(100% - 3.125rem)}}.grid-padding-x .grid-padding-x{margin-left:-.9375rem;margin-right:-.9375rem}@media print,screen and (min-width:42.5em){.grid-padding-x .grid-padding-x{margin-left:-.9375rem;margin-right:-.9375rem}}@media print,screen and (min-width:64.375em){.grid-padding-x .grid-padding-x{margin-left:-.9375rem;margin-right:-.9375rem}}@media screen and (min-width:75em){.grid-padding-x .grid-padding-x{margin-left:-1.25rem;margin-right:-1.25rem}}@media screen and (min-width:90em){.grid-padding-x .grid-padding-x{margin-left:-1.5625rem;margin-right:-1.5625rem}}.grid-container:not(.full)>.grid-padding-x{margin-left:-.9375rem;margin-right:-.9375rem}@media print,screen and (min-width:42.5em){.grid-container:not(.full)>.grid-padding-x{margin-left:-.9375rem;margin-right:-.9375rem}}@media print,screen and (min-width:64.375em){.grid-container:not(.full)>.grid-padding-x{margin-left:-.9375rem;margin-right:-.9375rem}}@media screen and (min-width:75em){.grid-container:not(.full)>.grid-padding-x{margin-left:-1.25rem;margin-right:-1.25rem}}@media screen and (min-width:90em){.grid-container:not(.full)>.grid-padding-x{margin-left:-1.5625rem;margin-right:-1.5625rem}}.grid-padding-x>.cell{padding-left:.9375rem;padding-right:.9375rem}@media print,screen and (min-width:42.5em){.grid-padding-x>.cell{padding-left:.9375rem;padding-right:.9375rem}}@media print,screen and (min-width:64.375em){.grid-padding-x>.cell{padding-left:.9375rem;padding-right:.9375rem}}@media screen and (min-width:75em){.grid-padding-x>.cell{padding-left:1.25rem;padding-right:1.25rem}}@media screen and (min-width:90em){.grid-padding-x>.cell{padding-left:1.5625rem;padding-right:1.5625rem}}.small-up-1>.cell{width:100%}.small-up-2>.cell{width:50%}.small-up-3>.cell{width:33.3333333333%}.small-up-4>.cell{width:25%}.small-up-5>.cell{width:20%}.small-up-6>.cell{width:16.6666666667%}.small-up-7>.cell{width:14.2857142857%}.small-up-8>.cell{width:12.5%}@media print,screen and (min-width:42.5em){.medium-up-1>.cell{width:100%}.medium-up-2>.cell{width:50%}.medium-up-3>.cell{width:33.3333333333%}.medium-up-4>.cell{width:25%}.medium-up-5>.cell{width:20%}.medium-up-6>.cell{width:16.6666666667%}.medium-up-7>.cell{width:14.2857142857%}.medium-up-8>.cell{width:12.5%}}@media print,screen and (min-width:64.375em){.large-up-1>.cell{width:100%}.large-up-2>.cell{width:50%}.large-up-3>.cell{width:33.3333333333%}.large-up-4>.cell{width:25%}.large-up-5>.cell{width:20%}.large-up-6>.cell{width:16.6666666667%}.large-up-7>.cell{width:14.2857142857%}.large-up-8>.cell{width:12.5%}}@media screen and (min-width:75em){.xlarge-up-1>.cell{width:100%}.xlarge-up-2>.cell{width:50%}.xlarge-up-3>.cell{width:33.3333333333%}.xlarge-up-4>.cell{width:25%}.xlarge-up-5>.cell{width:20%}.xlarge-up-6>.cell{width:16.6666666667%}.xlarge-up-7>.cell{width:14.2857142857%}.xlarge-up-8>.cell{width:12.5%}}@media screen and (min-width:90em){.xxlarge-up-1>.cell{width:100%}.xxlarge-up-2>.cell{width:50%}.xxlarge-up-3>.cell{width:33.3333333333%}.xxlarge-up-4>.cell{width:25%}.xxlarge-up-5>.cell{width:20%}.xxlarge-up-6>.cell{width:16.6666666667%}.xxlarge-up-7>.cell{width:14.2857142857%}.xxlarge-up-8>.cell{width:12.5%}}.grid-margin-x.small-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.small-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.small-up-3>.cell{width:calc(33.33333% - 1.875rem)}.grid-margin-x.small-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.small-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.small-up-6>.cell{width:calc(16.66667% - 1.875rem)}.grid-margin-x.small-up-7>.cell{width:calc(14.28571% - 1.875rem)}.grid-margin-x.small-up-8>.cell{width:calc(12.5% - 1.875rem)}@media print,screen and (min-width:42.5em){.grid-margin-x.small-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.small-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.small-up-3>.cell{width:calc(33.33333% - 1.875rem)}.grid-margin-x.small-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.small-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.small-up-6>.cell{width:calc(16.66667% - 1.875rem)}.grid-margin-x.small-up-7>.cell{width:calc(14.28571% - 1.875rem)}.grid-margin-x.small-up-8>.cell{width:calc(12.5% - 1.875rem)}.grid-margin-x.medium-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.medium-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.medium-up-3>.cell{width:calc(33.33333% - 1.875rem)}.grid-margin-x.medium-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.medium-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.medium-up-6>.cell{width:calc(16.66667% - 1.875rem)}.grid-margin-x.medium-up-7>.cell{width:calc(14.28571% - 1.875rem)}.grid-margin-x.medium-up-8>.cell{width:calc(12.5% - 1.875rem)}}@media print,screen and (min-width:64.375em){.grid-margin-x.medium-up-1>.cell,.grid-margin-x.small-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.medium-up-2>.cell,.grid-margin-x.small-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.medium-up-3>.cell,.grid-margin-x.small-up-3>.cell{width:calc(33.33333% - 1.875rem)}.grid-margin-x.medium-up-4>.cell,.grid-margin-x.small-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.medium-up-5>.cell,.grid-margin-x.small-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.medium-up-6>.cell,.grid-margin-x.small-up-6>.cell{width:calc(16.66667% - 1.875rem)}.grid-margin-x.medium-up-7>.cell,.grid-margin-x.small-up-7>.cell{width:calc(14.28571% - 1.875rem)}.grid-margin-x.medium-up-8>.cell,.grid-margin-x.small-up-8>.cell{width:calc(12.5% - 1.875rem)}.grid-margin-x.large-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.large-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.large-up-3>.cell{width:calc(33.33333% - 1.875rem)}.grid-margin-x.large-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.large-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.large-up-6>.cell{width:calc(16.66667% - 1.875rem)}.grid-margin-x.large-up-7>.cell{width:calc(14.28571% - 1.875rem)}.grid-margin-x.large-up-8>.cell{width:calc(12.5% - 1.875rem)}}@media screen and (min-width:75em){.grid-margin-x.large-up-1>.cell,.grid-margin-x.medium-up-1>.cell,.grid-margin-x.small-up-1>.cell{width:calc(100% - 2.5rem)}.grid-margin-x.large-up-2>.cell,.grid-margin-x.medium-up-2>.cell,.grid-margin-x.small-up-2>.cell{width:calc(50% - 2.5rem)}.grid-margin-x.large-up-3>.cell,.grid-margin-x.medium-up-3>.cell,.grid-margin-x.small-up-3>.cell{width:calc(33.33333% - 2.5rem)}.grid-margin-x.large-up-4>.cell,.grid-margin-x.medium-up-4>.cell,.grid-margin-x.small-up-4>.cell{width:calc(25% - 2.5rem)}.grid-margin-x.large-up-5>.cell,.grid-margin-x.medium-up-5>.cell,.grid-margin-x.small-up-5>.cell{width:calc(20% - 2.5rem)}.grid-margin-x.large-up-6>.cell,.grid-margin-x.medium-up-6>.cell,.grid-margin-x.small-up-6>.cell{width:calc(16.66667% - 2.5rem)}.grid-margin-x.large-up-7>.cell,.grid-margin-x.medium-up-7>.cell,.grid-margin-x.small-up-7>.cell{width:calc(14.28571% - 2.5rem)}.grid-margin-x.large-up-8>.cell,.grid-margin-x.medium-up-8>.cell,.grid-margin-x.small-up-8>.cell{width:calc(12.5% - 2.5rem)}.grid-margin-x.xlarge-up-1>.cell{width:calc(100% - 2.5rem)}.grid-margin-x.xlarge-up-2>.cell{width:calc(50% - 2.5rem)}.grid-margin-x.xlarge-up-3>.cell{width:calc(33.33333% - 2.5rem)}.grid-margin-x.xlarge-up-4>.cell{width:calc(25% - 2.5rem)}.grid-margin-x.xlarge-up-5>.cell{width:calc(20% - 2.5rem)}.grid-margin-x.xlarge-up-6>.cell{width:calc(16.66667% - 2.5rem)}.grid-margin-x.xlarge-up-7>.cell{width:calc(14.28571% - 2.5rem)}.grid-margin-x.xlarge-up-8>.cell{width:calc(12.5% - 2.5rem)}}@media screen and (min-width:90em){.grid-margin-x.large-up-1>.cell,.grid-margin-x.medium-up-1>.cell,.grid-margin-x.small-up-1>.cell,.grid-margin-x.xlarge-up-1>.cell{width:calc(100% - 3.125rem)}.grid-margin-x.large-up-2>.cell,.grid-margin-x.medium-up-2>.cell,.grid-margin-x.small-up-2>.cell,.grid-margin-x.xlarge-up-2>.cell{width:calc(50% - 3.125rem)}.grid-margin-x.large-up-3>.cell,.grid-margin-x.medium-up-3>.cell,.grid-margin-x.small-up-3>.cell,.grid-margin-x.xlarge-up-3>.cell{width:calc(33.33333% - 3.125rem)}.grid-margin-x.large-up-4>.cell,.grid-margin-x.medium-up-4>.cell,.grid-margin-x.small-up-4>.cell,.grid-margin-x.xlarge-up-4>.cell{width:calc(25% - 3.125rem)}.grid-margin-x.large-up-5>.cell,.grid-margin-x.medium-up-5>.cell,.grid-margin-x.small-up-5>.cell,.grid-margin-x.xlarge-up-5>.cell{width:calc(20% - 3.125rem)}.grid-margin-x.large-up-6>.cell,.grid-margin-x.medium-up-6>.cell,.grid-margin-x.small-up-6>.cell,.grid-margin-x.xlarge-up-6>.cell{width:calc(16.66667% - 3.125rem)}.grid-margin-x.large-up-7>.cell,.grid-margin-x.medium-up-7>.cell,.grid-margin-x.small-up-7>.cell,.grid-margin-x.xlarge-up-7>.cell{width:calc(14.28571% - 3.125rem)}.grid-margin-x.large-up-8>.cell,.grid-margin-x.medium-up-8>.cell,.grid-margin-x.small-up-8>.cell,.grid-margin-x.xlarge-up-8>.cell{width:calc(12.5% - 3.125rem)}.grid-margin-x.xxlarge-up-1>.cell{width:calc(100% - 3.125rem)}.grid-margin-x.xxlarge-up-2>.cell{width:calc(50% - 3.125rem)}.grid-margin-x.xxlarge-up-3>.cell{width:calc(33.33333% - 3.125rem)}.grid-margin-x.xxlarge-up-4>.cell{width:calc(25% - 3.125rem)}.grid-margin-x.xxlarge-up-5>.cell{width:calc(20% - 3.125rem)}.grid-margin-x.xxlarge-up-6>.cell{width:calc(16.66667% - 3.125rem)}.grid-margin-x.xxlarge-up-7>.cell{width:calc(14.28571% - 3.125rem)}.grid-margin-x.xxlarge-up-8>.cell{width:calc(12.5% - 3.125rem)}}.small-margin-collapse,.small-margin-collapse>.cell{margin-left:0;margin-right:0}.small-margin-collapse>.small-1{width:8.3333333333%}.small-margin-collapse>.small-2{width:16.6666666667%}.small-margin-collapse>.small-3{width:25%}.small-margin-collapse>.small-4{width:33.3333333333%}.small-margin-collapse>.small-5{width:41.6666666667%}.small-margin-collapse>.small-6{width:50%}.small-margin-collapse>.small-7{width:58.3333333333%}.small-margin-collapse>.small-8{width:66.6666666667%}.small-margin-collapse>.small-9{width:75%}.small-margin-collapse>.small-10{width:83.3333333333%}.small-margin-collapse>.small-11{width:91.6666666667%}.small-margin-collapse>.small-12{width:100%}@media print,screen and (min-width:42.5em){.small-margin-collapse>.medium-1{width:8.3333333333%}.small-margin-collapse>.medium-2{width:16.6666666667%}.small-margin-collapse>.medium-3{width:25%}.small-margin-collapse>.medium-4{width:33.3333333333%}.small-margin-collapse>.medium-5{width:41.6666666667%}.small-margin-collapse>.medium-6{width:50%}.small-margin-collapse>.medium-7{width:58.3333333333%}.small-margin-collapse>.medium-8{width:66.6666666667%}.small-margin-collapse>.medium-9{width:75%}.small-margin-collapse>.medium-10{width:83.3333333333%}.small-margin-collapse>.medium-11{width:91.6666666667%}.small-margin-collapse>.medium-12{width:100%}}@media print,screen and (min-width:64.375em){.small-margin-collapse>.large-1{width:8.3333333333%}.small-margin-collapse>.large-2{width:16.6666666667%}.small-margin-collapse>.large-3{width:25%}.small-margin-collapse>.large-4{width:33.3333333333%}.small-margin-collapse>.large-5{width:41.6666666667%}.small-margin-collapse>.large-6{width:50%}.small-margin-collapse>.large-7{width:58.3333333333%}.small-margin-collapse>.large-8{width:66.6666666667%}.small-margin-collapse>.large-9{width:75%}.small-margin-collapse>.large-10{width:83.3333333333%}.small-margin-collapse>.large-11{width:91.6666666667%}.small-margin-collapse>.large-12{width:100%}}@media screen and (min-width:75em){.small-margin-collapse>.xlarge-1{width:8.3333333333%}.small-margin-collapse>.xlarge-2{width:16.6666666667%}.small-margin-collapse>.xlarge-3{width:25%}.small-margin-collapse>.xlarge-4{width:33.3333333333%}.small-margin-collapse>.xlarge-5{width:41.6666666667%}.small-margin-collapse>.xlarge-6{width:50%}.small-margin-collapse>.xlarge-7{width:58.3333333333%}.small-margin-collapse>.xlarge-8{width:66.6666666667%}.small-margin-collapse>.xlarge-9{width:75%}.small-margin-collapse>.xlarge-10{width:83.3333333333%}.small-margin-collapse>.xlarge-11{width:91.6666666667%}.small-margin-collapse>.xlarge-12{width:100%}}@media screen and (min-width:90em){.small-margin-collapse>.xxlarge-1{width:8.3333333333%}.small-margin-collapse>.xxlarge-2{width:16.6666666667%}.small-margin-collapse>.xxlarge-3{width:25%}.small-margin-collapse>.xxlarge-4{width:33.3333333333%}.small-margin-collapse>.xxlarge-5{width:41.6666666667%}.small-margin-collapse>.xxlarge-6{width:50%}.small-margin-collapse>.xxlarge-7{width:58.3333333333%}.small-margin-collapse>.xxlarge-8{width:66.6666666667%}.small-margin-collapse>.xxlarge-9{width:75%}.small-margin-collapse>.xxlarge-10{width:83.3333333333%}.small-margin-collapse>.xxlarge-11{width:91.6666666667%}.small-margin-collapse>.xxlarge-12{width:100%}}.small-padding-collapse{margin-left:0;margin-right:0}.small-padding-collapse>.cell{padding-left:0;padding-right:0}@media print,screen and (min-width:42.5em){.medium-margin-collapse,.medium-margin-collapse>.cell{margin-left:0;margin-right:0}.medium-margin-collapse>.small-1{width:8.3333333333%}.medium-margin-collapse>.small-2{width:16.6666666667%}.medium-margin-collapse>.small-3{width:25%}.medium-margin-collapse>.small-4{width:33.3333333333%}.medium-margin-collapse>.small-5{width:41.6666666667%}.medium-margin-collapse>.small-6{width:50%}.medium-margin-collapse>.small-7{width:58.3333333333%}.medium-margin-collapse>.small-8{width:66.6666666667%}.medium-margin-collapse>.small-9{width:75%}.medium-margin-collapse>.small-10{width:83.3333333333%}.medium-margin-collapse>.small-11{width:91.6666666667%}.medium-margin-collapse>.small-12{width:100%}.medium-margin-collapse>.medium-1{width:8.3333333333%}.medium-margin-collapse>.medium-2{width:16.6666666667%}.medium-margin-collapse>.medium-3{width:25%}.medium-margin-collapse>.medium-4{width:33.3333333333%}.medium-margin-collapse>.medium-5{width:41.6666666667%}.medium-margin-collapse>.medium-6{width:50%}.medium-margin-collapse>.medium-7{width:58.3333333333%}.medium-margin-collapse>.medium-8{width:66.6666666667%}.medium-margin-collapse>.medium-9{width:75%}.medium-margin-collapse>.medium-10{width:83.3333333333%}.medium-margin-collapse>.medium-11{width:91.6666666667%}.medium-margin-collapse>.medium-12{width:100%}}@media print,screen and (min-width:64.375em){.medium-margin-collapse>.large-1{width:8.3333333333%}.medium-margin-collapse>.large-2{width:16.6666666667%}.medium-margin-collapse>.large-3{width:25%}.medium-margin-collapse>.large-4{width:33.3333333333%}.medium-margin-collapse>.large-5{width:41.6666666667%}.medium-margin-collapse>.large-6{width:50%}.medium-margin-collapse>.large-7{width:58.3333333333%}.medium-margin-collapse>.large-8{width:66.6666666667%}.medium-margin-collapse>.large-9{width:75%}.medium-margin-collapse>.large-10{width:83.3333333333%}.medium-margin-collapse>.large-11{width:91.6666666667%}.medium-margin-collapse>.large-12{width:100%}}@media screen and (min-width:75em){.medium-margin-collapse>.xlarge-1{width:8.3333333333%}.medium-margin-collapse>.xlarge-2{width:16.6666666667%}.medium-margin-collapse>.xlarge-3{width:25%}.medium-margin-collapse>.xlarge-4{width:33.3333333333%}.medium-margin-collapse>.xlarge-5{width:41.6666666667%}.medium-margin-collapse>.xlarge-6{width:50%}.medium-margin-collapse>.xlarge-7{width:58.3333333333%}.medium-margin-collapse>.xlarge-8{width:66.6666666667%}.medium-margin-collapse>.xlarge-9{width:75%}.medium-margin-collapse>.xlarge-10{width:83.3333333333%}.medium-margin-collapse>.xlarge-11{width:91.6666666667%}.medium-margin-collapse>.xlarge-12{width:100%}}@media screen and (min-width:90em){.medium-margin-collapse>.xxlarge-1{width:8.3333333333%}.medium-margin-collapse>.xxlarge-2{width:16.6666666667%}.medium-margin-collapse>.xxlarge-3{width:25%}.medium-margin-collapse>.xxlarge-4{width:33.3333333333%}.medium-margin-collapse>.xxlarge-5{width:41.6666666667%}.medium-margin-collapse>.xxlarge-6{width:50%}.medium-margin-collapse>.xxlarge-7{width:58.3333333333%}.medium-margin-collapse>.xxlarge-8{width:66.6666666667%}.medium-margin-collapse>.xxlarge-9{width:75%}.medium-margin-collapse>.xxlarge-10{width:83.3333333333%}.medium-margin-collapse>.xxlarge-11{width:91.6666666667%}.medium-margin-collapse>.xxlarge-12{width:100%}}@media print,screen and (min-width:42.5em){.medium-padding-collapse{margin-left:0;margin-right:0}.medium-padding-collapse>.cell{padding-left:0;padding-right:0}}@media print,screen and (min-width:64.375em){.large-margin-collapse,.large-margin-collapse>.cell{margin-left:0;margin-right:0}.large-margin-collapse>.small-1{width:8.3333333333%}.large-margin-collapse>.small-2{width:16.6666666667%}.large-margin-collapse>.small-3{width:25%}.large-margin-collapse>.small-4{width:33.3333333333%}.large-margin-collapse>.small-5{width:41.6666666667%}.large-margin-collapse>.small-6{width:50%}.large-margin-collapse>.small-7{width:58.3333333333%}.large-margin-collapse>.small-8{width:66.6666666667%}.large-margin-collapse>.small-9{width:75%}.large-margin-collapse>.small-10{width:83.3333333333%}.large-margin-collapse>.small-11{width:91.6666666667%}.large-margin-collapse>.small-12{width:100%}.large-margin-collapse>.medium-1{width:8.3333333333%}.large-margin-collapse>.medium-2{width:16.6666666667%}.large-margin-collapse>.medium-3{width:25%}.large-margin-collapse>.medium-4{width:33.3333333333%}.large-margin-collapse>.medium-5{width:41.6666666667%}.large-margin-collapse>.medium-6{width:50%}.large-margin-collapse>.medium-7{width:58.3333333333%}.large-margin-collapse>.medium-8{width:66.6666666667%}.large-margin-collapse>.medium-9{width:75%}.large-margin-collapse>.medium-10{width:83.3333333333%}.large-margin-collapse>.medium-11{width:91.6666666667%}.large-margin-collapse>.medium-12{width:100%}.large-margin-collapse>.large-1{width:8.3333333333%}.large-margin-collapse>.large-2{width:16.6666666667%}.large-margin-collapse>.large-3{width:25%}.large-margin-collapse>.large-4{width:33.3333333333%}.large-margin-collapse>.large-5{width:41.6666666667%}.large-margin-collapse>.large-6{width:50%}.large-margin-collapse>.large-7{width:58.3333333333%}.large-margin-collapse>.large-8{width:66.6666666667%}.large-margin-collapse>.large-9{width:75%}.large-margin-collapse>.large-10{width:83.3333333333%}.large-margin-collapse>.large-11{width:91.6666666667%}.large-margin-collapse>.large-12{width:100%}}@media screen and (min-width:75em){.large-margin-collapse>.xlarge-1{width:8.3333333333%}.large-margin-collapse>.xlarge-2{width:16.6666666667%}.large-margin-collapse>.xlarge-3{width:25%}.large-margin-collapse>.xlarge-4{width:33.3333333333%}.large-margin-collapse>.xlarge-5{width:41.6666666667%}.large-margin-collapse>.xlarge-6{width:50%}.large-margin-collapse>.xlarge-7{width:58.3333333333%}.large-margin-collapse>.xlarge-8{width:66.6666666667%}.large-margin-collapse>.xlarge-9{width:75%}.large-margin-collapse>.xlarge-10{width:83.3333333333%}.large-margin-collapse>.xlarge-11{width:91.6666666667%}.large-margin-collapse>.xlarge-12{width:100%}}@media screen and (min-width:90em){.large-margin-collapse>.xxlarge-1{width:8.3333333333%}.large-margin-collapse>.xxlarge-2{width:16.6666666667%}.large-margin-collapse>.xxlarge-3{width:25%}.large-margin-collapse>.xxlarge-4{width:33.3333333333%}.large-margin-collapse>.xxlarge-5{width:41.6666666667%}.large-margin-collapse>.xxlarge-6{width:50%}.large-margin-collapse>.xxlarge-7{width:58.3333333333%}.large-margin-collapse>.xxlarge-8{width:66.6666666667%}.large-margin-collapse>.xxlarge-9{width:75%}.large-margin-collapse>.xxlarge-10{width:83.3333333333%}.large-margin-collapse>.xxlarge-11{width:91.6666666667%}.large-margin-collapse>.xxlarge-12{width:100%}}@media print,screen and (min-width:64.375em){.large-padding-collapse{margin-left:0;margin-right:0}.large-padding-collapse>.cell{padding-left:0;padding-right:0}}@media screen and (min-width:75em){.xlarge-margin-collapse,.xlarge-margin-collapse>.cell{margin-left:0;margin-right:0}.xlarge-margin-collapse>.small-1{width:8.3333333333%}.xlarge-margin-collapse>.small-2{width:16.6666666667%}.xlarge-margin-collapse>.small-3{width:25%}.xlarge-margin-collapse>.small-4{width:33.3333333333%}.xlarge-margin-collapse>.small-5{width:41.6666666667%}.xlarge-margin-collapse>.small-6{width:50%}.xlarge-margin-collapse>.small-7{width:58.3333333333%}.xlarge-margin-collapse>.small-8{width:66.6666666667%}.xlarge-margin-collapse>.small-9{width:75%}.xlarge-margin-collapse>.small-10{width:83.3333333333%}.xlarge-margin-collapse>.small-11{width:91.6666666667%}.xlarge-margin-collapse>.small-12{width:100%}.xlarge-margin-collapse>.medium-1{width:8.3333333333%}.xlarge-margin-collapse>.medium-2{width:16.6666666667%}.xlarge-margin-collapse>.medium-3{width:25%}.xlarge-margin-collapse>.medium-4{width:33.3333333333%}.xlarge-margin-collapse>.medium-5{width:41.6666666667%}.xlarge-margin-collapse>.medium-6{width:50%}.xlarge-margin-collapse>.medium-7{width:58.3333333333%}.xlarge-margin-collapse>.medium-8{width:66.6666666667%}.xlarge-margin-collapse>.medium-9{width:75%}.xlarge-margin-collapse>.medium-10{width:83.3333333333%}.xlarge-margin-collapse>.medium-11{width:91.6666666667%}.xlarge-margin-collapse>.medium-12{width:100%}.xlarge-margin-collapse>.large-1{width:8.3333333333%}.xlarge-margin-collapse>.large-2{width:16.6666666667%}.xlarge-margin-collapse>.large-3{width:25%}.xlarge-margin-collapse>.large-4{width:33.3333333333%}.xlarge-margin-collapse>.large-5{width:41.6666666667%}.xlarge-margin-collapse>.large-6{width:50%}.xlarge-margin-collapse>.large-7{width:58.3333333333%}.xlarge-margin-collapse>.large-8{width:66.6666666667%}.xlarge-margin-collapse>.large-9{width:75%}.xlarge-margin-collapse>.large-10{width:83.3333333333%}.xlarge-margin-collapse>.large-11{width:91.6666666667%}.xlarge-margin-collapse>.large-12{width:100%}.xlarge-margin-collapse>.xlarge-1{width:8.3333333333%}.xlarge-margin-collapse>.xlarge-2{width:16.6666666667%}.xlarge-margin-collapse>.xlarge-3{width:25%}.xlarge-margin-collapse>.xlarge-4{width:33.3333333333%}.xlarge-margin-collapse>.xlarge-5{width:41.6666666667%}.xlarge-margin-collapse>.xlarge-6{width:50%}.xlarge-margin-collapse>.xlarge-7{width:58.3333333333%}.xlarge-margin-collapse>.xlarge-8{width:66.6666666667%}.xlarge-margin-collapse>.xlarge-9{width:75%}.xlarge-margin-collapse>.xlarge-10{width:83.3333333333%}.xlarge-margin-collapse>.xlarge-11{width:91.6666666667%}.xlarge-margin-collapse>.xlarge-12{width:100%}}@media screen and (min-width:90em){.xlarge-margin-collapse>.xxlarge-1{width:8.3333333333%}.xlarge-margin-collapse>.xxlarge-2{width:16.6666666667%}.xlarge-margin-collapse>.xxlarge-3{width:25%}.xlarge-margin-collapse>.xxlarge-4{width:33.3333333333%}.xlarge-margin-collapse>.xxlarge-5{width:41.6666666667%}.xlarge-margin-collapse>.xxlarge-6{width:50%}.xlarge-margin-collapse>.xxlarge-7{width:58.3333333333%}.xlarge-margin-collapse>.xxlarge-8{width:66.6666666667%}.xlarge-margin-collapse>.xxlarge-9{width:75%}.xlarge-margin-collapse>.xxlarge-10{width:83.3333333333%}.xlarge-margin-collapse>.xxlarge-11{width:91.6666666667%}.xlarge-margin-collapse>.xxlarge-12{width:100%}}@media screen and (min-width:75em){.xlarge-padding-collapse{margin-left:0;margin-right:0}.xlarge-padding-collapse>.cell{padding-left:0;padding-right:0}}@media screen and (min-width:90em){.xxlarge-margin-collapse,.xxlarge-margin-collapse>.cell{margin-left:0;margin-right:0}.xxlarge-margin-collapse>.small-1{width:8.3333333333%}.xxlarge-margin-collapse>.small-2{width:16.6666666667%}.xxlarge-margin-collapse>.small-3{width:25%}.xxlarge-margin-collapse>.small-4{width:33.3333333333%}.xxlarge-margin-collapse>.small-5{width:41.6666666667%}.xxlarge-margin-collapse>.small-6{width:50%}.xxlarge-margin-collapse>.small-7{width:58.3333333333%}.xxlarge-margin-collapse>.small-8{width:66.6666666667%}.xxlarge-margin-collapse>.small-9{width:75%}.xxlarge-margin-collapse>.small-10{width:83.3333333333%}.xxlarge-margin-collapse>.small-11{width:91.6666666667%}.xxlarge-margin-collapse>.small-12{width:100%}.xxlarge-margin-collapse>.medium-1{width:8.3333333333%}.xxlarge-margin-collapse>.medium-2{width:16.6666666667%}.xxlarge-margin-collapse>.medium-3{width:25%}.xxlarge-margin-collapse>.medium-4{width:33.3333333333%}.xxlarge-margin-collapse>.medium-5{width:41.6666666667%}.xxlarge-margin-collapse>.medium-6{width:50%}.xxlarge-margin-collapse>.medium-7{width:58.3333333333%}.xxlarge-margin-collapse>.medium-8{width:66.6666666667%}.xxlarge-margin-collapse>.medium-9{width:75%}.xxlarge-margin-collapse>.medium-10{width:83.3333333333%}.xxlarge-margin-collapse>.medium-11{width:91.6666666667%}.xxlarge-margin-collapse>.medium-12{width:100%}.xxlarge-margin-collapse>.large-1{width:8.3333333333%}.xxlarge-margin-collapse>.large-2{width:16.6666666667%}.xxlarge-margin-collapse>.large-3{width:25%}.xxlarge-margin-collapse>.large-4{width:33.3333333333%}.xxlarge-margin-collapse>.large-5{width:41.6666666667%}.xxlarge-margin-collapse>.large-6{width:50%}.xxlarge-margin-collapse>.large-7{width:58.3333333333%}.xxlarge-margin-collapse>.large-8{width:66.6666666667%}.xxlarge-margin-collapse>.large-9{width:75%}.xxlarge-margin-collapse>.large-10{width:83.3333333333%}.xxlarge-margin-collapse>.large-11{width:91.6666666667%}.xxlarge-margin-collapse>.large-12{width:100%}.xxlarge-margin-collapse>.xlarge-1{width:8.3333333333%}.xxlarge-margin-collapse>.xlarge-2{width:16.6666666667%}.xxlarge-margin-collapse>.xlarge-3{width:25%}.xxlarge-margin-collapse>.xlarge-4{width:33.3333333333%}.xxlarge-margin-collapse>.xlarge-5{width:41.6666666667%}.xxlarge-margin-collapse>.xlarge-6{width:50%}.xxlarge-margin-collapse>.xlarge-7{width:58.3333333333%}.xxlarge-margin-collapse>.xlarge-8{width:66.6666666667%}.xxlarge-margin-collapse>.xlarge-9{width:75%}.xxlarge-margin-collapse>.xlarge-10{width:83.3333333333%}.xxlarge-margin-collapse>.xlarge-11{width:91.6666666667%}.xxlarge-margin-collapse>.xlarge-12{width:100%}.xxlarge-margin-collapse>.xxlarge-1{width:8.3333333333%}.xxlarge-margin-collapse>.xxlarge-2{width:16.6666666667%}.xxlarge-margin-collapse>.xxlarge-3{width:25%}.xxlarge-margin-collapse>.xxlarge-4{width:33.3333333333%}.xxlarge-margin-collapse>.xxlarge-5{width:41.6666666667%}.xxlarge-margin-collapse>.xxlarge-6{width:50%}.xxlarge-margin-collapse>.xxlarge-7{width:58.3333333333%}.xxlarge-margin-collapse>.xxlarge-8{width:66.6666666667%}.xxlarge-margin-collapse>.xxlarge-9{width:75%}.xxlarge-margin-collapse>.xxlarge-10{width:83.3333333333%}.xxlarge-margin-collapse>.xxlarge-11{width:91.6666666667%}.xxlarge-margin-collapse>.xxlarge-12{width:100%}.xxlarge-padding-collapse{margin-left:0;margin-right:0}.xxlarge-padding-collapse>.cell{padding-left:0;padding-right:0}}.small-offset-0{margin-left:0}.grid-margin-x>.small-offset-0{margin-left:.9375rem}.small-offset-1{margin-left:8.3333333333%}.grid-margin-x>.small-offset-1{margin-left:calc(8.33333% + .9375rem)}.small-offset-2{margin-left:16.6666666667%}.grid-margin-x>.small-offset-2{margin-left:calc(16.66667% + .9375rem)}.small-offset-3{margin-left:25%}.grid-margin-x>.small-offset-3{margin-left:calc(25% + .9375rem)}.small-offset-4{margin-left:33.3333333333%}.grid-margin-x>.small-offset-4{margin-left:calc(33.33333% + .9375rem)}.small-offset-5{margin-left:41.6666666667%}.grid-margin-x>.small-offset-5{margin-left:calc(41.66667% + .9375rem)}.small-offset-6{margin-left:50%}.grid-margin-x>.small-offset-6{margin-left:calc(50% + .9375rem)}.small-offset-7{margin-left:58.3333333333%}.grid-margin-x>.small-offset-7{margin-left:calc(58.33333% + .9375rem)}.small-offset-8{margin-left:66.6666666667%}.grid-margin-x>.small-offset-8{margin-left:calc(66.66667% + .9375rem)}.small-offset-9{margin-left:75%}.grid-margin-x>.small-offset-9{margin-left:calc(75% + .9375rem)}.small-offset-10{margin-left:83.3333333333%}.grid-margin-x>.small-offset-10{margin-left:calc(83.33333% + .9375rem)}.small-offset-11{margin-left:91.6666666667%}.grid-margin-x>.small-offset-11{margin-left:calc(91.66667% + .9375rem)}@media print,screen and (min-width:42.5em){.medium-offset-0{margin-left:0}.grid-margin-x>.medium-offset-0{margin-left:.9375rem}.medium-offset-1{margin-left:8.3333333333%}.grid-margin-x>.medium-offset-1{margin-left:calc(8.33333% + .9375rem)}.medium-offset-2{margin-left:16.6666666667%}.grid-margin-x>.medium-offset-2{margin-left:calc(16.66667% + .9375rem)}.medium-offset-3{margin-left:25%}.grid-margin-x>.medium-offset-3{margin-left:calc(25% + .9375rem)}.medium-offset-4{margin-left:33.3333333333%}.grid-margin-x>.medium-offset-4{margin-left:calc(33.33333% + .9375rem)}.medium-offset-5{margin-left:41.6666666667%}.grid-margin-x>.medium-offset-5{margin-left:calc(41.66667% + .9375rem)}.medium-offset-6{margin-left:50%}.grid-margin-x>.medium-offset-6{margin-left:calc(50% + .9375rem)}.medium-offset-7{margin-left:58.3333333333%}.grid-margin-x>.medium-offset-7{margin-left:calc(58.33333% + .9375rem)}.medium-offset-8{margin-left:66.6666666667%}.grid-margin-x>.medium-offset-8{margin-left:calc(66.66667% + .9375rem)}.medium-offset-9{margin-left:75%}.grid-margin-x>.medium-offset-9{margin-left:calc(75% + .9375rem)}.medium-offset-10{margin-left:83.3333333333%}.grid-margin-x>.medium-offset-10{margin-left:calc(83.33333% + .9375rem)}.medium-offset-11{margin-left:91.6666666667%}.grid-margin-x>.medium-offset-11{margin-left:calc(91.66667% + .9375rem)}}@media print,screen and (min-width:64.375em){.large-offset-0{margin-left:0}.grid-margin-x>.large-offset-0{margin-left:.9375rem}.large-offset-1{margin-left:8.3333333333%}.grid-margin-x>.large-offset-1{margin-left:calc(8.33333% + .9375rem)}.large-offset-2{margin-left:16.6666666667%}.grid-margin-x>.large-offset-2{margin-left:calc(16.66667% + .9375rem)}.large-offset-3{margin-left:25%}.grid-margin-x>.large-offset-3{margin-left:calc(25% + .9375rem)}.large-offset-4{margin-left:33.3333333333%}.grid-margin-x>.large-offset-4{margin-left:calc(33.33333% + .9375rem)}.large-offset-5{margin-left:41.6666666667%}.grid-margin-x>.large-offset-5{margin-left:calc(41.66667% + .9375rem)}.large-offset-6{margin-left:50%}.grid-margin-x>.large-offset-6{margin-left:calc(50% + .9375rem)}.large-offset-7{margin-left:58.3333333333%}.grid-margin-x>.large-offset-7{margin-left:calc(58.33333% + .9375rem)}.large-offset-8{margin-left:66.6666666667%}.grid-margin-x>.large-offset-8{margin-left:calc(66.66667% + .9375rem)}.large-offset-9{margin-left:75%}.grid-margin-x>.large-offset-9{margin-left:calc(75% + .9375rem)}.large-offset-10{margin-left:83.3333333333%}.grid-margin-x>.large-offset-10{margin-left:calc(83.33333% + .9375rem)}.large-offset-11{margin-left:91.6666666667%}.grid-margin-x>.large-offset-11{margin-left:calc(91.66667% + .9375rem)}}@media screen and (min-width:75em){.xlarge-offset-0{margin-left:0}.grid-margin-x>.xlarge-offset-0{margin-left:1.25rem}.xlarge-offset-1{margin-left:8.3333333333%}.grid-margin-x>.xlarge-offset-1{margin-left:calc(8.33333% + 1.25rem)}.xlarge-offset-2{margin-left:16.6666666667%}.grid-margin-x>.xlarge-offset-2{margin-left:calc(16.66667% + 1.25rem)}.xlarge-offset-3{margin-left:25%}.grid-margin-x>.xlarge-offset-3{margin-left:calc(25% + 1.25rem)}.xlarge-offset-4{margin-left:33.3333333333%}.grid-margin-x>.xlarge-offset-4{margin-left:calc(33.33333% + 1.25rem)}.xlarge-offset-5{margin-left:41.6666666667%}.grid-margin-x>.xlarge-offset-5{margin-left:calc(41.66667% + 1.25rem)}.xlarge-offset-6{margin-left:50%}.grid-margin-x>.xlarge-offset-6{margin-left:calc(50% + 1.25rem)}.xlarge-offset-7{margin-left:58.3333333333%}.grid-margin-x>.xlarge-offset-7{margin-left:calc(58.33333% + 1.25rem)}.xlarge-offset-8{margin-left:66.6666666667%}.grid-margin-x>.xlarge-offset-8{margin-left:calc(66.66667% + 1.25rem)}.xlarge-offset-9{margin-left:75%}.grid-margin-x>.xlarge-offset-9{margin-left:calc(75% + 1.25rem)}.xlarge-offset-10{margin-left:83.3333333333%}.grid-margin-x>.xlarge-offset-10{margin-left:calc(83.33333% + 1.25rem)}.xlarge-offset-11{margin-left:91.6666666667%}.grid-margin-x>.xlarge-offset-11{margin-left:calc(91.66667% + 1.25rem)}}@media screen and (min-width:90em){.xxlarge-offset-0{margin-left:0}.grid-margin-x>.xxlarge-offset-0{margin-left:1.5625rem}.xxlarge-offset-1{margin-left:8.3333333333%}.grid-margin-x>.xxlarge-offset-1{margin-left:calc(8.33333% + 1.5625rem)}.xxlarge-offset-2{margin-left:16.6666666667%}.grid-margin-x>.xxlarge-offset-2{margin-left:calc(16.66667% + 1.5625rem)}.xxlarge-offset-3{margin-left:25%}.grid-margin-x>.xxlarge-offset-3{margin-left:calc(25% + 1.5625rem)}.xxlarge-offset-4{margin-left:33.3333333333%}.grid-margin-x>.xxlarge-offset-4{margin-left:calc(33.33333% + 1.5625rem)}.xxlarge-offset-5{margin-left:41.6666666667%}.grid-margin-x>.xxlarge-offset-5{margin-left:calc(41.66667% + 1.5625rem)}.xxlarge-offset-6{margin-left:50%}.grid-margin-x>.xxlarge-offset-6{margin-left:calc(50% + 1.5625rem)}.xxlarge-offset-7{margin-left:58.3333333333%}.grid-margin-x>.xxlarge-offset-7{margin-left:calc(58.33333% + 1.5625rem)}.xxlarge-offset-8{margin-left:66.6666666667%}.grid-margin-x>.xxlarge-offset-8{margin-left:calc(66.66667% + 1.5625rem)}.xxlarge-offset-9{margin-left:75%}.grid-margin-x>.xxlarge-offset-9{margin-left:calc(75% + 1.5625rem)}.xxlarge-offset-10{margin-left:83.3333333333%}.grid-margin-x>.xxlarge-offset-10{margin-left:calc(83.33333% + 1.5625rem)}.xxlarge-offset-11{margin-left:91.6666666667%}.grid-margin-x>.xxlarge-offset-11{margin-left:calc(91.66667% + 1.5625rem)}}.grid-y{display:flex;flex-flow:column nowrap}.grid-y>.cell{height:auto;max-height:none}.grid-y>.auto,.grid-y>.shrink{height:auto}.grid-y>.small-1,.grid-y>.small-10,.grid-y>.small-11,.grid-y>.small-12,.grid-y>.small-2,.grid-y>.small-3,.grid-y>.small-4,.grid-y>.small-5,.grid-y>.small-6,.grid-y>.small-7,.grid-y>.small-8,.grid-y>.small-9,.grid-y>.small-full,.grid-y>.small-shrink{flex-basis:auto}@media print,screen and (min-width:42.5em){.grid-y>.medium-1,.grid-y>.medium-10,.grid-y>.medium-11,.grid-y>.medium-12,.grid-y>.medium-2,.grid-y>.medium-3,.grid-y>.medium-4,.grid-y>.medium-5,.grid-y>.medium-6,.grid-y>.medium-7,.grid-y>.medium-8,.grid-y>.medium-9,.grid-y>.medium-full,.grid-y>.medium-shrink{flex-basis:auto}}@media print,screen and (min-width:64.375em){.grid-y>.large-1,.grid-y>.large-10,.grid-y>.large-11,.grid-y>.large-12,.grid-y>.large-2,.grid-y>.large-3,.grid-y>.large-4,.grid-y>.large-5,.grid-y>.large-6,.grid-y>.large-7,.grid-y>.large-8,.grid-y>.large-9,.grid-y>.large-full,.grid-y>.large-shrink{flex-basis:auto}}@media screen and (min-width:75em){.grid-y>.xlarge-1,.grid-y>.xlarge-10,.grid-y>.xlarge-11,.grid-y>.xlarge-12,.grid-y>.xlarge-2,.grid-y>.xlarge-3,.grid-y>.xlarge-4,.grid-y>.xlarge-5,.grid-y>.xlarge-6,.grid-y>.xlarge-7,.grid-y>.xlarge-8,.grid-y>.xlarge-9,.grid-y>.xlarge-full,.grid-y>.xlarge-shrink{flex-basis:auto}}@media screen and (min-width:90em){.grid-y>.xxlarge-1,.grid-y>.xxlarge-10,.grid-y>.xxlarge-11,.grid-y>.xxlarge-12,.grid-y>.xxlarge-2,.grid-y>.xxlarge-3,.grid-y>.xxlarge-4,.grid-y>.xxlarge-5,.grid-y>.xxlarge-6,.grid-y>.xxlarge-7,.grid-y>.xxlarge-8,.grid-y>.xxlarge-9,.grid-y>.xxlarge-full,.grid-y>.xxlarge-shrink{flex-basis:auto}}.grid-y>.small-1,.grid-y>.small-10,.grid-y>.small-11,.grid-y>.small-12,.grid-y>.small-2,.grid-y>.small-3,.grid-y>.small-4,.grid-y>.small-5,.grid-y>.small-6,.grid-y>.small-7,.grid-y>.small-8,.grid-y>.small-9{flex:0 0 auto}.grid-y>.small-1{height:8.3333333333%}.grid-y>.small-2{height:16.6666666667%}.grid-y>.small-3{height:25%}.grid-y>.small-4{height:33.3333333333%}.grid-y>.small-5{height:41.6666666667%}.grid-y>.small-6{height:50%}.grid-y>.small-7{height:58.3333333333%}.grid-y>.small-8{height:66.6666666667%}.grid-y>.small-9{height:75%}.grid-y>.small-10{height:83.3333333333%}.grid-y>.small-11{height:91.6666666667%}.grid-y>.small-12{height:100%}@media print,screen and (min-width:42.5em){.grid-y>.medium-auto{flex:1 1 0;height:auto}.grid-y>.medium-1,.grid-y>.medium-10,.grid-y>.medium-11,.grid-y>.medium-12,.grid-y>.medium-2,.grid-y>.medium-3,.grid-y>.medium-4,.grid-y>.medium-5,.grid-y>.medium-6,.grid-y>.medium-7,.grid-y>.medium-8,.grid-y>.medium-9,.grid-y>.medium-shrink{flex:0 0 auto}.grid-y>.medium-shrink{height:auto}.grid-y>.medium-1{height:8.3333333333%}.grid-y>.medium-2{height:16.6666666667%}.grid-y>.medium-3{height:25%}.grid-y>.medium-4{height:33.3333333333%}.grid-y>.medium-5{height:41.6666666667%}.grid-y>.medium-6{height:50%}.grid-y>.medium-7{height:58.3333333333%}.grid-y>.medium-8{height:66.6666666667%}.grid-y>.medium-9{height:75%}.grid-y>.medium-10{height:83.3333333333%}.grid-y>.medium-11{height:91.6666666667%}.grid-y>.medium-12{height:100%}}@media print,screen and (min-width:64.375em){.grid-y>.large-auto{flex:1 1 0;height:auto}.grid-y>.large-1,.grid-y>.large-10,.grid-y>.large-11,.grid-y>.large-12,.grid-y>.large-2,.grid-y>.large-3,.grid-y>.large-4,.grid-y>.large-5,.grid-y>.large-6,.grid-y>.large-7,.grid-y>.large-8,.grid-y>.large-9,.grid-y>.large-shrink{flex:0 0 auto}.grid-y>.large-shrink{height:auto}.grid-y>.large-1{height:8.3333333333%}.grid-y>.large-2{height:16.6666666667%}.grid-y>.large-3{height:25%}.grid-y>.large-4{height:33.3333333333%}.grid-y>.large-5{height:41.6666666667%}.grid-y>.large-6{height:50%}.grid-y>.large-7{height:58.3333333333%}.grid-y>.large-8{height:66.6666666667%}.grid-y>.large-9{height:75%}.grid-y>.large-10{height:83.3333333333%}.grid-y>.large-11{height:91.6666666667%}.grid-y>.large-12{height:100%}}@media screen and (min-width:75em){.grid-y>.xlarge-auto{flex:1 1 0;height:auto}.grid-y>.xlarge-1,.grid-y>.xlarge-10,.grid-y>.xlarge-11,.grid-y>.xlarge-12,.grid-y>.xlarge-2,.grid-y>.xlarge-3,.grid-y>.xlarge-4,.grid-y>.xlarge-5,.grid-y>.xlarge-6,.grid-y>.xlarge-7,.grid-y>.xlarge-8,.grid-y>.xlarge-9,.grid-y>.xlarge-shrink{flex:0 0 auto}.grid-y>.xlarge-shrink{height:auto}.grid-y>.xlarge-1{height:8.3333333333%}.grid-y>.xlarge-2{height:16.6666666667%}.grid-y>.xlarge-3{height:25%}.grid-y>.xlarge-4{height:33.3333333333%}.grid-y>.xlarge-5{height:41.6666666667%}.grid-y>.xlarge-6{height:50%}.grid-y>.xlarge-7{height:58.3333333333%}.grid-y>.xlarge-8{height:66.6666666667%}.grid-y>.xlarge-9{height:75%}.grid-y>.xlarge-10{height:83.3333333333%}.grid-y>.xlarge-11{height:91.6666666667%}.grid-y>.xlarge-12{height:100%}}@media screen and (min-width:90em){.grid-y>.xxlarge-auto{flex:1 1 0;height:auto}.grid-y>.xxlarge-1,.grid-y>.xxlarge-10,.grid-y>.xxlarge-11,.grid-y>.xxlarge-12,.grid-y>.xxlarge-2,.grid-y>.xxlarge-3,.grid-y>.xxlarge-4,.grid-y>.xxlarge-5,.grid-y>.xxlarge-6,.grid-y>.xxlarge-7,.grid-y>.xxlarge-8,.grid-y>.xxlarge-9,.grid-y>.xxlarge-shrink{flex:0 0 auto}.grid-y>.xxlarge-shrink{height:auto}.grid-y>.xxlarge-1{height:8.3333333333%}.grid-y>.xxlarge-2{height:16.6666666667%}.grid-y>.xxlarge-3{height:25%}.grid-y>.xxlarge-4{height:33.3333333333%}.grid-y>.xxlarge-5{height:41.6666666667%}.grid-y>.xxlarge-6{height:50%}.grid-y>.xxlarge-7{height:58.3333333333%}.grid-y>.xxlarge-8{height:66.6666666667%}.grid-y>.xxlarge-9{height:75%}.grid-y>.xxlarge-10{height:83.3333333333%}.grid-y>.xxlarge-11{height:91.6666666667%}.grid-y>.xxlarge-12{height:100%}}.grid-padding-y .grid-padding-y{margin-bottom:-.9375rem;margin-top:-.9375rem}@media print,screen and (min-width:42.5em){.grid-padding-y .grid-padding-y{margin-bottom:-.9375rem;margin-top:-.9375rem}}@media print,screen and (min-width:64.375em){.grid-padding-y .grid-padding-y{margin-bottom:-.9375rem;margin-top:-.9375rem}}@media screen and (min-width:75em){.grid-padding-y .grid-padding-y{margin-bottom:-1.25rem;margin-top:-1.25rem}}@media screen and (min-width:90em){.grid-padding-y .grid-padding-y{margin-bottom:-1.5625rem;margin-top:-1.5625rem}}.grid-padding-y>.cell{padding-bottom:.9375rem;padding-top:.9375rem}@media print,screen and (min-width:42.5em){.grid-padding-y>.cell{padding-bottom:.9375rem;padding-top:.9375rem}}@media print,screen and (min-width:64.375em){.grid-padding-y>.cell{padding-bottom:.9375rem;padding-top:.9375rem}}@media screen and (min-width:75em){.grid-padding-y>.cell{padding-bottom:1.25rem;padding-top:1.25rem}}@media screen and (min-width:90em){.grid-padding-y>.cell{padding-bottom:1.5625rem;padding-top:1.5625rem}}.grid-frame{align-items:stretch;flex-wrap:nowrap;overflow:hidden;position:relative;width:100vw}.cell .grid-frame{width:100%}.cell-block{max-width:100%;overflow-x:auto}.cell-block,.cell-block-y{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}.cell-block-y{max-height:100%;min-height:100%;overflow-y:auto}.cell-block-container{display:flex;flex-direction:column;max-height:100%}.cell-block-container>.grid-x{flex-wrap:nowrap;max-height:100%}@media print,screen and (min-width:42.5em){.medium-grid-frame{align-items:stretch;flex-wrap:nowrap;overflow:hidden;position:relative;width:100vw}.cell .medium-grid-frame{width:100%}.medium-cell-block{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;max-width:100%;overflow-x:auto}.medium-cell-block-container{display:flex;flex-direction:column;max-height:100%}.medium-cell-block-container>.grid-x{flex-wrap:nowrap;max-height:100%}.medium-cell-block-y{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;max-height:100%;min-height:100%;overflow-y:auto}}@media print,screen and (min-width:64.375em){.large-grid-frame{align-items:stretch;flex-wrap:nowrap;overflow:hidden;position:relative;width:100vw}.cell .large-grid-frame{width:100%}.large-cell-block{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;max-width:100%;overflow-x:auto}.large-cell-block-container{display:flex;flex-direction:column;max-height:100%}.large-cell-block-container>.grid-x{flex-wrap:nowrap;max-height:100%}.large-cell-block-y{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;max-height:100%;min-height:100%;overflow-y:auto}}@media screen and (min-width:75em){.xlarge-grid-frame{align-items:stretch;flex-wrap:nowrap;overflow:hidden;position:relative;width:100vw}.cell .xlarge-grid-frame{width:100%}.xlarge-cell-block{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;max-width:100%;overflow-x:auto}.xlarge-cell-block-container{display:flex;flex-direction:column;max-height:100%}.xlarge-cell-block-container>.grid-x{flex-wrap:nowrap;max-height:100%}.xlarge-cell-block-y{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;max-height:100%;min-height:100%;overflow-y:auto}}@media screen and (min-width:90em){.xxlarge-grid-frame{align-items:stretch;flex-wrap:nowrap;overflow:hidden;position:relative;width:100vw}.cell .xxlarge-grid-frame{width:100%}.xxlarge-cell-block{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;max-width:100%;overflow-x:auto}.xxlarge-cell-block-container{display:flex;flex-direction:column;max-height:100%}.xxlarge-cell-block-container>.grid-x{flex-wrap:nowrap;max-height:100%}.xxlarge-cell-block-y{-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;max-height:100%;min-height:100%;overflow-y:auto}}.grid-y.grid-frame{align-items:stretch;flex-wrap:nowrap;height:100vh;overflow:hidden;position:relative;width:auto}@media print,screen and (min-width:42.5em){.grid-y.medium-grid-frame{align-items:stretch;flex-wrap:nowrap;height:100vh;overflow:hidden;position:relative;width:auto}}@media print,screen and (min-width:64.375em){.grid-y.large-grid-frame{align-items:stretch;flex-wrap:nowrap;height:100vh;overflow:hidden;position:relative;width:auto}}@media screen and (min-width:75em){.grid-y.xlarge-grid-frame{align-items:stretch;flex-wrap:nowrap;height:100vh;overflow:hidden;position:relative;width:auto}}@media screen and (min-width:90em){.grid-y.xxlarge-grid-frame{align-items:stretch;flex-wrap:nowrap;height:100vh;overflow:hidden;position:relative;width:auto}}.cell .grid-y.grid-frame{height:100%}@media print,screen and (min-width:42.5em){.cell .grid-y.medium-grid-frame{height:100%}}@media print,screen and (min-width:64.375em){.cell .grid-y.large-grid-frame{height:100%}}@media screen and (min-width:75em){.cell .grid-y.xlarge-grid-frame{height:100%}}@media screen and (min-width:90em){.cell .grid-y.xxlarge-grid-frame{height:100%}}.grid-margin-y{margin-bottom:-.9375rem;margin-top:-.9375rem}@media print,screen and (min-width:42.5em){.grid-margin-y{margin-bottom:-.9375rem;margin-top:-.9375rem}}@media print,screen and (min-width:64.375em){.grid-margin-y{margin-bottom:-.9375rem;margin-top:-.9375rem}}@media screen and (min-width:75em){.grid-margin-y{margin-bottom:-1.25rem;margin-top:-1.25rem}}@media screen and (min-width:90em){.grid-margin-y{margin-bottom:-1.5625rem;margin-top:-1.5625rem}}.grid-margin-y>.cell{height:calc(100% - 1.875rem);margin-bottom:.9375rem;margin-top:.9375rem}@media print,screen and (min-width:42.5em){.grid-margin-y>.cell{height:calc(100% - 1.875rem);margin-bottom:.9375rem;margin-top:.9375rem}}@media print,screen and (min-width:64.375em){.grid-margin-y>.cell{height:calc(100% - 1.875rem);margin-bottom:.9375rem;margin-top:.9375rem}}@media screen and (min-width:75em){.grid-margin-y>.cell{height:calc(100% - 2.5rem);margin-bottom:1.25rem;margin-top:1.25rem}}@media screen and (min-width:90em){.grid-margin-y>.cell{height:calc(100% - 3.125rem);margin-bottom:1.5625rem;margin-top:1.5625rem}}.grid-margin-y>.auto,.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.small-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.small-3{height:calc(25% - 1.875rem)}.grid-margin-y>.small-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.small-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.small-6{height:calc(50% - 1.875rem)}.grid-margin-y>.small-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.small-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.small-9{height:calc(75% - 1.875rem)}.grid-margin-y>.small-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.small-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.small-12{height:calc(100% - 1.875rem)}@media print,screen and (min-width:42.5em){.grid-margin-y>.auto,.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.small-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.small-3{height:calc(25% - 1.875rem)}.grid-margin-y>.small-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.small-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.small-6{height:calc(50% - 1.875rem)}.grid-margin-y>.small-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.small-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.small-9{height:calc(75% - 1.875rem)}.grid-margin-y>.small-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.small-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.small-12{height:calc(100% - 1.875rem)}.grid-margin-y>.medium-auto,.grid-margin-y>.medium-shrink{height:auto}.grid-margin-y>.medium-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.medium-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.medium-3{height:calc(25% - 1.875rem)}.grid-margin-y>.medium-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.medium-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.medium-6{height:calc(50% - 1.875rem)}.grid-margin-y>.medium-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.medium-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.medium-9{height:calc(75% - 1.875rem)}.grid-margin-y>.medium-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.medium-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.medium-12{height:calc(100% - 1.875rem)}}@media print,screen and (min-width:64.375em){.grid-margin-y>.auto,.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.small-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.small-3{height:calc(25% - 1.875rem)}.grid-margin-y>.small-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.small-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.small-6{height:calc(50% - 1.875rem)}.grid-margin-y>.small-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.small-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.small-9{height:calc(75% - 1.875rem)}.grid-margin-y>.small-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.small-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.small-12{height:calc(100% - 1.875rem)}.grid-margin-y>.medium-auto,.grid-margin-y>.medium-shrink{height:auto}.grid-margin-y>.medium-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.medium-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.medium-3{height:calc(25% - 1.875rem)}.grid-margin-y>.medium-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.medium-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.medium-6{height:calc(50% - 1.875rem)}.grid-margin-y>.medium-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.medium-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.medium-9{height:calc(75% - 1.875rem)}.grid-margin-y>.medium-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.medium-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.medium-12{height:calc(100% - 1.875rem)}.grid-margin-y>.large-auto,.grid-margin-y>.large-shrink{height:auto}.grid-margin-y>.large-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.large-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.large-3{height:calc(25% - 1.875rem)}.grid-margin-y>.large-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.large-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.large-6{height:calc(50% - 1.875rem)}.grid-margin-y>.large-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.large-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.large-9{height:calc(75% - 1.875rem)}.grid-margin-y>.large-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.large-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.large-12{height:calc(100% - 1.875rem)}}@media screen and (min-width:75em){.grid-margin-y>.auto,.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.33333% - 2.5rem)}.grid-margin-y>.small-2{height:calc(16.66667% - 2.5rem)}.grid-margin-y>.small-3{height:calc(25% - 2.5rem)}.grid-margin-y>.small-4{height:calc(33.33333% - 2.5rem)}.grid-margin-y>.small-5{height:calc(41.66667% - 2.5rem)}.grid-margin-y>.small-6{height:calc(50% - 2.5rem)}.grid-margin-y>.small-7{height:calc(58.33333% - 2.5rem)}.grid-margin-y>.small-8{height:calc(66.66667% - 2.5rem)}.grid-margin-y>.small-9{height:calc(75% - 2.5rem)}.grid-margin-y>.small-10{height:calc(83.33333% - 2.5rem)}.grid-margin-y>.small-11{height:calc(91.66667% - 2.5rem)}.grid-margin-y>.small-12{height:calc(100% - 2.5rem)}.grid-margin-y>.medium-auto,.grid-margin-y>.medium-shrink{height:auto}.grid-margin-y>.medium-1{height:calc(8.33333% - 2.5rem)}.grid-margin-y>.medium-2{height:calc(16.66667% - 2.5rem)}.grid-margin-y>.medium-3{height:calc(25% - 2.5rem)}.grid-margin-y>.medium-4{height:calc(33.33333% - 2.5rem)}.grid-margin-y>.medium-5{height:calc(41.66667% - 2.5rem)}.grid-margin-y>.medium-6{height:calc(50% - 2.5rem)}.grid-margin-y>.medium-7{height:calc(58.33333% - 2.5rem)}.grid-margin-y>.medium-8{height:calc(66.66667% - 2.5rem)}.grid-margin-y>.medium-9{height:calc(75% - 2.5rem)}.grid-margin-y>.medium-10{height:calc(83.33333% - 2.5rem)}.grid-margin-y>.medium-11{height:calc(91.66667% - 2.5rem)}.grid-margin-y>.medium-12{height:calc(100% - 2.5rem)}.grid-margin-y>.large-auto,.grid-margin-y>.large-shrink{height:auto}.grid-margin-y>.large-1{height:calc(8.33333% - 2.5rem)}.grid-margin-y>.large-2{height:calc(16.66667% - 2.5rem)}.grid-margin-y>.large-3{height:calc(25% - 2.5rem)}.grid-margin-y>.large-4{height:calc(33.33333% - 2.5rem)}.grid-margin-y>.large-5{height:calc(41.66667% - 2.5rem)}.grid-margin-y>.large-6{height:calc(50% - 2.5rem)}.grid-margin-y>.large-7{height:calc(58.33333% - 2.5rem)}.grid-margin-y>.large-8{height:calc(66.66667% - 2.5rem)}.grid-margin-y>.large-9{height:calc(75% - 2.5rem)}.grid-margin-y>.large-10{height:calc(83.33333% - 2.5rem)}.grid-margin-y>.large-11{height:calc(91.66667% - 2.5rem)}.grid-margin-y>.large-12{height:calc(100% - 2.5rem)}.grid-margin-y>.xlarge-auto,.grid-margin-y>.xlarge-shrink{height:auto}.grid-margin-y>.xlarge-1{height:calc(8.33333% - 2.5rem)}.grid-margin-y>.xlarge-2{height:calc(16.66667% - 2.5rem)}.grid-margin-y>.xlarge-3{height:calc(25% - 2.5rem)}.grid-margin-y>.xlarge-4{height:calc(33.33333% - 2.5rem)}.grid-margin-y>.xlarge-5{height:calc(41.66667% - 2.5rem)}.grid-margin-y>.xlarge-6{height:calc(50% - 2.5rem)}.grid-margin-y>.xlarge-7{height:calc(58.33333% - 2.5rem)}.grid-margin-y>.xlarge-8{height:calc(66.66667% - 2.5rem)}.grid-margin-y>.xlarge-9{height:calc(75% - 2.5rem)}.grid-margin-y>.xlarge-10{height:calc(83.33333% - 2.5rem)}.grid-margin-y>.xlarge-11{height:calc(91.66667% - 2.5rem)}.grid-margin-y>.xlarge-12{height:calc(100% - 2.5rem)}}@media screen and (min-width:90em){.grid-margin-y>.auto,.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.33333% - 3.125rem)}.grid-margin-y>.small-2{height:calc(16.66667% - 3.125rem)}.grid-margin-y>.small-3{height:calc(25% - 3.125rem)}.grid-margin-y>.small-4{height:calc(33.33333% - 3.125rem)}.grid-margin-y>.small-5{height:calc(41.66667% - 3.125rem)}.grid-margin-y>.small-6{height:calc(50% - 3.125rem)}.grid-margin-y>.small-7{height:calc(58.33333% - 3.125rem)}.grid-margin-y>.small-8{height:calc(66.66667% - 3.125rem)}.grid-margin-y>.small-9{height:calc(75% - 3.125rem)}.grid-margin-y>.small-10{height:calc(83.33333% - 3.125rem)}.grid-margin-y>.small-11{height:calc(91.66667% - 3.125rem)}.grid-margin-y>.small-12{height:calc(100% - 3.125rem)}.grid-margin-y>.medium-auto,.grid-margin-y>.medium-shrink{height:auto}.grid-margin-y>.medium-1{height:calc(8.33333% - 3.125rem)}.grid-margin-y>.medium-2{height:calc(16.66667% - 3.125rem)}.grid-margin-y>.medium-3{height:calc(25% - 3.125rem)}.grid-margin-y>.medium-4{height:calc(33.33333% - 3.125rem)}.grid-margin-y>.medium-5{height:calc(41.66667% - 3.125rem)}.grid-margin-y>.medium-6{height:calc(50% - 3.125rem)}.grid-margin-y>.medium-7{height:calc(58.33333% - 3.125rem)}.grid-margin-y>.medium-8{height:calc(66.66667% - 3.125rem)}.grid-margin-y>.medium-9{height:calc(75% - 3.125rem)}.grid-margin-y>.medium-10{height:calc(83.33333% - 3.125rem)}.grid-margin-y>.medium-11{height:calc(91.66667% - 3.125rem)}.grid-margin-y>.medium-12{height:calc(100% - 3.125rem)}.grid-margin-y>.large-auto,.grid-margin-y>.large-shrink{height:auto}.grid-margin-y>.large-1{height:calc(8.33333% - 3.125rem)}.grid-margin-y>.large-2{height:calc(16.66667% - 3.125rem)}.grid-margin-y>.large-3{height:calc(25% - 3.125rem)}.grid-margin-y>.large-4{height:calc(33.33333% - 3.125rem)}.grid-margin-y>.large-5{height:calc(41.66667% - 3.125rem)}.grid-margin-y>.large-6{height:calc(50% - 3.125rem)}.grid-margin-y>.large-7{height:calc(58.33333% - 3.125rem)}.grid-margin-y>.large-8{height:calc(66.66667% - 3.125rem)}.grid-margin-y>.large-9{height:calc(75% - 3.125rem)}.grid-margin-y>.large-10{height:calc(83.33333% - 3.125rem)}.grid-margin-y>.large-11{height:calc(91.66667% - 3.125rem)}.grid-margin-y>.large-12{height:calc(100% - 3.125rem)}.grid-margin-y>.xlarge-auto,.grid-margin-y>.xlarge-shrink{height:auto}.grid-margin-y>.xlarge-1{height:calc(8.33333% - 3.125rem)}.grid-margin-y>.xlarge-2{height:calc(16.66667% - 3.125rem)}.grid-margin-y>.xlarge-3{height:calc(25% - 3.125rem)}.grid-margin-y>.xlarge-4{height:calc(33.33333% - 3.125rem)}.grid-margin-y>.xlarge-5{height:calc(41.66667% - 3.125rem)}.grid-margin-y>.xlarge-6{height:calc(50% - 3.125rem)}.grid-margin-y>.xlarge-7{height:calc(58.33333% - 3.125rem)}.grid-margin-y>.xlarge-8{height:calc(66.66667% - 3.125rem)}.grid-margin-y>.xlarge-9{height:calc(75% - 3.125rem)}.grid-margin-y>.xlarge-10{height:calc(83.33333% - 3.125rem)}.grid-margin-y>.xlarge-11{height:calc(91.66667% - 3.125rem)}.grid-margin-y>.xlarge-12{height:calc(100% - 3.125rem)}.grid-margin-y>.xxlarge-auto,.grid-margin-y>.xxlarge-shrink{height:auto}.grid-margin-y>.xxlarge-1{height:calc(8.33333% - 3.125rem)}.grid-margin-y>.xxlarge-2{height:calc(16.66667% - 3.125rem)}.grid-margin-y>.xxlarge-3{height:calc(25% - 3.125rem)}.grid-margin-y>.xxlarge-4{height:calc(33.33333% - 3.125rem)}.grid-margin-y>.xxlarge-5{height:calc(41.66667% - 3.125rem)}.grid-margin-y>.xxlarge-6{height:calc(50% - 3.125rem)}.grid-margin-y>.xxlarge-7{height:calc(58.33333% - 3.125rem)}.grid-margin-y>.xxlarge-8{height:calc(66.66667% - 3.125rem)}.grid-margin-y>.xxlarge-9{height:calc(75% - 3.125rem)}.grid-margin-y>.xxlarge-10{height:calc(83.33333% - 3.125rem)}.grid-margin-y>.xxlarge-11{height:calc(91.66667% - 3.125rem)}.grid-margin-y>.xxlarge-12{height:calc(100% - 3.125rem)}}.grid-frame.grid-margin-y{height:calc(100vh + 1.875rem)}@media print,screen and (min-width:42.5em){.grid-frame.grid-margin-y{height:calc(100vh + 1.875rem)}}@media print,screen and (min-width:64.375em){.grid-frame.grid-margin-y{height:calc(100vh + 1.875rem)}}@media screen and (min-width:75em){.grid-frame.grid-margin-y{height:calc(100vh + 2.5rem)}}@media screen and (min-width:90em){.grid-frame.grid-margin-y{height:calc(100vh + 3.125rem)}}@media print,screen and (min-width:42.5em){.grid-margin-y.medium-grid-frame{height:calc(100vh + 1.875rem)}}@media print,screen and (min-width:64.375em){.grid-margin-y.large-grid-frame{height:calc(100vh + 1.875rem)}}@media screen and (min-width:75em){.grid-margin-y.xlarge-grid-frame{height:calc(100vh + 2.5rem)}}@media screen and (min-width:90em){.grid-margin-y.xxlarge-grid-frame{height:calc(100vh + 3.125rem)}}.hide{display:none!important}.invisible{visibility:hidden}.visible{visibility:visible}@media print,screen and (max-width:42.49875em){.hide-for-small-only{display:none!important}}@media screen and (max-width:0em),screen and (min-width:42.5em){.show-for-small-only{display:none!important}}@media print,screen and (min-width:42.5em){.hide-for-medium{display:none!important}}@media screen and (max-width:42.49875em){.show-for-medium{display:none!important}}@media print,screen and (min-width:42.5em) and (max-width:64.37375em){.hide-for-medium-only{display:none!important}}@media screen and (max-width:42.49875em),screen and (min-width:64.375em){.show-for-medium-only{display:none!important}}@media print,screen and (min-width:64.375em){.hide-for-large{display:none!important}}@media screen and (max-width:64.37375em){.show-for-large{display:none!important}}@media print,screen and (min-width:64.375em) and (max-width:74.99875em){.hide-for-large-only{display:none!important}}@media screen and (max-width:64.37375em),screen and (min-width:75em){.show-for-large-only{display:none!important}}@media screen and (min-width:75em){.hide-for-xlarge{display:none!important}}@media screen and (max-width:74.99875em){.show-for-xlarge{display:none!important}}@media screen and (min-width:75em) and (max-width:89.99875em){.hide-for-xlarge-only{display:none!important}}@media screen and (max-width:74.99875em),screen and (min-width:90em){.show-for-xlarge-only{display:none!important}}@media screen and (min-width:90em){.hide-for-xxlarge{display:none!important}}@media screen and (max-width:89.99875em){.show-for-xxlarge{display:none!important}}@media screen and (min-width:90em){.hide-for-xxlarge-only{display:none!important}}@media screen and (max-width:89.99875em){.show-for-xxlarge-only{display:none!important}}.show-for-sr,.show-on-focus{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.show-on-focus:active,.show-on-focus:focus{clip:auto!important;height:auto!important;overflow:visible!important;position:static!important;white-space:normal!important;width:auto!important}.hide-for-portrait,.show-for-landscape{display:block!important}@media screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:block!important}}@media screen and (orientation:portrait){.hide-for-portrait,.show-for-landscape{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:landscape){.hide-for-landscape,.show-for-portrait{display:none!important}}@media screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:block!important}}.show-for-dark-mode{display:none}.hide-for-dark-mode{display:block}@media screen and (prefers-color-scheme:dark){.show-for-dark-mode{display:block!important}.hide-for-dark-mode{display:none!important}}.show-for-ie{display:none}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.show-for-ie{display:block!important}.hide-for-ie{display:none!important}}.show-for-sticky{display:none}.is-stuck .show-for-sticky{display:block}.is-stuck .hide-for-sticky{display:none}.align-left{justify-content:flex-start}.align-right{justify-content:flex-end}.align-center{justify-content:center}.align-justify{justify-content:space-between}.align-spaced{justify-content:space-around}.align-left.vertical.menu>li>a{justify-content:flex-start}.align-right.vertical.menu>li>a{justify-content:flex-end}.align-center.vertical.menu>li>a{justify-content:center}.align-top{align-items:flex-start}.align-self-top{align-self:flex-start}.align-bottom{align-items:flex-end}.align-self-bottom{align-self:flex-end}.align-middle{align-items:center}.align-self-middle{align-self:center}.align-stretch{align-items:stretch}.align-self-stretch{align-self:stretch}.align-center-middle{align-content:center;align-items:center;justify-content:center}.small-order-1{order:1}.small-order-2{order:2}.small-order-3{order:3}.small-order-4{order:4}.small-order-5{order:5}.small-order-6{order:6}@media print,screen and (min-width:42.5em){.medium-order-1{order:1}.medium-order-2{order:2}.medium-order-3{order:3}.medium-order-4{order:4}.medium-order-5{order:5}.medium-order-6{order:6}}@media print,screen and (min-width:64.375em){.large-order-1{order:1}.large-order-2{order:2}.large-order-3{order:3}.large-order-4{order:4}.large-order-5{order:5}.large-order-6{order:6}}@media screen and (min-width:75em){.xlarge-order-1{order:1}.xlarge-order-2{order:2}.xlarge-order-3{order:3}.xlarge-order-4{order:4}.xlarge-order-5{order:5}.xlarge-order-6{order:6}}@media screen and (min-width:90em){.xxlarge-order-1{order:1}.xxlarge-order-2{order:2}.xxlarge-order-3{order:3}.xxlarge-order-4{order:4}.xxlarge-order-5{order:5}.xxlarge-order-6{order:6}}.flex-container{display:flex}.flex-child-auto{flex:1 1 auto}.flex-child-grow{flex:1 0 auto}.flex-child-shrink{flex:0 1 auto}.flex-dir-row{flex-direction:row}.flex-dir-row-reverse{flex-direction:row-reverse}.flex-dir-column{flex-direction:column}.flex-dir-column-reverse{flex-direction:column-reverse}@media print,screen and (min-width:42.5em){.medium-flex-container{display:flex}.medium-flex-child-auto{flex:1 1 auto}.medium-flex-child-grow{flex:1 0 auto}.medium-flex-child-shrink{flex:0 1 auto}.medium-flex-dir-row{flex-direction:row}.medium-flex-dir-row-reverse{flex-direction:row-reverse}.medium-flex-dir-column{flex-direction:column}.medium-flex-dir-column-reverse{flex-direction:column-reverse}}@media print,screen and (min-width:64.375em){.large-flex-container{display:flex}.large-flex-child-auto{flex:1 1 auto}.large-flex-child-grow{flex:1 0 auto}.large-flex-child-shrink{flex:0 1 auto}.large-flex-dir-row{flex-direction:row}.large-flex-dir-row-reverse{flex-direction:row-reverse}.large-flex-dir-column{flex-direction:column}.large-flex-dir-column-reverse{flex-direction:column-reverse}}@media screen and (min-width:75em){.xlarge-flex-container{display:flex}.xlarge-flex-child-auto{flex:1 1 auto}.xlarge-flex-child-grow{flex:1 0 auto}.xlarge-flex-child-shrink{flex:0 1 auto}.xlarge-flex-dir-row{flex-direction:row}.xlarge-flex-dir-row-reverse{flex-direction:row-reverse}.xlarge-flex-dir-column{flex-direction:column}.xlarge-flex-dir-column-reverse{flex-direction:column-reverse}}@media screen and (min-width:90em){.xxlarge-flex-container{display:flex}.xxlarge-flex-child-auto{flex:1 1 auto}.xxlarge-flex-child-grow{flex:1 0 auto}.xxlarge-flex-child-shrink{flex:0 1 auto}.xxlarge-flex-dir-row{flex-direction:row}.xxlarge-flex-dir-row-reverse{flex-direction:row-reverse}.xxlarge-flex-dir-column{flex-direction:column}.xxlarge-flex-dir-column-reverse{flex-direction:column-reverse}}body{position:relative}@media print,screen and (max-width:89.99875em){.grid-container{max-width:calc(100% - 6.25rem)}}@media print,screen and (max-width:64.37375em){.grid-container{max-width:calc(100% - 2rem)}}@media screen and (max-width:21.875em){.grid-container{max-width:calc(100% - 1rem)}}.grid-container--wide{max-width:106.25rem;padding-left:0;padding-right:0}@media print,screen and (min-width:42.5em){.grid-container--small{max-width:90vw}}@media print,screen and (min-width:64.375em){.grid-container--small{max-width:65.9375rem}}@media print,screen and (max-width:42.49875em){.o-footer .grid-container,.o-header .grid-container{max-width:100%}}.o-main-container{background-color:#fff;overflow:hidden;padding-top:114.789px;position:relative;z-index:2}@media print,screen and (min-width:42.5em){.o-main-container{padding-top:127.664px}}@media print,screen and (min-width:64.375em){.o-main-container{padding-top:86.6641px}}@media screen and (min-width:75em){.o-main-container{padding-top:119.219px}}@media screen and (min-width:90em){.o-main-container{padding-top:128px}}.a-link,a{color:#0e9caf;text-decoration:none;transition:color .25s ease-in-out}.a-link:active,.a-link:focus,.a-link:hover,a:active,a:focus,a:hover{color:#f25c5a;text-decoration:underline}.a-button,button{cursor:pointer}.a-button{background-color:#f25c5a;border:2px solid #f25c5a;border-radius:4px;color:#fff;display:inline-block;font-family:Museo Sans,Arial,sans-serif;font-size:.9375rem;font-weight:900;line-height:1.1875;padding:.625rem 1.875rem .5625rem;position:relative;text-align:center;text-decoration:none;transition:color .25s ease-in-out,border-color .25s ease-in-out,background-color .25s ease-in-out}@media print,screen and (min-width:42.5em){.a-button{padding-left:2.5rem;padding-right:2.5rem}}@media print,screen and (min-width:64.375em) and (max-width:74.99875em){.a-button{padding-left:30px;padding-right:30px}}@media screen and (min-width:75em){.a-button{font-size:1rem}}.a-button:active,.a-button:focus,.a-button:hover{background-color:#d03c3a;border-color:#d03c3a;color:#fff;text-decoration:none}.a-button:active,.a-button:focus{color:#fff}.a-button.a-button--small{font-size:.75rem;padding-left:.9375rem;padding-right:.9375rem}.a-button.a-button--large{font-size:1rem;line-height:1.625;padding:.625rem 2.8125rem}@media screen and (min-width:75em){.a-button.a-button--large{font-size:1.125rem}}.a-button.a-button--outline{background-color:transparent;color:#f25c5a}.a-button.a-button--outline:active,.a-button.a-button--outline:focus,.a-button.a-button--outline:hover{background-color:#d03c3a;border-color:#d03c3a;color:#fff}.a-button--full-width{width:100%}.a-button.a-button--secondary{background-color:#0e9caf;border-color:#0e9caf;color:#fff}.a-button.a-button--secondary:active,.a-button.a-button--secondary:focus,.a-button.a-button--secondary:hover{background-color:#0dbfd5;border-color:#0dbfd5;color:#fff}.a-button.a-button--secondary--outline{background-color:transparent;border-color:#0e9caf;color:#0e9caf}.a-button.a-button--secondary--outline:active,.a-button.a-button--secondary--outline:focus,.a-button.a-button--secondary--outline:hover{background-color:#0dbfd5;border-color:#0dbfd5;color:#fff}.a-button.a-button--tertiary{background-color:#905aa6;border-color:#905aa6;color:#fff}.a-button.a-button--tertiary:active,.a-button.a-button--tertiary:focus,.a-button.a-button--tertiary:hover{background-color:rgba(144,90,166,.8);color:#905aa6}.a-button.a-button--tertiary--outline{background-color:transparent;border-color:#905aa6;color:#905aa6}.a-button.a-button--tertiary--outline:active,.a-button.a-button--tertiary--outline:focus,.a-button.a-button--tertiary--outline:hover{background-color:#905aa6;color:#fff}.a-button.a-button--white{background-color:transparent;border-color:hsla(0,0%,100%,.2);color:#fff}.a-button.a-button--white:active,.a-button.a-button--white:focus,.a-button.a-button--white:hover{background-color:hsla(0,0%,100%,.2)}.a-button.a-button--white--outline{background-color:transparent;border-color:#fff;color:#fff}.a-button.a-button--white--outline:active,.a-button.a-button--white--outline:focus,.a-button.a-button--white--outline:hover{background-color:hsla(0,0%,100%,.2)}.a-prev-button{display:inline-block}.a-prev-button.slick-disabled{cursor:default;opacity:0;pointer-events:none}.a-prev-button.slick-disabled span,.a-prev-button.slick-disabled span:after{opacity:0}.a-prev-button span{border-left:2px solid #0e9caf;border-top:2px solid #0e9caf;display:block;height:15px;transform:rotate(-45deg);width:15px}.a-prev-button span:after{background-color:#0e9caf;content:"";display:block;height:30px;left:0;top:0;transform:rotate(-45deg) translate(10px,3px);width:2px}.a-next-button{display:inline-block}.a-next-button.slick-disabled{cursor:default;opacity:0;pointer-events:none}.a-next-button.slick-disabled span,.a-next-button.slick-disabled span:after{opacity:0}.a-next-button span{border-left:2px solid #0e9caf;border-top:2px solid #0e9caf;display:block;height:15px;transform:rotate(135deg);width:15px}.a-next-button span:after{background-color:#0e9caf;content:"";display:block;height:30px;left:0;top:0;transform:rotate(-45deg) translate(10px,3px);width:2px}.a-button.a-button--full-width{width:100%}.a-pdf-file{align-items:center;display:inline-flex;font-size:.875rem;line-height:1.1;margin-left:-3px}@media print,screen and (min-width:64.375em){.a-pdf-file{font-size:1rem}}.a-pdf-file:before{background-image:url(../images/icons/pdf.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:1.875rem;margin-right:.625rem;width:1.5rem}.a-pdf-file:active,.a-pdf-file:focus,.a-pdf-file:hover{text-decoration:none}.a-button-toggle-next{cursor:pointer;display:inline-block}.a-button-toggle-next:after{color:#0e9caf;content:"\f107";font-family:FontAwesome;font-size:95%;margin-left:.9375rem}.a-button-toggle-next.js-active:after{content:"\f106"}@media screen and (max-width:21.875em){html{font-size:15px}}@media print,screen and (min-width:64.375em){html{font-size:15px}}@media screen and (min-width:64.375em) and (max-height:750px){html{font-size:14px}}@media screen and (min-width:75em){html{font-size:16px}}@media screen and (min-width:75em) and (max-height:1000px){html{font-size:15px}}@media screen and (min-width:75em) and (max-height:750px){html{font-size:14px}}body{font-size:.9375rem;line-height:1.5555555556}@media print,screen and (min-width:42.5em){body{font-size:1rem;line-height:1.6666666667}}@media print,screen and (min-width:64.375em){body{font-size:1.125rem}}body form,body ol,body p,body ul{line-height:1.5555555556}@media print,screen and (min-width:42.5em){body form,body ol,body p,body ul{line-height:1.6666666667}}.a-text-uppercase{text-transform:uppercase}.a-text-capitalize{text-transform:capitalize}.a-text-bold{font-weight:900}.a-text-light{font-weight:300}.a-image-caption,.a-text-italic{font-style:italic}.a-image-caption{padding:.3125rem .9375rem}.a-image-caption,.a-text-small{font-size:.875rem}@media print,screen and (min-width:64.375em){.a-text-small{font-size:1rem}}.a-text-xsmall{font-size:.75rem}.a-text-lead{font-size:1.5rem;line-height:1.2}@media print,screen and (min-width:42.5em){.a-text-lead{font-size:1.625rem}}@media screen and (min-width:75em){.a-text-lead{font-size:1.875rem;line-height:1.2}}.a-text-lead--small{font-size:1.125rem;font-weight:300}@media print,screen and (min-width:42.5em){.a-text-lead--small{font-size:1.25rem}}@media screen and (min-width:75em){.a-text-lead--small{font-size:1.5rem}}.a-text-underline{display:inline-block}.a-text-underline:after{background-color:#905aa6;content:"";display:block;height:.25rem;margin-top:.125rem;width:100%}.a-intro{font-size:1.5rem;font-weight:300;line-height:1.3333333333}@media print,screen and (min-width:42.5em){.a-intro{font-size:1.875rem;line-height:1.2}}@media print,screen and (min-width:64.375em){.a-intro{font-size:2.25rem;line-height:1.2222222222}}.a-h1,.a-h2,.a-h3,.a-h4,.a-h5,.a-h6,h1,h2,h3,h4,h5,h6,ol,p,ul{margin-bottom:1.25rem}@media print,screen and (min-width:42.5em){.a-h1,.a-h2,.a-h3,.a-h4,.a-h5,.a-h6,h1,h2,h3,h4,h5,h6,ol,p,ul{margin-bottom:1.5625rem}}.a-h1 a,.a-h2 a,.a-h3 a,.a-h4 a,h1 a,h2 a,h3 a,h4 a{color:inherit}.a-h1,h1{font-family:Typeface Six OT,Arial,sans-serif;font-weight:400;line-height:1.3571428571;margin-bottom:.9375rem;text-transform:uppercase}@media print,screen and (min-width:42.5em){.a-h1,h1{line-height:1.2777777778;margin-bottom:1.25rem}}@media print,screen and (min-width:64.375em){.a-h1,h1{line-height:1.2083333333}}.a-h2,h2{line-height:1.3333333333}@media print,screen and (min-width:42.5em){.a-h2,h2{line-height:1.2}}@media print,screen and (min-width:64.375em){.a-h2,h2{line-height:1.1944444444}}.a-h3,h3{line-height:1.4444444444}@media print,screen and (min-width:42.5em){.a-h3,h3{line-height:1.2}}.a-blockquote,blockquote{border-right:4px solid #905aa6;font-style:italic;margin:0 auto 1.25rem}@media print,screen and (min-width:42.5em){.a-blockquote,blockquote{margin-bottom:1.5625rem;width:86%}}.a-blockquote .a-h1,.a-blockquote .a-h2,.a-blockquote .a-h3,.a-blockquote .a-h4,.a-blockquote .a-h5,.a-blockquote .a-h6,.a-blockquote h1,.a-blockquote h2,.a-blockquote h3,.a-blockquote h4,.a-blockquote h5,.a-blockquote h6,blockquote .a-h1,blockquote .a-h2,blockquote .a-h3,blockquote .a-h4,blockquote .a-h5,blockquote .a-h6,blockquote h1,blockquote h2,blockquote h3,blockquote h4,blockquote h5,blockquote h6{font-weight:600}.a-blockquote :last-child,blockquote :last-child{margin-bottom:0}.m-site-logo{max-width:100%;width:120px}@media screen and (min-width:75em){.m-site-logo{width:160px}}@media screen and (min-width:90em){.m-site-logo{width:180px}}.m-site-logo img{width:100%}.m-utility-menu{display:flex;font-size:.875rem;justify-content:center;line-height:1.2142857143;list-style:none;margin-bottom:.9375rem!important;margin-left:0}@media print,screen and (max-width:64.37375em){.m-utility-menu{margin:0}}.m-utility-menu li{margin-right:1.5625rem}@media screen and (min-width:90em){.m-utility-menu li{margin-right:2.1875rem}}.m-utility-menu li.small-margin{margin-right:.625rem}.m-utility-menu li:last-child{margin-right:0}.o-header__navigation-top .m-utility-menu{justify-content:flex-end}.o-header__navigation-top .m-utility-menu a{color:#fff}.m-main-menu,.m-main-menu ul{list-style-type:none;margin:0!important}.m-main-menu a:active,.m-main-menu a:focus,.m-main-menu a:hover,.m-main-menu ul a:active,.m-main-menu ul a:focus,.m-main-menu ul a:hover{text-decoration:none}@media print,screen and (max-width:64.37375em){.m-main-menu{margin:0 0 .9375rem!important}}@media print,screen and (min-width:64.375em){.m-main-menu{font-size:1.125rem;line-height:1.1875;transition:opacity .2s ease}}@media print,screen and (min-width:64.375em) and (min-width:64.375em){.m-main-menu{display:inline-block!important;font-size:.9375rem;line-height:1.1875}}@media screen and (min-width:64.375em) and (min-width:75em){.m-main-menu{font-size:1rem}}@media print,screen and (min-width:64.375em){.m-main-menu.js-hidden{opacity:0}.m-main-menu>.menu-item{display:inline-block;margin-right:1.5625rem;position:relative}}@media screen and (min-width:64.375em) and (min-width:90em){.m-main-menu>.menu-item{margin-right:2.1875rem}}@media print,screen and (min-width:64.375em){.m-main-menu>.menu-item:last-child{margin-right:0}.m-main-menu>.menu-item>a{color:#fff;display:block;font-weight:900;padding:0 .3125rem .9375rem}}@media screen and (min-width:64.375em) and (min-width:75em){.m-main-menu>.menu-item>a{padding-bottom:1.40625rem}}@media print,screen and (min-width:64.375em){.m-main-menu>.menu-item>a:active,.m-main-menu>.menu-item>a:focus,.m-main-menu>.menu-item>a:hover{text-decoration:none}.m-main-menu>.menu-item>a:after{background:linear-gradient(180deg,#905aa6 50%,#333d4f 0);background-position:0 100%;background-size:100% 200%;bottom:0;content:"";display:block;height:5px;left:0;position:absolute;width:100%}}@media screen and (min-width:64.375em) and (min-width:75em){.m-main-menu>.menu-item>a:after{height:6px}}@media screen and (min-width:64.375em) and (min-width:90em){.m-main-menu>.menu-item>a:after{height:8px}}@media print,screen and (min-width:64.375em){.m-main-menu>.menu-item:active>a:after,.m-main-menu>.menu-item:focus>a:after,.m-main-menu>.menu-item:hover>a:after{background-position:0 0;transition:all .25s cubic-bezier(.2,0,.2,1)}.m-main-menu>.menu-item:active .menu,.m-main-menu>.menu-item:focus .menu,.m-main-menu>.menu-item:hover .menu{opacity:1;visibility:visible}.m-main-menu>.menu-item.current-menu-ancestor>a:after,.m-main-menu>.menu-item.current-menu-item>a:after{background-position:0 0}.m-main-menu .menu{background-color:#333d4f;left:0;min-width:100%;padding:.625rem 0;position:absolute;text-align:left;top:100%}}@media print,screen and (min-width:64.375em) and (min-width:64.375em){.m-main-menu .menu{opacity:0;transition:opacity .3s cubic-bezier(.2,0,.2,1);visibility:hidden}}@media screen and (min-width:64.375em) and (min-width:75em){.m-main-menu .menu{padding:.9375rem 0}}@media print,screen and (min-width:64.375em){.page-template-homepage .m-main-menu .menu{background-color:rgba(51,61,79,.95)}.m-main-menu .menu>.menu-item{font-weight:500;margin-bottom:.625rem}}@media screen and (min-width:64.375em) and (min-width:75em){.m-main-menu .menu>.menu-item{margin-bottom:.9375rem}}@media print,screen and (min-width:64.375em){.m-main-menu .menu>.menu-item:last-child{margin-bottom:0}.m-main-menu .menu>.menu-item>a{color:#fff;display:block;padding:0 .9375rem;transition:color .25s ease-in-out;white-space:nowrap}}@media screen and (min-width:64.375em) and (min-width:75em){.m-main-menu .menu>.menu-item>a{padding:0 1.5625rem}}@media print,screen and (min-width:64.375em){.m-main-menu .menu>.menu-item>a:active,.m-main-menu .menu>.menu-item>a:focus,.m-main-menu .menu>.menu-item>a:hover{color:#0e9caf;text-decoration:none}.m-main-menu .menu>.menu-item.current-menu-ancestor a,.m-main-menu .menu>.menu-item.current-menu-item a{color:#0e9caf}}@media print,screen and (max-width:64.37375em){.m-main-menu{border-bottom:1px solid #ddd;margin-bottom:2.1875rem;padding-bottom:2.1875rem;text-align:left!important}}@media print,screen and (max-width:64.37375em) and (min-width:42.5em){.m-main-menu{margin-bottom:3.125rem;padding-bottom:3.125rem}}@media print,screen and (max-width:64.37375em){.m-main-menu>.menu-item{align-items:center;display:flex;flex-wrap:wrap;font-size:1.125rem;justify-content:space-between;line-height:1.3333333333;margin-bottom:.9375rem}}@media print,screen and (max-width:64.37375em) and (min-width:42.5em){.m-main-menu>.menu-item{margin-bottom:1.5625rem}}@media print,screen and (max-width:64.37375em){.m-main-menu>.menu-item:last-child{margin-bottom:0}.m-main-menu>.menu-item.current-menu-ancestor>a,.m-main-menu>.menu-item.current-menu-item>a{color:#0e9caf}.m-main-menu>.menu-item>a{color:#333d4f;display:block;font-weight:900;padding:.625rem 0}.m-main-menu>.menu-item>a:after{content:none}.m-main-menu>.menu-item>button{color:#0e9caf;font-size:1.125rem;height:1.5rem;line-height:1.5rem;text-align:center;width:1.5rem}.m-main-menu>.menu-item>button span{vertical-align:text-top}.m-main-menu>.menu-item>button.js-active span:before{color:#f25c5a;content:"\f077"}.m-main-menu .menu{display:none;flex-basis:100%;padding:.9375rem .9375rem 0}}@media print,screen and (max-width:64.37375em) and (min-width:42.5em){.m-main-menu .menu{padding:1.5625rem 1.5625rem 0}}@media print,screen and (max-width:64.37375em){.m-main-menu .menu .menu-item{margin-bottom:.9375rem}}@media print,screen and (max-width:64.37375em) and (min-width:42.5em){.m-main-menu .menu .menu-item{margin-bottom:1.5625rem}}@media print,screen and (max-width:64.37375em){.m-main-menu .menu .menu-item:last-child{margin-bottom:0}.m-main-menu .menu .menu-item.current-menu-ancestor>a,.m-main-menu .menu .menu-item.current-menu-item>a{color:#0e9caf}.m-main-menu .menu .menu-item a{color:#333d4f;font-weight:500}}.o-header{background-color:#333d4f;left:0;padding:10px 0 0;position:absolute;top:0;width:100%;z-index:9999}@media print,screen and (min-width:64.375em){.o-header{padding-top:15px}}@media screen and (min-width:75em){.o-header{padding-top:25px}}.o-header>.grid-container{position:relative}.o-header svg{fill:#fff;height:auto;width:18px}.o-header__logo{padding-bottom:10px}@media print,screen and (max-width:42.49875em){.o-header__logo{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:2}.o-header__logo .o-header__search-toggle{color:#fff;font-size:1.375rem;width:30px}}@media print,screen and (min-width:64.375em){.o-header__logo{align-items:flex-end;display:flex;padding-bottom:15px}.o-header__logo img{margin-bottom:5px}}@media screen and (min-width:64.375em) and (min-width:75em){.o-header__logo img{margin-bottom:0}}@media screen and (min-width:75em){.o-header__logo{padding-bottom:25px}}@media print,screen and (max-width:64.37375em){.o-header__navigation:not(.auto){padding-left:0!important;padding-right:0!important}}@media print,screen and (min-width:64.375em){.o-header__navigation:not(.auto){display:flex;flex-direction:column;justify-content:space-between}}.o-header__navigation-bottom{display:flex;height:100%}@media print,screen and (min-width:64.375em){.o-header__navigation-bottom{align-items:flex-end;justify-content:flex-start;position:relative}}@media print,screen and (max-width:64.37375em){.o-header__navigation-bottom>*{flex-basis:50%;text-align:center}}.o-header__navigation-bottom .o-header__navigation-bottom-right{height:100%;justify-content:flex-end;position:absolute;right:0;top:0;z-index:1}@media print,screen and (max-width:64.37375em){.o-header__navigation-bottom .o-header__navigation-bottom-right{flex-direction:column;overflow:hidden;width:50%}}@media print,screen and (min-width:64.375em){.o-header__navigation-bottom .o-header__navigation-bottom-right{width:100%}}.o-header__navigation-bottom .o-header__navigation-bottom-right.js-active{z-index:3}.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__searchform-wrapper{flex-grow:1;justify-content:flex-end}@media print,screen and (max-width:64.37375em){.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__searchform-wrapper{margin-right:15px;overflow:hidden;padding-top:.625rem}}@media print,screen and (min-width:64.375em){.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__searchform-wrapper{flex:0;position:relative}}.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__search-toggle{color:#fff;font-size:1.375rem;width:30px}@media print,screen and (max-width:64.37375em){.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__search-toggle,.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__searchform{transform:translateX(calc(50vw - 30px - .9375rem));transition:transform .25s ease-in-out}.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__searchform{flex:1}}@media print,screen and (min-width:64.375em){.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__searchform{flex:0;overflow:hidden;width:0}}.o-header__navigation-bottom .o-header__navigation-bottom-right input[type=text]{background:none;border:none;color:#fff;font-size:1.125rem;height:auto;margin-left:15px;margin-right:15px;margin-top:.625rem;padding:0 0 .625rem;width:auto}.o-header__navigation-bottom .o-header__navigation-bottom-right ::-moz-placeholder{color:hsla(0,0%,100%,.8)}.o-header__navigation-bottom .o-header__navigation-bottom-right ::placeholder{color:hsla(0,0%,100%,.8)}.o-header__navigation-bottom .o-header__navigation-bottom-right :-ms-input-placeholder{color:hsla(0,0%,100%,.8)}.o-header__navigation-bottom .o-header__navigation-bottom-right ::-ms-input-placeholder{color:hsla(0,0%,100%,.8)}.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__search-close{width:30px}.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__search-close span{display:inline-block;height:18px;margin-right:.625rem;opacity:1;position:relative;transform:rotate(0deg);transform-origin:right center;transition:.5s ease-in-out;width:24px}.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__search-close span span{background-color:#fff;border-radius:3px;display:block;height:3px;left:0;opacity:1;position:absolute;transform-origin:left center;transition:.25s ease-in-out;width:100%}.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__search-close span span:first-child{left:6px;top:3px;transform:rotate(45deg);transform-origin:left center}.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__search-close span span:last-child{left:6px;top:20px;transform:rotate(-45deg)}@media print,screen and (min-width:64.375em){.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__searchform-wrapper.js-active{border-bottom:2px solid #fff}}@media print,screen and (max-width:64.37375em){.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__searchform-wrapper.js-active>*{transform:translateX(0);transition:transform .25s ease-in-out}}@media print,screen and (min-width:64.375em){.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__searchform-wrapper.js-active,.o-header__navigation-bottom .o-header__navigation-bottom-right .o-header__searchform-wrapper.js-active .o-header__searchform{flex:1;transition:flex .5s ease-in-out}}@media print,screen and (max-width:64.37375em){.o-header__navigation-bottom .a-button{align-items:center;border:none;border-radius:0;display:flex;font-size:16px;height:3.5rem;justify-content:center;line-height:1.5;transform:none!important;width:100%}}@media print,screen and (max-width:42.49875em){.o-header__navigation-bottom .a-button{height:2.875rem}}@media print,screen and (min-width:64.375em){.o-header__navigation-bottom .a-button{margin-left:.9375rem}}.o-header__main-menu-wrapper{position:relative;z-index:2}@media print,screen and (max-width:64.37375em){.o-header__main-menu-wrapper{background-color:#fff;display:none;left:0;overflow:scroll;padding:2.1875rem 15px;position:absolute;top:100%;width:100%}}@media print,screen and (max-width:64.37375em) and (min-width:42.5em){.o-header__main-menu-wrapper{padding:3.125rem 8.75rem}}@media print,screen and (max-width:64.37375em){.o-header__main-menu-wrapper>div{font-size:.875rem;line-height:1.2142857143}.o-header__main-menu-wrapper>div a{color:#333d4f;font-weight:500;margin-right:2.1875rem}}@media print,screen and (max-width:64.37375em) and (min-width:42.5em){.o-header__main-menu-wrapper>div a{margin-right:3.125rem}}@media print,screen and (max-width:64.37375em){.o-header__main-menu-wrapper>div a:last-child{margin-right:0}}@media print,screen and (min-width:64.375em){.o-header__main-menu-wrapper{display:block!important}.o-header__navigation-bottom>.flex-container{align-items:center;margin-left:auto;padding-bottom:.9375rem}}@media screen and (min-width:75em){.o-header__navigation-bottom>.flex-container{padding-bottom:1.5625rem}}@media screen and (min-width:90em){.o-header__navigation-bottom>.flex-container{padding-bottom:.9375rem}}.o-header__mobile-menu-toggle{background-color:#0e9caf;color:#fff;cursor:pointer;font-size:20px;font-weight:500;height:2.875rem;line-height:1.2;position:relative;width:100%;z-index:9999}@media print,screen and (min-width:42.5em){.o-header__mobile-menu-toggle{height:3.5rem}}.o-header__mobile-menu-toggle.o-header__mobile-menu-toggle--full-vw{width:100vw}.o-header__mobile-menu-toggle>span:first-child{display:inline-block;height:21px;margin-right:.625rem;opacity:1;position:relative;transform:rotate(0deg);transform-origin:right center;transition:.5s ease-in-out;width:28px}.o-header__mobile-menu-toggle>span:first-child span{background-color:#fff;border-radius:3px;display:block;height:3px;left:0;opacity:1;position:absolute;transition:.25s ease-in-out;width:100%}.o-header__mobile-menu-toggle>span:first-child span:first-child{top:8px;transform-origin:left center}.o-header__mobile-menu-toggle>span:first-child span:last-child{top:16px;transform-origin:left center}.js-mobile-menu-opened .o-header__mobile-menu-toggle>span:first-child>span:first-child{left:4px;top:3px;transform:rotate(40deg)}.js-mobile-menu-opened .o-header__mobile-menu-toggle>span:first-child>span:last-child{left:4px;top:21.5px;transform:rotate(-40deg)}.o-header.js-has-transition{transition:transform .4s ease-in-out}.o-header.js-is-fixed{background:none!important;background-color:#333d4f!important;padding-top:.9375rem!important;position:fixed;transform:translateY(-100%)}.o-header.js-is-fixed>.grid-container>.grid-x{align-items:flex-end}@media print,screen and (min-width:64.375em){.o-header.js-is-fixed .o-header__logo{padding-bottom:.9375rem!important}}@media print,screen and (min-width:42.5em){.o-header.js-is-fixed .o-header__logo .m-site-logo{width:6.25rem}}.o-header.js-is-fixed .m-main-menu>.menu-item>a{padding-bottom:.9375rem!important}.o-header.js-is-fixed .m-main-menu>.menu-item>a:after{height:4px}@media print,screen and (min-width:64.375em){.o-header.js-is-fixed .o-header__navigation-bottom>.flex-container{padding-bottom:.9375rem!important}.o-header.js-is-fixed .o-header__navigation-top{display:none}}.o-header.js-is-fixed .o-header__button{padding-top:.4375rem}.o-header.js-is-fixed.js-is-sticky{transform:translateY(0)}.o-hero-banner{position:relative}.o-hero-banner.o-hero-banner--has-form .o-hero-banner__image{-webkit-clip-path:inset(0);clip-path:inset(0)}.o-hero-banner.o-hero-banner--has-form .o-hero-banner__image img{position:fixed}@media print,screen and (min-width:64.375em){.o-hero-banner.o-hero-banner--has-form .s-content.js-hero-banner-content{margin-top:11.25rem}}.o-hero-banner .o-hero-banner__image{height:100%;left:0;padding:0;position:absolute;top:0;width:100%}.o-hero-banner .o-hero-banner__image img{-o-object-fit:cover;object-fit:cover}.o-hero-banner .o-hero-banner__image img,.o-hero-banner:after{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.o-hero-banner:after{background:rgba(0,0,0,.2);content:"";display:block}@media print,screen and (max-width:42.49875em){.o-hero-banner .o-hero-banner__image.below-banner{padding-bottom:45%;position:relative}.o-hero-banner .o-hero-banner__image.below-banner img{position:absolute}}.o-hero-banner .o-hero-banner__video img,.o-hero-banner .o-hero-banner__video video{background-size:cover;height:auto;left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:auto;z-index:-50}.o-hero-banner .o-hero-banner__content{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.3));color:#fff;padding:50px 0;position:relative;z-index:10}@media print,screen and (max-width:64.37375em){.o-hero-banner .o-hero-banner__content{text-align:center!important}}@media screen and (min-width:75em){.o-hero-banner .o-hero-banner__content{min-height:750px;padding:70px 0}}@media print,screen and (max-width:64.37375em){.o-hero-banner .o-hero-banner__content .row-gap{row-gap:3.125rem}}@media print,screen and (min-width:64.375em){.o-hero-banner .o-hero-banner__content .align-right{flex-direction:row-reverse}}.o-hero-banner .o-hero-banner__content>.grid-container{flex-basis:100%}.o-hero-banner .o-hero-banner__content .a-h1,.o-hero-banner .o-hero-banner__content h1{line-height:1.2}@media screen and (min-width:75em){.o-hero-banner .o-hero-banner__content .a-h1,.o-hero-banner .o-hero-banner__content h1{font-size:3.25rem}}@media screen and (min-width:90em){.o-hero-banner .o-hero-banner__content .a-h1,.o-hero-banner .o-hero-banner__content h1{font-size:3.75rem}}.o-hero-banner .o-hero-banner__content .a-h1--large.a-h1,.o-hero-banner .o-hero-banner__content h1.a-h1--large{font-size:2rem}@media (min-width:520px){.o-hero-banner .o-hero-banner__content .a-h1--large.a-h1,.o-hero-banner .o-hero-banner__content h1.a-h1--large{font-size:3rem}}@media print,screen and (min-width:42.5em){.o-hero-banner .o-hero-banner__content .a-h1--large.a-h1,.o-hero-banner .o-hero-banner__content h1.a-h1--large{font-size:3.25rem}}@media print,screen and (min-width:64.375em){.o-hero-banner .o-hero-banner__content .a-h1--large.a-h1,.o-hero-banner .o-hero-banner__content h1.a-h1--large{font-size:5rem;line-height:1}}@media screen and (min-width:90em){.o-hero-banner .o-hero-banner__content .a-h1--large.a-h1,.o-hero-banner .o-hero-banner__content h1.a-h1--large{font-size:6rem}}.o-hero-banner .o-hero-banner__content p{font-size:1.125rem;line-height:1.5}@media print,screen and (min-width:42.5em){.o-hero-banner .o-hero-banner__content p{font-size:1.25rem;line-height:1.5}}@media print,screen and (min-width:64.375em){.o-hero-banner .o-hero-banner__content p{font-size:1.375rem}}@media screen and (min-width:90em){.o-hero-banner .o-hero-banner__content p{font-size:1.5rem}}.o-hero-banner .o-hero-banner__content .a-button--secondary{background-color:#0dbfd5;border-color:#0dbfd5}.o-hero-banner .o-hero-banner__content .a-button--secondary:hover{background-color:#0e9caf;border-color:#0e9caf;color:#fff}.o-hero-banner__bg-overlay{background:#333d4f;bottom:0;content:"";display:block;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:-100}.o-hero-banner__form{margin:0 auto;width:-moz-fit-content;width:fit-content}.o-page-title .a-h1:after,.o-page-title h1:after{background-color:#0e9caf;content:"";display:block;height:.25rem;margin-left:auto;margin-right:auto;margin-top:1.25rem;width:5rem}@media print,screen and (min-width:42.5em){.o-page-title .a-h1:after,.o-page-title h1:after{margin-top:1.5625rem;width:6.25rem}}@media print,screen and (max-width:64.37375em){.o-page-title.s-bg-color--teal{border-top:1px solid #f9f6f1}}.o-page-title.s-bg-color--teal .a-h1:after,.o-page-title.s-bg-color--teal h1:after{background-color:#fff}@media print,screen and (min-width:64.375em){.o-page-title.o-page-title--pathway.s-panel{padding:9.375rem 0}}.o-page-title.o-page-title--magazine{border-bottom:1px solid}@media print,screen and (min-width:64.375em){.o-page-title.o-page-title--magazine .a-intro{font-size:1.5rem}}.o-page-title.o-page-title--magazine .o-page-title__download{border-top:1px solid #fff;margin:0 auto;max-width:90%;padding-top:1.5625rem}@media print,screen and (min-width:42.5em){.o-page-title.o-page-title--magazine .o-page-title__download{max-width:75%}}@media print,screen and (min-width:64.375em){.o-page-title.o-page-title--magazine .o-page-title__download{max-width:50%}}.o-page-title.o-page-title--magazine .o-page-title__download img{margin-right:.625rem}.o-page-title.has-image+div{padding-top:13.75rem}@media print,screen and (min-width:42.5em){.o-page-title.has-image+div{padding-top:15.625rem}}.o-page-banner{margin-bottom:-15.625rem;position:relative}.o-page-banner .o-page-banner__image{background-color:transparent;display:flex;position:relative}.o-page-banner .o-page-banner__image:before{content:"";display:block;padding-top:48.6111111111%;width:100%}.o-page-banner .o-page-banner__quote-container{margin:0 auto}@media print,screen and (min-width:42.5em){.o-page-banner .o-page-banner__quote-container{bottom:-3.75rem;left:1.875rem;position:absolute;width:80%}}@media print,screen and (min-width:64.375em){.o-page-banner .o-page-banner__quote-container{bottom:-1.875rem;left:3.75rem;width:50%}}@media screen and (min-width:90em){.o-page-banner .o-page-banner__quote-container{width:40%}}.o-page-banner .o-page-banner__quote-container .o-page-banner__quote{color:#fff;font-weight:300;padding:3.75rem 1.875rem;position:relative}@media print,screen and (min-width:42.5em){.o-page-banner .o-page-banner__quote-container .o-page-banner__quote{padding:2.5rem 5rem}}@media print,screen and (min-width:64.375em){.o-page-banner .o-page-banner__quote-container .o-page-banner__quote{padding:3.4375rem 5.9375rem 3.4375rem 5.625rem}}.o-page-banner .o-page-banner__quote-container .o-page-banner__quote.purple{background-color:rgba(144,90,166,.95)}.o-page-banner .o-page-banner__quote-container .o-page-banner__quote.teal{background-color:rgba(14,156,175,.95)}.o-page-banner .o-page-banner__quote-container .o-page-banner__quote.has-quotation-marks:after,.o-page-banner .o-page-banner__quote-container .o-page-banner__quote.has-quotation-marks:before{padding:.625rem;position:absolute}@media print,screen and (min-width:42.5em){.o-page-banner .o-page-banner__quote-container .o-page-banner__quote.has-quotation-marks:after,.o-page-banner .o-page-banner__quote-container .o-page-banner__quote.has-quotation-marks:before{padding:1.25rem;top:0}}.o-page-banner .o-page-banner__quote-container .o-page-banner__quote.has-quotation-marks:before{content:url(../../assets/images/icons/open-quote.png);left:0}@media print,screen and (max-width:42.49875em){.o-page-banner .o-page-banner__quote-container .o-page-banner__quote.has-quotation-marks:before{top:0}}.o-page-banner .o-page-banner__quote-container .o-page-banner__quote.has-quotation-marks:after{content:url(../../assets/images/icons/close-quote.png);right:0}@media print,screen and (max-width:42.49875em){.o-page-banner .o-page-banner__quote-container .o-page-banner__quote.has-quotation-marks:after{bottom:0}}.o-page-banner .o-page-banner__quote-container *{line-height:1.2}.o-page-banner .o-page-banner__quote-container .o-page-banner__quote-text{font-size:1.125rem}@media print,screen and (min-width:42.5em){.o-page-banner .o-page-banner__quote-container .o-page-banner__quote-text{font-size:1.25rem}}@media print,screen and (min-width:64.375em){.o-page-banner .o-page-banner__quote-container .o-page-banner__quote-text{font-size:1.5rem}}.o-page-banner-w-media{position:relative}.o-page-banner-w-media .m-breadcrumbs li,.o-page-banner-w-media .m-breadcrumbs li *{color:#fff}@media print,screen and (min-width:64.375em){.o-page-banner-w-media .m-breadcrumbs{margin-bottom:0}}.o-page-banner-w-media .o-page-banner-w-media__content{padding-bottom:4rem;padding-top:2rem;position:relative;z-index:2}.o-page-banner-w-media .o-page-banner-w-media__content .o-page-banner-w-media__content__text{text-align:center}.o-page-banner-w-media .o-page-banner-w-media__content .o-page-banner-w-media__content__text .divider{background-color:#fff;margin-left:auto;margin-right:auto}@media print,screen and (min-width:64.375em){.o-page-banner-w-media .o-page-banner-w-media__content .o-page-banner-w-media__content__text:not(.o-page-banner-w-media .o-page-banner-w-media__content .o-page-banner-w-media__content__text.align-center){padding:2.25rem 4rem;text-align:left}.o-page-banner-w-media .o-page-banner-w-media__content .o-page-banner-w-media__content__text:not(.o-page-banner-w-media .o-page-banner-w-media__content .o-page-banner-w-media__content__text.align-center) .divider{margin-left:0;margin-right:0}}.o-page-banner-w-media .o-page-banner-w-media__media .o-page-banner-w-media__media__img>img{max-height:20rem;-o-object-fit:cover;object-fit:cover}@media print,screen and (max-width:64.37375em){.o-page-banner-w-media .o-page-banner-w-media__media .o-page-banner-w-media__media__img>img{width:100%}}@media print,screen and (min-width:64.375em){.o-page-banner-w-media .o-page-banner-w-media__media{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:1}.o-page-banner-w-media .o-page-banner-w-media__media .o-page-banner-w-media__media__img{position:relative}.o-page-banner-w-media .o-page-banner-w-media__media .o-page-banner-w-media__media__img>img{height:100%;left:50%;max-height:unset;position:absolute;top:50%;transform:translate(-50%,-50%)}.o-page-banner-w-media .o-page-banner-w-media__media .o-page-banner-w-media__media__video{height:100%;position:relative}.o-page-banner-w-media .o-page-banner-w-media__media .o-page-banner-w-media__media__video img,.o-page-banner-w-media .o-page-banner-w-media__media .o-page-banner-w-media__media__video video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.o-page-banner-w-media .o-page-banner-w-media__media .o-page-banner-w-media__media__video video{left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);z-index:2}} </style>  <link rel="preload" href="https://bccancerfoundation.com/wp-content/themes/bccf/dist/css/app.css?id=a6c42c2568da165083bc642ac4da242a" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="https://bccancerfoundation.com/wp-content/themes/bccf/dist/css/app.css?id=a6c42c2568da165083bc642ac4da242a"> </noscript>  <link rel="preload" href="https://bccancerfoundation.com/wp-content/plugins/gravityforms/assets/css/dist/basic.min.css?ver=2.9.4" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="/home/bccf-site/bccancerfoundation.com/public/wp-content/plugins/gravityforms/assets/css/dist/basic.min.css?ver=2.9.4"> </noscript> <link rel="preload" href="https://bccancerfoundation.com/wp-content/plugins/gravityforms/assets/css/dist/theme.min.css?ver=2.9.4" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript> <link rel="stylesheet" href="/home/bccf-site/bccancerfoundation.com/public/wp-content/plugins/gravityforms/assets/css/dist/theme.min.css?ver=2.9.4"> </noscript>  </head> <body class="donations-template-default single single-donations postid-11417">  <img src="https://secure2.convio.net/bccf/site/PixelServer" alt="PixelServer" style="height: 0;width: 0;position: absolute;opacity: 0;" />   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NL6FNT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script src="//a.insiteful.co/dist/compile.min.js"></script> <script defer>insiteful_activate('NjU5ODY4OGJjYTM0Yg==');</script>   <header class="o-header js-header "> <div class="grid-container full"> <div class="grid-x grid-padding-x"> <div class="cell small-12 large-shrink o-header__logo">  <div class="m-site-logo"> <a href="https://bccancerfoundation.com/"> <img fetchpriority="high" width="180" height="79" src="https://bccancerfoundation.com/wp-content/uploads/2021/01/BCCF-Logo.svg" alt="BC Cancer Foundation"> </a> </div> <button aria-label="Search Form Toggle" class="o-header__search-toggle st-search-show-outputs hide-for-medium"><svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6 .1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg></button> </div> <div class="cell small-12 large-auto o-header__navigation"> <div class="o-header__navigation-top show-for-large text-right"> <ul class=" m-utility-menu" ><li id="menu-item-4925" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4925"><a href="https://bccancerfoundation.com/zh-cn/">中文</a></li> <li id="menu-item-1544" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1544"><a href="https://bccancerfoundation.com/news-and-media/publications/">Subscribe</a></li> <li id="menu-item-1545" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1545"><a href="http://donate.bccancerfoundation.com/site/PageNavigator/PersonalFundraisingBCCF%20/personalfundraiserBCCF_loginlanding.html?_ga=2.70317584.1095736840.1614193016-232545083.1610578402&_gac=1.181836117.1612481333.Cj0KCQiA0-6ABhDMARIsAFVdQv85gAfY2h7Bqu264btQXhPqxqs-idNrwBoiRDJFeFfVPXKa5ZrKxC0aAtf4EALw_wcB">Login</a></li> </ul> </div> <div class="o-header__navigation-bottom">  <div style="position: relative;"> <button aria-label="Mobile Menu Toggle" class="hide-for-large o-header__mobile-menu-toggle js-mobile-menu-toggle "><span><span></span><span></span></span><span class="js-mobile-menu-toggle-text">Menu</span></button> </div> <div class="o-header__main-menu-wrapper js-main-menu-wrapper"> <ul id="menu-main-navigation" class=" js-main-menu m-main-menu"><li id="menu-item-137" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-137"><a href="https://bccancerfoundation.com/about-us/">About Us</a><button class="js-mobile-sub-menu-toggle hide-for-large"><span class="fa fa-chevron-down" aria-hidden="true"></span></button> <ul class="dropdown menu vertical" data-toggle> <li id="menu-item-141" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-141"><a href="https://bccancerfoundation.com/about-us/who-we-are/">Who We Are</a></li> <li id="menu-item-140" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-140"><a href="https://bccancerfoundation.com/about-us/board-leadership-and-councils/">Leadership</a></li> <li id="menu-item-139" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-139"><a href="https://bccancerfoundation.com/about-us/annual-report/">Annual Report</a></li> <li id="menu-item-138" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-138"><a href="https://bccancerfoundation.com/about-us/careers/">Careers</a></li> </ul> </li> <li id="menu-item-142" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-142"><a href="https://bccancerfoundation.com/ways-to-give/">Ways to Give</a><button class="js-mobile-sub-menu-toggle hide-for-large"><span class="fa fa-chevron-down" aria-hidden="true"></span></button> <ul class="dropdown menu vertical" data-toggle> <li id="menu-item-4607" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4607"><a href="https://bccancerfoundation.com/donations/general-donation-form/">Give Now</a></li> <li id="menu-item-163" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-163"><a href="https://bccancerfoundation.com/ways-to-give/monthly-giving/">Monthly Giving</a></li> <li id="menu-item-4072" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4072"><a href="https://bccancerfoundation.com/events/fundraise-with-us/">Fundraise with Us</a></li> <li id="menu-item-1500" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1500"><a href="https://bccancerfoundation.com/ways-to-give/give-in-memory-honour-or-celebration/">Give in Memory, Honour or Celebration</a></li> <li id="menu-item-1502" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1502"><a href="https://bccancerfoundation.com/ways-to-give/cause-corporate/">Cause Marketing & Corporate Partnerships</a></li> <li id="menu-item-10294" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10294"><a href="https://bccancerfoundation.com/ways-to-give/more-ways-to-give/gifts-of-securities/">Gifts of Securities</a></li> <li id="menu-item-20800" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20800"><a href="https://bccancerfoundation.com/ways-to-give/leave-a-gift-in-your-will/">Leave A Gift In Your Will</a></li> <li id="menu-item-10936" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10936"><a href="https://bccancerfoundation.com/ways-to-give/more-ways-to-give/for-advisors/">For Professional Advisors</a></li> <li id="menu-item-4283" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4283"><a href="https://bccancerfoundation.com/in-your-neighbourhood/">In Your Neighbourhood</a></li> <li id="menu-item-1499" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1499"><a href="https://bccancerfoundation.com/ways-to-give/more-ways-to-give/">More Ways to Give</a></li> </ul> </li> <li id="menu-item-145" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-145"><a href="https://bccancerfoundation.com/why-give/">Why Give</a><button class="js-mobile-sub-menu-toggle hide-for-large"><span class="fa fa-chevron-down" aria-hidden="true"></span></button> <ul class="dropdown menu vertical" data-toggle> <li id="menu-item-14603" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14603"><a href="https://bccancerfoundation.com/why-give/beyond-belief/">Go Beyond Belief</a></li> <li id="menu-item-347" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-347"><a href="https://bccancerfoundation.com/why-give/research/">Research</a></li> <li id="menu-item-10103" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10103"><a href="https://bccancerfoundation.com/why-give/in-your-region/">In Your Region</a></li> </ul> </li> <li id="menu-item-146" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-146"><a href="https://bccancerfoundation.com/events/">Events</a><button class="js-mobile-sub-menu-toggle hide-for-large"><span class="fa fa-chevron-down" aria-hidden="true"></span></button> <ul class="dropdown menu vertical" data-toggle> <li id="menu-item-3797" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3797"><a href="https://bccancerfoundation.com/events/upcoming-events/">Upcoming Events</a></li> <li id="menu-item-6605" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6605"><a href="https://bccancerfoundation.com/events/signature-fundraisers/workout-to-conquer-cancer/">Workout to Conquer Cancer</a></li> <li id="menu-item-15299" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15299"><a href="https://bccancerfoundation.com/events/signature-fundraisers/cypress-challenge/">Cypress Challenge</a></li> <li id="menu-item-40816" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-40816"><a href="https://bccancerfoundation.com/events/svns-vancouver/">SVNS Vancouver</a></li> <li id="menu-item-4760" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4760"><a href="https://bccancerfoundation.com/events/signature-fundraisers/tour-de-cure/">Tour de Cure</a></li> <li id="menu-item-4536" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4536"><a href="https://bccancerfoundation.com/events/organize-a-fundraiser/">Organize a Fundraiser</a></li> <li id="menu-item-4073" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4073"><a href="https://bccancerfoundation.com/events/volunteer-with-us/">Volunteer with Us</a></li> </ul> </li> <li id="menu-item-147" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-147"><a href="https://bccancerfoundation.com/news-and-media/">News and Media</a><button class="js-mobile-sub-menu-toggle hide-for-large"><span class="fa fa-chevron-down" aria-hidden="true"></span></button> <ul class="dropdown menu vertical" data-toggle> <li id="menu-item-176" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-176"><a href="https://bccancerfoundation.com/news-and-media/blog/">Blog</a></li> <li id="menu-item-182" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-182"><a href="https://bccancerfoundation.com/news-and-media/publications/">Publications</a></li> </ul> </li> <li id="menu-item-4222" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-4222"><a href="https://bccancerfoundation.com/contact-us/">Contact Us</a><button class="js-mobile-sub-menu-toggle hide-for-large"><span class="fa fa-chevron-down" aria-hidden="true"></span></button> <ul class="dropdown menu vertical" data-toggle> <li id="menu-item-1513" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1513"><a href="https://bccancerfoundation.com/contact-us/share-your-story/">Share your Story</a></li> <li id="menu-item-1514" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1514"><a href="https://bccancerfoundation.com/contact-us/faqs/">FAQs</a></li> </ul> </li> </ul> <div class="hide-for-large text-center"> <ul class=" m-utility-menu" ><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4925"><a href="https://bccancerfoundation.com/zh-cn/">中文</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1544"><a href="https://bccancerfoundation.com/news-and-media/publications/">Subscribe</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1545"><a href="http://donate.bccancerfoundation.com/site/PageNavigator/PersonalFundraisingBCCF%20/personalfundraiserBCCF_loginlanding.html?_ga=2.70317584.1095736840.1614193016-232545083.1610578402&_gac=1.181836117.1612481333.Cj0KCQiA0-6ABhDMARIsAFVdQv85gAfY2h7Bqu264btQXhPqxqs-idNrwBoiRDJFeFfVPXKa5ZrKxC0aAtf4EALw_wcB">Login</a></li> </ul> </div> </div> <div class="o-header__navigation-bottom-right js-search-form-wrapper flex-container"> <div class="show-for-medium flex-container js-search-form o-header__searchform-wrapper"> <button class="o-header__search-toggle js-search-toggle" type="submit" aria-label="Search Form Toggle Button"><svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewBox="0 0 512 512"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6 .1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg></button> <div class="o-header__searchform flex-container"> <input id="search_input" type="text" class="flex-child-grow st-default-search-input" placeholder="Search" /> <button aria-label="Close Searchform Button" class="o-header__search-close flex-child-shrink js-search-close"><span><span></span><span></span></span></button> </div> </div> <a class="o-header__button a-button a-text-uppercase " rel="noopener" href="https://bccancerfoundation.com/donations/homepage-nav/?s_src=NavDonate">Donate</a> </div> </div> </div> </div> </div> </header>  <main class="o-main-container js-main-container"> <div class="js-sticky-header-anchor o-page-title s-panel s-panel--large s-bg-color--beige no-image"> <div class="grid-container"> <ul id="breadcrumbs" class="m-breadcrumbs"></ul> <div class="grid-x grid-padding-x align-center"> <div class="cell medium-11 large-10 xlarge-9"> <div class="s-content text-center"> <h1 class="a-h3 a-text-capitalize">General – Beyond Belief</h1> </div> </div> <div class="cell small-11 medium-10 large-6"> </div> </div> </div> </div> <div class="o-donate s-panel s-bg-color--beige"> <div id="donate-translation" data-translation-toggle="" data-company-translation="" data-description-translation=""></div> <div class="grid-container"> <div class="grid-x grid-padding-x align-center"> <div class="cell shrink"><script src="https://pay.blackbaud.com/scripts/checkout"></script> <script type="text/javascript"> let config = { environmentId: 'p-gRv0CHMzC0-ksOERJlNMqQ', paymentConfigurationId: '8cee737c-e6c6-4abb-9dad-c85d2c02e7f4', zone: 'p-can01', applicationName: 'Luminate', workflowMode: 'inline', paymentMethodOptions: { wallets: { applePayEnabled: false, googlePayEnabled: false, }, }, primaryColor: '#30ABBB', fontFamily: 'Arial, sans-serif' } let checkoutService = window.BlackbaudCheckout(config); let inlineCheckoutValid = false; let inlineCheckoutReady = false; let inlineCheckoutLoading = false; let authorizationInProgress = false; // Inline Checkout Component events checkoutService.inlineCheckoutComponent.valid.subscribe((e) => { // This allows this component's valid state to be incorporated // into the host form's overall validity. inlineCheckoutValid = e.valid; console.log(e); console.log("valid"); //Disable if invalid if(e.valid === false){ console.log("invalid"); jQuery('#donate-submit').prop('disabled',false).removeClass('lo-button-disabled'); jQuery('#wplodfAjaxModal').modal('hide'); } }); checkoutService.inlineCheckoutComponent.ready.subscribe((e) => { // This can be used to handle element visibility or other form loading indicators. // Also, the event contains properties that can be used for analytics, // such as which payment methods were presented to the user. inlineCheckoutReady = e.ready; console.log(e); console.log("ready"); }); checkoutService.inlineCheckoutComponent.loading.subscribe((e) => { // When the component is doing work, such as saving payment details, // the host form can do things like display a loading indicator. console.log(e); console.log("load in progress (starting the auth process usually)"); // jQuery('#wplodfAjaxModal').modal({backdrop : 'static'}); jQuery('#wplodfAjaxModal').modal('hide'); // jQuery('#wplodfAjaxModal').modal('show'); inlineCheckoutLoading = e.loading; // if(e.loading === false){ // console.log("loading false"); // jQuery('#donate-submit').prop('disabled',false).removeClass('lo-button-disabled'); // jQuery('#wplodfAjaxModal').modal('hide'); // } }); // checkoutService.inlineCheckoutComponent.error.subscribe((e) => { // // When the component receives an error, usually during authorization // console.log("error occurred"); // jQuery('#donate-submit').prop('disabled',false).removeClass('lo-button-disabled'); // jQuery('#wplodfAjaxModal').modal('hide'); // inlineCheckoutLoading = e.ready; // }); // Complete Checkout Button Component events checkoutService.completeCheckoutButtonComponent.authorizationInProgress.subscribe((e) => { jQuery('#wplodfAjaxModal').modal('show'); // Similar to inlineCheckoutComponent.loading but specific to authorization. authorizationInProgress = e; console.log(e); console.log("auth in progress"); }); checkoutService.completeCheckoutButtonComponent.clicked.subscribe(() => { // Emitted when the complete checkout button is clicked, regardless of the button's enabled state. console.log('The complete checkout button was clicked.'); }); currentTyTitle = "You%E2%80%99re%20helping%20make%20transformational%20change"; currentTyText = "%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3BOn%20behalf%20of%20the%20BC%20Cancer%20Foundation%2C%20%26lt%3Bstrong%26gt%3Bthank%20you%20for%20your%20donation%26lt%3B%2Fstrong%26gt%3B.%20%26nbsp%3B%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn%5Cn%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3BYour%20gift%20will%20go%20towards%20our%20%26lt%3Ba%20href%3D%26quot%3Bmailto%3Ahttps%3A%2F%2Fbccancerfoundation.com%2Fwhy-give%2Fbeyond-belief%2F%26quot%3B%26gt%3BBeyond%20Belief%20campaign%26lt%3B%2Fa%26gt%3B%2C%20the%20most%20ambitious%20and%20comprehensive%20health%20campaign%20in%20the%20history%20of%20the%20province.%20Every%20dollar%20raised%20stays%20in%20B.C.%20to%20advance%20cancer%20research%20and%20accelerate%20access%20to%20cutting-edge%20care%20for%20the%2080%2C000%20patients%20who%20depend%20on%20BC%20Cancer%20each%20year.%26nbsp%3B%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn%5Cn%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3BWith%20your%20support%2C%20life%20beyond%20cancer%20is%20within%20reach%20for%20our%20loved%20ones.%26nbsp%3B%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn%5Cn%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3BIf%20your%20donation%20is%20eligible%20for%20a%20receipt%2C%20you%20will%20receive%20a%20PDF%20receipt%20with%20your%20donation%20confirmation%20email.%20%26nbsp%3B%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn%5Cn%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3BWe%20are%20always%20happy%20to%20speak%20with%20you%20and%20answer%20any%20questions%20you%20may%20have.%20Please%20feel%20free%20to%20contact%20us%20at%20604-877-6040%20or%20at%20%26lt%3Ba%20href%3D%26quot%3Bmailto%3Abccfinfo%40bccancer.bc.ca%26quot%3B%26gt%3Bbccfinfo%40bccancer.bc.ca%26lt%3B%2Fa%26gt%3B.%26nbsp%3B%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn%5Cn%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3BThank%20you%20again%20for%20your%20support.%26nbsp%3B%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn%5Cn%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3BWarm%20regards%2C%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn%5Cn%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3B%26lt%3Bimg%20alt%3D%26quot%3BSarah%5C%27s%20Signature%26quot%3B%20border%3D%26quot%3B0%26quot%3B%20src%3D%26quot%3Bhttps%3A%2F%2Fsecure2.convio.net%2Fbccf%2Fimages%2Fcontent%2Fpagebuilder%2FSarah-Roth-esignature1.jpg%26quot%3B%20width%3D%26quot%3B170%26quot%3B%20%2F%26gt%3B%26lt%3Bbr%20%2F%26gt%3B%5CnSarah%20Roth%26lt%3Bbr%20%2F%26gt%3B%5CnPresident%20%26amp%3B%20CEO%26lt%3Bbr%20%2F%26gt%3B%5CnBC%20Cancer%20Foundation%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn%5Cn%26lt%3Bhr%20%2F%26gt%3B%5Cn%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3B%26lt%3Bstrong%26gt%3BConnect%20with%20our%20online%20movement%21%26lt%3B%2Fstrong%26gt%3B%26lt%3Bbr%20%2F%26gt%3B%5CnUse%20%23BeyondBeliefBC%20on%20your%20social%20channels%20and%20tag%20us%20at%20%40BCCancerFdn%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn"; </script> <input type="hidden" id="primary_value_df_setup" value="9524"> <input type="hidden" id="primary_df_level_id_1" value="17482"> <input type="hidden" id="primary_df_level_id_1_name" value="50"> <input type="hidden" id="primary_df_level_id_2" value="17483"> <input type="hidden" id="primary_df_level_id_2_name" value="100"> <input type="hidden" id="primary_df_level_id_3" value="19830"> <input type="hidden" id="primary_df_level_id_3_name" value="250"> <input type="hidden" id="primary_df_level_id_4" value="19832"> <input type="hidden" id="primary_df_level_id_4_name" value="500"> <input type="hidden" id="primary_df_level_id_5" value="17484"> <input type="hidden" id="primary_df_level_id_5_name" value="1000"> <input type="hidden" id="primary_df_level_id_6" value="19823"> <input type="hidden" id="primary_df_level_id_6_name" value="20"> <input type="hidden" id="primary_df_level_id_7" value="19831"> <input type="hidden" id="primary_df_level_id_7_name" value="30"> <input type="hidden" id="primary_df_level_id_8" value="19824"> <input type="hidden" id="primary_df_level_id_8_name" value="50"> <input type="hidden" id="primary_df_level_id_9" value="19825"> <input type="hidden" id="primary_df_level_id_9_name" value="100"> <input type="hidden" id="primary_df_level_id_other" value="17485"> <script type="text/javascript"> primary_value_paragraph_text = '%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3BOn%20behalf%20of%20the%20BC%20Cancer%20Foundation%2C%20%26lt%3Bstrong%26gt%3Bthank%20you%20for%20your%20donation%26lt%3B%2Fstrong%26gt%3B.%20%26nbsp%3B%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn%5Cn%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3BYour%20gift%20will%20go%20towards%20our%20%26lt%3Ba%20href%3D%26quot%3Bmailto%3Ahttps%3A%2F%2Fbccancerfoundation.com%2Fwhy-give%2Fbeyond-belief%2F%26quot%3B%26gt%3BBeyond%20Belief%20campaign%26lt%3B%2Fa%26gt%3B%2C%20the%20most%20ambitious%20and%20comprehensive%20health%20campaign%20in%20the%20history%20of%20the%20province.%20Every%20dollar%20raised%20stays%20in%20B.C.%20to%20advance%20cancer%20research%20and%20accelerate%20access%20to%20cutting-edge%20care%20for%20the%2080%2C000%20patients%20who%20depend%20on%20BC%20Cancer%20each%20year.%26nbsp%3B%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn%5Cn%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3BWith%20your%20support%2C%20life%20beyond%20cancer%20is%20within%20reach%20for%20our%20loved%20ones.%26nbsp%3B%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn%5Cn%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3BIf%20your%20donation%20is%20eligible%20for%20a%20receipt%2C%20you%20will%20receive%20a%20PDF%20receipt%20with%20your%20donation%20confirmation%20email.%20%26nbsp%3B%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn%5Cn%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3BWe%20are%20always%20happy%20to%20speak%20with%20you%20and%20answer%20any%20questions%20you%20may%20have.%20Please%20feel%20free%20to%20contact%20us%20at%20604-877-6040%20or%20at%20%26lt%3Ba%20href%3D%26quot%3Bmailto%3Abccfinfo%40bccancer.bc.ca%26quot%3B%26gt%3Bbccfinfo%40bccancer.bc.ca%26lt%3B%2Fa%26gt%3B.%26nbsp%3B%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn%5Cn%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3BThank%20you%20again%20for%20your%20support.%26nbsp%3B%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn%5Cn%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3BWarm%20regards%2C%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn%5Cn%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3B%26lt%3Bimg%20alt%3D%26quot%3BSarah%5C%27s%20Signature%26quot%3B%20border%3D%26quot%3B0%26quot%3B%20src%3D%26quot%3Bhttps%3A%2F%2Fsecure2.convio.net%2Fbccf%2Fimages%2Fcontent%2Fpagebuilder%2FSarah-Roth-esignature1.jpg%26quot%3B%20width%3D%26quot%3B170%26quot%3B%20%2F%26gt%3B%26lt%3Bbr%20%2F%26gt%3B%5CnSarah%20Roth%26lt%3Bbr%20%2F%26gt%3B%5CnPresident%20%26amp%3B%20CEO%26lt%3Bbr%20%2F%26gt%3B%5CnBC%20Cancer%20Foundation%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn%5Cn%26lt%3Bhr%20%2F%26gt%3B%5Cn%26lt%3Bp%26gt%3B%26lt%3Bspan%20style%3D%26quot%3Bfont-size%3A16px%3B%26quot%3B%26gt%3B%26lt%3Bstrong%26gt%3BConnect%20with%20our%20online%20movement%21%26lt%3B%2Fstrong%26gt%3B%26lt%3Bbr%20%2F%26gt%3B%5CnUse%20%23BeyondBeliefBC%20on%20your%20social%20channels%20and%20tag%20us%20at%20%40BCCancerFdn%26lt%3B%2Fspan%26gt%3B%26lt%3B%2Fp%26gt%3B%5Cn'; </script> <script type="text/javascript"> secondary_value_paragraph_text = ""; </script> <input type="hidden" id="secondary_value_df_setup" value="9686"> <input type="hidden" id="secondary_df_level_id_1" value="17719"> <input type="hidden" id="secondary_df_level_id_1_name" value="50"> <input type="hidden" id="secondary_df_level_id_2" value="17720"> <input type="hidden" id="secondary_df_level_id_2_name" value="100"> <input type="hidden" id="secondary_df_level_id_3" value="19833"> <input type="hidden" id="secondary_df_level_id_3_name" value="250"> <input type="hidden" id="secondary_df_level_id_4" value="19834"> <input type="hidden" id="secondary_df_level_id_4_name" value="500"> <input type="hidden" id="secondary_df_level_id_5" value="17721"> <input type="hidden" id="secondary_df_level_id_5_name" value="1000"> <input type="hidden" id="secondary_df_level_id_6" value="19826"> <input type="hidden" id="secondary_df_level_id_6_name" value="20"> <input type="hidden" id="secondary_df_level_id_7" value="19827"> <input type="hidden" id="secondary_df_level_id_7_name" value="30"> <input type="hidden" id="secondary_df_level_id_8" value="19828"> <input type="hidden" id="secondary_df_level_id_8_name" value="50"> <input type="hidden" id="secondary_df_level_id_9" value="19835"> <input type="hidden" id="secondary_df_level_id_9_name" value="100"> <input type="hidden" id="secondary_df_level_id_other" value="17722"> <script type="text/javascript"> jQuery(document).ready(function() { jQuery(document).on("click change", "#choose_monthly", function () { if (jQuery('#choose_monthly').prop('checked')) { if (jQuery("#personal_or_corporate_gift_org").prop("checked")) { jQuery("#personal_or_corporate_gift_org").click(); } else{ if(jQuery('#form_id').val()){ var curFormId = jQuery("#form_id"); curFormId.val(jQuery("#secondary_value_df_setup").val()); } if(jQuery('#level_id_1').length){ var curLev1 = jQuery("#level_id_1"); curLev1.val(jQuery("#secondary_df_level_id_1").val()); } if(jQuery('#level_id_2').length){ var curLev2 = jQuery("#level_id_2"); curLev2.val(jQuery("#secondary_df_level_id_2").val()); } if(jQuery('#level_id_3').length){ var curLev3 = jQuery("#level_id_3"); curLev3.val(jQuery("#secondary_df_level_id_3").val()); } if(jQuery('#level_id_4').length){ var curLev4 = jQuery("#level_id_4"); curLev4.val(jQuery("#secondary_df_level_id_4").val()); } if(jQuery('#level_id_5').length){ var curLev5 = jQuery("#level_id_5"); curLev5.val(jQuery("#secondary_df_level_id_5").val()); } if(jQuery('#level_id_6').length){ var curLev6 = jQuery("#level_id_6"); curLev6.val(jQuery("#secondary_df_level_id_6").val()); } if(jQuery('#level_id_7').length){ var curLev7 = jQuery("#level_id_7"); curLev7.val(jQuery("#secondary_df_level_id_7").val()); } if(jQuery('#level_id_8').length){ var curLev8 = jQuery("#level_id_8"); curLev8.val(jQuery("#secondary_df_level_id_8").val()); } if(jQuery('#level_id_9').length){ var curLev9 = jQuery("#level_id_9"); curLev9.val(jQuery("#secondary_df_level_id_9").val()); } if(jQuery('#level_id_10').length){ var curLev10 = jQuery("#level_id_10"); curLev10.val(jQuery("#secondary_df_level_id_10").val()); } var curOTherId = jQuery("#level-other"); curOTherId.val(jQuery("#secondary_df_level_id_other").val()); if(jQuery('#ty_text_encoded').length){ var curTyText = jQuery("#ty_text_encoded"); curTyText.html(decodeURIComponent(secondary_value_paragraph_text)); } } } }); jQuery(document).on("click change", "#choose_one_time", function () { jQuery('#donation-type-radio-error-bar').empty(); if (jQuery('#choose_one_time').prop('checked')) { if (jQuery("#personal_or_corporate_gift_org").prop("checked")) { jQuery("#personal_or_corporate_gift_org").click(); } else{ if(jQuery('#form_id').val()){ var curFormId = jQuery("#form_id"); curFormId.val(jQuery("#primary_value_df_setup").val()); } if(jQuery('#level_id_1').length){ var curLev1 = jQuery("#level_id_1"); curLev1.val(jQuery("#primary_df_level_id_1").val()); } if(jQuery('#level_id_2').length){ var curLev2 = jQuery("#level_id_2"); curLev2.val(jQuery("#primary_df_level_id_2").val()); } if(jQuery('#level_id_3').length){ var curLev3 = jQuery("#level_id_3"); curLev3.val(jQuery("#primary_df_level_id_3").val()); } if(jQuery('#level_id_4').length){ var curLev4 = jQuery("#level_id_4"); curLev4.val(jQuery("#primary_df_level_id_4").val()); } if(jQuery('#level_id_5').length){ var curLev5 = jQuery("#level_id_5"); curLev5.val(jQuery("#primary_df_level_id_5").val()); } if(jQuery('#level_id_6').length){ var curLev6 = jQuery("#level_id_6"); curLev6.val(jQuery("#primary_df_level_id_6").val()); } if(jQuery('#level_id_7').length){ var curLev7 = jQuery("#level_id_7"); curLev7.val(jQuery("#primary_df_level_id_7").val()); } if(jQuery('#level_id_8').length){ var curLev8 = jQuery("#level_id_8"); curLev8.val(jQuery("#primary_df_level_id_8").val()); } if(jQuery('#level_id_9').length){ var curLev9 = jQuery("#level_id_9"); curLev9.val(jQuery("#primary_df_level_id_9").val()); } if(jQuery('#level_id_10').length){ var curLev10 = jQuery("#level_id_10"); curLev10.val(jQuery("#primary_df_level_id_10").val()); } var curOTherId = jQuery("#level-other"); curOTherId.val(jQuery("#primary_df_level_id_other").val()); if(jQuery('#ty_text_encoded').length){ var curTyText = jQuery("#ty_text_encoded"); currentTyText = (decodeURIComponent(primary_value_paragraph_text)); } } } }); }); </script> <script type="text/javascript"> organization_value_paragraph_text = ""; </script> <input type="hidden" id="organization_value_df_setup" value="9686"> <input type="hidden" id="organization_df_level_id_1" value="17719"> <input type="hidden" id="organization_df_level_id_1_name" value="50"> <input type="hidden" id="organization_df_level_id_2" value="17720"> <input type="hidden" id="organization_df_level_id_2_name" value="100"> <input type="hidden" id="organization_df_level_id_3" value="19833"> <input type="hidden" id="organization_df_level_id_3_name" value="250"> <input type="hidden" id="organization_df_level_id_4" value="19834"> <input type="hidden" id="organization_df_level_id_4_name" value="500"> <input type="hidden" id="organization_df_level_id_5" value="17721"> <input type="hidden" id="organization_df_level_id_5_name" value="1000"> <input type="hidden" id="organization_df_level_id_6" value="19826"> <input type="hidden" id="organization_df_level_id_6_name" value="20"> <input type="hidden" id="organization_df_level_id_7" value="19827"> <input type="hidden" id="organization_df_level_id_7_name" value="30"> <input type="hidden" id="organization_df_level_id_8" value="19828"> <input type="hidden" id="organization_df_level_id_8_name" value="50"> <input type="hidden" id="organization_df_level_id_9" value="19835"> <input type="hidden" id="organization_df_level_id_9_name" value="100"> <input type="hidden" id="organization_df_level_id_other" value="17722"> <script type="text/javascript"> jQuery(document).ready(function() { jQuery(document).on("click change", "#choose_donation_type_org", function () { if (jQuery('#choose_donation_type_org').prop('checked')) { if(jQuery('#form_id').val()){ var curFormId = jQuery("#form_id"); curFormId.val(jQuery("#organization_value_df_setup").val()); } if(jQuery('#level_id_1').length){ var curLev1 = jQuery("#level_id_1"); curLev1.val(jQuery("#organization_df_level_id_1").val()); } if(jQuery('#level_id_2').length){ var curLev2 = jQuery("#level_id_2"); curLev2.val(jQuery("#organization_df_level_id_2").val()); } if(jQuery('#level_id_3').length){ var curLev3 = jQuery("#level_id_3"); curLev3.val(jQuery("#organization_df_level_id_3").val()); } if(jQuery('#level_id_4').length){ var curLev4 = jQuery("#level_id_4"); curLev4.val(jQuery("#organization_df_level_id_4").val()); } if(jQuery('#level_id_5').length){ var curLev5 = jQuery("#level_id_5"); curLev5.val(jQuery("#organization_df_level_id_5").val()); } if(jQuery('#level_id_6').length){ var curLev6 = jQuery("#level_id_6"); curLev6.val(jQuery("#organization_df_level_id_6").val()); } if(jQuery('#level_id_7').length){ var curLev7 = jQuery("#level_id_7"); curLev7.val(jQuery("#organization_df_level_id_7").val()); } if(jQuery('#level_id_8').length){ var curLev8 = jQuery("#level_id_8"); curLev8.val(jQuery("#organization_df_level_id_8").val()); } if(jQuery('#level_id_9').length){ var curLev9 = jQuery("#level_id_9"); curLev9.val(jQuery("#organization_df_level_id_9").val()); } if(jQuery('#level_id_10').length){ var curLev10 = jQuery("#level_id_10"); curLev10.val(jQuery("#organization_df_level_id_10").val()); } var curOTherId = jQuery("#level-other"); curOTherId.val(jQuery("#organization_df_level_id_other").val()); if(jQuery('#ty_text_encoded').length){ var curTyText = jQuery("#ty_text_encoded"); curTyText.html(decodeURIComponent(organization_value_paragraph_text)); } } }); jQuery(document).on("click change", "#choose_donation_type_ind", function () { jQuery('#donation-type-radio-error-bar').empty(); if (jQuery('#choose_donation_type_ind').prop('checked')) { if(jQuery('#form_id').val()){ var curFormId = jQuery("#form_id"); curFormId.val(jQuery("#primary_value_df_setup").val()); } if(jQuery('#level_id_1').length){ var curLev1 = jQuery("#level_id_1"); curLev1.val(jQuery("#primary_df_level_id_1").val()); } if(jQuery('#level_id_2').length){ var curLev2 = jQuery("#level_id_2"); curLev2.val(jQuery("#primary_df_level_id_2").val()); } if(jQuery('#level_id_3').length){ var curLev3 = jQuery("#level_id_3"); curLev3.val(jQuery("#primary_df_level_id_3").val()); } if(jQuery('#level_id_4').length){ var curLev4 = jQuery("#level_id_4"); curLev4.val(jQuery("#primary_df_level_id_4").val()); } if(jQuery('#level_id_5').length){ var curLev5 = jQuery("#level_id_5"); curLev5.val(jQuery("#primary_df_level_id_5").val()); } if(jQuery('#level_id_6').length){ var curLev6 = jQuery("#level_id_6"); curLev6.val(jQuery("#primary_df_level_id_6").val()); } if(jQuery('#level_id_7').length){ var curLev7 = jQuery("#level_id_7"); curLev7.val(jQuery("#primary_df_level_id_7").val()); } if(jQuery('#level_id_8').length){ var curLev8 = jQuery("#level_id_8"); curLev8.val(jQuery("#primary_df_level_id_8").val()); } if(jQuery('#level_id_9').length){ var curLev9 = jQuery("#level_id_9"); curLev9.val(jQuery("#primary_df_level_id_9").val()); } if(jQuery('#level_id_10').length){ var curLev10 = jQuery("#level_id_10"); curLev10.val(jQuery("#primary_df_level_id_10").val()); } var curOTherId = jQuery("#level-other"); curOTherId.val(jQuery("#primary_df_level_id_other").val()); if(jQuery('#ty_text_encoded').length){ var curTyText = jQuery("#ty_text_encoded"); currentTyText = (decodeURIComponent(primary_value_paragraph_text)); } } }); }); </script> <input type="hidden" id="individual_df_level_id_other" value="17485"> <script> jQuery(document).on("click change", "#choose_one_time", function () { jQuery('#donation-type-radio-error-bar').empty(); if (jQuery('#choose_one_time').prop('checked')) { if(jQuery('#individual_df_level_id_other').val()){ jQuery('#level-other').val(jQuery('#individual_df_level_id_other').val()); } } }); </script> <input type="hidden" id="ereceipt_override_val" value="none"> <script type="text/javascript"> //Select Payment Type jQuery(document).ready(function() { var submitButton = jQuery('#donate-submit'); var submitButtonText = jQuery('#submitBtnTxtSpan'); var submitButtonPayPalImg = jQuery('#submitBtnPayPalImg'); jQuery('#method_donate').change(function () { if (jQuery('#method_donate').prop('checked')) { submitButton.css({'transition':'','background-color':'', 'border':''}); jQuery('#paypal_section').hide(); jQuery('#debit_card_section').hide(); jQuery('#credit_card_section').show(); jQuery('#card_number').prop('required', true); jQuery('#card_number').prop('disabled', false); jQuery('#card_cvv').prop('required', true); jQuery('#card_cvv').prop('disabled', false); jQuery('#card_exp_date_month').prop('required', true); jQuery('#card_exp_date_month').prop('disabled', false); jQuery('#card_exp_date_year').prop('required', true); jQuery('#card_exp_date_year').prop('disabled', false); //Debit Disable jQuery('#ach_account').prop('required', false); jQuery('#ach_account').prop('disabled', true); jQuery('#ach_routing').prop('required', false); jQuery('#ach_routing').prop('disabled', true); jQuery('#choose_checking').prop('disabled', true); jQuery('#ach_transit').prop('required', false); jQuery('#ach_transit').prop('disabled', true); jQuery('#ach_bank').prop('required', false); jQuery('#ach_bank').prop('disabled', true); //Debit Disable Ends jQuery('#paypal_selected').remove(); jQuery('#donation_success').prop('disabled',true); jQuery('#donation_error').remove(); submitButtonPayPalImg.hide(); submitButtonText.show(); } }); jQuery('#method_startDonation').change(function () { if (jQuery('#method_startDonation').prop('checked')) { submitButton.css({'transition':'none','background-color':'transparent', 'border':'none'}); jQuery('#credit_card_section').hide(); jQuery('#debit_card_section').hide(); jQuery('#paypal_section').show(); jQuery('#card_number').prop('required', false); jQuery('#card_number').prop('disabled', true); jQuery('#card_cvv').prop('required', false); jQuery('#card_cvv').prop('disabled', true); jQuery('#card_exp_date_month').prop('required', false); jQuery('#card_exp_date_month').prop('disabled', true); jQuery('#card_exp_date_year').prop('required', false); jQuery('#card_exp_date_year').prop('disabled', true); //Debit Disable jQuery('#ach_account').prop('required', false); jQuery('#ach_account').prop('disabled', true); jQuery('#ach_routing').prop('required', false); jQuery('#ach_routing').prop('disabled', true); jQuery('#choose_checking').prop('disabled', true); jQuery('#ach_transit').prop('required', false); jQuery('#ach_transit').prop('disabled', true); jQuery('#ach_bank').prop('required', false); jQuery('#ach_bank').prop('disabled', true); //Debit Disable Ends jQuery('#wp-lo-donation-form').append('<input type="hidden" name="extproc" value="paypal" id="paypal_selected">'); jQuery('#donation_success').prop('disabled',false); jQuery('#wp-lo-donation-form').append('<input type="hidden" name="finish_error_redirect" value="" id="donation_error">'); submitButtonPayPalImg.show(); submitButtonText.hide(); } }); jQuery('#method_donate_debit').change(function () { if (jQuery('#method_donate_debit').prop('checked')) { submitButton.css({'transition':'','background-color':'', 'border':''}); jQuery('#paypal_section').hide(); jQuery('#credit_card_section').hide(); jQuery('#debit_card_section').show(); jQuery('#card_number').prop('required', false); jQuery('#card_number').prop('disabled', true); jQuery('#card_cvv').prop('required', false); jQuery('#card_cvv').prop('disabled', true); jQuery('#card_exp_date_month').prop('required', false); jQuery('#card_exp_date_month').prop('disabled', true); jQuery('#card_exp_date_year').prop('required', false); jQuery('#card_exp_date_year').prop('disabled', true); //Debit Enable jQuery('#ach_account').prop('required', true); jQuery('#ach_account').prop('disabled', false); jQuery('#ach_routing').prop('required', true); jQuery('#ach_routing').prop('disabled', false); jQuery('#choose_checking').prop('disabled', false); jQuery('#ach_transit').prop('required', true); jQuery('#ach_transit').prop('disabled', false); jQuery('#ach_bank').prop('required', true); jQuery('#ach_bank').prop('disabled', false); //Debit Enable Ends jQuery('#paypal_selected').remove(); jQuery('#donation_success').prop('disabled',true); jQuery('#donation_error').remove(); submitButtonPayPalImg.hide(); submitButtonText.show(); } }); }); //Ensure array utility adapted from Noah Cooper's Luminate Extend library utilities https://github.com/noahcooper/luminateExtend function ensureArray(pArray) { if(jQuery.isArray(pArray)) { return pArray; } else if(pArray) { return [pArray]; } else { return []; } } //function for donation callbackpack when token returned window.submitDonateCallback = { error: function(data) { jQuery('#wplodfAjaxModal').modal('hide'); //Non donation errors if (data.errorResponse){ jQuery('#donationAlertWrapper').show(); switch(data.errorResponse.code){ case "2": errorMessage = 'Error code ' + data.errorResponse.code + ': ' + data.errorResponse.message + '. Contact us with this info at <a href=\'mailto:bccfinfo@bccancer.bc.ca\'>bccfinfo@bccancer.bc.ca</a>'; break; default: errorMessage = 'Error code ' + data.errorResponse.code + ': ' + data.errorResponse.message + '. Contact donation services with this info at <a href=\'mailto:bccfinfo@bccancer.bc.ca\'>bccfinfo@bccancer.bc.ca</a>'; } jQuery('#donationAlertWrapper').empty().append('<p class="alert-danger alert" id="donation-errors">' + errorMessage + '</p>'); jQuery('html, body').animate({ scrollTop: jQuery('#donationAlertWrapper').offset().top + (-40) }, 0); } }, success: function(data) { if (data.donationResponse.errors) { jQuery.ajax({ type: "POST", url: 'https://bccancerfoundation.com/wp-admin/admin-ajax.php', data: "action=ccfailure" }); jQuery('#wplodfAjaxModal').modal('hide'); //Donation specific errors if (data.donationResponse.errors.code){ jQuery('#donationAlertWrapper').show(); switch(data.donationResponse.errors.code){ case "101": if (data.donationResponse.errors.declineDetail){ errorMessage = 'Error code ' + data.donationResponse.errors.code + ': ' + data.donationResponse.errors.declineDetail + ' Contact our donations team at <a href=\'mailto:bccfinfo@bccancer.bc.ca\' style=\'word-break:break-all;\'>bccfinfo@bccancer.bc.ca</a>.'; } else if(data.donationResponse.errors.pageError){ errorMessage = 'Error code ' + data.donationResponse.errors.code + ': ' + data.donationResponse.errors.pageError + ' Check for a specific error message below, or contact us if no error message is present at <a href="mailto:bccfinfo@bccancer.bc.ca" style="word-break:break-all;">bccfinfo@bccancer.bc.ca</a>.'; } else { errorMessage = 'Error code ' + data.donationResponse.errors.code + ': ' + data.donationResponse.errors.message + '. Contact our donations team at <a href=\'mailto:bccfinfo@bccancer.bc.ca\' style=\'word-break:break-all;\'>bccfinfo@bccancer.bc.ca</a>.'; } break; default: errorMessage = "Error code " + data.donationResponse.errors.code + ": " + data.donationResponse.errors.message; } jQuery('#donationAlertWrapper').empty().append('<p class="alert-danger alert" id="donation-errors">' + errorMessage + '</p>'); jQuery('html, body').animate({ scrollTop: jQuery('#donationAlertWrapper').offset().top + (-40) }, 0); } if (data.donationResponse.errors.fieldError) { var fieldErrors = ensureArray(data.donationResponse.errors.fieldError); jQuery.each(fieldErrors, function () { jQuery('#donation-errors').append('<div class="alert alert-danger">' + this + '</div>'); }); } } else { if (data.donationResponse.donation) { const monthlyStatus = jQuery('#sustaining_frequency').val(); var feedbackTitle = jQuery("#feedbackTitle"); function decodeHtmlSpecialChars(text) { let map = { '&': '&', '&': "&", '<': '<', '>': '>', '"': '"', ''': "'", '’': "’", '‘': "‘", '–': "–", '—': "—", '…': "…", '”': '”' }; return text.replace(/\&[\w\d\#]{2,5}\;/g, function(m) { return map[m]; }); } function postTyCallback(){ jQuery('#wplodfAjaxModal').modal('hide'); window.dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. window.dataLayer.push({ 'event': 'purchase', 'ecommerce': { 'purchase': { 'affiliation': 'Main Website Donations', 'currency': 'CAD', 'value': data.donationResponse.donation.amount.decimal,//total revenue 'tax': '0', 'shipping': '0', 'transaction_id': data.donationResponse.donation.transaction_id,//order id 'payment_type': 'Credit Card',//payment method pp or cc 'items': [ { 'item_name': 'General - Beyond Belief Form', // Name or ID is required. // 'item_id': 'donation', 'price': data.donationResponse.donation.amount.decimal, 'discount': '0', 'item_brand': monthlyStatus, //Used for individual vs monthly 'item_category': 'Donation', 'quantity': 1, 'affiliation': 'Main Website Donations', 'currency': 'CAD' } ] } } }); jQuery(".introParagraph").hide(); //jQuery('#feedbackTitle a.btn-wp-lo-form-outline-sm').hide(); jQuery('#donationAlertWrapper').show(); jQuery('#wp-lo-donation-form').hide(); if(jQuery(".wplo-df-outer-container-stickyblock").length){ jQuery(".wplo-df-outer-container-stickyblock").hide(); jQuery(".df-content").css("justify-content","center"); } var tyButtonLink = 'https://bccancerfoundation.com'; var tyButtonText = 'Return to Homepage'; var tyButton = "<div class=\"text-center mt-5\"><a class=\"button btn-wp-lo-form-ty mt-4 mb-0\" href=\"" + tyButtonLink + "\">" + tyButtonText + "</a></div>"; jQuery('#donationAlertWrapper').append(tyButton); if (jQuery(window).width() <= 767) { jQuery('html, body').animate({ scrollTop: feedbackTitle.offset().top + (-50) }, 600); } else{ jQuery('html, body').animate({ scrollTop: feedbackTitle.offset().top + (-150) }, 600); } } jQuery.ajax({ type: "POST", timeout: 30000, url: 'https://bccancerfoundation.com/wp-admin/admin-ajax.php', data: jQuery.param({ action: "WPLODONATIONS_get_thankyou", post_id : "11417", _wpnonce : "98f01c9ca3"}), dataType: "json", success: function (data) { var tyTitle = decodeHtmlSpecialChars(data.title); var tyText = decodeHtmlSpecialChars(data.paragraph); feedbackTitle.empty().append(tyTitle); jQuery('#donationAlertWrapper').empty().append(tyText); postTyCallback(); }, error: function (xhr, textStatus, error) { var tyTitle = decodeHtmlSpecialChars("Thank you for your donation!"); var tyText = decodeHtmlSpecialChars("Thank you for making your generous donation."); feedbackTitle.empty().append(tyTitle); jQuery('#donationAlertWrapper').empty().append(tyText); if(textStatus == "timeout") { } postTyCallback(); } }); } else { window.location.href = data.donationResponse.redirect.url; } } } }; //function for processing donations function process_donate(event) { event.preventDefault(); if(!jQuery('#bbms_token').val()){ jQuery('#wplodfAjaxModal').modal('show'); checkoutService.baseAmount = document.getElementById('designated_1_amount').value * 100; checkoutService.isRecurring = document.getElementById('choose_monthly').value; checkoutService.completeCheckoutButtonComponent.enabled = true; jQuery('#donate-submit').prop('disabled',true).addClass('lo-button-disabled'); jQuery('#form-submit-button').click(); } } </script> <script type="text/javascript"> function wplodf_begin_checkout() { let monthlyStatus = jQuery('#sustaining_frequency').val(); let amountStatus = jQuery('#designated_1_amount').val(); window.dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. window.dataLayer.push({ event: "begin_checkout", ecommerce: { items: [ { item_name: "General - Beyond Belief Form", affiliation: "Main Website Donations", item_brand: monthlyStatus, item_category: "Donation", price: amountStatus, quantity: 1 } ] } }); } function wplodf_checkout_step_2() { console.log("step 2 fired"); let monthlyStatus = jQuery('#sustaining_frequency').val(); let amountStatus = jQuery('#designated_1_amount').val(); window.dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. window.dataLayer.push({ event: "add_shipping_info", ecommerce: { currency: "CAD", value: amountStatus, items: [ { item_name: "General - Beyond Belief Form", affiliation: "Main Website Donations", item_brand: monthlyStatus, item_category: "Donation", price: amountStatus, quantity: 1 } ] } }); } function wplodf_checkout_step_3() { console.log("step 3 fired"); let monthlyStatus = jQuery('#sustaining_frequency').val(); let amountStatus = jQuery('#designated_1_amount').val(); window.dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. window.dataLayer.push({ event: "add_payment_info", ecommerce: { currency: "CAD", value: amountStatus, payment_type: "Credit Card", items: [ { item_name: "General - Beyond Belief Form", affiliation: "Main Website Donations", item_brand: monthlyStatus, item_category: "Donation", price: amountStatus, quantity: 1 } ] } }); } </script> <script type="text/javascript"> // HTML 5 Form Validation for LO forms in WP // Custom error messages for form elements //Check if touch device function function isTouchDevice(){ return true == ("ontouchstart" in window || window.DocumentTouch && document instanceof DocumentTouch); } // Display red border around invalid inputs jQuery(document).ready(function(){ var invalidClassName = 'invalid'; var inputs = Array.prototype.slice.call(document.querySelectorAll('input, select, textarea')); inputs.forEach(function (input) { // Add a css class on submit when the input is invalid. input.addEventListener('invalid', function () { input.classList.add(invalidClassName) }); // Remove the class when the input becomes valid. // 'input' will fire each time the user types input.addEventListener('input', function () { if (input.validity.valid) { input.classList.remove(invalidClassName) } }) }); jQuery('#card_exp_date_year').on('change', function (e) { if (typeof wplodf_checkout_step_3 == 'function') { wplodf_checkout_step_3(); } }); // Form Tooltips for hover // if(isTouchDevice()===false) { jQuery('[data-toggle="tooltip"]').tooltip(); } // Code for dynamic individual or org choice option // jQuery('input[name="choose_donation_type"]').change(function() { var currentValue = jQuery(this).val(); var chooseOneTime = jQuery('#choose_one_time'); if(currentValue == "individual"){ var monthTog = document.getElementById("monthlyToggle"); if (monthTog) {monthTog.style.visibility = 'visible';} if (monthTog) {monthTog.style.position = 'relative'} if (monthTog) {monthTog.style.left = '0';monthTog.style.top = '0';} jQuery('#checkbox_organization').hide(); jQuery('#organization_name').prop('required', false).prop('disabled', true); jQuery('.wplo-dl-single').show(); jQuery('.wplo-dl-monthly').hide(); jQuery('.wplo-dl-organization').hide(); jQuery('#btn-monthly-upgrade-modal').css('display', 'flex'); jQuery('#checkbox_repeat_donation').show(); } if(currentValue == "organization"){ jQuery(chooseOneTime).click(); var monthTog = document.getElementById("monthlyToggle"); if (monthTog) {monthTog.style.visibility = 'hidden';} if (monthTog) {monthTog.style.position = 'absolute'} if (monthTog) {monthTog.style.left = '-30000px';monthTog.style.top = '-30000px';} jQuery('#checkbox_organization').show(); jQuery('#organization_name').prop('required', true).prop('disabled', false); jQuery('#sustaining_duration').remove(); jQuery('#sustaining_frequency').remove(); jQuery('#donation-frequency-fields').append('<input type="hidden" name="sustaining.duration" value="1" id="sustaining_duration">'); jQuery('#donation-frequency-fields').append('<input type="hidden" name="sustaining.frequency" value="one-time" id="sustaining_frequency">'); jQuery('.wplo-dl-single').hide(); jQuery('.wplo-dl-monthly').hide(); jQuery('.wplo-dl-organization').show(); jQuery('#btn-monthly-upgrade-modal').hide(); jQuery('#checkbox_repeat_donation').hide(); jQuery('#c_repeat_option_selected').prop('checked', false); } }); // Code for donation buttons // var otherAmount = jQuery('#other-amount'); // Listen for dash input event on numInput, prevent negative numbers. otherAmount.on('keydown', function (event) { var key = event.which; if (key === 189) { event.preventDefault(); } }); //Clearing data between donation levels otherAmount.focus(function () { jQuery('input:radio[id=level-other]').prop('checked', true); otherAmount.attr('name', 'other_amount'); if (jQuery ('select[name="level_id"]').length) { jQuery('select[name="level_id"]').val(jQuery("select[name=\"level_id\"] option:first").val()); } jQuery('input[name="designated.1.amount"]').val(parseFloat(jQuery('#other-amount').val())); }); jQuery('#level_id_1').focus(function () { otherAmount.attr('name', ''); otherAmount.val(''); }); jQuery('#level_id_2').focus(function () { otherAmount.attr('name', ''); otherAmount.val(''); }); jQuery('#level_id_3').focus(function () { otherAmount.attr('name', ''); otherAmount.val(''); }); jQuery('#level_id_4').focus(function () { otherAmount.attr('name', ''); otherAmount.val(''); }); jQuery('#level_id_5').focus(function () { otherAmount.attr('name', ''); otherAmount.val(''); }); jQuery('#level_id_6').focus(function () { otherAmount.attr('name', ''); otherAmount.val(''); }); jQuery('#level_id_7').focus(function () { otherAmount.attr('name', ''); otherAmount.val(''); }); jQuery('#level_id_8').focus(function () { otherAmount.attr('name', ''); otherAmount.val(''); }); //Code for donation level amount for designated giving jQuery('[name="level_id"]').change(function() { //Uncheck cover fees if it exists and is checked if(jQuery("#transaction_fee_var:checked")){ jQuery("#transaction_fee_var").prop('checked', false); jQuery("#wplo-total-fees-included").hide(); jQuery('#additional_amount').remove(); } //remove error bar jQuery('#radio-error-bar').empty(); if (jQuery ('select[name="level_id"]').length){ var currentValue = jQuery("option:selected", this).data('amount'); jQuery("#level-other").prop('checked', false); jQuery('select[name="level_id"]').prop('required', true); } else{ var currentValue = jQuery(this).data('amount'); } jQuery("#wplo-donate-total").empty().append('$' + currentValue + ''); if (currentValue !== 'other') { document.getElementById("designated_1_amount").value = currentValue; // jQuery('input[name="designated.1.amount"]').val(currentValue); } else { // jQuery('input[name="designated.1.amount"]').val(''); document.getElementById("designated_1_amount").value = ''; } }); jQuery('[name="other_amount"]').bind("keyup change", function() { //Uncheck cover fees if it exists and is checked if(jQuery("#transaction_fee_var:checked")){ jQuery("#transaction_fee_var").prop('checked', false); jQuery("#wplo-total-fees-included").hide(); jQuery('#additional_amount').remove(); } jQuery('#radio-error-bar').empty(); let otherCurrentVal = parseFloat(jQuery(this).val()); // jQuery('input[name="designated.1.amount"]').val(otherCurrentVal); document.getElementById("designated_1_amount").value = otherCurrentVal; if (jQuery ('select[name="level_id"]').length){ jQuery('select[name="level_id"]').val(jQuery("select[name=\"level_id\"] option:first").val()); jQuery('select[name=level_id]')[0].setCustomValidity(''); jQuery('select[name="level_id"]').removeClass("invalid").prop('required', false); } jQuery("#wplo-donate-total").empty().append('$' + otherCurrentVal + ''); }); // Code for donation form flow sections on/off jQuery('#choose_quarterly').change(function () { // var ereceiptOverrideVal = jQuery('#ereceipt_override_val').val(); // var receiptOverride = jQuery("[name='send_receipt']"); // if (ereceiptOverrideVal === "monthly" || ereceiptOverrideVal === "both"){ // receiptOverride.val("false"); // } // else{ // receiptOverride.val("true"); // } jQuery('#donation-type-radio-error-bar').empty(); if (jQuery('#choose_quarterly').prop('checked')) { jQuery('#sustaining_duration').remove(); jQuery('#sustaining_frequency').remove(); jQuery('#donation-frequency-fields').append('<input type="hidden" name="sustaining.duration" value="0" id="sustaining_duration">'); jQuery('#donation-frequency-fields').append('<input type="hidden" name="sustaining.frequency" value="quarterly" id="sustaining_frequency">'); jQuery('#btn-monthly-upgrade-modal').hide(); jQuery('#checkbox_repeat_donation').hide(); jQuery('#c_repeat_option_selected').prop('checked', false); jQuery('.wplo-dl-single').hide().prop('disabled', true); jQuery('.wplo-dl-monthly').show().prop('disabled', false); } }); jQuery('#choose_monthly').change(function () { var ereceiptOverrideVal = jQuery('#ereceipt_override_val').val(); var receiptOverride = jQuery("[name='send_receipt']"); if (ereceiptOverrideVal === "monthly" || ereceiptOverrideVal === "both"){ receiptOverride.val("false"); } else{ receiptOverride.val("true"); } jQuery('#donation-type-radio-error-bar').empty(); if (jQuery('#choose_monthly').prop('checked')) { jQuery('#sustaining_duration').remove(); jQuery('#sustaining_frequency').remove(); jQuery('#donation-frequency-fields').append('<input type="hidden" name="sustaining.duration" value="0" id="sustaining_duration">'); jQuery('#donation-frequency-fields').append('<input type="hidden" name="sustaining.frequency" value="monthly" id="sustaining_frequency">'); jQuery('#btn-monthly-upgrade-modal').hide(); jQuery('#checkbox_repeat_donation').hide(); jQuery('#c_repeat_option_selected').prop('checked', false); jQuery('.wplo-dl-single').hide().prop('disabled', true); jQuery('.wplo-dl-monthly').show().prop('disabled', false); } }); jQuery('#choose_one_time').change(function () { var ereceiptOverrideVal = jQuery('#ereceipt_override_val').val(); var receiptOverride = jQuery("[name='send_receipt']"); if (ereceiptOverrideVal === "single" || ereceiptOverrideVal === "both"){ receiptOverride.val("false"); } else{ receiptOverride.val("true"); } jQuery('#donation-type-radio-error-bar').empty(); if (jQuery('#choose_one_time').prop('checked')) { jQuery('#sustaining_duration').remove(); jQuery('#sustaining_frequency').remove(); jQuery('#donation-frequency-fields').append('<input type="hidden" name="sustaining.duration" value="1" id="sustaining_duration">'); jQuery('#donation-frequency-fields').append('<input type="hidden" name="sustaining.frequency" value="one-time" id="sustaining_frequency">'); jQuery('#btn-monthly-upgrade-modal').css('display', 'flex'); jQuery('#checkbox_repeat_donation').show(); jQuery('.wplo-dl-single').show().prop('disabled', false); jQuery('.wplo-dl-monthly').hide().prop('disabled', true); } }); jQuery('#c_repeat_option_selected').change(function () { if (jQuery('#c_repeat_option_selected').prop('checked')) { jQuery('#sustaining_duration').remove(); jQuery('#sustaining_frequency').remove(); jQuery('#donation-frequency-fields').append('<input type="hidden" name="sustaining.duration" value="0" id="sustaining_duration">'); jQuery('#donation-frequency-fields').append('<input type="hidden" name="sustaining.frequency" value="annually" id="sustaining_frequency">'); } else if (jQuery('#c_repeat_option_selected').prop('checked', false)) { jQuery('#sustaining_duration').remove(); jQuery('#sustaining_frequency').remove(); jQuery('#donation-frequency-fields').append('<input type="hidden" name="sustaining.duration" value="1" id="sustaining_duration">'); jQuery('#donation-frequency-fields').append('<input type="hidden" name="sustaining.frequency" value="one-time" id="sustaining_frequency">'); } }); // jQuery('#c_organization_yes_selected').change(function () { // if (jQuery('#c_organization_yes_selected').prop('checked')) { // jQuery('#organization_name_container').show(); // // jQuery('#organization_name').prop('required', true).prop('disabled', false); // } // else if (jQuery('#c_organization_yes_selected').prop('checked', false)) { // jQuery('#organization_name_container').hide(); // // jQuery('#organization_name').prop('required', false).prop('disabled', true); // } // }); jQuery('input[type=radio][name=honour]').change(function () { var tribute_honoree_name_first = jQuery('#tribute_honoree_name_first'); var tribute_honoree_name_last = jQuery('#tribute_honoree_name_last'); var label_honoree_name_first = jQuery("#label-honoree-name-first"); var label_honoree_name_last = jQuery("#label-honoree-name-last"); var nextOfKinWrapper = jQuery('#nextOfKinNotification'); if (this.value == 'false') { jQuery('#would_you_like_to_send_no').click(); jQuery('#ecard-section').hide(); jQuery('#card-section').hide(); jQuery('#honouree_name').hide(); nextOfKinWrapper.hide(); jQuery('#ecard_send').prop('required', false); jQuery('#ecard_send').prop('disabled', true); var tribute_first = jQuery('#tribute_honoree_name_first'); tribute_first.prop('required', false); tribute_first.prop('disabled', true); var tribute_last = jQuery('#tribute_honoree_name_last'); // tribute_last.prop('required', false); tribute_last.prop('disabled', true); jQuery('#ecard_recipients').prop('required', false); jQuery('#ecard_recipients').prop('disabled', true); jQuery('#ecard_subject').prop('required', false); jQuery('#ecard_subject').prop('disabled', true); jQuery('#ecard_message').prop('disabled', true); jQuery('#tribute_notify_name_full').prop('required', false); jQuery('#tribute_notify_name_full').prop('disabled', true); // jQuery('#tribute_notify_name_first').prop('required', false); jQuery('#tribute_notify_name_last').prop('disabled', true); jQuery('#tribute_notify_address_street1').prop('required', false); jQuery('#tribute_notify_address_street1').prop('disabled', true); jQuery('#tribute_notify_address_city').prop('required', false); jQuery('#tribute_notify_address_city').prop('disabled', true); jQuery('#tribute_notify_address_country').prop('required', false); jQuery('#tribute_notify_address_country').prop('disabled', true); jQuery('#tribute_notify_address_state').prop('required', false); jQuery('#tribute_notify_address_state').prop('disabled', true); jQuery('#tribute_notify_address_zip').prop('required', false); jQuery('#tribute_notify_address_zip').prop('disabled', true); jQuery('#tribute_message_body').prop('disabled', true); jQuery('#tribute_type').remove(); } else if (this.value == 'true') { jQuery('#ecard-section').show(); jQuery('#card-section').show(); jQuery('#honouree_name').show(); nextOfKinWrapper.hide(); jQuery('#ecard_send').prop('disabled', false); jQuery('#tribute_send').prop('disabled', false); var tribute_first = jQuery('#tribute_honoree_name_first'); tribute_first.prop('required', true); tribute_first.prop('disabled', false); tribute_first.val(''); var tribute_last = jQuery('#tribute_honoree_name_last'); // tribute_last.prop('required', true); tribute_last.prop('disabled', false); tribute_last.val(''); jQuery('#tribute_type').remove(); jQuery('#wp-lo-donation-form').append('<input type="hidden" name="tribute.type" value="tribute" id="tribute_type">'); label_honoree_name_first.html('Honouree First Name'); tribute_honoree_name_first.attr('placeholder', 'Honouree First Name'); label_honoree_name_last.html('Honouree Last Name'); tribute_honoree_name_last.attr('placeholder', 'Honouree Last Name'); if (jQuery('input#ecard_send:checked').val() == 'true'){ jQuery('.ecard_in_honour').show(); jQuery('.ecard_in_memory').hide(); } jQuery('.ecard_display_both').show(); if (jQuery('input#ecard_send:checked').val() == 'true'){ jQuery('input#ecard_send:checked').click(); } if (jQuery('input#tribute_send:checked').val() == 'true'){ jQuery('input#tribute_send:checked').click(); } } else if (this.value == 'memory') { jQuery('#ecard-section').show(); jQuery('#card-section').show(); jQuery('#honouree_name').show(); nextOfKinWrapper.show(); jQuery('#ecard_send').prop('disabled', false); jQuery('#tribute_send').prop('disabled', false); var tribute_first = jQuery('#tribute_honoree_name_first'); tribute_first.prop('required', true); tribute_first.prop('disabled', false); tribute_first.val(''); var tribute_last = jQuery('#tribute_honoree_name_last'); // tribute_last.prop('required', true); tribute_last.prop('disabled', false); tribute_last.val(''); label_honoree_name_first.html('In Memory First Name'); tribute_honoree_name_first.attr('placeholder', 'In Memory First Name'); label_honoree_name_last.html('In Memory Last Name'); tribute_honoree_name_last.attr('placeholder', 'In Memory Last Name'); jQuery('#tribute_type').remove(); jQuery('#wp-lo-donation-form').append('<input type="hidden" name="tribute.type" value="memorial" id="tribute_type">'); if (jQuery('input#ecard_send:checked').val() == 'true'){ jQuery('.ecard_in_honour').hide(); jQuery('.ecard_in_memory').show(); } jQuery('.ecard_display_both').show(); if (jQuery('input#ecard_send:checked').val() == 'true'){ jQuery('input#ecard_send:checked').click(); } if (jQuery('input#tribute_send:checked').val() == 'true'){ jQuery('input#tribute_send:checked').click(); } } }); jQuery('#ecard_send').change(function () { var ecardSend = jQuery('#ecard_send'); var ecardSendSection = jQuery('#send_ecard_section'); //ecardSendSection.fadeToggle(); var honourOrMemory = jQuery('input[type=radio][name=honour]:checked').val(); if (ecardSend.prop('checked')) { jQuery('#ecard_recipients').prop('required', true); jQuery('#ecard_recipients').prop('disabled', false); jQuery('#ecard_subject').prop('required', true); jQuery('#ecard_subject').prop('disabled', false); // jQuery('#ecard_message').prop('required', true); jQuery('#ecard_message').prop('disabled', false); jQuery('.ecard_type:first').prop('required', true); jQuery('.ecard_type').prop('disabled', false); ecardSendSection.show(); var ecardIdNumber = jQuery('input:radio[name=ecard\\.id]:visible:first').val(); if (honourOrMemory == 'true'){ jQuery('.ecard_in_honour').show(); jQuery('.ecard_in_memory').hide(); jQuery("input:radio[name=ecard\\.id]:visible:first").prop('checked'); jQuery("input:radio[name=ecard\\.id]:visible:first").siblings("label").click(); // var previewUrl = jQuery("input:radio[name=ecard\\.id]:visible:first").siblings('.preview_url').text(); // jQuery('#ecardPreviewLink').attr('href', previewUrl).attr('data-card-number',ecardIdNumber); } else if (honourOrMemory == 'memory') { jQuery('.ecard_in_honour').hide(); jQuery('.ecard_in_memory').show(); jQuery("input:radio[name=ecard\\.id]:visible:first").prop('checked'); jQuery("input:radio[name=ecard\\.id]:visible:first").siblings("label").click(); // var previewUrl = jQuery("input:radio[name=ecard\\.id]:visible:first").siblings('.preview_url').text(); // jQuery('#ecardPreviewLink').attr('href', previewUrl).attr('data-card-number',ecardIdNumber); } jQuery('.ecard_display_both').show(); jQuery('html, body').animate({ scrollTop: jQuery('#ecard_send').offset().top + (-50) }, 600); let physicalCardCheckbox = jQuery('#tribute_send'); let cardSendSection = jQuery('#send_tribute_section'); if(physicalCardCheckbox.length){ jQuery('#tribute_notify_name_full').prop('required', false); jQuery('#tribute_notify_name_full').prop('disabled', true); jQuery('#tribute_notify_address_street1').prop('required', false); jQuery('#tribute_notify_address_street1').prop('disabled', true); jQuery('#tribute_notify_address_city').prop('required', false); jQuery('#tribute_notify_address_city').prop('disabled', true); jQuery('#tribute_notify_address_country').prop('required', false); jQuery('#tribute_notify_address_country').prop('disabled', true); jQuery('#tribute_notify_address_state').prop('required', false); jQuery('#tribute_notify_address_state').prop('disabled', true); jQuery('#tribute_notify_address_zip').prop('required', false); jQuery('#tribute_notify_address_zip').prop('disabled', true); // jQuery('#ecard_message').prop('required', false); jQuery('#tribute_message_body').prop('disabled', true); physicalCardCheckbox.prop('checked', false) cardSendSection.hide(); } } else { jQuery('#ecard_recipients').prop('required', false); jQuery('#ecard_recipients').prop('disabled', true); jQuery('#ecard_subject').prop('required', false); jQuery('#ecard_subject').prop('disabled', true); // jQuery('#ecard_message').prop('required', false); jQuery('#ecard_message').prop('disabled', true); jQuery('.ecard_type:first').prop('required', false); jQuery('.ecard_type').prop('disabled', true); ecardSendSection.hide(); } }); jQuery('#tribute_send').change(function () { var tributeSend = jQuery('#tribute_send'); var cardSendSection = jQuery('#send_tribute_section'); if (tributeSend.prop('checked')) { jQuery('#tribute_notify_name_full').prop('required', true); jQuery('#tribute_notify_name_full').prop('disabled', false); jQuery('#tribute_notify_address_street1').prop('required', true); jQuery('#tribute_notify_address_street1').prop('disabled', false); jQuery('#tribute_notify_address_city').prop('required', true); jQuery('#tribute_notify_address_city').prop('disabled', false); jQuery('#tribute_notify_address_country').prop('required', true); jQuery('#tribute_notify_address_country').prop('disabled', false); jQuery('#tribute_notify_address_state').prop('required', true); jQuery('#tribute_notify_address_state').prop('disabled', false); jQuery('#tribute_notify_address_zip').prop('required', true); jQuery('#tribute_notify_address_zip').prop('disabled', false); // jQuery('#ecard_message').prop('required', true); jQuery('#tribute_message_body').prop('disabled', false); cardSendSection.show(); var eCardCheckbox = jQuery('#ecard_send'); var ecardSendSection = jQuery('#send_ecard_section'); if(eCardCheckbox.length){ jQuery('#ecard_recipients').prop('required', false); jQuery('#ecard_recipients').prop('disabled', true); jQuery('#ecard_subject').prop('required', false); jQuery('#ecard_subject').prop('disabled', true); // jQuery('#ecard_message').prop('required', false); jQuery('#ecard_message').prop('disabled', true); jQuery('.ecard_type:first').prop('required', false); jQuery('.ecard_type').prop('disabled', true); eCardCheckbox.prop('checked', false) ecardSendSection.hide(); } } else { jQuery('#tribute_notify_name_full').prop('required', false); jQuery('#tribute_notify_name_full').prop('disabled', true); jQuery('#tribute_notify_address_street1').prop('required', false); jQuery('#tribute_notify_address_street1').prop('disabled', true); jQuery('#tribute_notify_address_city').prop('required', false); jQuery('#tribute_notify_address_city').prop('disabled', true); jQuery('#tribute_notify_address_country').prop('required', false); jQuery('#tribute_notify_address_country').prop('disabled', true); jQuery('#tribute_notify_address_state').prop('required', false); jQuery('#tribute_notify_address_state').prop('disabled', true); jQuery('#tribute_notify_address_zip').prop('required', false); jQuery('#tribute_notify_address_zip').prop('disabled', true); // jQuery('#ecard_message').prop('required', false); jQuery('#tribute_message_body').prop('disabled', true); cardSendSection.hide(); } }); //E-card selection change preview data based on card selected jQuery('.ecard_type').change(function () { var x = (this.id); var previewUrl = jQuery(this).siblings('.preview_url').text(); var previewId = jQuery(this).val(); switch (x){ case ('ecard_id_1'): jQuery('#ecardPreviewLink').attr('href', previewUrl).attr('data-card-number', previewId); break; case ('ecard_id_2'): jQuery('#ecardPreviewLink').attr('href', previewUrl).attr('data-card-number', previewId); break; case ('ecard_id_3'): jQuery('#ecardPreviewLink').attr('href', previewUrl).attr('data-card-number', previewId); break; case ('ecard_id_4'): jQuery('#ecardPreviewLink').attr('href', previewUrl).attr('data-card-number', previewId); break; case ('ecard_id_5'): jQuery('#ecardPreviewLink').attr('href', previewUrl).attr('data-card-number', previewId); break; case ('ecard_id_6'): jQuery('#ecardPreviewLink').attr('href', previewUrl).attr('data-card-number', previewId); break; case ('ecard_id_7'): jQuery('#ecardPreviewLink').attr('href', previewUrl).attr('data-card-number', previewId); break; case ('ecard_id_8'): jQuery('#ecardPreviewLink').attr('href', previewUrl).attr('data-card-number', previewId); break; } }); // IE11 Fixed Background Image Scroll Fix if(navigator.userAgent.match(/Trident\/7\./)) { // if IE jQuery('body').on("mousewheel", function () { // remove default behavior event.preventDefault(); //scroll without smoothing var wheelDelta = event.wheelDelta; var currentScrollPosition = window.pageYOffset; window.scrollTo(0, currentScrollPosition - wheelDelta + 5); }); } }); function wplo_upgrade_monthly(event) { event.preventDefault(); let amountSelected = jQuery('input#designated_1_amount').val(); jQuery('#choose_monthly').click(); if(amountSelected){ amountSelected = Math.ceil((parseFloat(amountSelected))/12); //Minimum is 5 for donations, don't go below it if(amountSelected < 5){ amountSelected = 5; } jQuery('#other-amount').val(amountSelected).click(); } jQuery('#modal_wplo_monthly_upgrade').modal('hide'); } function wplo_upgrade_monthly_goto_next(event) { event.preventDefault(); let amountSelected = jQuery('input#designated_1_amount').val(); console.log(amountSelected); jQuery('#choose_donation_type_ind').click(); jQuery('#choose_monthly').click(); if(amountSelected){ // jQuery('select#level_id_1').val([]); amountSelected = Math.ceil((parseFloat(amountSelected))/12); //Minimum is 5 for donations, don't go below it if(amountSelected < 5){ amountSelected = 5; } jQuery('#other-amount').val(amountSelected).click(); jQuery('input:radio[id=level-other]').prop('checked', true); jQuery('#other-amount').attr('name', 'other_amount'); if (jQuery ('select[name="level_id"]').length){ jQuery('select[name="level_id"]').val(jQuery("select[name=\"level_id\"] option:first").val()); jQuery('select[name=level_id]')[0].setCustomValidity(''); jQuery('select[name="level_id"]').removeClass("invalid").prop('required', false); } // jQuery('input[name="designated.1.amount"]').val(parseFloat(jQuery('#other-amount').val())); // jQuery('input[name="designated.1.amount"]').val((jQuery('#other-amount').val())); document.getElementById("designated_1_amount").value = jQuery('#other-amount').val(); } jQuery('#modal_wplo_monthly_upgrade').modal('hide'); jQuery('#btn-step-1-amount').click(); } function wplo_upgrade_monthly_cancel_next(event) { event.preventDefault(); jQuery('#modal_wplo_monthly_upgrade').modal('hide').attr("id","modalRemoveMe"); jQuery('#btn-step-1-amount').click(); } function wplo_upgrade_monthly_modal_single_confirm(event) { event.preventDefault(); let amountSelected = jQuery('input#designated_1_amount').val(); jQuery('#choose_donation_type_ind').click(); jQuery('#choose_monthly').click(); if(amountSelected){ amountSelected = Math.ceil((parseFloat(amountSelected))/12); //Minimum is 5 for donations, don't go below it if(amountSelected < 5){ amountSelected = 5; } jQuery('input:radio[id=level-other]').prop('checked', true); jQuery('#other-amount').attr('name', 'other_amount'); if (jQuery ('select[name="level_id"]').length){ jQuery('select[name="level_id"]').val(jQuery("select[name=\"level_id\"] option:first").val()); jQuery('select[name=level_id]')[0].setCustomValidity(''); jQuery('select[name="level_id"]').removeClass("invalid").prop('required', false); } // jQuery('input[name="designated.1.amount"]').val(parseFloat(jQuery('#other-amount').val())); // jQuery('input[name="designated.1.amount"]').val((jQuery('#other-amount').val())); document.getElementById("designated_1_amount").value = jQuery('#other-amount').val(); jQuery('#other-amount').val(amountSelected).click(); } jQuery('#modal_wplo_monthly_upgrade').modal('hide'); jQuery('#donate-submit').click(); } function wplo_upgrade_monthly_modal_single_cancel(event) { event.preventDefault(); jQuery('#modal_wplo_monthly_upgrade').modal('hide').attr("id","modalRemoveMe"); jQuery('#donate-submit').click(); } function preview_ecards(event){ event.preventDefault(); var ecardSubject = jQuery("#ecard_subject").val(); ecardSubject = ecardSubject != '' ? ecardSubject : 'No subject'; var ecardMessage = jQuery("#ecard_message").val(); ecardMessage = ecardMessage != '' ? ecardMessage : 'Your message will go here'; var ecardRecipient = jQuery("#ecard_recipients").val(); var curEcard = jQuery(event.currentTarget).attr("data-card-number"); var previewModal = jQuery("#ecard_preview_" + curEcard); previewModal.find('.wplo-df-to-user').text(ecardRecipient); previewModal.find('.wplo-df-subject-user').text(ecardSubject); previewModal.find('.wplo-df-message').text(ecardMessage); previewModal.css('display','flex'); previewModal.modal('show'); } //Goto 2ndpage function goto_2nd(event){ event.preventDefault(); var inputGiftVal = document.getElementsByName('choose_gift_type'); if (inputGiftVal){ var giftVal = jQuery("input[name=choose_gift_type]")[0].checkValidity(); } var amountVal; if (jQuery('#other-amount').val() > 0){ var amountVal = true; } else{ var amountVal = jQuery('[name=level_id]')[0].checkValidity(); } if (jQuery('#level-other').prop('checked')) { if (jQuery('#other-amount').val() == 0){ jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>'); } } else if(amountVal === false){ jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>'); } var designateName = document.getElementById("designated_1_id"); if (designateName) { var designateVal = jQuery('#designated_1_id')[0].checkValidity(); } var feedbackTitle = jQuery("#feedbackTitle"); var titleAnchor = jQuery("#standardTitle"); var amountSelected = jQuery('input#designated_1_amount').val(); var inputOrgName = document.getElementById("organization_name"); if (inputOrgName){ var orgNameVal = jQuery('input#organization_name')[0].checkValidity(); } if (inputOrgName){ if (orgNameVal == true && giftVal == true && amountVal == true && (designateVal == true || !designateName) && amountSelected != "NaN"){ var insideParagraph = document.getElementById("insideParagraph"); if (insideParagraph) {insideParagraph.style.visibility = 'hidden';} if (insideParagraph) {insideParagraph.style.position = 'absolute'} if (insideParagraph) {insideParagraph.style.left = '-30000px';insideParagraph.style.top = '-30000px';} var indOrgTog = document.getElementById("individualOrOrganizationChoice"); if (indOrgTog) {indOrgTog.style.visibility = 'hidden';} if (indOrgTog) {indOrgTog.style.position = 'absolute'} if (indOrgTog) {indOrgTog.style.left = '-30000px';indOrgTog.style.top = '-30000px';} document.getElementById("amountToggle").style.visibility = 'hidden'; document.getElementById("amountToggle").style.position = 'absolute'; document.getElementById("amountToggle").style.left = '-30000px'; document.getElementById("amountToggle").style.top = '-30000px'; var monthTog = document.getElementById("monthlyToggle"); if (monthTog) {monthTog.style.visibility = 'hidden';} if (monthTog) {monthTog.style.position = 'absolute'} if (monthTog) {monthTog.style.left = '-30000px';monthTog.style.top = '-30000px';} var orgTog = document.getElementById("checkbox_organization"); if (orgTog) {orgTog.style.visibility = 'hidden';} if (orgTog) {orgTog.style.position = 'absolute'} if (orgTog) {orgTog.style.left = '-30000px';orgTog.style.top = '-30000px';} var desigTog = document.getElementById("designationToggle"); if (desigTog) {desigTog.style.visibility = 'hidden';} if (desigTog) {desigTog.style.position = 'absolute'} if (desigTog) {desigTog.style.left = '-30000px';desigTog.style.top = '-30000px';} document.getElementById("step1Toggle").style.visibility = 'hidden'; document.getElementById("step1Toggle").style.position = 'absolute'; document.getElementById("step1Toggle").style.left = '-30000px'; document.getElementById("step1Toggle").style.top = '-30000px'; var honourTog = document.getElementById("honourToggle"); if (honourTog) {honourTog.style.visibility = 'visible';} if (honourTog) {honourTog.style.position = 'relative'} if (honourTog) {honourTog.style.left = '0';honourTog.style.top = '0';} document.getElementById("introSection").style.visibility = 'hidden'; document.getElementById("introSection").style.position = 'absolute'; document.getElementById("introSection").style.left = '-30000px'; document.getElementById("introSection").style.top = '-30000px'; document.getElementById("feedbackContainer").style.visibility = 'visible'; document.getElementById("feedbackContainer").style.position= 'relative'; document.getElementById("feedbackContainer").style.left = '0'; document.getElementById("feedbackContainer").style.top = '0'; let onetimeOrMonthly = jQuery("#sustaining_frequency"); let fbTitleAppend = ""; if(onetimeOrMonthly.length && onetimeOrMonthly.val() === "monthly"){ fbTitleAppend = " Monthly" } feedbackTitle.empty(); feedbackTitle.append('<span>Giving $' + amountSelected + ' ' + fbTitleAppend + '</span><a class=\"btn-wp-lo-form-outline-sm mt-2\" href=\"#\" onclick=\"return goto_begin(event)\">Edit Amount</a>' ); jQuery("#wplo-donate-total").empty().append('$' + amountSelected + ''); var circleNav1 = document.getElementById("circleNav1"); var circleNav2 = document.getElementById("circleNav2"); circleNav1.classList.remove("fas"); circleNav1.classList.add("far"); circleNav2.classList.remove("far"); circleNav2.classList.add("fas"); if (typeof wplodf_begin_checkout == 'function') { wplodf_begin_checkout(); } } } else { if (giftVal == true && amountVal == true && (designateVal == true || !designateName) && amountSelected != "NaN"){ var insideParagraph = document.getElementById("insideParagraph"); if (insideParagraph) {insideParagraph.style.visibility = 'hidden';} if (insideParagraph) {insideParagraph.style.position = 'absolute'} if (insideParagraph) {insideParagraph.style.left = '-30000px';insideParagraph.style.top = '-30000px';} var indOrgTog = document.getElementById("individualOrOrganizationChoice"); if (indOrgTog) {indOrgTog.style.visibility = 'hidden';} if (indOrgTog) {indOrgTog.style.position = 'absolute'} if (indOrgTog) {indOrgTog.style.left = '-30000px';indOrgTog.style.top = '-30000px';} document.getElementById("amountToggle").style.visibility = 'hidden'; document.getElementById("amountToggle").style.position = 'absolute'; document.getElementById("amountToggle").style.left = '-30000px'; document.getElementById("amountToggle").style.top = '-30000px'; var customOrgGiftTittle = document.getElementById("customOrgGiftToggle"); if (customOrgGiftTittle) {customOrgGiftTittle.style.visibility = 'hidden';} if (customOrgGiftTittle) {customOrgGiftTittle.style.position = 'absolute'} if (customOrgGiftTittle) {customOrgGiftTittle.style.left = '-30000px';customOrgGiftTittle.style.top = '-30000px';} var customDesignationFundToggle = document.getElementById("customDesignationFundToggle"); if (customDesignationFundToggle) {customDesignationFundToggle.style.visibility = 'hidden';} if (customDesignationFundToggle) {customDesignationFundToggle.style.position = 'absolute'} if (customDesignationFundToggle) {customDesignationFundToggle.style.left = '-30000px';customDesignationFundToggle.style.top = '-30000px';} var monthTog = document.getElementById("monthlyToggle"); if (monthTog) {monthTog.style.visibility = 'hidden';} if (monthTog) {monthTog.style.position = 'absolute'} if (monthTog) {monthTog.style.left = '-30000px';monthTog.style.top = '-30000px';} var orgTog = document.getElementById("checkbox_organization"); if (orgTog) {orgTog.style.visibility = 'hidden';} if (orgTog) {orgTog.style.position = 'absolute'} if (orgTog) {orgTog.style.left = '-30000px';orgTog.style.top = '-30000px';} var desigTog = document.getElementById("designationToggle"); if (desigTog) {desigTog.style.visibility = 'hidden';} if (desigTog) {desigTog.style.position = 'absolute'} if (desigTog) {desigTog.style.left = '-30000px';desigTog.style.top = '-30000px';} document.getElementById("step1Toggle").style.visibility = 'hidden'; document.getElementById("step1Toggle").style.position = 'absolute'; document.getElementById("step1Toggle").style.left = '-30000px'; document.getElementById("step1Toggle").style.top = '-30000px'; var honourTog = document.getElementById("honourToggle"); if (honourTog) {honourTog.style.visibility = 'visible';} if (honourTog) {honourTog.style.position = 'relative'} if (honourTog) {honourTog.style.left = '0';honourTog.style.top = '0';} document.getElementById("introSection").style.visibility = 'hidden'; document.getElementById("introSection").style.position = 'absolute'; document.getElementById("introSection").style.left = '-30000px'; document.getElementById("introSection").style.top = '-30000px'; document.getElementById("feedbackContainer").style.visibility = 'visible'; document.getElementById("feedbackContainer").style.position= 'relative'; document.getElementById("feedbackContainer").style.left = '0'; document.getElementById("feedbackContainer").style.top = '0'; let onetimeOrMonthly = jQuery("#sustaining_frequency"); let fbTitleAppend = ""; if(onetimeOrMonthly.length && onetimeOrMonthly.val() === "monthly"){ fbTitleAppend = " Monthly" } feedbackTitle.empty(); feedbackTitle.append('<span>Giving $' + amountSelected + ' ' + fbTitleAppend + '</span><a class=\"btn-wp-lo-form-outline-sm mt-2\" href=\"#\" onclick=\"return goto_begin(event)\">Edit Amount</a>' ); var circleNav1 = document.getElementById("circleNav1"); var circleNav2 = document.getElementById("circleNav2"); circleNav1.classList.remove("fas"); circleNav1.classList.add("far"); circleNav2.classList.remove("far"); circleNav2.classList.add("fas"); if (typeof wplodf_begin_checkout == 'function') { wplodf_begin_checkout(); } } } if (jQuery(window).width() <= 767) { var feedbackContainer = jQuery("#feedbackContainer"); if(feedbackContainer.css("position") === "absolute"){ // console.log("Not Visible"); jQuery('html, body').animate({ scrollTop: titleAnchor.offset().top + (-50) }, 600); } else{ // console.log("Visible"); jQuery('html, body').animate({ scrollTop: feedbackContainer.offset().top + (-50) }, 600); } } else{ jQuery('html, body').animate({ scrollTop: feedbackTitle.offset().top + (-150) }, 600); } } function goto_3rd_from1(event){ event.preventDefault(); var inputGiftVal = document.getElementsByName('choose_gift_type'); if (inputGiftVal){ var giftVal = jQuery("input[name=choose_gift_type]")[0].checkValidity(); } var amountVal; if (jQuery('#other-amount').val() > 0){ var amountVal = true; } else{ var amountVal = jQuery('[name=level_id]')[0].checkValidity(); } if (jQuery('#level-other').prop('checked')) { if (jQuery('#other-amount').val() == 0){ jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>'); } } else if(amountVal === false){ jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>'); } var designateName = document.getElementById("designated_1_id"); if (designateName) { var designateVal = jQuery('#designated_1_id')[0].checkValidity(); } var feedbackTitle = jQuery("#feedbackTitle"); var titleAnchor = jQuery("#standardTitle"); var amountSelected = jQuery('input#designated_1_amount').val(); var inputOrgName = document.getElementById("organization_name"); if (inputOrgName){ var orgNameVal = jQuery('input#organization_name')[0].checkValidity(); } if (inputOrgName){ if (orgNameVal == true && giftVal == true && amountVal == true && (designateVal == true || !designateName) && amountSelected != "NaN"){ var insideParagraph = document.getElementById("insideParagraph"); if (insideParagraph) {insideParagraph.style.visibility = 'hidden';} if (insideParagraph) {insideParagraph.style.position = 'absolute'} if (insideParagraph) {insideParagraph.style.left = '-30000px';insideParagraph.style.top = '-30000px';} var indOrgTog = document.getElementById("individualOrOrganizationChoice"); if (indOrgTog) {indOrgTog.style.visibility = 'hidden';} if (indOrgTog) {indOrgTog.style.position = 'absolute'} if (indOrgTog) {indOrgTog.style.left = '-30000px';indOrgTog.style.top = '-30000px';} document.getElementById("amountToggle").style.visibility = 'hidden'; document.getElementById("amountToggle").style.position = 'absolute'; document.getElementById("amountToggle").style.left = '-30000px'; document.getElementById("amountToggle").style.top = '-30000px'; var monthTog = document.getElementById("monthlyToggle"); if (monthTog) {monthTog.style.visibility = 'hidden';} if (monthTog) {monthTog.style.position = 'absolute'} if (monthTog) {monthTog.style.left = '-30000px';monthTog.style.top = '-30000px';} var orgTog = document.getElementById("checkbox_organization"); if (orgTog) {orgTog.style.visibility = 'hidden';} if (orgTog) {orgTog.style.position = 'absolute'} if (orgTog) {orgTog.style.left = '-30000px';orgTog.style.top = '-30000px';} var desigTog = document.getElementById("designationToggle"); if (desigTog) {desigTog.style.visibility = 'hidden';} if (desigTog) {desigTog.style.position = 'absolute'} if (desigTog) {desigTog.style.left = '-30000px';desigTog.style.top = '-30000px';} document.getElementById("step1Toggle").style.visibility = 'hidden'; document.getElementById("step1Toggle").style.position = 'absolute'; document.getElementById("step1Toggle").style.left = '-30000px'; document.getElementById("step1Toggle").style.top = '-30000px'; var honourTog = document.getElementById("honourToggle"); if (honourTog) {honourTog.style.visibility = 'visible';} if (honourTog) {honourTog.style.position = 'relative'} if (honourTog) {honourTog.style.left = '0';honourTog.style.top = '0';} document.getElementById("introSection").style.visibility = 'hidden'; document.getElementById("introSection").style.position = 'absolute'; document.getElementById("introSection").style.left = '-30000px'; document.getElementById("introSection").style.top = '-30000px'; document.getElementById("informationToggle").style.visibility = 'visible'; document.getElementById("informationToggle").style.position = 'relative'; document.getElementById("informationToggle").style.left = '0'; document.getElementById("informationToggle").style.top = '0'; document.getElementById("emailToggle").style.visibility = 'visible'; document.getElementById("emailToggle").style.position = 'relative'; document.getElementById("emailToggle").style.left = '0'; document.getElementById("emailToggle").style.top = '0'; document.getElementById("feedbackContainer").style.visibility = 'visible'; document.getElementById("feedbackContainer").style.position= 'relative'; document.getElementById("feedbackContainer").style.left = '0'; document.getElementById("feedbackContainer").style.top = '0'; let onetimeOrMonthly = jQuery("#sustaining_frequency"); let fbTitleAppend = ""; if(onetimeOrMonthly.length && onetimeOrMonthly.val() === "monthly"){ fbTitleAppend = " Monthly" } feedbackTitle.empty(); feedbackTitle.append('<span>Giving $' + amountSelected + ' ' + fbTitleAppend + '</span><a class=\"btn-wp-lo-form-outline-sm mt-2\" href=\"#\" onclick=\"return goto_begin(event)\">Edit Amount</a>' ); var circleNav1 = document.getElementById("circleNav1"); var circleNav3 = document.getElementById("circleNav3"); circleNav1.classList.remove("fas"); circleNav1.classList.add("far"); circleNav3.classList.remove("far"); circleNav3.classList.add("fas"); if (typeof wplodf_begin_checkout == 'function') { wplodf_begin_checkout(); } } } else { if (giftVal == true && amountVal == true && (designateVal == true || !designateName) && amountSelected != "NaN"){ var insideParagraph = document.getElementById("insideParagraph"); if (insideParagraph) {insideParagraph.style.visibility = 'hidden';} if (insideParagraph) {insideParagraph.style.position = 'absolute'} if (insideParagraph) {insideParagraph.style.left = '-30000px';insideParagraph.style.top = '-30000px';} var indOrgTog = document.getElementById("individualOrOrganizationChoice"); if (indOrgTog) {indOrgTog.style.visibility = 'hidden';} if (indOrgTog) {indOrgTog.style.position = 'absolute'} if (indOrgTog) {indOrgTog.style.left = '-30000px';indOrgTog.style.top = '-30000px';} document.getElementById("amountToggle").style.visibility = 'hidden'; document.getElementById("amountToggle").style.position = 'absolute'; document.getElementById("amountToggle").style.left = '-30000px'; document.getElementById("amountToggle").style.top = '-30000px'; var customOrgGiftTittle = document.getElementById("customOrgGiftToggle"); if (customOrgGiftTittle) {customOrgGiftTittle.style.visibility = 'hidden';} if (customOrgGiftTittle) {customOrgGiftTittle.style.position = 'absolute'} if (customOrgGiftTittle) {customOrgGiftTittle.style.left = '-30000px';customOrgGiftTittle.style.top = '-30000px';} var customDesignationFundToggle = document.getElementById("customDesignationFundToggle"); if (customDesignationFundToggle) {customDesignationFundToggle.style.visibility = 'hidden';} if (customDesignationFundToggle) {customDesignationFundToggle.style.position = 'absolute'} if (customDesignationFundToggle) {customDesignationFundToggle.style.left = '-30000px';customDesignationFundToggle.style.top = '-30000px';} var monthTog = document.getElementById("monthlyToggle"); if (monthTog) {monthTog.style.visibility = 'hidden';} if (monthTog) {monthTog.style.position = 'absolute'} if (monthTog) {monthTog.style.left = '-30000px';monthTog.style.top = '-30000px';} var orgTog = document.getElementById("checkbox_organization"); if (orgTog) {orgTog.style.visibility = 'hidden';} if (orgTog) {orgTog.style.position = 'absolute'} if (orgTog) {orgTog.style.left = '-30000px';orgTog.style.top = '-30000px';} var desigTog = document.getElementById("designationToggle"); if (desigTog) {desigTog.style.visibility = 'hidden';} if (desigTog) {desigTog.style.position = 'absolute'} if (desigTog) {desigTog.style.left = '-30000px';desigTog.style.top = '-30000px';} document.getElementById("step1Toggle").style.visibility = 'hidden'; document.getElementById("step1Toggle").style.position = 'absolute'; document.getElementById("step1Toggle").style.left = '-30000px'; document.getElementById("step1Toggle").style.top = '-30000px'; var honourTog = document.getElementById("honourToggle"); if (honourTog) {honourTog.style.visibility = 'visible';} if (honourTog) {honourTog.style.position = 'relative'} if (honourTog) {honourTog.style.left = '0';honourTog.style.top = '0';} document.getElementById("introSection").style.visibility = 'hidden'; document.getElementById("introSection").style.position = 'absolute'; document.getElementById("introSection").style.left = '-30000px'; document.getElementById("introSection").style.top = '-30000px'; document.getElementById("informationToggle").style.visibility = 'visible'; document.getElementById("informationToggle").style.position = 'relative'; document.getElementById("informationToggle").style.left = '0'; document.getElementById("informationToggle").style.top = '0'; document.getElementById("emailToggle").style.visibility = 'visible'; document.getElementById("emailToggle").style.position = 'relative'; document.getElementById("emailToggle").style.left = '0'; document.getElementById("emailToggle").style.top = '0'; document.getElementById("feedbackContainer").style.visibility = 'visible'; document.getElementById("feedbackContainer").style.position= 'relative'; document.getElementById("feedbackContainer").style.left = '0'; document.getElementById("feedbackContainer").style.top = '0'; let onetimeOrMonthly = jQuery("#sustaining_frequency"); let fbTitleAppend = ""; if(onetimeOrMonthly.length && onetimeOrMonthly.val() === "monthly"){ fbTitleAppend = " Monthly" } feedbackTitle.empty(); feedbackTitle.append('<span>Giving $' + amountSelected + ' ' + fbTitleAppend + '</span><a class=\"btn-wp-lo-form-outline-sm mt-2\" href=\"#\" onclick=\"return goto_begin(event)\">Edit Amount</a>' ); var circleNav1 = document.getElementById("circleNav1"); var circleNav3 = document.getElementById("circleNav3"); circleNav1.classList.remove("fas"); circleNav1.classList.add("far"); circleNav3.classList.remove("far"); circleNav3.classList.add("fas"); if (typeof wplodf_begin_checkout == 'function') { wplodf_begin_checkout(); } } } if (jQuery(window).width() <= 767) { // jQuery('html, body').animate({ // scrollTop: feedbackTitle.offset().top + (-50) // }, 600); } else{ // jQuery('html, body').animate({ // scrollTop: feedbackTitle.offset().top + (-150) // }, 600); } } //Goto 3rdpage function goto_3rd(event){ event.preventDefault(); //ie detection code ua = navigator.userAgent; var is_ie = ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1; var hFname = jQuery('input#tribute_honoree_name_first'); var hLname = jQuery('input#tribute_honoree_name_last'); var recipients = jQuery('#ecard_recipients'); var subject = jQuery('#ecard_subject'); var message = jQuery('#ecard_message'); var cardNameFull = jQuery('input#tribute_notify_name_full'); var cardStreet = jQuery('input#tribute_notify_address_street1'); var cardCity = jQuery('input#tribute_notify_address_city'); var cardState = jQuery('select#tribute_notify_address_state'); var cardCountry = jQuery('select#tribute_notify_address_country'); var cardZip = jQuery('input#tribute_notify_address_zip'); var honourVal = jQuery('input[name=honour]')[0].checkValidity(); //Reverse order check and reportvalidity (reverse fixes trigger focus, check if exists too) if (jQuery(subject).length){ var subjectVal = subject[0].checkValidity(); if (!is_ie){ subject[0].reportValidity(); } var recipientsVal = recipients[0].checkValidity(); if (!is_ie){ recipients[0].reportValidity(); } } if (jQuery(cardZip[0]).length){ var cardZipVal = cardZip[0].checkValidity(); if (!is_ie){ cardZip[0].reportValidity(); } var cardCountryVal = cardCountry[0].checkValidity(); if (!is_ie){ cardCountry[0].reportValidity(); } var cardStateVal = cardState[0].checkValidity(); if (!is_ie){ cardState[0].reportValidity(); } var cardCityVal = cardCity[0].checkValidity(); if (!is_ie){ cardCity[0].reportValidity(); } var cardStreetVal = cardStreet[0].checkValidity(); if (!is_ie){ cardStreet[0].reportValidity(); } var cardNameFullVal = cardNameFull[0].checkValidity(); if (!is_ie) { cardNameFull[0].reportValidity(); } } var hLnameVal = hLname[0].checkValidity(); if (!is_ie){ hLname[0].reportValidity(); } var hFnameVal = hFname[0].checkValidity(); if (!is_ie){ hFname[0].reportValidity(); } if (jQuery(message).length){ var messageVal = message[0].checkValidity(); } //Card off if (!jQuery(cardStreet).length){ cardNameFullVal = true; cardStreetVal = true; cardCityVal = true; cardStateVal = true; cardCountryVal = true; cardZipVal = true; } //Ecards off if (!jQuery(subject).length){ subjectVal = true; recipientsVal = true; messageVal = true; } if (honourVal == true && (hFnameVal == true || hFname.prop('disabled')) && (hLnameVal == true || hLname.prop('disabled')) && (recipientsVal == true || recipients.prop('disabled')) && (subjectVal == true || subject.prop('disabled')) && (messageVal == true || message.prop('disabled')) && (cardNameFullVal == true || cardNameFull.prop('disabled')) && (cardStreetVal == true || cardStreet.prop('disabled')) && (cardCityVal == true || cardCity.prop('disabled')) && (cardStateVal == true || cardState.prop('disabled')) && (cardCountryVal == true || cardCountry.prop('disabled')) && (cardZipVal == true || cardZip.prop('disabled')) ) { document.getElementById("honourToggle").style.visibility = 'hidden'; document.getElementById("honourToggle").style.position = 'absolute'; document.getElementById("honourToggle").style.left = '-30000px'; document.getElementById("informationToggle").style.visibility = 'visible'; document.getElementById("informationToggle").style.position = 'relative'; document.getElementById("informationToggle").style.left = '0'; document.getElementById("informationToggle").style.top = '0'; document.getElementById("emailToggle").style.visibility = 'visible'; document.getElementById("emailToggle").style.position = 'relative'; document.getElementById("emailToggle").style.left = '0'; document.getElementById("emailToggle").style.top = '0'; var circleNav1 = document.getElementById("circleNav1"); var circleNav2 = document.getElementById("circleNav2"); var circleNav3 = document.getElementById("circleNav3"); var circleNav4 = document.getElementById("circleNav4"); circleNav1.classList.remove("fas"); circleNav1.classList.remove("far"); circleNav1.classList.add("far"); if (circleNav2) { circleNav2.classList.remove("fas"); circleNav2.classList.remove("far"); circleNav2.classList.add("far"); } circleNav3.classList.remove("fas"); circleNav3.classList.remove("far"); circleNav3.classList.add("fas"); circleNav4.classList.remove("fas"); circleNav4.classList.remove("far"); circleNav4.classList.add("far"); } var feedbackTitle = jQuery("#feedbackTitle"); if (jQuery(window).width() <= 767) { jQuery('html, body').animate({ scrollTop: feedbackTitle.offset().top + (-50) }, 600); } else { jQuery('html, body').animate({ scrollTop: feedbackTitle.offset().top + (-150) }, 600); } } //Goto 4thpage function goto_4th(event){ event.preventDefault(); var donorEmailInput = jQuery('input#donor_email')[0]; var donorEmailVal = donorEmailInput.checkValidity(); ua = navigator.userAgent; var is_ie = ua.indexOf("MSIE ") > -1 || ua.indexOf("Trident/") > -1; if (!is_ie){ donorEmailInput.reportValidity(); } var donorPhone = jQuery('input#donor_phone'); if (donorPhone.prop('required')){ var donorPhoneInput = jQuery('input#donor_phone')[0]; var donorPhoneVal = donorPhoneInput.checkValidity(); if (!is_ie){ donorPhoneInput.reportValidity(); } } var billingCountryInput = jQuery('select#billing_address_country')[0]; var billingCountryVal = billingCountryInput.checkValidity(); if (!is_ie){ billingCountryInput.reportValidity(); } var billingZipInput = jQuery('input#billing_address_zip')[0]; var billingZipVal = billingZipInput.checkValidity(); if (!is_ie){ billingZipInput.reportValidity(); } var billingStateInput = jQuery('select#billing_address_state')[0]; var billingStateVal = billingStateInput.checkValidity(); if (!is_ie){ billingStateInput.reportValidity(); } var billingCityInput = jQuery('input#billing_address_city')[0]; var billingCityVal = billingCityInput.checkValidity(); if (!is_ie){ billingCityInput.reportValidity(); } var billingStreet1Input = jQuery('input#billing_address_street1')[0]; var billingStreet1Val = billingStreet1Input.checkValidity(); if (!is_ie){ billingStreet1Input.reportValidity(); } var billingLnameInput = jQuery('input#billing_name_last')[0]; var billingLnameVal = billingLnameInput.checkValidity(); if (!is_ie){ billingLnameInput.reportValidity(); } var billingFnameInput = jQuery('input#billing_name_first')[0]; var billingFnameVal = billingFnameInput.checkValidity(); if (!is_ie){ billingFnameInput.reportValidity(); } if (donorPhone.prop('required')){ if (billingFnameVal == true && billingLnameVal == true && billingStreet1Val == true && billingCityVal == true && billingStateVal == true && billingZipVal == true && billingCountryVal == true && donorEmailVal == true && donorPhoneVal == true) { document.getElementById("informationToggle").style.visibility = 'hidden'; document.getElementById("informationToggle").style.position = 'absolute'; document.getElementById("informationToggle").style.left = '-30000px'; document.getElementById("informationToggle").style.top = '-30000px'; document.getElementById("emailToggle").style.visibility = 'hidden'; document.getElementById("emailToggle").style.position = 'absolute'; document.getElementById("emailToggle").style.left = '-30000px'; document.getElementById("emailToggle").style.top = '-30000px'; document.getElementById("paymentToggle").style.visibility = 'visible'; document.getElementById("paymentToggle").style.position = 'relative'; document.getElementById("paymentToggle").style.left = '0'; document.getElementById("paymentToggle").style.top = '0'; var circleNav1 = document.getElementById("circleNav1"); var circleNav2 = document.getElementById("circleNav2"); var circleNav3 = document.getElementById("circleNav3"); var circleNav4 = document.getElementById("circleNav4"); circleNav1.classList.remove("fas"); circleNav1.classList.remove("far"); circleNav1.classList.add("far"); if (circleNav2){ circleNav2.classList.remove("fas"); circleNav2.classList.remove("far"); circleNav2.classList.add("far"); } circleNav3.classList.remove("fas"); circleNav3.classList.remove("far"); circleNav3.classList.add("far"); circleNav4.classList.remove("fas"); circleNav4.classList.remove("far"); circleNav4.classList.add("fas"); if (typeof wplodf_checkout_step_2 == 'function') { wplodf_checkout_step_2(); } if (typeof wplodf_fb_initiate_checkout == 'function') { wplodf_fb_initiate_checkout(); } } } else{ if (billingFnameVal == true && billingLnameVal == true && billingStreet1Val == true && billingCityVal == true && billingStateVal == true && billingZipVal == true && billingCountryVal == true && donorEmailVal == true) { document.getElementById("informationToggle").style.visibility = 'hidden'; document.getElementById("informationToggle").style.position = 'absolute'; document.getElementById("informationToggle").style.left = '-30000px'; document.getElementById("informationToggle").style.top = '-30000px'; document.getElementById("emailToggle").style.visibility = 'hidden'; document.getElementById("emailToggle").style.position = 'absolute'; document.getElementById("emailToggle").style.left = '-30000px'; document.getElementById("emailToggle").style.top = '-30000px'; document.getElementById("paymentToggle").style.visibility = 'visible'; document.getElementById("paymentToggle").style.position = 'relative'; document.getElementById("paymentToggle").style.left = '0'; document.getElementById("paymentToggle").style.top = '0'; var circleNav1 = document.getElementById("circleNav1"); var circleNav2 = document.getElementById("circleNav2"); var circleNav3 = document.getElementById("circleNav3"); var circleNav4 = document.getElementById("circleNav4"); circleNav1.classList.remove("fas"); circleNav1.classList.remove("far"); circleNav1.classList.add("far"); if (circleNav2){ circleNav2.classList.remove("fas"); circleNav2.classList.remove("far"); circleNav2.classList.add("far"); } circleNav3.classList.remove("fas"); circleNav3.classList.remove("far"); circleNav3.classList.add("far"); circleNav4.classList.remove("fas"); circleNav4.classList.remove("far"); circleNav4.classList.add("fas"); if (typeof wplodf_checkout_step_2 == 'function') { wplodf_checkout_step_2(); } if (typeof wplodf_fb_initiate_checkout == 'function') { wplodf_fb_initiate_checkout(); } } } var feedbackTitle = jQuery("#feedbackTitle"); if (jQuery(window).width() <= 767) { jQuery('html, body').animate({ scrollTop: feedbackTitle.offset().top + (-50) }, 600); } else{ jQuery('html, body').animate({ scrollTop: feedbackTitle.offset().top + (-150) }, 600); } } //Edit donation amt/Goto begin function goto_begin(event){ event.preventDefault(); var insideParagraph = document.getElementById("insideParagraph"); if (insideParagraph) {insideParagraph.style.visibility = 'visible';} if (insideParagraph) {insideParagraph.style.position = 'relative'} if (insideParagraph) {insideParagraph.style.left = '0';insideParagraph.style.top = '0';} var indOrgTog = document.getElementById("individualOrOrganizationChoice"); if (indOrgTog) {indOrgTog.style.visibility = 'visible';} if (indOrgTog) {indOrgTog.style.position = 'relative'} if (indOrgTog) {indOrgTog.style.left = '0';indOrgTog.style.top = '0';} var chooseDonationTypeName = document.getElementById("choose_donation_type_ind"); document.getElementById("amountToggle").style.visibility = 'visible'; document.getElementById("amountToggle").style.position = 'relative'; document.getElementById("amountToggle").style.left = '0'; document.getElementById("amountToggle").style.top = '0'; var customOrgGiftTittle = document.getElementById("customOrgGiftToggle"); if (customOrgGiftTittle) {customOrgGiftTittle.style.visibility = 'visible';} if (customOrgGiftTittle) {customOrgGiftTittle.style.position = 'relative'} if (customOrgGiftTittle) {customOrgGiftTittle.style.left = '0';customOrgGiftTittle.style.top = '0';} var customDesignationFundToggle = document.getElementById("customDesignationFundToggle"); if (customDesignationFundToggle) {customDesignationFundToggle.style.visibility = 'visible';} if (customDesignationFundToggle) {customDesignationFundToggle.style.position = 'relative'} if (customDesignationFundToggle) {customDesignationFundToggle.style.left = '0';customDesignationFundToggle.style.top = '0';} var monthTog = document.getElementById("monthlyToggle"); if (monthTog) {monthTog.style.visibility = 'visible';} if (monthTog) {monthTog.style.position = 'relative'} if (monthTog) {monthTog.style.left = '0';monthTog.style.top = '0';} var orgTog = document.getElementById("checkbox_organization"); if (orgTog) {orgTog.style.visibility = 'visible';} if (orgTog) {orgTog.style.position = 'relative'} if (orgTog) {orgTog.style.left = '0';orgTog.style.top = '0';} var desigTog = document.getElementById("designationToggle"); if (desigTog) {desigTog.style.visibility = 'visible';} if (desigTog) {desigTog.style.position = 'relative'} if (desigTog) {desigTog.style.left = '0';desigTog.style.top = '0';} document.getElementById("step1Toggle").style.visibility = 'visible'; document.getElementById("step1Toggle").style.position = 'relative'; document.getElementById("step1Toggle").style.left = '0'; document.getElementById("step1Toggle").style.top = '0'; document.getElementById("introSection").style.visibility = 'visible'; document.getElementById("introSection").style.position = 'relative'; document.getElementById("introSection").style.left = '0'; document.getElementById("introSection").style.top = '0'; document.getElementById("feedbackContainer").style.visibility = 'hidden'; document.getElementById("feedbackContainer").style.position= 'absolute'; document.getElementById("feedbackContainer").style.left = '-30000px'; document.getElementById("feedbackContainer").style.top = '-30000px'; var honourTog = document.getElementById("honourToggle"); if (honourTog) {honourTog.style.visibility = 'hidden';} if (honourTog) {honourTog.style.position = 'absolute'} if (honourTog) {honourTog.style.left = '-30000px';honourTog.style.top = '-30000px';} document.getElementById("informationToggle").style.visibility = 'hidden'; document.getElementById("informationToggle").style.position = 'absolute'; document.getElementById("informationToggle").style.left = '-30000px'; document.getElementById("informationToggle").style.top = '-30000px'; document.getElementById("emailToggle").style.visibility = 'hidden'; document.getElementById("emailToggle").style.position = 'absolute'; document.getElementById("emailToggle").style.left = '-30000px'; document.getElementById("emailToggle").style.top = '-30000px'; document.getElementById("paymentToggle").style.visibility = 'hidden'; document.getElementById("paymentToggle").style.position= 'absolute'; document.getElementById("paymentToggle").style.left = '-30000px'; document.getElementById("paymentToggle").style.top = '-30000px'; var feedbackTitle = jQuery("#feedbackTitle"); var titleAnchor = jQuery("#standardTitle"); var circleNav1 = document.getElementById("circleNav1"); var circleNav2 = document.getElementById("circleNav2"); var circleNav3 = document.getElementById("circleNav3"); var circleNav4 = document.getElementById("circleNav4"); circleNav1.classList.remove("fas"); circleNav1.classList.remove("far"); circleNav1.classList.add("fas"); if (circleNav2){ circleNav2.classList.remove("fas"); circleNav2.classList.remove("far"); circleNav2.classList.add("far"); } circleNav3.classList.remove("fas"); circleNav3.classList.remove("far"); circleNav3.classList.add("far"); circleNav4.classList.remove("fas"); circleNav4.classList.remove("far"); circleNav4.classList.add("far"); var orgTypeVar = jQuery('#choose_donation_type_org'); if (jQuery(chooseDonationTypeName).is(':checked')) { let oneTimeSelected = jQuery("#choose_one_time"); let monthlyTimeSelected = jQuery("#choose_monthly"); if(oneTimeSelected.is(':checked')){ oneTimeSelected.change(); } if(monthlyTimeSelected.is(':checked')){ monthlyTimeSelected.change(); } // document.getElementById("choose_donation_type_ind").checked = true; } if (orgTypeVar.is(':checked')) { orgTypeVar.change(); } // jQuery("#choose_donation_type_ind").click(); if (jQuery(window).width() <= 767) { jQuery('html, body').animate({ scrollTop: titleAnchor.offset().top + (-50) }, 600); } else{ jQuery('html, body').animate({ scrollTop: titleAnchor.offset().top + (-150) }, 600); } } //Goto 3rdpage function gobackto_2nd(event){ event.preventDefault(); document.getElementById("honourToggle").style.visibility = 'visible'; document.getElementById("honourToggle").style.position = 'relative'; document.getElementById("honourToggle").style.left = '0'; document.getElementById("honourToggle").style.top = '0'; document.getElementById("informationToggle").style.visibility = 'hidden'; document.getElementById("informationToggle").style.position = 'absolute'; document.getElementById("informationToggle").style.left = '-30000px'; document.getElementById("informationToggle").style.top = '-30000px'; document.getElementById("emailToggle").style.visibility = 'hidden'; document.getElementById("emailToggle").style.position = 'absolute'; document.getElementById("emailToggle").style.left = '-30000px'; document.getElementById("emailToggle").style.top = '-30000px'; var feedbackTitle = jQuery("#feedbackTitle"); var circleNav1 = document.getElementById("circleNav1"); var circleNav2 = document.getElementById("circleNav2"); var circleNav3 = document.getElementById("circleNav3"); var circleNav4 = document.getElementById("circleNav4"); circleNav1.classList.remove("fas"); circleNav1.classList.remove("far"); circleNav1.classList.add("far"); circleNav2.classList.remove("fas"); circleNav2.classList.remove("far"); circleNav2.classList.add("fas"); circleNav3.classList.remove("fas"); circleNav3.classList.remove("far"); circleNav3.classList.add("far"); circleNav4.classList.remove("fas"); circleNav4.classList.remove("far"); circleNav4.classList.add("far"); if (jQuery(window).width() <= 767) { jQuery('html, body').animate({ scrollTop: feedbackTitle.offset().top + (-50) }, 600); } else { jQuery('html, body').animate({ scrollTop: feedbackTitle.offset().top + (-150) }, 600); } } //Goto 3rdpage function gobackto_3rd(event){ event.preventDefault(); document.getElementById("informationToggle").style.visibility = 'visible'; document.getElementById("informationToggle").style.position = 'relative'; document.getElementById("informationToggle").style.left = '0'; document.getElementById("informationToggle").style.top = '0'; document.getElementById("emailToggle").style.visibility = 'visible'; document.getElementById("emailToggle").style.position = 'relative'; document.getElementById("emailToggle").style.left = '0'; document.getElementById("emailToggle").style.top = '0'; document.getElementById("paymentToggle").style.visibility = 'hidden'; document.getElementById("paymentToggle").style.position = 'absolute'; document.getElementById("paymentToggle").style.left = '-30000px'; document.getElementById("paymentToggle").style.top = '-30000px'; var feedbackTitle = jQuery("#feedbackTitle"); var circleNav1 = document.getElementById("circleNav1"); var circleNav2 = document.getElementById("circleNav2"); var circleNav3 = document.getElementById("circleNav3"); var circleNav4 = document.getElementById("circleNav4"); circleNav1.classList.remove("fas"); circleNav1.classList.remove("far"); circleNav1.classList.add("far"); if(circleNav2){ circleNav2.classList.remove("fas"); circleNav2.classList.remove("far"); circleNav2.classList.add("far"); } circleNav3.classList.remove("fas"); circleNav3.classList.remove("far"); circleNav3.classList.add("fas"); circleNav4.classList.remove("fas"); circleNav4.classList.remove("far"); circleNav4.classList.add("far"); if (jQuery(window).width() <= 767) { jQuery('html, body').animate({ scrollTop: feedbackTitle.offset().top + (-50) }, 600); } else{ jQuery('html, body').animate({ scrollTop: feedbackTitle.offset().top + (-150) }, 600); } } </script>  <style> :root { --wplo-input-padding-x: 8px!important; --wplo-input-padding-y: 5.6px!important; } div.df-content{ display: -ms-flexbox; display: flex; } #complete-checkout-button iframe{ margin-bottom:0!important; } </style>  <style> h1.introTitle{ padding:15px 20px 0 20px; } div.df-content{ background: url(https://res.cloudinary.com/dtpngg2fx/images/f_auto,q_auto/v1727880383/WPLO-Hayley-Henry2/WPLO-Hayley-Henry2.jpg?_i=AA) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media only screen and (min-width:768px){ div.df-content{ padding-top:5rem; padding-bottom:5rem; } } @media only screen and (min-width:576px){ #df-wrapper{ } } @media only screen and (min-width:379px) and (max-width:575px){ div.df-content{ padding-left:15px; padding-right:15px; } } </style> <style> /**Multi Step Section**/ .df-content h1:before,.df-content h2:before { content:none!important; } .df-content ul{ margin-top:0.5rem!important; margin-bottom:0.5rem!important; } #topText{ background: url("") center center no-repeat; background-size:cover; } .topTitle{ font-size: 35.2px!important; font-weight:normal!important; color: #0dbfd5!important; } label.control-label.honour-label{ letter-spacing: -0.5px; font-size: 19.2px!important; } .topParagraph{ font-family:Montserrat, Arial, sans-serif; font-size: 17.6px; } .multi-step-div{ align-items: flex-start; } .df-content{ padding-left:2rem!important; padding-right:2rem!important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover!important; background-position: center top!important; background-repeat: no-repeat!important; } #rightText,#leftText{ overflow:hidden; } @media only screen and (min-width:1276px){ .df-content{ min-height:800px; } .multi-step-div{ } #df-wrapper{ width:575px; } } @media only screen and (min-width:768px) and (max-width:1275px){ .multi-step-div{ } #df-wrapper{ max-width:500px; } #rightText,#leftText{ width:500px; } } @media only screen and (max-width:767.98px){ .multi-step-div{ padding-left: 15px; padding-right: 15px; } .df-content{ background-color: !important; background-image: none!important; padding-top: 5rem; padding-bottom: 5rem; } } @media only screen and (min-width:575px) and (max-width:767.98px){ #rightText,#leftText{ margin-left: 15px; margin-right: 15px; margin-bottom: 15px; } } @media only screen and (max-width:575px){ .multi-step-div{ padding-left:0; padding-right:0; } #df-wrapper,#rightText,#leftText{ border-radius:0!important; } } @media only screen and (max-width:1050px){ .df-content{ padding-left:0!important; padding-right:0!important; } #df-wrapper{ margin:0 auto; } } </style> <style> @media only screen and (min-width:1276px){ div.df-content{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-start; padding-left: 100px!important; } } @media only screen and (min-width:768px) and (max-width:1275px){ div.df-content{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-start; padding-left: 20px!important; } } #df-wrapper, #leftText, #rightText{ border-radius: 5px; } /* YT Responsive Video Code*/ .bootstrapiso .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .bootstrapiso .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> <style> .introTitle, .topFloatTitle{ color: #0dbfd5!important; } #df-wrapper form.wp-lo-donation-form-style .option_levels div ul li input[type=radio] + label { color: #0dbfd5; border-color: #0dbfd5; } #df-wrapper form.wp-lo-donation-form-style .form-control{ border-color: #0dbfd5; } #df-wrapper form.wp-lo-donation-form-style .selectdiv:after{ color: #0dbfd5; font-size: 25.6px; } #df-wrapper form.wp-lo-donation-form-style input[type=checkbox] + label:before,#df-wrapper form.wp-lo-donation-form-style .wplo_input_radio input[type="radio"] + label::before{ color: #0dbfd5; font-size: 20.8px; } #df-wrapper form.wp-lo-donation-form-style .input-group .input-group-prepend .input-group-text{ background-color: #0dbfd5; border-color: #0dbfd5; } #df-wrapper form.wp-lo-donation-form-style .option_levels div ul li input[type=radio]:checked + label{ color: #ffffff; background-color: rgb(144,90,166); border-color: rgb(144,90,166); } #df-wrapper form.wp-lo-donation-form-style .option_levels div ul li input[type=radio] + label:hover, #df-wrapper form.wp-lo-donation-form-style .option_levels div ul li input[type=radio] + label:active, #df-wrapper form.wp-lo-donation-form-style .option_levels div ul li input[type=radio] + label:focus{ color: #ffffff; border-color: rgb(144,90,166); background-color: rgb(144,90,166); } #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form{ background-color: rgb(242,92,90); color: #ffffff; } #df-wrapper form.wp-lo-donation-form-style #ecard_type_div ul li input[type=radio]:checked + label{ color: #0dbfd5; background-color: #0dbfd5; border-color: #0dbfd5; } #df-wrapper form.wp-lo-donation-form-style #ecard_type_div ul li input[type=radio] + label:hover, #df-wrapper form.wp-lo-donation-form-style #ecard_type_div ul li input[type=radio] + label:active, #df-wrapper form.wp-lo-donation-form-style #ecard_type_div ul li input[type=radio] + label:focus{ color: #ffffff; background-color: rgb(144,90,166); border-color: rgb(144,90,166); } #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form-outline{ color: #0dbfd5; border-color: #0dbfd5; } #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form-outline:active, #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form-outline:hover, #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form-outline:focus{ color: #ffffff; border-color: rgb(144,90,166); background-color: rgb(144,90,166); } #df-wrapper a{ color: #0dbfd5; } #df-wrapper #ecard_message, #df-wrapper #tribute_message_body{ border:2px solid #0dbfd5; } #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form:active, #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form:hover, #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form:focus{ background-color: rgb(193,73,72); color: #ffffff; } </style> <style> .introTitle, .topTitle{ text-align: center; } .panel-heading{ text-align: center; } </style>  <style> #df-wrapper{ border:1px solid #dfdfd7; } /** Longer fieldname sizing overrides **/ div.input-margins-forms #donor_phone + label.control-label{ letter-spacing:-1.5px; } #df-wrapper form.wp-lo-donation-form-style input{ margin-left:0; } #df-wrapper #donate-submit.lo-button-disabled{ opacity: 0.4; pointer-events: none; } div.input-margins-forms #donor_email + label.control-label{ letter-spacing:-1px; } @media only screen and (max-width:355px){ div.input-margins-forms #organization_name + label.control-label{ letter-spacing:-2px; } } #df-wrapper form.wp-lo-donation-form-style .form-label-group-float input:not(:placeholder-shown) ~ label{ letter-spacing: normal; } /** Longer final submit button text, reduce ls at <350 **/ @media only screen and (max-width:350px){ #donate-submit{ letter-spacing:-1px; } } #df-wrapper .invisible-element{ opacity: 0; filter: alpha(opacity=0); margin: 0; width: 0 !important; height: 0 !important; position:absolute; top:-10000px; left:-10000px; } #df-wrapper .wplo-modal-close-class{ color:#000000; background-color:transparent; font-family:Arial, Helvetica, sans-serif; font-size:32px; } #df-wrapper .wplo-monthly-modal-color{ color:#3297eb!important; } #df-wrapper .wplo-monthly-modal-btn-solid{ border-color:#3297eb!important; background:#3297eb!important; white-space: normal!important; } #df-wrapper .wplo-monthly-modal-btn-solid:hover,#df-wrapper .wplo-monthly-modal-btn-solid:active,#df-wrapper .wplo-monthly-modal-btn-solid:focus{ border-color:#2975b5!important; background:#2975b5!important; } #df-wrapper .wplo-monthly-modal-btn-outline{ border-color:#3297eb!important; color:#3297eb!important; } #df-wrapper .wplo-monthly-modal-btn-outline:hover,#df-wrapper .wplo-monthly-modal-btn-outline:active,#df-wrapper .wplo-monthly-modal-btn-outline:focus{ background-color:#3297eb!important; color:white!important; } h1.introTitle, h1#feedbackTitle, h1.topFloatTitle{ padding:8px 10px!important; margin-bottom:0; } h1#feedbackTitle a.btn-wp-lo-form-outline-sm { box-shadow: none; } .bootstrapiso h2.panel-heading, .bootstrapiso h2.panel-heading, .bootstrapiso h2, .bootstrapiso h3, .bootstrapiso h4{ padding-bottom:0; } .bootstrapiso h2, .bootstrapiso .h2, .bootstrapiso h1, .bootstrapiso .h1{ font-size: 25.6px; } .bootstrapiso h2 i.fa-lock{ font-size: 17.6px; padding-right:8px; color:#0dbfd5; } #introSection .introTitle, #feedbackContainer #feedbackTitle, h1.topFloatTitle, #newIdTitle { text-align: center; background: #f4f5f0; color: #333333!important; border-bottom: 1px solid #dfdfd6; font-size:24px; margin-top:0; } #df-wrapper form.wp-lo-donation-form-style input, #df-wrapper form.wp-lo-donation-form-style select, #df-wrapper form.wp-lo-donation-form-style textarea, #df-wrapper form.wp-lo-donation-form-style label, #df-wrapper form.wp-lo-donation-form-style .wplo-label{ font-size: 20.8px!important; } #df-wrapper form.wp-lo-donation-form-style .option_levels div ul li input#other-amount, #df-wrapper form.wp-lo-donation-form-style .option_levels div ul li a.ui-spinner-button{ font-size: 20.8px!important; } #df-wrapper form.wp-lo-donation-form-style .form-label-group-float > label, #df-wrapper form.wp-lo-donation-form-style .form-label-group-float-search > label{ line-height:1.65; cursor:text; white-space: nowrap; } #df-wrapper form.wp-lo-donation-form-style .input-group input{ } #df-wrapper form.wp-lo-donation-form-style .form-label-group-float input:not(:placeholder-shown) ~ label{ font-size:11px; } #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form{ font-size: 20.8px; } .bootstrapiso{ font-size: 16px; } .bootstrapiso h1, .bootstrapiso h2, .bootstrapiso h3, .bootstrapiso h4, .bootstrapiso h5{ font-family:'Museo Sans', Arial, sans-serif; text-transform:none; letter-spacing:normal; } .bootstrapiso p,.bootstrapiso li{ font-family:'Museo Sans', Arial, sans-serif; font-size: 16px; } .bootstrapiso input, .bootstrapiso select, .bootstrapiso textarea, .bootstrapiso label, .bootstrapiso .form-control, .bootstrapiso .wplo-label{ font-family:'Museo Sans', Arial, sans-serif; font-size: 25.6px; } .bootstrapiso .secure_payment, .bootstrapiso .alert{ font-family:'Museo Sans', Arial, sans-serif; } .bootstrapiso .HelpLink { font-family:'Museo Sans', Arial, sans-serif; font-size: 16px; letter-spacing:-1.5px; } .bootstrapiso .panel-heading{ color: rgb(51,61,79)!important; } .bootstrapiso .wplo-header-font{ font-family:'Museo Sans', Arial, sans-serif; text-transform:none; letter-spacing:normal; } .bootstrapiso .wplo-paragraph-font{ font-family:'Museo Sans', Arial, sans-serif; text-transform:none; letter-spacing:normal; } .bootstrapiso i.fa{ font-size: 19.2px!important; } /** Inputs **/ #df-wrapper form.wp-lo-donation-form-style input[type="email"], #df-wrapper form.wp-lo-donation-form-style input[type="url"], #df-wrapper form.wp-lo-donation-form-style input[type="number"], #df-wrapper form.wp-lo-donation-form-style input[type="password"], #df-wrapper form.wp-lo-donation-form-style input[type="search"], #df-wrapper form.wp-lo-donation-form-style input[type="tel"], #df-wrapper form.wp-lo-donation-form-style input[type="text"], #df-wrapper form.wp-lo-donation-form-style select, #df-wrapper form.wp-lo-donation-form-style textarea{ border-radius: 4px!important; } .bootstrapiso div.input-group-prepend .input-group-text{ border-top-left-radius: 4px!important; border-bottom-left-radius: 4px!important; } #df-wrapper form.wp-lo-donation-form-style div.input-group-prepend + input{ border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; } /** Buttons **/ #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form, #df-wrapper .btn-wp-lo-form-ty { padding: 5px 10px; border: 2px solid rgb(242,92,90); border-radius: 4px; color: #ffffff; background: rgb(242,92,90); font-weight: normal; font-family:'Museo Sans', Arial, sans-serif; font-size: 20.8px; white-space:nowrap; } .bootstrapiso#df-wrapper form.wp-lo-donation-form-style .option_levels div ul li input[type="radio"] + label{ border-radius: 4px; } #df-wrapper .btn-wp-lo-form-ty{ padding:10px 15px; } #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form:active, #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form:hover, #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form:focus, #df-wrapper .btn-wp-lo-form-ty:active, #df-wrapper .btn-wp-lo-form-ty:focus, #df-wrapper .btn-wp-lo-form-ty:hover { -webkit-transition: background-color 0.3s, border 0.3s, color 0.3s; -moz-transition: background-color 0.3s, border 0.3s, color 0.3s; -ms-transition: background-color 0.3s, border 0.3s, color 0.3s; -o-transition: background-color 0.3s, border 0.3s, color 0.3s; transition: background-color 0.3s, border 0.3s, color 0.3s; text-decoration: none; color: #ffffff; background-color: rgb(193,73,72); border: 2px solid rgb(193,73,72); } #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form-outline { color: #0dbfd5; border: 2px solid #0dbfd5; border-radius: 4px; font-family:'Museo Sans', Arial, sans-serif; font-size: 20.8px; background: none; font-weight:normal; text-transform:none; padding: 5px 10px; } #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form-outline:active, #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form-outline:hover, #df-wrapper form.wp-lo-donation-form-style .btn-wp-lo-form-outline:focus { color: #ffffff; -webkit-transition: color 0.3s, background-color 0.3s, border 0.3s; -moz-transition: color 0.3s, background-color 0.3s, border 0.3s; -ms-transition: color 0.3s, background-color 0.3s, border 0.3s; -o-transition: color 0.3s, background-color 0.3s, border 0.3s; transition: color 0.3s, background-color 0.3s, border 0.3s; border-color: rgb(144,90,166); background-color: rgb(144,90,166); } #df-wrapper form.wp-lo-donation-form-style .btn-goback { background: none; min-width:auto; font-weight: normal; text-decoration: none; color: #0dbfd5; border: 2px solid #0dbfd5; border-radius: 4px; font-family:'Museo Sans', Arial, sans-serif; font-size: 20.8px; padding: 5px 10px;; } #df-wrapper form.wp-lo-donation-form-style .btn-goback:active, #df-wrapper form.wp-lo-donation-form-style .btn-goback:hover, #df-wrapper form.wp-lo-donation-form-style .btn-goback:focus { color: #ffffff;; -webkit-transition: color 0.3s, background-color 0.3s, border 0.3s; -moz-transition: color 0.3s, background-color 0.3s, border 0.3s; -ms-transition: color 0.3s, background-color 0.3s, border 0.3s; -o-transition: color 0.3s, background-color 0.3s, border 0.3s; transition: color 0.3s, background-color 0.3s, border 0.3s; border-color: rgb(144,90,166); background-color: rgb(144,90,166); } .bootstrapiso .btn-wp-lo-form-outline-sm { color: #0dbfd5; border: 2px solid #0dbfd5!important; border-radius: 4px; font-family:'Museo Sans', Arial, sans-serif; font-size: 17.6px; font-weight:normal; padding: 5px; text-decoration: none !important; } .bootstrapiso .btn-wp-lo-form-outline-sm:active, .bootstrapiso .btn-wp-lo-form-outline-sm:hover, .bootstrapiso .btn-wp-lo-form-outline-sm:focus { color: #ffffff!important; text-decoration: none !important; -webkit-transition: color 0.3s, background-color 0.3s, border 0.3s; -moz-transition: color 0.3s, background-color 0.3s, border 0.3s; -ms-transition: color 0.3s, background-color 0.3s, border 0.3s; -o-transition: color 0.3s, background-color 0.3s, border 0.3s; transition: color 0.3s, background-color 0.3s, border 0.3s; border: 2px solid rgb(144,90,166)!important; background-color: rgb(144,90,166); } .bootstrapiso .alert{ padding:10px 15px; } .bootstrapiso p.alert{ font-size: 17.6px!important; } /** readmore JS **/ .bootstrapiso .introParagraph + [data-readmore-toggle], .bootstrapiso .topParagraph + [data-readmore-toggle], .bootstrapiso #insideParagraph + [data-readmore-toggle], .wplo-df-outer-container-stickyblock .introParagraph + [data-readmore-toggle]{ width:100%; display:block; text-align:center; font-family:'Museo Sans', Arial, sans-serif; position: relative; background: white; line-height: 3; } .bootstrapiso .introParagraph, .bootstrapiso .topParagraph, .bootstrapiso #insideParagraph, .wplo-df-outer-container-stickyblock .introParagraph { overflow: hidden; } /** jQuery UI spinners **/ .bootstrapiso span.ui-spinner{ display:flex; } .bootstrapiso span.ui-spinner span.ui-button-icon{ display:none; } .bootstrapiso .ui-spinner.ui-widget.ui-widget-content.ui-corner-all{ position:relative; border-radius:0!important; height:100%!important; } .bootstrapiso .ui-spinner-up { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; border:0; background:none; height: 50%; width: 25px; text-align:center; margin-right: 5px; margin-top: 1px; cursor: pointer; } .bootstrapiso .ui-spinner-up::after { content: "\f0d8"; font-family: "Font Awesome 5 Free"; font-weight: bold; margin-top: 10px; } .bootstrapiso .ui-widget-content{ background:none; border:0; color:initial; } .bootstrapiso .ui-widget{ font-family:'Museo Sans', Arial, sans-serif; font-size: 16px; } .bootstrapiso .ui-spinner-up:active, .bootstrapiso .ui-spinner-up:focus, .bootstrapiso .ui-spinner-up:hover{ cursor: pointer; text-decoration: none; color: rgb(144,90,166)!important; } .bootstrapiso .ui-spinner-down { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; right: 0; border:0; background:none; height: 50%; width: 25px; text-align:center; margin-right: 5px; margin-top: 1px; cursor: pointer; } .bootstrapiso .ui-spinner-down::after { content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: bold; margin-bottom: 10px; } .bootstrapiso .ui-spinner-down:active, .bootstrapiso .ui-spinner-down:focus, .bootstrapiso .ui-spinner-down:hover{ cursor: pointer; text-decoration: none; color: rgb(144,90,166)!important; } .bootstrapiso span.ui-spinner #other-amount{ height:100%!important; } @media (max-width:575px){ #df-wrapper form.wp-lo-donation-form-style .option_levels div ul li span.ui-spinner #other-amount{ margin-bottom:0!important; } #df-wrapper form.wp-lo-donation-form-style .option_levels div ul li span.ui-spinner{ margin-bottom:0.5rem!important; } } /** Disable spinners on IE **/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .bootstrapiso .ui-spinner-down, .bootstrapiso .ui-spinner-up{ display:none!important; } } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none!important; margin: 0!important; } input[type="number"], input#other-amount { -moz-appearance: textfield!important; } /** CC **/ .bootstrapiso .creditcard_type_icons{ color:#ababab; } .bootstrapiso .cc_active{ color: #272822; -ms-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .bootstrapiso #cvv_div{ white-space: nowrap; } /** UI Progress icons for title **/ .bootstrapiso #outroSection{ background: #f4f5f0; padding:15px; } .bootstrapiso .circlespan .fa-circle{ font-size: 14.4px; } @media only screen and (max-width:575px){ .bootstrapiso .circlespan .circlediv{ flex: 1 0 49%; margin-top:10px; } } @media only screen and (min-width:576px) and (max-width:767.98px){ .bootstrapiso .circlespan .circlediv{ flex: 1 0 23%; } } @media only screen and (min-width: 768px) and (max-width: 1049.98px) { .bootstrapiso .circlespan .circlediv{ flex: 1 0 23%; } } @media only screen and (min-width:1050px){ .bootstrapiso .circlespan .circlediv{ flex: 1 0 23%; } } .bootstrapiso .circlespan .circlediv { white-space: nowrap; } .bootstrapiso .circlespan .circlediv span{ letter-spacing: -0.5px; font-size: 14.4px; color: #555555; font-weight: bold; } .bootstrapiso .circlespan .far.fa-circle, .bootstrapiso .circlespan .fas.fa-circle{ color:rgb(144,90,166)!important; } /** Select Dropdown **/ .bootstrapiso form.wp-lo-donation-form-style .option_levels .selectdiv select{ padding:8px 42px 8px 8px!important; } @media only screen and (min-width: 576px){ .bootstrapiso form.wp-lo-donation-form-style .option_levels .selectdiv { margin-right: 0.5rem; } } @media only screen and (min-width: 1276px){ .bootstrapiso form.wp-lo-donation-form-style .option_levels .mb-spec-xl-0 { margin-bottom: 0!important; } } @media only screen and (max-width: 1275px){ .bootstrapiso form.wp-lo-donation-form-style .option_levels .selectdiv { margin-bottom: 1rem; } } .bootstrapiso .selectdiv select, .bootstrapiso .selectdiv select:not([multiple]){ background-image:none!important; } /** Form Width Override **/ @media only screen and (min-width:1276px){ #df-wrapper{ width:400!important; } } /** BS4 Overrides **/ .bootstrapiso input[type=checkbox] + label, .bootstrapiso input[type=radio] + label{ top:0; margin:0; } .bootstrapiso .modal-dialog-centered:before{ height:auto; display:inherit; } .bootstrapiso .modal.wplodf-ecard{ z-index:11500; } .bootstrapiso #wplodfAjaxModal{ z-index: 1150 !important; } /** Firefox general fixes **/ input:required { box-shadow: none; } /** jQuery fixes **/ @media (max-width: 575px) { .bootstrapiso .ui-spinner { width: 100%; } } /** IE11 fixes **/ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { #df-wrapper div.selectdiv select.form-control:not([size]):not([multiple]){ height:54px!important; } } #billing_address_street1{ box-sizing:inherit!important; } .o-header__navigation-bottom { display: none; } .js-sticky-header-anchor{ display:none; } .o-main-container{ z-index:unset; background-color: #333d4f} .bootstrapiso .modal{ justify-content: center; align-items: center; } .bootstrapiso .modal.fade.wplodf-ecard.show{ display:flex!important; } #introSection .introTitle, #feedbackContainer #feedbackTitle, h1.topFloatTitle, #newIdTitle{ background: #e8deed; color: #643e74 !important; border-bottom: 1px solid white; padding: 25px !important; } .bootstrapiso #outroSection{ background: #333d4f; color: white; } .bootstrapiso .circlespan .circlediv span{ color:white; } #df-wrapper{ border:0; } .o-main-container .grid-container{ margin:0; padding:0; max-width:100%;} .o-main-container .cell.shrink{ width:100%; } h1#feedbackTitle a.btn-wp-lo-form-outline-sm{color: #643e74; border-color: #643e74 !important; padding: 5px 20px 5px 20px !important; } h1#feedbackTitle a.btn-wp-lo-form-outline-sm:hover{ background-color:white; color:#643e74!important; border-color: #643e74 !important; } .o-donate.s-panel{ padding:0; } @media only screen and (max-width: 767px){ .df-content{ justify-content:center!important; } } @media only screen and (min-width: 1200px){ .df-content{ min-height: 1000px; } } div.checkbox label.d-flex{ justify-content: flex-start !important; align-items: flex-start !important; } div.wplo-panel-body.mt-4 .input-margins-forms.col-sm-12.p-0.col-md-12 { margin-left: 15px !important; } #introSection .introTitle {display: none;} #honourToggleElement .wplo-panel-body.option_levels ul li.radio:nth-of-type(1){ order:0; } #honourToggleElement .wplo-panel-body.option_levels ul li.radio:nth-of-type(2){ order:2; } #honourToggleElement .wplo-panel-body.option_levels ul li.radio:nth-of-type(3){ order:1; } @media only screen and (max-width: 575px){ #honourToggleElement .wplo-panel-body.option_levels ul{ display: inline-flex !important; flex-direction: column!important; width: 100%; } } </style> <script type="text/javascript">  </script> <script type='text/javascript' src='https://www.bing.com/api/maps/mapcontrol?key=Ag4dVxCURKI_Pp4lR1D4pssQp71QCaDmx8KfRDi0ksI7qyS-u0UxBe1V2Z-gNh6H&callback=loadAddressComplete' async defer></script> <div class="df-content">   <div class="multi-step-div"> <div class="bootstrapiso gmd-2" id="df-wrapper"> <div class="modal fade wplodf-ecard" tabindex="-1" role="dialog" id="ecard_preview_5104"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Ecard Preview</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body ecard-preview-text"> <div class="wplo-df-address-preview"> <p class="wplo-df-from-div"> <span class="wplo-df-from"> From:  </span> <span class="wplo-df-from-user"> <em> Your name (Your email address) </em> </span> </p> <p class="wplo-df-to-div"> <span class="wplo-df-to"> To:  </span> <span> <em class="wplo-df-to-user"> </em> </span> </p> <p class="wplo-df-subject-div"> <span class="wplo-df-subject"> Subject:  </span> <span> <em class="wplo-df-subject-user"> </em> </span> </p> </div> <div class="wplo-df-ecard-img-wrapper"> <img width="600" height="400" src="https://res.cloudinary.com/dtpngg2fx/images/w_600,h_400,c_scale/f_auto,q_auto/v1705428774/gift-in-honour/gift-in-honour.png?_i=AA" style="width:100%;height:auto;" alt="Preview Card" data-public-id="gift-in-honour/gift-in-honour.png" class="wp-post-0 wp-image-10946" data-format="png" data-transformations="f_auto,q_auto" data-version="1705428774" data-seo="1" srcset="https://res.cloudinary.com/dtpngg2fx/images/f_auto,q_auto/v1705428774/gift-in-honour/gift-in-honour.png?_i=AA 600w, https://res.cloudinary.com/dtpngg2fx/images/w_200,h_133,c_scale/f_auto,q_auto/v1705428774/gift-in-honour/gift-in-honour.png?_i=AA 200w, https://res.cloudinary.com/dtpngg2fx/images/w_320,h_213,c_scale/f_auto,q_auto/v1705428774/gift-in-honour/gift-in-honour.png?_i=AA 320w" sizes="(max-width: 600px) 100vw, 600px" /> </div> <div> <p> <small> <em> This message will appear inside above email for your recipient.  </em> </small> </p> <p class="wplo-df-message-div"> <span class="wplo-df-message"> </span> </p> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="modal fade wplodf-ecard" tabindex="-1" role="dialog" id="ecard_preview_4443"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Ecard Preview</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body ecard-preview-text"> <div class="wplo-df-address-preview"> <p class="wplo-df-from-div"> <span class="wplo-df-from"> From:  </span> <span class="wplo-df-from-user"> <em> Your name (Your email address) </em> </span> </p> <p class="wplo-df-to-div"> <span class="wplo-df-to"> To:  </span> <span> <em class="wplo-df-to-user"> </em> </span> </p> <p class="wplo-df-subject-div"> <span class="wplo-df-subject"> Subject:  </span> <span> <em class="wplo-df-subject-user"> </em> </span> </p> </div> <div class="wplo-df-ecard-img-wrapper"> <img width="600" height="300" src="https://res.cloudinary.com/dtpngg2fx/images/w_600,h_300,c_scale/f_auto,q_auto/v1705428772/sunshine/sunshine.jpg?_i=AA" style="width:100%;height:auto;" alt="Preview Card" data-public-id="sunshine/sunshine.jpg" class="wp-post-0 wp-image-10948" data-format="jpg" data-transformations="f_auto,q_auto" data-version="1705428772" data-seo="1" srcset="https://res.cloudinary.com/dtpngg2fx/images/f_auto,q_auto/v1705428772/sunshine/sunshine.jpg?_i=AA 600w, https://res.cloudinary.com/dtpngg2fx/images/w_200,h_100,c_scale/f_auto,q_auto/v1705428772/sunshine/sunshine.jpg?_i=AA 200w, https://res.cloudinary.com/dtpngg2fx/images/w_320,h_160,c_scale/f_auto,q_auto/v1705428772/sunshine/sunshine.jpg?_i=AA 320w" sizes="(max-width: 600px) 100vw, 600px" /> </div> <div> <p> <small> <em> This message will appear inside above email for your recipient.  </em> </small> </p> <p class="wplo-df-message-div"> <span class="wplo-df-message"> </span> </p> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="modal fade wplodf-ecard" tabindex="-1" role="dialog" id="ecard_preview_4444"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Ecard Preview</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body ecard-preview-text"> <div class="wplo-df-address-preview"> <p class="wplo-df-from-div"> <span class="wplo-df-from"> From:  </span> <span class="wplo-df-from-user"> <em> Your name (Your email address) </em> </span> </p> <p class="wplo-df-to-div"> <span class="wplo-df-to"> To:  </span> <span> <em class="wplo-df-to-user"> </em> </span> </p> <p class="wplo-df-subject-div"> <span class="wplo-df-subject"> Subject:  </span> <span> <em class="wplo-df-subject-user"> </em> </span> </p> </div> <div class="wplo-df-ecard-img-wrapper"> <img width="600" height="300" src="https://res.cloudinary.com/dtpngg2fx/images/w_600,h_300,c_scale/f_auto,q_auto/v1705428771/tulips/tulips.jpg?_i=AA" style="width:100%;height:auto;" alt="Preview Card" data-public-id="tulips/tulips.jpg" class="wp-post-0 wp-image-10949" data-format="jpg" data-transformations="f_auto,q_auto" data-version="1705428771" data-seo="1" srcset="https://res.cloudinary.com/dtpngg2fx/images/f_auto,q_auto/v1705428771/tulips/tulips.jpg?_i=AA 600w, https://res.cloudinary.com/dtpngg2fx/images/w_200,h_100,c_scale/f_auto,q_auto/v1705428771/tulips/tulips.jpg?_i=AA 200w, https://res.cloudinary.com/dtpngg2fx/images/w_320,h_160,c_scale/f_auto,q_auto/v1705428771/tulips/tulips.jpg?_i=AA 320w" sizes="(max-width: 600px) 100vw, 600px" /> </div> <div> <p> <small> <em> This message will appear inside above email for your recipient.  </em> </small> </p> <p class="wplo-df-message-div"> <span class="wplo-df-message"> </span> </p> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="modal fade wplodf-ecard" tabindex="-1" role="dialog" id="ecard_preview_4445"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Ecard Preview</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body ecard-preview-text"> <div class="wplo-df-address-preview"> <p class="wplo-df-from-div"> <span class="wplo-df-from"> From:  </span> <span class="wplo-df-from-user"> <em> Your name (Your email address) </em> </span> </p> <p class="wplo-df-to-div"> <span class="wplo-df-to"> To:  </span> <span> <em class="wplo-df-to-user"> </em> </span> </p> <p class="wplo-df-subject-div"> <span class="wplo-df-subject"> Subject:  </span> <span> <em class="wplo-df-subject-user"> </em> </span> </p> </div> <div class="wplo-df-ecard-img-wrapper"> <img width="600" height="300" src="https://res.cloudinary.com/dtpngg2fx/images/w_600,h_300,c_scale/f_auto,q_auto/v1705428765/BCCancer-ECards-2017-InHonour/BCCancer-ECards-2017-InHonour.jpg?_i=AA" style="width:100%;height:auto;" alt="Preview Card" data-public-id="BCCancer-ECards-2017-InHonour/BCCancer-ECards-2017-InHonour.jpg" class="wp-post-0 wp-image-11450" data-format="jpg" data-transformations="f_auto,q_auto" data-version="1705428765" data-seo="1" srcset="https://res.cloudinary.com/dtpngg2fx/images/f_auto,q_auto/v1705428765/BCCancer-ECards-2017-InHonour/BCCancer-ECards-2017-InHonour.jpg?_i=AA 600w, https://res.cloudinary.com/dtpngg2fx/images/w_200,h_100,c_scale/f_auto,q_auto/v1705428765/BCCancer-ECards-2017-InHonour/BCCancer-ECards-2017-InHonour.jpg?_i=AA 200w, https://res.cloudinary.com/dtpngg2fx/images/w_320,h_160,c_scale/f_auto,q_auto/v1705428765/BCCancer-ECards-2017-InHonour/BCCancer-ECards-2017-InHonour.jpg?_i=AA 320w" sizes="(max-width: 600px) 100vw, 600px" /> </div> <div> <p> <small> <em> This message will appear inside above email for your recipient.  </em> </small> </p> <p class="wplo-df-message-div"> <span class="wplo-df-message"> </span> </p> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="modal fade wplodf-ecard" tabindex="-1" role="dialog" id="ecard_preview_5503"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Ecard Preview</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body ecard-preview-text"> <div class="wplo-df-address-preview"> <p class="wplo-df-from-div"> <span class="wplo-df-from"> From:  </span> <span class="wplo-df-from-user"> <em> Your name (Your email address) </em> </span> </p> <p class="wplo-df-to-div"> <span class="wplo-df-to"> To:  </span> <span> <em class="wplo-df-to-user"> </em> </span> </p> <p class="wplo-df-subject-div"> <span class="wplo-df-subject"> Subject:  </span> <span> <em class="wplo-df-subject-user"> </em> </span> </p> </div> <div class="wplo-df-ecard-img-wrapper"> <img width="600" height="300" src="https://res.cloudinary.com/dtpngg2fx/images/w_600,h_300,c_scale/f_auto,q_auto/v1705428822/BCCF_Holiday2023_Card_600x300/BCCF_Holiday2023_Card_600x300.jpg?_i=AA" style="width:100%;height:auto;" alt="Preview Card" data-public-id="BCCF_Holiday2023_Card_600x300/BCCF_Holiday2023_Card_600x300.jpg" class="wp-post-0 wp-image-15163" data-format="jpg" data-transformations="f_auto,q_auto" data-version="1705428822" data-seo="1" srcset="https://res.cloudinary.com/dtpngg2fx/images/f_auto,q_auto/v1705428822/BCCF_Holiday2023_Card_600x300/BCCF_Holiday2023_Card_600x300.jpg?_i=AA 600w, https://res.cloudinary.com/dtpngg2fx/images/w_200,h_100,c_scale/f_auto,q_auto/v1705428822/BCCF_Holiday2023_Card_600x300/BCCF_Holiday2023_Card_600x300.jpg?_i=AA 200w, https://res.cloudinary.com/dtpngg2fx/images/w_320,h_160,c_scale/f_auto,q_auto/v1705428822/BCCF_Holiday2023_Card_600x300/BCCF_Holiday2023_Card_600x300.jpg?_i=AA 320w" sizes="(max-width: 600px) 100vw, 600px" /> </div> <div> <p> <small> <em> This message will appear inside above email for your recipient.  </em> </small> </p> <p class="wplo-df-message-div"> <span class="wplo-df-message"> </span> </p> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div>  <div id="introSection" class="mb-0"> <div class="container-fluid p-0"> <div class="row justify-content-center w-100 m-0"> <div class="w-100"> <h1 class="introTitle" id="standardTitle">Thank you for your support! </h1> </div> </div> </div> </div> <div id="feedbackContainer" class="mb-1" style="visibility:hidden;position:absolute;left:-30000px;top:-30000px;"> <div class="container-fluid p-0"> <div class="row justify-content-center w-100 m-0"> <div class="w-100"> <h1 id="feedbackTitle" class="d-flex justify-content-center align-items-center flex-column">   </h1> </div> </div> </div> </div>  <div class="container-fluid mt-0 mb-3 donation-form-content">  <div id="donationAlertWrapper" style="margin-top:2rem; margin-bottom:2rem; display:none;"></div>   <div class="wp-lo-df-wrapper">  <div class="modal animated zoomIn fastest" id="wplodfAjaxModal"> <div class="modal-dialog modal-sm modal-dialog-centered"> <div class="modal-content bg-transparent border-0"> <div class="modal-body text-center"> <div class="d-flex justify-content-center"> <div class="spinner-border" style="width: 40px; height: 40px;color: #fff;" role="status"> <span class="sr-only">Loading...</span> </div> </div> </div> </div> </div> </div>  <form class="wp-lo-donation-form-style" id="wp-lo-donation-form" onSubmit="return process_donate(event);"> <input type="hidden" name="makedonation" value="true"> <input type="hidden" name="send_receipt" value="true"> <input type="hidden" name="form_id" id="form_id" value="9524"> <input type="hidden" name="validate" value="true">   <div class="wplo-panel wplo-panel-default" id="monthlyToggle" > <h2 class="panel-heading mb-4">Select your gift type:</h2> <div class="wplo-panel-body option_levels"> <div class="form-group"> <ul class="input_container input_container_radio justify-content-center d-block d-sm-flex"> <li class="radio" > <input type="radio" name="choose_gift_type" id="choose_one_time" value="true" required="required" oninvalid="jQuery('#donation-type-radio-error-bar').empty(); jQuery('#donation-type-radio-error-bar').append('<p class=\'alert alert-danger\'>Please select donation frequency</p>')" autocomplete="off"> <label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="choose_one_time">One Time</label> </li> <li class="radio" > <input type="radio" name="choose_gift_type" id="choose_monthly" value="true" autocomplete="off"> <label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="choose_monthly">Monthly</label> </li> </ul> <div id="donation-type-radio-error-bar" class="pt-1"></div> </div> </div> </div> <div id="donation-frequency-fields"> </div> <div class="wplo-panel wplo-panel-default mt-4 pt-1" id="amountToggle"> <h2 class="panel-heading mb-4">Choose an Amount</h2> <div class="wplo-panel-body option_levels"> <div class="form-group"> <ul class="input_container input_container_radio justify-content-center d-block d-sm-flex"> <li id="wplo-df-level-1" class="mb-2 radio position-relative wplo-dl-single" > <input type="radio" name="level_id" class="position-absolute" id="level_id_1" value="17482" data-amount="50.00" required="required" oninvalid="jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>')" autocomplete="off"> <label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="level_id_1" >$50</label> </li> <li id="wplo-df-level-2" class="mb-2 radio position-relative wplo-dl-single" > <input type="radio" name="level_id" class="position-absolute" id="level_id_2" value="17483" data-amount="100.00" required="required" oninvalid="jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>')" autocomplete="off"> <label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="level_id_2" >$100</label> </li> <li id="wplo-df-level-3" class="mb-2 radio position-relative wplo-dl-single" > <input type="radio" name="level_id" class="position-absolute" id="level_id_3" value="19830" data-amount="250.00" required="required" oninvalid="jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>')" autocomplete="off"> <label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="level_id_3" >$250</label> </li> <li id="wplo-df-level-4" class="mb-2 radio position-relative wplo-dl-single" > <input type="radio" name="level_id" class="position-absolute" id="level_id_4" value="19832" data-amount="500.00" required="required" oninvalid="jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>')" autocomplete="off"> <label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="level_id_4" >$500</label> </li> <li id="wplo-df-level-5" class="mb-2 radio position-relative wplo-dl-single" > <input type="radio" name="level_id" class="position-absolute" id="level_id_5" value="17484" data-amount="1000.00" required="required" oninvalid="jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>')" autocomplete="off"> <label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="level_id_5" >$1000</label> </li> <li id="wplo-df-level-6" class="mb-2 radio position-relative wplo-dl-monthly" style="display:none;"> <input type="radio" name="level_id" class="position-absolute" id="level_id_6" value="19823" data-amount="20.00" required="required" oninvalid="jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>')" autocomplete="off"> <label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="level_id_6" >$20</label> </li> <li id="wplo-df-level-7" class="mb-2 radio position-relative wplo-dl-monthly" style="display:none;"> <input type="radio" name="level_id" class="position-absolute" id="level_id_7" value="19831" data-amount="30.00" required="required" oninvalid="jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>')" autocomplete="off"> <label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="level_id_7" >$30</label> </li> <li id="wplo-df-level-8" class="mb-2 radio position-relative wplo-dl-monthly" style="display:none;"> <input type="radio" name="level_id" class="position-absolute" id="level_id_8" value="19824" data-amount="50.00" required="required" oninvalid="jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>')" autocomplete="off"> <label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="level_id_8" >$50</label> </li> <li id="wplo-df-level-9" class="mb-2 radio position-relative wplo-dl-monthly" style="display:none;"> <input type="radio" name="level_id" class="position-absolute" id="level_id_9" value="19825" data-amount="100.00" required="required" oninvalid="jQuery('#radio-error-bar').empty(); jQuery('#radio-error-bar').append('<p class=\'alert alert-danger\'>Please select an amount</p>')" autocomplete="off"> <label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="level_id_9" >$100</label> </li> <li class="radio position-relative d-flex mb-3 "> <input type="radio" id="level-other" name="level_id" value="17485" autocomplete="off" style="position:absolute"> <label for="level-other" class="lbl-other-amt">$</label><input type="number" class="d-inline-block d-sm-inline-flex btn-w-100-mobile form-control" id="other-amount" min="5.00" step="0.01" name="other_amount" placeholder="" oninput="jQuery('#radio-error-bar').empty();" autocomplete="off"> </li> </ul> <div id="radio-error-bar"></div> </div> </div> </div> <input name="designated.1.amount" id="designated_1_amount" type="hidden" value="" /> <div class="wplo-panel wplo-panel-default mb-4 pb-0" id="customOrgGiftToggle"> <h2 class="panel-heading mt-4 mb-4">Is this a Personal or Company Gift?</h2> <div class="wplo-panel-body option_levels"> <div class="form-group"> <ul class="input_container input_container_radio justify-content-center d-block d-sm-flex"> <li class="radio"> <input type="radio" name="personal_or_corporate_gift" id="personal_or_corporate_gift_ind" value="Personal" required="required" autocomplete="off" checked="checked"> <label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="personal_or_corporate_gift_ind">Personal</label> </li> <li class="radio"> <input type="radio" name="personal_or_corporate_gift" id="personal_or_corporate_gift_org" value=" Company or Organization" autocomplete="off"> <label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="personal_or_corporate_gift_org">Company</label> </li> </ul> </div> </div> <div class="wplo-panel-body mt-1 mb-3" id="custom_company_name_field" style="display:none;"> <div class="row justify-content-center"> <div class="input-margins-forms col-sm-12 p-0 col-md-6 text-center"> <label class="control-label" for="company_or_organization_name">Company Name</label> <input type="text" class="form-control" autocomplete="off" name="company_or_organization_name" id="company_or_organization_name" oninput="this.setCustomValidity('')"> </div> </div> </div> </div> <script type="text/javascript"> jQuery(document).ready(function() { var customCompanyNameDiv = jQuery('#custom_company_name_field'); jQuery(document).on("click change", "#personal_or_corporate_gift_org", function () { if (jQuery('#personal_or_corporate_gift_org').prop('checked')) { customCompanyNameDiv.show(); if(jQuery('#form_id').val()){ var curFormId = jQuery("#form_id"); curFormId.val(jQuery("#organization_value_df_setup").val()); } if(jQuery('#level_id_1').length){ var curLev1 = jQuery("#level_id_1"); curLev1.val(jQuery("#organization_df_level_id_1").val()); } if(jQuery('#level_id_2').length){ var curLev2 = jQuery("#level_id_2"); curLev2.val(jQuery("#organization_df_level_id_2").val()); } if(jQuery('#level_id_3').length){ var curLev3 = jQuery("#level_id_3"); curLev3.val(jQuery("#organization_df_level_id_3").val()); } if(jQuery('#level_id_4').length){ var curLev4 = jQuery("#level_id_4"); curLev4.val(jQuery("#organization_df_level_id_4").val()); } if(jQuery('#level_id_5').length){ var curLev5 = jQuery("#level_id_5"); curLev5.val(jQuery("#organization_df_level_id_5").val()); } if(jQuery('#level_id_6').length){ var curLev6 = jQuery("#level_id_6"); curLev6.val(jQuery("#organization_df_level_id_6").val()); } if(jQuery('#level_id_7').length){ var curLev7 = jQuery("#level_id_7"); curLev7.val(jQuery("#organization_df_level_id_7").val()); } if(jQuery('#level_id_8').length){ var curLev8 = jQuery("#level_id_8"); curLev8.val(jQuery("#organization_df_level_id_8").val()); } if(jQuery('#level_id_9').length){ var curLev9 = jQuery("#level_id_9"); curLev9.val(jQuery("#organization_df_level_id_9").val()); } if(jQuery('#level_id_10').length){ var curLev10 = jQuery("#level_id_10"); curLev10.val(jQuery("#organization_df_level_id_10").val()); } var curOTherId = jQuery("#level-other"); curOTherId.val(jQuery("#organization_df_level_id_other").val()); if(jQuery('#ty_text_encoded').length){ var curTyText = jQuery("#ty_text_encoded"); curTyText.html(decodeURIComponent(organization_value_paragraph_text)); } } }); jQuery(document).on("click change", "#personal_or_corporate_gift_ind", function () { jQuery('#donation-type-radio-error-bar').empty(); if (jQuery('#personal_or_corporate_gift_ind').prop('checked')) { customCompanyNameDiv.hide(); if (jQuery("#choose_monthly").prop("checked")) { jQuery("#choose_monthly").click(); } else{ if(jQuery('#form_id').val()){ var curFormId = jQuery("#form_id"); curFormId.val(jQuery("#primary_value_df_setup").val()); } if(jQuery('#level_id_1').length){ var curLev1 = jQuery("#level_id_1"); curLev1.val(jQuery("#primary_df_level_id_1").val()); } if(jQuery('#level_id_2').length){ var curLev2 = jQuery("#level_id_2"); curLev2.val(jQuery("#primary_df_level_id_2").val()); } if(jQuery('#level_id_3').length){ var curLev3 = jQuery("#level_id_3"); curLev3.val(jQuery("#primary_df_level_id_3").val()); } if(jQuery('#level_id_4').length){ var curLev4 = jQuery("#level_id_4"); curLev4.val(jQuery("#primary_df_level_id_4").val()); } if(jQuery('#level_id_5').length){ var curLev5 = jQuery("#level_id_5"); curLev5.val(jQuery("#primary_df_level_id_5").val()); } if(jQuery('#level_id_6').length){ var curLev6 = jQuery("#level_id_6"); curLev6.val(jQuery("#primary_df_level_id_6").val()); } if(jQuery('#level_id_7').length){ var curLev7 = jQuery("#level_id_7"); curLev7.val(jQuery("#primary_df_level_id_7").val()); } if(jQuery('#level_id_8').length){ var curLev8 = jQuery("#level_id_8"); curLev8.val(jQuery("#primary_df_level_id_8").val()); } if(jQuery('#level_id_9').length){ var curLev9 = jQuery("#level_id_9"); curLev9.val(jQuery("#primary_df_level_id_9").val()); } if(jQuery('#level_id_10').length){ var curLev10 = jQuery("#level_id_10"); curLev10.val(jQuery("#primary_df_level_id_10").val()); } var curOTherId = jQuery("#level-other"); curOTherId.val(jQuery("#primary_df_level_id_other").val()); if(jQuery('#ty_text_encoded').length){ var curTyText = jQuery("#ty_text_encoded"); currentTyText = (decodeURIComponent(primary_value_paragraph_text)); } } } }); }); </script> <div class="" id="step1Toggle"> <div class="text-center d-flex flex-column justify-content-around align-items-center"> <button type="button" id="btn-step-1-amount" class="button btn-w-100-mobile btn-wp-lo-form mt-4 mb-0" onclick="return goto_2nd(event)">Donate <i class="fas fa-arrow-circle-right"></i></button> <div class="mt-5 mt-md-4 mb-0" style="color:rgb(14,156,175)"> <i class="fas fa-lock"></i> <span class="secure_payment">Secure Payment</span> </div> </div> </div> <div id="honourToggle" style="position:absolute;visibility:hidden;"> <div class="wplo-panel wplo-panel-default mt-0" id="honourToggleElement"> <h2 class="panel-heading mb-4">Are you making this gift in honour or in memory of someone?</h2> <div class="wplo-panel-body option_levels"> <div class="form-group"> <ul class="input_container input_container_radio justify-content-center d-block d-sm-flex ml-0"> <li class="radio"> <input type="radio" name="honour" id="honour_no" value="false" checked="checked" required="required" autocomplete="off"> <label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="honour_no">No</label> </li> <li class="radio"> <input type="radio" name="honour" id="honour_yes" value="true" autocomplete="off"> <label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="honour_yes" autocomplete="off">In Honour</label> </li> <li class="radio"> <input type="radio" name="honour" id="honour_memory" value="memory" autocomplete="off"> <label class="text-center d-inline-block d-sm-inline-flex btn-w-100-mobile" for="honour_memory" autocomplete="off">In Memory</label> </li> </ul> </div> </div> <div class="wplo-panel-body mt-5" id="honouree_name" style="display:none;"> <div class="row" id="nextOfKinNotification" style="display:none;"> <div class="input-margins-forms col-sm-12 col-lg-12 col-xl-12 p-0 text-center"> <p class="mb-0">If requested by the next of kin, a list of donor names will be provided.</p> </div> </div> <div class="row"> <div class="input-margins-forms col-sm-12 col-lg-12 col-xl-12 p-0"> <div class="form-label-group-float"> <input type="text" class="form-control" name="tribute.honoree.name.first" id="tribute_honoree_name_first" placeholder="Honouree First Name" required="required" oninvalid="this.setCustomValidity('Please enter the honouree first name')" oninput="this.setCustomValidity('')" disabled="disabled"> <label class="control-label honour-label" for="tribute_honoree_name_first" id="label-honoree-name-first">Honouree First Name</label> </div> </div> <div class="input-margins-forms col-sm-12 col-lg-12 col-xl-12 p-0"> <div class="form-label-group-float"> <input type="text" class="form-control" name="tribute.honoree.name.last" id="tribute_honoree_name_last" placeholder="Honouree Last Name" oninvalid="this.setCustomValidity('Please enter the honouree last name')" oninput="this.setCustomValidity('')" disabled="disabled"> <label class="control-label honour-label" for="tribute_honoree_name_last" id="label-honoree-name-last">Honouree Last Name</label> </div> </div> </div> </div> </div> <div class="wplo-panel wplo-panel-default mt-5" id="ecard-section" style="display:none;"> <h2 class="panel-heading mb-3">Do you want to send an eCard?</h2> <div class="wplo-panel-body"> <div class="row align-items-center"> <div class="input-margins-forms col-sm-12 col-md-12 p-0 text-center"> <div class="checkbox"> <input type="checkbox" name="ecard.send" id="ecard_send" value="true" disabled="disabled"> <label for="ecard_send">Yes</label> </div> </div> <div id="send_ecard_section" class="w-100 mt-4" style="display:none;"> <script type="text/javascript"> jQuery(document).ready(function() { var text_max = 190; jQuery('#ecard_message_feedback').html(text_max + '/190'); jQuery('#ecard_message').on( 'input', function() { var text_length = jQuery('#ecard_message').val().length; var text_remaining = text_max - text_length; jQuery('#ecard_message_feedback').html(text_remaining + '/190'); }); // jQuery('#ecard_recipients').blur(function() { // validateMultipleEmails(jQuery('#ecard_recipients').val()); // }); }); </script> <div class="input-margins-forms col-sm-12 col-md-12 p-0 mb-4"> <div class="input-group"> <label class="control-label d-block w-100" for="ecard.recipients">Recipient Email:</label> <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-lg fa-envelope"></i></span></div> <input type="email" class="form-control" name="ecard.recipients" id="ecard_recipients" placeholder="email@recipient.com" disabled="disabled" oninvalid="this.setCustomValidity('Please enter e-mail address for e-card')" oninput="this.setCustomValidity('')"> </div> </div> <div class="input-margins-forms col-sm-12 col-md-12 p-0 mb-4"> <div class="input-group"> <label class="control-label d-block w-100" for="ecard.subject">Subject:</label> <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-lg fa-envelope"></i></span></div> <input type="text" class="form-control" name="ecard.subject" id="ecard_subject" placeholder="Subject:" disabled="disabled" maxlength="50" oninvalid="this.setCustomValidity('Please enter an e-card subject')" oninput="this.setCustomValidity('')"> </div> </div> <div class="input-margins-forms col-sm-12 col-md-12 p-0 mb-4"> <div class="input-group"> <label for="ecard_message" class="control-label d-flex w-100 ecard_message justify-content-between"><span>Ecard Message:</span><small id="ecard_message_feedback">0/150</small></label> <textarea name="ecard.message" id="ecard_message" maxlength="190" rows="3" disabled="disabled"></textarea> </div> </div> <div class="col-sm-12 col-md-12 p-0" id="ecard_type_div"> <div class="form-group"> <h5>Select an Ecard:</h5> <ul class="input_container input_container_radio text-center"> <li class="radio ecard_in_honour"> <input type="radio" name="ecard.id" id="ecard_id_1" class="ecard_type" value="5104" checked="checked" disabled="disabled"> <label for="ecard_id_1"><img width="600" height="400" src="https://res.cloudinary.com/dtpngg2fx/images/w_600,h_400,c_scale/f_auto,q_auto/v1705428774/gift-in-honour/gift-in-honour.png?_i=AA" alt="Ecard 1" border="" data-public-id="gift-in-honour/gift-in-honour.png" class="wp-post-0 wp-image-10946" data-format="png" data-transformations="f_auto,q_auto" data-version="1705428774" data-seo="1" srcset="https://res.cloudinary.com/dtpngg2fx/images/f_auto,q_auto/v1705428774/gift-in-honour/gift-in-honour.png?_i=AA 600w, https://res.cloudinary.com/dtpngg2fx/images/w_200,h_133,c_scale/f_auto,q_auto/v1705428774/gift-in-honour/gift-in-honour.png?_i=AA 200w, https://res.cloudinary.com/dtpngg2fx/images/w_320,h_213,c_scale/f_auto,q_auto/v1705428774/gift-in-honour/gift-in-honour.png?_i=AA 320w" sizes="(max-width: 600px) 100vw, 600px" /></label> <div class="d-none preview_url">http://donate.bccancerfoundation.com/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=5104&stationery_layout_id=5104&cons_info_component=true</div> <h5 class="card-title">Gift in Your Honour eCard</h5> </li> <li class="radio ecard_display_both"> <input type="radio" name="ecard.id" id="ecard_id_2" class="ecard_type" value="4443" checked="checked" disabled="disabled"> <label for="ecard_id_2"><img width="600" height="300" src="https://res.cloudinary.com/dtpngg2fx/images/w_600,h_300,c_scale/f_auto,q_auto/v1705428772/sunshine/sunshine.jpg?_i=AA" alt="Ecard 2" border="" data-public-id="sunshine/sunshine.jpg" class="wp-post-0 wp-image-10948" data-format="jpg" data-transformations="f_auto,q_auto" data-version="1705428772" data-seo="1" srcset="https://res.cloudinary.com/dtpngg2fx/images/f_auto,q_auto/v1705428772/sunshine/sunshine.jpg?_i=AA 600w, https://res.cloudinary.com/dtpngg2fx/images/w_200,h_100,c_scale/f_auto,q_auto/v1705428772/sunshine/sunshine.jpg?_i=AA 200w, https://res.cloudinary.com/dtpngg2fx/images/w_320,h_160,c_scale/f_auto,q_auto/v1705428772/sunshine/sunshine.jpg?_i=AA 320w" sizes="(max-width: 600px) 100vw, 600px" /></label> <div class="d-none preview_url">http://donate.bccancerfoundation.com/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=4443&stationery_layout_id=4443&cons_info_component=true</div> <h5 class="card-title">Sunshine eCard</h5> </li> <li class="radio ecard_display_both"> <input type="radio" name="ecard.id" id="ecard_id_3" class="ecard_type" value="4444" checked="checked" disabled="disabled"> <label for="ecard_id_3"><img width="600" height="300" src="https://res.cloudinary.com/dtpngg2fx/images/w_600,h_300,c_scale/f_auto,q_auto/v1705428771/tulips/tulips.jpg?_i=AA" alt="Ecard 3" border="" data-public-id="tulips/tulips.jpg" class="wp-post-0 wp-image-10949" data-format="jpg" data-transformations="f_auto,q_auto" data-version="1705428771" data-seo="1" srcset="https://res.cloudinary.com/dtpngg2fx/images/f_auto,q_auto/v1705428771/tulips/tulips.jpg?_i=AA 600w, https://res.cloudinary.com/dtpngg2fx/images/w_200,h_100,c_scale/f_auto,q_auto/v1705428771/tulips/tulips.jpg?_i=AA 200w, https://res.cloudinary.com/dtpngg2fx/images/w_320,h_160,c_scale/f_auto,q_auto/v1705428771/tulips/tulips.jpg?_i=AA 320w" sizes="(max-width: 600px) 100vw, 600px" /></label> <div class="d-none preview_url">http://donate.bccancerfoundation.com/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=4444&stationery_layout_id=4444&cons_info_component=true</div> <h5 class="card-title">Tulips eCard</h5> </li> <li class="radio ecard_display_both"> <input type="radio" name="ecard.id" id="ecard_id_4" class="ecard_type" value="4445" checked="checked" disabled="disabled"> <label for="ecard_id_4"><img width="600" height="300" src="https://res.cloudinary.com/dtpngg2fx/images/w_600,h_300,c_scale/f_auto,q_auto/v1705428765/BCCancer-ECards-2017-InHonour/BCCancer-ECards-2017-InHonour.jpg?_i=AA" alt="Ecard 4" border="" data-public-id="BCCancer-ECards-2017-InHonour/BCCancer-ECards-2017-InHonour.jpg" class="wp-post-0 wp-image-11450" data-format="jpg" data-transformations="f_auto,q_auto" data-version="1705428765" data-seo="1" srcset="https://res.cloudinary.com/dtpngg2fx/images/f_auto,q_auto/v1705428765/BCCancer-ECards-2017-InHonour/BCCancer-ECards-2017-InHonour.jpg?_i=AA 600w, https://res.cloudinary.com/dtpngg2fx/images/w_200,h_100,c_scale/f_auto,q_auto/v1705428765/BCCancer-ECards-2017-InHonour/BCCancer-ECards-2017-InHonour.jpg?_i=AA 200w, https://res.cloudinary.com/dtpngg2fx/images/w_320,h_160,c_scale/f_auto,q_auto/v1705428765/BCCancer-ECards-2017-InHonour/BCCancer-ECards-2017-InHonour.jpg?_i=AA 320w" sizes="(max-width: 600px) 100vw, 600px" /></label> <div class="d-none preview_url">http://donate.bccancerfoundation.com/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=4445&stationery_layout_id=4445&cons_info_component=true</div> <h5 class="card-title">Violet Hydrangea eCard</h5> </li> <li class="radio ecard_display_both"> <input type="radio" name="ecard.id" id="ecard_id_5" class="ecard_type" value="5503" checked="checked" disabled="disabled"> <label for="ecard_id_5"><img width="600" height="300" src="https://res.cloudinary.com/dtpngg2fx/images/w_600,h_300,c_scale/f_auto,q_auto/v1705428822/BCCF_Holiday2023_Card_600x300/BCCF_Holiday2023_Card_600x300.jpg?_i=AA" alt="Ecard 5" border="" data-public-id="BCCF_Holiday2023_Card_600x300/BCCF_Holiday2023_Card_600x300.jpg" class="wp-post-0 wp-image-15163" data-format="jpg" data-transformations="f_auto,q_auto" data-version="1705428822" data-seo="1" srcset="https://res.cloudinary.com/dtpngg2fx/images/f_auto,q_auto/v1705428822/BCCF_Holiday2023_Card_600x300/BCCF_Holiday2023_Card_600x300.jpg?_i=AA 600w, https://res.cloudinary.com/dtpngg2fx/images/w_200,h_100,c_scale/f_auto,q_auto/v1705428822/BCCF_Holiday2023_Card_600x300/BCCF_Holiday2023_Card_600x300.jpg?_i=AA 200w, https://res.cloudinary.com/dtpngg2fx/images/w_320,h_160,c_scale/f_auto,q_auto/v1705428822/BCCF_Holiday2023_Card_600x300/BCCF_Holiday2023_Card_600x300.jpg?_i=AA 320w" sizes="(max-width: 600px) 100vw, 600px" /></label> <div class="d-none preview_url">http://donate.bccancerfoundation.com/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=5503&stationery_layout_id=5503&cons_info_component=true</div> <h5 class="card-title">Wishing you a Happy Holiday</h5> </li> </ul> </div> </div> <div class="col-sm-12 col-md-12 text-right mb-4" id="ecard_preview_div"> <a href="http://donate.bccancerfoundation.com/site/Ecard?taf_preview=true&taf_popup_preview_donations=true&mfc_popup=true&ecard_id=5104&stationery_layout_id=5104&cons_info_component=true" class="newWindow button btn-wp-lo-form-outline text-center d-block d-sm-inline-flex" id="ecardPreviewLink" data-card-number="5104" onclick="return preview_ecards(event)">Preview Ecard</a> </div> </div> </div> </div> </div> <div class="d-flex justify-content-between align-items-center mt-5 mb-2 flex-column-reverse flex-md-row" id="step2Toggle"> <div class="d-inline-flex mt-4 mt-md-0 btn-w-100-mobile"> <button type="button" id="btn-gobackto-1" class="btn-w-100-mobile justify-content-center button btn-goback text-center d-inline-flex align-items-center" onclick="return goto_begin(event)"><i class="fas fa-arrow-left"></i><span> Back</span></button> </div> <div class="text-center d-inline-flex btn-w-100-mobile"> <button type="button" id="btn-step-2-amount" class="btn-w-100-mobile justify-content-center button d-inline-flex btn-wp-lo-form align-items-center" onclick="return goto_3rd(event)"><span>Next Step </span><i class="fas fa-arrow-circle-right"></i></button> </div>    </div> </div> <div class="wplo-panel wplo-panel-default panel-df-input-padding mt-0" style="position:absolute;visibility:hidden;left:-30000px;top:-30000px;" id="informationToggle"> <h2 class="panel-heading mb-3">My Information</h2> <div class="wplo-panel-body"> <div class="row"> <div class="input-margins-forms col-sm-12 col-md-12 pl-0 pr-0"> <div class="form-label-group-float"> <label class="control-label d-none" for="billing_name_title">Title</label> <div class="selectdiv"> <select class="form-control" name="billing.name.title" id="billing_name_title" autocomplete="off" oninput="this.setCustomValidity('')"> <option value="">Title</option> <option value="Mr.">Mr.</option> <option value="Mrs.">Mrs.</option> <option value="Ms.">Ms.</option> <option value="Miss">Miss</option> <option value="Dr.">Dr.</option> <option value="Rev.">Rev.</option> </select> </div> </div> </div> <div class="input-margins-forms col-sm-12 col-md-6 pl-0 pr-md-2"> <div class="form-label-group-float"> <input type="text" class="form-control" name="billing.name.first" id="billing_name_first" placeholder="First Name" required="required" autocomplete="billing given-name" oninvalid="this.setCustomValidity('Please enter your first name')" oninput="this.setCustomValidity('')"> <label class="control-label" for="billing_name_first">First Name</label> </div> </div> <div class="input-margins-forms col-sm-12 col-md-6 pr-0 pl-md-1"> <div class="form-label-group-float"> <input type="text" class="form-control" name="billing.name.last" id="billing_name_last" placeholder="Last Name" required="required" autocomplete="billing family-name" oninvalid="this.setCustomValidity('Please enter your last name')" oninput="this.setCustomValidity('')"> <label class="control-label" for="billing_name_last">Last Name</label> </div> </div> <div id="div_billing_address_street" class="input-margins-forms col-sm-12 col-md-6 pl-0 pr-md-2"> <div class="form-label-group-float" id="bing_address_container"> <input type="text" class="form-control" name="billing.address.street1" id="billing_address_street1" placeholder="Street Address" required="required" oninvalid="this.setCustomValidity('Please enter your street address')" oninput="this.setCustomValidity('')" autocorrect="off" autocomplete="off" > <label class="control-label" for="billing_address_street1">Street Address</label> </div> <div id="bing_printoutPanel"></div> </div> <div id="div_billing_address_city" class="input-margins-forms col-sm-12 col-md-6 pr-0 pl-md-1"> <div class="form-label-group-float"> <input type="text" class="form-control" name="billing.address.city" id="billing_address_city" placeholder="City" required="required" autocomplete="billing address-level2" oninvalid="this.setCustomValidity('Please enter your city')" oninput="this.setCustomValidity('')"> <label class="control-label" for="billing_address_city">City</label> </div> </div> <div class="input-margins-forms col-sm-12 col-md-7 pl-0 pr-md-2"> <div class="form-label-group-float"> <div class="selectdiv"> <select class="form-control" name="billing.address.state" id="billing_address_state" required="required" autocomplete="billing address-level1" oninvalid="this.setCustomValidity('Please select a province/state from the list')" oninput="this.setCustomValidity('')"> <option value="" selected>Province</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="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="None">None</option> </select> </div> <label class="control-label d-none" for="billing_address_state">Province</label> </div> </div> <div class="input-margins-forms col-sm-12 col-md-5 pr-0 pl-md-1"> <div class="form-label-group-float"> <input type="text" class="form-control" name="billing.address.zip" id="billing_address_zip" placeholder="Postal Code" required="required" autocomplete="billing postal-code" oninvalid="this.setCustomValidity('Please enter your postal/zip code')" oninput="this.setCustomValidity('')"> <label class="control-label" for="billing_address_zip">Postal Code</label> </div> </div> <div class="input-margins-forms col-sm-12 col-md-6 pl-0 pr-md-2"> <div class="form-label-group-float"> <div class="selectdiv"> <select class="form-control" name="billing.address.country" id="billing_address_country" required="required" autocomplete="billing country-name" oninvalid="this.setCustomValidity('Please select a country from the list')" oninput="this.setCustomValidity('')"> <option selected="selected" value="">Select Country</option> <option value="Canada">Canada</option> <option value="United States">United States</option> <option value="Afghanistan">Afghanistan</option> <option value="Aland Islands">Aland Islands</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="American Samoa">American Samoa</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Anguilla">Anguilla</option> <option value="Antarctica">Antarctica</option> <option value="Antigua and Barbuda">Antigua and Barbuda</option> <option value="Argentina">Argentina</option> <option value="Armenia">Armenia</option> <option value="Aruba">Aruba</option> <option value="Australia">Australia</option> <option value="Austria">Austria</option> <option value="Azerbaijan">Azerbaijan</option> <option value="Bahamas">Bahamas</option> <option value="Bahrain">Bahrain</option> <option value="Bangladesh">Bangladesh</option> <option value="Barbados">Barbados</option> <option value="Belarus">Belarus</option> <option value="Belgium">Belgium</option> <option value="Belize">Belize</option> <option value="Benin">Benin</option> <option value="Bermuda">Bermuda</option> <option value="Bhutan">Bhutan</option> <option value="Bolivarian Republic of Venezuela">Bolivarian Republic of Venezuela</option> <option value="Bonaire, Sint Eustatios and Saba">Bonaire, Sint Eustatios and Saba</option> <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> <option value="Botswana">Botswana</option> <option value="Bouvet Island">Bouvet Island</option> <option value="Brazil">Brazil</option> <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> <option value="Brunei Darussalam">Brunei Darussalam</option> <option value="Bulgaria">Bulgaria</option> <option value="Burkina Faso">Burkina Faso</option> <option value="Burundi">Burundi</option> <option value="Cambodia">Cambodia</option> <option value="Cameroon">Cameroon</option> <option value="Cape Verde">Cape Verde</option> <option value="Cayman Islands">Cayman Islands</option> <option value="Central African Republic">Central African Republic</option> <option value="Chad">Chad</option> <option value="Chile">Chile</option> <option value="China">China</option> <option value="Christmas Island">Christmas Island</option> <option value="Cocos (Keeling) Islands">Cocos (Keeling) Islands</option> <option value="Colombia">Colombia</option> <option value="Comoros">Comoros</option> <option value="Congo">Congo</option> <option value="Cook Islands">Cook Islands</option> <option value="Costa Rica">Costa Rica</option> <option value="Cote D'Ivoire">Cote D'Ivoire</option> <option value="Croatia">Croatia</option> <option value="Cuba">Cuba</option> <option value="Curacao">Curacao</option> <option value="Cyprus">Cyprus</option> <option value="Czech Republic">Czech Republic</option> <option value="Democratic People's Republic of Korea">Democratic People's Republic of Korea</option> <option value="The Democratic Republic of the Congo">The Democratic Republic of the Congo</option> <option value="Denmark">Denmark</option> <option value="Djibouti">Djibouti</option> <option value="Dominica">Dominica</option> <option value="Dominican Republic">Dominican Republic</option> <option value="Ecuador">Ecuador</option> <option value="Egypt">Egypt</option> <option value="El Salvador">El Salvador</option> <option value="Equatorial Guinea">Equatorial Guinea</option> <option value="Eritrea">Eritrea</option> <option value="Estonia">Estonia</option> <option value="Ethiopia">Ethiopia</option> <option value="Falkland Islands (Malvinas)">Falkland Islands (Malvinas)</option> <option value="Faroe Islands">Faroe Islands</option> <option value="Federated States of Micronesia">Federated States of Micronesia</option> <option value="Fiji">Fiji</option> <option value="Finland">Finland</option> <option value="The Former Yugoslav Republic of Macedonia">The Former Yugoslav Republic of Macedonia</option> <option value="France">France</option> <option value="French Guiana">French Guiana</option> <option value="French Polynesia">French Polynesia</option> <option value="French Southern Territories">French Southern Territories</option> <option value="Gabon">Gabon</option> <option value="Gambia">Gambia</option> <option value="Georgia">Georgia</option> <option value="Germany">Germany</option> <option value="Ghana">Ghana</option> <option value="Gibraltar">Gibraltar</option> <option value="Greece">Greece</option> <option value="Greenland">Greenland</option> <option value="Grenada">Grenada</option> <option value="Guadeloupe">Guadeloupe</option> <option value="Guam">Guam</option> <option value="Guatemala">Guatemala</option> <option value="Guernsey">Guernsey</option> <option value="Guinea">Guinea</option> <option value="Guinea-Bissau">Guinea-Bissau</option> <option value="Guyana">Guyana</option> <option value="Haiti">Haiti</option> <option value="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option> <option value="Holy See (Vatican City State)">Holy See (Vatican City State)</option> <option value="Honduras">Honduras</option> <option value="Hong Kong">Hong Kong</option> <option value="Hungary">Hungary</option> <option value="Iceland">Iceland</option> <option value="India">India</option> <option value="Indonesia">Indonesia</option> <option value="Iraq">Iraq</option> <option value="Ireland">Ireland</option> <option value="Islamic Republic of Iran">Islamic Republic of Iran</option> <option value="Isle of Man">Isle of Man</option> <option value="Israel">Israel</option> <option value="Italy">Italy</option> <option value="Jamaica">Jamaica</option> <option value="Japan">Japan</option> <option value="Jersey">Jersey</option> <option value="Jordan">Jordan</option> <option value="Kazakhstan">Kazakhstan</option> <option value="Kenya">Kenya</option> <option value="Kiribati">Kiribati</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyzstan">Kyrgyzstan</option> <option value="Lao People's Democratic Republic">Lao People's Democratic Republic</option> <option value="Latvia">Latvia</option> <option value="Lebanon">Lebanon</option> <option value="Lesotho">Lesotho</option> <option value="Liberia">Liberia</option> <option value="Libya">Libya</option> <option value="Liechtenstein">Liechtenstein</option> <option value="Lithuania">Lithuania</option> <option value="Luxembourg">Luxembourg</option> <option value="Macao">Macao</option> <option value="Madagascar">Madagascar</option> <option value="Malawi">Malawi</option> <option value="Malaysia">Malaysia</option> <option value="Maldives">Maldives</option> <option value="Mali">Mali</option> <option value="Malta">Malta</option> <option value="Marshall Islands">Marshall Islands</option> <option value="Martinique">Martinique</option> <option value="Mauritania">Mauritania</option> <option value="Mauritius">Mauritius</option> <option value="Mayotte">Mayotte</option> <option value="Mexico">Mexico</option> <option value="Monaco">Monaco</option> <option value="Mongolia">Mongolia</option> <option value="Montenegro">Montenegro</option> <option value="Montserrat">Montserrat</option> <option value="Morocco">Morocco</option> <option value="Mozambique">Mozambique</option> <option value="Myanmar">Myanmar</option> <option value="Namibia">Namibia</option> <option value="Nauru">Nauru</option> <option value="Nepal">Nepal</option> <option value="Netherlands">Netherlands</option> <option value="New Caledonia">New Caledonia</option> <option value="New Zealand">New Zealand</option> <option value="Nicaragua">Nicaragua</option> <option value="Niger">Niger</option> <option value="Nigeria">Nigeria</option> <option value="Niue">Niue</option> <option value="Norfolk Island">Norfolk Island</option> <option value="Northern Mariana Islands">Northern Mariana Islands</option> <option value="Norway">Norway</option> <option value="Oman">Oman</option> <option value="Pakistan">Pakistan</option> <option value="Palau">Palau</option> <option value="Palestinian Territory, Occupied">Palestinian Territory, Occupied</option> <option value="Panama">Panama</option> <option value="Papua New Guinea">Papua New Guinea</option> <option value="Paraguay">Paraguay</option> <option value="Peru">Peru</option> <option value="Philippines">Philippines</option> <option value="Pitcairn">Pitcairn</option> <option value="Plurinational State of Bolivia">Plurinational State of Bolivia</option> <option value="Poland">Poland</option> <option value="Portugal">Portugal</option> <option value="Puerto Rico">Puerto Rico</option> <option value="Qatar">Qatar</option> <option value="Republic of Korea">Republic of Korea</option> <option value="Republic of Moldova">Republic of Moldova</option> <option value="Reunion">Reunion</option> <option value="Romania">Romania</option> <option value="Russian Federation">Russian Federation</option> <option value="Rwanda">Rwanda</option> <option value="Saint Barthelemy">Saint Barthelemy</option> <option value="Saint Helena, Ascension and Tristan da Cunha">Saint Helena, Ascension and Tristan da Cunha</option> <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> <option value="Saint Lucia">Saint Lucia</option> <option value="Saint Martin (French)">Saint Martin (French)</option> <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> <option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option> <option value="Samoa">Samoa</option> <option value="San Marino">San Marino</option> <option value="Sao Tome and Principe">Sao Tome and Principe</option> <option value="Saudi Arabia">Saudi Arabia</option> <option value="Senegal">Senegal</option> <option value="Serbia">Serbia</option> <option value="Seychelles">Seychelles</option> <option value="S. Georgia & S. Sandwich Isls.">S. Georgia & S. Sandwich Isls.</option> <option value="Sierra Leone">Sierra Leone</option> <option value="Singapore">Singapore</option> <option value="Sint Maarten (Dutch)">Sint Maarten (Dutch)</option> <option value="Slovakia">Slovakia</option> <option value="Slovenia">Slovenia</option> <option value="Solomon Islands">Solomon Islands</option> <option value="Somalia">Somalia</option> <option value="South Africa">South Africa</option> <option value="South Sudan">South Sudan</option> <option value="Spain">Spain</option> <option value="Sri Lanka">Sri Lanka</option> <option value="Sudan">Sudan</option> <option value="Suriname">Suriname</option> <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> <option value="Swaziland">Swaziland</option> <option value="Sweden">Sweden</option> <option value="Switzerland">Switzerland</option> <option value="Syrian Arab Republic">Syrian Arab Republic</option> <option value="Taiwan, Province of China">Taiwan, Province of China</option> <option value="Tajikistan">Tajikistan</option> <option value="Thailand">Thailand</option> <option value="Timor-Leste">Timor-Leste</option> <option value="Togo">Togo</option> <option value="Tokelau">Tokelau</option> <option value="Tonga">Tonga</option> <option value="Trinidad and Tobago">Trinidad and Tobago</option> <option value="Tunisia">Tunisia</option> <option value="Turkey">Turkey</option> <option value="Turkmenistan">Turkmenistan</option> <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> <option value="Tuvalu">Tuvalu</option> <option value="Uganda">Uganda</option> <option value="Ukraine">Ukraine</option> <option value="United Arab Emirates">United Arab Emirates</option> <option value="United Kingdom">United Kingdom</option> <option value="United Republic of Tanzania">United Republic of Tanzania</option> <option value="Uruguay">Uruguay</option> <option value="USA Minor Outlying Islands">USA Minor Outlying Islands</option> <option value="Uzbekistan">Uzbekistan</option> <option value="Vanuatu">Vanuatu</option> <option value="Viet Nam">Viet Nam</option> <option value="Virgin Islands (British)">Virgin Islands (British)</option> <option value="Virgin Islands (USA)">Virgin Islands (USA)</option> <option value="Wallis and Futuna">Wallis and Futuna</option> <option value="Western Sahara">Western Sahara</option> <option value="Yemen">Yemen</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option> </select> </div> <label class="control-label d-none" for="billing_address_country">Select Country</label> </div> </div> <div class="input-margins-forms col-sm-12 col-md-6 pr-0 pl-md-1"> <div class="form-label-group-float"> <input type="text" class="form-control" name="donor.phone" id="donor_phone" autocomplete="billing tel-national" placeholder="Phone (optional)" oninvalid="this.setCustomValidity('Please fill out this field')" oninput="this.setCustomValidity('')"> <label class="control-label" for="donor_phone">Phone (optional)</label> </div> </div> </div> </div> </div> <div class="wplo-panel wplo-panel-default panel-df-input-padding mt-0" style="position:absolute;visibility:hidden;left:-30000px;top:-30000px;" id="emailToggle">  <div class="wplo-panel-body"> <div class="row align-items-center"> <div class="input-margins-forms col-sm-12 p-0 col-md-12"> <div class="form-label-group-float input-group"> <div class="input-group-prepend"><span class="input-group-text"><i class="fa fa-lg fa-envelope"></i></span></div> <input type="email" class="form-control" name="donor.email" id="donor_email" placeholder="email@youremail.com" required="required" autocomplete="billing email" oninvalid="this.setCustomValidity('Please enter your e-mail')" oninput="this.setCustomValidity('')"> <label class="control-label" for="donor_email">Email Address</label> </div> </div> <label class="checkthis">Leave this field empty:</label> <input class="checkthis" type="text" name="phone_number643ter234" autocomplete="off"> <input type="hidden" name="donor.email_opt_in" id="donor_email_opt_in" value="true"> </div> <div class="row align-items-center justify-content-center mt-3"> <div class="input-margins-forms col-sm-12 col-md-12"> <div class="checkbox"> <input type="checkbox" class="d-block" id="joint_gift_checkbox" value="true" autocomplete="off"> <label for="joint_gift_checkbox" class="d-flex align-items-center justify-content-center mt-2 pb-2"> <span>Yes, I'd like to make this a joint gift.</span> </label> </div> </div> </div> <div id="wplodf-joint-gift-section" style="display:none;"> <div class="row"> <div class="input-margins-forms col-sm-12 col-md-6 pl-0 pr-md-2"> <div class="form-label-group-float"> <input type="text" class="form-control" name="joint_donor.name.first" id="joint_donor_name_first" placeholder="Spouse First Name" autocomplete="off" oninput="this.setCustomValidity('')"> <label class="control-label" for="joint_donor_name_first">Spouse First Name</label> </div> </div> <div class="input-margins-forms col-sm-12 col-md-6 pr-0 pl-md-1"> <div class="form-label-group-float"> <input type="text" class="form-control" name="joint_donor.name.last" id="joint_donor_name_last" placeholder="Spouse Last Name" autocomplete="off" oninput="this.setCustomValidity('')"> <label class="control-label" for="joint_donor_name_last">Spouse Last Name</label> </div> </div> </div> <script type="text/javascript"> jQuery('input#joint_gift_checkbox').change(function() { var currentValue = jQuery(this); var jointGiftContainerDiv = jQuery('#wplodf-joint-gift-section'); if(currentValue.is(':checked')){ jointGiftContainerDiv.show(); } else{ jointGiftContainerDiv.hide(); } }); </script> </div> </div> <div class="wplo-panel-body mt-4"> <div class="row"> <div class="input-margins-forms col-sm-12 p-0 col-md-12"> <div class="checkbox"> <input type="checkbox" class="d-block" autocomplete="off" id="communication_optin" name="communication_optin" value="true"> <label for="communication_optin" class="d-flex align-items-center justify-content-center"><span>I would like to receive emails from the BC Cancer Foundation about research breakthroughs, news and events and fundraising activities.</span> </label> </div> </div> </div> </div> <input type="hidden" autocomplete="off" name="reason_or_occasion_for_gift" value="General - Beyond Belief"> <div class="d-flex justify-content-between align-items-center mt-5 mb-2 flex-column-reverse flex-md-row" id="step3Toggle"> <div class="d-inline-flex mt-4 mt-md-0 btn-w-100-mobile"> <button type="button" id="btn-gobackto-2" class="btn-w-100-mobile justify-content-center button btn-goback text-center d-inline-flex align-items-center" onclick="return gobackto_2nd(event)"><i class="fas fa-arrow-left"></i><span> Back</span></button> </div> <div class="text-center d-inline-flex btn-w-100-mobile"> <button type="button" id="btn-step-3-amount" class="btn-w-100-mobile justify-content-center button d-inline-flex btn-wp-lo-form align-items-center" onclick="return goto_4th(event)"><span>Next Step </span><i class="fas fa-arrow-circle-right"></i></button> </div>    </div> </div> <div class="wplo-panel wplo-panel-default panel-df-input-padding mt-0 mb-0" style="position:absolute;visibility:hidden;left:-30000px;top:-30000px;" id="paymentToggle"> <h2 class="panel-heading mb-0 d-flex justify-content-center align-items-center "><i class="fas fa-lock"></i> Payment Information</h2> <input type="hidden" name="method" id="method_donate" value="donateCheckout" checked="checked" required="required"> <div class="wplo-panel-body" id="credit_card_section"> <div class="row mt-3 mb-2"> <div class="col-sm-12 col-md-12"> <div id="inline-checkout">  </div> </div> </div> </div> <div class="text-center d-flex justify-content-center btn-w-100-mobile" id="complete-checkout-button"> <button type="button" style="position:absolute;visibility:hidden;left:-30000px" id="form-submit-button">Complete payment</button> </div> <div class="d-flex justify-content-between align-items-center mt-0 mt-md-5 pt-md-2 mb-2 flex-column-reverse flex-xl-row" id="step4Toggle"> <div class="d-inline-flex mt-4 mt-xl-0 btn-w-100-mobile"> <button type="button" id="btn-gobackto-3" class="btn-w-100-mobile justify-content-center button btn-goback text-center d-inline-flex align-items-center" onclick="return gobackto_3rd(event)"><i class="fas fa-arrow-left"></i><span> Back</span></button> </div> <div class="text-center d-inline-flex btn-w-100-mobile"> <button type="submit" id="donate-submit" class="btn-w-100-mobile justify-content-center button d-inline-flex btn-wp-lo-form align-items-center"><span id="submitBtnTxtSpan">Complete Donation</span></button> </div> <script type="text/javascript"> checkoutService.inlineCheckoutComponent.mount('inline-checkout'); checkoutService.completeCheckoutButtonComponent.mount( 'complete-checkout-button', 'form-submit-button', ); // document.getElementById('designated_1_amount').addEventListener('change', function() { // const amount = this.value; // console.log(amount); // checkoutService.baseAmount = amount; // }); // document.getElementById('choose_monthly').addEventListener('change', function() { // const recurring = this.checked; // checkoutService.isRecurring = recurring; // }); // document.getElementById('description').addEventListener('change', function() { // const description = this.value; // checkoutService.recurrenceDescription = description; // }); // document.getElementById('category').addEventListener('change', function() { // const category = this.value; // checkoutService.transactionCategory = category; // }); let checkoutComplete = undefined; function onCheckoutComplete(e) { checkoutComplete = e; console.log(e); console.log('attempt processing final after getting token'); jQuery('#donate-submit').prop('disabled',false).removeClass('lo-button-disabled'); if(e.hasOwnProperty('success') && e.success === true){ jQuery('<input>').attr({ type: 'hidden', id: 'bbms_token', name: 'transactiontoken', value: e.transaction.id }).appendTo('#wp-lo-donation-form'); var formdata = jQuery('#wp-lo-donation-form').serializeArray(); for (index = 0; index < formdata.length; ++index) { if (formdata[index].name == "ecard.message") { formdata[index].value = formdata[index].value.replace( /[\r\n]+/gm, "" ); formdata[index].value = formdata[index].value.replace( /,/g,' ' ); break; } } formdata = jQuery.param(formdata); luminateExtend.api.request({ api: 'CRDonationAPI', callback: submitDonateCallback, data: formdata }); } else{ console.log('failure'); jQuery('#wplodfAjaxModal').modal('hide'); } } checkoutService.checkoutComplete.subscribe((e) => { // This contains the final transaction data and is typically the // trigger to submit the form to your server. onCheckoutComplete(e); }); //Watch for gpay var formSubmitButton = document.getElementById('form-submit-button'); var observer = new MutationObserver(function(mutations) { if(jQuery('#form-submit-button').attr('hidden')){ jQuery('#donate-submit').attr('style', 'display: none!important'); } else{ jQuery('#donate-submit').removeAttr('style', 'display: none!important'); } }); observer.observe(formSubmitButton, { attributes: true, attributeFilter: ['hidden'] }); </script> <div class="d-inline-flex invisible btn-w-100-mobile"> <button type="button" class="btn-w-100-mobile justify-content-center button btn-goback text-center d-inline-flex align-items-center"><i class="fas fa-arrow-left"></i><span> Back</span></button> </div> </div> </div> <input type="hidden" name="finish_success_redirect" value="" id="donation_success" disabled="disabled"> </form> </div>  </div> <div id="outroSection"> <div class="d-flex flex-wrap align-items-center circlespan text-center justify-content-between"> <div class="d-inline-flex flex-column align-items-center circlediv"> <i class="fas fa-circle" id="circleNav1"></i> <span class="wplo-paragraph-font mt-1">Donation Info</span> </div> <div class="d-inline-flex flex-column align-items-center circlediv"> <i class="far fa-circle" id="circleNav2"></i> <span class="wplo-paragraph-font mt-1">In Honour</span> </div> <div class="d-inline-flex flex-column align-items-center circlediv"> <i class="far fa-circle" id="circleNav3"></i> <span class="wplo-paragraph-font mt-1">Address</span> </div> <div class="d-inline-flex flex-column align-items-center circlediv"> <i class="far fa-circle" id="circleNav4"></i> <span class="wplo-paragraph-font mt-1">Payment Info</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main>  <script defer src="https://www.google.com/recaptcha/api.js?render=6LfdujMaAAAAAPHCzK1LEbBxkyVrKpP9KaTeRHkk"></script>  <footer class="o-footer js-footer"> <div class="o-footer__main grid-container"> <div class="grid-x grid-padding-x align-center"> <div class="cell large-10 xlarge-9 xxlarge-8"> <div class="o-footer__subscription"> <p class="text-center"><strong>Subscribe to our newsletter</strong></p> <script type="text/javascript"></script> <div class='gf_browser_ie gf_browser_ie7 gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_2' ><form method='post' enctype='multipart/form-data' id='gform_2' action='/donations/beyond-belief/?s_src' data-formid='2' novalidate> <div class='gform-body gform_body'><div id='gform_fields_2' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id="field_2_1" class="gfield gfield--type-text gfield--width-third field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_1" ><label class='gfield_label gform-field-label' for='input_2_1'>First Name</label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_2_1' type='text' value='' class='large' placeholder='First Name' aria-invalid="false" /></div></div><div id="field_2_2" class="gfield gfield--type-text gfield--width-third field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_2" ><label class='gfield_label gform-field-label' for='input_2_2'>Last Name</label><div class='ginput_container ginput_container_text'><input name='input_2' id='input_2_2' type='text' value='' class='large' placeholder='Last Name' aria-invalid="false" /></div></div><div id="field_2_3" class="gfield gfield--type-email gfield--width-third field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_3" ><label class='gfield_label gform-field-label' for='input_2_3'>Your Email</label><div class='ginput_container ginput_container_email'> <input name='input_3' id='input_2_3' type='email' value='' class='large' placeholder='Your Email' aria-invalid="false" /> </div></div><div id="field_2_4" class="gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible" data-js-reload="field_2_4" ><label class='gfield_label gform-field-label' for='input_2_4'>Phone</label><div class='ginput_container'><input name='input_4' id='input_2_4' type='text' value='' autocomplete='new-password'/></div><div class='gfield_description' id='gfield_description_2_4'>This field is for validation purposes and should be left unchanged.</div></div></div></div> <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_2' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' value='Submit' /> <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_2' value='postback' /> <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_2' id='gform_theme_2' value='gravity-theme' /> <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_2' id='gform_style_settings_2' value='[]' /> <input type='hidden' class='gform_hidden' name='is_submit_2' value='1' /> <input type='hidden' class='gform_hidden' name='gform_submit' value='2' /> <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> <input type='hidden' class='gform_hidden' name='state_2' value='WyJbXSIsIjlkMTdkMDNiMzAwZmRiNGQyZDcxNjE3ZjhmMjJmYzY5Il0=' /> <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_2' id='gform_target_page_number_2' value='0' /> <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_2' id='gform_source_page_number_2' value='1' /> <input type='hidden' name='gform_field_values' value='' /> </div> <p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="125"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div><script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {gformInitSpinner( 2, 'https://bccancerfoundation.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery('#gform_ajax_frame_2').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_2');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_2').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_2').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_2').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_2').removeClass('gform_validation_error');}setTimeout( function() { /* delay the scroll by 50 milliseconds to fix a bug in chrome */ }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_2').val();gformInitSpinner( 2, 'https://bccancerfoundation.com/wp-content/plugins/gravityforms/images/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [2, current_page]);window['gf_submitting_2'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_2').replaceWith(confirmation_content);jQuery(document).trigger('gform_confirmation_loaded', [2]);window['gf_submitting_2'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_2').text());}else{jQuery('#gform_2').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger("gform_pre_post_render", [{ formId: "2", currentPage: "current_page", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_2" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_2"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_2" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [2, current_page] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 2, currentPage: current_page } } ); gform.utils.trigger( { event: 'gform/post_render', native: false, data: { formId: 2, currentPage: current_page } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } );} ); /* ]]> */ </script> </div> <div class="o-footer__navigation"> <div class="o-footer__social-media text-center medium-text-left"> <a aria-label=" link" href="https://www.facebook.com/BCCancerFoundation" target="_blank"><span role="img" class="fa fa-facebook " aria-hidden="true"></span></a> <a aria-label=" link" href="https://twitter.com/bccancerfdn/" target="_blank"><span role="img" class="fa fa-twitter" aria-hidden="true"></span></a> <a aria-label=" link" href="https://www.instagram.com/bccancerfdn/" target="_blank"><span role="img" class="fa fa-instagram" aria-hidden="true"></span></a> <a aria-label=" link" href="https://www.youtube.com/user/BCCancerFoundation" target="_blank"><span role="img" class="fa fa-youtube-play " aria-hidden="true"></span></a> </div> <ul class=" m-footer-menu" ><li id="menu-item-167" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-167"><a href="https://bccancerfoundation.com/about-us/who-we-are/">Who We Are</a></li> <li id="menu-item-166" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-166"><a href="https://bccancerfoundation.com/about-us/careers/">Careers</a></li> <li id="menu-item-172" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-172"><a href="https://bccancerfoundation.com/contact-us/faqs/">FAQs</a></li> <li id="menu-item-173" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-173"><a target="_blank" href="https://secure2.convio.net/bccf/site/Donation2?df_id=8204&mfc_pref=T&8204.donation=form1&_ga=2.141995894.550072155.1611097456-232545083.1610578402&_gac=1.187330010.1611101264.CjwKCAiAo5qABhBdEiwAOtGmbswaC0_9_4yuyD3gDvkSmLkMhSjs6vaCZdlwo7xpkxOYAjHAGfvehhoCx1QQAvD_BwE">Donate</a></li> </ul> <div class="s-wysiwyg"><p>General Inquiries<br /> <a href="tel:604.877.6040"><strong>604.877.6040</strong></a></p> <p>Donations & Tax Receipts<br /> <a href="tel:778.653.0045"><strong>778.653.0045</strong></a></p> <p>Toll Free<br /> <strong><a href="tel:18889062873">1.888.906.2873</a></strong></p> <p>Charitable Registration Number<br /> <strong>#11881 8434 RR0001</strong></p> </div> </div> </div> </div> </div> <div class="o-footer__bottom grid-container full"> <div class="grid-x grid-padding-x align-bottom"> <div class="cell medium-3 large-4">  <div class="m-site-logo"> <a href="https://bccancerfoundation.com/"> <img fetchpriority="low" width="180" height="79" src="https://bccancerfoundation.com/wp-content/uploads/2021/01/BCCF-Logo.svg" alt="BC Cancer Foundation"> </a> </div> </div> <div class="cell medium-9 large-8 o-footer__bottom-navigation"> <ul class=" m-policies-menu m-footer-menu" ><li id="menu-item-159" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-159"><a rel="privacy-policy" href="https://bccancerfoundation.com/privacy-policy/">Privacy Policy</a></li> <li id="menu-item-158" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-158"><a href="https://bccancerfoundation.com/complaints/">Complaints</a></li> <li id="menu-item-157" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-157"><a href="https://bccancerfoundation.com/terms-of-use/">Terms of Use</a></li> </ul> © 2025 BC Cancer Foundation </div> </div> </div> </footer> <div class="o-video-modal js-video-modal"> <div class="o-video-modal__header flex-container align-middle align-right"> <button class="o-video-modal__close-btn js-close-video-modal"> <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M5 27L26 6M26 27L5 6" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span class="sr-only">Video modal close button</span> </button> </div> <div class="o-video-modal__content js-video-modal-content"> <div class="js-embed o-video-modal__embed"></div> </div> </div>  <script type='text/javascript'> document.addEventListener( 'wpcf7mailsent', function( event ) { if( "fb_pxl_code" in event.detail.apiResponse){ eval(event.detail.apiResponse.fb_pxl_code); } }, false ); </script>  <div id='fb-pxl-ajax-code'></div> <script>(function(d,u,ac){var s=d.createElement('script');s.type='text/javascript';s.src='https://a.omappapi.com/app/js/api.min.js';s.async=true;s.dataset.user=u;s.dataset.campaign=ac;d.getElementsByTagName('head')[0].appendChild(s);})(document,316124,'kgdpyzuadnmnpgu8dhlf');</script>  <script>(function(d,u,ac){var s=d.createElement('script');s.type='text/javascript';s.src='https://a.omappapi.com/app/js/api.min.js';s.async=true;s.dataset.user=u;s.dataset.campaign=ac;d.getElementsByTagName('head')[0].appendChild(s);})(document,316124,'skyczo3vsq1lfzjlz6fv');</script>  <script>(function(d,u,ac){var s=d.createElement('script');s.type='text/javascript';s.src='https://a.omappapi.com/app/js/api.min.js';s.async=true;s.dataset.user=u;s.dataset.campaign=ac;d.getElementsByTagName('head')[0].appendChild(s);})(document,316124,'lsebya2edrvnllt7wnhh');</script>  <script type="text/javascript"> var kgdpyzuadnmnpgu8dhlf_shortcode = true;var skyczo3vsq1lfzjlz6fv_shortcode = true;var lsebya2edrvnllt7wnhh_shortcode = true; </script> <link rel='stylesheet' id='gform_basic-css' href='https://bccancerfoundation.com/wp-content/plugins/gravityforms/assets/css/dist/basic.min.css?ver=2.9.4' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme_components-css' href='https://bccancerfoundation.com/wp-content/plugins/gravityforms/assets/css/dist/theme-components.min.css?ver=2.9.4' type='text/css' media='all' /> <link rel='stylesheet' id='gform_theme-css' href='https://bccancerfoundation.com/wp-content/plugins/gravityforms/assets/css/dist/theme.min.css?ver=2.9.4' type='text/css' media='all' /> <script type="text/javascript" src="https://bccancerfoundation.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="text/javascript" src="https://bccancerfoundation.com/wp-includes/js/jquery/ui/controlgroup.min.js?ver=1.13.3" id="jquery-ui-controlgroup-js"></script> <script type="text/javascript" src="https://bccancerfoundation.com/wp-includes/js/jquery/ui/checkboxradio.min.js?ver=1.13.3" id="jquery-ui-checkboxradio-js"></script> <script type="text/javascript" src="https://bccancerfoundation.com/wp-includes/js/jquery/ui/button.min.js?ver=1.13.3" id="jquery-ui-button-js"></script> <script type="text/javascript" src="https://bccancerfoundation.com/wp-includes/js/jquery/ui/spinner.min.js?ver=1.13.3" id="jquery-ui-spinner-js"></script> <script type="text/javascript" defer="defer" src="https://bccancerfoundation.com/wp-content/themes/bccf/dist/js/app.js?id=8a8816bb2e71b72e598412389c120b03&ver=2.10.4" id="foundation-js"></script> <script>(function(d){var s=d.createElement("script");s.type="text/javascript";s.src="https://a.omappapi.com/app/js/api.min.js";s.async=true;s.id="omapi-script";d.getElementsByTagName("head")[0].appendChild(s);})(document);</script><script type="text/javascript" src="https://bccancerfoundation.com/wp-includes/js/dist/dom-ready.min.js?ver=f77871ff7694fffea381" id="wp-dom-ready-js"></script> <script type="text/javascript" src="https://bccancerfoundation.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script> <script type="text/javascript" src="https://bccancerfoundation.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://bccancerfoundation.com/wp-includes/js/dist/a11y.min.js?ver=3156534cc54473497e14" id="wp-a11y-js"></script> <script type="text/javascript" defer='defer' src="https://bccancerfoundation.com/wp-content/plugins/gravityforms/js/jquery.json.min.js?ver=2.9.4" id="gform_json-js"></script> <script type="text/javascript" id="gform_gravityforms-js-extra"> /* <![CDATA[ */ var gform_i18n = {"datepicker":{"days":{"monday":"Mo","tuesday":"Tu","wednesday":"We","thursday":"Th","friday":"Fr","saturday":"Sa","sunday":"Su"},"months":{"january":"January","february":"February","march":"March","april":"April","may":"May","june":"June","july":"July","august":"August","september":"September","october":"October","november":"November","december":"December"},"firstDay":1,"iconText":"Select date"}}; var gf_legacy_multi = []; var gform_gravityforms = {"strings":{"invalid_file_extension":"This type of file is not allowed. Must be one of the following:","delete_file":"Delete this file","in_progress":"in progress","file_exceeds_limit":"File exceeds size limit","illegal_extension":"This type of file is not allowed.","max_reached":"Maximum number of files reached","unknown_error":"There was a problem while saving the file on the server","currently_uploading":"Please wait for the uploading to complete","cancel":"Cancel","cancel_upload":"Cancel this upload","cancelled":"Cancelled"},"vars":{"images_url":"https:\/\/bccancerfoundation.com\/wp-content\/plugins\/gravityforms\/images"}}; var gf_global = {"gf_currency_config":{"name":"Canadian Dollar","symbol_left":"$","symbol_right":"CAD","symbol_padding":" ","thousand_separator":",","decimal_separator":".","decimals":2,"code":"CAD"},"base_url":"https:\/\/bccancerfoundation.com\/wp-content\/plugins\/gravityforms","number_formats":[],"spinnerUrl":"https:\/\/bccancerfoundation.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg","version_hash":"f7449640efa8875dc82eacbc5fea8dd6","strings":{"newRowAdded":"New row added.","rowRemoved":"Row removed","formSaved":"The form has been saved. The content contains the link to return and complete the form."}}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://bccancerfoundation.com/wp-content/plugins/gravityforms/js/gravityforms.min.js?ver=2.9.4" id="gform_gravityforms-js"></script> <script type="text/javascript" defer='defer' src="https://bccancerfoundation.com/wp-content/plugins/gravityforms/js/placeholders.jquery.min.js?ver=2.9.4" id="gform_placeholder-js"></script> <script type="text/javascript" defer='defer' src="https://bccancerfoundation.com/wp-content/plugins/gravityforms/assets/js/dist/utils.min.js?ver=501a987060f4426fb517400c73c7fc1e" id="gform_gravityforms_utils-js"></script> <script type="text/javascript" defer='defer' src="https://bccancerfoundation.com/wp-content/plugins/gravityforms/assets/js/dist/vendor-theme.min.js?ver=639b4ac21c17c9dc304b05db4a3d3293" id="gform_gravityforms_theme_vendors-js"></script> <script type="text/javascript" id="gform_gravityforms_theme-js-extra"> /* <![CDATA[ */ var gform_theme_config = {"common":{"form":{"honeypot":{"version_hash":"f7449640efa8875dc82eacbc5fea8dd6"},"ajax":{"ajaxurl":"https:\/\/bccancerfoundation.com\/wp-admin\/admin-ajax.php","ajax_submission_nonce":"bdb9741dd3","i18n":{"step_announcement":"Step %1$s of %2$s, %3$s","unknown_error":"There was an unknown error processing your request. Please try again."}}}},"hmr_dev":"","public_path":"https:\/\/bccancerfoundation.com\/wp-content\/plugins\/gravityforms\/assets\/js\/dist\/","config_nonce":"94394918df"}; /* ]]> */ </script> <script type="text/javascript" defer='defer' src="https://bccancerfoundation.com/wp-content/plugins/gravityforms/assets/js/dist/scripts-theme.min.js?ver=dc91b64a15c979eb9acace3fe2754b5f" id="gform_gravityforms_theme-js"></script> <script defer type="text/javascript" src="https://bccancerfoundation.com/wp-content/plugins/akismet/_inc/akismet-frontend.js?ver=1742226673" id="akismet-frontend-js"></script> <script type="text/javascript" src="https://bccancerfoundation.com/wp-content/plugins/optinmonster/assets/dist/js/helper.min.js?ver=2.16.16" id="optinmonster-wp-helper-js"></script> <script> // Donate Form Custom code /* jQuery( document ).ready(function(){ if(jQuery('#company_or_organization_name').length){ jQuery('#company_or_organization_name').prev().text('Company Name').append('<br><small><i>(Tax Receipt will be issued to the Company Name)</i></small>') } }); */ if(document.location.pathname.indexOf("/donations/eoy-2023-dmh/") > -1){ jQuery("#message_of_hope").parent().parent().parent().detach().prependTo('#honourToggleElement').addClass('mb-5'); jQuery("#message_of_hope_name").parent().parent().parent().detach().prependTo('#honourToggleElement'); jQuery("<h2 class='panel-heading mb-4'>Bells of Hope Message</h2><p>Please share your Bells of Hope message with us. It will be displayed online and around cancer centres across the province.</p>").prependTo('#honourToggleElement'); } if(document.location.pathname.indexOf("/donations/eoy-2023-dml/") > -1){ jQuery("#message_of_hope").parent().parent().parent().detach().prependTo('#honourToggleElement').addClass('mb-5'); jQuery("#message_of_hope_name").parent().parent().parent().detach().prependTo('#honourToggleElement'); jQuery("<h2 class='panel-heading mb-4'>Bells of Hope Message</h2><p>Please share your Bells of Hope message with us. It will be displayed online and around cancer centres across the province.</p>").prependTo('#honourToggleElement'); } if(document.location.pathname.indexOf("/donations/eoy-2023-on/") > -1){ jQuery("#message_of_hope").parent().parent().parent().detach().prependTo('#honourToggleElement').addClass('mb-5'); jQuery("#message_of_hope_name").parent().parent().parent().detach().prependTo('#honourToggleElement'); jQuery("<h2 class='panel-heading mb-4'>Bells of Hope Message</h2><p>Please share your Bells of Hope message with us. It will be displayed online and around cancer centres across the province.</p>").prependTo('#honourToggleElement'); } // Homepage form Bells of Hope message boxes /* if(document.body.classList.contains('home')) { jQuery("#message_of_hope").parent().parent().parent().detach().prependTo('#honourToggleElement').addClass('mb-5'); jQuery("#message_of_hope_name").parent().parent().parent().detach().prependTo('#honourToggleElement'); jQuery("<h2 class='panel-heading mb-4'>Bells of Hope Message</h2><p>Please share your Bells of Hope message with us. It will be displayed online and around cancer centres across the province.//</p>").prependTo('#honourToggleElement'); } */ </script><script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() { jQuery(document).on('gform_post_render', function(event, formId, currentPage){if(formId == 2) {if(typeof Placeholders != 'undefined'){ Placeholders.enable(); }} } );jQuery(document).on('gform_post_conditional_logic', function(event, formId, fields, isInit){} ) } ); /* ]]> */ </script> <script type="text/javascript"> /* <![CDATA[ */ gform.initializeOnLoaded( function() {jQuery(document).trigger("gform_pre_post_render", [{ formId: "2", currentPage: "1", abort: function() { this.preventDefault(); } }]); if (event && event.defaultPrevented) { return; } const gformWrapperDiv = document.getElementById( "gform_wrapper_2" ); if ( gformWrapperDiv ) { const visibilitySpan = document.createElement( "span" ); visibilitySpan.id = "gform_visibility_test_2"; gformWrapperDiv.insertAdjacentElement( "afterend", visibilitySpan ); } const visibilityTestDiv = document.getElementById( "gform_visibility_test_2" ); let postRenderFired = false; function triggerPostRender() { if ( postRenderFired ) { return; } postRenderFired = true; jQuery( document ).trigger( 'gform_post_render', [2, 1] ); gform.utils.trigger( { event: 'gform/postRender', native: false, data: { formId: 2, currentPage: 1 } } ); gform.utils.trigger( { event: 'gform/post_render', native: false, data: { formId: 2, currentPage: 1 } } ); if ( visibilityTestDiv ) { visibilityTestDiv.parentNode.removeChild( visibilityTestDiv ); } } function debounce( func, wait, immediate ) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if ( !immediate ) func.apply( context, args ); }; var callNow = immediate && !timeout; clearTimeout( timeout ); timeout = setTimeout( later, wait ); if ( callNow ) func.apply( context, args ); }; } const debouncedTriggerPostRender = debounce( function() { triggerPostRender(); }, 200 ); if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) { const observer = new MutationObserver( ( mutations ) => { mutations.forEach( ( mutation ) => { if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) { debouncedTriggerPostRender(); observer.disconnect(); } }); }); observer.observe( document.body, { attributes: true, childList: false, subtree: true, attributeFilter: [ 'style', 'class' ], }); } else { triggerPostRender(); } } ); /* ]]> */ </script> <script type="text/javascript">var omapi_localized = { ajax: 'https://bccancerfoundation.com/wp-admin/admin-ajax.php?optin-monster-ajax-route=1', nonce: '633fe79503', slugs: {"kgdpyzuadnmnpgu8dhlf":{"slug":"kgdpyzuadnmnpgu8dhlf","mailpoet":false},"skyczo3vsq1lfzjlz6fv":{"slug":"skyczo3vsq1lfzjlz6fv","mailpoet":false},"lsebya2edrvnllt7wnhh":{"slug":"lsebya2edrvnllt7wnhh","mailpoet":false}} };</script> <script type="text/javascript">var omapi_data = {"object_id":11417,"object_key":"donations","object_type":"post","term_ids":[],"wp_json":"https:\/\/bccancerfoundation.com\/wp-json","wc_active":false,"edd_active":false,"nonce":"d4df53bebb"};</script> </body> </html>

CINXE.COM

General - Beyond Belief - BC Cancer Foundation