CINXE.COM
Make a Donation - La Fondation de l'H魀ital de Montr閍l pour enfants
<!DOCTYPE html> <html> <head> <base href="https://secure.fondationduchildren.com/site/" /> <title> Make a Donation - La Fondation de l'H魀ital de Montr閍l pour enfants </title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta name="Keywords" content=" " /> <meta name="Description" content="" /> <meta name="Robots" content="index, follow" /> <script type="text/javascript" src="../yui3/yui/yui-min.js"></script><noscript> </noscript> <script type="text/javascript" src="../js/convio/modules.js?version=2.9.2"></script><noscript> </noscript> <script type="text/javascript"> var Y = YUI({base: '../yui3/', insertBefore: 'yui_marker_loader_css', // insert all YUI module css before customstyle so it can be overridden debug: false, modules: getModules('../', 'convio', true, false)}); </script><noscript> </noscript> <script type="text/javascript" src="../js/utils.js"></script><noscript> </noscript> <script type="text/javascript" src="../js/obs_comp_rollup.js"></script><noscript> </noscript> <link href="../css/themes/default.css" rel="stylesheet" type="text/css" /> <link href="../css/themes/alphacube.css" rel="stylesheet" type="text/css"/> <link href="../css/UserGlobalStyle.css" rel="stylesheet" type="text/css" /> <link href="../css/UserIEStyle.css" rel="stylesheet" type="text/css" /> <link href="../css/responsive/ResponsiveBase.css" rel="stylesheet" type="text/css" /> <link href="../css/responsive/DonFormResponsive.css" rel="stylesheet" type="text/css" /> <link href="../css/FormComponentsBehavior.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="../js/FormComponentsBehavior.js"></script><noscript> </noscript> <script type="text/javascript" src="../js/don_level_elements.js"></script><noscript> </noscript> <script type="text/javascript" src="../js/don_premium_elements.js"></script><noscript> </noscript> <script type="text/javascript" src="../js/donations2.js"></script><noscript> </noscript> <link rel="stylesheet" type="text/css" id="yui_marker_loader_css" /> <link href="../css/CustomStyle.css" rel="stylesheet" type="text/css" /> <link href="../css/CustomWysiwygStyle.css" rel="stylesheet" type="text/css" /> <meta name="CnvHeaderVersion" content="v5.0" /> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script> <script type="text/javascript"> /* */ </script> <!-- START favicons --> <link rel="apple-touch-icon" sizes="180x180" href="https://fondationduchildren.com//apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://fondationduchildren.com//favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://fondationduchildren.com//favicon-16x16.png"> <!-- END favicons --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script> <!-- NORMALIZE --> <style type="text/css"><!-- #pstep_cancel { display: none !important; } body { min-width: 320px; } #content-container{ background: #fff; padding: 15px; border-radius: 10px; } textarea { overflow: auto; } .me-auto{ padding: 10px; } div.donation-form-container.responsive { width: 100% !important; background-color: #fff !important; border-radius: 10px; border-top-left-radius: 0px; border-top-right-radius: 0px; } div.donation-form-container.responsive p { color: #202020; font-size: 16px; line-height: 22px; font-weight: 300; } div.responsive label { color: #202020; font-weight: normal; font-size: 16px; line-height: 22px; margin-bottom: 5px; } #level_standard_row .donation-levels label { font-size: unset; } div.payment-field-container li.tender-row:last-child { margin-left: -7px; } div.payment-field-container span.payment-type-option.selected a:link{ color: #fff !important; } div#payment_cc_container h3 { font-weight: bold; font-size: 20px; line-height: 23px; color: #653279; } button#pstep_cancel { display: none; } .don-standard-levels.form-row { margin-bottom: 30px !important; } .donation-level-label-container { display: none !important; } .donation-level-label-input-container { display: none !important; } .donation-level-user-entered { margin: 0px !important; } input[type="radio"] { vertical-align: middle !important; } .donation-levels { display: flex; flex-wrap: wrap; flex: 1 1 auto; margin: 0; gap: 10px; flex-direction: row; } span.FormLabelText { font-weight: 700; color: #202020; } div.donation-level-container { flex: 1 1 20%; border: 0px solid transparent; } .auto-opt-in-warning-message { color: #202020; } div.responsive legend { color: #202020; } #single_designee_row .form-content fieldset legend { color: #202020; font-weight: normal; font-size: 16px; line-height: 19px; margin-left: -3px; display: inline-block; width: auto !important; margin-right: 0; } #single_designee_row .form-content fieldset legend:after { content: '*'; color: red; font-weight: 700; padding-left: 2px; } #payment_typecc_type_row .form-content fieldset legend { display: none; } label.FormLabel { display: inline; font-weight: 700; color: #202020; } hr { border-top: 2px solid #62B5E5; opacity: 1; } a.HelpLink, button.HelpLink { text-decoration: underline; } button.HelpLink { padding: 0; text-decoration: underline; margin: 0; background: transparent; border: none; } a.HelpLink, button.HelpLink { font-weight: bold; font-size: 16px; line-height: 16px; background: #653279; border-radius: 50%; color: #fff !important; top: -3px; position: absolute; white-space: nowrap; right: 0; padding: 5px 8px; text-decoration: none; } a.HelpLink { display: none; } div.button-container { border-top: none !important; margin-top: 0 !important; padding-top: 0 !important; } .section-header-container { padding: 0; margin-bottom: 20px; border-top: none !important; font-weight: 700; font-size: 26px; line-height: 30px; text-align: center; color: #653279; } div.donation-level-container label { width: 100% !important; } .donation-level-container .form-content { margin: 0px !important; } .donation-level-input-container { margin: 0px !important; padding: 0px !important; width: 100% !important; } select::-ms-expand { display: none; } form#ProcessForm div.form-content { width: 100%; margin: 0px !important; } form#ProcessForm div.form-content .field-required { background: none; height: auto; width: auto; margin-top: 0px !important; display: none; } form#ProcessForm div.form-content .field-required+label::before, form#ProcessForm div.form-content .field-required+.form-input-label-block label::before, form#ProcessForm .required-input div.form-content label::before { content: '*'; color: red; font-weight: 700; padding-right: 5px; } #payment_typecc_exp_date_row fieldset.cardExpGroup { display: flex; flex-wrap: wrap; flex: 1 1 auto; } #payment_typecc_exp_date_row fieldset.cardExpGroup select#payment_typecc_exp_date_MONTH { width: auto !important; flex-grow: 1; margin-right: 5px !important; } #payment_typecc_exp_date_row fieldset.cardExpGroup select#payment_typecc_exp_date_YEAR { width: auto !important; flex-grow: 1; margin-left: 5px !important; } #responsive_payment_typecc_exp_date_row .cardExpGroup { display: flex; } div.transaction-summary-info { width: 100% !important; } .additional-entries{ margin-bottom: 30px; } div.transaction-summary-entry{ background-color: #fff; } div.responsive div.ErrorMessage.page-error>span.field-error-text { width: calc(100% - 23px) !important; } #responsive_payment_typecc_exp_date_row .cardExpGroup select:last-child { margin-right: 0px !important; margin-left: 13px !important; } /* Change password and User login page Container layout fix and other fixes on the page */ body.page-changepwd #appAreaNoWidthClearFix, body.page-userlogin #appAreaNoWidthClearFix { width: auto !important; } body.page-changepwd #appAreaNoWidthClearFix #login-div-content, body.page-userlogin #appAreaNoWidthClearFix #login-div-content { background: #FFFFFF; padding: 1rem; } body.page-changepwd #login-div-content .banner-header , body.page-userlogin #login-div-content .banner-header{ padding-bottom: 30px; padding-top: 13px; } body.page-changepwd .df-container > span, body.page-changepwd .df-container > span ~ br, body.page-userlogin .df-container > span, body.page-userlogin .df-container > span ~ br { display: none; } form#ProcessForm input[type="text"], form#ProcessForm input[type="email"], form#ProcessForm input[type="tel"], form#ProcessForm input[type="number"], form#ProcessForm select, form#ProcessForm textarea { font-family: Arial, sans-serif !important; width: 100% !important; max-width: 100% !important; height: auto; padding: 14px !important; margin: 0 0 5px 0 !important; border: 1px solid #202020 !important; border-radius: 10px !important; box-shadow: none !important; -webkit-box-shadow: none !important; background-color: #fff !important; transition: all 0.5s ease; font-weight: 300 !important; font-size: 18px !important; line-height: 22px !important; color: #000 !important; } form#ProcessForm textarea { min-height: 100px; } form#ProcessForm input[type="text"]:hover, form#ProcessForm input[type="text"]:focus, form#ProcessForm input[type="email"]:hover, form#ProcessForm input[type="email"]:focus, form#ProcessForm input[type="tel"]:hover, form#ProcessForm input[type="tel"]:focus, form#ProcessForm input[type="number"]:hover, form#ProcessForm input[type="number"]:focus, form#ProcessForm select:hover, form#ProcessForm select:focus, form#ProcessForm textarea:hover, form#ProcessForm textarea:focus { border: 1px solid #653279 !important; -webkit-box-shadow: 0 0 5px #cacaca !important; box-shadow: 0 0 5px #cacaca !important; } form#ProcessForm select:disabled, form#ProcessForm select:disabled:focus, form#ProcessForm select:disabled:hover { border-color: rgba(118, 118, 118, 0.3) !important; color: rgba(118, 118, 118, 0.3) !important; background-image: none !important; box-shadow: none !important; } .donation-level-container:last-child input::placeholder { color: #000 !important; opacity: 1; transition: all 0.5s ease; } .donation-level-container:last-child input:-ms-input-placeholder { color: #000 !important; transition: all 0.5s ease; } .donation-level-container:last-child input::-ms-input-placeholder { color: #000 !important; transition: all 0.5s ease; } .donation-level-container:last-child input:hover::placeholder, .donation-level-container:last-child input:focus::placeholder { color: #fff !important; opacity: 1; font-weight: bold !important; } .donation-level-container:last-child input:hover:-ms-input-placeholder, .donation-level-container:last-child input:focus:-ms-input-placeholder { color: #fff !important; font-weight: bold !important; } .donation-level-container:last-child input:hover::-ms-input-placeholder, .donation-level-container:last-child input:focus::-ms-input-placeholder { color: #fff !important; font-weight: bold !important; } .donation-level-container:last-child input.selected::placeholder { color: #fff !important; font-weight: bold !important; opacity: 1; transition: all 0.5s ease; } .donation-level-container:last-child input.selected:-ms-input-placeholder { color: #fff !important; transition: all 0.5s ease; font-weight: bold !important; } .donation-level-container:last-child input.selected::-ms-input-placeholder { color: #fff !important; transition: all 0.5s ease; font-weight: bold !important; } div.form-row div.html-caption-container { max-width: 100%; width: 100%; } .donation-levels div.donation-level-container:last-child { flex-grow: 1; } .donation-level-user-entered { letter-spacing: -30px; } .generic-repeat-label-checkbox-container { padding: 0px !important; } div.donation-level-user-entered { width: 100%; } div.donation-level-amount-container { cursor: pointer; } div.donation-level-amount-container, form#ProcessForm div.donation-level-user-entered input { font-family: 'Open Sans', sans-serif !important; width: 100%; background: #fff !important; border: 2px solid #653279!important; border-radius: 10px !important; color: #000 !important; text-align: center; text-decoration: none; min-width: 95px; transition: background 0.5s ease, border 0.5s ease, color 0.5s ease; padding: 20px !important; font-size: 16px !important; line-height: 22px !important; text-transform: capitalize; font-weight: 700 !important; max-width: initial; } form#ProcessForm div.donation-level-user-entered input { margin: 0px !important; min-width: 250px; vertical-align: text-top !important; } div.donation-level-amount-container:hover, div.donation-level-amount-container:focus, div.donation-level-label-container:hover, div.donation-level-label-container:focus, form#ProcessForm div.donation-level-user-entered input:hover, form#ProcessForm div.donation-level-user-entered input:focus, form#ProcessForm .selected, form#ProcessForm div.donation-level-user-entered input.selected { background: #653279!important; border: 2px solid #653279 !important; color: #fff !important; font-weight: 700 !important; -webkit-box-shadow: 0px 4px 4px rgba(194, 194, 194, 0.25) !important; box-shadow: 0px 4px 4px rgba(194, 194, 194, 0.25) !important; } .donation-level-container:last-child .form-input label { display: none; } button#pstep_finish, button#pstep_cancel, button#pstep_finish_validate { text-decoration: none; } table { width: 100% !important; } table.AINoBorder { width: auto !important; } .button-sub-container{ position: relative; display: flex !important; flex-wrap: wrap; flex-direction: row-reverse; align-items: center; } #pageNumber{ display: flex; position: absolute; align-items: center; justify-content: center; transform:translateX(-50%); left: 50%; top: 0; bottom: 0; } #pstep_finish ~ #pageNumber{ /* left: 40%; */ } #pageNumber div{ display: flex; width: 15px; height: 15px; background-color: #D7D7D7; border-radius: 50%; margin-right: 5px; } #pageNumber div:last-child{ margin-right: 0px; } #pageNumber div.page-active{ background-color: #62B5E5; } button#pstep_next, button#pstep_previous{ position: relative; background: none !important; border: none !important; border-bottom: 2px solid #62B5E5 !important; border-radius: 0px !important; color: #000 !important; padding: 0px !important; font-size: 22px !important; line-height: 20px !important; font-weight: 700 !important; text-transform: uppercase; max-width: none; min-width: 0; width: auto; margin-right: 30px; } button#pstep_previous{ margin-right: auto; margin-left: 30px; } button#pstep_next::after, button#pstep_previous::after{ content: ""; width: 20px; height: 20px; top: 0; right: -30px; display: block; position: absolute; background-image: url(https://secure3.convio.net/mchfou/images/content/pagebuilder/blue_arrow.png); } button#pstep_previous::after{ transform: rotate(180deg); right: auto; left: -30px; } button#pstep_finish, button#pstep_finish_validate{ background: #FFD000 !important; border: 2px solid #FFD000 !important; color: #572F85 !important; text-align: center; text-decoration: none; min-width: 95px; transition: all 0.5s ease; padding: 14px !important; font-size: 22px !important; line-height: 20px !important; font-weight: 700 !important; max-width: none; width: auto; -webkit-box-shadow: 0px 4px 4px rgba(194, 194, 194, 0.25); box-shadow: 0px 4px 4px rgba(194, 194, 194, 0.25); border-radius: 10px !important; } button#nullbtn { background: #fff!important; border: 2px solid #653279 !important; color: #653279 !important; text-align: center; text-decoration: none; min-width: 95px; transition: all 0.5s ease; padding: 14px !important; font-size: 22px !important; line-height: 20px !important; font-weight: 700 !important; max-width: initial; width: 100%; -webkit-box-shadow: 0px 4px 4px rgba(194, 194, 194, 0.25); box-shadow: 0px 4px 4px rgba(194, 194, 194, 0.25); border-radius: 10px !important; } button#nullbtn:hover::after, button#nullbtn:focus::after, button#pstep_previous:hover::after, button#pstep_previous:focus::after, button#pstep_next:hover::after, button#pstep_next:focus::after { background-image: url(https://secure3.convio.net/mchfou/images/content/pagebuilder/purple_arrow.png); } button#nullbtn:hover, button#nullbtn:focus, button#pstep_previous:hover, button#pstep_previous:focus, button#pstep_next:hover, button#pstep_next:focus { color: #653279 !important; border-color: #653279 !important; } button#pstep_finish:hover, button#pstep_finish:focus, button#pstep_finish_validate:hover, button#pstep_finish_validate:focus{ background: #fff!important; border: 2px solid #653279 !important; color: #653279 !important; font-weight: 700 !important; } @media (max-width: 767px){ .mobile div.button-sub-container { padding-bottom: 40px; } #pageNumber{ top: auto; } #pstep_finish ~ #pageNumber, #pstep_finish_validate ~ #pageNumber{ left: 50%; } } @media (max-width: 575px){ #pstep_finish, #pstep_finish_validate { flex: 0 0 100%; } #pstep_finish ~ #pstep_previous, #pstep_finish_validate ~ #pstep_previous{ margin-left: auto; } } div.progress-bar-step-current div.progress-bar-step-number-container { background-color: #653279 !important; } div.progress-bar-step-current div.progress-bar-step-text-container { color: #000 !important; } form#ProcessForm select { background-image: url('https://secure3.convio.net/mchfou/images/content/pagebuilder/down_arrow.png') !important; background-origin: content-box !important; background-position: right 0px top 7px !important; background-repeat: no-repeat !important; background-size: 17px 9px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none; } .form-progress-bar { text-align: center; } .mobile div.form-designee div.designated-option label, .mobile div.form-designee div.unrestricted-option label { width: 100%; max-width: 100%; display: inline; } .captcha-image-container { display: inline-block; width: 49%; margin: 0 !important; } #captcha_img_captcha { width: 100%; padding-right: 10px; } .captcha-input-container { width: 49%; display: inline-block; vertical-align: top; } #payment_typepay_typeradio_payment_types>span.internal-payment { width: 100% !important; background: none !important; border: none !important; margin: 0 !important; } #payment_typepay_typeradio_payment_types>span.internal-payment>span.payment-type-option:nth-child(1) { margin-right: 1% !important; } #payment_typepay_typeradio_payment_types>span.internal-payment>span.payment-type-option:nth-child(2) { margin-left: 1% !important; } #payment_typepay_typeradio_payment_types>span.internal-payment>span.payment-type-option { background-color: #FFF; border: 2px solid #DA291C; text-decoration: none !important; border-radius: 10px !important; background-image: none !important; transition: all 0.5s ease; text-align: center; } #payment_typepay_typeradio_payment_types>span.internal-payment>span.payment-type-option.selected { background-color: #DA291c !important; border: 2px solid #DA291C !important; } #payment_typepay_typeradio_payment_types>span.internal-payment>span.payment-type-option label { margin: 0 !important; } #payment_typepay_typeradio_payment_types>span.internal-payment>span.payment-type-option.selected label a { transition: all 0.5s ease; color: #FFF !important; } #payment_typepay_typeradio_payment_types>span.internal-payment>span.payment-type-option label a { color: #DA291C; text-transform: uppercase; } #payment_typepay_typeradio_payment_types>span.internal-payment>span.payment-type-option { width: 48% !important; } #payment_typepay_typeradio_payment_types>span.internal-payment>span.payment-type-option:hover, #payment_typepay_typeradio_payment_types>span.internal-payment>span.payment-type-option:focus { background-color: #ad2116; border: 2px solid #ad2116; } #payment_typepay_typeradio_payment_types>span.internal-payment>span.payment-type-option:hover label a, #payment_typepay_typeradio_payment_types>span.internal-payment>span.payment-type-option:focus label a { color: #FFF; } div.form-input-label-block, div.donation-level-expanded-label { max-width: calc(100% - 20px) !important; vertical-align: middle; width: calc(100% - 20px) !important; } label+div.donation-level-expanded-label, div.donation-level-user-entered+div.donation-level-expanded-label{ /* display: none; */ margin: 0 10px; } div.donation-form-container.responsive label+div.donation-level-expanded-label p, div.donation-form-container.responsive div.donation-level-user-entered+div.donation-level-expanded-label p{ margin: 0; font-size: 14px; text-align: center; } label[for="single_designee_unrestricted"] { padding-right: 0 !important; } #select_grid_row .layout-chooser-container.clearfix { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; } div.responsive #select_grid_row div.layout-choice-thumbnail-container { margin: 0; float: none; flex: 1 1 calc(25% - 10px); width: calc(25% - 10px); max-width: calc(25% - 10px); } div.responsive #select_grid_row div.layout-choice-thumbnail-container .layout-choice-thumbnail-label { cursor: pointer; } div.responsive #select_grid_row div.layout-choice-thumbnail-container .layout-choice-thumbnail-label img { width: 100%; max-width: 100%; margin-bottom: 10px; } div.responsive #select_grid_row div.layout-choice-thumbnail-container .stationary_layout_radio_container { position: relative; height: 20px; } div.responsive #select_grid_row div.layout-choice-thumbnail-container .stationary_layout_radio_container .stationary_layout_radio:before { content: ''; position: absolute; left: 50%; top: 0px; width: 20px; height: 20px; border: 1px solid #7D7D7D; border-radius: 50px; background: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transform: translateX(-50%); } .stationary_layout_radio_container input[type="hidden"] ~ .stationary_layout_radio{ display: none; } .CheckboxLabel{ float: none; width: 100%; left: 0; } div.responsive #select_grid_row div.layout-choice-thumbnail-container .stationary_layout_radio_container [type="radio"]:not(:checked):hover + span.stationary_layout_radio:before, div.responsive #select_grid_row div.layout-choice-thumbnail-container .stationary_layout_radio_container [type="radio"]:not(:checked):focus + span.stationary_layout_radio:before { border-color: #653279; box-shadow: 0 0 5px #cacaca !important; } div.responsive #select_grid_row div.layout-choice-thumbnail-container .stationary_layout_radio_container [type="radio"]:hover + span.stationary_layout_radio:before, div.responsive #select_grid_row div.layout-choice-thumbnail-container .stationary_layout_radio_container [type="radio"]:focus + span.stationary_layout_radio:before { border-color: #653279; box-shadow: 0 0 5px #cacaca !important; } div.responsive #select_grid_row div.layout-choice-thumbnail-container .stationary_layout_radio_container [type="radio"]:checked:hover + span.stationary_layout_radio:before, div.responsive #select_grid_row div.layout-choice-thumbnail-container .stationary_layout_radio_container [type="radio"]:checked:focus + span.stationary_layout_radio:before { border-color: #653279; box-shadow: 0 0 5px #cacaca !important; } div.responsive #select_grid_row div.layout-choice-thumbnail-container .stationary_layout_radio_container [type="radio"]:not(:checked) + span.stationary_layout_radio:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } div.responsive #select_grid_row div.layout-choice-thumbnail-container .stationary_layout_radio_container [type="radio"] + span.stationary_layout_radio:after { content: ''; position: absolute; top: 3px; left: 50%; transform: translateX(-50%); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; height: 14px; width: 14px; background-size: 9px 8px; background-color: #653279; border-radius: 50px; } div.responsive #select_grid_row div.layout-choice-thumbnail-container .stationary_layout_radio_container [type="radio"], [type="checkbox"], [type="radio"] { position: absolute; left: -9999px; } [type="checkbox"] ~ label, [type="checkbox"] + span label, [type="radio"] ~ label, [type="radio"] + span label { position: relative; padding: 5px 10px 5px 40px; margin-bottom: 0px; cursor: pointer; max-width: 100% !important; } [type="checkbox"] ~ label:before, [type="checkbox"] + span label:before { content: ''; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; border: 1px solid #7D7D7D; background: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 50%; } [type="radio"] ~ label:before, [type="radio"] + span label:before { content: ''; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; border: 1px solid #7D7D7D; background: #fff; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 50%; } [type="checkbox"]:not(:checked):hover ~ label:before, [type="checkbox"]:not(:checked):focus ~ label:before, [type="checkbox"]:not(:checked):hover + span label:before, [type="checkbox"]:not(:checked):focus + span label:before, [type="radio"]:not(:checked):hover ~ label:before, [type="radio"]:not(:checked):focus ~ label:before, [type="radio"]:not(:checked):hover + span label:before, [type="radio"]:not(:checked):focus + span label:before { border-color: #653279; box-shadow: 0 0 5px #cacaca !important; } [type="checkbox"]:hover ~ label:before, [type="checkbox"]:focus ~ label:before, [type="checkbox"]:hover + span label:before, [type="checkbox"]:focus + span label:before, [type="radio"]:hover ~ label:before, [type="radio"]:focus ~ label:before, [type="radio"]:hover + span label:before, [type="radio"]:focus + span label:before { border-color: #653279; box-shadow: 0 0 5px #cacaca !important; } [type="checkbox"]:checked ~ label:before, [type="checkbox"]:checked + span label:before, [type="radio"]:checked ~ label:before, [type="radio"]:checked + span label:before { border-color: #653279; box-shadow: 0 0 5px #cacaca !important; } [type="checkbox"]:checked ~ label, [type="radio"]:checked ~ label { /* font-weight: bold; color: #653279; */ } [type="checkbox"]:not(:checked) ~ label:after, [type="checkbox"]:not(:checked) + span label:after, [type="radio"]:not(:checked) ~ label:after, [type="radio"]:not(:checked) + span label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } [type="checkbox"] ~ label:after, [type="checkbox"] + span label:after { content: ''; position: absolute; top: 0px; left: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background-image: url('https://secure3.convio.net/mchfou/images/content/pagebuilder/check.png'); background-repeat: no-repeat; height: 30px; width: 30px; background-size: 17px 13px; background-color: #653279; border-radius: 50%; background-position: center center; } [type="radio"] ~ label:after, [type="radio"] + span label:after { content: ''; position: absolute; top: 0px; left: 0px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; background-image: url('https://secure3.convio.net/mchfou/images/content/pagebuilder/check.png'); background-repeat: no-repeat; height: 30px; width: 30px; background-size: 17px 13px; background-color: #653279; border-radius: 50%; background-position: center center; } .layout-choice-thumbnail-container [type="radio"] { position: static; margin-top: 5px; } #ecard_send_date_row div.date-input-container, #ecard_send_date_date{ display: flex; width: 100%; margin: 0 -5px; } #ecard_send_date_row div.date-input-container select { /* width: 33.3333333333% !important; */ flex: 1 1 auto; margin-right: 5px !important; margin-left: 5px !important; } #ecard_recpients_row { margin-bottom: 0; } #ecard_recpients_row + .form-row{ margin-top: 0; } form#ProcessForm textarea#ecard_recpientsname { height: 52px; min-height: 52px !important; } #responsive_payment_typepay_typeradio_row .internal-payment { margin: 0; display: block; border: none; background-color: transparent; } @media (min-width: 992px) and (max-width: 1199px) { div.responsive #select_grid_row div.layout-choice-thumbnail-container { flex: 1 1 calc(20% - 10px); width: calc(20% - 10px); max-width: calc(20% - 10px); } } @media (min-width: 768px) { .mobile div.form-designee div.unrestricted-option, .mobile div.form-designee div.designated-option { margin-bottom: 15px !important; margin-top: 0px !important; } } @media (max-width: 767px) { .mobile div.form-designee div.unrestricted-option, .mobile div.form-designee div.designated-option { margin-top: 0px !important; } .mobile div.button-sub-container { width: 100% !important; } .mobile div.donation-form-container.responsive { padding: 25px 0px !important; } .mobile div.donation-level-expanded-label, .mobile div.donation-level-amount-container+div.donation-level-expanded-label, .mobile div.donation-level-label-container+div.donation-level-expanded-label, .mobile div.donation-level-user-entered+div.donation-level-expanded-label { display: block; } .mobile div.payment-field-container div.payment-type-selections { width: 100%; } } div.payment-field-container li.tender-row img { max-width: 40px; } label[for="responsive_payment_typecc_exp_date_MONTH"] span.label-text, label[for="responsive_payment_typecc_cvvname"] span.FormLabelText { font-size: inherit; font-weight: inherit; } #responsive_payment_typecc_type_row .radio-array-list{ display: flex; } #responsive_payment_typecc_type_row fieldset ul li.tender-row:nth-child(1){order:3; margin: 0;} #responsive_payment_typecc_type_row fieldset ul li.tender-row:nth-child(2){order:2; margin: 0;} #responsive_payment_typecc_type_row fieldset ul li.tender-row:nth-child(3){order:1; margin: 0;} form#ProcessForm #additional_comments_input{ /* height: 99px !important; */ } #additional_amount_row ~ .form-row .html-caption-container, .custom-field-container + .form-row .html-caption-container, .form-row .message_hint, .smTxt.recipient-text{ font-size: 12px !important; } @media (min-width: 576px) and (max-width: 767px) { .container { max-width: 100%; } div.responsive #select_grid_row div.layout-choice-thumbnail-container { flex: 1 1 calc(33.3333333333% - 10px); width: calc(33.3333333333% - 10px); max-width: calc(33.3333333333% - 10px); } } @media (max-width: 575px) { div.responsive #select_grid_row div.layout-choice-thumbnail-container { flex: 1 1 calc(50% - 10px); width: calc(50% - 10px); max-width: calc(50% - 10px); } } /* ie11 hack */ @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) { div.donation-level-container, div.responsive #select_grid_row div.layout-choice-thumbnail-container { border: 4px solid transparent; } } --></style> <!-- BANNER --> <!-- Update desktop images --> <style type="text/css"><!-- @media (min-width: 1200px) { /* Default desktop image */ body .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/background_image_-_children_1440x1205_-2_-_EN.jpg') no-repeat bottom right fixed; background-size: cover !important; background-position: center; height: auto; width: 100%; } body.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/background_image_-_children_1440x1205_-test_hauteur_nom.jpg') no-repeat bottom right fixed; background-size: cover !important; background-position: center; height: auto; width: 100%; } /* Other donation forms desktop image */ /* .DF1620 .bg-wrapper { background: #FFF url('../images/content/pagebuilder/df_desktop_bg.jpg') no-repeat center fixed; } .DF1620.df-completed .bg-wrapper { background: #FFF url('../images/content/pagebuilder/bcchf-_ty_-desktop.jpg') no-repeat center fixed; } */ /* ID 1561: Champion (desktop) */ body.DF1561.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/4_champions_pins_-_bkg_-_desktop_-_1440_x_1205_pxl.png') no-repeat center fixed; } body.DF1561.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/4_champions_pins_-_bkg_-_desktop_-_1440_x_1205_pxl.png') no-repeat center fixed; } body.DF1561 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/4_champions_pins_-_bkg_-_desktop_-_1440_x_1205_pxl.png') no-repeat center fixed; } body.DF1561.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/4_champions_pins_-_bkg_-_desktop_-_1440_x_1205_pxl.png') no-repeat center fixed; } /* END ID 1561: Champion (desktop) */ /* ID 2800: Sante to life 2025 (desktop) */ body.DF2920.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/MCHF_Sante_to_Life-254.jpg') no-repeat center fixed; } body.DF2920.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/MCHF_Sante_to_Life-254.jpg') no-repeat center fixed; } body.DF2920 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/MCHF_Sante_to_Life-254.jpg') no-repeat center fixed; } body.DF2920.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/MCHF_Sante_to_Life-254.jpg') no-repeat center fixed; } /* END ID 1561: Sante to life 2025 (desktop) */ /* ID 2522-2521: Golf 2024 (desktop) */ body.DF2521.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/PBL-MCHFGolf2024-21286.jpg') no-repeat center fixed; } body.DF2521.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/PBL-MCHFGolf2024-21286.jpg') no-repeat center fixed; } body.DF2521 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/PBL-MCHFGolf2024-21286.jpg') no-repeat center fixed; } body.DF2521.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/PBL-MCHFGolf2024-21286.jpg') no-repeat center fixed; } body.DF2522.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/PBL-MCHFGolf2024-21286.jpg') no-repeat center fixed; } body.DF2522.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/PBL-MCHFGolf2024-21286.jpg') no-repeat center fixed; } body.DF2522 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/PBL-MCHFGolf2024-21286.jpg') no-repeat center fixed; } body.DF2522.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/PBL-MCHFGolf2024-21286.jpg') no-repeat center fixed; } /* END ID 2522-2521: Golf 2024 (desktop) */ /* ID 2180: Champion (desktop) */ body.DF2180.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/4_champions_pins_-_bkg_-_desktop_-_1440_x_1205_pxl.png') no-repeat center fixed; } body.DF2180.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/4_champions_pins_-_bkg_-_desktop_-_1440_x_1205_pxl.png') no-repeat center fixed; } body.DF2180 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/4_champions_pins_-_bkg_-_desktop_-_1440_x_1205_pxl.png') no-repeat center fixed; } body.DF2180.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/4_champions_pins_-_bkg_-_desktop_-_1440_x_1205_pxl.png') no-repeat center fixed; } /* END ID 2180: Champion (desktop) */ /* ID 1900-1901: Dejeun'aide (desktop) */ body.DF1900.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/fin_-_Dejeunaide_-_back_image_-_desktop_-_1440_x_1205_px.png') no-repeat center fixed; } body.DF1900.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/fin_-_Dejeunaide_-_back_image_-_desktop_-_1440_x_1205_px.png') no-repeat center fixed; } body.DF1900 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/fin_-_Dejeunaide_-_back_image_-_desktop_-_1440_x_1205_px.png') no-repeat center fixed; } body.DF1900.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/fin_-_Dejeunaide_-_back_image_-_desktop_-_1440_x_1205_px.png') no-repeat center fixed; } body.DF1901.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/fin_-_Dejeunaide_-_back_image_-_desktop_-_1440_x_1205_px.png') no-repeat center fixed; } body.DF1901.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/fin_-_Dejeunaide_-_back_image_-_desktop_-_1440_x_1205_px.png') no-repeat center fixed; } body.DF1901 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/fin_-_Dejeunaide_-_back_image_-_desktop_-_1440_x_1205_px.png') no-repeat center fixed; } body.DF1901.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/fin_-_Dejeunaide_-_back_image_-_desktop_-_1440_x_1205_px.png') no-repeat centert fixed; } /* END ID 1900-1901: Dejeun'aide (desktop) */ /* ID 1921: Mailing LC Kristof (desktop) */ body.DF1921.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF1921.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF1921 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF1921.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF2722.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF2722.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF2722 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF2722.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF2721.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF2721.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF2721 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF2721.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF2720.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF2720.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF2720 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF2720.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } /* END ID 1921: Mailing LC Kristof (desktop) */ /* ID 1920-1922: Mailings LC et CAP Daniel (desktop) */ body.DF1920.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Daniel_1440x1205.jpg') no-repeat center fixed; } body.DF1920.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Daniel_1440x1205.jpg') no-repeat center fixed; } body.DF1920 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Daniel_1440x1205.jpg') no-repeat center fixed; } body.DF1920.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Daniel_1440x1205.jpg') no-repeat center fixed; } body.DF1922.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Daniel_1440x1205.jpg') no-repeat center fixed; } body.DF1922.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Daniel_1440x1205.jpg') no-repeat center fixed; } body.DF1922 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Daniel_1440x1205.jpg') no-repeat center fixed; } body.DF1922.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Daniel_1440x1205.jpg') no-repeat centert fixed; } /* END ID 1920-1922: Mailings LC et CAP Daniel (desktop) */ /* ID 1980-1981: Mailing ANN Kristof (desktop) */ body.DF1980.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF1980.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF1980 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF1980.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF1981.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF1981.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF1981 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } body.DF1981.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/selendesktop.jpg') no-repeat center fixed; } /* END ID 1980-81: Mailing ANN Kristof (desktop) */ /* ID 2161-2162: Andy Collins for kids (desktop) */ body.DF2161.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collin_DF_BG.png') no-repeat center fixed; } body.DF2161.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collin_DF_BG.png') no-repeat center fixed; } body.DF2161 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collin_DF_BG.png') no-repeat center fixed; } body.DF2161.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collin_DF_BG.png') no-repeat center fixed; } body.DF2162.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collin_DF_BG.png') no-repeat center fixed; } body.DF2162.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collin_DF_BG.png') no-repeat center fixed; } body.DF2162 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collin_DF_BG.png') no-repeat center fixed; } body.DF2162.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collin_DF_BG.png') no-repeat centert fixed; } /* END ID 2161-2162: Andy Collins for kids (desktop) */ /* ID 2320-2321: Bal des tannants 2023 (desktop) */ body.DF2320.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Bal_des_tannants_-_DF_Desktop_BG.png') no-repeat center fixed; } body.DF2320.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Bal_des_tannants_-_DF_Desktop_BG.png') no-repeat center fixed; } body.DF2320 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Bal_des_tannants_-_DF_Desktop_BG.png') no-repeat center fixed; } body.DF2321.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Bal_des_tannants_-_DF_Desktop_BG.png') no-repeat center fixed; } body.DF2321.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Bal_des_tannants_-_DF_Desktop_BG.png') no-repeat center fixed; } body.DF2321.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Bal_des_tannants_-_DF_Desktop_BG.png') no-repeat center fixed; } body.DF2321 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Bal_des_tannants_-_DF_Desktop_BG.png') no-repeat center fixed; } body.DF2321.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Bal_des_tannants_-_DF_Desktop_BG.png') no-repeat centert fixed; } /* END ID 2320-2321: Bal des tannants 2023 (desktop) */ /* ID 2440 and 2442: Valentine's Day (desktop) */ body.DF2440.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_Saint-Valentin_2024_-_BG_Desktop.png') no-repeat center fixed; } body.DF2440.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_Saint-Valentin_2024_-_BG_Desktop.png') no-repeat center fixed; } body.DF2440 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_Saint-Valentin_2024_-_BG_Desktop.png') no-repeat center fixed; } body.DF2440.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_Saint-Valentin_2024_-_BG_Desktop.png') no-repeat center fixed; } body.DF2442.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_Saint-Valentin_2024_-_BG_Desktop.png') no-repeat center fixed; } body.DF2442.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_Saint-Valentin_2024_-_BG_Desktop.png') no-repeat center fixed; } body.DF2442 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_Saint-Valentin_2024_-_BG_Desktop.png') no-repeat center fixed; } body.DF2442.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_Saint-Valentin_2024_-_BG_Desktop.png') no-repeat center fixed; } /* END ID 2440 and 2442: Valentine's Day (desktop) */ /* ID 2480 and 2481 : Stefano (desktop) */ body.DF2480.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2480.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2480 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2480.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2481.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2481.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2481 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2481.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2503.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2503.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2503 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2503.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2502.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2502.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2502 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2502.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2500.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2500.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2500 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2500.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2501.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2501.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2501 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2501.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2645.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2645.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2645 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2645.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2642.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2642.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2642 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2642.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2641.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2641.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2641 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2641.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2644.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2644.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2644 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2644.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2643.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2643.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2643 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2643.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2640.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2640.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2640 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } body.DF2640.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo-45.jpg') no-repeat center fixed; } /* END ID 2480 and 2481 : Stefano (desktop) */ /* ID 2460 and 2462 : Relance 19 mars (desktop) */ body.DF2460.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg') no-repeat center fixed; } body.DF2460.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg') no-repeat center fixed; } body.DF2460 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg') no-repeat center fixed; } body.DF2460.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg') no-repeat center fixed; } body.DF2462.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg') no-repeat center fixed; } body.DF2462.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg') no-repeat center fixed; } body.DF2462 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg') no-repeat center fixed; } body.DF2462.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg') no-repeat center fixed; } body.DF2463.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg') no-repeat center fixed; } body.DF2463.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg') no-repeat center fixed; } body.DF2463 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg') no-repeat center fixed; } body.DF2463.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg') no-repeat center fixed; } body.DF2464.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg') no-repeat center fixed; } body.DF2464.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg') no-repeat center fixed; } body.DF2464 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg') no-repeat center fixed; } body.DF2464.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg') no-repeat center fixed; } /* END ID 1561: Relance 19 mars (desktop) */ /* ID 2580, 2581, 2582, 3583 : Naila LC 2024-04 (desktop) */ body.DF2580.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png') no-repeat center fixed; } body.DF2580.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png') no-repeat center fixed; } body.DF2580 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png') no-repeat center fixed; } body.DF2580.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png') no-repeat center fixed; } body.DF2581.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png') no-repeat center fixed; } body.DF2581.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png') no-repeat center fixed; } body.DF2581 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png') no-repeat center fixed; } body.DF2581.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png') no-repeat center fixed; } body.DF2582.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png') no-repeat center fixed; } body.DF2582.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png') no-repeat center fixed; } body.DF2582 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png') no-repeat center fixed; } body.DF2582.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png') no-repeat center fixed; } body.DF2583.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png') no-repeat center fixed; } body.DF2583.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png') no-repeat center fixed; } body.DF2583 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png') no-repeat center fixed; } body.DF2583.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png') no-repeat center fixed; } /* END ID 2580, 2581, 2582, 3583 : Naila LC 2024-04 (desktop) */ /* ID 2560, 2561: F?te des m?res 2024 (desktop) */ body.DF2560.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_F_te_des_M_res_2024_bg_desktop.png') no-repeat center fixed; } body.DF2560.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_F_te_des_M_res_2024_bg_desktop.png') no-repeat center fixed; } body.DF2560 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_F_te_des_M_res_2024_bg_desktop.png') no-repeat center fixed; } body.DF2560.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_F_te_des_M_res_2024_bg_desktop.png') no-repeat center fixed; } body.DF2561.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_F_te_des_M_res_2024_bg_desktop.png') no-repeat center fixed; } body.DF2561.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_F_te_des_M_res_2024_bg_desktop.png') no-repeat center fixed; } body.DF2561 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_F_te_des_M_res_2024_bg_desktop.png') no-repeat center fixed; } body.DF2561.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_F_te_des_M_res_2024_bg_desktop.png') no-repeat center fixed; } /* END ID 2560, 2561: F?te des m?res 2024 (desktop) */ /* ID 2600, 2601: SHP (desktop) */ body.DF2600.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/shpcover.png') no-repeat center fixed; } body.DF2600.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/shpcover.png') no-repeat center fixed; } body.DF2600 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/shpcover.png') no-repeat center fixed; } body.DF2600.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/shpcover.png') no-repeat center fixed; } body.DF2601.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/shpcover.png') no-repeat center fixed; } body.DF2601.df-completed.fr_CA .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/shpcover.png') no-repeat center fixed; } body.DF2601 .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/shpcover.png') no-repeat center fixed; } body.DF2601.df-completed .bg-wrapper { background: #FFF url('http://secure.fondationduchildren.com/images/content/pagebuilder/shpcover.png') no-repeat center fixed; } /* END ID 2601, 2601: SHP (desktop) */ } @media (min-width: 768px) and (max-width: 1199px) { header .d-flex{ border-bottom: 2px solid #62B5E5; margin-bottom: 15px; } /* Update tablet images */ /* Default tablet image */ header .mobile-banner { background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Background_jake_children_-_698_x_291_pxl_-_EN.jpg'); background-size: cover !important; background-repeat: no-repeat; background-position: center; height: 300px; } body.fr_CA header .mobile-banner { background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Background_jake_children_-_698_x_291_pxl_-_FR.jpg'); background-size: cover !important; background-repeat: no-repeat; background-position: center; height: 300px; } /* Other donation forms tablet image */ /* .DF1620 header { background-image: url('../images/content/pagebuilder/df_tablet_bg.jpg'); } .DF1620.df-completed header { background-image: url('../images/content/pagebuilder/bcchf-tablet-ty.jpg'); } */ /* ID 1561: Champion (tablet) */ body.DF1561 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/pins_champions_-_background_-_tablet_and_mobile_698_x_29.png'); } body.DF1561.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/pins_champions_-_background_-_tablet_and_mobile_698_x_29.png'); } /* END ID 1561: Champion (tablet) */ /* ID 2800: Sante to life 2025 (tablet) */ body.DF2920 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/MCHF_Sante_to_Life-254.jpg'); } body.DF2920.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/MCHF_Sante_to_Life-254.jpg'); } /* END ID 2920: Sante to life 2025 (tablet) */ /* ID 2521 2522 Golf 2024 (tablet) */ body.DF2521 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/PBL-MCHFGolf2024-21286.jpg'); } body.DF2521.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/PBL-MCHFGolf2024-21286.jpg'); } body.DF2522 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/PBL-MCHFGolf2024-21286.jpg'); } body.DF2522.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/PBL-MCHFGolf2024-21286.jpg'); } /* END ID 2521 2522 Golf 2024 (tablet) */ /* ID 2180: Champion (tablet) */ body.DF2180 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/pins_champions_-_background_-_tablet_and_mobile_698_x_29.png'); } body.DF2180.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/pins_champions_-_background_-_tablet_and_mobile_698_x_29.png'); } /* END ID 2180: Champion (tablet) */ /* ID 1900-1901: Dejeun'aide (tablet) */ body.DF1900 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Lum_Dejeunaide_-_back_image_-_tablet_and_mobile_698_x_29.png'); } body.DF1900.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Lum_Dejeunaide_-_back_image_-_tablet_and_mobile_698_x_29.png'); } body.DF1901 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Lum_Dejeunaide_-_back_image_-_tablet_and_mobile_698_x_29.png'); } body.DF1901.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Lum_Dejeunaide_-_back_image_-_tablet_and_mobile_698_x_29.png'); } /* END ID 1900-1901: Dejeun'aide (tablet) */ /* ID 1921: Mailing LC Kristof (tablet) */ body.DF1921 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF1921.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF2721 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF2721.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF2722 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF2722.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF2720 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF2720.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } /* END ID 1921: Mailing LC Kristof (tablet) */ /* ID 1920-1922: Mailings LC et CAP Daniel (tablet) */ body.DF1920 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Daniel_698x291.jpg'); } body.DF1920.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Daniel_698x291.jpg'); } body.DF1922 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Daniel_698x291.jpg'); } body.DF1922.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Daniel_698x291.jpg'); } /* END ID 1920-1922: Mailings LC et CAP Daniel (tablet) */ /* ID 1980-81: Mailing ANN Kristof (tablet) */ body.DF1980 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF1980.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF1981 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF1981.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } /* END ID 1980-1981: Mailing ANN Kristof (tablet) */ /* ID 2161-2162: Andy Collins for kids (tablet) */ body.DF2161 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collins_DF_mobile.png'); } body.DF2161.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collins_DF_mobile.png'); } body.DF2162 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collins_DF_mobile.png'); } body.DF2162.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collins_DF_mobile.png'); } /* END 2161-2162: Andy Collins for kids (tablet) */ /* ID 2320-2321: Bal des tannants 2023 (tablet) */ body.DF2320 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Bal_des_tannants_DF_Mobile_et_Tablet.png'); } body.DF2320.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collins_DF_mobile.pnghttp://secure.fondationduchildren.com/images/content/pagebuilder/Bal_des_tannants_DF_Mobile_et_Tablet.png'); } body.DF2321 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Bal_des_tannants_DF_Mobile_et_Tablet.png'); } body.DF2321.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Bal_des_tannants_DF_Mobile_et_Tablet.png'); } /* END ID 2320-2321: Bal des tannants 2023 (tablet) */ /* ID 2440-2442: Valentine's Day (tablet) */ body.DF2440 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_Saint-Valentin_2024_-_BG_Mobile.png'); } body.DF2440.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_Saint-Valentin_2024_-_BG_Mobile.png'); } body.DF2442 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_Saint-Valentin_2024_-_BG_Mobile.png'); } body.DF2442.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_Saint-Valentin_2024_-_BG_Mobile.png'); } /* END ID 2480-2481: Valentine's Day (tablet) */ /* ID 2440-2442: Stefano (tablet) */ body.DF2480 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2480.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2481 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2481.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2500 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2500.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2501 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2501.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2502 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2502.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2503 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2503.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2640 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2640.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2643 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2643.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2644 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2644.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2641 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2641.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2642 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2642.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2645 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2645.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } /* END ID 2480-2481: Stefano (tablet) */ /* ID 2460-2462: Relance 19 mars (tablet) */ body.DF2460 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg'); } body.DF2460.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg'); } body.DF2462 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg'); } body.DF2462.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg'); } body.DF2463 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg'); } body.DF2463.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg'); } body.DF2464 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg'); } body.DF2464.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg'); } /* END ID 2460-2462: Relance 19 mars (tablet) */ /* ID 2580, 2581, 2582, 2583 : Naila LC 2024-04 (tablet) */ body.DF2580 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png'); } body.DF2580.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png'); } body.DF2581 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png'); } body.DF2581.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png'); } body.DF2582 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png'); } body.DF2582.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png'); } body.DF2583 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png'); } body.DF2583.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png'); } /* END ID 2580, 2581, 2582, 2583 : Naila LC 2024-04 (tablet) */ /* ID 2560, 2561: F?te des M?res 2024 (tablet) */ body.DF2560 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_F_te_des_M_res_2024_bg_mobile.png'); } body.DF2560.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_F_te_des_M_res_2024_bg_mobile.png'); } body.DF2561 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_F_te_des_M_res_2024_bg_mobile.png'); } body.DF2561.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_F_te_des_M_res_2024_bg_mobile.png'); } /* END ID 2560, 2561: F?te des M?res 2024 (tablet) */ /* ID 2600, 2601: SHP (tablet) */ body.DF2600 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/shpcover_mobile.png'); } body.DF2600.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/shpcover_mobile.png'); } body.DF2601 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/shpcover_mobile.png'); } body.DF2601.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/shpcover_mobile.png'); } /* END ID 2600, 2601: SHP (tablet) */ } @media (max-width: 767px) { header .d-flex{ border-bottom: 2px solid #62B5E5; margin-bottom: 15px; } /* Update mobile images */ /* Default mobile image */ header .mobile-banner { background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Background_jake_children_-_698_x_291_pxl_-_EN.jpg'); background-size: cover !important; background-repeat: no-repeat; background-position: center; height: 40vw; } body.fr_CA header .mobile-banner { background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Background_jake_children_-_698_x_291_pxl_-_FR.jpg'); background-size: cover !important; background-repeat: no-repeat; background-position: center; height: 40vw; } /* Other donation forms mobile image */ body.fr_CA.DF1620 header .mobile-banner { background-image: url('https://secure.fondationduchildren.com/images/content/pagebuilder/DF_BG_Mobile_864_x_360_x_120_-_Launch.png'); } /* .DF1620 header { background-image: url('../images/content/pagebuilder/df_mobile_bg.jpg'); } .DF1620.df-completed header { background-image: url('../images/content/pagebuilder/TY_image_-_mobile.jpg'); } */ /* ID 1561: Champion (mobile) */ body.DF1561 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/pins_champions_-_background_-_tablet_and_mobile_698_x_29.png'); } body.DF1561.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/pins_champions_-_background_-_tablet_and_mobile_698_x_29.png'); } /* END ID 1561: Champion (mobile) */ /* ID 2800: Sante to life 2025 (mobile) */ body.DF2920 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/MCHF_Sante_to_Life-254.jpg'); } body.DF2920.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/MCHF_Sante_to_Life-254.jpg'); } /* END ID 2800: Sante to life 2025 (mobile) */ /* ID 2180: Champion (mobile) */ body.DF2180 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/pins_champions_-_background_-_tablet_and_mobile_698_x_29.png'); } body.DF2180.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/pins_champions_-_background_-_tablet_and_mobile_698_x_29.png'); } /* END ID 2180: Champion (mobile) */ /* ID 1900-1901: Dejeun'aide (mobile) */ body.DF1900 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Lum_Dejeunaide_-_back_image_-_tablet_and_mobile_698_x_29.png'); } body.DF1900.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Lum_Dejeunaide_-_back_image_-_tablet_and_mobile_698_x_29.png'); } body.DF1901 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Lum_Dejeunaide_-_back_image_-_tablet_and_mobile_698_x_29.png'); } body.DF1901.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Lum_Dejeunaide_-_back_image_-_tablet_and_mobile_698_x_29.png'); } /* END ID 1900-1901: Dejeun'aide (mobile) */ /* ID 1921: Mailing LC Kristof (mobile) */ body.DF1921 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF1921.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF2722 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF2722.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF2721 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF2721.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF2720 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF2720.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } /* END ID 1921: Mailing LC Kristof (mobile) */ /* ID 1920-1922: Mailings LC et CAP Daniel (mobile) */ body.DF1920 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Daniel_698x291.jpg'); } body.DF1920.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Daniel_698x291.jpg'); } body.DF1922 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Daniel_698x291.jpg'); } body.DF1922.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Daniel_698x291.jpg'); } /* END ID 1920-1922: Mailings LC et CAP Daniel (mobile) */ /* ID 1980-81: Mailing ANN Kristof (mobile) */ body.DF1980 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF1980.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF1981 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } body.DF1981.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/selenmobile.jpg'); } /* END ID 1980-1981: Mailing ANN Kristof (mobile) */ /* ID 2161-2162: Andy Collins for kids (mobile) */ body.DF2161 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collins_DF_mobile.png'); } body.DF2161.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collins_DF_mobile.png'); } body.DF2162 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collins_DF_mobile.png'); } body.DF2162.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Andy_Collins_DF_mobile.png'); } /* END ID 2161-2162: Andy Collins for kids (mobile) */ /* ID 2320-2321: Bal des tannants 2023 (mobile) */ body.DF2320 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Bal_des_tannants_DF_Mobile_et_Tablet.png'); } body.DF2320.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Bal_des_tannants_DF_Mobile_et_Tablet.png'); } body.DF2321 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Bal_des_tannants_DF_Mobile_et_Tablet.png'); } body.DF2321.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Bal_des_tannants_DF_Mobile_et_Tablet.png'); } /* END ID 2320-2321: Bal des tannants 2023 (mobile) */ /* ID 2440-2442: Valentine's Day (mobile) */ body.DF2440 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_Saint-Valentin_2024_-_BG_Mobile.png'); } body.DF2440.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_Saint-Valentin_2024_-_BG_Mobile.png'); } body.DF2442 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_Saint-Valentin_2024_-_BG_Mobile.png'); } body.DF2442.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_Saint-Valentin_2024_-_BG_Mobile.png'); } /* END ID 2440-2442: Valentine's Day (mobile) */ /* ID 2521 2522 Golf 2024 (mobile) */ body.DF2521 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/PBL-MCHFGolf2024-21286.jpg'); } body.DF2521.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/PBL-MCHFGolf2024-21286.jpg'); } body.DF2522 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/PBL-MCHFGolf2024-21286.jpg'); } body.DF2522.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/PBL-MCHFGolf2024-21286.jpg'); } /* END ID 2521 2522 Golf 2024 (mobile) */ /* ID 2480-2482: Stefano (mobile) */ body.DF2480 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2480.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2481 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2481.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2500 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2500.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2501 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2501.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2502 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2502.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2503 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2503.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2645 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2645.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2642 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2642.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2641 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2641.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2644 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2644.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2643 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2643.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2640 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } body.DF2640.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Stefano_Ruvo_mobiletablet.jpg'); } /* END ID 2480-2481: Stefano (mobile) */ /* ID 2480-2482: Relance 19 mars (mobile) */ body.DF2460 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg'); } body.DF2460.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg'); } body.DF2462 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg'); } body.DF2462.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg'); } body.DF2463 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg'); } body.DF2463.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg'); } body.DF2464 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg'); } body.DF2464.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/Radiothon-205_-_Copie.jpg'); } /* END ID 2480-2481: Relance 19 mars (mobile) */ /* ID 2580, 2581, 2582, 2583 : Naila LC 2024-04 (mobile) */ body.DF2580 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png'); } body.DF2580.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png'); } body.DF2581 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png'); } body.DF2581.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png'); } body.DF2582 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png'); } body.DF2582.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png'); } body.DF2583 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png'); } body.DF2583.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/BG_DF_Mobile_Naila_LC.png'); } /* END ID 2580, 2581, 2582, 2583 : Naila LC 2024-04 (mobile) */ /* ID 2560, 2561: F?te des M?res 2024 (mobile) */ body.DF2560 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_F_te_des_M_res_2024_bg_mobile.png'); } body.DF2560.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_F_te_des_M_res_2024_bg_mobile.png'); } body.DF2561 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_F_te_des_M_res_2024_bg_mobile.png'); } body.DF2561.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/DF_F_te_des_M_res_2024_bg_mobile.png'); } /* END ID 2560, 2561: F?te des M?res 2024 (mobile) */ /* ID 2600, 2601: SHP (mobile) */ body.DF2600 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/shpcover_mobile.png'); } body.DF2600.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/shpcover_mobile.png'); } body.DF2601 header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/shpcover_mobile.png'); } body.DF2601.df-completed header .mobile-banner{ background-image: url('http://secure.fondationduchildren.com/images/content/pagebuilder/shpcover_mobile.png'); } /* END ID 2600, 2601: SHP 2024 (mobile) */ } /* fix for fixed bg issues on touch devices in landscape */ @supports (-webkit-touch-callout: inherit) { body .bg-wrapper { background-size: contain !important; } } --></style> <!-- NAV --> <style type="text/css"><!-- ul.df-nav { display: flex; flex: 1 1 auto; list-style: none; margin: 0; padding: 0px; /* background-color: #F4F4F4; */ border-top-right-radius: 10px; border-top-left-radius: 10px; } ul.df-nav li { flex-wrap: wrap; flex: 1 1 auto; text-align: center; } ul.df-nav li a { width: 100%; background-color: #CDC1DA; border: 2px solid #CDC1DA; border-top-right-radius: 10px; border-top-left-radius: 10px; color: #000; text-decoration: none; min-width: 95px; transition: all 0.5s ease; padding: 20px 12px; max-width: initial; display: block; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 21px; text-align: center; position: relative; } .fr_CA ul.df-nav li a{ padding: 20px 8px; } ul.df-nav li a:hover, ul.df-nav li a:focus, ul.df-nav li a.active { background-color: #fff; border: 2px solid #fff; color: #000; font-weight: bold; } ul.df-nav li a:not(.active) { -webkit-box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 2px 1px 4px rgba(0, 0, 0, 0.15); } ul.df-nav li:not(:last-child) a { border-right: 1px solid #fff; } @media (min-width: 768px) and (max-width: 1199px) { ul.df-nav { gap: 5px; background-color: transparent !important; flex-wrap: wrap; } ul.df-nav li{ flex: 1 1 49%; } ul.df-nav li a:hover, ul.df-nav li a:focus, ul.df-nav li a.active { box-shadow: 0px 4px 4px rgb(194 194 194 / 25%); background-color: #653279; color: #fff; } ul.df-nav li a { border-radius: 10px !important; box-shadow: none !important; border: 2px solid #653279 !important; background-color: #fff; font-size: 16px } .form-2 ul.df-nav, .form-3 ul.df-nav{ display: none; } } @media (max-width: 767px) { ul.df-nav { flex-direction: column; background-color: transparent !important; } ul.df-nav li a:hover, ul.df-nav li a:focus, ul.df-nav li a.active { box-shadow: 0px 4px 4px rgb(194 194 194 / 25%); background-color: #653279; color: #fff; } ul.df-nav li a { border-radius: 10px !important; box-shadow: none !important; margin-bottom: 10px; border: 2px solid #653279 !important; background-color: #fff; font-size: 16px } .form-2 ul.df-nav, .form-3 ul.df-nav{ display: none; } } --></style> <!-- CUSTOM --> <style type="text/css"><!-- @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); *, html, body, form, input, input.AddressBookButtons, input.Advocacy, input.btn, input.btnLg, input.btnMed, input.btnMini, input.btnSm, select, select.Advocacy, textarea, legend, ul, ol, li, option, table, tr, th, th.rfl_infoStatus, td, td.AlertListDescription, td.cstmBack, p, p.cstmBtnText, p.cstmFrame, p.cstmHeading, p.cstmText, p.cstmTitle, p.dividerHeading, p.scrollingText, span.cstmHeading, a, a.btn, a.btn:visited, a.cstmBtnText:hover, a.cstmBtnText:link, a.cstmBtnText:visited, #navList, .AdvocacyInstructions, .AdvocacyNSFix, .BlogHeader, .Button, .Divider, .FieldLabels, .FormBox, .FormBox06, .FormBoxHeader, .Hint, .Instructions, .Instructions, .ListItem0, .ListItem1, .NetscapeFix, .NoteText, .ObjTitle, .PhotoLinks, .Premiums, .ProgressBox, .ProgressBoxCurrent, .SectionHead, .SmallButton, .Smaller, .SmallerC, .TribBtnText1, .Upgrades, .WhatNext, .alphacube_content, .dialog_content, .dialog_title, .Explicit, .fr_register_another, .paraBlueSansSmall, .smallBlack, .smallSans, .smallSansBold, .smallWhiteBoldSans, .smallWhiteSans, .smallestBlackSans { font-family: Arial, sans-serif; } html, body { font-family: Arial, sans-serif; } label[for="transaction_fee_dropdown"] { display: none; } .btn-language { display: inline-block; font-weight: bold; color: #202020 !important; } #additional_amount_row .form-content > label { display: none; } body.df-completed div.donation-form-container.responsive { border-top-left-radius: 10px; border-top-right-radius: 10px; } .bg-wrapper .container-fluid { margin-top: 0px; margin-bottom: 0px; padding-top: 50px; padding-bottom: 50px; } @media (min-width: 1200px) { .bg-wrapper .container-fluid { padding-bottom: 150px; } } p.donation-amount-blurb { margin-bottom: 0px !important; font-weight: bold !important; font-size: 24px !important; line-height: 28px !important; color: #653279 !important; } p.donation-amount-text-blurb { margin-bottom: 0 !important; color: #202020 !important; font-weight: normal !important; font-size: 16px !important; line-height: 19px !important; } .donation-text-blurb.row { margin-bottom: 1rem; } form#ProcessForm div.donation-level-user-entered input { text-transform: none !important; } form#ProcessForm input[type="text"], form#ProcessForm input[type="email"], form#ProcessForm input[type="tel"], form#ProcessForm input[type="number"], form#ProcessForm select, form#ProcessForm textarea { font-family: 'Open Sans', sans-serif !important; } .btn-close { transition: all 0.5s ease; } .btn-primary, div.donation-form-container.responsive a.btn-primary { display: inline-block; font-family: 'Open Sans', sans-serif !important; width: 100%; background: #653279 !important; border: 2px solid #653279!important; border-radius: 10px !important; color: #fff !important; text-align: center; text-decoration: none; min-width: 95px; transition: background 0.5s ease, border 0.5s ease, color 0.5s ease; padding: 10px 20px !important; font-size: 16px !important; line-height: 22px !important; text-transform: capitalize; font-weight: 700 !important; max-width: initial; margin-bottom: 10px; } ..responsive a.btn-primary .btn-primary:hover, .btn-primary:focus { /* background-color: #653279; border-color: #653279; */ } .btn-secondary, div.donation-form-container.responsive a.btn-secondary { display: inline-block; font-family: 'Open Sans', sans-serif !important; width: 100%; background: #fff !important; border: 2px solid #653279!important; border-radius: 10px !important; color: #000 !important; text-align: center; text-decoration: none; min-width: 95px; transition: background 0.5s ease, border 0.5s ease, color 0.5s ease; padding: 10px 20px !important; font-size: 16px !important; line-height: 22px !important; text-transform: capitalize; font-weight: 700 !important; max-width: initial; margin-bottom: 10px; } .btn-secondary:hover, .btn-secondary:focus { background-color: #653279; border-color: #653279; color: #fff !important; } .fr_CA .btn-primary, .fr_CA div.donation-form-container.responsive a.btn-primary, .fr_CA .btn-secondary, .fr_CA div.donation-form-container.responsive a.btn-secondary { text-transform: none; } .container-fluid { margin-top: 50px; margin-bottom: 50px; } .white { color: #fff; } .footer-top { background-color: #62B5E5; color: #fff; padding: 20px 0; } .footer-top p img { margin-bottom: 5px; margin-left: 10px; } .footer-top a { text-decoration: none; line-height: 0; display: inline-block; border: 2px solid white; border-radius: 50%; padding: 5px; margin-left: 10px; } .footer-middle { background: #F6F6F6; border-bottom: #949799 1px solid; padding: 20px 0; } .footer-middle img{ max-width: 128px; margin: 15px 0; width: 100%; height: auto; } .footer-middle a, .footer-bottom a{ color: #202020 !important; } .footer-bottom { padding: 12px 0; } @media (min-width: 768px){ footer p.divider + p{ border-left: 1px solid #949799; padding-left: 15px; margin-left: 15px; } } @media (max-width: 767px){ footer p{ text-align: center; } } header img { width: 128px; margin: 15px 0; height: auto; max-width: 100%; } .modal-body img { width: 100%; } header p { margin-bottom: 20px; font-size: 16px; } header strong { font-weight: 600; } #donor_email_opt_in_Row { /* display: none; */ } div#single_designee_row+div.custom-field-container.form-row+div.custom-field-container.form-row+h2.section-header-container { margin-bottom: 10px; } div#single_designee_row+div.custom-field-container.form-row+div.custom-field-container.form-row+h2.section-header-container+div.form-row { margin-top: 0px; } form#ProcessForm div.form-content .field-required+label[for="responsive_payment_typecc_cvvname"]::after, form#ProcessForm div.form-content .field-required+label[for="responsive_payment_typecc_exp_date_MONTH"]::after { padding-left: 1.04px !important; } div.donation-form-container.responsive a { color: #653279 !important; } a, a:link, a:visited{ color: #653279; } p { font-weight: 400; font-size: 14px; line-height: 21px; } b, strong{ font-weight: 700; } h1 { font-weight: bold; font-size: 24px; line-height: 28px; color: #653279; margin-bottom: 1.25rem; } h2 { font-weight: bold; font-size: 20px; line-height: 23px; color: #653279; margin-bottom: 1.25rem; } h3 { font-weight: bold; font-size: 18px; line-height: 20px; color: #653279; margin-bottom: 1.25rem; } div.payment-type-element-container+div.form-row div.html-caption-container hr { margin-top: 2rem; } #payment_cc_container h3{ display: none; } div#level_standard_row span.FormLabelText, .Form-Label { font-weight: 700; font-size: 18px; line-height: 22px; color: #000; text-align: center; display: block; } div#level_standard_row span.FormLabelText::before, .Form-Label::before{ content: '*'; color: red; font-weight: 700; padding-right: 5px; } p.required-fields-label { font-size: 12px !important; line-height: 14px !important; color: #653279 !important; } p.required-fields-label span { color: red; } p.most-people-donating { font-weight: bold !important; font-size: 16px !important; line-height: 19px !important; color: #653279 !important; margin-bottom: 0px !important; } p.consent-optin { margin-top:0px !important; margin-bottom:0px !important; font-size: 12px !important; line-height: 14px !important; color: #929292 !important; } label[for="single_designee_designated"] { width: 20px !important; padding: 0px !important; display: inline-block !important; margin-right: 17px !important; vertical-align: sub !important; } form#ProcessForm select#single_designee { display: inline-block !important; width: calc(100% - 41px) !important; } label[for="responsive_payment_typecc_exp_date_MONTH"] { width: 50%; } label[for="responsive_payment_typecc_exp_date_YEAR"] { padding-left: 3px; } label[for="responsive_payment_typecc_exp_date_YEAR"]::before { content: '*'; color: red; font-weight: 700; padding-right: 5px; } label[for="responsive_payment_typecc_exp_date_MONTH"]::before, label[for="responsive_payment_typecc_cvvname"]::before { padding-right: 0px !important; } div#payment_cc_container h3 { margin-bottom: 20px; padding-top: 25px; } .modal-content { border-radius: 11px; } div.form-row { margin-top: 15px; margin-bottom: 15px; } div.payment-type-element-container { clear: both; } label[for="single_designee_unrestricted"], label[for="single_designee_designated"] { margin-bottom: 10px; } .form-text { font-size: inherit; } label[for="preview_buttonname"] { display: none; } label[for="champion_consent_dropdown"]{ display: none; } div.responsive div.form-error { border: none; background-color: #fff; padding: 0; margin-top: 15px; } div.responsive div.ErrorMessage, div.responsive span.field-error-text { color: #F22E2D; display: none; } div.responsive div.ErrorMessage.page-error { display: block; } form#ProcessForm div.responsive div.form-error input[type="text"], form#ProcessForm div.responsive div.form-error input[type="tel"], form#ProcessForm div.responsive div.form-error input[type="email"], form#ProcessForm div.responsive div.form-error input[type="number"], form#ProcessForm div.responsive div.form-error select, form#ProcessForm div.responsive div.form-error textarea { border-color: rgb(242, 46, 45) !important; background-color: rgb(255, 232, 232) !important; } #donor_email_address_row { clear: left; } form#ProcessForm #level_standard_row .form-content { margin-top: 0px !important; } form#ProcessForm #level_standard_row span.field-required { display: none !important; } #send_ecard_row span.check-box-form-label-text { display: none; } form#ProcessForm .donation-level-general-ask { display: none; } .modal-header { border-bottom: none !important; } /* .df-completed header .btn-primary { display: none; } */ /* Chrome, Safari, Edge, Opera */ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } @media (max-width: 991px) { .modal-body h2 { margin-top: 30px; } .modal-body .btn-secondary { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { form#ProcessForm #responsive_payment_typecc_cvv_row .form-content { margin-left: 3px !important; } } @media (min-width: 992px) and (max-width: 1199px) { .modal-body div.col-12.col-lg-6.col-xl-8 { padding-left: 2.5rem; } form#ProcessForm #responsive_payment_typecc_cvv_row .form-content { margin-left: 5px !important; } } @media (max-width: 1199px) { div.donation-form-container.responsive { border: none !important; padding: 25px 0; } } @media (min-width: 1200px) { div.donation-form-container.responsive { box-shadow: 0px 3px 32px rgba(194, 194, 194, 0.149612); border: none !important; } .modal-body div.col-12.col-lg-6.col-xl-8 { padding-left: 5rem; } form#ProcessForm #responsive_payment_typecc_cvv_row .form-content { margin-left: 2px !important; } } @media (min-width: 768px) { div#single_designee_row { height: 112px; } #responsive_payment_typecc_cvv_row .form-content { padding-left: 5px; } .modal-body { padding: 2.5rem 5rem 5rem 5rem; } #responsive_payment_typecc_exp_date_row { width: 66%; display: inline-block; margin-top: 0; margin-bottom: 0; } #responsive_payment_typecc_cvv_row { width: 33%; display: inline-block; vertical-align: bottom; position: relative; margin-top: 0; margin-bottom: 0; } .modal-dialog { max-width: 60%; } .donation-levels div.donation-level-container:last-child { width: 100%; } #billing_first_name_row, #billing_addr_city_row, #billing_addr_zip_row { width: 100%; float: none; /* padding-right: 10px; */ } #billing_last_name_row, #billing_addr_state_row, #billing_addr_country_row { width: 100%; float: none; /* padding-left: 10px; */ } #billing_addr_street2_row { margin-bottom: 0px; } #billing_addr_zip_row, #billing_addr_country_row, #billing_first_name_row, #billing_last_name_row { margin-top: 0; } } @media (max-width: 767px) { div#single_designee_row { margin-bottom: -20px; } #responsive_payment_typecc_cvv_row { position: relative; } a.HelpLink, button.HelpLink { /* bottom: -20px; position: absolute; white-space: nowrap; right: 0; */ } header img { max-width: 100px; } .donation-levels { flex-direction: column; } .modal-body { padding: 0 2.5rem 2.5rem 2.5rem; } #content-container{ padding: 0px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .mobile div.responsive div.form-error div.form-content { padding-left: 0; padding-right: 0; } } ul.df-nav { margin-bottom: -1px; } ul.df-nav .img-container { margin-left: 10px; } ul.df-nav .img-container img { display: none; width: 25px; } @media (min-width: 1200px) { ul.df-nav li:nth-child(2) a { height: 65px; } ul.df-nav li a .img-container img.colored-img { display: inline-block; } /* ul.df-nav li a:not(.active) .img-container img.colored-img { display: inline-block; } */ /* ul.df-nav li a.active .img-container img.white-img { display: inline-block; } */ } @media (max-width: 1199px) { ul.df-nav li a:not(.active) .img-container img.colored-img { display: inline-block; } ul.df-nav li a.active .img-container img.white-img { display: inline-block; } } --></style> <!-- START OPENGRAPH DATA --> <meta property="og:type" content="article"> <meta property="og:url" content="https://secure.fondationduchildren.com/site/Donation2?df_id=1500&mfc_pref=T&1500.donation=form1&s_locale=en_CA"> <meta property="og:site_name" content="The Montreal Children's Hospital Foundation"> <meta property="og:title" content="Make a donation to the Montreal Children's Hospital Foundation"> <meta property="og:image" content="https://secure3.convio.net/mchfou/images/content/pagebuilder/Logo_Children_Horz_EN_RGB_1.png"> <meta property="og:description" content="Help improve the lives of sick children"> <!-- END OPENGRAPH DATA --> <script type="text/javascript">// <![CDATA[ function donationTracker() { window.dataLayer = window.dataLayer || []; //fetches the donation gift amount var giftAmount = "-$0.01"; //gets rid of dollar sign giftAmount = giftAmount.replace("$", ""); //gets rid of comma in values over $999 giftAmount = giftAmount.replace(",", ""); //gets campaign name for reporting var campaignId = "1241"; //gets campaign id and donation form name for reporting //gets rid of any apostrophe's campaignId = campaignId.replace("'", ""); var donationFormName = "Don unique personnel g閚閞al"; donationFormName = donationFormName.replace("'", ""); //push data to the datalayer //GA4 window.dataLayer.push({ event: 'purchase', ecommerce: { currency: 'CAD', value: giftAmount, transaction_id: '0', items: [{ item_name: donationFormName, item_id: '[no donation level]', price: giftAmount, affiliation: campaignId, item_brand: 'Donations', item_category: 'Events/Donations', quantity: 1 }] } }); } if (window.location.href.indexOf("donation=completed") > -1) { //calling the donation tracker function. donationTracker(); } </script> <!-- Google Tag Manager --> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'language_code': "en_CA"}); </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-NQDTB6P');</script> <!-- End Google Tag Manager --> </head> <body class="mobile DF1500 app9 en_CA df-form1 " > <!-- START HTML BODY --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQDTB6P" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <script type="text/javascript">// <![CDATA[ function donationTracker() { //fetches the donation gift amount var giftAmount = "-$0.01"; //gets rid of dollar sign giftAmount = giftAmount.replace("$", ""); // gets rid of any extra spaces giftAmount = giftAmount.replaceAll(/\s/g,""); //gets rid of comma for >999 gift OR comma from French transactions if (giftAmount.charAt(giftAmount.length-3) == ",") { // replace , with . when used as decimal (French) giftAmount = giftAmount.replace(",", "."); } else { // gets rid of comma for values over $999 giftAmount = giftAmount.replace(",", ""); } //gets campaign id var campaignId = "1241"; //gets rid of any apostrophe's campaignId = campaignId.replace("'", ""); // gets donation form name var donationFormName = "Don unique personnel g閚閞al"; donationFormName = donationFormName.replace("'", ""); // set whether donation is one-time or recurring var recu = ""; var donationType = "One-time - Donation"; if (recu == "Active") { donationType = "Recurring - Donation"; } //push data to the datalayer dataLayer.push({ 'event': 'loDonation', 'ecommerce': { 'transaction_id': '0', 'affiliation': '1241', 'currency': 'CAD', 'value': giftAmount, 'tax': 0, 'shipping': 0, 'items': [{ 'item_name': donationFormName, 'item_id': '1500', 'price': giftAmount, 'item_brand': '', 'item_category': donationType, // One-time or Recurring 'item_category2': 'LO Donation', 'item_category3': '', // TeamRaiser Registration Type 'item_category4': '', // TeamRaiser ID (if available) 'item_variant': '', 'quantity': 1 }] } }); } // ]]> </script> <script type="text/javascript">// <![CDATA[ document.addEventListener("DOMContentLoaded", function(event) { //checks for the donation form completion page if (window.location.href.indexOf("donation=completed") > -1) { //calling the donation tracker function. donationTracker(); } }); // ]]> </script> <header> <div class="container"> <div class="d-flex flex-row flex-wrap align-items-center"> <a class="me-auto" href="https://fondationduchildren.com/en/"target="_blank"> <img src="https://secure3.convio.net/mchfou/images/content/pagebuilder/Logo_Children_Horz_EN_RGB.png" alt="The Montreal Children's Hospital Foundation"> </a> <a href="https://secure.fondationduchildren.com/site/Donation2?df_id=1500&mfc_pref=T&1500.donation=form1&s_locale=fr_CA" class="btn-language">Français</a> </div> <div class="d-xl-none"> <h2 class="section-header-container"> Donate now </h2> </div> <div class="mobile-banner"></div> </div> </header> <div class="bg-wrapper"> <div class="container-fluid"> <div class="container"> <div class="row justify-content-end nav-container"> <div class="col-md-12 col-lg-12 col-xl-7 col-xxl-6 donation-toggle"> <ul class="df-nav"> <li> <a class="active" href="https://secure.fondationduchildren.com/site/Donation2?df_id=1500&mfc_pref=T&1500.donation=form1&s_locale=en_CA"> One time </a> </li> <li> <a class="" href="https://secure.fondationduchildren.com/site/Donation2?df_id=1520&1520.donation=form1&mfc_pref=T&s_locale=en_CA"> Monthly <span class="img-container"><img src="../images/content/pagebuilder/Logo_Children_Coeur_K_RGB.png" alt="" class="white-img"><img src="../images/content/pagebuilder/Logo_Children_Coeur_RGB.png" alt="" class="colored-img"></span> </a> </li> <li> <a class="" href="https://secure.fondationduchildren.com/site/Donation2?df_id=1540&mfc_pref=T&1540.donation=form1&s_locale=en_CA"> In Memory </a> </li> <li> <a class="" href="https://secure.fondationduchildren.com/site/Donation2?df_id=1560&1560.donation=form1&mfc_pref=T&s_locale=en_CA"> In Honour </a> </li> <!-- <li> <a class="" href="https://secure.fondationduchildren.com/site/Donation2?df_id=1743&1743.donation=form1&mfc_pref=T&s_locale=en_CA"> Radiothon </a> </li> --> </ul> <script type="text/javascript"> var formIDs = "1500, 1520, 1540, 1560, 1580, 1641, 1660, 1680" //hide if not on the list of IDs if ( !formIDs.includes("1500") ) { $('.df-nav').hide(); } // hide tab nav if at complete page if (/completed/.test(window.location.href)) { $('.df-nav').hide(); } </script> </div> </div> <div class="row justify-content-end"> <div class="col-md-12 col-lg-12 col-xl-7 col-xxl-6 df-container"> <form name="process" id="ProcessForm" action="https://secure.fondationduchildren.com/site/Donation2" method="post" onsubmit="return checkDoubleClick();" > <div class="donation-form-container responsive"> <script type="text/javascript"> <!-- function reloadPage() { window.location.reload(true); } function testAjax() { var xmlHttp = null; // Opera 8.0+, Firefox, Chrome, Safari try { xmlHttp = new XMLHttpRequest(); }catch (e){ // Internet Explorer Browsers try{ xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); }catch (e) { try{ xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }catch (e){ return false; } } } xmlHttp.open('POST','AjaxHelper;jsessionid=00000000.app30024b?NONCE_TOKEN=957319D2E2D47422EE2C106C675107DE', true); xmlHttp.send(); } addOnLoadHandler(testAjax); // --> </script> <div class="donation-form-content"> <script> document.body.addEventListener("keypress", function(event) { if (event.keyCode === 13) { event.preventDefault(); var button = document.getElementById("pstep_finish"); if (!button) { button = document.getElementById("pstep_next"); } if (!button) { button = document.getElementById("pstep_finish_validate"); } if(button) { button.click(); } } }); </script> <input type="hidden" name="user_donation_amt" id="user_donation_amt" value="" /> <input type="hidden" name="company_min_matching_amt" id="company_min_matching_amt" value="" /> <input type="hidden" name="currency_locale" id="currency_locale" value="en_CA" /> <input type="hidden" name="user_additional_amount" id="user_additional_amount" value="" /> <input type="hidden" name="cc_available" id="cc_available" value="true" /> <input type="hidden" name="debit_available" id="debit_available" value="true" /> <input type="hidden" name="paypal_available" id="paypal_available" value="true" /> <input type="hidden" name="wallets_available" id="wallets_available" value="true" /> <input type="hidden" name="primary_color" id="primary_color" value="" /> <input type="hidden" name="application_name" id="application_name" value="Luminate" /> <input type="hidden" name="font_color" id="font_color" value="" /> <input type="hidden" name="font_family" id="font_family" value="" /> <input type="hidden" name="secure_url" id="secure_url" value="https://secure.fondationduchildren.com/site/" /> <input type="hidden" name="is_admin_app" id="is_admin_app" value="F" /> <input type="hidden" name="environment_id" id="environment_id" value="" /> <input type="hidden" name="merchant_account_configuration_id" id="merchant_account_configuration_id" value="" /> <input type="hidden" name="pco_javascript_location" id="pco_javascript_location" value="" /> <input type="hidden" name="pco_language_locale" id="pco_language_locale" value="en_CA" /> <input type="hidden" name="pco_environment_zone" id="pco_environment_zone" value="p-can01" /> <h2 class="section-header-container"> Give a one-time gift </h2> <div class="form-row"> <div class="html-caption-container"> <p><strong>Help children, donate now</strong></p> <p>Your donation to The Children’s Foundation will help our young patients get back to being mischievous. Because a bratty kid is a healthy kid.</p> <p><strong><span style="color:red;">*</span> Required Fields</strong></p> <hr> <div class="Form-Label mb-1">Is this a Personal or a Corporate gift?</div> <div class="d-md-flex"> <a class="btn-primary me-md-1" style="pointer-events: none;" href="">Personal Gift</a> <a class="btn-secondary ms-md-1" href="https://secure.fondationduchildren.com/site/Donation2?df_id=1580&1580.donation=form1&mfc_pref=T&s_locale=en_CA">Corporate Gift</a> </div> </div> </div> <div id="level_standard_row"> <div class="don-standard-levels form-row"> <div class="levels-label"> </div> <div id="level_standard_row" class="form-row form-donation-level"> <div class="form-content"> <span class="field-required"></span> <span class="aural-only">Field Is Required</span> <span class="FormLabelText">Choose an amount to give</span> <div class="donation-level-general-ask"> </div> <div class="donation-levels"> <div class="donation-level-container"> <div class="form-content"> <div class="donation-level-input-container form-input"> <div class="donation-level-label-input-container"> <input type="radio" name="level_standardexpanded" id="level_standardexpanded2001" value="2001" onclick="evalMatchingGift('$50.00'); updateDonorCoverAmount('$50.00');" /> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { var radio = document.getElementById('level_standardexpanded2001'); if (radio && radio.checked) { Y.use('jquery-noconflict', function() { evalMatchingGift('$50.00'); updateDonorCoverAmount('$50.00'); }); } }); </script> </div> <label for="level_standardexpanded2001" onclick=""> <div class="donation-level-amount-container"> $50.00 </div> <div class="donation-level-label-container"> $50 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_2001expandedsubmit" value="true" /> </div> </div> <div class="donation-level-container"> <div class="form-content"> <div class="donation-level-input-container form-input"> <div class="donation-level-label-input-container"> <input type="radio" name="level_standardexpanded" id="level_standardexpanded2002" value="2002" checked="checked" onclick="evalMatchingGift('$100.00'); updateDonorCoverAmount('$100.00');" /> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { var radio = document.getElementById('level_standardexpanded2002'); if (radio && radio.checked) { Y.use('jquery-noconflict', function() { evalMatchingGift('$100.00'); updateDonorCoverAmount('$100.00'); }); } }); </script> </div> <label for="level_standardexpanded2002" onclick=""> <div class="donation-level-amount-container"> $100.00 </div> <div class="donation-level-label-container"> $100 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_2002expandedsubmit" value="true" /> </div> </div> <div class="donation-level-container"> <div class="form-content"> <div class="donation-level-input-container form-input"> <div class="donation-level-label-input-container"> <input type="radio" name="level_standardexpanded" id="level_standardexpanded2003" value="2003" onclick="evalMatchingGift('$200.00'); updateDonorCoverAmount('$200.00');" /> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { var radio = document.getElementById('level_standardexpanded2003'); if (radio && radio.checked) { Y.use('jquery-noconflict', function() { evalMatchingGift('$200.00'); updateDonorCoverAmount('$200.00'); }); } }); </script> </div> <label for="level_standardexpanded2003" onclick=""> <div class="donation-level-amount-container"> $200.00 </div> <div class="donation-level-label-container"> $200 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_2003expandedsubmit" value="true" /> </div> </div> <div class="donation-level-container"> <div class="form-content"> <div class="donation-level-input-container form-input"> <div class="donation-level-label-input-container"> <input type="radio" name="level_standardexpanded" id="level_standardexpanded2004" value="2004" onclick="evalMatchingGift('$1,000.00'); updateDonorCoverAmount('$1,000.00');" /> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { var radio = document.getElementById('level_standardexpanded2004'); if (radio && radio.checked) { Y.use('jquery-noconflict', function() { evalMatchingGift('$1,000.00'); updateDonorCoverAmount('$1,000.00'); }); } }); </script> </div> <label for="level_standardexpanded2004" onclick=""> <div class="donation-level-amount-container"> $1,000.00 </div> <div class="donation-level-label-container"> $1,000 </div> </label> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_2004expandedsubmit" value="true" /> </div> </div> <div class="donation-level-container"> <div class="form-content"> <div class="donation-level-input-container form-input"> <div class="donation-level-label-input-container"> <input type="radio" name="level_standardexpanded" id="level_standardexpanded2005" value="2005" onclick="evalMatchingGift(document.getElementById('level_standardexpanded2005amount').value); updateDonorCoverAmount(document.getElementById('level_standardexpanded2005amount').value);" /> <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { var radio = document.getElementById('level_standardexpanded2005'); if (radio && radio.checked) { Y.use('jquery-noconflict', function() { evalMatchingGift(document.getElementById('level_standardexpanded2005amount').value); updateDonorCoverAmount(document.getElementById('level_standardexpanded2005amount').value); }); } }); </script> </div> <label for="level_standardexpanded2005" onclick=""> <div class="donation-level-label-container"> Other: </div> </label> <div class="donation-level-user-entered"> <label for="level_standardexpanded2005amount"><span class="aural-only">Enter amount</span></label> <input type="text" name="level_standardexpanded2005amount" id="level_standardexpanded2005amount" value="" size="12" maxlength="10" onfocus="var el = document.getElementById ('level_standardexpanded2005');if (el) el.click(); fire_obs_comp_event('level_standardexpanded2005amount', this, event);evalMatchingGift(value); " onchange="fire_obs_comp_event('level_standardexpanded2005amount', this, event);evalMatchingGift(value);updateAmountForPaypal(value);" onkeyup="fire_obs_comp_event('level_standardexpanded2005amount', this, event);evalMatchingGift(value);updateAmountForPaypal(value);" onblur="fire_obs_comp_event('level_standardexpanded2005amount', this);updateDonorCoverAmount(value);" /> </div> </div> <input type="hidden" name="level_standardexpandedsubmit" id="level_standard_2005expandedsubmit" value="true" /> </div> </div> </div> </div> <script type="text/javascript"> Y.use("jquery-ui", function(Y) { jQuery(function(){ // subscribe observables jQuery('div.donation-level-element-container').find('input[type="radio"]').each(function() { var syncAction = function(obj) { if (obj.is(':checked')) { obj.closest('div.donation-level-container').addClass('selected'); } else { obj.closest('div.donation-level-container').removeClass('selected'); }; return arguments.callee; }(jQuery(this)); jQuery(this).click(function() { jQuery('div.donation-level-container').removeClass('selected'); syncAction(jQuery(this)); }); }); }); }); </script><noscript> </noscript> </div> <div class="levels-gift-aid"> </div> <input type="hidden" name="level_standardsubmit" id="level_standardsubmit" value="true" /> <script type="text/javascript"> function updateDonorCoverAmount(gift) { var currencyLocale = getLevelCurrencyLocale(); var tempGift = parseCurrency(gift, currencyLocale) / 100; if (currencyLocale !== 'fr_CA') { gift = tempGift; } if (isNaN(tempGift) || tempGift === 0) { gift = ''; } var amountHidden = document.getElementById('user_donation_amt'); if(amountHidden !== null) { amountHidden.value = gift; } jQuery('#level_standardname').val(gift); jQuery('#user_donation_amt').val(gift); if (typeof updateAmount !== "undefined") { updateAmount(gift); } }; function updateAmountForPaypal(gift) { jQuery('#user_donation_amt').val(gift); }; function getLevelCurrencyLocale() { var element = document.getElementById('currency_locale'); if (element) { return element.value; } return 'en_US'; } function evalMatchingGift(gift) { } </script><noscript> </noscript> </div> <script type="text/javascript"> // subscribe listeners to make an ajax call to the server to calculate the total amount Y.use('jquery-noconflict', function() { var fetchAmountFunc = function () { // find all the select, textarea, input, etc... and format them into key=val pairs. var params = jQuery('#level_standard_row :input').serialize(); // parse the path and append the key/value pairs above to the url var url = 'https://secure.fondationduchildren.com/site/Donation2?idb=217305711&level_standardajaxfetch=true&df_id=1500&mfc_pref=T&1500.donation=form1&level_standardtotalcalculateBtn=true'; var index = url.indexOf("?"); var path = url.substring(0, index); var args = url.substring(index+1, url.length); args += '&' + params; var recurringGiftTermsContainer = jQuery('#recurring_gift_terms_acceptance_message_container'); if(recurringGiftTermsContainer && recurringGiftTermsContainer.length > 0) { jQuery.ajax(path, { data: args, success: function(data) { jQuery('#recurring_gift_terms_acceptance_message_container').trigger("recurringTermsChange"); } }); } }; jQuery('#level_standard_row :input[type=text]').blur(function() { fetchAmountFunc(); }); jQuery('#level_standard_row input:checkbox, #level_standard_row input:radio').click(function() { fetchAmountFunc(); }); jQuery('#level_standard_row select').change(function() { fetchAmountFunc(); }); // call it on page load fetchAmountFunc(); }); </script><noscript> </noscript> </div> <div class="button-container clearfix"> <div class="button-sub-container"> <button class="step-button next-step" type="submit" id="pstep_next" name="pstep_next" value="Next">Next</button> <button class="step-button cancel-step" type="submit" id="pstep_cancel" name="pstep_cancel" value="Cancel" title="Cancel" >Cancel</button> </div> </div> <input type="hidden" name="idb" id="idb" value="217305711" /> <input type="hidden" name="df_id" id="df_id" value="1500" /> <input type="hidden" name="mfc_pref" id="mfc_pref" value="T" /> <input type="hidden" name="appealhidden" id="appealhidden" value="" /> </div> <input type="hidden" name="1500.donation" id="1500.donation" value="form1" /> </div> <script type="text/javascript"> var submitted = false; function checkDoubleClick() { var elCheck = ''; if (elCheck == 'el') { alert ('Form submission is not enabled when previewing an individual data element.'); return false; } else if (submitted) { alert('You have already submitted this payment. Please wait....'); return false; } else { submitted = true; return true; } } </script><noscript> </noscript> </form> </div> </div> </div> </div> </div> <footer> <div class="footer-top"> <div class="container"> <div class="d-flex flex-column flex-md-row align-items-center"> <p class="me-md-auto mb-md-0 Secure"> <strong>All donations are 100% secure</strong> <img src="https://secure3.convio.net/mchfou/images/content/pagebuilder/lock.png" alt="Secure Symbol"> </a> <div class="d-flex flex-row align-items-center"> <a href="http://www.facebook.com/lechildren"target="_blank"><img src="https://secure3.convio.net/mchfou/images/content/pagebuilder/FB.png" alt="facebook"></a> <a href="https://www.instagram.com/fondationduchildren/"target="_blank"><img src="https://secure3.convio.net/mchfou/images/content/pagebuilder/IG.png" alt="IG"></a> <a href="https://www.linkedin.com/company/fondationduchildren/ "target="_blank""><img src="https://secure3.convio.net/mchfou/images/content/pagebuilder/LinkedIn.png" alt="LinkedIn"></a> <a href="https://twitter.com/FondChildren"target="_blank"><img src="https://secure3.convio.net/mchfou/images/content/pagebuilder/Twitter.png" alt="Twitter"></a> <a href="http://www.youtube.com/montrealchildrens"target="_blank"><img src="https://secure3.convio.net/mchfou/images/content/pagebuilder/Youtube.png" alt="Youtube"></a> </div> </div> </div> </div> <div class="footer-middle"> <div class="container"> <div class="d-flex flex-column flex-md-row align-items-center justify-content-between"> <a href="https://fondationduchildren.com/en/"target="_blank""> <img src="https://secure3.convio.net/mchfou/images/content/pagebuilder/Logo_Children_Horz_EN_RGB.png" alt="The Montreal Children's Hospital Foundation"> </a> <div class="d-flex flex-column flex-md-row align-items-center"> <p class="mb-md-0 divider"><strong>Contact us</strong></p> <p class="mb-md-0"> By phone: <a href="tel:5149344846">514 934-4846</a><br> Toll free: <a href="tel:18669344846">1 866 934-4846</a><br> By email: <a href="mailto:info@mchf.com">info@mchf.com</a> </p> </div> <p class="mb-0"> 5002 De Maisonneuve West Blvd.<br> Montreal, Quebec H4A 0B6 </p> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row"> <div class="col-12"> <p class="text-center mb-0">Charitable registration number: 11892-1543-RR0001 | <a href="https://fondationduchildren.com/en/about-us/accountability"target="_blank">Privacy Policy</a></p> </div> </div> </div> </div> </footer> <div class="modal fade" id="cvvModal" tabindex="-1" aria-labelledby="cvvModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="row"> <div class="col-12"> <h2>Credit Card Verification Code</h2> <p>The Verification Code is imprinted on credit cards to help merchants verify transactions when the actual card is not present, such as Internet purchases or donations. The merchant uses this number as part of the authorization process with the card issuer.</p> <p>Please use the images below to locate the verification code for your card type.</p> </div> </div> <div class="row mt-3 mb-3"> <div class="col-12 col-lg-6 col-xl-4 align-self-center"> <img src="https://secure2.convio.net/help/images/content/pagebuilder/10662.jpg" alt="A picture of a Visa or Mastercard 3 digit verification code number printed on the back of the card."> </div> <div class="col-12 col-lg-6 col-xl-8 align-self-center"> <h3>Visa & Mastercard</h3> <p>The verification code for Visa or Mastercard is a 3-digit number printed on the back of your card. It appears after the account number or last 4-digits of your account number, in the signature panel.</p> </div> </div> <div class="row"> <div class="col-12 col-lg-6 col-xl-4 align-self-center"> <img src="https://secure2.convio.net/help/images/content/pagebuilder/10663.jpg" alt="A picture of a American Express 4 digit verification code printed on the front of the card."> </div> <div class="col-12 col-lg-6 col-xl-8 align-self-center"> <h3>American Express</h3> <p>The American Express verification code is a 4-digit number printed on the front of your card. It appears above and to the right of the embossed account number.</p> </div> </div> </div> </div> </div> </div> <!-- CUSTOM --> <script type="text/javascript"> $(document).ready(function(){ // move card holder above cc number $('#donor_first_name_row').insertAfter('#responsive_payment_typecc_type_row'); // change cc header label $('.en_CA #payment_cc_container h3').html('Payment information'); $('.en_US #payment_cc_container h3').html('Payment information'); $('.fr_CA #payment_cc_container h3').html('Informations de paiement'); // set single_designee_designated as default // if ( $("#single_designee_unrestricted").length > 0 ) { // $("#single_designee_unrestricted").prop("checked", false); // $("#single_designee_unrestricted").removeAttr("checked"); // $("#single_designee_designated").prop("checked", true); // single_designee_enable_list(true); // $('<span class="field-required"></span>').insertBefore('label[for="single_designee_designated"]'); // } // remove semicolon from certain labels if ( $('label[for="responsive_payment_typecc_cvvname"]').length > 0 ) { $('.en_CA label[for="responsive_payment_typecc_cvvname"] span.FormLabelText').html('CVV number'); $('.en_US label[for="responsive_payment_typecc_cvvname"] span.FormLabelText').html('CVV number'); $('.fr_CA label[for="responsive_payment_typecc_cvvname"] span.FormLabelText').html('Numéro CVV'); } // cc expire labels $('.en_CA label[for="responsive_payment_typecc_exp_date_MONTH"] span.label-text').html('Expiration month'); $('.en_US label[for="responsive_payment_typecc_exp_date_MONTH"] span.label-text').html('Expiration month'); $('.fr_CA label[for="responsive_payment_typecc_exp_date_MONTH"] span.label-text').html('Mois d\'expiration'); $('<span class="label-text">Expiration year</span>').appendTo('.en_CA label[for="responsive_payment_typecc_exp_date_YEAR"]'); $('<span class="label-text">Expiration year</span>').appendTo('.en_US label[for="responsive_payment_typecc_exp_date_YEAR"]'); $('<span class="label-text">Année d\'expiration</span>').appendTo('.fr_CA label[for="responsive_payment_typecc_exp_date_YEAR"]'); // change cc number label $('.en_CA label[for="responsive_payment_typecc_numbername"]').html('Card number'); $('.en_US label[for="responsive_payment_typecc_numbername"]').html('Card number'); $('.fr_CA label[for="responsive_payment_typecc_numbername"]').html('Numéro de carte de crédit'); }); </script> <!-- DONATION LEVEL --> <script type="text/javascript"> $(document).ready(function () { // format to dollars function dollarFormat(num) { if ( $('.fr_CA').length > 0 ){ // var formatter = new Intl.NumberFormat('fr-CA', { // minimumFractionDigits: 0, // }); num = num.replace(""); } else{ var formatter = new Intl.NumberFormat('en-CA', { style: 'currency', currency: 'CAD', minimumFractionDigits: 2, }); } num = formatter.format(num); return num; } // determine if reus_ybd_df_donation_ask_msg reusable is in place if ( $('.donation-text-blurb').length > 0 ) { var donationTextBlurb = true; } else { var donationTextBlurb = false; } // add tab index to donation labels $('.donation-level-amount-container').attr('tabindex', '0'); // remove decimals from donation levels $(".en_CA .donation-level-amount-container").each(function () { $(this).html("$" + $(this).html().replace("$", "").replace(".00","")); }); $(".en_US .donation-level-amount-container").each(function () { $(this).html("$" + $(this).html().replace("$", "").replace(".00","")); }); $(".fr_CA .donation-level-amount-container").each(function () { var fFrench = $(this).html().replace(",00","").replace(".", ",").replace("$", "").replace(" ", ""); $(this).text(fFrench.replace(",","") + " $"); }); // add the selected class to the donation level currently checked $('.donation-level-label-input-container').each(function() { var radioButton = $(this).find('input:radio'); if ( radioButton.prop('checked') ) { if ( $(this).parent().find('.donation-level-user-entered').length != 0 ) { $('input#' + radioButton.attr('id') + 'amount').addClass('selected'); if ( donationTextBlurb ) { $('.donation-text-blurb').hide(); } } else { $('label[for="' + radioButton.attr('id') + '"]>div.donation-level-amount-container').addClass('selected'); if ( donationTextBlurb ) { $('.donation-amount-text-blurb').html( $('div.donation-level-amount-container.selected').parent().parent().children('div.donation-level-expanded-label').html() ); $('.donation-amount-blurb').html( $('.selected').html().replace(".00", "") ); $('.donation-text-blurb').show(); } } } }); // add placeholder value to donation level input if ( $('.fr_CA').length > 0 ) { var placeholder = 'Autre montant'; $('.donation-level-container:last-child input[type="text"]').attr('placeholder', placeholder); $('.donation-level-user-entered .aural-only').html(placeholder); } else { var placeholder = 'Other amount'; $('.donation-level-user-entered .aural-only').html(placeholder); } $('.donation-level-container:last-child input[type="text"]').attr('placeholder', placeholder).bind('focus', function(){ $(this).attr('placeholder', ''); }).bind('blur', function(){ var val = $(this).val(); if ( val != '' ) { if ( $('.fr_CA').length > 0 ) { val = val.replace(/[^\d.-]/g,''); } else{ val = val.replace(/[^\d.-]/g,''); } val = parseFloat(val); $(this).val(dollarFormat(val)); } $(this).attr('placeholder', placeholder); }); //Clean other on load if ( $('.fr_CA').length > 0 && $('.donation-level-container:last-child input[type="text"]').length > 0 && $('.donation-level-container:last-child input[type="text"]').val() != "") { if (sessionStorage.getItem("giftLevel") != null){ $('.donation-level-container:last-child input[type="text"]').val( parseFloat(sessionStorage.getItem("giftLevel").replace(/[^0-9\. \n]/g, "") ).toFixed(2).toString().replace('.00', "") ); } else{ $('.donation-level-container:last-child input[type="text"]').val( $('.donation-level-container:last-child input[type="text"]').val().replace(",", ".").replace(/[^\d.-]/g,'')); } } var submitted = false // Select level radio when label is clicked - Standard donation levels ///$('.donation-level-amount-container').click(function () { //$('.donation-level-label-input-container input[type="radio"]').change(function () { $('.donation-level-amount-container:not(:last-child),.donation-level-amount-container:not(:last-child) .donation-level-label-input-container input[type="radio"]').bind('click change', function () { if (!submitted){ $('.donation-level-amount-container.selected, .donation-level-container:last-child input.selected').removeClass("selected"); $('.donation-level-container:last-child input').val(''); $(this).closest(".donation-level-input-container").find(".donation-level-amount-container").addClass('selected'); // $(this).find('input:radio').attr('checked', true); if ( donationTextBlurb ) { $('.donation-amount-text-blurb').html( $('div.donation-level-amount-container.selected').parent().parent().children('div.donation-level-expanded-label').html() ); $('.donation-amount-blurb').html( $('.selected').html().replace(".00", "") ); $('.donation-text-blurb').slideDown(); } } }); // Select manual input donation radio when field is clicked $('.donation-level-container:last-child input').click(function () { $('.donation-level-amount-container.selected, .donation-level-container:last-child input.selected').removeClass("selected"); $(this).addClass('selected'); $(this).find('input:radio').attr('checked', true); if ( donationTextBlurb ) { $('.donation-text-blurb').slideUp(); } }); $(".donation-level-user-entered input").keyup(function(){ if($(this).val().indexOf("$") > -1){ $(this).val( $(this).val().replace("$", "") ); } if($(this).val().indexOf("\,") > -1){ if ( $('.fr_CA').length > 0 ) { $(this).val( $(this).val().replace(",", "") ); } } }); $('.pstep_next').bind('click', function () { submitted = true; }); //textarea change // $('<textarea name="additional_comments_input" id="additional_comments_input" value="" maxlength="255"></textarea>').insertAfter($('#additional_comments_input')); // $('input#additional_comments_input').remove(); $('<textarea name="mailed_card_message_input" id="mailed_card_message_input" value="" maxlength="255"></textarea>').insertAfter($('#mailed_card_message_input')); $('input#mailed_card_message_input').remove(); }); </script> <!-- INPUT TYPE --> <script type="text/javascript"> $(document).ready(function(){ // change input type for some fields $('#donor_email_addressname').prop('type', 'email'); $('#donor_phonename').prop('type', 'tel'); $('#responsive_payment_typecc_numbername').prop('type', 'number').attr('min', '0'); $('#responsive_payment_typecc_cvvname').prop('type', 'number').attr('min', '0'); }); </script> <!-- AUTO LOGOUT --> <!-- CANADA POST AUTO COMPLETE --> <link rel="stylesheet" type="text/css" href="https://ws1.postescanada-canadapost.ca/css/addresscomplete-2.30.min.css?key=JC39-KZ73-AA81-AP97" /> <script type="text/javascript" src="https://ws1.postescanada-canadapost.ca/js/addresscomplete-2.30.min.js?key=JC39-KZ73-AA81-AP97"></script> <script type="text/javascript"> $(document).ready(function(){ var fields = [ //{ element: "search", field: "", mode: pca.fieldMode.SEARCH }, { element: "billing_addr_street1name", field: "Line1"}, { element: "billing_addr_street2name", field: "Line2", mode: pca.fieldMode.POPULATE }, { element: "billing_addr_cityname", field: "City"}, { element: "billing_addr_state", field: "ProvinceName", mode: pca.fieldMode.POPULATE }, { element: "billing_addr_zipname", field: "PostalCode"}, { element: "billing_addr_country", field: "CountryName", mode: pca.fieldMode.COUNTRY } ], options = { key: "JC39-KZ73-AA81-AP97" }, control = new pca.Address(fields, options); var fields2 = [ //{ element: "search", field: "", mode: pca.fieldMode.SEARCH }, { element: "tribute_notify_recip_street1name", field: "Line1"}, { element: "tribute_notify_recip_cityname", field: "City"}, { element: "tribute_notify_recip_state", field: "ProvinceName", mode: pca.fieldMode.POPULATE }, { element: "tribute_notify_recip_zipname", field: "PostalCode"}, { element: "tribute_notify_recip_country", field: "CountryName", mode: pca.fieldMode.COUNTRY } ], options2 = { key: "JC39-KZ73-AA81-AP97" }, control2 = new pca.Address(fields2, options2); }); </script> <!-- TAX FEE COVERAGE --> <script type="text/javascript"> function ccGiftEval() { var giftLevel = $('.donation-level-amount-container.selected').text() || $('.donation-level-user-entered input.selected').val(); if ( giftLevel == undefined || giftLevel == '' || giftLevel == null || giftLevel == NaN ) { if (sessionStorage.getItem("giftLevel") != null){ giftLevel = sessionStorage.getItem("giftLevel"); } else{ giftLevel = "0"; } } var giftLevelFormatted = parseFloat(giftLevel.replace(/[^0-9\. \n]/g, "")); sessionStorage.setItem("giftLevel", giftLevelFormatted); $('label[for="additional_amountname"]').text(function () { return $(this).text().replace("$2.00 ", "").replace("2,00 $ ", ""); }); if ( $('#additional_amountname').prop('checked') == true ) { giftLevelFormatted = giftLevelFormatted + 2; } giftLevelFormatted = giftLevelFormatted.toFixed(2).toString().replace('.00', ""); if ( $('.fr_CA').length > 0 ) { giftLevelFormatted = giftLevelFormatted.replace('.', ","); } if ( "1500" == "1520" || "1500" == "1703" || "1500" == "1702" ||"1500" == "1680" ||"1500" == "1981" ||"1500" == "2124" ||"1500" == "2261" || "1500" == "2462" || "1500" == "2503" || "1500" == "2464"|| "1500" == "2481"|| "1500" == "2501" || "1500" == "2581" || "1500" == "2583" || "1500" == "2645" || "1500" == "2644" || "1500" == "2643" || "1500" == "2720" || "1500" == "2722" || "1500" == "2063" || "1500" == "2042" || "1500" == "2160" || "1500" == "1740" || "1500" == "2706" || "1500" == "2707" || "1500" == "2103" || "1500" == "2062" || "1500" == "2041" || "1500" == "2122" || "1500" == "2300" || "1500" == "2761" || "1500" == "1741" || "1500" == "2704" || "1500" == "2705" || "1500" == "2102") { // change donate now button $('.en_CA button#pstep_finish, .en_CA button#pstep_finish_validate').html('Give $' + giftLevelFormatted + ' monthly' ); $('.en_US button#pstep_finish, .en_US button#pstep_finish_validate').html('Give $' + giftLevelFormatted + ' monthly' ); $('.fr_CA button#pstep_finish, .fr_CA button#pstep_finish_validate').html('Donner ' + giftLevelFormatted + ' $ par mois'); } else { // revert donate now button $('.en_CA button#pstep_finish, .en_CA button#pstep_finish_validate').html('Give $' + giftLevelFormatted + ' Now' ); $('.en_US button#pstep_finish, .en_US button#pstep_finish_validate').html('Give $' + giftLevelFormatted + ' Now' ); $('.fr_CA button#pstep_finish, .fr_CA button#pstep_finish_validate').html('Donner ' + giftLevelFormatted + ' $' ); } } $('#additional_amountname, .donation-level-label-input-container input, .donation-level-user-entered input:text').bind('keyup click change', function () { ccGiftEval(); }); $(document).ready(function () { ccGiftEval(); }); </script> <!-- ECARD --> <script type="text/javascript"> $(document).ready(function () { $('#tribute_notify_recip_name_row, #tribute_notify_recip_street1_row, #tribute_notify_recip_city_row, #tribute_notify_recip_state_row, #tribute_notify_recip_zip_row').addClass("required-input"); //Labels $('.en_CA #ecard_recpients_row label').html('Recipient(s) email addresse(s) :'); $('.fr_CA #ecard_recpients_row label').html('Adresse(s) courriel du ou des destinataire(s) :'); function uncheckEcard() { $('input[name=stationery_layout_id]').each(function () { this.checked = false; }); } function hideEcardFields() { uncheckEcard(); $('#send_ecardname').prop('checked', false).change(); $('#select_grid_row').slideUp(); $('#tribute_ecard_subject_row').slideUp(); $('#tribute_ecard_message_row, #tribute_ecard_message_row + .form-row').slideUp(); $('#ecard_recpients_row, #ecard_recpients_row + .form-row').slideUp(); $('#preview_button_row').slideUp(); $('#ecard_send_date_row').slideUp(); // $('#e_card_copy_sender_row').slideUp(); $('#tribute_ecard_subjectname').val(''); $('#tribute_ecard_messagename').val(''); $('#ecard_recpientsname').val(''); $('#e_card_copy_sendername').prop('checked', false); } function showEcardFields() { $('#send_ecardname').prop('checked', true).change(); $('#select_grid_row').slideDown(); $('#tribute_ecard_subject_row').slideDown(); $('#tribute_ecard_message_row, #tribute_ecard_message_row + .form-row').slideDown(); $('#ecard_recpients_row, #ecard_recpients_row + .form-row').slideDown(); $('#preview_button_row').slideDown(); $('#ecard_send_date_row').slideDown(); // $('#e_card_copy_sender_row').slideDown(); $('#e_card_copy_sendername').prop('checked', true); } function hideMailFields() { $('#tribute_notify_recip_name_row').val('').slideUp(); $('#tribute_notify_recip_street1_row').val('').slideUp(); $('#tribute_notify_recip_street2_row').val('').slideUp(); $('#tribute_notify_recip_city_row').val('').slideUp(); $('#tribute_notify_recip_state_row').val('QC').slideUp(); $('#tribute_notify_recip_zip_row').val('').slideUp(); $('#tribute_notify_recip_zip_row + .custom-field-container, #tribute_notify_recip_zip_row + .custom-field-container + .form-row').val('').slideUp(); $('#tribute_notify_recip_country_row').slideUp(); $('#mailed_card_message_input').closest(".custom-field-container").val('').slideUp(); $('#mailed_card_message_input').closest(".custom-field-container").next().slideUp(); } function showMailFields() { $('#tribute_notify_recip_name_row').slideDown(); $('#tribute_notify_recip_street1_row').slideDown(); $('#tribute_notify_recip_street2_row').slideDown(); $('#tribute_notify_recip_city_row').slideDown(); $('#tribute_notify_recip_state_row').slideDown(); $('#tribute_notify_recip_zip_row').slideDown(); $('#tribute_notify_recip_zip_row + .custom-field-container, #tribute_notify_recip_zip_row + .custom-field-container + .form-row').slideDown(); $('#tribute_notify_recip_country_row').slideDown(); $('#mailed_card_message_input').closest(".custom-field-container").slideDown(); $('#mailed_card_message_input').closest(".custom-field-container").next().slideDown(); } $('#select_grid_row .layout-chooser-container.clearfix .layout-choice-thumbnail-container input').wrap('<div class="stationary_layout_radio_container"></div>'); $('<span class="stationary_layout_radio"></span>').insertAfter('#select_grid_row .layout-chooser-container.clearfix .layout-choice-thumbnail-container input'); $('#select_grid_row .layout-chooser-container.clearfix .layout-choice-thumbnail-container .stationary_layout_radio_container').each(function() { $(this).prev().append( $(this) ); }); $('<p class="message_hint">Maximum: 255 characters</p>').insertAfter('.en_CA #tribute_ecard_messagename'); $('<p class="message_hint">Maximum: 255 characters</p>').insertAfter('.en_US #tribute_ecard_messagename'); $('<p class="message_hint">Maximum : 255 caractéres</p>').insertAfter('.fr_CA #tribute_ecard_messagename'); $('#tribute_ecard_messagename').attr('maxlength', 255); $('#tribute_ecard_messagename').keyup(function () { var max = 225; var len = $(this).val().length; if (len>= max) { $('.en_CA .message_hint').text('Maximum allowed characters reached.'); $('.en_US .message_hint').text('Maximum allowed characters reached.'); $('.fr_CA .message_hint').text('Nombre maximal de caractéres autorisés atteint.'); $(this).val( $(this).val().substr(0, max) ); } else { var char = max - len; $('.en_CA .message_hint').text(char + ' characters left.'); $('.en_US .message_hint').text(char + ' characters left.'); $('.fr_CA .message_hint').text(char + ' caractéres restants.'); } }); $('#send_a_card_dropdown').change(function () { if ( this.value == "E-Card" ) { showEcardFields(); hideMailFields(); } else if (this.value == "Mail") { hideEcardFields(); showMailFields(); } else{ hideMailFields(); hideEcardFields(); } }); var card = $('#send_a_card_dropdown').val(); if ( card == "E-Card" ) { showEcardFields(); hideMailFields(); } else if ( card == "Mail") { hideEcardFields(); showMailFields(); } else{ hideMailFields(); hideEcardFields(); } $("#send_ecard_row, #e_card_copy_sender_row").hide(); }); </script> <!-- WHAT IS THIS MODAL --> <script type="text/javascript"> $(document).ready(function(){ // cvv what is this link to modal $('<button type="button" class="HelpLink" data-bs-toggle="modal" data-bs-target="#cvvModal">?</button>').insertAfter('.en_CA #responsive_payment_typecc_cvv_row a.HelpLink'); $('<button type="button" class="HelpLink" data-bs-toggle="modal" data-bs-target="#cvvModal">?</button>').insertAfter('.en_US #responsive_payment_typecc_cvv_row a.HelpLink'); $('<button type="button" class="HelpLink" data-bs-toggle="modal" data-bs-target="#cvvModal">?</button>').insertAfter('.fr_CA #responsive_payment_typecc_cvv_row a.HelpLink'); }); </script> <!-- PAGINATION --> <script type="text/javascript"> $(document).ready(function(){ var page = "form1".replace("form", ""); if (page == "") { page = sessionStorage.getItem("formPage"); } if (page != "" && page != null){ $('body').addClass("form-"+page); $('<div id="pageNumber"> <div></div> <div></div> <div></div></div>').appendTo('.button-sub-container'); $('#pageNumber div:nth-child(' + page + ')').addClass("page-active"); sessionStorage.setItem("formPage", page); } }); </script> <!-- END HTML BODY --> </body> </html>