@charset "UTF-8"; @import url("https://fonts.googleapis.com/css?family=Material Icons|Open+Sans:400,700,400i,700i|Roboto:400,700,400i,700i,bold,boldi|Roboto+Condensed:400,700,400i,700i,bold,boldi,bold,boldi,600,600i|Roboto+Slab:400,700,400i,700i,regular,regulari"); @import url("https://fonts.googleapis.com/css?family=Inknut+Antiqua"); a:active { color: #103a5b; font-weight: normal; font-style: normal; text-decoration: underline; } a:hover { color: #103a5b; font-weight: normal; font-style: normal; text-decoration: underline; } a { color: #2071b1; font-weight: normal; font-style: normal; text-decoration: underline; } body, input, textarea, select, .page, .row { color: #12181e; line-height: 1.6; font-family: "Roboto"; } input, textarea, select { font-size: 0.9375em; letter-spacing: 0em; } .button--primary, .ukraine-crisis-jp ~ section .donation-form .donation-form__next:before, .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:before, .ooredoo-syria ~ section .donation-form .donation-form__next:before, .sudan-crisis-ar ~ section .donation-form .donation-form__next:before, .helpgaza-ar ~ section .donation-form .donation-form__next:before, .drc-floods-response-fr ~ section .donation-form .donation-form__next:before, .ramadan-gaza-ar ~ section .donation-form .donation-form__next:before, .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:before { color: #ffffff; padding: 0.875em; font-size: 1em; font-weight: bold; text-transform: uppercase; background-color: #fe4e5b; text-decoration: none; border-radius: 0px; } .button--primary:visited, .ukraine-crisis-jp ~ section .donation-form .donation-form__next:visited:before, .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:visited:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:visited:before, .ooredoo-syria ~ section .donation-form .donation-form__next:visited:before, .sudan-crisis-ar ~ section .donation-form .donation-form__next:visited:before, .helpgaza-ar ~ section .donation-form .donation-form__next:visited:before, .drc-floods-response-fr ~ section .donation-form .donation-form__next:visited:before, .ramadan-gaza-ar ~ section .donation-form .donation-form__next:visited:before, .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:visited:before { color: #ffffff; font-weight: bold; } .button--primary:hover, .ukraine-crisis-jp ~ section .donation-form .donation-form__next:hover:before, .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:hover:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:hover:before, .ooredoo-syria ~ section .donation-form .donation-form__next:hover:before, .sudan-crisis-ar ~ section .donation-form .donation-form__next:hover:before, .helpgaza-ar ~ section .donation-form .donation-form__next:hover:before, .drc-floods-response-fr ~ section .donation-form .donation-form__next:hover:before, .ramadan-gaza-ar ~ section .donation-form .donation-form__next:hover:before, .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:hover:before, .button--primary:focus, .ukraine-crisis-jp ~ section .donation-form .donation-form__next:focus:before, .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:focus:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:focus:before, .ooredoo-syria ~ section .donation-form .donation-form__next:focus:before, .sudan-crisis-ar ~ section .donation-form .donation-form__next:focus:before, .helpgaza-ar ~ section .donation-form .donation-form__next:focus:before, .drc-floods-response-fr ~ section .donation-form .donation-form__next:focus:before, .ramadan-gaza-ar ~ section .donation-form .donation-form__next:focus:before, .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:focus:before { color: #ffffff; font-weight: bold; } .button--primary:active, .ukraine-crisis-jp ~ section .donation-form .donation-form__next:active:before, .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:active:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:active:before, .ooredoo-syria ~ section .donation-form .donation-form__next:active:before, .sudan-crisis-ar ~ section .donation-form .donation-form__next:active:before, .helpgaza-ar ~ section .donation-form .donation-form__next:active:before, .drc-floods-response-fr ~ section .donation-form .donation-form__next:active:before, .ramadan-gaza-ar ~ section .donation-form .donation-form__next:active:before, .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:active:before { color: #ffffff; font-weight: bold; } .button--secondary, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:nth-child(1):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:nth-child(2):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:nth-child(3):before { color: #ffffff; padding: 0.875em; font-size: 1em; font-weight: bold; text-transform: uppercase; background-color: #778ea9; text-decoration: none; border-radius: 0px; } .button--secondary:visited, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:visited:nth-child(1):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:visited:nth-child(2):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:visited:nth-child(3):before { color: #ffffff; font-weight: bold; } .button--secondary:hover, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:hover:nth-child(1):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:hover:nth-child(2):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:hover:nth-child(3):before, .button--secondary:focus, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:focus:nth-child(1):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:focus:nth-child(2):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:focus:nth-child(3):before { color: #ffffff; font-weight: bold; } .button--secondary:active, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:active:nth-child(1):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:active:nth-child(2):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:active:nth-child(3):before { color: #ffffff; font-weight: bold; } .button--inverse { color: #fe4e5b; padding: 0.875em; font-size: 1em; font-weight: bold; text-transform: uppercase; background-color: #ffffff; text-decoration: none; border-radius: 0px; } .button--inverse:visited { color: #fe4e5b; font-weight: bold; } .button--inverse:hover, .button--inverse:focus { color: #fe4e5b; font-weight: bold; } .button--inverse:active { color: #fe4e5b; font-weight: bold; } .button--cta { color: #ffffff; padding: 0.875em; font-size: 1em; font-weight: bold; text-transform: uppercase; background-color: #fe4e5b; text-decoration: none; border-radius: 0px; } .button--cta:visited { color: #ffffff; font-weight: bold; } .button--cta:hover, .button--cta:focus { color: #ffffff; font-weight: bold; } .button--cta:active { color: #ffffff; font-weight: bold; } .button--facebook { color: #ffffff; padding: 0.875em; font-size: 1em; font-weight: bold; text-transform: uppercase; background-color: #003882; text-decoration: none; border-radius: 0px; } .button--facebook:visited { color: #ffffff; font-weight: bold; } .button--facebook:hover, .button--facebook:focus { color: #ffffff; font-weight: bold; } .button--facebook:active { color: #ffffff; font-weight: bold; } .block--primary, .block-primary, .raisely-blockwrapper-primary { background: #2B8CD9; } .block---colour-primary, .block--colour-primary, .raisely-blockwrapper--colour-primary { color: #2B8CD9; } .block---border-primary, .block--border-primary, .raisely-blockwrapper--border-primary { border-color: #2B8CD9; } .block--primary-dark, .block-primary-dark, .raisely-blockwrapper-primary-dark { background: #2071b1; } .block---colour-primary-dark, .block--colour-primary-dark, .raisely-blockwrapper--colour-primary-dark { color: #2071b1; } .block---border-primary-dark, .block--border-primary-dark, .raisely-blockwrapper--border-primary-dark { border-color: #2071b1; } .block--primary-darker, .block-primary-darker, .raisely-blockwrapper-primary-darker { background: #185586; } .block---colour-primary-darker, .block--colour-primary-darker, .raisely-blockwrapper--colour-primary-darker { color: #185586; } .block---border-primary-darker, .block--border-primary-darker, .raisely-blockwrapper--border-primary-darker { border-color: #185586; } .block--primary-darkest, .block-primary-darkest, .raisely-blockwrapper-primary-darkest { background: #103a5b; color: white; } .block---colour-primary-darkest, .block--colour-primary-darkest, .raisely-blockwrapper--colour-primary-darkest { color: #103a5b; } .block---border-primary-darkest, .block--border-primary-darkest, .raisely-blockwrapper--border-primary-darkest { border-color: #103a5b; } .block--primary-light, .block-primary-light, .raisely-blockwrapper-primary-light { background: #56a3e1; } .block---colour-primary-light, .block--colour-primary-light, .raisely-blockwrapper--colour-primary-light { color: #56a3e1; } .block---border-primary-light, .block--border-primary-light, .raisely-blockwrapper--border-primary-light { border-color: #56a3e1; } .block--primary-lighter, .block-primary-lighter, .raisely-blockwrapper-primary-lighter { background: #81bbe9; } .block---colour-primary-lighter, .block--colour-primary-lighter, .raisely-blockwrapper--colour-primary-lighter { color: #81bbe9; } .block---border-primary-lighter, .block--border-primary-lighter, .raisely-blockwrapper--border-primary-lighter { border-color: #81bbe9; } .block--primary-lightest, .block-primary-lightest, .raisely-blockwrapper-primary-lightest { background: #add2f0; } .block---colour-primary-lightest, .block--colour-primary-lightest, .raisely-blockwrapper--colour-primary-lightest { color: #add2f0; } .block---border-primary-lightest, .block--border-primary-lightest, .raisely-blockwrapper--border-primary-lightest { border-color: #add2f0; } .block--primary-super-light, .block-primary-super-light, .raisely-blockwrapper-primary-super-light { background: #fff; } .block---colour-primary-super-light, .block--colour-primary-super-light, .raisely-blockwrapper--colour-primary-super-light { color: #fff; } .block---border-primary-super-light, .block--border-primary-super-light, .raisely-blockwrapper--border-primary-super-light { border-color: #fff; } .block--secondary, .block-secondary, .raisely-blockwrapper-secondary { background: #394B5D; color: white; } .block---colour-secondary, .block--colour-secondary, .raisely-blockwrapper--colour-secondary { color: #394B5D; } .block---border-secondary, .block--border-secondary, .raisely-blockwrapper--border-secondary { border-color: #394B5D; } .block--secondary-dark, .block-secondary-dark, .raisely-blockwrapper-secondary-dark { background: #26323d; color: white; } .block---colour-secondary-dark, .block--colour-secondary-dark, .raisely-blockwrapper--colour-secondary-dark { color: #26323d; } .block---border-secondary-dark, .block--border-secondary-dark, .raisely-blockwrapper--border-secondary-dark { border-color: #26323d; } .block--secondary-darker, .block-secondary-darker, .raisely-blockwrapper-secondary-darker { background: #12181e; color: white; } .block---colour-secondary-darker, .block--colour-secondary-darker, .raisely-blockwrapper--colour-secondary-darker { color: #12181e; } .block---border-secondary-darker, .block--border-secondary-darker, .raisely-blockwrapper--border-secondary-darker { border-color: #12181e; } .block--secondary-darkest, .block-secondary-darkest, .raisely-blockwrapper-secondary-darkest { background: #000; color: white; } .block---colour-secondary-darkest, .block--colour-secondary-darkest, .raisely-blockwrapper--colour-secondary-darkest { color: #000; } .block---border-secondary-darkest, .block--border-secondary-darkest, .raisely-blockwrapper--border-secondary-darkest { border-color: #000; } .block--secondary-light, .block-secondary-light, .raisely-blockwrapper-secondary-light { background: #4c657d; } .block---colour-secondary-light, .block--colour-secondary-light, .raisely-blockwrapper--colour-secondary-light { color: #4c657d; } .block---border-secondary-light, .block--border-secondary-light, .raisely-blockwrapper--border-secondary-light { border-color: #4c657d; } .block--secondary-lighter, .block-secondary-lighter, .raisely-blockwrapper-secondary-lighter { background: #607e9c; } .block---colour-secondary-lighter, .block--colour-secondary-lighter, .raisely-blockwrapper--colour-secondary-lighter { color: #607e9c; } .block---border-secondary-lighter, .block--border-secondary-lighter, .raisely-blockwrapper--border-secondary-lighter { border-color: #607e9c; } .block--secondary-lightest, .block-secondary-lightest, .raisely-blockwrapper-secondary-lightest { background: #7f98b0; } .block---colour-secondary-lightest, .block--colour-secondary-lightest, .raisely-blockwrapper--colour-secondary-lightest { color: #7f98b0; } .block---border-secondary-lightest, .block--border-secondary-lightest, .raisely-blockwrapper--border-secondary-lightest { border-color: #7f98b0; } .block--secondary-super-light, .block-secondary-super-light, .raisely-blockwrapper-secondary-super-light { background: #becbd7; } .block---colour-secondary-super-light, .block--colour-secondary-super-light, .raisely-blockwrapper--colour-secondary-super-light { color: #becbd7; } .block---border-secondary-super-light, .block--border-secondary-super-light, .raisely-blockwrapper--border-secondary-super-light { border-color: #becbd7; } .row--campaign-image:not(.row--has-background-image) .row__bg, .block--campaign-image, .col--campaign-image { background: url("../images/792832-jpg-6ed61c.jpg") no-repeat center/cover; } .row--campaign-logo .row__bg, .block--campaign-logo, .col--campaign-logo .col__container { background: url("../images/un-crisis-relief-png-ea5540.png") no-repeat center/contain; } @media (max-width: 1024px) { .align-center--tb { text-align: center; } .align-center--tb > * { margin-left: auto; margin-right: auto; } .align-center--tb .button-row { text-align: inherit; } } @media (max-width: 736px) { .align-center--mb { text-align: center; } .align-center--mb > * { margin-left: auto; margin-right: auto; } .align-center--mb .button-row { text-align: inherit; } } .links--color-inherit a { text-decoration: none; } .links--color-inherit a:hover, .links--color-inherit a:focus { text-decoration: underline; } .links--color-inherit a, .links--color-inherit a:hover, .links--color-inherit a:focus, .links--color-inherit a:visited { color: inherit; } p.smallest, .smallest p { font-size: Max(calc(15px * 0.65), 10px); } p.smaller, .smaller p { font-size: Max(calc(15px * 0.75), 12px); } p.small, .small p { font-size: calc(15px * 0.85); } p.large, .large p { font-size: calc(15px * 1.15); } p.larger, .larger p, p.lead, .lead p { font-size: calc(15px * 1.25); } p.largest, .largest p { font-size: calc(15px * 1.35); } .small img { width: 30%; } h1 { font-size: 3rem; margin-top: 1rem; margin-bottom: 1rem; font-family: "Roboto Condensed"; font-weight: bold; text-transform: uppercase; letter-spacing: 0em; line-height: 1; color: #12181e; } @media (max-width: 1024px) { h1 { font-size: 2.475rem; } } @media (max-width: 736px) { h1 { font-size: 2.25rem; } } @media (max-width: 1024px) { h1 { margin-top: calc(16px * calc(0.75 * 1.1)); } } @media (max-width: 736px) { h1 { margin-top: calc(16px * 0.75); } } @media (max-width: 1024px) { h1 { margin-bottom: calc(16px * calc(0.75 * 1.1)); } } @media (max-width: 736px) { h1 { margin-bottom: calc(16px * 0.75); } } h2 { font-size: 1.875rem; margin-top: 1rem; margin-bottom: 1rem; font-family: "Roboto Slab"; font-weight: regular; letter-spacing: 0em; line-height: 1.15; color: #12181e; } @media (max-width: 1024px) { h2 { font-size: 1.54688rem; } } @media (max-width: 736px) { h2 { font-size: 1.40625rem; } } @media (max-width: 1024px) { h2 { margin-top: calc(16px * calc(0.75 * 1.1)); } } @media (max-width: 736px) { h2 { margin-top: calc(16px * 0.75); } } @media (max-width: 1024px) { h2 { margin-bottom: calc(16px * calc(0.75 * 1.1)); } } @media (max-width: 736px) { h2 { margin-bottom: calc(16px * 0.75); } } h3 { font-size: 1.875rem; margin-top: 1rem; margin-bottom: 1rem; font-family: "Roboto Condensed"; font-weight: bold; text-transform: uppercase; letter-spacing: 0em; line-height: 1.1; color: #12181e; } @media (max-width: 1024px) { h3 { font-size: 1.54688rem; } } @media (max-width: 736px) { h3 { font-size: 1.40625rem; } } @media (max-width: 1024px) { h3 { margin-top: calc(16px * calc(0.75 * 1.1)); } } @media (max-width: 736px) { h3 { margin-top: calc(16px * 0.75); } } @media (max-width: 1024px) { h3 { margin-bottom: calc(16px * calc(0.75 * 1.1)); } } @media (max-width: 736px) { h3 { margin-bottom: calc(16px * 0.75); } } h4 { font-size: 1.1875rem; margin-top: 0.5rem; margin-bottom: 0.25rem; font-family: "Roboto Condensed"; font-weight: 600; text-transform: uppercase; letter-spacing: 0em; line-height: 1.1; color: secondary-darkekr; } @media (max-width: 1024px) { h4 { font-size: 18px; } } @media (max-width: 1024px) { h4 { margin-top: calc(8px * calc(0.75 * 1.1)); } } @media (max-width: 736px) { h4 { margin-top: calc(8px * 0.75); } } @media (max-width: 1024px) { h4 { margin-bottom: calc(4px * calc(0.75 * 1.1)); } } @media (max-width: 736px) { h4 { margin-bottom: calc(4px * 0.75); } } h5 { font-size: 1rem; margin-top: 1rem; margin-bottom: 1rem; font-family: "Roboto Condensed"; font-weight: 700; letter-spacing: 0em; line-height: 1.1; color: #12181e; } h6 { font-size: 0.6875rem; margin-top: 1rem; margin-bottom: 1rem; font-family: "Roboto"; font-weight: bold; letter-spacing: 0em; line-height: 1.4; color: #12181e; } p { font-size: 0.9375rem; font-family: "Roboto"; letter-spacing: 0em; line-height: 1.6; } .button, .note-editor-container .note-editor .btn { border-style: solid; border-width: 2px; transition: 0.3s cubic-bezier(0.2, 0, 0.1, 1); } .button:before, .note-editor-container .note-editor .btn:before, .button:after, .note-editor-container .note-editor .btn:after { transition: 0.3s cubic-bezier(0.2, 0, 0.1, 1), border-color 0s; } .button--no-backdrop:not(.override):before { background-color: transparent; } .button--full, .buttons--full .button { min-width: calc(100% - calc(0.5em * 2)); margin-right: 0; } @media (max-width: 736px) { .button-mb--full, .buttons-mb--full .button { min-width: calc(100% - calc(0.5em * 2)); margin-right: 0; } } .col--3 .button-mb--full, .col--4 .button-mb--full, .col--5 .button-mb--full, .col--6 .button-mb--full, .col--3 .buttons-mb--full .button, .col--4 .buttons-mb--full .button, .col--5 .buttons-mb--full .button, .col--6 .buttons-mb--full .button { min-width: calc(100% - calc(0.5em * 2)); margin-right: 0; } @media (max-width: 736px) { .col--5 .button-mb--full, .col--6 .button-mb--full, .col--7 .button-mb--full, .col--8 .button-mb--full, .col--9 .button-mb--full, .col--10 .button-mb--full, .col--11 .button-mb--full, .col--12 .button-mb--full, .col--5 .buttons-mb--full .button, .col--6 .buttons-mb--full .button, .col--7 .buttons-mb--full .button, .col--8 .buttons-mb--full .button, .col--9 .buttons-mb--full .button, .col--10 .buttons-mb--full .button, .col--11 .buttons-mb--full .button, .col--12 .buttons-mb--full .button { min-width: calc(100% - calc(0.5em * 2)); margin-right: 0; } } @media (max-width: 400px) { .button-smb--full, .buttons-smb--full .button { min-width: calc(100% - calc(0.5em * 2)); margin-right: 0; } } .col-- .button-smb--full, .col-- .buttons-smb--full .button { min-width: calc(100% - calc(0.5em * 2)); margin-right: 0; } @media (max-width: 400px) { .col--2 .button-smb--full, .col--3 .button-smb--full, .col--4 .button-smb--full, .col--5 .button-smb--full, .col--6 .button-smb--full, .col--7 .button-smb--full, .col--8 .button-smb--full, .col--9 .button-smb--full, .col--10 .button-smb--full, .col--11 .button-smb--full, .col--12 .button-smb--full, .col--2 .buttons-smb--full .button, .col--3 .buttons-smb--full .button, .col--4 .buttons-smb--full .button, .col--5 .buttons-smb--full .button, .col--6 .buttons-smb--full .button, .col--7 .buttons-smb--full .button, .col--8 .buttons-smb--full .button, .col--9 .buttons-smb--full .button, .col--10 .buttons-smb--full .button, .col--11 .buttons-smb--full .button, .col--12 .buttons-smb--full .button { min-width: calc(100% - calc(0.5em * 2)); margin-right: 0; } } .button--half, .buttons--half .button { min-width: calc(50% - calc(0.5em * 2)); } @media (max-width: 736px) { .button-mb--half, .buttons-mb--half .button { min-width: calc(50% - calc(0.5em * 2)); } } .col--3 .button-mb--half, .col--4 .button-mb--half, .col--5 .button-mb--half, .col--6 .button-mb--half, .col--3 .buttons-mb--half .button, .col--4 .buttons-mb--half .button, .col--5 .buttons-mb--half .button, .col--6 .buttons-mb--half .button { min-width: calc(50% - calc(0.5em * 2)); } @media (max-width: 736px) { .col--5 .button-mb--half, .col--6 .button-mb--half, .col--7 .button-mb--half, .col--8 .button-mb--half, .col--9 .button-mb--half, .col--10 .button-mb--half, .col--11 .button-mb--half, .col--12 .button-mb--half, .col--5 .buttons-mb--half .button, .col--6 .buttons-mb--half .button, .col--7 .buttons-mb--half .button, .col--8 .buttons-mb--half .button, .col--9 .buttons-mb--half .button, .col--10 .buttons-mb--half .button, .col--11 .buttons-mb--half .button, .col--12 .buttons-mb--half .button { min-width: calc(50% - calc(0.5em * 2)); } } @media (max-width: 400px) { .button-smb--half, .buttons-smb--half .button { min-width: calc(50% - calc(0.5em * 2)); } } .col-- .button-smb--half, .col-- .buttons-smb--half .button { min-width: calc(50% - calc(0.5em * 2)); } @media (max-width: 400px) { .col--2 .button-smb--half, .col--3 .button-smb--half, .col--4 .button-smb--half, .col--5 .button-smb--half, .col--6 .button-smb--half, .col--7 .button-smb--half, .col--8 .button-smb--half, .col--9 .button-smb--half, .col--10 .button-smb--half, .col--11 .button-smb--half, .col--12 .button-smb--half, .col--2 .buttons-smb--half .button, .col--3 .buttons-smb--half .button, .col--4 .buttons-smb--half .button, .col--5 .buttons-smb--half .button, .col--6 .buttons-smb--half .button, .col--7 .buttons-smb--half .button, .col--8 .buttons-smb--half .button, .col--9 .buttons-smb--half .button, .col--10 .buttons-smb--half .button, .col--11 .buttons-smb--half .button, .col--12 .buttons-smb--half .button { min-width: calc(50% - calc(0.5em * 2)); } } .button--small, .buttons--small .button { font-size: 0.95em; font-size: Min(14px, 0.95em); padding: 0.75em 0.85em; } @media (max-width: 736px) { .button-mb--small, .buttons-mb--small .button { font-size: 0.95em; font-size: Min(14px, 0.95em); padding: 0.75em 0.85em; } } .col--3 .button-mb--small, .col--4 .button-mb--small, .col--5 .button-mb--small, .col--6 .button-mb--small, .col--3 .buttons-mb--small .button, .col--4 .buttons-mb--small .button, .col--5 .buttons-mb--small .button, .col--6 .buttons-mb--small .button { font-size: 0.95em; font-size: Min(14px, 0.95em); padding: 0.75em 0.85em; } @media (max-width: 736px) { .col--5 .button-mb--small, .col--6 .button-mb--small, .col--7 .button-mb--small, .col--8 .button-mb--small, .col--9 .button-mb--small, .col--10 .button-mb--small, .col--11 .button-mb--small, .col--12 .button-mb--small, .col--5 .buttons-mb--small .button, .col--6 .buttons-mb--small .button, .col--7 .buttons-mb--small .button, .col--8 .buttons-mb--small .button, .col--9 .buttons-mb--small .button, .col--10 .buttons-mb--small .button, .col--11 .buttons-mb--small .button, .col--12 .buttons-mb--small .button { font-size: 0.95em; font-size: Min(14px, 0.95em); padding: 0.75em 0.85em; } } @media (max-width: 400px) { .button-smb--small, .buttons-smb--small .button { font-size: 0.95em; font-size: Min(14px, 0.95em); padding: 0.75em 0.85em; } } .col-- .button-smb--small, .col-- .buttons-smb--small .button { font-size: 0.95em; font-size: Min(14px, 0.95em); padding: 0.75em 0.85em; } @media (max-width: 400px) { .col--2 .button-smb--small, .col--3 .button-smb--small, .col--4 .button-smb--small, .col--5 .button-smb--small, .col--6 .button-smb--small, .col--7 .button-smb--small, .col--8 .button-smb--small, .col--9 .button-smb--small, .col--10 .button-smb--small, .col--11 .button-smb--small, .col--12 .button-smb--small, .col--2 .buttons-smb--small .button, .col--3 .buttons-smb--small .button, .col--4 .buttons-smb--small .button, .col--5 .buttons-smb--small .button, .col--6 .buttons-smb--small .button, .col--7 .buttons-smb--small .button, .col--8 .buttons-smb--small .button, .col--9 .buttons-smb--small .button, .col--10 .buttons-smb--small .button, .col--11 .buttons-smb--small .button, .col--12 .buttons-smb--small .button { font-size: 0.95em; font-size: Min(14px, 0.95em); padding: 0.75em 0.85em; } } .button--primary, .ukraine-crisis-jp ~ section .donation-form .donation-form__next:before, .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:before, .ooredoo-syria ~ section .donation-form .donation-form__next:before, .sudan-crisis-ar ~ section .donation-form .donation-form__next:before, .helpgaza-ar ~ section .donation-form .donation-form__next:before, .drc-floods-response-fr ~ section .donation-form .donation-form__next:before, .ramadan-gaza-ar ~ section .donation-form .donation-form__next:before, .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:before, .note-editor-container .note-editor .btn-primary { --btn-bg: #fe4e5b; --btn-color: #ffffff; } .button--primary:hover, .ukraine-crisis-jp ~ section .donation-form .donation-form__next:hover:before, .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:hover:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:hover:before, .ooredoo-syria ~ section .donation-form .donation-form__next:hover:before, .sudan-crisis-ar ~ section .donation-form .donation-form__next:hover:before, .helpgaza-ar ~ section .donation-form .donation-form__next:hover:before, .drc-floods-response-fr ~ section .donation-form .donation-form__next:hover:before, .ramadan-gaza-ar ~ section .donation-form .donation-form__next:hover:before, .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:hover:before, .note-editor-container .note-editor .btn-primary:hover, .button--primary:focus, .ukraine-crisis-jp ~ section .donation-form .donation-form__next:focus:before, .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:focus:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:focus:before, .ooredoo-syria ~ section .donation-form .donation-form__next:focus:before, .sudan-crisis-ar ~ section .donation-form .donation-form__next:focus:before, .helpgaza-ar ~ section .donation-form .donation-form__next:focus:before, .drc-floods-response-fr ~ section .donation-form .donation-form__next:focus:before, .ramadan-gaza-ar ~ section .donation-form .donation-form__next:focus:before, .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:focus:before, .note-editor-container .note-editor .btn-primary:focus { background: #fe1b2c; border-color: #fe1b2c; color: black; } .button--secondary, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:nth-child(1):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:nth-child(2):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:nth-child(3):before { --btn-bg: #778ea9; --btn-color: #ffffff; } .button--secondary:hover, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:hover:nth-child(1):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:hover:nth-child(2):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:hover:nth-child(3):before, .button--secondary:focus, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:focus:nth-child(1):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:focus:nth-child(2):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:focus:nth-child(3):before { background: #5c7491; border-color: #5c7491; color: #ffffff; } .button--inverse { --btn-bg: #ffffff; --btn-color: #fe4e5b; } .button--inverse:hover, .button--inverse:focus { background: #e6e6e6; border-color: #e6e6e6; color: #b2010e; } .button--cta { --btn-bg: #fe4e5b; --btn-color: #ffffff; } .button--cta:hover, .button--cta:focus { background: #fe1b2c; border-color: #fe1b2c; color: black; } .button--facebook { --btn-bg: #003882; --btn-color: #ffffff; } .button--facebook:hover, .button--facebook:focus { background: #004eb5; border-color: #004eb5; color: #ffffff; } .button--donation { --btn-bg: #fe4e5b; --btn-color: #ffffff; } .button--donation:hover, .donation-form__amount-btn--selected.button--donation, .button--donation:focus { background: #fe1b2c; border-color: #fe1b2c; color: black; } .polaroid .image-wrapper { transform: rotate(4deg); position: relative; display: inline-block; overflow: unset; border-radius: 3px 3px 1px 1px; padding: 1.5em 1.5em 4em; background-color: #fff; box-shadow: 0 2px 14px rgba(121, 40, 153, 0.1); box-shadow: 0 3px 20px #d3d3d3; } .polaroid .image-wrapper::before { content: ''; position: absolute; width: 6em; height: 0.65em; transform: rotate(45deg); background-color: rgba(255, 249, 193, 0.75); backdrop-filter: blur(2px); box-shadow: 0 2px 14px rgba(121, 40, 153, 0.1); bottom: 1.5em; left: -1.25em; } .polaroid .image-wrapper::after { top: 1.5em; right: -1.25em; content: ''; position: absolute; width: 6em; height: 0.65em; transform: rotate(45deg); background-color: rgba(255, 249, 193, 0.75); backdrop-filter: blur(2px); box-shadow: 0 2px 14px rgba(121, 40, 153, 0.1); } .profile-image__photo { color: #2B8CD9; } .share-button--monotone { background-color: #2B8CD9; color: #010304; } .share-button--monotone:hover, .share-button--monotone:focus { color: #010304; background-color: #2071b1; } .share-button--monotone-inverted { background-color: white; color: #2071b1; } .share-button--monotone-inverted:hover, .share-button--monotone-inverted:focus { background-color: #e9f3fb; color: #2071b1; } .spinner_stroke { transition: border-left-color 0.3s cubic-bezier(0.2, 0, 0.1, 1); border-left-color: #2B8CD9; } .facebook-fundraising-connect__modal ul li:before { background: #add2f0; color: #2071b1; } .facebook-fundraising-connect__buttons__close { color: #2071b1; } .form-field, .note-editor-container .note-editor .form-group, .note-editor-container .note-editor .checkbox { border-color: rgba(24, 85, 134, 0.5); color: #185586; background: white; } .form-field::placeholder, .note-editor-container .note-editor .form-group::placeholder, .note-editor-container .note-editor .checkbox::placeholder { color: rgba(24, 85, 134, 0.66); } .form-field:focus-within, .note-editor-container .note-editor .form-group:focus-within, .note-editor-container .note-editor .checkbox:focus-within { border-color: #2071b1; } .form-field--checkbox, .note-editor-container .note-editor .checkbox { border-width: 0 !important; background: none; padding: 0; color: inherit; } .form-field--checkbox input, .note-editor-container .note-editor .checkbox input { top: 0; margin-top: 0; padding: 9px; border-color: rgba(32, 113, 177, 0.75); border-radius: 4px; } .form-field--checkbox input:checked, .note-editor-container .note-editor .checkbox input:checked { border-color: #2071b1; } .form-field--checkbox input:focus-visible, .note-editor-container .note-editor .checkbox input:focus-visible { box-shadow: 0 0 0 3px rgba(32, 113, 177, 0.5); } .form-field--checkbox input:disabled, .note-editor-container .note-editor .checkbox input:disabled { background-color: #ededed; } .form-field--boolean__switch--on { background: #2071b1; } .header__amount-display { font-family: "Roboto Condensed"; } .matched-giving-calculator__calculator__item--multiplier { font-family: "Roboto Condensed"; } .matched-giving-calculator__calculator__value { color: #12181e; } .highlight-donation { border-color: #2B8CD9; } .highlight-donation__title { background: #2B8CD9; color: #1a1a1a; } .highlight-donation__amount { font-size: 1.1875rem; margin-top: 0.5rem; margin-bottom: 0.25rem; font-family: "Roboto Condensed"; font-weight: 600; text-transform: uppercase; letter-spacing: 0em; line-height: 1.1; color: currentColor; } @media (max-width: 1024px) { .highlight-donation__amount { font-size: 18px; } } @media (max-width: 1024px) { .highlight-donation__amount { margin-top: calc(8px * calc(0.75 * 1.1)); } } @media (max-width: 736px) { .highlight-donation__amount { margin-top: calc(8px * 0.75); } } @media (max-width: 1024px) { .highlight-donation__amount { margin-bottom: calc(4px * calc(0.75 * 1.1)); } } @media (max-width: 736px) { .highlight-donation__amount { margin-bottom: calc(4px * 0.75); } } .row--background-primary-super-light .highlight-donation__amount, .col--background-primary-super-light .col__container .highlight-donation__amount, .block--background-primary-super-light .highlight-donation__amount, [class*="BlockWrapperContainer"].block--background-primary-super-light .highlight-donation__amount { color: #2071b1; } .row--background-primary-darkest .highlight-donation__amount, .col--background-primary-darkest .col__container .highlight-donation__amount, .block--background-primary-darkest .highlight-donation__amount, [class*="BlockWrapperContainer"].block--background-primary-darkest .highlight-donation__amount { color: #2B8CD9; } .row--background-primary-dark .highlight-donation__amount, .col--background-primary-dark .col__container .highlight-donation__amount, .block--background-primary-dark .highlight-donation__amount, [class*="BlockWrapperContainer"].block--background-primary-dark .highlight-donation__amount { color: #81bbe9; } .profile-search__icon { color: #2071b1; } .profile-tile__rank { background: #2B8CD9; color: #fff; } .profile-tile--detail-post { background: #394B5D; } .progress-bar__progress { background: #dcecf9; } .progress-bar__bar { background: #2B8CD9; } .progress-bar__bar .progress-bar__total { color: #fff; } .progress-circle { width: 100%; } .progress-circle svg { width: 100%; } .progress-circle__back { stroke: #dcecf9; } .progress-circle__middle { stroke: #394B5D; } .progress-circle__front { stroke: #2B8CD9; } .quotes__author { color: #81bbe9; } .material-icons--quote-nav { color: #4c657d; } .note-editor-container .note-editor .note-modal-title { font-size: 1.1875rem; font-family: "Roboto Condensed"; font-weight: 600; text-transform: uppercase; letter-spacing: 0em; line-height: 1.1; } @media (max-width: 1024px) { .note-editor-container .note-editor .note-modal-title { font-size: 18px; } } .donation-form { color: #185586; } .donation-form h3 { color: inherit; } .donation-form__amount-type-btn, .donation-form__payment-buttons-btn { border-color: #185586; } .donation-form__amount-type-btn--active, .donation-form__payment-buttons-btn--active { background-color: #185586; color: white; } .donation-form__amount-type-btn--inactive, .donation-form__payment-buttons-btn--inactive { color: inherit; } .donation-form__amount-type-btn--inactive { color: inherit; } .donation-form--over-image h4 { color: #2B8CD9; } .donation-form__other-field.form-field, .note-editor-container .note-editor .donation-form__other-field.form-group, .note-editor-container .note-editor .donation-form__other-field.checkbox { border-color: #2B8CD9; background: white; } .donation-form__other-field.form-field:focus-within, .note-editor-container .note-editor .donation-form__other-field.form-group:focus-within, .note-editor-container .note-editor .donation-form__other-field.checkbox:focus-within { border-color: #2B8CD9; } .donation-form__amount--has-text .donation-form__other-field { color: #185586; } .donation-form__amount-btn { border-color: #fe4e5b; background: white; color: #e50112; } .donation-form__amount-btn:hover, .donation-form__amount-btn--selected.button--donation, .donation-form__amount-btn:focus { background: #fe4e5b; border-color: #fe4e5b; color: #1a1a1a; background: #fe4e5b; border-color: #fe4e5b; color: #1a1a1a; } .donation-form__amount-btn:hover:before, .donation-form__amount-btn--selected.button--donation:before, .donation-form__amount-btn:focus:before { background-color: transparent; } .donation-form__amount-btn--selected.button--donation { box-shadow: 0 0 0 4px rgba(254, 78, 91, 0.25); } .donation-form__recommended-badge { border: 1px solid rgba(26, 26, 26, 0.3); border-radius: 4px; background: #778ea9; color: #1a1a1a; } .donation-form--v3 { color: #185586; } .donation-form--v3 h2 { color: inherit; } .donation-form--v3 .donation-form__header { background: white; } .donation-form--v3 .donation-form__step-select__back-btn { color: inherit; } .donation-form--v3 .donation-form__step-select__back-btn span { color: inherit; } .donation-form--v3 .donation-form__step-select__step--active { border-color: #2B8CD9; } .donation-form--v3 .donation-form__step-select__step--active .current { background: #2B8CD9; } .donation-form--v3 .donation-form__step-select__step .completed { background: #2B8CD9; } .donation-form--v3 .donation-form__amount-type { border-color: #2B8CD9; background-color: #2B8CD9; } .donation-form--v3 .donation-form__amount-type-btn, .donation-form--v3 .donation-form__payment-buttons-btn { border-color: #2B8CD9; background-color: #2B8CD9; } .donation-form--v3 .donation-form__amount-type-btn--active, .donation-form--v3 .donation-form__payment-buttons-btn--active { background-color: white; } .donation-form--v3 .donation-form__amount-type-btn--active ~ .frequency-label, .donation-form--v3 .donation-form__payment-buttons-btn--active ~ .frequency-label { color: #185586; } .donation-form--v3 .donation-form__amount-type-btn--inactive .frequency-label, .donation-form--v3 .donation-form__payment-buttons-btn--inactive .frequency-label { color: #090909; } .donation-form--v3 .donation-form__amount-type-btn--inactive .frequency-label:hover, .donation-form--v3 .donation-form__payment-buttons-btn--inactive .frequency-label:hover { color: #090909; } .donation-form--v3 .donation-form__amount-type-upsell-nudge { background: #394B5D; color: #e6e6e6; } .donation-form--v3 .donation-form__amount-type-upsell-nudge::before { border-bottom-color: #394B5D; } .donation-form--v3 .donation-form__amount-type-upsell-nudge::after { border-bottom-color: #394B5D; } .donation-form--v3 .donation-form__other-field.form-field input.input-full, .donation-form--v3 .note-editor-container .note-editor .donation-form__other-field.form-group input.input-full, .note-editor-container .note-editor .donation-form--v3 .donation-form__other-field.form-group input.input-full, .donation-form--v3 .note-editor-container .note-editor .donation-form__other-field.checkbox input.input-full, .note-editor-container .note-editor .donation-form--v3 .donation-form__other-field.checkbox input.input-full, .donation-form--v3 .donation-form__other-field.form-field input::placeholder, .donation-form--v3 .note-editor-container .note-editor .donation-form__other-field.form-group input::placeholder, .note-editor-container .note-editor .donation-form--v3 .donation-form__other-field.form-group input::placeholder, .donation-form--v3 .note-editor-container .note-editor .donation-form__other-field.checkbox input::placeholder, .note-editor-container .note-editor .donation-form--v3 .donation-form__other-field.checkbox input::placeholder { color: #2070b1; } .donation-form--v3 .donation-form__nav:not(.override) .donation-form__method-button, .donation-form--v3 .donation-form__nav:not(.override) .donation-form__next, .donation-form--v3 .donation-form__stripe-buttons:not(.override) .donation-form__submit-button { background-color: #2B8CD9; color: #010304; border-color: #2B8CD9; } .donation-form--v3 .donation-form__nav:not(.override) .donation-form__method-button:hover, .donation-form--v3 .donation-form__nav:not(.override) .donation-form__method-button:focus, .donation-form--v3 .donation-form__nav:not(.override) .donation-form__next:hover, .donation-form--v3 .donation-form__nav:not(.override) .donation-form__next:focus, .donation-form--v3 .donation-form__stripe-buttons:not(.override) .donation-form__submit-button:hover, .donation-form--v3 .donation-form__stripe-buttons:not(.override) .donation-form__submit-button:focus { background-color: #52a1e0; border-color: #52a1e0; color: #081c2b; } .donation-form .donation-form__raisely-fee.v3 .donation-form__raisely-fee__donationHeart, .donation-form--v3 .donation-form__raisely-fee.v3 .donation-form__raisely-fee__donationHeart { fill: #2B8CD9; stroke: white; } .donation-form .donation-form__raisely-fee.v3 .form-field--boolean__switch--on, .donation-form--v3 .donation-form__raisely-fee.v3 .form-field--boolean__switch--on { background: #2B8CD9; } .donation-form .donation-form__raisely-fee.v3.donation-form__raisely-fee--active, .donation-form--v3 .donation-form__raisely-fee.v3.donation-form__raisely-fee--active { border-color: #2B8CD9; } .donation-form .donation-form__body--success #lottie path, .donation-form--v3 .donation-form__body--success #lottie path { fill: #2B8CD9; stroke: #1a1a1a; } .donation-form .donation-form__body--success .donation-form__share, .donation-form--v3 .donation-form__body--success .donation-form__share { background: #2B8CD9; color: #1a1a1a; } .donation-form .donation-form__giving-label, .donation-form--v3 .donation-form__giving-label { background-color: #185586; color: white; } .donation-form .donation-form__body--upsell path, .donation-form .donation-form__body__upsell-step path, .donation-form--v3 .donation-form__body--upsell path, .donation-form--v3 .donation-form__body__upsell-step path { fill: #2B8CD9; stroke: #2B8CD9; } .donation-form .donation-form__body--upsell .accept, .donation-form .donation-form__body__upsell-step .accept, .donation-form--v3 .donation-form__body--upsell .accept, .donation-form--v3 .donation-form__body__upsell-step .accept { background-color: #2B8CD9; color: #010304; border-color: #2B8CD9; } .donation-form .donation-form__body--upsell .accept:hover, .donation-form .donation-form__body--upsell .accept:focus, .donation-form .donation-form__body__upsell-step .accept:hover, .donation-form .donation-form__body__upsell-step .accept:focus, .donation-form--v3 .donation-form__body--upsell .accept:hover, .donation-form--v3 .donation-form__body--upsell .accept:focus, .donation-form--v3 .donation-form__body__upsell-step .accept:hover, .donation-form--v3 .donation-form__body__upsell-step .accept:focus { background-color: #52a1e0; border-color: #52a1e0; color: #081c2b; } .donation-form .donation-form__body--upsell .accept2, .donation-form .donation-form__body__upsell-step .accept2, .donation-form--v3 .donation-form__body--upsell .accept2, .donation-form--v3 .donation-form__body__upsell-step .accept2 { background-color: #d4e8f7; color: #103756; border-color: #d4e8f7; } .donation-form .donation-form__body--upsell .accept2:hover, .donation-form .donation-form__body--upsell .accept2:focus, .donation-form .donation-form__body__upsell-step .accept2:hover, .donation-form .donation-form__body__upsell-step .accept2:focus, .donation-form--v3 .donation-form__body--upsell .accept2:hover, .donation-form--v3 .donation-form__body--upsell .accept2:focus, .donation-form--v3 .donation-form__body__upsell-step .accept2:hover, .donation-form--v3 .donation-form__body__upsell-step .accept2:focus { background-color: #a9d0ef; border-color: #a9d0ef; color: #081c2b; } .donation-form .donation-form__body--upsell .reject, .donation-form .donation-form__body__upsell-step .reject, .donation-form--v3 .donation-form__body--upsell .reject, .donation-form--v3 .donation-form__body__upsell-step .reject { background-color: transparent; color: #103a5b; border: 2px solid #2B8CD9; } .donation-form .donation-form__body--upsell .reject:hover, .donation-form .donation-form__body--upsell .reject:focus, .donation-form .donation-form__body__upsell-step .reject:hover, .donation-form .donation-form__body__upsell-step .reject:focus, .donation-form--v3 .donation-form__body--upsell .reject:hover, .donation-form--v3 .donation-form__body--upsell .reject:focus, .donation-form--v3 .donation-form__body__upsell-step .reject:hover, .donation-form--v3 .donation-form__body__upsell-step .reject:focus { background-color: #2B8CD9; color: #fff; } .donation-form .donation-form__body--upsell .reject:before, .donation-form .donation-form__body--upsell .reject:after, .donation-form .donation-form__body__upsell-step .reject:before, .donation-form .donation-form__body__upsell-step .reject:after, .donation-form--v3 .donation-form__body--upsell .reject:before, .donation-form--v3 .donation-form__body--upsell .reject:after, .donation-form--v3 .donation-form__body__upsell-step .reject:before, .donation-form--v3 .donation-form__body__upsell-step .reject:after { content: none; } .donation-form__body { border-radius: inherit; border-top-right-radius: 0; border-top-left-radius: 0; } .donation-form__body--payment > div, .donation-form__body form, .donation-form__body .form__navigation { border-radius: inherit; } .donation-form__nav, .donation-form__stripe-buttons { position: relative; border-radius: inherit; overflow: hidden; } .donation-form__nav .button--primary, .donation-form__nav .ukraine-crisis-jp ~ section .donation-form .donation-form__next:before, .ukraine-crisis-jp ~ section .donation-form .donation-form__nav .donation-form__next:before, .donation-form__nav .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:before, .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__nav .donation-form__next:before, .donation-form__nav .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__nav .donation-form__next:before, .donation-form__nav .ooredoo-syria ~ section .donation-form .donation-form__next:before, .ooredoo-syria ~ section .donation-form .donation-form__nav .donation-form__next:before, .donation-form__nav .sudan-crisis-ar ~ section .donation-form .donation-form__next:before, .sudan-crisis-ar ~ section .donation-form .donation-form__nav .donation-form__next:before, .donation-form__nav .helpgaza-ar ~ section .donation-form .donation-form__next:before, .helpgaza-ar ~ section .donation-form .donation-form__nav .donation-form__next:before, .donation-form__nav .drc-floods-response-fr ~ section .donation-form .donation-form__next:before, .drc-floods-response-fr ~ section .donation-form .donation-form__nav .donation-form__next:before, .donation-form__nav .ramadan-gaza-ar ~ section .donation-form .donation-form__next:before, .ramadan-gaza-ar ~ section .donation-form .donation-form__nav .donation-form__next:before, .donation-form__nav .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:before, .ooredoo-ramadan-ar ~ section .donation-form .donation-form__nav .donation-form__next:before, .donation-form__stripe-buttons .button--primary, .donation-form__stripe-buttons .ukraine-crisis-jp ~ section .donation-form .donation-form__next:before, .ukraine-crisis-jp ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:before, .donation-form__stripe-buttons .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:before, .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:before, .donation-form__stripe-buttons .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:before, .donation-form__stripe-buttons .ooredoo-syria ~ section .donation-form .donation-form__next:before, .ooredoo-syria ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:before, .donation-form__stripe-buttons .sudan-crisis-ar ~ section .donation-form .donation-form__next:before, .sudan-crisis-ar ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:before, .donation-form__stripe-buttons .helpgaza-ar ~ section .donation-form .donation-form__next:before, .helpgaza-ar ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:before, .donation-form__stripe-buttons .drc-floods-response-fr ~ section .donation-form .donation-form__next:before, .drc-floods-response-fr ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:before, .donation-form__stripe-buttons .ramadan-gaza-ar ~ section .donation-form .donation-form__next:before, .ramadan-gaza-ar ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:before, .donation-form__stripe-buttons .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:before, .ooredoo-ramadan-ar ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:before { font-size: 1.25rem; border-radius: inherit; } .donation-form__nav .button--primary:first-of-type:not(:last-of-type), .donation-form__nav .ukraine-crisis-jp ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .ukraine-crisis-jp ~ section .donation-form .donation-form__nav .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__nav .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__nav .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__nav .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__nav .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__nav .ooredoo-syria ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .ooredoo-syria ~ section .donation-form .donation-form__nav .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__nav .sudan-crisis-ar ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .sudan-crisis-ar ~ section .donation-form .donation-form__nav .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__nav .helpgaza-ar ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .helpgaza-ar ~ section .donation-form .donation-form__nav .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__nav .drc-floods-response-fr ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .drc-floods-response-fr ~ section .donation-form .donation-form__nav .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__nav .ramadan-gaza-ar ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .ramadan-gaza-ar ~ section .donation-form .donation-form__nav .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__nav .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .ooredoo-ramadan-ar ~ section .donation-form .donation-form__nav .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__stripe-buttons .button--primary:first-of-type:not(:last-of-type), .donation-form__stripe-buttons .ukraine-crisis-jp ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .ukraine-crisis-jp ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__stripe-buttons .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__stripe-buttons .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__stripe-buttons .ooredoo-syria ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .ooredoo-syria ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__stripe-buttons .sudan-crisis-ar ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .sudan-crisis-ar ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__stripe-buttons .helpgaza-ar ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .helpgaza-ar ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__stripe-buttons .drc-floods-response-fr ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .drc-floods-response-fr ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__stripe-buttons .ramadan-gaza-ar ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .ramadan-gaza-ar ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:first-of-type:not(:last-of-type):before, .donation-form__stripe-buttons .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:first-of-type:not(:last-of-type):before, .ooredoo-ramadan-ar ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:first-of-type:not(:last-of-type):before { border-top-right-radius: 0; border-bottom-right-radius: 0; } .donation-form__nav .button--primary:last-of-type:not(:first-of-type), .donation-form__nav .ukraine-crisis-jp ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .ukraine-crisis-jp ~ section .donation-form .donation-form__nav .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__nav .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__nav .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__nav .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__nav .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__nav .ooredoo-syria ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .ooredoo-syria ~ section .donation-form .donation-form__nav .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__nav .sudan-crisis-ar ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .sudan-crisis-ar ~ section .donation-form .donation-form__nav .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__nav .helpgaza-ar ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .helpgaza-ar ~ section .donation-form .donation-form__nav .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__nav .drc-floods-response-fr ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .drc-floods-response-fr ~ section .donation-form .donation-form__nav .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__nav .ramadan-gaza-ar ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .ramadan-gaza-ar ~ section .donation-form .donation-form__nav .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__nav .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .ooredoo-ramadan-ar ~ section .donation-form .donation-form__nav .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__stripe-buttons .button--primary:last-of-type:not(:first-of-type), .donation-form__stripe-buttons .ukraine-crisis-jp ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .ukraine-crisis-jp ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__stripe-buttons .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__stripe-buttons .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__stripe-buttons .ooredoo-syria ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .ooredoo-syria ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__stripe-buttons .sudan-crisis-ar ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .sudan-crisis-ar ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__stripe-buttons .helpgaza-ar ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .helpgaza-ar ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__stripe-buttons .drc-floods-response-fr ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .drc-floods-response-fr ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__stripe-buttons .ramadan-gaza-ar ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .ramadan-gaza-ar ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:last-of-type:not(:first-of-type):before, .donation-form__stripe-buttons .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:last-of-type:not(:first-of-type):before, .ooredoo-ramadan-ar ~ section .donation-form .donation-form__stripe-buttons .donation-form__next:last-of-type:not(:first-of-type):before { border-top-left-radius: 0; border-bottom-left-radius: 0; } .donation-form__amount--width-half .donation-form__amount-btn { flex-basis: calc(50% - calc(var(--gap) * 2)); } .donation-form__amount--width-half .donation-form__amount-btn__wrapper { flex-basis: calc(50% - calc(var(--gap) * 2)); } .donation-form__amount--width-half .donation-form__amount-btn .donation-form__amount-title { max-width: none; } .donation-form__other-field { width: 100%; max-width: unset; } .donation-form__amount--width-full .donation-form__amount-btn { position: relative; } .donation-form__amount--width-full { --donation-img-width: 33%; --donation-img-max-width: 250px; } .donation-form__amount--width-full .donation-form__amount-btn__wrapper ~ .donation-form__other-field { max-width: 100%; } .donation-form__amount--width-full .donation-form__amount-btn__wrapper ~ .donation-form__other-field .form-field__input-group { width: 100%; } .donation-form__amount--width-full .donation-form__amount-btn, .donation-form__amount--width-full .donation-form__amount-btn--image, .donation-form__amount--width-full .donation-form__amount-btn__wrapper { flex-basis: 100%; } .donation-form__amount--width-full .donation-form__amount-btn .donation-form__amount-title { max-width: none; } .donation-form.donation-form--minimal .donation-form__amount--width-full .donation-form__amount-btn--image, .donation-form__amount--width-full .donation-form__amount-btn--image { text-align: left; align-items: flex-start; justify-content: center; padding: 1rem; padding-left: calc(33% + 1rem); padding-left: calc( Min(var(--donation-img-width), var(--donation-img-max-width)) + 1rem); } .donation-form.donation-form--minimal .donation-form__amount--width-full .donation-form__amount-btn--image .donation-form__amount-title, .donation-form__amount--width-full .donation-form__amount-btn--image .donation-form__amount-title { margin-left: 0; } .donation-form__amount--width-full .donation-form__amount-btn .donation-form__amount-img { position: absolute; top: 0; bottom: 0; left: 0; height: 100%; margin-bottom: 0; width: 33%; width: Min(var(--donation-img-width), var(--donation-img-max-width)); } .donation-form__amount--width-grow .donation-form__amount-btn { flex-grow: 1; } .donation-form__amount--width-grow .donation-form__amount-btn__wrapper { flex-grow: 1; } .donation-form__method-button { font-size: Max(18px, 1em); } .donation-form__spe-box { background: rgba(216, 219, 227, 0.45); } .client-accordion__item { border-color: rgba(32, 113, 177, 0.25); } .client-accordion__item:hover, .client-accordion__item:focus-within, .client-accordion__item--active { border-color: #2B8CD9; } .client-accordion__item--active .client-accordion__arrow { color: #2071b1; } .activity-goals__item--no-image .activity-goals__item-link { background: #fe4e5b; color: black; } .activity-goals__item--no-image .activity-goals__item-link:hover, .activity-goals__item--no-image .activity-goals__item-link:focus { background: #fe1b2c; border-color: #fe1b2c; color: black; } .activity-goals__item--no-image .activity-goals__item-link .activity-goals__item-title { color: inherit; } .activity-goals__item--no-image .activity-goals__item-link .activity-goals__item-title:before { content: none; } .activity-tracker__titles, .activity-tracker__titles--mobile { color: #757575; } .activity-tracker__goal { color: #2B8CD9; } .activity-tracker__key--daily, .activity-tracker__key--mobile--daily { color: #394B5D; } .activity-tracker__key--total, .activity-tracker__key--mobile--total { color: #2B8CD9; } .activity-tracker__data { color: #2B8CD9; } .activity-tracker__circle__total, .activity-tracker__circle__total--outside { color: #2B8CD9; } .activity-tracker__circle .progress-circle__front { stroke: #394B5D; } .activity-tracker__circle .progress-circle__middle { stroke: #2B8CD9; } .activity-tracker__chart .material-icons { color: #757575; } .activity-tracker__top__goal-value { color: #394B5D; } .activity-tracker__middle--left .material-icons { color: #2B8CD9; } .badges { color: #185586; } .badges__badge__icon { color: #c2cdd6; } .badges__badge--achieved { color: #2071b1; } .badges__badge--achieved .badges__badge__icon { color: #fff; background: #2B8CD9; } .badges__count__complete { color: #2071b1; } .campaign-preview .details, .campaign-preview .details-expanded-control { background-color: #fff; background-color: color-mix(in srgb, #fff 100%, #2B8CD9 5%); } .control-panel { border-color: #2B8CD9; } .control-panel__tabs { color: #2071b1; } .control-panel .control-panel__tabs .control-panel__tab--active { background: #2B8CD9; color: #fff; } @media (max-width: 1024px) { .control-panel__tab span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; word-break: break-word; font-size: 0.75rem; } } .control-panel__raised, .control-panel__create-profile { background: #2B8CD9; color: #fff; } .control-panel__raised__progress-bar, .control-panel__raised__progress-bar .progress-bar__progress, .control-panel__raised__total, .control-panel__create-profile__progress-bar, .control-panel__create-profile__progress-bar .progress-bar__progress, .control-panel__create-profile__total { color: inherit; } .control-panel__raised__progress-bar .progress-bar__progress, .control-panel__create-profile__progress-bar .progress-bar__progress { background: rgba(255, 255, 255, 0.25); } .control-panel__raised__progress-bar .progress-bar__bar, .control-panel__create-profile__progress-bar .progress-bar__bar { background: #fff; } .control-panel__raised__sponsor, .control-panel__raised__button, .control-panel__create-profile__sponsor, .control-panel__create-profile__button { background: none; color: #fff; border-color: currentColor; } .control-panel__raised__sponsor:hover, .control-panel__raised__sponsor:focus, .control-panel__raised__button:hover, .control-panel__raised__button:focus, .control-panel__create-profile__sponsor:hover, .control-panel__create-profile__sponsor:focus, .control-panel__create-profile__button:hover, .control-panel__create-profile__button:focus { background-color: #fff; border-color: #fff; color: #103a5b; } .control-panel__raised__sponsor.button:before, .control-panel__raised__button.button:before, .control-panel__create-profile__sponsor.button:before, .control-panel__create-profile__button.button:before { content: none; } .control-panel__profile-select { border-width: 2px; } .control-panel .donation-form { color: #fff; } .control-panel .donation-form h3 { color: inherit; } .control-panel .donation-form__amount-type-btn, .control-panel .donation-form__payment-buttons-btn { border-color: #fff; } .control-panel .donation-form__amount-type-btn--active, .control-panel .donation-form__payment-buttons-btn--active { background-color: #fff; color: #4d4d4d; } .control-panel .donation-form__amount-type-btn--inactive, .control-panel .donation-form__payment-buttons-btn--inactive { color: inherit; } .control-panel .donation-form__amount-type-btn--inactive { color: inherit; } .control-panel .donation-form--over-image h4 { color: #fff; } .control-panel .donation-form__other-field.form-field, .control-panel .note-editor-container .note-editor .donation-form__other-field.form-group, .note-editor-container .note-editor .control-panel .donation-form__other-field.form-group, .control-panel .note-editor-container .note-editor .donation-form__other-field.checkbox, .note-editor-container .note-editor .control-panel .donation-form__other-field.checkbox { border-color: #fff; background: #2B8CD9; } .control-panel .donation-form__other-field.form-field:focus-within, .control-panel .note-editor-container .note-editor .donation-form__other-field.form-group:focus-within, .note-editor-container .note-editor .control-panel .donation-form__other-field.form-group:focus-within, .control-panel .note-editor-container .note-editor .donation-form__other-field.checkbox:focus-within, .note-editor-container .note-editor .control-panel .donation-form__other-field.checkbox:focus-within { border-color: #fff; } .control-panel .donation-form__amount--has-text .donation-form__other-field { color: #4d4d4d; } .control-panel .donation-form__amount-btn { border-color: #fff; background: #2B8CD9; color: #1a1a1a; } .control-panel .donation-form__amount-btn:hover, .control-panel .donation-form__amount-btn--selected.button--donation, .control-panel .donation-form__amount-btn:focus { background: #fff; border-color: #fff; color: #103a5b; background: #fff; border-color: #fff; color: #103a5b; } .control-panel .donation-form__amount-btn:hover:before, .control-panel .donation-form__amount-btn--selected.button--donation:before, .control-panel .donation-form__amount-btn:focus:before { background-color: transparent; } .control-panel .donation-form__amount-btn--selected.button--donation { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.25); } .control-panel .donation-form .spinner_stroke { border-left-color: #fff; } .control-panel .donation-form__recommended-badge { border: 1px solid rgba(26, 26, 26, 0.3); border-radius: 4px; background: #778ea9; color: #1a1a1a; } .control-panel .donation-form--v3 { color: #fff; } .control-panel .donation-form--v3 h2 { color: inherit; } .control-panel .donation-form--v3 .donation-form__header { background: #2B8CD9; } .control-panel .donation-form--v3 .donation-form__step-select__back-btn { color: inherit; } .control-panel .donation-form--v3 .donation-form__step-select__back-btn span { color: inherit; } .control-panel .donation-form--v3 .donation-form__step-select__step--active { border-color: #fff; } .control-panel .donation-form--v3 .donation-form__step-select__step--active .current { background: #fff; } .control-panel .donation-form--v3 .donation-form__step-select__step .completed { background: #fff; } .control-panel .donation-form--v3 .donation-form__amount-type { border-color: #fff; background-color: #fff; } .control-panel .donation-form--v3 .donation-form__amount-type-btn, .control-panel .donation-form--v3 .donation-form__payment-buttons-btn { border-color: #fff; background-color: #fff; } .control-panel .donation-form--v3 .donation-form__amount-type-btn--active, .control-panel .donation-form--v3 .donation-form__payment-buttons-btn--active { background-color: #2B8CD9; } .control-panel .donation-form--v3 .donation-form__amount-type-btn--active ~ .frequency-label, .control-panel .donation-form--v3 .donation-form__payment-buttons-btn--active ~ .frequency-label { color: #fff; } .control-panel .donation-form--v3 .donation-form__amount-type-btn--inactive .frequency-label, .control-panel .donation-form--v3 .donation-form__payment-buttons-btn--inactive .frequency-label { color: #222; } .control-panel .donation-form--v3 .donation-form__amount-type-btn--inactive .frequency-label:hover, .control-panel .donation-form--v3 .donation-form__payment-buttons-btn--inactive .frequency-label:hover { color: #222; } .control-panel .donation-form--v3 .donation-form__amount-type-upsell-nudge { background: #394B5D; color: #e6e6e6; } .control-panel .donation-form--v3 .donation-form__amount-type-upsell-nudge::before { border-bottom-color: #394B5D; } .control-panel .donation-form--v3 .donation-form__amount-type-upsell-nudge::after { border-bottom-color: #394B5D; } .control-panel .donation-form--v3 .donation-form__other-field.form-field input.input-full, .control-panel .donation-form--v3 .note-editor-container .note-editor .donation-form__other-field.form-group input.input-full, .note-editor-container .note-editor .control-panel .donation-form--v3 .donation-form__other-field.form-group input.input-full, .control-panel .donation-form--v3 .note-editor-container .note-editor .donation-form__other-field.checkbox input.input-full, .note-editor-container .note-editor .control-panel .donation-form--v3 .donation-form__other-field.checkbox input.input-full, .control-panel .donation-form--v3 .donation-form__other-field.form-field input::placeholder, .control-panel .donation-form--v3 .note-editor-container .note-editor .donation-form__other-field.form-group input::placeholder, .note-editor-container .note-editor .control-panel .donation-form--v3 .donation-form__other-field.form-group input::placeholder, .control-panel .donation-form--v3 .note-editor-container .note-editor .donation-form__other-field.checkbox input::placeholder, .note-editor-container .note-editor .control-panel .donation-form--v3 .donation-form__other-field.checkbox input::placeholder { color: #091e2f; } .control-panel .donation-form--v3 .donation-form__nav:not(.override) .donation-form__method-button, .control-panel .donation-form--v3 .donation-form__nav:not(.override) .donation-form__next, .control-panel .donation-form--v3 .donation-form__stripe-buttons:not(.override) .donation-form__submit-button { background-color: #2B8CD9; color: #010304; border-color: #2B8CD9; } .control-panel .donation-form--v3 .donation-form__nav:not(.override) .donation-form__method-button:hover, .control-panel .donation-form--v3 .donation-form__nav:not(.override) .donation-form__method-button:focus, .control-panel .donation-form--v3 .donation-form__nav:not(.override) .donation-form__next:hover, .control-panel .donation-form--v3 .donation-form__nav:not(.override) .donation-form__next:focus, .control-panel .donation-form--v3 .donation-form__stripe-buttons:not(.override) .donation-form__submit-button:hover, .control-panel .donation-form--v3 .donation-form__stripe-buttons:not(.override) .donation-form__submit-button:focus { background-color: #52a1e0; border-color: #52a1e0; color: #081c2b; } .control-panel .donation-form .donation-form__raisely-fee.v3 .donation-form__raisely-fee__donationHeart, .control-panel .donation-form--v3 .donation-form__raisely-fee.v3 .donation-form__raisely-fee__donationHeart { fill: #fff; stroke: white; } .control-panel .donation-form .donation-form__raisely-fee.v3 .form-field--boolean__switch--on, .control-panel .donation-form--v3 .donation-form__raisely-fee.v3 .form-field--boolean__switch--on { background: #fff; } .control-panel .donation-form .donation-form__raisely-fee.v3.donation-form__raisely-fee--active, .control-panel .donation-form--v3 .donation-form__raisely-fee.v3.donation-form__raisely-fee--active { border-color: #fff; } .control-panel .donation-form .donation-form__body--success #lottie path, .control-panel .donation-form--v3 .donation-form__body--success #lottie path { fill: #fff; stroke: #4d4d4d; } .control-panel .donation-form .donation-form__body--success .donation-form__share, .control-panel .donation-form--v3 .donation-form__body--success .donation-form__share { background: #fff; color: #4d4d4d; } .control-panel .donation-form .donation-form__giving-label, .control-panel .donation-form--v3 .donation-form__giving-label { background-color: #fff; color: #4d4d4d; } .control-panel .donation-form .donation-form__body--upsell path, .control-panel .donation-form .donation-form__body__upsell-step path, .control-panel .donation-form--v3 .donation-form__body--upsell path, .control-panel .donation-form--v3 .donation-form__body__upsell-step path { fill: #2B8CD9; stroke: #2B8CD9; } .control-panel .donation-form .donation-form__body--upsell .accept, .control-panel .donation-form .donation-form__body__upsell-step .accept, .control-panel .donation-form--v3 .donation-form__body--upsell .accept, .control-panel .donation-form--v3 .donation-form__body__upsell-step .accept { background-color: #2B8CD9; color: #010304; border-color: #2B8CD9; } .control-panel .donation-form .donation-form__body--upsell .accept:hover, .control-panel .donation-form .donation-form__body--upsell .accept:focus, .control-panel .donation-form .donation-form__body__upsell-step .accept:hover, .control-panel .donation-form .donation-form__body__upsell-step .accept:focus, .control-panel .donation-form--v3 .donation-form__body--upsell .accept:hover, .control-panel .donation-form--v3 .donation-form__body--upsell .accept:focus, .control-panel .donation-form--v3 .donation-form__body__upsell-step .accept:hover, .control-panel .donation-form--v3 .donation-form__body__upsell-step .accept:focus { background-color: #52a1e0; border-color: #52a1e0; color: #081c2b; } .control-panel .donation-form .donation-form__body--upsell .accept2, .control-panel .donation-form .donation-form__body__upsell-step .accept2, .control-panel .donation-form--v3 .donation-form__body--upsell .accept2, .control-panel .donation-form--v3 .donation-form__body__upsell-step .accept2 { background-color: #d4e8f7; color: #103756; border-color: #d4e8f7; } .control-panel .donation-form .donation-form__body--upsell .accept2:hover, .control-panel .donation-form .donation-form__body--upsell .accept2:focus, .control-panel .donation-form .donation-form__body__upsell-step .accept2:hover, .control-panel .donation-form .donation-form__body__upsell-step .accept2:focus, .control-panel .donation-form--v3 .donation-form__body--upsell .accept2:hover, .control-panel .donation-form--v3 .donation-form__body--upsell .accept2:focus, .control-panel .donation-form--v3 .donation-form__body__upsell-step .accept2:hover, .control-panel .donation-form--v3 .donation-form__body__upsell-step .accept2:focus { background-color: #a9d0ef; border-color: #a9d0ef; color: #081c2b; } .control-panel .donation-form .donation-form__body--upsell .reject, .control-panel .donation-form .donation-form__body__upsell-step .reject, .control-panel .donation-form--v3 .donation-form__body--upsell .reject, .control-panel .donation-form--v3 .donation-form__body__upsell-step .reject { background-color: transparent; color: #fff; border: 2px solid #2B8CD9; } .control-panel .donation-form .donation-form__body--upsell .reject:hover, .control-panel .donation-form .donation-form__body--upsell .reject:focus, .control-panel .donation-form .donation-form__body__upsell-step .reject:hover, .control-panel .donation-form .donation-form__body__upsell-step .reject:focus, .control-panel .donation-form--v3 .donation-form__body--upsell .reject:hover, .control-panel .donation-form--v3 .donation-form__body--upsell .reject:focus, .control-panel .donation-form--v3 .donation-form__body__upsell-step .reject:hover, .control-panel .donation-form--v3 .donation-form__body__upsell-step .reject:focus { background-color: #2B8CD9; color: #fff; } .control-panel .donation-form .donation-form__body--upsell .reject:before, .control-panel .donation-form .donation-form__body--upsell .reject:after, .control-panel .donation-form .donation-form__body__upsell-step .reject:before, .control-panel .donation-form .donation-form__body__upsell-step .reject:after, .control-panel .donation-form--v3 .donation-form__body--upsell .reject:before, .control-panel .donation-form--v3 .donation-form__body--upsell .reject:after, .control-panel .donation-form--v3 .donation-form__body__upsell-step .reject:before, .control-panel .donation-form--v3 .donation-form__body__upsell-step .reject:after { content: none; } .control-panel .donation-form__nav:not(.override), .control-panel .donation-form__stripe-buttons:not(.override) { position: relative; border-radius: inherit; overflow: visible; } .control-panel .donation-form__nav:not(.override) .button--primary, .control-panel .donation-form__nav:not(.override) .ukraine-crisis-jp ~ section .donation-form .donation-form__next:before, .ukraine-crisis-jp ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__nav:not(.override) .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:before, .turkiye-syria-earthquake-jp ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__nav:not(.override) .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__nav:not(.override) .ooredoo-syria ~ section .donation-form .donation-form__next:before, .ooredoo-syria ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__nav:not(.override) .sudan-crisis-ar ~ section .donation-form .donation-form__next:before, .sudan-crisis-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__nav:not(.override) .helpgaza-ar ~ section .donation-form .donation-form__next:before, .helpgaza-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__nav:not(.override) .drc-floods-response-fr ~ section .donation-form .donation-form__next:before, .drc-floods-response-fr ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__nav:not(.override) .ramadan-gaza-ar ~ section .donation-form .donation-form__next:before, .ramadan-gaza-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__nav:not(.override) .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:before, .ooredoo-ramadan-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .button--primary, .control-panel .donation-form__stripe-buttons:not(.override) .ukraine-crisis-jp ~ section .donation-form .donation-form__next:before, .ukraine-crisis-jp ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:before, .turkiye-syria-earthquake-jp ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .ooredoo-syria ~ section .donation-form .donation-form__next:before, .ooredoo-syria ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .sudan-crisis-ar ~ section .donation-form .donation-form__next:before, .sudan-crisis-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .helpgaza-ar ~ section .donation-form .donation-form__next:before, .helpgaza-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .drc-floods-response-fr ~ section .donation-form .donation-form__next:before, .drc-floods-response-fr ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .ramadan-gaza-ar ~ section .donation-form .donation-form__next:before, .ramadan-gaza-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:before, .ooredoo-ramadan-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before { font-size: 1.25rem; } .control-panel .donation-form__nav:not(.override) .button--primary, .control-panel .donation-form__nav:not(.override) .ukraine-crisis-jp ~ section .donation-form .donation-form__next:before, .ukraine-crisis-jp ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__nav:not(.override) .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:before, .turkiye-syria-earthquake-jp ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__nav:not(.override) .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__nav:not(.override) .ooredoo-syria ~ section .donation-form .donation-form__next:before, .ooredoo-syria ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__nav:not(.override) .sudan-crisis-ar ~ section .donation-form .donation-form__next:before, .sudan-crisis-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__nav:not(.override) .helpgaza-ar ~ section .donation-form .donation-form__next:before, .helpgaza-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__nav:not(.override) .drc-floods-response-fr ~ section .donation-form .donation-form__next:before, .drc-floods-response-fr ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__nav:not(.override) .ramadan-gaza-ar ~ section .donation-form .donation-form__next:before, .ramadan-gaza-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__nav:not(.override) .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:before, .ooredoo-ramadan-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .button--primary, .control-panel .donation-form__stripe-buttons:not(.override) .ukraine-crisis-jp ~ section .donation-form .donation-form__next:before, .ukraine-crisis-jp ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:before, .turkiye-syria-earthquake-jp ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .ooredoo-syria ~ section .donation-form .donation-form__next:before, .ooredoo-syria ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .sudan-crisis-ar ~ section .donation-form .donation-form__next:before, .sudan-crisis-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .helpgaza-ar ~ section .donation-form .donation-form__next:before, .helpgaza-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .drc-floods-response-fr ~ section .donation-form .donation-form__next:before, .drc-floods-response-fr ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .ramadan-gaza-ar ~ section .donation-form .donation-form__next:before, .ramadan-gaza-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before, .control-panel .donation-form__stripe-buttons:not(.override) .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:before, .ooredoo-ramadan-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:before { --btn-bg: #fff; --btn-color: #103a5b; background: #fff; color: #103a5b; border-color: #fff; } .control-panel .donation-form__nav:not(.override) .button--primary:hover, .control-panel .donation-form__nav:not(.override) .ukraine-crisis-jp ~ section .donation-form .donation-form__next:hover:before, .ukraine-crisis-jp ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__nav:not(.override) .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:hover:before, .turkiye-syria-earthquake-jp ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__nav:not(.override) .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:hover:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__nav:not(.override) .ooredoo-syria ~ section .donation-form .donation-form__next:hover:before, .ooredoo-syria ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__nav:not(.override) .sudan-crisis-ar ~ section .donation-form .donation-form__next:hover:before, .sudan-crisis-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__nav:not(.override) .helpgaza-ar ~ section .donation-form .donation-form__next:hover:before, .helpgaza-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__nav:not(.override) .drc-floods-response-fr ~ section .donation-form .donation-form__next:hover:before, .drc-floods-response-fr ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__nav:not(.override) .ramadan-gaza-ar ~ section .donation-form .donation-form__next:hover:before, .ramadan-gaza-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__nav:not(.override) .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:hover:before, .ooredoo-ramadan-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__nav:not(.override) .button--primary:focus, .control-panel .donation-form__nav:not(.override) .ukraine-crisis-jp ~ section .donation-form .donation-form__next:focus:before, .ukraine-crisis-jp ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__nav:not(.override) .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:focus:before, .turkiye-syria-earthquake-jp ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__nav:not(.override) .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:focus:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__nav:not(.override) .ooredoo-syria ~ section .donation-form .donation-form__next:focus:before, .ooredoo-syria ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__nav:not(.override) .sudan-crisis-ar ~ section .donation-form .donation-form__next:focus:before, .sudan-crisis-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__nav:not(.override) .helpgaza-ar ~ section .donation-form .donation-form__next:focus:before, .helpgaza-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__nav:not(.override) .drc-floods-response-fr ~ section .donation-form .donation-form__next:focus:before, .drc-floods-response-fr ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__nav:not(.override) .ramadan-gaza-ar ~ section .donation-form .donation-form__next:focus:before, .ramadan-gaza-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__nav:not(.override) .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:focus:before, .ooredoo-ramadan-ar ~ section .donation-form .control-panel .donation-form__nav:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__stripe-buttons:not(.override) .button--primary:hover, .control-panel .donation-form__stripe-buttons:not(.override) .ukraine-crisis-jp ~ section .donation-form .donation-form__next:hover:before, .ukraine-crisis-jp ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__stripe-buttons:not(.override) .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:hover:before, .turkiye-syria-earthquake-jp ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__stripe-buttons:not(.override) .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:hover:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__stripe-buttons:not(.override) .ooredoo-syria ~ section .donation-form .donation-form__next:hover:before, .ooredoo-syria ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__stripe-buttons:not(.override) .sudan-crisis-ar ~ section .donation-form .donation-form__next:hover:before, .sudan-crisis-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__stripe-buttons:not(.override) .helpgaza-ar ~ section .donation-form .donation-form__next:hover:before, .helpgaza-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__stripe-buttons:not(.override) .drc-floods-response-fr ~ section .donation-form .donation-form__next:hover:before, .drc-floods-response-fr ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__stripe-buttons:not(.override) .ramadan-gaza-ar ~ section .donation-form .donation-form__next:hover:before, .ramadan-gaza-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__stripe-buttons:not(.override) .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:hover:before, .ooredoo-ramadan-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:hover:before, .control-panel .donation-form__stripe-buttons:not(.override) .button--primary:focus, .control-panel .donation-form__stripe-buttons:not(.override) .ukraine-crisis-jp ~ section .donation-form .donation-form__next:focus:before, .ukraine-crisis-jp ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__stripe-buttons:not(.override) .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:focus:before, .turkiye-syria-earthquake-jp ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__stripe-buttons:not(.override) .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:focus:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__stripe-buttons:not(.override) .ooredoo-syria ~ section .donation-form .donation-form__next:focus:before, .ooredoo-syria ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__stripe-buttons:not(.override) .sudan-crisis-ar ~ section .donation-form .donation-form__next:focus:before, .sudan-crisis-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__stripe-buttons:not(.override) .helpgaza-ar ~ section .donation-form .donation-form__next:focus:before, .helpgaza-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__stripe-buttons:not(.override) .drc-floods-response-fr ~ section .donation-form .donation-form__next:focus:before, .drc-floods-response-fr ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__stripe-buttons:not(.override) .ramadan-gaza-ar ~ section .donation-form .donation-form__next:focus:before, .ramadan-gaza-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:focus:before, .control-panel .donation-form__stripe-buttons:not(.override) .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:focus:before, .ooredoo-ramadan-ar ~ section .donation-form .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__next:focus:before { background: #e6e6e6; border-color: #e6e6e6; color: #103a5b; } .control-panel .donation-form__nav:not(.override) .donation-form__back, .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__back { --btn-bg: transparent; --btn-color: #1a1a1a; background: transparent; color: #1a1a1a; border-color: currentColor; } .control-panel .donation-form__nav:not(.override) .donation-form__back:hover, .control-panel .donation-form__nav:not(.override) .donation-form__back:focus, .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__back:hover, .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__back:focus { background: #fff; border-color: #fff; color: #103a5b; background: #fff; border-color: #fff; color: #103a5b; } .control-panel .donation-form__nav:not(.override) .donation-form__back:hover:before, .control-panel .donation-form__nav:not(.override) .donation-form__back:focus:before, .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__back:hover:before, .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__back:focus:before { background-color: transparent; } .control-panel .donation-form__nav:not(.override) .donation-form__back:hover, .control-panel .donation-form__nav:not(.override) .donation-form__back:focus, .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__back:hover, .control-panel .donation-form__stripe-buttons:not(.override) .donation-form__back:focus { background: transparent; color: get("color", ("background": #fff, "color": #103a5b)); } .control-panel .donation-form__method .button--primary, .control-panel .donation-form__method .ukraine-crisis-jp ~ section .donation-form .donation-form__next:before, .ukraine-crisis-jp ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before, .control-panel .donation-form__method .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:before, .turkiye-syria-earthquake-jp ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before, .control-panel .donation-form__method .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before, .control-panel .donation-form__method .ooredoo-syria ~ section .donation-form .donation-form__next:before, .ooredoo-syria ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before, .control-panel .donation-form__method .sudan-crisis-ar ~ section .donation-form .donation-form__next:before, .sudan-crisis-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before, .control-panel .donation-form__method .helpgaza-ar ~ section .donation-form .donation-form__next:before, .helpgaza-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before, .control-panel .donation-form__method .drc-floods-response-fr ~ section .donation-form .donation-form__next:before, .drc-floods-response-fr ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before, .control-panel .donation-form__method .ramadan-gaza-ar ~ section .donation-form .donation-form__next:before, .ramadan-gaza-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before, .control-panel .donation-form__method .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:before, .ooredoo-ramadan-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before { font-size: Max(18px, 1em); } .control-panel .donation-form__method .button--primary, .control-panel .donation-form__method .ukraine-crisis-jp ~ section .donation-form .donation-form__next:before, .ukraine-crisis-jp ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before, .control-panel .donation-form__method .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:before, .turkiye-syria-earthquake-jp ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before, .control-panel .donation-form__method .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before, .control-panel .donation-form__method .ooredoo-syria ~ section .donation-form .donation-form__next:before, .ooredoo-syria ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before, .control-panel .donation-form__method .sudan-crisis-ar ~ section .donation-form .donation-form__next:before, .sudan-crisis-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before, .control-panel .donation-form__method .helpgaza-ar ~ section .donation-form .donation-form__next:before, .helpgaza-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before, .control-panel .donation-form__method .drc-floods-response-fr ~ section .donation-form .donation-form__next:before, .drc-floods-response-fr ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before, .control-panel .donation-form__method .ramadan-gaza-ar ~ section .donation-form .donation-form__next:before, .ramadan-gaza-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before, .control-panel .donation-form__method .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:before, .ooredoo-ramadan-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:before { --btn-bg: #fff; --btn-color: #103a5b; background: #fff; color: #103a5b; border-color: #fff; } .control-panel .donation-form__method .button--primary:hover, .control-panel .donation-form__method .ukraine-crisis-jp ~ section .donation-form .donation-form__next:hover:before, .ukraine-crisis-jp ~ section .donation-form .control-panel .donation-form__method .donation-form__next:hover:before, .control-panel .donation-form__method .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:hover:before, .turkiye-syria-earthquake-jp ~ section .donation-form .control-panel .donation-form__method .donation-form__next:hover:before, .control-panel .donation-form__method .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:hover:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:hover:before, .control-panel .donation-form__method .ooredoo-syria ~ section .donation-form .donation-form__next:hover:before, .ooredoo-syria ~ section .donation-form .control-panel .donation-form__method .donation-form__next:hover:before, .control-panel .donation-form__method .sudan-crisis-ar ~ section .donation-form .donation-form__next:hover:before, .sudan-crisis-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:hover:before, .control-panel .donation-form__method .helpgaza-ar ~ section .donation-form .donation-form__next:hover:before, .helpgaza-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:hover:before, .control-panel .donation-form__method .drc-floods-response-fr ~ section .donation-form .donation-form__next:hover:before, .drc-floods-response-fr ~ section .donation-form .control-panel .donation-form__method .donation-form__next:hover:before, .control-panel .donation-form__method .ramadan-gaza-ar ~ section .donation-form .donation-form__next:hover:before, .ramadan-gaza-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:hover:before, .control-panel .donation-form__method .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:hover:before, .ooredoo-ramadan-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:hover:before, .control-panel .donation-form__method .button--primary:focus, .control-panel .donation-form__method .ukraine-crisis-jp ~ section .donation-form .donation-form__next:focus:before, .ukraine-crisis-jp ~ section .donation-form .control-panel .donation-form__method .donation-form__next:focus:before, .control-panel .donation-form__method .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:focus:before, .turkiye-syria-earthquake-jp ~ section .donation-form .control-panel .donation-form__method .donation-form__next:focus:before, .control-panel .donation-form__method .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:focus:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:focus:before, .control-panel .donation-form__method .ooredoo-syria ~ section .donation-form .donation-form__next:focus:before, .ooredoo-syria ~ section .donation-form .control-panel .donation-form__method .donation-form__next:focus:before, .control-panel .donation-form__method .sudan-crisis-ar ~ section .donation-form .donation-form__next:focus:before, .sudan-crisis-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:focus:before, .control-panel .donation-form__method .helpgaza-ar ~ section .donation-form .donation-form__next:focus:before, .helpgaza-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:focus:before, .control-panel .donation-form__method .drc-floods-response-fr ~ section .donation-form .donation-form__next:focus:before, .drc-floods-response-fr ~ section .donation-form .control-panel .donation-form__method .donation-form__next:focus:before, .control-panel .donation-form__method .ramadan-gaza-ar ~ section .donation-form .donation-form__next:focus:before, .ramadan-gaza-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:focus:before, .control-panel .donation-form__method .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:focus:before, .ooredoo-ramadan-ar ~ section .donation-form .control-panel .donation-form__method .donation-form__next:focus:before { background: #e6e6e6; border-color: #e6e6e6; color: #103a5b; } .control-panel .donation-form .control-panel .donation-form__nav:not(.override), .control-panel .donation-form .control-panel .donation-form__stripe-buttons:not(.override) { width: 100%; margin-left: 0; } .control-panel .donation-form__body { padding-bottom: 0; } .control-panel .donation-form__amount-currency:last-child { padding-bottom: 0; } .control-panel__social { background: #e9f3fb; color: #2071b1; } .control-panel__snapshot { background: #d4e8f7; color: #185586; } .control-panel__snapshot .snapshot__highlight { background: transparent; border-color: rgba(24, 85, 134, 0.15); } .countdown h1, .countdown h2, .countdown h3 { color: #4d4d4d; } .countdown h2 { font-size: Min(30px, 18px); } .countdown__date { font-size: 0.6875rem; margin-top: 1rem; margin-bottom: 1rem; font-family: "Roboto"; font-weight: bold; letter-spacing: 0em; line-height: 1.4; margin: 0; padding-top: 0.75rem; color: #4d4d4d; display: block; } .countdown__clock { font-size: Max(30px, 65px); } @media (max-width: 400px) { .countdown__clock { font-size: Min(30px, 45px); } } .col-- .countdown__clock { font-size: Min(30px, 45px); } @media (max-width: 400px) { .col--2 .countdown__clock, .col--3 .countdown__clock, .col--4 .countdown__clock, .col--5 .countdown__clock, .col--6 .countdown__clock, .col--7 .countdown__clock, .col--8 .countdown__clock, .col--9 .countdown__clock, .col--10 .countdown__clock, .col--11 .countdown__clock, .col--12 .countdown__clock { font-size: Min(30px, 45px); } } .col--4 .countdown__clock { font-size: Min(30px, 40px); } .col--3 .countdown__clock { font-size: Min(30px, 26px); } .countdown__granular { background: #fff; color: #4d4d4d; font-weight: bold; border-radius: 10px; flex-grow: 1; } .countdown__count { font-family: "Roboto Slab"; color: #4d4d4d; line-height: 0.9; margin-bottom: 0.125em; } .countdown__label { font-family: "Roboto Condensed"; color: #4d4d4d; font-size: 16px; } .countdown__count-label { font-family: "Roboto Condensed"; color: #4d4d4d; } .col--4 .countdown--style-clock .countdown__clock { font-size: Min(30px, 40px); } .col--3 .countdown--style-clock .countdown__clock { font-size: Min(30px, 26px); } .countdown--style-clock .countdown__granular { background: none; position: relative; flex-grow: 1; } .countdown--style-clock .countdown__granular:after { content: ':'; display: block; top: 0%; right: -0.5ch; position: absolute; font-size: 0.5em; transform: translate(0px, 40%); } .countdown--style-clock .countdown__granular:last-child:after { content: ''; } .countdown--style-clock .countdown__date { padding: 0 0 0.5em; } .countdown--style-clock .progress-bar { margin: 1rem 0; } .countdown--style-circle .progress-circle { width: 100%; } .countdown--style-circle .progress-circle svg { width: 100%; } .countdown--style-circle .progress-circle__back { stroke: rgba(0, 0, 0, 0.15); } .countdown--style-circle .progress-circle__middle { display: none; } .countdown--style-circle .progress-circle__front { stroke: #fff; } .countdown--style-circle .countdown { position: relative; } .countdown--style-circle .countdown__clock { position: relative; flex-wrap: wrap; flex-direction: row; padding: 0%; } @media (max-width: 400px) { .countdown--style-circle .countdown__clock { font-size: Min(30px, 45px); } } .col-- .countdown--style-circle .countdown__clock { font-size: Min(30px, 45px); } @media (max-width: 400px) { .col--2 .countdown--style-circle .countdown__clock, .col--3 .countdown--style-circle .countdown__clock, .col--4 .countdown--style-circle .countdown__clock, .col--5 .countdown--style-circle .countdown__clock, .col--6 .countdown--style-circle .countdown__clock, .col--7 .countdown--style-circle .countdown__clock, .col--8 .countdown--style-circle .countdown__clock, .col--9 .countdown--style-circle .countdown__clock, .col--10 .countdown--style-circle .countdown__clock, .col--11 .countdown--style-circle .countdown__clock, .col--12 .countdown--style-circle .countdown__clock { font-size: Min(30px, 45px); } } .col--4 .countdown--style-circle .countdown__clock { font-size: Min(30px, 45px); } .col--3 .countdown--style-circle .countdown__clock { font-size: Min(30px, 26px); } .countdown--style-circle .countdown__clock-items { position: absolute; display: flex; flex-wrap: wrap; flex-direction: row; width: 80%; top: 0; left: 10%; height: 90%; align-content: center; } .countdown--style-circle .countdown__granular { position: relative; background: none; flex-grow: 1; border-radius: 0; } .countdown--style-circle .countdown__granular:after { content: ':'; display: block; top: 0%; right: -0.5ch; position: absolute; font-size: 0.5em; transform: translate(0px, 40%); } .countdown--style-circle .countdown__granular:first-child:after, .countdown--style-circle .countdown__granular:last-child:after { content: ''; } .countdown--style-circle .countdown__granular--days { flex-basis: 100%; flex-grow: 1; border-bottom: 2px solid #fff; display: flex; flex-direction: row; align-items: baseline; align-content: space-around; justify-content: center; } .countdown--style-circle .countdown__granular--days span { flex-basis: content; margin: 0 0.125em; } .countdown--style-circle .countdown__count--days { font-size: 1.5em; } .countdown--style-circle .countdown__label--days { font-size: 0.375em; } .countdown--style-circle .countdown__date { padding: 0 0; font-size: 1.1875rem; margin-top: 0.5rem; margin-bottom: 0.25rem; font-family: "Roboto Condensed"; font-weight: 600; text-transform: uppercase; letter-spacing: 0em; line-height: 1.1; margin-top: 0; color: #4d4d4d; } @media (max-width: 1024px) { .countdown--style-circle .countdown__date { font-size: 18px; } } @media (max-width: 1024px) { .countdown--style-circle .countdown__date { margin-top: calc(8px * calc(0.75 * 1.1)); } } @media (max-width: 736px) { .countdown--style-circle .countdown__date { margin-top: calc(8px * 0.75); } } @media (max-width: 1024px) { .countdown--style-circle .countdown__date { margin-bottom: calc(4px * calc(0.75 * 1.1)); } } @media (max-width: 736px) { .countdown--style-circle .countdown__date { margin-bottom: calc(4px * 0.75); } } .feed-items .feed-item { background: #2071b1; } .feed-items .feed-item .feed-item__text__heading { color: #fff; } .feed-items .feed-item .feed-item__text__description { color: #fff; } .feed-items .feed-item .feed-item__date { background-color: #d4e8f7; color: #081c2b; } .horizontal-scroll__button { color: inherit; border-color: rgba(32, 113, 177, 0.15); } .horizontal-scroll__button:hover, .horizontal-scroll__button:focus { border-color: #2071b1; } .invite-people__list-item { border: 2px solid #81bbe9; border-radius: 4px; } .mobile-tab-menu--logged-in { color: #2071b1; } .new-payment-method-form__spe-box { background: rgba(216, 219, 227, 0.45); } .personnel-grid .personnel-person__image-wrapper { background: #add2f0; } .personnel-grid .personnel-person__text { background: #add2f0; } .personnel-grid .personnel-person__text__name { color: #091e2f; } .personnel-grid .personnel-person__text__role { color: #091e2f; } .profile-helper { border-color: #e9f3fb; } .profile-helper__indicator__complete { color: #2071b1; } .profile-helper__indicator__background-circle { stroke: #e9f3fb; } .profile-helper__indicator__foreground-circle { stroke: #2B8CD9; } .profile-helper__item { border-color: #e9f3fb; } .profile-helper__item:focus-visible { border-color: #13456c; } .profile-helper__item__tick, .profile-helper__item__icon { color: #13456c; } .profile-helper__item:hover, .profile-helper__item:focus, .profile-helper__item--complete { background: #e9f3fb; } .profile-helper__item:hover .profile-helper__item__title, .profile-helper__item:focus .profile-helper__item__title, .profile-helper__item--complete .profile-helper__item__title { color: #13456c; } .resource-list__more-button { border-color: #fe4e5b; color: #4d4d4d; background: white; } .resource-list__more-button:hover, .resource-list__more-button:focus { background: #fe1b2c; border-color: #fe1b2c; color: black; } .resource-card__mobile-button { background: #fe4e5b; color: #1a1a1a; } .resource-card:hover .resource-card__download-button.button--primary, .resource-card:hover .ukraine-crisis-jp ~ section .donation-form .resource-card__download-button.donation-form__next:before, .ukraine-crisis-jp ~ section .donation-form .resource-card:hover .resource-card__download-button.donation-form__next:before, .resource-card:hover .turkiye-syria-earthquake-jp ~ section .donation-form .resource-card__download-button.donation-form__next:before, .turkiye-syria-earthquake-jp ~ section .donation-form .resource-card:hover .resource-card__download-button.donation-form__next:before, .resource-card:hover .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .resource-card__download-button.donation-form__next:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .resource-card:hover .resource-card__download-button.donation-form__next:before, .resource-card:hover .ooredoo-syria ~ section .donation-form .resource-card__download-button.donation-form__next:before, .ooredoo-syria ~ section .donation-form .resource-card:hover .resource-card__download-button.donation-form__next:before, .resource-card:hover .sudan-crisis-ar ~ section .donation-form .resource-card__download-button.donation-form__next:before, .sudan-crisis-ar ~ section .donation-form .resource-card:hover .resource-card__download-button.donation-form__next:before, .resource-card:hover .helpgaza-ar ~ section .donation-form .resource-card__download-button.donation-form__next:before, .helpgaza-ar ~ section .donation-form .resource-card:hover .resource-card__download-button.donation-form__next:before, .resource-card:hover .drc-floods-response-fr ~ section .donation-form .resource-card__download-button.donation-form__next:before, .drc-floods-response-fr ~ section .donation-form .resource-card:hover .resource-card__download-button.donation-form__next:before, .resource-card:hover .ramadan-gaza-ar ~ section .donation-form .resource-card__download-button.donation-form__next:before, .ramadan-gaza-ar ~ section .donation-form .resource-card:hover .resource-card__download-button.donation-form__next:before, .resource-card:hover .ooredoo-ramadan-ar ~ section .donation-form .resource-card__download-button.donation-form__next:before, .ooredoo-ramadan-ar ~ section .donation-form .resource-card:hover .resource-card__download-button.donation-form__next:before, .resource-card:focus .resource-card__download-button.button--primary, .resource-card:focus .ukraine-crisis-jp ~ section .donation-form .resource-card__download-button.donation-form__next:before, .ukraine-crisis-jp ~ section .donation-form .resource-card:focus .resource-card__download-button.donation-form__next:before, .resource-card:focus .turkiye-syria-earthquake-jp ~ section .donation-form .resource-card__download-button.donation-form__next:before, .turkiye-syria-earthquake-jp ~ section .donation-form .resource-card:focus .resource-card__download-button.donation-form__next:before, .resource-card:focus .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .resource-card__download-button.donation-form__next:before, .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .resource-card:focus .resource-card__download-button.donation-form__next:before, .resource-card:focus .ooredoo-syria ~ section .donation-form .resource-card__download-button.donation-form__next:before, .ooredoo-syria ~ section .donation-form .resource-card:focus .resource-card__download-button.donation-form__next:before, .resource-card:focus .sudan-crisis-ar ~ section .donation-form .resource-card__download-button.donation-form__next:before, .sudan-crisis-ar ~ section .donation-form .resource-card:focus .resource-card__download-button.donation-form__next:before, .resource-card:focus .helpgaza-ar ~ section .donation-form .resource-card__download-button.donation-form__next:before, .helpgaza-ar ~ section .donation-form .resource-card:focus .resource-card__download-button.donation-form__next:before, .resource-card:focus .drc-floods-response-fr ~ section .donation-form .resource-card__download-button.donation-form__next:before, .drc-floods-response-fr ~ section .donation-form .resource-card:focus .resource-card__download-button.donation-form__next:before, .resource-card:focus .ramadan-gaza-ar ~ section .donation-form .resource-card__download-button.donation-form__next:before, .ramadan-gaza-ar ~ section .donation-form .resource-card:focus .resource-card__download-button.donation-form__next:before, .resource-card:focus .ooredoo-ramadan-ar ~ section .donation-form .resource-card__download-button.donation-form__next:before, .ooredoo-ramadan-ar ~ section .donation-form .resource-card:focus .resource-card__download-button.donation-form__next:before { background: #fe1b2c; border-color: #fe1b2c; color: black; } .resource-card:hover .resource-card__download-button:not(:hover):not(:focus) i.material-icons, .resource-card:focus .resource-card__download-button:not(:hover):not(:focus) i.material-icons { color: inherit; } .signup-form__exercise__btn, .signup-form__profile-goal__btn { border-color: #fe4e5b; color: #e50112; cursor: pointer; transition: 0.3s cubic-bezier(0.2, 0, 0.1, 1); } .signup-form__exercise__btn:hover, .signup-form__exercise__btn--selected, .signup-form__profile-goal__btn--selected, .signup-form__exercise__btn:focus, .signup-form__exercise__btn--selected, .signup-form__profile-goal__btn:hover, .signup-form__profile-goal__btn:focus, .signup-form__profile-goal__btn--selected { background-color: #fe4e5b; color: #ffffff; } .signup-form__exercise__btn--selected, .signup-form__profile-goal__btn--selected { box-shadow: 0 0 0 4px rgba(254, 78, 91, 0.25); } .signup-form__profile-options__button { --btn-bg: #fe4e5b; --btn-color: #ffffff; border-color: #fe4e5b; background: transparent; color: #4d4d4d; } .signup-form__profile-options__button.signup-form__profile-options__button--active { background: #fe4e5b; border-color: #fe4e5b; color: #1a1a1a; background: #fe4e5b; border-color: #fe4e5b; color: #1a1a1a; } .signup-form__profile-options__button.signup-form__profile-options__button--active:before { background-color: transparent; } .signup-form--v3 .signup-form__body, .signup-form-base .signup-form__body { color: #000; } .signup-form--v3 .signup-form__tickets-unavailable p, .signup-form-base .signup-form__tickets-unavailable p { color: #585a71; } .signup-form--v3 .signup-form__ticket-select__list-item__details p, .signup-form--v3 .signup-form__ticket-select__list-item__details button, .signup-form-base .signup-form__ticket-select__list-item__details p, .signup-form-base .signup-form__ticket-select__list-item__details button { color: #717171; } .signup-form--v3 .signup-form__ticket-select__list-item__price, .signup-form-base .signup-form__ticket-select__list-item__price { color: #705bf2; } .signup-form--v3 .signup-form__ticket-select__list-item__quantity circle, .signup-form-base .signup-form__ticket-select__list-item__quantity circle { stroke: #6f6f6f; } .signup-form--v3 .signup-form__ticket-select__list-item__quantity path, .signup-form-base .signup-form__ticket-select__list-item__quantity path { fill: #6f6f6f; } .signup-form--v3 .signup-form__ticket-select__list-item__quantity p, .signup-form-base .signup-form__ticket-select__list-item__quantity p { color: rgba(37, 39, 95, 0.5); } .signup-form--v3 .signup-form__ticket-holder__list-item path, .signup-form-base .signup-form__ticket-holder__list-item path { fill: #185586; } .signup-form--v3 .signup-form__ticket-holder__quantity-count, .signup-form-base .signup-form__ticket-holder__quantity-count { display: block; color: #103a5b; font-weight: 700; font-size: 12px; background-color: rgba(173, 210, 240, 0.15); width: fit-content; border-radius: 10px; padding: 2px 8px; margin-bottom: 6px; font-family: sans-serif; } .signup-form--v3 .signup-form__ticket-holder__ticket-form-action, .signup-form-base .signup-form__ticket-holder__ticket-form-action { color: #103a5b; text-align: left; text-decoration: underline; cursor: pointer; width: fit-content; margin-bottom: 12px; border: none; background: none; font-size: 16px; display: flex; } .signup-form--v3 .signup-form__payment__promo-code-form button, .signup-form-base .signup-form__payment__promo-code-form button { background-color: #fe4e5b; color: #1a1a1a; } .signup-form--v3 .signup-form__payment__promo-code-success, .signup-form--v3 .signup-form__payment__submit-msg, .signup-form-base .signup-form__payment__promo-code-success, .signup-form-base .signup-form__payment__submit-msg { background-color: #add2f0; border: 1px solid #2071b1; color: #000; } .signup-form--v3 .signup-form__payment__order-summary__heading button, .signup-form--v3 .signup-form__payment__order-summary__heading span.icon, .signup-form-base .signup-form__payment__order-summary__heading button, .signup-form-base .signup-form__payment__order-summary__heading span.icon { color: #2071b1; } .signup-form--v3 .signup-form__payment__order-summary .wrapper, .signup-form-base .signup-form__payment__order-summary .wrapper { background-color: rgba(43, 140, 217, 0.1); } .signup-form--v3 .signup-form__payment__blocks .donation-form__submit-button, .signup-form-base .signup-form__payment__blocks .donation-form__submit-button { background-color: #778ea9; color: #ffffff; } .signup-form--v3 .signup-form__payment__blocks .donation-form__secure-checkout-label svg, .signup-form-base .signup-form__payment__blocks .donation-form__secure-checkout-label svg { fill: #2B8CD9; } .signup-form--v3 .signup-form__payment__blocks .donation-form__secure-checkout-label span, .signup-form-base .signup-form__payment__blocks .donation-form__secure-checkout-label span { color: #585a71; } .signup-form--v3 .signup-form__payment__back-button, .signup-form-base .signup-form__payment__back-button { color: #2071b1; } .signup-form--v3 .signup-form__navigation .in-form--back span, .signup-form--v3 .signup-form__navigation .in-form--skip span, .signup-form-base .signup-form__navigation .in-form--back span, .signup-form-base .signup-form__navigation .in-form--skip span { color: #333; } .signup-form--v4.signup-form--v4 .signup-form__profile-type-select__header { background-color: #2071b1; } .signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card { border: 2px solid transparent; } .signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card + div { border-top-width: calc(2px * 0.75); border-top-color: #add2f0; } .signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card.selected, .signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card:hover { background-color: #fff; } .signup-form--v4.signup-form--v4 .signup-form__profile-type-select__card.selected { border-top-width: 2px; border-color: #81bbe9; } .signup-form--v4.signup-form--v4 .signup-form__profile-type-select__options__wrapper__btns button { border: 2px solid #56a3e1; border-radius: 4px; color: #12181e; } .signup-form--v4.signup-form--v4 .signup-form__profile-type-select__options__wrapper__btns button:hover, .signup-form--v4.signup-form--v4 .signup-form__profile-type-select__options__wrapper__btns button:focus { border-color: #2B8CD9; background: #81bbe9; color: #12181e; } .signup-form--v4.signup-form--v4 .profile-select__list-container { background-color: #fff; } .signup-form--v4.signup-form--v4 .progress-bar__bar { background: #2B8CD9; } .signup-form--v4.signup-form--v4 .profile-select--selected { border: 2px solid #2B8CD9; border-radius: 4px; background: #fff; } .signup-form--v4.signup-form--v4 .profile-select--selected button { background: #2B8CD9; color: #1a1a1a; } .signup-form--v4.signup-form--v4 .signup-form__exercise__other__input, .signup-form--v4.signup-form--v4 .signup-form__profile-goal__input { border: 2px solid #81bbe9; } .signup-form--v4.signup-form--v4 .signup-form__nav button { border-radius: 4px; background: #394B5D; color: #bdcbd8; } .signup-form--v4.signup-form--v4 .signup-form__nav .back { background: #7f98b0; } @media (max-width: 736px) { .snapshot__highlight h3 { font-size: 1.1875rem; font-family: "Roboto Condensed"; font-weight: 600; text-transform: uppercase; letter-spacing: 0em; line-height: 1.1; } } @media (max-width: 736px) and (max-width: 1024px) { .snapshot__highlight h3 { font-size: 18px; } } .col--3 .snapshot__highlight h3, .col--4 .snapshot__highlight h3, .col--5 .snapshot__highlight h3, .col--6 .snapshot__highlight h3 { font-size: 1.1875rem; font-family: "Roboto Condensed"; font-weight: 600; text-transform: uppercase; letter-spacing: 0em; line-height: 1.1; } @media (max-width: 1024px) { .col--3 .snapshot__highlight h3, .col--4 .snapshot__highlight h3, .col--5 .snapshot__highlight h3, .col--6 .snapshot__highlight h3 { font-size: 18px; } } @media (max-width: 736px) { .col--5 .snapshot__highlight h3, .col--6 .snapshot__highlight h3, .col--7 .snapshot__highlight h3, .col--8 .snapshot__highlight h3, .col--9 .snapshot__highlight h3, .col--10 .snapshot__highlight h3, .col--11 .snapshot__highlight h3, .col--12 .snapshot__highlight h3 { font-size: 1.1875rem; font-family: "Roboto Condensed"; font-weight: 600; text-transform: uppercase; letter-spacing: 0em; line-height: 1.1; } } @media (max-width: 736px) and (max-width: 1024px) { .col--5 .snapshot__highlight h3, .col--6 .snapshot__highlight h3, .col--7 .snapshot__highlight h3, .col--8 .snapshot__highlight h3, .col--9 .snapshot__highlight h3, .col--10 .snapshot__highlight h3, .col--11 .snapshot__highlight h3, .col--12 .snapshot__highlight h3 { font-size: 18px; } } .snapshot__raised { background: #93c4ec; color: #010304; border-radius: 10px; } .snapshot__raised__progress-bar .progress-bar__progress { background: rgba(1, 3, 4, 0.25); } .snapshot__raised__progress-bar .progress-bar__bar { background: #010304; } .snapshot__highlight { border-radius: 4px; border-width: 2px; border-color: rgba(39, 138, 216, 0.25); transition: 0.3s cubic-bezier(0.2, 0, 0.1, 1); } .post--detail-full .post__image { position: relative; top: unset; right: unset; bottom: unset; left: unset; z-index: unset; } .post--detail-full.post--has-video .post__wrapper { display: block; } .dashboard-donation-stream__header .icon { color: #2071b1; } .donation-thank-you-form-activator__label { color: #2071b1; } .streamline-input__input-container__submit { color: #e50112; border-color: #fe4e5b; } .streamline-input__input-container__submit__label { background-color: #fe4e5b; color: #ffffff; border-color: #2B8CD9; } .streamline-input:focus-within .streamline-input__input-container__input { border-color: #2B8CD9; } .donation-form__other-field input { min-height: 55px; } .donation-form--express .donation-form__title { font-size: 1.875rem; margin-top: 1rem; margin-bottom: 1rem; font-family: "Roboto Condensed"; font-weight: bold; text-transform: uppercase; letter-spacing: 0em; line-height: 1.1; margin-top: -0.25rem; } @media (max-width: 1024px) { .donation-form--express .donation-form__title { font-size: 1.54688rem; } } @media (max-width: 736px) { .donation-form--express .donation-form__title { font-size: 1.40625rem; } } @media (max-width: 1024px) { .donation-form--express .donation-form__title { margin-top: calc(16px * calc(0.75 * 1.1)); } } @media (max-width: 736px) { .donation-form--express .donation-form__title { margin-top: calc(16px * 0.75); } } @media (max-width: 1024px) { .donation-form--express .donation-form__title { margin-bottom: calc(16px * calc(0.75 * 1.1)); } } @media (max-width: 736px) { .donation-form--express .donation-form__title { margin-bottom: calc(16px * 0.75); } } .button--facebook { background: #3975ea; } .row:first-of-type.show--owned + .row--inset { border-top-right-radius: 0; border-top-left-radius: 0; } .signup-form--v2 .signup-form__header { margin-bottom: 2.5rem; } .signup-form--v2 .signup-form__profile-options .signup-form__profile-options__button { margin: 0 .5rem; border-width: 1px; } /* -------------- */ /* RPORTEOUS EDITS */ /* -------------- */ /*DISTRACTION-FREE PROFILES*/ .page--profile .row__layout--footer, .page--profile .page-navigation, .page--profile .header__menu--mobile, .page-- .row__layout--footer, .hideaway { display: none !important; visibility: hidden !important; } /* PROFILE CHANGES */ .page--profile h2 { font-size: 32px; font-weight: 500; } .logo-paper { max-width: 110px; margin: 0 auto; margin-top: -60px; } a { color: #000; } p, li { font-size: 1.1em; margin-bottom: 12px; } .h2-large { font-size: 2.4em; max-width: 680px; } .donate-photo { min-height: 70vh; } .donate-content .paper { margin-top: -200px; filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.05)); } .campaign-share { display: flex; justify-content: center; align-items: center; } .campaign-find-out-more a { font-size: .9rem; color: grey; text-decoration-color: white; } .min-height-500 { min-height: 500px; } .intro-para { margin-bottom: 0; font-size: 20px; } /* -------------- */ /* RAISELY EDITS */ /* -------------- */ /* VARS */ /* LINKS */ .link-inverse a, .link-inverse { color: white; } .link-inverse a:hover, .link-inverse a:focus, .link-inverse:hover, .link-inverse:focus { color: white; } /* TYPE */ .row__bg[style*='background-image: url("http'] ~ .row__container .progress-bar__progress { color: rgba(255, 255, 255, 0.33); } /* ROWS */ .row[class*="--border-"]:before { left: 2rem; right: 2rem; background: #eeeeee; } .row[class*="--motif-"]:after { content: ''; position: absolute; color: #2B8CD9; border: 1px solid currentColor; height: 10px; width: 10px; left: calc(50% - 5px); transform: rotate(45deg); } .row--motif-top:after { top: -5px; } .row--motif-bottom:after { bottom: -5px; } /* BLOCKS */ .block--box, .raisely-blockwrapper--box { border-color: #eeeeee; } .block--separator, .raisely-blockwrapper--separator { background: #eeeeee; } .block[class*="--border-"]:before, .raisely-blockwrapper[class*="--border-"]:before { left: 2rem; right: 2rem; background: #eeeeee; } .block--motif-top:before, .block--motif-bottom:after, .raisely-blockwrapper--motif-top:before, .raisely-blockwrapper--motif-bottom:after { content: ''; display: block; color: #2B8CD9; border: 1px solid currentColor; margin: 1rem auto; height: 10px; width: 10px; transform: rotate(45deg); } .col--6 .profiles-2 .profile-grid__item:nth-of-type(2n + 2) { margin-right: 1%; } /* NAVIGATION */ .header { font-size: 1rem; padding: .75rem 0; } .header__body-backdrop { background-color: transparent; } .header__body-backdrop--theme-transparent { background: #394B5D; border-bottom: none; } .header__menu { font-family: "Roboto Condensed", Arial Narrow, Arial, sans-serif; } .header .page-navigation__link { font-weight: bold; text-transform: uppercase; } /* -------------- */ /* ATOMS */ /* -------------- */ /* BUTTONS */ .button { border-width: 1px; font-family: "Roboto Condensed", Arial Narrow, Arial, sans-serif; } .button-row--size-small .button { font-size: 11px; padding: 12px; } .button.size--large { font-size: 20px; padding: 12px 24px; } .button-row > .button { margin-right: 13px; } /* PROGRESS BAR */ .progress-bar { font-family: "Roboto Condensed", Arial Narrow, Arial, sans-serif; color: inherit; } .progress-bar__stats-outter { line-height: 1; } .progress-bar__progress { overflow: visible; position: relative; color: inherit; background: currentColor; color: rgba(0, 0, 0, 0.05); } .progress-bar__bar { background: #2B8CD9; color: #2B8CD9; overflow: visible; } .progress-bar--light .progress-bar__progress { color: rgba(255, 255, 255, 0.33); } .progress-bar--size-small .progress-bar__progress { height: 4px; line-height: 4px; margin: 0 2px; } .progress-bar--size-small .progress-bar__progress:after, .progress-bar--size-small .progress-bar__progress:before { content: ''; position: absolute; top: 0; bottom: 0; width: 0; border: 2px solid transparent; } .progress-bar--size-small .progress-bar__progress:before { right: 100%; border-right-color: currentColor; } .progress-bar--size-small .progress-bar__progress:after { left: 100%; border-left-color: currentColor; } .progress-bar--size-small .progress-bar__progress .progress-bar__bar:after, .progress-bar--size-small .progress-bar__progress .progress-bar__bar:before { content: ''; position: absolute; top: 0; bottom: 0; width: 0; border: 2px solid transparent; } .progress-bar--size-small .progress-bar__progress .progress-bar__bar:before { right: 100%; border-right-color: #2B8CD9; } .progress-bar--size-small .progress-bar__progress .progress-bar__bar:after { left: 100%; border-left-color: #2B8CD9; } .progress-bar--size-medium .progress-bar__progress { height: 8px; line-height: 8px; margin: 0 4px; } .progress-bar--size-medium .progress-bar__progress:after, .progress-bar--size-medium .progress-bar__progress:before { content: ''; position: absolute; top: 0; bottom: 0; width: 0; border: 4px solid transparent; } .progress-bar--size-medium .progress-bar__progress:before { right: 100%; border-right-color: currentColor; } .progress-bar--size-medium .progress-bar__progress:after { left: 100%; border-left-color: currentColor; } .progress-bar--size-medium .progress-bar__progress .progress-bar__bar:after, .progress-bar--size-medium .progress-bar__progress .progress-bar__bar:before { content: ''; position: absolute; top: 0; bottom: 0; width: 0; border: 4px solid transparent; } .progress-bar--size-medium .progress-bar__progress .progress-bar__bar:before { right: 100%; border-right-color: #2B8CD9; } .progress-bar--size-medium .progress-bar__progress .progress-bar__bar:after { left: 100%; border-left-color: #2B8CD9; } .progress-bar--size-large .progress-bar__progress { height: 12px; line-height: 12px; margin: 0 6px; } .progress-bar--size-large .progress-bar__progress:after, .progress-bar--size-large .progress-bar__progress:before { content: ''; position: absolute; top: 0; bottom: 0; width: 0; border: 6px solid transparent; } .progress-bar--size-large .progress-bar__progress:before { right: 100%; border-right-color: currentColor; } .progress-bar--size-large .progress-bar__progress:after { left: 100%; border-left-color: currentColor; } .progress-bar--size-large .progress-bar__progress .progress-bar__bar:after, .progress-bar--size-large .progress-bar__progress .progress-bar__bar:before { content: ''; position: absolute; top: 0; bottom: 0; width: 0; border: 6px solid transparent; } .progress-bar--size-large .progress-bar__progress .progress-bar__bar:before { right: 100%; border-right-color: #2B8CD9; } .progress-bar--size-large .progress-bar__progress .progress-bar__bar:after { left: 100%; border-left-color: #2B8CD9; } /* FORM FIELDS */ .form-field, .note-editor-container .note-editor .form-group, .note-editor-container .note-editor .checkbox { border-width: 1px; border-radius: 0; border-color: rgba(57, 75, 93, 0.15); } .form-field, .note-editor-container .note-editor .form-group, .note-editor-container .note-editor .checkbox, .form-field__label-text, .form-field input, .note-editor-container .note-editor .form-group input, .note-editor-container .note-editor .checkbox input { color: #394B5D; } .form-field:focus-within, .note-editor-container .note-editor .form-group:focus-within, .note-editor-container .note-editor .checkbox:focus-within { border-color: rgba(38, 50, 61, 0.33); box-shadow: 0 0 10px rgba(18, 24, 30, 0.15); } /* ICONS */ .icon { position: relative; z-index: 1; } /* PROFILE IMAGE */ .profile-image { background: white; border: 1px solid #eeeeee; margin-bottom: -1px; } /* SHARE */ .share { display: flex; position: relative; flex-wrap: wrap; } .share-button { text-align: center; position: relative; } .share-button.share-button--icon { padding: .75em; height: 42px; width: 1em; line-height: 1em; font-size: 1rem; } .share-button.share-button--icon i { position: absolute; top: 50%; left: 50%; height: 22px; transform: translate(-50%, -50%); transform: translate3d(-50%, -50%, 0); } .share-button:not(.share-button--icon) { height: 3.75em; padding: 1em; } .share-button--small { font-style: .7rem; } .share-button--medium { font-style: .8rem; } .share-button__label { font-style: italic; } .share-button--icon { margin-right: 0; flex-grow: 1; } .share-button--icon:not(:hover) .icon { color: rgba(0, 0, 0, 0.15); fill: rgba(0, 0, 0, 0.15); } /* -------------- */ /* MOLECULES */ /* -------------- */ .row-donation .col--5 { padding: 2rem; background: white; } /* DONATION STREAM */ .donation-stream__item { padding: 0 0 0.75em; } .donation-stream--direction-vertical { font-size: 1em; } .donation-stream--direction-horizontal .donation-stream__item { padding: 0 0.5em; } .donation-stream--direction-horizontal .donation-stream__item:last-of-type { margin-right: 3vw; } .donation-tile { padding: 0; position: relative; display: flex; flex-wrap: wrap; } .donation-tile__content { padding: 0.66rem 0.5rem; display: inline-block; } .donation-tile__content__activity { font-family: "Roboto Condensed"; } .donation-tile__content__activity > * { vertical-align: baseline; } .donation-tile__content__donor, .donation-tile__content a { font-weight: 700; font-style: italic; } .donation-tile__amount { font-family: "Roboto Condensed", Arial Narrow, Arial, sans-serif; font-size: 0.75em; opacity: 0.5; position: relative; padding: 0 0.4rem 0.66rem 1rem; width: auto; display: inline-block; } /* LEADERBOARD */ .profile-tile { color: inherit; font-size: 0.9em; display: flex; margin-bottom: 2rem; font-family: "Roboto Condensed"; } .profile-tile .profile-image { z-index: 1; position: relative; height: 86px; border: none; } .profile-tile__name { margin-bottom: 0; position: relative; z-index: 1; font-style: italic; } .profile-tile__content { padding: 1em 0.5em 1em 1.33em; width: calc(100% - 75px); } .profile-tile--detail-default .profile-tile__content, .profile-tile--detail-post .profile-tile__content { position: relative; align-self: center; } .profile-tile--detail-default .profile-tile__total, .profile-tile--detail-post .profile-tile__total { position: relative; z-index: 1; font-family: "Roboto Condensed", Arial Narrow, Arial, sans-serif; top: unset; font-size: 0.8em; font-weight: normal; right: auto; } .profile-tile__edit { top: -2px; } .profile-tile__edit a { border: 1px solid rgba(38, 50, 61, 0.25); color: #26323d; text-decoration: none; line-height: 1; padding: .25em .5em; } .profile-tile__edit a:hover, .profile-tile__edit a:focus { border-color: #26323d; } .profile-tile--detail-post { background: white; border: 1px solid #eeeeee; margin-bottom: 0; } .profile-tile--detail-post .profile-image { width: 80px; height: 105px; margin: .5em; } .profile-tile--detail-post .profile-tile__content { padding: 1rem; } .profilelist .page-controls button { color: #7f98b0; } /* PAGE CONTROLS */ .page-controls { float: none; width: 100%; display: flex; justify-content: flex-end; } .page-controls button { border-radius: none; padding: 0; border: 1px solid #7f98b0; margin: 0; } .page-controls button.button { background: white; color: #394B5D; } .page-controls button:last-child { margin-left: -1px; } .page-controls button[disabled] { opacity: 0.33; } .page-controls button i { font-size: 30px; } /* POSTS */ .postfeed.postfeed--direction-vertical .post__wrapper { padding: .5em 1.5em 0; } .postfeed.postfeed--direction-vertical .post__image:not(.overrider) { padding-left: 0; } .postfeed.postfeed--direction-horizontal .paginated-items { width: 100%; } .postfeed.postfeed--direction-horizontal .postfeed__item { width: 31.5%; margin-right: 2.75%; } @media (max-width: 736px) { .postfeed.postfeed--direction-horizontal .postfeed__item { width: 100%; } } .postfeed.postfeed--direction-horizontal .postfeed__item:nth-of-type(3n+3) { margin-right: 0; } @media (max-width: 736px) { .postfeed.postfeed--direction-horizontal .postfeed__item:nth-of-type(3n+3) { width: 100%; } } .postfeed.postfeed--direction-horizontal .page-controls { margin: 0; } .postfeed.postfeed--direction-horizontal .page-controls button { border-color: #2B8CD9; } .postfeed.postfeed--direction-horizontal .post__image, .postfeed.postfeed--direction-horizontal .post__image img { height: 150px; border-radius: 0; } .post { border: none; color: black; display: flex; flex-wrap: wrap; position: relative; flex-direction: column; justify-content: flex-end; } .post__title { color: #26323d; font-size: 1.25em; font-style: italic; font-weight: 700; } .post--direction-vertical .post__image:not(.override) { padding-left: 0; } .post__content { margin-bottom: 5em; } .post__content p { font-size: 0.9rem; } .post__wrapper { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; padding: 1.5rem; } .post__wrapper a:not(.override) { text-decoration: none; } .post__wrapper .button { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: transparent; opacity: 0; z-index: 1; } .post__meta { order: 3; margin: 0; font-size: 0.75em; border-bottom: 1px solid #e1e1e1; padding-bottom: 0.5em; text-align: right; color: #12181e; opacity: 0.5; font-family: "Roboto Condensed", Arial Narrow, Arial, sans-serif; width: 100%; margin: auto 0 0; } .post { border-radius: 0; } /* FORMS */ .donation-form__header, .signup-form__header { position: relative; background: none; border: none; margin-bottom: 1em; } .donation-form__stages, .signup-form__stages { padding: 0; overflow: visible; position: absolute; top: -0.875rem; left: 0; background: transparent; font-size: 0.85rem; } .donation-form__stages__inner, .signup-form__stages__inner { overflow: inherit; } .donation-form__stages:before, .signup-form__stages:before { content: none; } .donation-form__stage, .signup-form__stage { background: transparent; border: none; font-family: "Roboto Condensed"; font-weight: 600; padding: 0; height: 1.75rem; width: 1.75rem; line-height: 1.75rem; position: relative; z-index: 1; margin: 0 1.5rem; font-size: 0.85rem; display: inline-block; color: #000; } .donation-form__stage:first-of-type, .signup-form__stage:first-of-type { margin-left: 0; } .donation-form__stage:last-of-type, .signup-form__stage:last-of-type { margin-right: 0; } .donation-form__stage:before, .signup-form__stage:before { background: white; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #eeeeee; border-radius: 10rem; z-index: -1; } .donation-form__stage--active, .signup-form__stage--active { color: #fff; } .donation-form__stage--active:before, .signup-form__stage--active:before { background: #2B8CD9; border-color: transparent; } .donation-form__stage--previous:before, .signup-form__stage--previous:before { background: #eeeeee; } /* DONATION FORM */ .donation-form { background: white; border: 2px solid #eeeeee; color: #000; overflow: visible; } .donation-form__header { margin-bottom: -1.5em; padding: 2.5em 0 0; } .donation-form__body { padding: 2rem 1.75rem; } .donation-form__amount-type { display: inline-block; background: transparent; position: relative; font-size: .75rem; margin-bottom: 0; } .donation-form__amount-type-btn { font-family: "Roboto Condensed", Arial Narrow, Arial, sans-serif; font-size: inherit; text-transform: uppercase; letter-spacing: 0.25em; padding: .5em 1em; line-height: 1; margin: 0 0 1em; border: none; background: #26323d; color: white; position: relative; z-index: 1; vertical-align: inherit; box-shadow: none; } .donation-form__amount-type-btn, .donation-form__amount-type-btn:first-child:not(.override), .donation-form__amount-type-btn:last-child:not(.override) { border-radius: 0; } .donation-form__amount-type-btn--inactive { color: #12181e; background: #eeeeee; z-index: unset; } .donation-form__amount-currency { font-size: 0.7em; margin: 1em 0 0; color: #000; } .donation-form__amount-currency hr { display: none; } .donation-form__amount { font-family: "Roboto Condensed"; font-size: 0.9em; padding: 0.75em 0; margin: 0 auto; } .donation-form__amount-btn { min-width: 70px; background: white; font-size: 1.5rem; flex-basis: auto; border: none; background: #E86262; color: white; position: relative; border-radius: 0; padding: .5em 1.5em; } .donation-form__amount-btn:focus, .donation-form__amount-btn:hover, .donation-form__amount-btn--selected.button--donation { background: #2B8CD9; border-color: transparent; } .donation-form .field-wrapper--anonymous { display: none; } /* PROFILE CARD */ .profile-card { background: #eeeeee; color: #12181e; } .profile-card .profile-image { border: none; } .profile-card .profile-card__content div, .profile-card .profile-card__content p { display: none; } .profile-grid .profile-image { padding-bottom: 56.25%; } .profile-grid h4 { text-transform: none; font-weight: normal; font-size: 1.25rem; } .profile-grid__item { width: auto; flex: 1; flex-basis: 24%; margin: 0 1% 1% 0; max-width: 24%; } @media (max-width: 736px) { .profile-grid__item { flex-basis: 100%; max-width: 100%; margin-right: 0; } } .col--6 .profile-grid__item { flex-basis: 48%; max-width: 48%; } @media (max-width: 736px) { .col--6 .profile-grid__item { flex-basis: 100%; max-width: 100%; } } .col--6 .profile-grid__item:nth-of-type(4n + 4) { margin-right: 1%; } /* SIGNUP FORM */ .signup-form h3 { font-size: 1rem; margin-top: 1rem; margin-bottom: 1rem; font-family: "Roboto Condensed"; font-weight: 700; letter-spacing: 0em; line-height: 1.1; text-transform: uppercase; letter-spacing: .2em; font-family: "Roboto Condensed"; font-weight: bold; font-style: normal; margin-top: 0; } .signup-form .button { margin: 1.75rem 0 .5rem; } /* -------------- */ /* TEMPLATES */ /* -------------- */ /* HOME HEADER */ .home-header .progress-bar__stats-outter { font-size: 1.33em; } .home-header .progress-bar__stats-outter--above { margin-bottom: 1em; } .home-header .progress-bar__stats-outter--bottom { margin-top: 1em; } /* PROFILE HEADER */ .row--profile-header { position: relative; } .row--profile-header .raisely-blockwrapper { z-index: 1; } .row--profile-header .profile-image { border: 1px solid #eeeeee; } .row--profile-header h1, .row--profile-header h2, .row--profile-header h3, .row--profile-header h4, .row--profile-header h5, .row--profile-header h6 { color: white; } .row--profile-header .progress-bar { color: #26323d; } .row--profile-header .row__bg:before { content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 66%; background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .column-boxes .col { background: white; padding: 2rem; } /* Paper Edges */ .paper { background: transparent; position: relative; padding-left: 0; padding-right: 0; border-color: white; border-style: solid; border-width: 20px; border-image: url(../images/border-white-paper-png-a1f81a.png) 20 round; } .paper:before { content: ''; display: block; background: white; width: 100%; height: 100%; top: 0; left: 0; position: absolute; } .paper > div { position: relative; } .paper-blue-top { position: relative; } .paper-blue-top:before { content: ' '; display: block; width: 100%; height: 20px; background: transparent url(../images/border-blue-top-png-79fbf5.png) no-repeat 0 0; background-size: 100% 500px; position: absolute; z-index: 0; top: -20px; } .paper-backing { position: relative; } .paper-backing:before { content: ' '; display: block; width: 100%; height: 100%; background: transparent url(../images/border-blue-bottom-png-eb5d9f.png) no-repeat 0 0; background-size: 100% 100%; position: absolute; z-index: -1; top: 20px; left: -20px; } .paper-backing > div { position: relative; } /* Footer */ section .col--4 .logo, section .col--3 .logo { width: 240px; max-width: 80%; } footer a:link, footer a:visited { color: white; } footer a:hover, footer a:focus, footer a:active { color: #CBDDE1; } footer .button-row--right .button { margin-left: 8px; margin-right: 8px; } .page--team-profile .profile-tile__total { display: none; } .ukraine-crisis-jp ~ section .donation-form .donation-form__title { visibility: hidden; position: relative; } .ukraine-crisis-jp ~ section .donation-form .donation-form__title:before { content: "今日寄付する"; visibility: visible; position: absolute; } .ukraine-crisis-jp ~ section .donation-form .donation-form__amount-currency { visibility: hidden; display: grid; } .ukraine-crisis-jp ~ section .donation-form .donation-form__amount-currency:before { content: "通貨をお選び頂けます　日本円"; visibility: visible; } .ukraine-crisis-jp ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .ukraine-crisis-jp ~ section .donation-form label[for="firstName"]:before { content: "名"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ukraine-crisis-jp ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .ukraine-crisis-jp ~ section .donation-form label[for="lastName"]:before { content: "姓"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ukraine-crisis-jp ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .ukraine-crisis-jp ~ section .donation-form label[for="email"]:before { content: "メールアドレス"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ukraine-crisis-jp ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .ukraine-crisis-jp ~ section .donation-form label[for="public.country"]:before { content: "国"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ukraine-crisis-jp ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .ukraine-crisis-jp ~ section .donation-form label[for="firstName"]:before { content: "名"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ukraine-crisis-jp ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .ukraine-crisis-jp ~ section .donation-form label[for="lastName"]:before { content: "姓"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ukraine-crisis-jp ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .ukraine-crisis-jp ~ section .donation-form label[for="email"]:before { content: "メールアドレス"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ukraine-crisis-jp ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .ukraine-crisis-jp ~ section .donation-form label[for="public.country"]:before { content: "国"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ukraine-crisis-jp ~ section .donation-form label[for="Card number"] { visibility: hidden; top: 0; } .ukraine-crisis-jp ~ section .donation-form label[for="Card number"]:before { content: "クレジットカード番号"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ukraine-crisis-jp ~ section .donation-form label[for="CVC"] { visibility: hidden; top: 0; } .ukraine-crisis-jp ~ section .donation-form label[for="CVC"]:before { content: "CVC番号（カード確認コード）"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ukraine-crisis-jp ~ section .donation-form label[for="Expiry date"] { visibility: hidden; top: 0; } .ukraine-crisis-jp ~ section .donation-form label[for="Expiry date"]:before { content: "カード有効期限"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ukraine-crisis-jp ~ section .donation-form label[for="feeOptIn"] .form-field__label-text { visibility: hidden; position: relative; } .ukraine-crisis-jp ~ section .donation-form label[for="feeOptIn"] .form-field__label-text:before { content: "を追加"; visibility: visible; position: absolute; } .ukraine-crisis-jp ~ section .donation-form label[for="feeOptIn"] .form-field__label-text > b { visibility: visible !important; margin-left: 15px; } .ukraine-crisis-jp ~ section .donation-form label[for="feeOptIn"] .form-field__label-text > b:after { content: "資金調達費用を負担するために"; padding-left: 5px; visibility: visible; } .ukraine-crisis-jp ~ section .donation-form .donation-form__method-button span { visibility: hidden; text-indent: -20px; } .ukraine-crisis-jp ~ section .donation-form .donation-form__method-button span:after { visibility: visible; content: "次"; } .ukraine-crisis-jp ~ section .donation-form .donation-form__next { visibility: hidden; position: relative; } .ukraine-crisis-jp ~ section .donation-form .donation-form__next:before { visibility: visible; content: "次"; width: 100%; position: absolute; left: 0px; top: 0px; } .ukraine-crisis-jp ~ section .donation-form .donation-form__next:before { --btn-bg: #fe4e5b; --btn-color: #ffffff; border-color: #fe4e5b; } .ukraine-crisis-jp ~ section .donation-form .donation-form__currency-message { visibility: hidden; position: relative; } .ukraine-crisis-jp ~ section .donation-form .donation-form__currency-message:before { content: "を寄付する"; visibility: visible; position: absolute; } .ukraine-crisis-jp ~ section .donation-form .donation-form__currency-message > b { visibility: visible; margin-left: 0px; } .ukraine-crisis-jp ~ section .donation-form .donation-form__currency-message > b:after { content: "米ドルで合計"; visibility: visible; padding-left: 5px; } .ukraine-crisis-jp ~ section h3.css-1b4jwf { visibility: hidden; } .ukraine-crisis-jp ~ section h3.css-1b4jwf:before { content: "概要"; visibility: visible; } .ukraine-crisis-jp ~ section .form-field--currency .input-full::-webkit-input-placeholder { visibility: hidden; } .ukraine-crisis-jp ~ section .form-field--currency .input-full::-webkit-input-placeholder:before { visibility: visible; } .ukraine-crisis-jp ~ section .donation-form__amount-btn.button--donation { padding: .5em 1em; } .ukraine-crisis-jp ~ section .donation-form__amount-type-btn { letter-spacing: 0.02em; } .ukraine-crisis-jp ~ section .donation-form__amount-type-btn:nth-child(1) .frequency-label { visibility: hidden; } .ukraine-crisis-jp ~ section .donation-form__amount-type-btn:nth-child(1) :before { visibility: visible !important; content: "今回"; position: absolute; } .ukraine-crisis-jp ~ section .donation-form__amount-type-btn:nth-child(2) .frequency-label { visibility: hidden; } .ukraine-crisis-jp ~ section .donation-form__amount-type-btn:nth-child(2) :before { visibility: visible; content: "毎週"; position: absolute; } .ukraine-crisis-jp ~ section .donation-form__amount-type-btn:nth-child(3) .frequency-label { visibility: hidden; } .ukraine-crisis-jp ~ section .donation-form__amount-type-btn:nth-child(3) :before { visibility: visible; content: "毎月"; position: absolute; } .ukraine-crisis-jp ~ section .form-field__error { visibility: hidden; } .ukraine-crisis-jp ~ section .form-field__error i { visibility: visible; } .ukraine-crisis-jp ~ .campaign-share-container p.css-xznnej { visibility: hidden; display: grid; } .ukraine-crisis-jp ~ .campaign-share-container p.css-xznnej:before { content: "ご協力の効果をさらに高めるには、ぜひシェアをお願いします。"; visibility: visible; margin-left: auto; margin-right: auto; } .ukraine-crisis-jp ~ .campaign-find-out-more { visibility: hidden; display: grid; } .ukraine-crisis-jp ~ .campaign-find-out-more:before { content: "このサイトに関する情報はこちら"; visibility: visible; margin-left: auto; margin-right: auto; } .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__title { visibility: hidden; position: relative; } .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__title:before { content: "今こそご支援を"; visibility: visible; position: absolute; } .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__amount-currency { visibility: hidden; display: grid; } .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__amount-currency:before { content: "通貨をお選び頂けます　日本円"; visibility: visible; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="firstName"]:before { content: "名"; visibility: visible; font-size: 0.75em; font-weight: 600; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="lastName"]:before { content: "姓"; visibility: visible; font-size: 0.75em; font-weight: 600; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="email"]:before { content: "メールアドレス"; visibility: visible; font-size: 0.75em; font-weight: 600; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="public.country"]:before { content: "国"; visibility: visible; font-size: 0.75em; font-weight: 600; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="firstName"]:before { content: "名"; visibility: visible; font-size: 0.75em; font-weight: 600; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="lastName"]:before { content: "姓"; visibility: visible; font-size: 0.75em; font-weight: 600; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="email"]:before { content: "メールアドレス"; visibility: visible; font-size: 0.75em; font-weight: 600; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="public.country"]:before { content: "国"; visibility: visible; font-size: 0.75em; font-weight: 600; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="Card number"] { visibility: hidden; top: 0; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="Card number"]:before { content: "クレジットカード番号"; visibility: visible; font-size: 0.75em; font-weight: 600; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="CVC"] { visibility: hidden; top: 0; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="CVC"]:before { content: "セキュリティコード"; visibility: visible; font-size: 0.75em; font-weight: 600; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="Expiry date"] { visibility: hidden; top: 0; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="Expiry date"]:before { content: "カード有効期限"; visibility: visible; font-size: 0.75em; font-weight: 600; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="feeOptIn"] .form-field__label-text { visibility: hidden; position: relative; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="feeOptIn"] .form-field__label-text:before { content: ""; visibility: visible; position: absolute; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="feeOptIn"] .form-field__label-text > b { visibility: visible !important; margin-left: 15px; } .turkiye-syria-earthquake-jp ~ section .donation-form label[for="feeOptIn"] .form-field__label-text > b:after { content: "資金調達費用の負担を承諾します"; padding-left: 5px; visibility: visible; } .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__method-button span { visibility: hidden; text-indent: -20px; } .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__method-button span:after { visibility: visible; content: "次"; } .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next { visibility: hidden; position: relative; } .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:before { visibility: visible; content: "次"; width: 100%; position: absolute; left: 0px; top: 0px; } .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__next:before { --btn-bg: #fe4e5b; --btn-color: #ffffff; border-color: #fe4e5b; } .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__currency-message { visibility: hidden; position: relative; } .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__currency-message:before { content: ""; visibility: visible; position: absolute; } .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__currency-message > b { visibility: visible; margin-left: 0px; } .turkiye-syria-earthquake-jp ~ section .donation-form .donation-form__currency-message > b:after { content: "を寄付する"; visibility: visible; padding-left: 5px; } .turkiye-syria-earthquake-jp ~ section h3.css-1b4jwf { visibility: hidden; } .turkiye-syria-earthquake-jp ~ section h3.css-1b4jwf:before { content: "概要"; visibility: visible; } .turkiye-syria-earthquake-jp ~ section .form-field--currency .input-full::-webkit-input-placeholder { visibility: hidden; } .turkiye-syria-earthquake-jp ~ section .form-field--currency .input-full::-webkit-input-placeholder:before { visibility: visible; } .turkiye-syria-earthquake-jp ~ section .donation-form__amount-btn.button--donation { padding: .5em 1em; } .turkiye-syria-earthquake-jp ~ section .donation-form__amount-type-btn { letter-spacing: 0.02em; } .turkiye-syria-earthquake-jp ~ section .donation-form__amount-type-btn:nth-child(1) .frequency-label { visibility: hidden; } .turkiye-syria-earthquake-jp ~ section .donation-form__amount-type-btn:nth-child(1) :before { visibility: visible !important; content: "今回"; position: absolute; } .turkiye-syria-earthquake-jp ~ section .donation-form__amount-type-btn:nth-child(2) .frequency-label { visibility: hidden; } .turkiye-syria-earthquake-jp ~ section .donation-form__amount-type-btn:nth-child(2) :before { visibility: visible; content: "毎週"; position: absolute; } .turkiye-syria-earthquake-jp ~ section .donation-form__amount-type-btn:nth-child(3) .frequency-label { visibility: hidden; } .turkiye-syria-earthquake-jp ~ section .donation-form__amount-type-btn:nth-child(3) :before { visibility: visible; content: "毎月"; position: absolute; } .turkiye-syria-earthquake-jp ~ section .form-field__error { visibility: hidden; } .turkiye-syria-earthquake-jp ~ section .form-field__error i { visibility: visible; } .turkiye-syria-earthquake-jp ~ .campaign-share-container p.css-xznnej { visibility: hidden; display: grid; } .turkiye-syria-earthquake-jp ~ .campaign-share-container p.css-xznnej:before { content: "ご協力の効果をさらに高めるには、ぜひシェアをお願いします。"; visibility: visible; margin-left: auto; margin-right: auto; } .turkiye-syria-earthquake-jp ~ .campaign-find-out-more { visibility: hidden; display: grid; } .turkiye-syria-earthquake-jp ~ .campaign-find-out-more:before { content: "このサイトに関する情報はこちら"; visibility: visible; margin-left: auto; margin-right: auto; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__title { visibility: hidden; position: relative; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__title:before { content: "قم بالتبرع اليوم"; visibility: visible; position: absolute; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__amount-currency { visibility: hidden; display: grid; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__amount-currency:before { content: ""; visibility: visible; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="firstName"]:before { content: "الاسم الأول"; visibility: visible; font-size: 0.75em; font-weight: 600; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="lastName"]:before { content: "اسم العائلة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="email"]:before { content: "البريد الإلكتروني"; visibility: visible; font-size: 0.75em; font-weight: 600; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="public.country"]:before { content: "البلد"; visibility: visible; font-size: 0.75em; font-weight: 600; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="firstName"]:before { content: "الاسم الأول"; visibility: visible; font-size: 0.75em; font-weight: 600; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="lastName"]:before { content: "اسم العائلة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="email"]:before { content: "البريد الإلكتروني"; visibility: visible; font-size: 0.75em; font-weight: 600; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="public.country"]:before { content: "البلد"; visibility: visible; font-size: 0.75em; font-weight: 600; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="Card number"] { visibility: hidden; top: 0; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="Card number"]:before { content: "رقم البطاقة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="CVC"] { visibility: hidden; top: 0; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="CVC"]:before { content: "رمز التحقق من البطاقة(CVC) "; visibility: visible; font-size: 0.75em; font-weight: 600; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="Expiry date"] { visibility: hidden; top: 0; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="Expiry date"]:before { content: "تاريخ انتهاء صلاحية البطاقة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text { visibility: hidden; position: relative; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text:before { content: ""; visibility: visible; position: absolute; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text > b { visibility: visible !important; margin-left: 15px; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text > b:after { content: "أضف المبلغ للمساعدة في تغطية تكلفة جمع التبرعات"; padding-left: 5px; visibility: visible; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__method-button span { visibility: hidden; text-indent: -20px; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__method-button span:after { visibility: visible; content: "التالي"; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next { visibility: hidden; position: relative; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:before { visibility: visible; content: "التالي"; width: 100%; position: absolute; left: 0px; top: 0px; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__next:before { --btn-bg: #fe4e5b; --btn-color: #ffffff; border-color: #fe4e5b; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__currency-message { visibility: hidden; position: relative; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__currency-message:before { content: " "; visibility: visible; position: absolute; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__currency-message > b { visibility: visible; margin-left: 0px; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form .donation-form__currency-message > b:after { content: "تبرع بالمبلغ"; visibility: visible; padding-left: 5px; } .this-ramadan-families-in-syria-need-your-help-ar ~ section h3.css-1b4jwf { visibility: hidden; } .this-ramadan-families-in-syria-need-your-help-ar ~ section h3.css-1b4jwf:before { content: "حول الحملة"; visibility: visible; margin-right: 0px; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .form-field--currency .input-full::-webkit-input-placeholder { visibility: hidden; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .form-field--currency .input-full::-webkit-input-placeholder:before { visibility: visible; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-btn.button--donation { padding: .5em 1em; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:nth-child(1) { visibility: hidden; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:nth-child(1):before { visibility: visible; content: "مرة واحدة"; position: absolute; width: 100%; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:nth-child(1):before { --btn-bg: #778ea9; --btn-color: #ffffff; border-color: #778ea9; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:nth-child(2) { visibility: hidden; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:nth-child(2):before { visibility: visible; content: "أسبوعياً"; position: absolute; width: 100%; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:nth-child(2):before { --btn-bg: #778ea9; --btn-color: #ffffff; border-color: #778ea9; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:nth-child(3) { visibility: hidden; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:nth-child(3):before { visibility: visible; content: "شهرياً"; position: absolute; width: 100%; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .donation-form__amount-type .donation-form__amount-type-btn:nth-child(3):before { --btn-bg: #778ea9; --btn-color: #ffffff; border-color: #778ea9; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .form-field__error { visibility: hidden; } .this-ramadan-families-in-syria-need-your-help-ar ~ section .form-field__error i { visibility: visible; } .this-ramadan-families-in-syria-need-your-help-ar ~ .campaign-share-container p.css-xznnej { visibility: hidden; display: grid; } .this-ramadan-families-in-syria-need-your-help-ar ~ .campaign-share-container p.css-xznnej:before { content: "تريد زيادة مساهمتك إلى أقصى حد؟شارك الحملة"; visibility: visible; margin-left: auto; margin-right: auto; } .this-ramadan-families-in-syria-need-your-help-ar ~ .campaign-find-out-more a { visibility: hidden; display: grid; } .this-ramadan-families-in-syria-need-your-help-ar ~ .campaign-find-out-more a:before { content: "تعرف على المزيد حول برنامج الإغاثة في حالات الأزمات التابع للأمم المتحدة"; visibility: visible; margin-left: auto; margin-right: auto; } .ooredoo-syria ~ section .donation-form .donation-form__title { visibility: hidden; position: relative; } .ooredoo-syria ~ section .donation-form .donation-form__title:before { content: "ساهموا بتبرعاتكم اليوم "; visibility: visible; position: absolute; } @media (max-width: 736px) { .ooredoo-syria ~ section .donation-form__amount-type { margin-top: 30px; } } .ooredoo-syria ~ section .donation-form .donation-form__amount-currency { visibility: hidden; display: grid; } .ooredoo-syria ~ section .donation-form .donation-form__amount-currency:before { content: ""; visibility: visible; } .ooredoo-syria ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .ooredoo-syria ~ section .donation-form label[for="firstName"]:before { content: "الاسم الأول"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-syria ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .ooredoo-syria ~ section .donation-form label[for="lastName"]:before { content: "اسم العائلة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-syria ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .ooredoo-syria ~ section .donation-form label[for="email"]:before { content: "البريد الإلكتروني"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-syria ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .ooredoo-syria ~ section .donation-form label[for="public.country"]:before { content: "البلد"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-syria ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .ooredoo-syria ~ section .donation-form label[for="firstName"]:before { content: "الاسم الأول"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-syria ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .ooredoo-syria ~ section .donation-form label[for="lastName"]:before { content: "اسم العائلة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-syria ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .ooredoo-syria ~ section .donation-form label[for="email"]:before { content: "البريد الإلكتروني"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-syria ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .ooredoo-syria ~ section .donation-form label[for="public.country"]:before { content: "البلد"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-syria ~ section .donation-form label[for="Card number"] { visibility: hidden; top: 0; } .ooredoo-syria ~ section .donation-form label[for="Card number"]:before { content: "رقم البطاقة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-syria ~ section .donation-form label[for="CVC"] { visibility: hidden; top: 0; } .ooredoo-syria ~ section .donation-form label[for="CVC"]:before { content: "رمز التحقق من البطاقة(CVC) "; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-syria ~ section .donation-form label[for="Expiry date"] { visibility: hidden; top: 0; } .ooredoo-syria ~ section .donation-form label[for="Expiry date"]:before { content: "تاريخ انتهاء صلاحية البطاقة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-syria ~ section .donation-form label[for="feeOptIn"] .form-field__label-text { visibility: hidden; position: relative; } .ooredoo-syria ~ section .donation-form label[for="feeOptIn"] .form-field__label-text:before { content: ""; visibility: visible; position: absolute; } .ooredoo-syria ~ section .donation-form label[for="feeOptIn"] .form-field__label-text > b { visibility: visible !important; margin-left: 15px; } .ooredoo-syria ~ section .donation-form label[for="feeOptIn"] .form-field__label-text > b:after { content: "أضف المبلغ للمساعدة في تغطية تكلفة جمع التبرعات"; padding-left: 5px; visibility: visible; } .ooredoo-syria ~ section .donation-form .donation-form__method-button span { visibility: hidden; text-indent: -20px; } .ooredoo-syria ~ section .donation-form .donation-form__method-button span:after { visibility: visible; content: "التالي"; } .ooredoo-syria ~ section .donation-form .donation-form__next { visibility: hidden; position: relative; } .ooredoo-syria ~ section .donation-form .donation-form__next:before { visibility: visible; content: "التالي"; width: 100%; position: absolute; left: 0px; top: 0px; } .ooredoo-syria ~ section .donation-form .donation-form__next:before { --btn-bg: #fe4e5b; --btn-color: #ffffff; border-color: #fe4e5b; } .ooredoo-syria ~ section .donation-form .donation-form__currency-message { visibility: hidden; position: relative; } .ooredoo-syria ~ section .donation-form .donation-form__currency-message:before { content: " "; visibility: visible; position: absolute; } .ooredoo-syria ~ section .donation-form .donation-form__currency-message > b { visibility: visible; margin-left: 0px; } .ooredoo-syria ~ section .donation-form .donation-form__currency-message > b:after { content: "تبرع بالمبلغ"; visibility: visible; padding-left: 5px; } .ooredoo-syria ~ section h3.css-1b4jwf { visibility: hidden; text-align: right !important; } .ooredoo-syria ~ section h3.css-1b4jwf:after { content: "عن الحملة "; visibility: visible; } .ooredoo-syria ~ section .form-field--currency .input-full::-webkit-input-placeholder { visibility: hidden; } .ooredoo-syria ~ section .form-field--currency .input-full::-webkit-input-placeholder:before { visibility: visible; } .ooredoo-syria ~ section .donation-form__amount-btn.button--donation { padding: .5em 1em; } .ooredoo-syria ~ section .donation-form__amount-type-btn { letter-spacing: 0.02em; } .ooredoo-syria ~ section .donation-form__amount-type-btn:nth-child(1) .frequency-label { visibility: hidden; } .ooredoo-syria ~ section .donation-form__amount-type-btn:nth-child(1) :before { visibility: visible !important; content: "مرة واحدة"; position: absolute; } .ooredoo-syria ~ section .donation-form__amount-type-btn:nth-child(2) .frequency-label { visibility: hidden; } .ooredoo-syria ~ section .donation-form__amount-type-btn:nth-child(2) :before { visibility: visible; content: "أسبوعيًا"; position: absolute; } .ooredoo-syria ~ section .donation-form__amount-type-btn:nth-child(3) .frequency-label { visibility: hidden; } .ooredoo-syria ~ section .donation-form__amount-type-btn:nth-child(3) :before { visibility: visible; content: "شهريًا"; position: absolute; } .ooredoo-syria ~ section .form-field__error { visibility: hidden; } .ooredoo-syria ~ section .form-field__error i { visibility: visible; } .ooredoo-syria ~ .campaign-share-container p.css-xznnej { visibility: hidden; display: grid; } .ooredoo-syria ~ .campaign-share-container p.css-xznnej:before { content: "ساهم أكثر عن طريق مشاركة الحملة "; visibility: visible; margin-left: auto; margin-right: auto; } .ooredoo-syria ~ .campaign-find-out-more a { visibility: hidden; display: grid; } .ooredoo-syria ~ .campaign-find-out-more a:before { content: "تعرف على المزيد حول برنامج الإغاثة في حالات الأزمات التابع للأمم المتحدة"; visibility: visible; margin-left: auto; margin-right: auto; } .css-2lk90e .html-wrapper { text-align: left !important; } .rtls--true { direction: rtl; } .sudan-crisis-ar ~ section .donation-form .donation-form__title { visibility: hidden; position: relative; } .sudan-crisis-ar ~ section .donation-form .donation-form__title:before { content: "ساهموا بتبرعاتكم اليوم "; visibility: visible; position: absolute; } @media (max-width: 736px) { .sudan-crisis-ar ~ section .donation-form__amount-type { margin-top: 30px; } } .sudan-crisis-ar ~ section .donation-form .donation-form__amount-currency { visibility: hidden; display: grid; } .sudan-crisis-ar ~ section .donation-form .donation-form__amount-currency:before { content: ""; visibility: visible; } .sudan-crisis-ar ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .sudan-crisis-ar ~ section .donation-form label[for="firstName"]:before { content: "الاسم الأول"; visibility: visible; font-size: 0.75em; font-weight: 600; } .sudan-crisis-ar ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .sudan-crisis-ar ~ section .donation-form label[for="lastName"]:before { content: "اسم العائلة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .sudan-crisis-ar ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .sudan-crisis-ar ~ section .donation-form label[for="email"]:before { content: "البريد الإلكتروني"; visibility: visible; font-size: 0.75em; font-weight: 600; } .sudan-crisis-ar ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .sudan-crisis-ar ~ section .donation-form label[for="public.country"]:before { content: "البلد"; visibility: visible; font-size: 0.75em; font-weight: 600; } .sudan-crisis-ar ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .sudan-crisis-ar ~ section .donation-form label[for="firstName"]:before { content: "الاسم الأول"; visibility: visible; font-size: 0.75em; font-weight: 600; } .sudan-crisis-ar ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .sudan-crisis-ar ~ section .donation-form label[for="lastName"]:before { content: "اسم العائلة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .sudan-crisis-ar ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .sudan-crisis-ar ~ section .donation-form label[for="email"]:before { content: "البريد الإلكتروني"; visibility: visible; font-size: 0.75em; font-weight: 600; } .sudan-crisis-ar ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .sudan-crisis-ar ~ section .donation-form label[for="public.country"]:before { content: "البلد"; visibility: visible; font-size: 0.75em; font-weight: 600; } .sudan-crisis-ar ~ section .donation-form label[for="Card number"] { visibility: hidden; top: 0; } .sudan-crisis-ar ~ section .donation-form label[for="Card number"]:before { content: "رقم البطاقة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .sudan-crisis-ar ~ section .donation-form label[for="CVC"] { visibility: hidden; top: 0; } .sudan-crisis-ar ~ section .donation-form label[for="CVC"]:before { content: "رمز التحقق من البطاقة(CVC) "; visibility: visible; font-size: 0.75em; font-weight: 600; } .sudan-crisis-ar ~ section .donation-form label[for="Expiry date"] { visibility: hidden; top: 0; } .sudan-crisis-ar ~ section .donation-form label[for="Expiry date"]:before { content: "تاريخ انتهاء صلاحية البطاقة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .sudan-crisis-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text { visibility: hidden; position: relative; } .sudan-crisis-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text:before { content: ""; visibility: visible; position: absolute; } .sudan-crisis-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text > b { visibility: visible !important; margin-left: 15px; } .sudan-crisis-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text > b:after { content: "أضف المبلغ للمساعدة في تغطية تكلفة جمع التبرعات"; padding-left: 5px; visibility: visible; } .sudan-crisis-ar ~ section .donation-form .donation-form__method-button span { visibility: hidden; text-indent: -20px; } .sudan-crisis-ar ~ section .donation-form .donation-form__method-button span:after { visibility: visible; content: "التالي"; } .sudan-crisis-ar ~ section .donation-form .donation-form__next { visibility: hidden; position: relative; } .sudan-crisis-ar ~ section .donation-form .donation-form__next:before { visibility: visible; content: "التالي"; width: 100%; position: absolute; left: 0px; top: 0px; } .sudan-crisis-ar ~ section .donation-form .donation-form__next:before { --btn-bg: #fe4e5b; --btn-color: #ffffff; border-color: #fe4e5b; } .sudan-crisis-ar ~ section .donation-form .donation-form__currency-message { visibility: hidden; position: relative; } .sudan-crisis-ar ~ section .donation-form .donation-form__currency-message:before { content: " "; visibility: visible; position: absolute; } .sudan-crisis-ar ~ section .donation-form .donation-form__currency-message > b { visibility: visible; margin-left: 0px; } .sudan-crisis-ar ~ section .donation-form .donation-form__currency-message > b:after { content: "تبرع بالمبلغ"; visibility: visible; padding-left: 5px; } .sudan-crisis-ar ~ section h3.css-1b4jwf { visibility: hidden; text-align: right !important; } .sudan-crisis-ar ~ section h3.css-1b4jwf:after { content: "عن الحملة "; visibility: visible; } .sudan-crisis-ar ~ section .form-field--currency .input-full::-webkit-input-placeholder { visibility: hidden; } .sudan-crisis-ar ~ section .form-field--currency .input-full::-webkit-input-placeholder:before { visibility: visible; } .sudan-crisis-ar ~ section .donation-form__amount-btn.button--donation { padding: .5em 1em; } .sudan-crisis-ar ~ section .donation-form__amount-type-btn { letter-spacing: 0.02em; } .sudan-crisis-ar ~ section .donation-form__amount-type-btn:nth-child(1) .frequency-label { visibility: hidden; } .sudan-crisis-ar ~ section .donation-form__amount-type-btn:nth-child(1) :before { visibility: visible !important; content: "مرة واحدة"; position: absolute; } .sudan-crisis-ar ~ section .donation-form__amount-type-btn:nth-child(2) .frequency-label { visibility: hidden; } .sudan-crisis-ar ~ section .donation-form__amount-type-btn:nth-child(2) :before { visibility: visible; content: "أسبوعيًا"; position: absolute; } .sudan-crisis-ar ~ section .donation-form__amount-type-btn:nth-child(3) .frequency-label { visibility: hidden; } .sudan-crisis-ar ~ section .donation-form__amount-type-btn:nth-child(3) :before { visibility: visible; content: "شهريًا"; position: absolute; } .sudan-crisis-ar ~ section .form-field__error { visibility: hidden; } .sudan-crisis-ar ~ section .form-field__error i { visibility: visible; } .sudan-crisis-ar ~ .campaign-share-container p.css-xznnej { visibility: hidden; display: grid; } .sudan-crisis-ar ~ .campaign-share-container p.css-xznnej:before { content: "تريد زيادة مساهمتك إلى أقصى حدّ؟ شارك الحملة"; visibility: visible; margin-left: auto; margin-right: auto; } .sudan-crisis-ar ~ .campaign-find-out-more a { visibility: hidden; display: grid; } .sudan-crisis-ar ~ .campaign-find-out-more a:before { content: "اعرف المزيد حول برنامج الإغاثة في أوقات الأزمات التابع للأمم المتحدة "; visibility: visible; margin-left: auto; margin-right: auto; } .css-2lk90e .html-wrapper { text-align: left !important; } .rtls--true { direction: rtl; } .helpgaza-ar ~ section .donation-form .donation-form__spe-message { font-size: 0; } .helpgaza-ar ~ section .donation-form .donation-form__spe-message:after { content: "أدخل تفاصيل الدفع الخاصة بك"; font-size: Max(0.8rem, 13px); } .helpgaza-ar ~ section .donation-form .donation-form__spe-box__security-message__header { font-size: 0; } .helpgaza-ar ~ section .donation-form .donation-form__spe-box__security-message__header:after { content: "الدفع الآمن"; font-weight: 600; font-size: 14px; } .helpgaza-ar ~ section .donation-form .donation-form__spe-box__security-message__text { font-size: 0; } .helpgaza-ar ~ section .donation-form .donation-form__spe-box__security-message__text:after { content: "يتم حماية دفعاتنا بتقنية تشفير تعتمد على أفضل الممارسات التكنولوجية"; font-weight: 400; font-size: 12px; } .helpgaza-ar ~ section .donation-form tr:nth-child(1) .donation-form__raisely-fee__table__left-column { font-size: 0; } .helpgaza-ar ~ section .donation-form tr:nth-child(1) .donation-form__raisely-fee__table__left-column:after { content: "تبرعك"; font-size: 12px; } .helpgaza-ar ~ section .donation-form tr:nth-child(2) .donation-form__raisely-fee__table__left-column { font-size: 0; } .helpgaza-ar ~ section .donation-form tr:nth-child(2) .donation-form__raisely-fee__table__left-column:before { content: "تغطية تكاليف المنصة"; font-size: 12px; } .helpgaza-ar ~ section .donation-form .donation-form__title { visibility: hidden; position: relative; } .helpgaza-ar ~ section .donation-form .donation-form__title:before { content: "ساهم بتبرعك اليوم"; visibility: visible; position: absolute; } @media (max-width: 736px) { .helpgaza-ar ~ section .donation-form__amount-type { margin-top: 30px; } } .helpgaza-ar ~ section .donation-form .donation-form__amount-currency { visibility: hidden; display: grid; } .helpgaza-ar ~ section .donation-form .donation-form__amount-currency:before { content: ""; visibility: visible; } .helpgaza-ar ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .helpgaza-ar ~ section .donation-form label[for="firstName"]:before { content: "الاسم الأول"; visibility: visible; font-size: 0.75em; font-weight: 600; } .helpgaza-ar ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .helpgaza-ar ~ section .donation-form label[for="lastName"]:before { content: "اسم العائلة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .helpgaza-ar ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .helpgaza-ar ~ section .donation-form label[for="email"]:before { content: "البريد الإلكتروني"; visibility: visible; font-size: 0.75em; font-weight: 600; } .helpgaza-ar ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .helpgaza-ar ~ section .donation-form label[for="public.country"]:before { content: "البلد"; visibility: visible; font-size: 0.75em; font-weight: 600; } .helpgaza-ar ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .helpgaza-ar ~ section .donation-form label[for="firstName"]:before { content: "الاسم الأول"; visibility: visible; font-size: 0.75em; font-weight: 600; } .helpgaza-ar ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .helpgaza-ar ~ section .donation-form label[for="lastName"]:before { content: "اسم العائلة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .helpgaza-ar ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .helpgaza-ar ~ section .donation-form label[for="email"]:before { content: "البريد الإلكتروني"; visibility: visible; font-size: 0.75em; font-weight: 600; } .helpgaza-ar ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .helpgaza-ar ~ section .donation-form label[for="public.country"]:before { content: "البلد"; visibility: visible; font-size: 0.75em; font-weight: 600; } .helpgaza-ar ~ section .donation-form label[for="Card number"] { visibility: hidden; top: 0; } .helpgaza-ar ~ section .donation-form label[for="Card number"]:before { content: "رقم البطاقة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .helpgaza-ar ~ section .donation-form label[for="CVC"] { visibility: hidden; top: 0; } .helpgaza-ar ~ section .donation-form label[for="CVC"]:before { content: "رمز التحقق من البطاقة(CVC) "; visibility: visible; font-size: 0.75em; font-weight: 600; } .helpgaza-ar ~ section .donation-form label[for="Expiry date"] { visibility: hidden; top: 0; } .helpgaza-ar ~ section .donation-form label[for="Expiry date"]:before { content: "تاريخ انتهاء صلاحية البطاقة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .helpgaza-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text { visibility: hidden; position: relative; } .helpgaza-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text:before { content: ""; visibility: visible; position: absolute; } .helpgaza-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text > b { visibility: visible !important; margin-left: 15px; } .helpgaza-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text > b:after { content: "أضف المبلغ للمساعدة في تغطية تكلفة جمع التبرعات"; padding-left: 5px; visibility: visible; } .helpgaza-ar ~ section .donation-form .donation-form__method-button span { visibility: hidden; text-indent: -20px; } .helpgaza-ar ~ section .donation-form .donation-form__method-button span:after { visibility: visible; content: "التالي"; } .helpgaza-ar ~ section .donation-form .donation-form__next { visibility: hidden; position: relative; } .helpgaza-ar ~ section .donation-form .donation-form__next:before { visibility: visible; content: "التالي"; width: 100%; position: absolute; left: 0px; top: 0px; } .helpgaza-ar ~ section .donation-form .donation-form__next:before { --btn-bg: #fe4e5b; --btn-color: #ffffff; border-color: #fe4e5b; } .helpgaza-ar ~ section .donation-form .donation-form__currency-message { visibility: hidden; position: relative; } .helpgaza-ar ~ section .donation-form .donation-form__currency-message:before { content: " "; visibility: visible; position: absolute; } .helpgaza-ar ~ section .donation-form .donation-form__currency-message > b { visibility: visible; margin-left: 0px; } .helpgaza-ar ~ section .donation-form .donation-form__currency-message > b:after { content: "تبرع بالمبلغ"; visibility: visible; padding-left: 5px; } .helpgaza-ar ~ section h3.css-1b4jwf { visibility: hidden; } .helpgaza-ar ~ section h3.css-1b4jwf:after { content: "عن الحملة "; visibility: visible; } .helpgaza-ar ~ section .form-field--currency .input-full::-webkit-input-placeholder { visibility: hidden; } .helpgaza-ar ~ section .form-field--currency .input-full::-webkit-input-placeholder:before { visibility: visible; } .helpgaza-ar ~ section .donation-form__amount-btn.button--donation { padding: .5em 1em; } .helpgaza-ar ~ section .donation-form__amount-type-btn { letter-spacing: 0.02em; } .helpgaza-ar ~ section .donation-form__amount-type-btn:nth-child(1) .frequency-label { visibility: hidden; } .helpgaza-ar ~ section .donation-form__amount-type-btn:nth-child(1) :before { visibility: visible !important; content: "مرة واحدة"; position: absolute; } .helpgaza-ar ~ section .donation-form__amount-type-btn:nth-child(2) .frequency-label { visibility: hidden; } .helpgaza-ar ~ section .donation-form__amount-type-btn:nth-child(2) :before { visibility: visible; content: "أسبوعيًا"; position: absolute; } .helpgaza-ar ~ section .donation-form__amount-type-btn:nth-child(3) .frequency-label { visibility: hidden; } .helpgaza-ar ~ section .donation-form__amount-type-btn:nth-child(3) :before { visibility: visible; content: "شهريًا"; position: absolute; } .helpgaza-ar ~ section .form-field__error { visibility: hidden; } .helpgaza-ar ~ section .form-field__error i { visibility: visible; } .helpgaza-ar ~ .campaign-share-container p.css-xznnej { visibility: hidden; display: grid; } .helpgaza-ar ~ .campaign-share-container p.css-xznnej:before { content: "تريد زيادة مساهمتك إلى أقصى حدّ؟ شارك الحملة"; visibility: visible; margin-left: auto; margin-right: auto; } .helpgaza-ar ~ .campaign-find-out-more a { visibility: hidden; display: grid; } .helpgaza-ar ~ .campaign-find-out-more a:before { content: "اعرف المزيد حول برنامج الإغاثة في أوقات الأزمات التابع للأمم المتحدة "; visibility: visible; margin-left: auto; margin-right: auto; } .drc-floods-response-fr ~ section .donation-form .donation-form__spe-message { font-size: 0; } .drc-floods-response-fr ~ section .donation-form .donation-form__spe-message:after { content: "Entrez vos informations de paiement"; font-size: Max(0.8rem, 13px); } .drc-floods-response-fr ~ section .donation-form .donation-form__spe-box__security-message__header { font-size: 0; } .drc-floods-response-fr ~ section .donation-form .donation-form__spe-box__security-message__header:after { content: "Paiement sécurisé"; font-weight: 600; font-size: 14px; } .drc-floods-response-fr ~ section .donation-form .donation-form__spe-box__security-message__text { font-size: 0; } .drc-floods-response-fr ~ section .donation-form .donation-form__spe-box__security-message__text:after { content: "Nos paiements sont protégés par une technologie de cryptage conforme aux meilleures pratiques du secteur."; font-weight: 400; font-size: 12px; } .drc-floods-response-fr ~ section .donation-form tr:nth-child(1) .donation-form__raisely-fee__table__left-column { font-size: 0; } .drc-floods-response-fr ~ section .donation-form tr:nth-child(1) .donation-form__raisely-fee__table__left-column:after { content: "Votre don"; font-size: 12px; } .drc-floods-response-fr ~ section .donation-form tr:nth-child(2) .donation-form__raisely-fee__table__left-column { font-size: 0; } .drc-floods-response-fr ~ section .donation-form tr:nth-child(2) .donation-form__raisely-fee__table__left-column:before { content: "Frais de couverture des coûts de la plateforme"; font-size: 12px; } .drc-floods-response-fr ~ section .donation-form .donation-form__title { visibility: hidden; position: relative; text-align: center; line-height: 0; } .drc-floods-response-fr ~ section .donation-form .donation-form__title:before { content: "Details de votre payement"; visibility: visible; display: block; line-height: initial; } .drc-floods-response-fr ~ section .donation-form .donation-form__amount-currency { visibility: hidden; display: grid; } .drc-floods-response-fr ~ section .donation-form .donation-form__amount-currency:before { content: ""; visibility: visible; } .drc-floods-response-fr ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .drc-floods-response-fr ~ section .donation-form label[for="firstName"]:before { content: "Prénom"; visibility: visible; font-size: 0.75em; font-weight: 600; } .drc-floods-response-fr ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .drc-floods-response-fr ~ section .donation-form label[for="lastName"]:before { content: "Nom de famille"; visibility: visible; font-size: 0.75em; font-weight: 600; } .drc-floods-response-fr ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .drc-floods-response-fr ~ section .donation-form label[for="email"]:before { content: "Adresse e-mail"; visibility: visible; font-size: 0.75em; font-weight: 600; } .drc-floods-response-fr ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .drc-floods-response-fr ~ section .donation-form label[for="public.country"]:before { content: "Pays"; visibility: visible; font-size: 0.75em; font-weight: 600; } .drc-floods-response-fr ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .drc-floods-response-fr ~ section .donation-form label[for="firstName"]:before { content: "Prénom"; visibility: visible; font-size: 0.75em; font-weight: 600; } .drc-floods-response-fr ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .drc-floods-response-fr ~ section .donation-form label[for="lastName"]:before { content: "Nom de famille"; visibility: visible; font-size: 0.75em; font-weight: 600; } .drc-floods-response-fr ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .drc-floods-response-fr ~ section .donation-form label[for="email"]:before { content: "Adresse e-mail"; visibility: visible; font-size: 0.75em; font-weight: 600; } .drc-floods-response-fr ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .drc-floods-response-fr ~ section .donation-form label[for="public.country"]:before { content: "Pays"; visibility: visible; font-size: 0.75em; font-weight: 600; } .drc-floods-response-fr ~ section .donation-form label[for="Card number"] { visibility: hidden; top: 0; } .drc-floods-response-fr ~ section .donation-form label[for="Card number"]:before { content: "رقم البطاقة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .drc-floods-response-fr ~ section .donation-form label[for="feeOptIn"] .form-field__label-text { visibility: hidden; position: relative; } .drc-floods-response-fr ~ section .donation-form label[for="feeOptIn"] .form-field__label-text:before { content: "Couvrir les coûts de la plateforme"; visibility: visible; position: absolute; } .drc-floods-response-fr ~ section .donation-form .donation-form__method-button span { visibility: hidden; text-indent: -20; } .drc-floods-response-fr ~ section .donation-form .donation-form__method-button span:after { visibility: visible; content: "Suivant"; } .drc-floods-response-fr ~ section .donation-form .donation-form__next { visibility: hidden; position: relative; } .drc-floods-response-fr ~ section .donation-form .donation-form__next:before { visibility: visible; content: "Suivant"; width: 100%; position: absolute; left: 0px; top: 0px; } .drc-floods-response-fr ~ section .donation-form .donation-form__next:before { --btn-bg: #fe4e5b; --btn-color: #ffffff; border-color: #fe4e5b; } .drc-floods-response-fr ~ section .donation-form .donation-form__currency-message { visibility: hidden; position: relative; } .drc-floods-response-fr ~ section .donation-form .donation-form__currency-message:before { content: " "; visibility: visible; position: absolute; } .drc-floods-response-fr ~ section .donation-form .donation-form__currency-message > b { visibility: visible; margin-left: 0px; } .drc-floods-response-fr ~ section .donation-form .donation-form__currency-message > b:after { content: "Faire un don de"; visibility: visible; padding-left: 5px; } .drc-floods-response-fr ~ section h3.css-1b4jwf { visibility: hidden; } .drc-floods-response-fr ~ section h3.css-1b4jwf:before { content: "A propos de"; visibility: visible; } .drc-floods-response-fr ~ section .form-field--currency .input-full::-webkit-input-placeholder { visibility: hidden; } .drc-floods-response-fr ~ section .form-field--currency .input-full::-webkit-input-placeholder:before { visibility: visible; } .drc-floods-response-fr ~ section .donation-form__amount-btn.button--donation { padding: .5em 1em; } .drc-floods-response-fr ~ section .donation-form__amount-type-btn:nth-child(1) .frequency-label { visibility: hidden; } .drc-floods-response-fr ~ section .donation-form__amount-type-btn:nth-child(1) :before { visibility: visible !important; content: "Une fois"; position: absolute; } .drc-floods-response-fr ~ section .donation-form__amount-type-btn:nth-child(2) .frequency-label { visibility: hidden; line-height: 0; } .drc-floods-response-fr ~ section .donation-form__amount-type-btn:nth-child(2) :before { visibility: visible; content: "Hebdomadaire"; display: block; line-height: initial; } .drc-floods-response-fr ~ section .donation-form__amount-type-btn:nth-child(3) .frequency-label { visibility: hidden; } .drc-floods-response-fr ~ section .donation-form__amount-type-btn:nth-child(3) :before { visibility: visible; content: "Mensuel"; position: absolute; } .drc-floods-response-fr ~ section .form-field__error { visibility: hidden; } .drc-floods-response-fr ~ section .form-field__error i { visibility: visible; } .drc-floods-response-fr ~ .campaign-share-container p.css-xznnej { visibility: hidden; display: grid; } .drc-floods-response-fr ~ .campaign-share-container p.css-xznnej:before { content: "Vous souhaitez maximiser votre contribution? Partagez la campagne:"; visibility: visible; margin-left: auto; margin-right: auto; } .drc-floods-response-fr ~ .campaign-find-out-more a { visibility: hidden; display: grid; } .drc-floods-response-fr ~ .campaign-find-out-more a:before { content: "En savoir plus sur les secours de crise des Nations Unies"; visibility: visible; margin-left: auto; margin-right: auto; } .ramadan-gaza-ar ~ section .donation-form .donation-form__spe-message { font-size: 0; } .ramadan-gaza-ar ~ section .donation-form .donation-form__spe-message:after { content: "أدخل تفاصيل الدفع الخاصة بك"; font-size: Max(0.8rem, 13px); } .ramadan-gaza-ar ~ section .donation-form .donation-form__spe-box__security-message__header { font-size: 0; } .ramadan-gaza-ar ~ section .donation-form .donation-form__spe-box__security-message__header:after { content: "الدفع الآمن"; font-weight: 600; font-size: 14px; } .ramadan-gaza-ar ~ section .donation-form .donation-form__spe-box__security-message__text { font-size: 0; } .ramadan-gaza-ar ~ section .donation-form .donation-form__spe-box__security-message__text:after { content: "يتم حماية دفعاتنا بتقنية تشفير تعتمد على أفضل الممارسات التكنولوجية"; font-weight: 400; font-size: 12px; } .ramadan-gaza-ar ~ section .donation-form tr:nth-child(1) .donation-form__raisely-fee__table__left-column { font-size: 0; } .ramadan-gaza-ar ~ section .donation-form tr:nth-child(1) .donation-form__raisely-fee__table__left-column:after { content: "تبرعك"; font-size: 12px; } .ramadan-gaza-ar ~ section .donation-form tr:nth-child(2) .donation-form__raisely-fee__table__left-column { font-size: 0; } .ramadan-gaza-ar ~ section .donation-form tr:nth-child(2) .donation-form__raisely-fee__table__left-column:before { content: "تغطية تكاليف المنصة"; font-size: 12px; } .ramadan-gaza-ar ~ section .donation-form .donation-form__title { visibility: hidden; position: relative; } .ramadan-gaza-ar ~ section .donation-form .donation-form__title:before { content: "ساهم بتبرعك اليوم"; visibility: visible; position: absolute; } @media (max-width: 736px) { .ramadan-gaza-ar ~ section .donation-form__amount-type { margin-top: 30px; } } .ramadan-gaza-ar ~ section .donation-form .donation-form__amount-currency { visibility: hidden; display: grid; } .ramadan-gaza-ar ~ section .donation-form .donation-form__amount-currency:before { content: ""; visibility: visible; } .ramadan-gaza-ar ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .ramadan-gaza-ar ~ section .donation-form label[for="firstName"]:before { content: "الاسم الأول"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ramadan-gaza-ar ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .ramadan-gaza-ar ~ section .donation-form label[for="lastName"]:before { content: "اسم العائلة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ramadan-gaza-ar ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .ramadan-gaza-ar ~ section .donation-form label[for="email"]:before { content: "البريد الإلكتروني"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ramadan-gaza-ar ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .ramadan-gaza-ar ~ section .donation-form label[for="public.country"]:before { content: "البلد"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ramadan-gaza-ar ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .ramadan-gaza-ar ~ section .donation-form label[for="firstName"]:before { content: "الاسم الأول"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ramadan-gaza-ar ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .ramadan-gaza-ar ~ section .donation-form label[for="lastName"]:before { content: "اسم العائلة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ramadan-gaza-ar ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .ramadan-gaza-ar ~ section .donation-form label[for="email"]:before { content: "البريد الإلكتروني"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ramadan-gaza-ar ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .ramadan-gaza-ar ~ section .donation-form label[for="public.country"]:before { content: "البلد"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ramadan-gaza-ar ~ section .donation-form label[for="Card number"] { visibility: hidden; top: 0; } .ramadan-gaza-ar ~ section .donation-form label[for="Card number"]:before { content: "رقم البطاقة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ramadan-gaza-ar ~ section .donation-form label[for="CVC"] { visibility: hidden; top: 0; } .ramadan-gaza-ar ~ section .donation-form label[for="CVC"]:before { content: "رمز التحقق من البطاقة(CVC) "; visibility: visible; font-size: 0.75em; font-weight: 600; } .ramadan-gaza-ar ~ section .donation-form label[for="Expiry date"] { visibility: hidden; top: 0; } .ramadan-gaza-ar ~ section .donation-form label[for="Expiry date"]:before { content: "تاريخ انتهاء صلاحية البطاقة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ramadan-gaza-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text { visibility: hidden; position: relative; } .ramadan-gaza-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text:before { content: ""; visibility: visible; position: absolute; } .ramadan-gaza-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text > b { visibility: visible !important; margin-left: 15px; } .ramadan-gaza-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text > b:after { content: "أضف المبلغ للمساعدة في تغطية تكلفة جمع التبرعات"; padding-left: 5px; visibility: visible; } .ramadan-gaza-ar ~ section .donation-form .donation-form__method-button span { visibility: hidden; text-indent: -20px; } .ramadan-gaza-ar ~ section .donation-form .donation-form__method-button span:after { visibility: visible; content: "التالي"; } .ramadan-gaza-ar ~ section .donation-form .donation-form__next { visibility: hidden; position: relative; } .ramadan-gaza-ar ~ section .donation-form .donation-form__next:before { visibility: visible; content: "التالي"; width: 100%; position: absolute; left: 0px; top: 0px; } .ramadan-gaza-ar ~ section .donation-form .donation-form__next:before { --btn-bg: #fe4e5b; --btn-color: #ffffff; border-color: #fe4e5b; } .ramadan-gaza-ar ~ section .donation-form .donation-form__currency-message { visibility: hidden; position: relative; } .ramadan-gaza-ar ~ section .donation-form .donation-form__currency-message:before { content: " "; visibility: visible; position: absolute; } .ramadan-gaza-ar ~ section .donation-form .donation-form__currency-message > b { visibility: visible; margin-left: 0px; } .ramadan-gaza-ar ~ section .donation-form .donation-form__currency-message > b:after { content: "تبرع بالمبلغ"; visibility: visible; padding-left: 5px; } .ramadan-gaza-ar ~ section h3.css-1b4jwf { visibility: hidden; text-align: right !important; } .ramadan-gaza-ar ~ section h3.css-1b4jwf:after { content: "عن الحملة "; visibility: visible; } .ramadan-gaza-ar ~ section .form-field--currency .input-full::-webkit-input-placeholder { visibility: hidden; } .ramadan-gaza-ar ~ section .form-field--currency .input-full::-webkit-input-placeholder:before { visibility: visible; } .ramadan-gaza-ar ~ section .donation-form__amount-btn.button--donation { padding: .5em 1em; } .ramadan-gaza-ar ~ section .donation-form__amount-type-btn { letter-spacing: 0.02em; } .ramadan-gaza-ar ~ section .donation-form__amount-type-btn:nth-child(1) .frequency-label { visibility: hidden; } .ramadan-gaza-ar ~ section .donation-form__amount-type-btn:nth-child(1) :before { visibility: visible !important; content: "مرة واحدة"; position: absolute; } .ramadan-gaza-ar ~ section .donation-form__amount-type-btn:nth-child(2) .frequency-label { visibility: hidden; } .ramadan-gaza-ar ~ section .donation-form__amount-type-btn:nth-child(2) :before { visibility: visible; content: "أسبوعيًا"; position: absolute; } .ramadan-gaza-ar ~ section .donation-form__amount-type-btn:nth-child(3) .frequency-label { visibility: hidden; } .ramadan-gaza-ar ~ section .donation-form__amount-type-btn:nth-child(3) :before { visibility: visible; content: "شهريًا"; position: absolute; } .ramadan-gaza-ar ~ section .form-field__error { visibility: hidden; } .ramadan-gaza-ar ~ section .form-field__error i { visibility: visible; } .ramadan-gaza-ar ~ .campaign-share-container p.css-xznnej { visibility: hidden; display: grid; } .ramadan-gaza-ar ~ .campaign-share-container p.css-xznnej:before { content: "تريد زيادة مساهمتك إلى أقصى حدّ؟ شارك الحملة"; visibility: visible; margin-left: auto; margin-right: auto; } .ramadan-gaza-ar ~ .campaign-find-out-more a { visibility: hidden; display: grid; } .ramadan-gaza-ar ~ .campaign-find-out-more a:before { content: "اعرف المزيد حول برنامج الإغاثة في أوقات الأزمات التابع للأمم المتحدة "; visibility: visible; margin-left: auto; margin-right: auto; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__spe-message { font-size: 0; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__spe-message:after { content: "أدخل تفاصيل الدفع الخاصة بك"; font-size: Max(0.8rem, 13px); } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__spe-box__security-message__header { font-size: 0; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__spe-box__security-message__header:after { content: "الدفع الآمن"; font-weight: 600; font-size: 14px; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__spe-box__security-message__text { font-size: 0; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__spe-box__security-message__text:after { content: "يتم حماية دفعاتنا بتقنية تشفير تعتمد على أفضل الممارسات التكنولوجية"; font-weight: 400; font-size: 12px; } .ooredoo-ramadan-ar ~ section .donation-form tr:nth-child(1) .donation-form__raisely-fee__table__left-column { font-size: 0; } .ooredoo-ramadan-ar ~ section .donation-form tr:nth-child(1) .donation-form__raisely-fee__table__left-column:after { content: "تبرعك"; font-size: 12px; } .ooredoo-ramadan-ar ~ section .donation-form tr:nth-child(2) .donation-form__raisely-fee__table__left-column { font-size: 0; } .ooredoo-ramadan-ar ~ section .donation-form tr:nth-child(2) .donation-form__raisely-fee__table__left-column:before { content: "تغطية تكاليف المنصة"; font-size: 12px; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__title { visibility: hidden; position: relative; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__title:before { content: "ساهم بتبرعك اليوم"; visibility: visible; position: absolute; } @media (max-width: 736px) { .ooredoo-ramadan-ar ~ section .donation-form__amount-type { margin-top: 30px; } } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__amount-currency { visibility: hidden; display: grid; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__amount-currency:before { content: ""; visibility: visible; } .ooredoo-ramadan-ar ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .ooredoo-ramadan-ar ~ section .donation-form label[for="firstName"]:before { content: "الاسم الأول"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-ramadan-ar ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .ooredoo-ramadan-ar ~ section .donation-form label[for="lastName"]:before { content: "اسم العائلة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-ramadan-ar ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .ooredoo-ramadan-ar ~ section .donation-form label[for="email"]:before { content: "البريد الإلكتروني"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-ramadan-ar ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .ooredoo-ramadan-ar ~ section .donation-form label[for="public.country"]:before { content: "البلد"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-ramadan-ar ~ section .donation-form label[for="firstName"] { visibility: hidden; top: 0; } .ooredoo-ramadan-ar ~ section .donation-form label[for="firstName"]:before { content: "الاسم الأول"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-ramadan-ar ~ section .donation-form label[for="lastName"] { visibility: hidden; top: 0; } .ooredoo-ramadan-ar ~ section .donation-form label[for="lastName"]:before { content: "اسم العائلة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-ramadan-ar ~ section .donation-form label[for="email"] { visibility: hidden; top: 0; } .ooredoo-ramadan-ar ~ section .donation-form label[for="email"]:before { content: "البريد الإلكتروني"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-ramadan-ar ~ section .donation-form label[for="public.country"] { visibility: hidden; top: 0; } .ooredoo-ramadan-ar ~ section .donation-form label[for="public.country"]:before { content: "البلد"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-ramadan-ar ~ section .donation-form label[for="Card number"] { visibility: hidden; top: 0; } .ooredoo-ramadan-ar ~ section .donation-form label[for="Card number"]:before { content: "رقم البطاقة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-ramadan-ar ~ section .donation-form label[for="CVC"] { visibility: hidden; top: 0; } .ooredoo-ramadan-ar ~ section .donation-form label[for="CVC"]:before { content: "رمز التحقق من البطاقة(CVC) "; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-ramadan-ar ~ section .donation-form label[for="Expiry date"] { visibility: hidden; top: 0; } .ooredoo-ramadan-ar ~ section .donation-form label[for="Expiry date"]:before { content: "تاريخ انتهاء صلاحية البطاقة"; visibility: visible; font-size: 0.75em; font-weight: 600; } .ooredoo-ramadan-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text { visibility: hidden; position: relative; } .ooredoo-ramadan-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text:before { content: ""; visibility: visible; position: absolute; } .ooredoo-ramadan-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text > b { visibility: visible !important; margin-left: 15px; } .ooredoo-ramadan-ar ~ section .donation-form label[for="feeOptIn"] .form-field__label-text > b:after { content: "أضف المبلغ للمساعدة في تغطية تكلفة جمع التبرعات"; padding-left: 5px; visibility: visible; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__method-button span { visibility: hidden; text-indent: -20px; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__method-button span:after { visibility: visible; content: "التالي"; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next { visibility: hidden; position: relative; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:before { visibility: visible; content: "التالي"; width: 100%; position: absolute; left: 0px; top: 0px; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__next:before { --btn-bg: #fe4e5b; --btn-color: #ffffff; border-color: #fe4e5b; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__currency-message { visibility: hidden; position: relative; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__currency-message:before { content: " "; visibility: visible; position: absolute; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__currency-message > b { visibility: visible; margin-left: 0px; } .ooredoo-ramadan-ar ~ section .donation-form .donation-form__currency-message > b:after { content: "تبرع بالمبلغ"; visibility: visible; padding-left: 5px; } .ooredoo-ramadan-ar ~ section h3.css-1b4jwf { visibility: hidden; text-align: right !important; } .ooredoo-ramadan-ar ~ section h3.css-1b4jwf:after { content: "عن الحملة "; visibility: visible; } .ooredoo-ramadan-ar ~ section .form-field--currency .input-full::-webkit-input-placeholder { visibility: hidden; } .ooredoo-ramadan-ar ~ section .form-field--currency .input-full::-webkit-input-placeholder:before { visibility: visible; } .ooredoo-ramadan-ar ~ section .donation-form__amount-btn.button--donation { padding: .5em 1em; } .ooredoo-ramadan-ar ~ section .donation-form__amount-type-btn { letter-spacing: 0.02em; } .ooredoo-ramadan-ar ~ section .donation-form__amount-type-btn:nth-child(1) .frequency-label { visibility: hidden; } .ooredoo-ramadan-ar ~ section .donation-form__amount-type-btn:nth-child(1) :before { visibility: visible !important; content: "مرة واحدة"; position: absolute; } .ooredoo-ramadan-ar ~ section .donation-form__amount-type-btn:nth-child(2) .frequency-label { visibility: hidden; } .ooredoo-ramadan-ar ~ section .donation-form__amount-type-btn:nth-child(2) :before { visibility: visible; content: "أسبوعيًا"; position: absolute; } .ooredoo-ramadan-ar ~ section .donation-form__amount-type-btn:nth-child(3) .frequency-label { visibility: hidden; } .ooredoo-ramadan-ar ~ section .donation-form__amount-type-btn:nth-child(3) :before { visibility: visible; content: "شهريًا"; position: absolute; } .ooredoo-ramadan-ar ~ section .form-field__error { visibility: hidden; } .ooredoo-ramadan-ar ~ section .form-field__error i { visibility: visible; } .ooredoo-ramadan-ar ~ .campaign-share-container p.css-xznnej { visibility: hidden; display: grid; } .ooredoo-ramadan-ar ~ .campaign-share-container p.css-xznnej:before { content: "تريد زيادة مساهمتك إلى أقصى حدّ؟ شارك الحملة"; visibility: visible; margin-left: auto; margin-right: auto; } .ooredoo-ramadan-ar ~ .campaign-find-out-more a { visibility: hidden; display: grid; } .ooredoo-ramadan-ar ~ .campaign-find-out-more a:before { content: "اعرف المزيد حول برنامج الإغاثة في أوقات الأزمات التابع للأمم المتحدة "; visibility: visible; margin-left: auto; margin-right: auto; }