commit 258780b0ed37b2e60ccc1b9eab5440197d579033 Author: Stephanie Kirtiadi <skirtiadi@giantrabbit.com> Date: Mon Feb 25 17:28:30 2019 -0800 Added selected perks (or no perks) close to the Donate button. It's easier to see what was selected without having to scroll back up. Issue #39728 --- README.md | 6 ++--- public/css/style.css | 1 + public/js/payment_controller.js | 16 ++++++++++++ public/maps/style.css.map | 2 +- sass/components/_donate.scss | 1 + src/js/payment_controller.js | 16 ++++++++++++ templates/index.twig | 10 +++++--- translation/out/messages.pot | 57 ++++++++++++++++++++++++++--------------- 8 files changed, 81 insertions(+), 28 deletions(-) diff --git a/README.md b/README.md index 7548d436..812d249c 100644 --- a/README.md +++ b/README.md @@ -84,7 +84,7 @@ resque:dev_donationCounter.totalContributors ## To log into Redis run redis-cli -```` +``` set resque:dev_donationCounter.totalAmount 1000 set resque:dev_donationCounter.totalContributors 10 show things in list from 0 - 100 @@ -106,9 +106,9 @@ To read more basics on setting gettext + php-gettext up with twig, see: ## Procedure for getting changes translated Before you commit any change, run this command: -```` +` gulp locale-xgettext -```` +` If there are any changes you made that need translation, this command will modify the translation/out/messages.pot file. You should check in those changes with your commit. When the commit is merged to master, you should tell Peter to push this also to Tor's repository. diff --git a/public/css/style.css b/public/css/style.css index 7e99c3e7..feab6ae7 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -1931,6 +1931,7 @@ div { font-size: 22px; font-weight: bold; padding: 20px 0; + line-height: 26px; } .info-area .donate.button { diff --git a/public/js/payment_controller.js b/public/js/payment_controller.js index 9573d6e1..26de0468 100644 --- a/public/js/payment_controller.js +++ b/public/js/payment_controller.js @@ -11238,6 +11238,7 @@ function PaymentController(paypalMerchantId, environmentName, stripePublishableK 'paypal': '#paypal-container,#paypal-button-area', }; this.perkInfoMap = { + 'stickers': new PerkInfo('stickers', [], null, t('t-sticker__friendly-name')), 't-shirt': new PerkInfo('t-shirt', ['perk-style-1', 'perk-fit-1', 'perk-size-1'], t('t-t-shirt__help-text'), t('t-t-shirt__friendly-name')), 't-shirt-pack': new PerkInfo('t-shirt-pack', ['perk-style-1', 'perk-fit-1', 'perk-size-1', 'perk-fit-2', 'perk-size-2'], t('t-t-shirt-pack__help-text'), t('t-t-shirt-pack__friendly-name'), t('t-t-shirt-pack-2__friendly-name')), 'sweatshirt': new PerkInfo('sweatshirt', ['perk-size-1'], t('t-sweatshirt__help-text'), t('t-sweatshirt__friendly-name')), @@ -11394,6 +11395,20 @@ PaymentController.prototype.displayCurrentPerk = function() { var selectedPerk = $(".perk[data-perk='" + this.perk + "']"); selectedPerk.addClass('selected'); } + this.displaySelectedPerkInSubmitArea(); +} + +PaymentController.prototype.displaySelectedPerkInSubmitArea = function() { + var submitAreaPerkSelected = $('#donate-submit-perk'); + if (this.noPerk) { + submitAreaPerkSelected.html(t('t-no-gift')); + } else { + var displayedPerk = t('t-gift-selected') + ': '; + if (this.perkInfoMap.hasOwnProperty(this.perk)) { + displayedPerk += this.perkInfoMap[this.perk].friendlyName; + submitAreaPerkSelected.html(displayedPerk); + } + } } PaymentController.prototype.getCampaignTotalsDone = function(data, textStatus, jqXHR) { @@ -11689,6 +11704,7 @@ PaymentController.prototype.perkSubSelectFieldUpdated = function(event) { var selectedImage = images.filter('[data-perk-image=' + selectedValue + ']'); selectedImage.show(); this.setPerkFields(); + this.displaySelectedPerkInSubmitArea(); } PaymentController.prototype.perkFitUpdated = function(event) { diff --git a/public/maps/style.css.map b/public/maps/style.css.map index e4889003..37f37eaa 100644 --- a/public/maps/style.css.map +++ b/public/maps/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["../node_modules/node-normalize-scss/_normalize.scss","style.css","base/_defaults.scss","base/_variables.scss","base/_typography.scss","../node_modules/breakpoint-sass/stylesheets/_breakpoint.scss","base/_fields.scss","base/_buttons.scss","layouts/_html.scss","layouts/_header.scss","layouts/_content.scss","layouts/_footer.scss","components/_donate.scss","components/_dialog.scss","components/_donor-faq.scss","components/_errors.scss","components/_hepdata.scss","components/_privacy-policy.scss","components/_subscribe.scss","components/_thank-you.scss"],"names":[],"mappings":"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","file":"../sass/style.css","sourcesContent":["/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\n\nfigcaption,\nfigure,\nmain { /* 1 */\n display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\n\na {\n background-color: transparent; /* 1 */\n -webkit-text-decoration-skip: objects; /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * P revent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n \nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. R emove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color i nheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n display: inline-block; /* 1 */\n vertical-align: baseline; /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-inner-spin-bu tton,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\n\ndetails, /* 1 */\nmenu {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Scripting\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\ncanvas {\n display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\n\ntemplate {\n display: none;\n}\n\n/* Hidden\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10-.\n */\n\n[hidden] {\n display: none;\n}\n","/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text -size-adjust: 100%;\n /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\nfigcaption,\nfigure,\nmain {\n /* 1 */\n display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\na {\n background-color: transparent;\n /* 1 */\n -webkit-text-decoration-skip: objects;\n /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weight: inherit;\ n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================= ================================= */\n/**\n * Add the correct display in IE 9-.\n */\naudio,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Forms\n ========================================================================== */\n/**\n * Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a W ebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n display: inline-block;\n /* 1 */\n vertical-align: baseline;\n /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and S afari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\ndetails,\nmenu {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item;\n}\n\n/* Scripting\n ============= ============================================================= */\n/**\n * Add the correct display in IE 9-.\n */\ncanvas {\n display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\ntemplate {\n display: none;\n}\n\n/* Hidden\n ========================================================================== */\n/**\n * Add the correct display in IE 10-.\n */\n[hidden] {\n display: none;\n}\n\nhr {\n border-top: 1px solid #68b030;\n margin: 40px auto;\n max-width: 106px;\n}\n\nhtml,\nbody,\ninput,\ntextarea {\n color: #484848;\n font-family: \"Source Sans Pro\", sans-serif;\n font-size: 16px;\n line-height: 20px;\n font-weight: 300;\n}\n\nh1 {\n font-size: 47px;\n letter-spacing: 2px;\n line-height: 50px;\n margin-bottom: 1%;\n margin-top: 0;\n text-transform: capitalize;\n}\n\n@media (min-width: 767px) {\n h1 {\n font-size: 50px;\n line-height: 60px;\n }\n}\n\n@media (min-width: 991px) {\n h1 {\n font-size: 55px;\n }\n}\n\nh2 {\n font-size : 25px;\n font-weight: 700;\n line-height: 1;\n margin-bottom: 1%;\n margin-top: 0;\n}\n\n@media (min-width: 767px) {\n h2 {\n font-size: 34px;\n }\n}\n\nh3 {\n font-size: 27px;\n font-weight: 700;\n text-transform: uppercase;\n margin-bottom: 1%;\n margin-top: 0;\n}\n\nh4 {\n font-size: 27px;\n font-weight: 400;\n letter-spacing: 0px;\n line-height: normal;\n margin-bottom: 1%;\n margin-top: 0;\n text-transform: uppercase;\n}\n\nh5 {\n font-size: 21px;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 1%;\n margin-top: 0;\n letter-spacing: 0.09px;\n}\n\n@media (min-width: 991px) {\n h5 {\n font-size: 22px;\n }\n}\n\na {\n color: #7D4698;\n font-weight: 700;\n text-decoration: none;\n}\n\na:hover {\n color: #68b030;\n}\n\nb {\n font-weight: 700;\n}\n\n.bold {\n font-weight: 700;\n}\n\n.green {\n color: #68b030;\n}\n\n.light {\n font-weight: 200;\n}\n\n.email {\n font-weight: 700;\n}\n\n.small {\n font-size: 14px;\n}\n\n.strong {\n c olor: #7D4698;\n font-weight: 700;\n}\n\n.tiny {\n font-size: 12px;\n}\n\n.background-grey {\n color: #F1F1F3;\n font-size: 80px;\n font-weight: bold;\n}\n\ninput[type=\"checkbox\"] {\n margin-top: auto;\n margin-bottom: auto;\n margin-right: 4px;\n}\n\ninput[type=\"text\"],\ntextarea {\n border: 1px solid #848282;\n color: #484848;\n font-size: 16px;\n height: 27px;\n margin: 9px;\n padding: 8px 12px;\n}\n\ninput[type=\"text\"].required,\ntextarea.required {\n border-color: #68b030;\n}\n\ninput[type=\"text\"].error,\ntextarea.error {\n border-color: red;\n}\n\ninput[type=\"text\"]::placeholder,\ntextarea::placeholder {\n color: #aeaeae;\n}\n\ninput[type=\"text\"]:focus,\ntextarea:focus {\n border-color: #59316B;\n color: #7D4698;\n outline: none;\n}\n\ntextarea {\n box-sizing: border-box;\n width: 60%;\n height: 3em;\n display: block;\n padding: 8px 12px;\n}\n\nselect {\n background: #fff;\n border: 1px solid #848282;\n color: #484848;\n font-size: 16px ;\n height: 45px;\n margin: 9px;\n padding: 8px 12px;\n}\n\nselect.required {\n border-color: #68b030;\n color: #484848;\n}\n\nselect.error {\n border-color: red;\n}\n\nselect:focus {\n border-color: #59316B;\n color: #7D4698;\n outline: none;\n}\n\n.field-row {\n align-items: center;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .field-row {\n flex-wrap: nowrap;\n }\n}\n\n.required {\n color: #68b030;\n}\n\n.button {\n background-color: #fff;\n border: 1px solid #848282;\n border-radius: 5px;\n color: #484848;\n display: inline-block;\n font-size: 20px;\n font-weight: normal;\n margin: 7px;\n padding: 14px 10px;\n text-transform: uppercase;\n width: 90%;\n}\n\n.button.purple {\n background-color: #7D4698;\n color: #fff;\n}\n\n.button.purple:hover {\n background-color: #59316B;\n}\n\n.button:hover {\n background-color: #68b030;\n color: #fff;\n cursor: poin ter;\n}\n\n.button.selected {\n background-color: #68b030;\n color: #fff;\n cursor: default;\n}\n\n@media (min-width: 479px) {\n .button {\n width: auto;\n }\n}\n\na.button {\n font-size: 16px;\n font-weight: normal;\n padding: 14px 10px;\n text-decoration: none;\n}\n\n@media (min-width: 767px) {\n a.button {\n font-size: 20px;\n width: auto;\n }\n}\n\nbody {\n margin: 0;\n}\n\ndiv {\n box-sizing: border-box;\n}\n\n.header {\n background-color: #59316B;\n color: #fff;\n width: 100%;\n padding: 50px 50px 50px 10%;\n}\n\n@media (min-width: 767px) {\n .header {\n padding-right: 0px;\n padding-bottom: 0px;\n }\n}\n\n.header h1 {\n margin-bottom: 30px;\n font-size: 36px;\n font-weight: 300;\n line-height: 40px;\n}\n\n@media (min-width: 767px) {\n .header h1 {\n font-size: 40px;\n line-height: 40px;\n }\n}\n\n@media (min-width: 991px) {\n .header h1 {\n font-size: 60px;\n line-height: 60px;\n }\n}\n\n.header h4 {\n text-transform: non e;\n font-size: 14px;\n line-height: 14px;\n font-weight: 400;\n}\n\n@media (min-width: 767px) {\n .header h4 {\n font-size: 16px;\n line-height: 18px;\n }\n}\n\n@media (min-width: 991px) {\n .header h4 {\n font-size: 20px;\n line-height: 25px;\n }\n}\n\n.header .content-wrapper {\n width: 100%;\n}\n\n.header .content-wrapper .header-content {\n display: flex;\n align-items: flex-end;\n}\n\n.header .content-wrapper .header-content .left-column {\n display: block;\n}\n\n@media (min-width: 767px) {\n .header .content-wrapper .header-content .left-column {\n margin-right: 2%;\n flex: 1 1 40%;\n margin-bottom: 60px;\n margin-right: 45%;\n }\n}\n\n.header .tor-campaign-logo {\n flex: 1 1 58%;\n max-width: 750px;\n display: none;\n position: relative;\n}\n\n@media (min-width: 991px) {\n .header .tor-campaign-logo {\n display: block;\n }\n}\n\n.header .tor-campaign-logo img {\n width: 100%;\n height: auto;\n position: absolute;\n bottom: 0p x;\n right: 0px;\n}\n\n.header .logo {\n width: 81px;\n}\n\n.header .nav-bar {\n margin-bottom: 30px;\n}\n\n@media (min-width: 767px) {\n .header .nav-bar {\n margin-bottom: 80px;\n }\n}\n\n.content {\n margin: 0 0 0 0;\n padding: 0 0 0 0;\n}\n\n.content .fixed-width {\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (min-width: 767px) {\n .content .fixed-width {\n max-width: 728px;\n }\n}\n\n@media (min-width: 991px) {\n .content .fixed-width {\n max-width: 940px;\n }\n}\n\n.footer-container {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n justify-content: space-around;\n background-color: #59316B;\n color: #fff;\n padding: 70px 30px 30px 30px;\n}\n\n.footer-container a {\n color: #fff;\n}\n\n@media (min-width: 767px) {\n .footer-container {\n padding-top: 100px;\n }\n}\n\n.footer-container .footer-content {\n display: flex;\n width: 100%;\n max-width: 900px;\n margin: 0 auto 30px auto;\n flex-wrap: wrap;\n}\n\n@media (min-width: 767px) {\n .footer-container .footer-content {\n flex-wrap: nowrap;\n }\n}\n\n.footer-container .footer-content-left {\n flex: 1 1 100%;\n margin-bottom: 70px;\n}\n\n@media (min-width: 767px) {\n .footer-container .footer-content-left {\n flex: 1 1 60%;\n margin-right: 150px;\n margin-bottom: 0px;\n }\n}\n\n.footer-container .footer-content-right {\n display: flex;\n flex: 1 1 100%;\n align-items: center;\n flex-direction: column;\n}\n\n@media (min-width: 767px) {\n .footer-container .footer-content-right {\n align-items: inherit;\n flex: 1 1 auto;\n }\n}\n\n.footer-container .footer-description {\n margin-bottom: 70px;\n font-size: 20px;\n line-height: 24px;\n}\n\n@media (min-width: 767px) {\n .footer-container .footer-description {\n margin-bottom: 100px;\n }\n}\n\n.footer-container .footer-subscribe {\n font-size: 17px;\n line-height: 20px;\n}\n\n.footer-container .footer-subscribe .footer-subscribe-header {\n margin-bottom: 5p x;\n font-weight: 600;\n text-transform: uppercase;\n color: rgba(255, 255, 255, 0.4);\n}\n\n.footer-container .footer-subscribe .footer-sign-up {\n display: inline-block;\n padding: 15px 30px;\n border-radius: 4px;\n border: 1px solid #fff;\n font-weight: 700;\n text-transform: uppercase;\n margin-top: 15px;\n}\n\n.footer-container .footer-subscribe .footer-sign-up:hover {\n background-color: #7D4698;\n}\n\n.footer-container .footer-menu {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-bottom: 70px;\n justify-content: space-evenly;\n}\n\n.footer-container .footer-menu a {\n display: block;\n font-weight: 300;\n line-height: 30px;\n}\n\n.footer-container .footer-menu a:hover {\n color: #aeaeae;\n}\n\n@media (min-width: 767px) {\n .footer-container .footer-menu {\n margin-bottom: 200px;\n flex-direction: column;\n }\n}\n\n.footer-container .footer-social {\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n justify-content: center;\n} \n\n@media (min-width: 767px) {\n .footer-container .footer-social {\n width: 155px;\n justify-content: inherit;\n }\n}\n\n.footer-container .footer-social a {\n display: block;\n text-indent: -999em;\n background-size: cover;\n background-repeat: no-repeat;\n width: 20px;\n height: 20px;\n margin-right: 30px;\n}\n\n.footer-container .footer-social a.facebook, .footer-container .footer-social a.mastodon, .footer-container .footer-social a.twitter {\n margin-bottom: 20px;\n}\n\n.footer-container .footer-social a.facebook {\n background-image: url(\"/images/facebook.svg\");\n}\n\n.footer-container .footer-social a.mastodon {\n background-image: url(\"/images/mastodon.svg\");\n}\n\n.footer-container .footer-social a.twitter {\n width: 24px;\n background-image: url(\"/images/twitter.svg\");\n}\n\n@media (min-width: 767px) {\n .footer-container .footer-social a.twitter {\n margin-right: 0px;\n }\n}\n\n.footer-container .footer-social a.instagram {\n background-i mage: url(\"/images/instagram.svg\");\n}\n\n.footer-container .footer-social a.linkedin {\n background-image: url(\"/images/linkedin.svg\");\n}\n\n.footer-container .footer-social a.github {\n background-image: url(\"/images/github.svg\");\n}\n\n@media (min-width: 767px) {\n .footer-container .footer-social a.github {\n margin-right: 0px;\n }\n}\n\n.gr-stamp-container {\n display: block;\n text-align: center;\n}\n\n.gr-stamp-container a:hover {\n color: #68b030;\n}\n\n@media (min-width: 767px) {\n .front .header {\n background-image: url(\"../images/tor-header-campaign-2018.svg\");\n background-position: bottom right;\n background-repeat: no-repeat;\n background-size: 40%;\n }\n .front .header h4 {\n padding-right: 10%;\n }\n}\n\n.campaign-totals-area {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.campaign-totals-area .characters {\n display: flex;\n justify-content: center;\n line-height: normal;\n margin: 10px 30px;\n}\n \n.campaign-totals-area .characters .character {\n position: relative;\n}\n\n.campaign-totals-area .characters .character .cover {\n background: #68b030;\n bottom: 0;\n left: 0;\n position: absolute;\n visibility: hidden;\n right: 0;\n top: 0;\n z-index: 1;\n}\n\n.campaign-totals-area .characters .character.covered .cover {\n visibility: visible;\n}\n\n.campaign-totals-area .characters .character.resolved {\n color: #68b030;\n}\n\n.campaign-totals-area .label {\n font-size: 27px;\n text-align: center;\n}\n\n.donate-options {\n display: flex;\n justify-content: center;\n margin: 30px auto 2%;\n width: 92vw;\n}\n\n.donate-options a {\n background-color: #fff;\n border: 2px solid #aeaeae;\n color: #aeaeae;\n font-weight: normal;\n display: block;\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n}\n\n.donate-options a.once-button {\n border-radius: 5px 0 0 5px;\n margin-right: 0;\n padding-left: 15px;\n padding-right: 15px;\n wid th: 150px;\n}\n\n.donate-options a.monthly-button {\n border-left: 0;\n border-radius: 0 5px 5px 0;\n margin-left: 0;\n padding-left: 15px;\n padding-right: 15px;\n width: 160px;\n}\n\n.donate-options a.selected, .donate-options a:hover {\n background-color: #68b030;\n color: #fff;\n}\n\n.payment-other-div {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.perk-intro {\n display: flex;\n flex-wrap: wrap;\n margin: 2% 5% 2% 5%;\n justify-content: center;\n text-align: center;\n}\n\n.perk-intro .perk-title {\n font-size: 22px;\n margin-bottom: 0px;\n}\n\n.price-change-warning {\n color: red;\n}\n\n#donationForm {\n margin: 0 auto 40px auto;\n max-width: 1024px;\n}\n\n.donation-selection-area {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: auto 2% auto 2%;\n max-width: 1024px;\n justify-content: center;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area {\n flex-direction: row;\n }\n}\n\n.donation-selection-area .donate -buttons {\n align-items: center;\n align-self: center;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n margin: 5px;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .donate-buttons {\n flex-direction: row;\n margin-right: 5px;\n }\n}\n\n.donation-selection-area .donate-buttons a.price-btn {\n background-color: #59316B;\n border-radius: 5px;\n color: #fff;\n display: block;\n font-size: 23px;\n font-weight: normal;\n margin: 5px;\n padding: 20px 0px;\n text-align: center;\n text-decoration: none;\n width: 120px;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .donate-buttons a.price-btn {\n font-size: 29px;\n }\n}\n\n.donation-selection-area .donate-buttons a.price-btn.promo {\n position: relative;\n}\n\n.donation-selection-area .donate-buttons a.price-btn.promo::before {\n position: absolute;\n display: block;\n background-color: #68b030;\n color: #fff;\n content: 'LIMITED OFFER';\ n width: 80px;\n height: 20px;\n font-size: 12px;\n top: -9px;\n left: 13px;\n padding: 0px 8px;\n border-radius: 16px;\n font-weight: 300;\n}\n\n.donation-selection-area .donate-buttons a.selected {\n background-color: #68b030;\n}\n\n.donation-selection-area .donate-buttons .other-amount-field {\n align-items: center;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.donation-selection-area .donate-buttons .other-amount-field .error {\n color: red;\n display: block;\n text-align: center;\n}\n\n.donation-selection-area .donate-buttons .other-amount-field .perk-amt {\n background-color: #f1f1f3;\n font-size: 23px;\n font-weight: bold;\n height: 42px;\n margin: 5px;\n min-width: 80px;\n text-transform: capitalize;\n text-align: center;\n width: 94px;\n}\n\n.donation-selection-area .no-perk-area {\n margin: 1% 1% 20px 1%;\n width: 100%;\n text-align: center;\n}\n\n.donation-selection-area label[for=\"no-perk-checkbox\"] {\n font-s ize: 20px;\n line-height: 24px;\n}\n\n.donation-selection-area .perks {\n align-self: center;\n display: flex;\n flex-direction: column;\n width: 100%;\n margin-top: 20px;\n position: relative;\n z-index: 2;\n justify-content: space-evenly;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks {\n border: none;\n flex-direction: row;\n }\n}\n\n.donation-selection-area .perks .perk {\n border-color: #aeaeae;\n border-style: solid;\n border-width: 0px 1px 1px 1px;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n\n.donation-selection-area .perks .perk:first-child {\n border-top-width: 1px;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks .perk {\n border: 1px solid #aeaeae;\n flex-direction: column;\n justify-content: flex-start;\n margin: 0px 5px 20px 5px;\n position: relative;\n width: 30%;\n top: 0px;\n flex-wrap: nowrap;\n }\n}\n\n.donation-selection- area .perks .perk.disabled {\n border-color: #F8F9FA;\n color: #aeaeae;\n font-style: italic;\n}\n\n.donation-selection-area .perks .perk.disabled img {\n opacity: 0.2;\n}\n\n.donation-selection-area .perks .perk.disabled select {\n color: #aeaeae;\n font-style: italic;\n}\n\n.donation-selection-area .perks .perk.disabled .promo-red-dot {\n background-color: #aeaeae;\n}\n\n.donation-selection-area .perks .perk.disabled .promo-price {\n color: #aeaeae;\n}\n\n.donation-selection-area .perks .perk .slides {\n position: relative;\n align-self: center;\n display: none;\n height: 175px;\n overflow: hidden;\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks .perk .slides {\n display: block;\n order: 2;\n }\n}\n\n.donation-selection-area .perks .perk img {\n display: block;\n margin: 0 auto;\n max-width: 50%;\n height: auto;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks .perk img {\n width: 85%;\n max-wid th: none;\n }\n}\n\n.donation-selection-area .perks .perk .promo-red-dot {\n position: absolute;\n background: red;\n top: 45px;\n right: 15px;\n color: #fff;\n padding: 10px 20px;\n font-size: 28px;\n line-height: 31px;\n font-weight: bold;\n border-radius: 40px;\n}\n\n.donation-selection-area .perks .perk .price-tag-group {\n margin: 20px 0 20px 20px;\n font-size: 21px;\n font-weight: 600;\n width: 40%;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks .perk .price-tag-group {\n font-size: 16px;\n order: 1;\n width: 100%;\n }\n}\n\n.donation-selection-area .perks .perk .promo-strike-through {\n text-decoration: line-through;\n}\n\n.donation-selection-area .perks .perk .promo-price {\n color: #59316B;\n font-weight: 700;\n}\n\n.donation-selection-area .perks .perk .promo-price.large {\n font-size: 22px;\n font-weight: 600;\n}\n\n.donation-selection-area .perks .perk .perk-label {\n font-size: 21px;\n font-weight: 700;\n margin: 20 px 20px 20px 0;\n text-align: right;\n text-transform: uppercase;\n width: 40%;\n box-sizing: border-box;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks .perk .perk-label {\n margin: 0;\n padding: 20px;\n padding-bottom: 0;\n font-size: 27px;\n width: 100%;\n order: 3;\n text-align: center;\n }\n}\n\n.donation-selection-area .perks .perk .perk-desc {\n font-size: 16px;\n font-weight: 300;\n display: none;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks .perk .perk-desc {\n display: block;\n margin: 0 11px 0 11px;\n order: 4;\n padding-left: 4px;\n padding-right: 4px;\n width: auto;\n }\n}\n\n.donation-selection-area .perks .perk .perk-sub-select {\n display: none;\n border-color: #aeaeae;\n margin: 10px 10px 10px 10px;\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks .perk .perk-sub-select {\n display: block;\n order: 5;\n width: 92%;\n }\n}\n\n.donation-selection-area .perks .selected {\n background-color: #68b030;\n transition: all 0.5s;\n}\n\n.donation-selection-area .perks .selected .slides {\n display: block;\n}\n\n.donation-selection-area .perks .selected .perk-desc {\n display: block;\n}\n\n.donation-selection-area .perks .selected .perk-sub-select {\n display: block;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks .selected {\n background-color: #fff;\n box-shadow: 8px 8px #68b030;\n position: relative;\n top: -4px;\n }\n}\n\n.donation-selection-area .totals-area {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n margin-bottom: 4%;\n position: relative;\n}\n\n.donation-selection-area .totals-area, .donation-selection-area .totals-area div, .donation-selection-area .totals-area input {\n position: relative;\n z-index: 1;\n}\n\n.donation-selection-area .totals-area .fist-b g {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 0;\n height: auto;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .totals-area {\n order: 4;\n width: 100%;\n }\n}\n\n.donation-selection-area .totals-area .matching-message {\n color: #59316B;\n font-size: 35px;\n line-height: normal;\n padding-top: 10px;\n text-align: center;\n width: 100%;\n}\n\n.donation-selection-area .totals-area .matched-amount {\n color: #59316B;\n font-size: 100px;\n font-weight: bold;\n line-height: normal;\n text-align: center;\n width: 100%;\n}\n\n.payment-method-area,\n.info-area {\n position: relative;\n z-index: 2;\n}\n\n.payment-method-area {\n border-bottom: 2px solid #aeaeae;\n border-top: 2px solid #aeaeae;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 20px;\n padding: 4% 21px;\n text-align: center;\n}\n\n.payment-method-area .button {\n width: 160px;\n vertical-align: top;\n}\n\n.payment-method-area . button.paypal {\n padding-top: 8px;\n padding-bottom: 5px;\n}\n\n.payment-method-area .paypal-png {\n height: 32px;\n}\n\n.payment-method-area .payment-method-question {\n margin-bottom: 3%;\n}\n\n.payment-method-area .payment-option {\n margin-bottom: 2%;\n}\n\n.info-area {\n padding-top: 4%;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n text-align: center;\n}\n\n.info-area #firstName {\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .info-area #firstName {\n width: 50%;\n }\n}\n\n.info-area #lastName {\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .info-area #lastName {\n width: 50%;\n }\n}\n\n.info-area #streetAddress {\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .info-area #streetAddress {\n width: 80%;\n }\n}\n\n.info-area #extendedAddress {\n width: 20%;\n}\n\n.info-area #country {\n width: 100%;\n}\n\n.info-area #locality {\n width: 38%;\n}\n\n@media (min-width: 767px) {\n .info-area #locality {\n width: 33% ;\n }\n}\n\n.info-area #region {\n width: 45%;\n}\n\n@media (min-width: 767px) {\n .info-area #region {\n width: 34%;\n }\n}\n\n.info-area #postalCode {\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .info-area #postalCode {\n width: 33%;\n }\n}\n\n.info-area #email {\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .info-area #email {\n width: 56%;\n }\n}\n\n.info-area .receipt {\n display: none;\n}\n\n@media (min-width: 767px) {\n .info-area .receipt {\n display: block;\n }\n}\n\n.info-area #mailingListOptIn {\n margin: 10px 4px 10px 10px;\n}\n\n.info-area #cardNumber {\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .info-area #cardNumber {\n width: 56%;\n }\n}\n\n.info-area img.credit-cards {\n display: none;\n}\n\n@media (min-width: 767px) {\n .info-area img.credit-cards {\n display: block;\n height: 29px;\n vertical-align: middle;\n }\n}\n\n.info-area #expMonth {\n width: 38%;\n}\n\n@media (min-width: 767px) {\n .info-area #expMonth {\n width: 33%;\n }\n}\n\n.info-area #expYear {\n width: 38.5%;\n}\n\n@media (min-width: 767px) {\n .info-area #expYear {\n width: 33%;\n }\n}\n\n.info-area #cvc {\n width: 38%;\n}\n\n@media (min-width: 767px) {\n .info-area #cvc {\n width: 33%;\n }\n}\n\n.info-area #perk-fields {\n display: block;\n margin: 10px;\n text-align: left;\n}\n\n.info-area #perk-fields #selected-perk-fields-label {\n margin-top: 10px;\n}\n\n.info-area #perk-fields #perk-fit {\n margin-left: 0px;\n}\n\n.info-area .donate-submit-area {\n color: #848282;\n font-size: 22px;\n font-weight: bold;\n padding: 20px 0;\n}\n\n.info-area .donate.button {\n background-color: #68b030;\n color: #fff;\n text-transform: uppercase;\n width: 300px;\n}\n\n#donate-comments-wrapper {\n text-align: left;\n}\n\n#donate-comments-wrapper textarea {\n width: 95%;\n}\n\n@media (min-width: 767px) {\n #donate-comments-wrapper textarea {\n width: 97%;\n }\n}\n\n.no-close .ui-dialog-titleba r-close {\n display: none;\n}\n\n.ui-dialog {\n background-color: #fff;\n text-align: center;\n z-index: 100;\n}\n\n.ui-dialog .loading-message {\n margin: 20px;\n}\n\n.ui-dialog .loading-dot-conatiner {\n display: flex;\n justify-content: center;\n}\n\n.ui-dialog .loading-circle {\n display: block;\n width: 15px;\n height: 15px;\n margin-right: 0.5%;\n margin-left: 0.5%;\n border-radius: 20px;\n background-color: #8cd621;\n opacity: 0.3;\n}\n\n.ui-dialog .loading-circle:nth-child(0n+1) {\n animation-name: moving-dot;\n animation-duration: 2.5s;\n animation-iteration-count: infinite;\n animation-delay: 0;\n}\n\n.ui-dialog .loading-circle:nth-child(0n+2) {\n animation-name: moving-dot;\n animation-duration: 2.5s;\n animation-iteration-count: infinite;\n animation-delay: 0.5s;\n}\n\n.ui-dialog .loading-circle:nth-child(0n+3) {\n animation-name: moving-dot;\n animation-duration: 2.5s;\n animation-iteration-count: infinite;\n animation-delay: 1s;\n}\n\n.ui-dia log .loading-circle:nth-child(0n+4) {\n animation-name: moving-dot;\n animation-duration: 2.5s;\n animation-iteration-count: infinite;\n animation-delay: 1.5s;\n}\n\n.ui-dialog .loading-circle:nth-child(0n+5) {\n animation-name: moving-dot;\n animation-duration: 2.5s;\n animation-iteration-count: infinite;\n animation-delay: 2s;\n}\n\n@keyframes moving-dot {\n from {\n opacity: 0.3;\n }\n 20% {\n opacity: 1;\n }\n to {\n opacity: 0.3;\n }\n}\n\n#loading-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #484848;\n z-index: 99;\n}\n\n.donor-faq {\n margin: 40px auto;\n width: 90%;\n}\n\n@media (min-width: 991px) {\n .donor-faq {\n width: 80%;\n }\n}\n\n.donor-faq .questions {\n list-style-position: inside;\n padding-left: 0px;\n}\n\n.donor-faq .questions li {\n color: #59316B;\n font-size: 20px;\n font-weight: 700;\n line-height: 29px;\n}\n\n@media (min-width: 991px) {\n .donor-faq .questions li { \n font-size: 25px;\n line-height: 34px;\n }\n}\n\n.donor-faq .questions .question {\n color: #59316B;\n display: inline;\n font-size: 20px;\n margin-bottom: 10px;\n margin-top: 10px;\n}\n\n@media (min-width: 991px) {\n .donor-faq .questions .question {\n font-size: 25px;\n }\n}\n\n.donor-faq .questions .answer {\n color: #484848;\n font-family: \"Source Sans Pro\", sans-serif;\n font-size: 16px;\n line-height: 20px;\n font-weight: 300;\n}\n\n.donor-faq .button-line {\n width: 100%;\n}\n\n.button-line {\n text-align: center;\n}\n\n.error-container {\n display: block;\n width: 50%;\n min-height: 100px;\n margin-right: auto;\n margin-bottom: 5%;\n margin-left: auto;\n padding: 2% 5%;\n border: 1px solid #aeaeae;\n box-shadow: 11px 11px 0 0 #e70000;\n}\n\n.error-container .title {\n margin-bottom: 3%;\n color: #e70000;\n font-size: 34px;\n line-height: 40px;\n text-align: center;\n}\n\n.donate-match-container,\n#company-profile-container,\n#hepdata -no-results-message {\n text-align: center;\n margin-bottom: 60px;\n}\n\n.donate-match-container input,\n.donate-match-container datalist,\n.donate-match-container .input-and-loader {\n width: 300px;\n}\n\n.donate-match-container .input-and-loader {\n margin: auto;\n position: relative;\n}\n\n.donate-match-container .input-and-loader input {\n height: 30px;\n padding: 3px;\n border-style: solid;\n text-align: center;\n font-weight: 600;\n}\n\n.donate-match-container .input-and-loader .load-container {\n display: none;\n height: 30px;\n width: 30px;\n overflow: hidden;\n position: absolute;\n top: 4px;\n right: -6px;\n}\n\n.donate-match-container .input-and-loader .load-container .loader,\n.donate-match-container .input-and-loader .load-container .loader:before,\n.donate-match-container .input-and-loader .load-container .loader:after {\n background: #59316B;\n animation: load1 1s infinite ease-in-out;\n width: 1em;\n height: 4em;\n}\n\n.donate-match-container .in put-and-loader .load-container .loader {\n color: #59316B;\n text-indent: -9999em;\n margin: 10px auto;\n position: relative;\n font-size: 4px;\n transform: translateZ(0);\n animation-delay: -0.16s;\n}\n\n.donate-match-container .input-and-loader .load-container .loader:before,\n.donate-match-container .input-and-loader .load-container .loader:after {\n position: absolute;\n top: 0;\n content: '';\n}\n\n.donate-match-container .input-and-loader .load-container .loader:before {\n left: -1.5em;\n animation-delay: -0.32s;\n}\n\n.donate-match-container .input-and-loader .load-container .loader:after {\n left: 1.5em;\n}\n\n@-webkit-keyframes load1 {\n 0%,\n 80%,\n 100% {\n box-shadow: 0 0;\n height: 4em;\n }\n 40% {\n box-shadow: 0 -2em;\n height: 5em;\n }\n}\n\n@keyframes load1 {\n 0%,\n 80%,\n 100% {\n box-shadow: 0 0;\n height: 4em;\n }\n 40% {\n box-shadow: 0 -2em;\n height: 5em;\n }\n}\n\n.donate-match-container #company-option-list { \n width: 300px;\n margin: 0 auto;\n max-height: 300px;\n overflow-x: hidden;\n overflow-y: auto;\n background-color: #F8F9FA;\n border: #7D4698 1px solid;\n display: none;\n}\n\n.donate-match-container #company-option-list .company-option {\n word-wrap: break-word;\n padding: 5px 2px;\n}\n\n.donate-match-container #company-option-list .company-option:hover {\n background-color: #68b030;\n color: #fff;\n}\n\n.donate-error-message {\n color: #aeaeae;\n padding: 0 10%;\n word-break: break-all;\n text-align: center;\n}\n\n#company-profile-container .profile {\n display: none;\n width: 75%;\n margin: auto;\n}\n\n#company-profile-container .profile .row {\n margin: 20px 0;\n}\n\n#company-profile-container .profile .row .company-property-label {\n width: 30%;\n text-align: right;\n font-weight: 700;\n}\n\n#company-profile-container .profile .row .company-property-value {\n text-align: left;\n width: 60%;\n}\n\n#company-profile-container .profile .row .company-prop erty-value#summary-value {\n width: auto;\n font-size: 25px;\n line-height: 34px;\n text-align: center;\n}\n\n#company-profile-container .profile .row .company-property-value#summary-value .company {\n font-weight: 700;\n color: #7D4698;\n}\n\n#company-profile-container .profile .row .company-property-value#summary-value .percent {\n font-weight: 700;\n color: #68b030;\n}\n\n#company-profile-container .profile .row .company-property-value#summary-value .match-amount {\n font-weight: 700;\n color: #59316B;\n}\n\n#company-profile-container .profile .row .company-property-value#matchingGiftForm-value {\n width: auto;\n}\n\n#company-profile-container .profile .row .company-property-value#lastUpdated-value {\n font-weight: 700;\n color: #aeaeae;\n}\n\n#company-profile-container .profile .row .company-property-value#matchingConditions-value .ratio {\n font-weight: 700;\n color: #59316B;\n}\n\n#company-profile-container .profile .row .company-property-value#resources-value { \n width: auto;\n}\n\n#company-profile-container ul {\n margin-top: 0px;\n}\n\n#company-profile-container li {\n margin-bottom: 10px;\n}\n\n.privacy-policy {\n margin-left: auto;\n margin-right: auto;\n width: 70%;\n margin-bottom: 40px;\n}\n\n.subscribe .fixed-width {\n max-width: 600px;\n text-align: center;\n}\n\n.subscribe .fixed-width #email {\n width: 100%;\n}\n\n.subscribe .fixed-width #firstName {\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .subscribe .fixed-width #firstName {\n width: 50%;\n }\n}\n\n.subscribe .fixed-width #lastName {\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .subscribe .fixed-width #lastName {\n width: 50%;\n }\n}\n\n.subscribe .fixed-width .join {\n width: 200px;\n}\n\n.subscribe .fixed-width .messages {\n color: red;\n text-align: left;\n}\n\n.header-content .thank-you {\n width: 80%;\n}\n\n.header-content .thank-you h1 {\n text-align: center;\n text-transform: none;\n}\n\n.header-content .thank-you h5 {\n tex t-align: center;\n}\n\n.header-content .thank-you img {\n width: 50px;\n}\n\n.header-content .thank-you .share-icons {\n margin: 20px 10px 0px 10px;\n text-align: center;\n}\n\n@media (min-width: 767px) {\n .header-content .thank-you {\n margin-top: -120px;\n margin-bottom: 30px;\n }\n}\n\n.content {\n margin-top: 20px;\n}\n\n.content .thank-you {\n margin-bottom: 40px;\n}\n\n.content .thank-you h4 {\n text-align: center;\n}\n\n.content .thank-you .volunteer-desc {\n margin-left: auto;\n margin-right: auto;\n max-width: 490px;\n text-align: center;\n}\n\n.content .thank-you .volunteer-desc .skills-text {\n margin-bottom: 20px;\n}\n","hr {\n border-top: 1px solid $color-green;\n margin: 40px auto;\n max-width: 106px;\n}\n","$screen-s: 479px;\n$screen-m: 767px;\n$screen-l: 991px;\n\n// Greyscale colors\n$color-white: #fff;\n$color-very-light-grey: #F8F9FA;\n$color-medium-light-grey: #F1F1F3;\n$color-light-grey: #aeaeae;\n$color-grey: #484848;\n$color-dark-grey: # 848282;\n$color-white-opacity-40: rgba(255, 255, 255, 0.4);\n\n// Colors\n$color-green: #68b030;\n$color-purple: #7D4698;\n$color-dark-purple: #59316B;\n$color-very-dark-purple: #32173E;\n$color-red: red;\n\n$base-font-color: $color-grey;\n$base-font-family: 'Source Sans Pro', sans-serif;\n$base-font-size: 16px;\n$base-font-weight: 300;\n$base-line-height: 20px;\n\n$font-size-medium: 20px;\n","@mixin base-text() {\n color: $base-font-color;\n font-family: $base-font-family;\n font-size: $base-font-size;\n line-height: $base-line-height;\n font-weight: $base-font-weight;\n}\n\nhtml,\nbody,\ninput,\ntextarea {\n @include base-text();\n}\n\nh1 {\n font-size: 47px;\n letter-spacing: 2px;\n line-height: 50px;\n margin-bottom: 1%;\n margin-top: 0;\n text-transform: capitalize;\n\n @include breakpoint($screen-m) {\n font-size: 50px;\n line-height: 60px;\n }\n\n @include breakpoint($screen-l) {\n font-size: 55px;\n }\n}\n\nh2 {\n font-size: 25px;\n font-weight: 70 0;\n line-height: 1;\n margin-bottom: 1%;\n margin-top: 0;\n\n @include breakpoint($screen-m) {\n font-size: 34px;\n }\n}\n\nh3 {\n font-size: 27px;\n font-weight: 700;\n text-transform: uppercase;\n margin-bottom: 1%;\n margin-top: 0;\n}\n\nh4 {\n font-size: 27px;\n font-weight: 400;\n letter-spacing: 0px;\n line-height: normal;\n margin-bottom: 1%;\n margin-top: 0;\n text-transform: uppercase;\n}\n\nh5 {\n font-size: 21px;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 1%;\n margin-top: 0;\n letter-spacing: 0.09px;\n\n @include breakpoint($screen-l) {\n font-size: 22px;\n }\n}\n\na {\n color: $color-purple;\n font-weight: 700;\n text-decoration: none;\n &:hover {\n color: $color-green;\n }\n}\n\nb {\n font-weight: 700;\n}\n\n.bold {\n font-weight: 700;\n}\n\n.green {\n color: $color-green;\n}\n\n.light {\n font-weight: 200;\n}\n\n.email {\n font-weight: 700;\n}\n\n.small {\n font-size: 14px;\n}\n\n.strong {\n color: $color-p urple;\n font-weight: 700;\n}\n\n.tiny {\n font-size: 12px;\n}\n\n.background-grey {\n color: $color-medium-light-grey;\n font-size: 80px;\n font-weight: bold;\n}\n","//////////////////////////////\n// Default Variables\n//////////////////////////////\n$Breakpoint-Settings: (\n 'default media': all,\n 'default feature': min-width,\n 'default pair': width,\n\n 'force all media type': false,\n 'to ems': false,\n 'transform resolutions': true,\n\n 'no queries': false,\n 'no query fallbacks': false,\n\n 'base font size': 16px,\n\n 'legacy syntax': false\n);\n\n$breakpoint: () !default;\n\n//////////////////////////////\n// Imports\n//////////////////////////////\n@import \"breakpoint/settings\";\n@import 'breakpoint/context';\n@import 'breakpoint/helpers';\n@import 'breakpoint/parsers';\n@import 'breakpoint/no-query';\n\n@import 'breakpoint/respond-to';\n\n@import \"breakpoint/legacy-settings\";\n\n//////////////////////////////\n// Breakpoint Mixin\n///////////////////// /////////\n\n@mixin breakpoint($query, $no-query: false) {\n @include legacy-settings-warning;\n\n // Reset contexts\n @include private-breakpoint-reset-contexts();\n\n $breakpoint: breakpoint($query, false);\n\n $query-string: map-get($breakpoint, 'query');\n $query-fallback: map-get($breakpoint, 'fallback');\n\n $private-breakpoint-context-holder: map-get($breakpoint, 'context holder') !global;\n $private-breakpoint-query-count: map-get($breakpoint, 'query count') !global;\n\n // Allow for an as-needed override or usage of no query fallback.\n @if $no-query != false {\n $query-fallback: $no-query;\n }\n\n @if $query-fallback != false {\n $context-setter: private-breakpoint-set-context('no-query', $query-fallback);\n }\n\n // Print Out Query String\n @if not breakpoint-get('no queries') {\n @media #{$query-string} {\n @content;\n }\n }\n\n @if breakpoint-get('no query fallbacks') != false or breakpoint-get('no queries') == true {\n\n $type: type -of(breakpoint-get('no query fallbacks'));\n $print: false;\n\n @if ($type == 'bool') {\n $print: true;\n }\n @else if ($type == 'string') {\n @if $query-fallback == breakpoint-get('no query fallbacks') {\n $print: true;\n }\n }\n @else if ($type == 'list') {\n @each $wrapper in breakpoint-get('no query fallbacks') {\n @if $query-fallback == $wrapper {\n $print: true;\n }\n }\n }\n\n // Write Fallback\n @if ($query-fallback != false) and ($print == true) {\n $type-fallback: type-of($query-fallback);\n\n @if ($type-fallback != 'bool') {\n #{$query-fallback} & {\n @content;\n }\n }\n @else {\n @content;\n }\n }\n }\n\n @include private-breakpoint-reset-contexts();\n}\n\n\n@mixin mq($query, $no-query: false) {\n @include breakpoint($query, $no-query) {\n @content;\n }\n}\n","input[type=\"checkbox\"] {\n margin-top: auto;\n margin-bottom: a uto;\n margin-right: 4px;\n}\n\ninput[type=\"text\"],\ntextarea {\n border: 1px solid $color-dark-grey;\n color: $color-grey;\n font-size: 16px;\n height: 27px;\n margin: 9px;\n padding: 8px 12px;\n &.required {\n border-color: $color-green;\n }\n &.error {\n border-color: $color-red;\n }\n &::placeholder {\n color: $color-light-grey;\n }\n &:focus {\n border-color: $color-dark-purple;\n color: $color-purple;\n outline: none;\n }\n}\ntextarea {\n box-sizing: border-box;\n width: 60%;\n height: 3em;\n display: block;\n padding: 8px 12px;\n}\nselect {\n background: $color-white;\n border: 1px solid $color-dark-grey;\n color: $color-grey;\n font-size: 16px;\n height: 45px;\n margin: 9px;\n padding: 8px 12px;\n &.required {\n border-color: $color-green;\n color: $color-grey;\n }\n &.error {\n border-color: $color-red;\n }\n &:focus {\n border-color: $color-dark-purple;\n color: $color-purple;\n outline: none;\n }\n}\n\ n.field-row {\n align-items: center;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n width: 100%;\n\n @include breakpoint($screen-m) {\n flex-wrap: nowrap;\n }\n}\n\n.required {\n color: $color-green;\n}\n",".button {\n background-color: $color-white;\n border: 1px solid $color-dark-grey;\n border-radius: 5px;\n color: $color-grey;\n display: inline-block;\n font-size: 20px;\n font-weight: normal;\n margin: 7px;\n padding: 14px 10px;\n text-transform: uppercase;\n width: 90%;\n &.purple {\n background-color: $color-purple;\n color: $color-white;\n &:hover {\n background-color: $color-dark-purple;\n }\n }\n &:hover {\n background-color: $color-green;\n color: $color-white;\n cursor: pointer;\n }\n &.selected {\n background-color: $color-green;\n color: $color-white;\n cursor: default;\n }\n\n @include breakpoint($screen-s) {\n width: auto;\n }\n}\n\na.button {\n font-size: 16p x;\n font-weight: normal;\n padding: 14px 10px;\n text-decoration: none;\n\n @include breakpoint($screen-m) {\n font-size: 20px;\n width: auto;\n }\n}\n","body {\n margin: 0;\n}\n\ndiv {\n box-sizing: border-box;\n}\n",".header {\n background-color: $color-dark-purple;\n color: $color-white;\n width: 100%;\n padding: 50px 50px 50px 10%;\n @include breakpoint($screen-m) {\n padding-right: 0px;\n padding-bottom: 0px;\n }\n\n h1 {\n margin-bottom: 30px;\n font-size: 36px;\n font-weight: 300;\n line-height: 40px;\n @include breakpoint($screen-m) {\n font-size: 40px;\n line-height: 40px;\n }\n @include breakpoint($screen-l) {\n font-size: 60px;\n line-height: 60px;\n }\n }\n\n h4 {\n text-transform: none;\n font-size: 14px;\n line-height: 14px;\n font-weight: 400;\n @include breakpoint($screen-m) {\n font-size: 16px;\n line-height: 18px;\n }\n @include breakpoint($screen-l) {\n fon t-size: 20px;\n line-height: 25px;\n }\n }\n\n .content-wrapper {\n width: 100%;\n\n .header-content {\n display: flex;\n align-items: flex-end;\n .left-column {\n display: block;\n @include breakpoint($screen-m) {\n margin-right: 2%;\n flex: 1 1 40%;\n margin-bottom: 60px;\n margin-right: 45%;\n }\n }\n }\n }\n\n .tor-campaign-logo {\n flex: 1 1 58%;\n max-width: 750px;\n display: none;\n position: relative;\n @include breakpoint($screen-l) {\n display: block;\n }\n img {\n width: 100%;\n height: auto;\n position: absolute;\n bottom: 0px;\n right: 0px;\n }\n }\n\n .logo {\n width: 81px;\n }\n\n .nav-bar {\n margin-bottom: 30px;\n @include breakpoint($screen-m) {\n margin-bottom: 80px;\n }\n }\n}\n",".content {\n margin: 0 0 0 0;\n padding: 0 0 0 0;\n\n .fixed-width {\n margin-left: auto;\n margin-right : auto;\n\n @include breakpoint($screen-m) {\n max-width: 728px;\n }\n\n @include breakpoint($screen-l) {\n max-width: 940px;\n }\n }\n}\n",".footer-container {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n justify-content: space-around;\n background-color: $color-dark-purple;\n color: $color-white;\n padding: 70px 30px 30px 30px;\n a {\n color: $color-white;\n }\n @include breakpoint($screen-m) {\n padding-top: 100px;\n }\n .footer-content {\n display: flex;\n width: 100%;\n max-width: 900px;\n margin: 0 auto 30px auto;\n flex-wrap: wrap;\n @include breakpoint($screen-m) {\n flex-wrap: nowrap;\n }\n }\n .footer-content-left {\n flex: 1 1 100%;\n margin-bottom: 70px;\n @include breakpoint($screen-m) {\n flex: 1 1 60%;\n margin-right: 150px;\n margin-bottom: 0px;\n }\n }\n .footer-content-right {\n display: flex;\n flex: 1 1 100%;\n align-items: center;\n fl ex-direction: column;\n @include breakpoint($screen-m) {\n align-items: inherit;\n flex: 1 1 auto;\n }\n }\n .footer-description {\n margin-bottom: 70px;\n font-size: 20px;\n line-height: 24px;\n @include breakpoint($screen-m) {\n margin-bottom: 100px;\n }\n }\n .footer-subscribe {\n font-size: 17px;\n line-height: 20px;\n .footer-subscribe-header {\n margin-bottom: 5px;\n font-weight: 600;\n text-transform: uppercase;\n color: $color-white-opacity-40;\n }\n .footer-sign-up {\n display: inline-block;\n padding: 15px 30px;\n border-radius: 4px;\n border: 1px solid $color-white;\n font-weight: 700;\n text-transform: uppercase;\n margin-top: 15px;\n &:hover {\n background-color: $color-purple;\n }\n }\n }\n .footer-menu {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-bottom: 70px;\n justify-content: space-evenly;\n a {\n display: block;\n font-weight: 300;\n line-height: 30px;\n &:hover {\n color: $color-light-grey;\n }\n }\n @include breakpoint($screen-m) {\n margin-bottom: 200px;\n flex-direction: column;\n }\n }\n .footer-social {\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n justify-content: center;\n @include breakpoint($screen-m) {\n width: 155px;\n justify-content: inherit;\n }\n a {\n display: block;\n text-indent: -999em;\n background-size: cover;\n background-repeat: no-repeat;\n width: 20px;\n height: 20px;\n margin-right: 30px;\n &.facebook,\n &.mastodon,\n &.twitter {\n margin-bottom: 20px;\n }\n &.facebook {\n background-image: url('/images/facebook.svg');\n }\n &.mastodon {\n background-image: url('/images/mastodon.svg');\n }\n &.twitter {\n width: 24px;\n background-image: url('/i mages/twitter.svg');\n @include breakpoint($screen-m) {\n margin-right: 0px;\n }\n }\n &.instagram {\n background-image: url('/images/instagram.svg');\n }\n &.linkedin {\n background-image: url('/images/linkedin.svg');\n }\n &.github {\n background-image: url('/images/github.svg');\n @include breakpoint($screen-m) {\n margin-right: 0px;\n }\n }\n }\n }\n}\n\n.gr-stamp-container {\n display: block;\n text-align: center;\n a:hover {\n color: $color-green;\n }\n}\n",".front .header {\n @include breakpoint($screen-m) {\n background-image: url('../images/tor-header-campaign-2018.svg');\n background-position: bottom right;\n background-repeat: no-repeat;\n background-size: 40%;\n\n h4 {\n padding-right: 10%;\n }\n }\n}\n\n.campaign-totals-area {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n\n .characters {\n display: flex;\n justify-content: center;\n line-height: normal;\n margin: 10px 30px;\n\n .character {\n position: relative;\n\n .cover {\n background: $color-green;\n bottom: 0;\n left: 0;\n position: absolute;\n visibility: hidden;\n right: 0;\n top: 0;\n z-index: 1;\n }\n\n &.covered .cover {\n visibility: visible;\n }\n\n &.resolved {\n color: $color-green;\n }\n }\n }\n\n .label {\n font-size: 27px;\n text-align: center;\n }\n\n}\n\n.donate-options {\n display: flex;\n justify-content: center;\n margin: 30px auto 2%;\n width: 92vw;\n\n a {\n background-color: $color-white;\n border: 2px solid $color-light-grey;\n color: $color-light-grey;\n font-weight: normal;\n display: block;\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n }\n\n a.once-button {\n border-radius: 5px 0 0 5px;\n margin-right: 0;\n pad ding-left: 15px;\n padding-right: 15px;\n width: 150px;\n }\n\n a.monthly-button {\n border-left: 0;\n border-radius: 0 5px 5px 0;\n margin-left: 0;\n padding-left: 15px;\n padding-right: 15px;\n width: 160px;\n }\n\n a.selected, a:hover {\n background-color: $color-green;\n color: $color-white;\n }\n}\n.payment-other-div {\n text-align: center;\n margin-bottom: 20px;\n}\n.perk-intro {\n display: flex;\n flex-wrap: wrap;\n margin: 2% 5% 2% 5%;\n justify-content: center;\n text-align: center;\n\n .perk-title {\n font-size: 22px;\n margin-bottom: 0px;\n }\n}\n\n.price-change-warning {\n color: red;\n}\n\n#donationForm {\n margin: 0 auto 40px auto;\n max-width: 1024px;\n}\n\n.donation-selection-area {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: auto 2% auto 2%;\n max-width: 1024px;\n justify-content: center;\n\n @include breakpoint($screen-m) {\n flex-direction: row;\n }\n\n .donate-buttons {\n align-items: center;\n align-self: center;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n margin: 5px;\n\n @include breakpoint($screen-m) {\n flex-direction: row;\n margin-right: 5px;\n }\n\n a.price-btn {\n background-color: $color-dark-purple;\n border-radius: 5px;\n color: $color-white;\n display: block;\n font-size: 23px;\n font-weight: normal;\n margin: 5px;\n padding: 20px 0px;\n text-align: center;\n text-decoration: none;\n width: 120px;\n @include breakpoint($screen-m) {\n font-size: 29px;\n }\n &.promo {\n position: relative;\n &::before {\n position: absolute;\n display: block;\n background-color: $color-green;\n color: $color-white;\n content: 'LIMITED OFFER';\n width: 80px;\n height: 20px;\n font-size: 12px;\n top: -9px;\n left: 13px;\n padding: 0px 8px;\n border-radius: 16px;\n font-weight: 300;\n }\n }\n }\n\n a.selected {\n background-color: $color-green;\n }\n\n .other-amount-field {\n .error {\n color: $color-red;\n display: block;\n text-align: center;\n }\n\n align-items: center;\n display: flex;\n flex-direction: column;\n justify-content: center;\n .perk-amt {\n background-color: #f1f1f3;\n font-size: 23px;\n font-weight: bold;\n height: 42px;\n margin: 5px;\n min-width: 80px;\n text-transform: capitalize;\n text-align: center;\n width: 94px;\n }\n }\n }\n\n .no-perk-area {\n margin: 1% 1% 20px 1%;\n width: 100%;\n text-align: center;\n }\n\n label[for=\"no-perk-checkbox\"] {\n font-size: 20px;\n line-height: 24px;\n }\n\n .perks {\n align-self: center;\n display: flex;\n fl ex-direction: column;\n width: 100%;\n margin-top: 20px;\n position: relative;\n z-index: 2;\n justify-content: space-evenly;\n\n @include breakpoint($screen-m) {\n border: none;\n flex-direction: row;\n }\n\n .perk {\n border-color: $color-light-grey;\n border-style: solid;\n border-width: 0px 1px 1px 1px;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-between;\n\n &:first-child {\n border-top-width: 1px;\n }\n\n @include breakpoint($screen-m) {\n border: 1px solid $color-light-grey;\n flex-direction: column;\n justify-content: flex-start;\n margin: 0px 5px 20px 5px;\n position: relative;\n width: 30%;\n top: 0px;\n flex-wrap: nowrap;\n }\n\n &.disabled {\n border-color: $color-very-light-grey;\n color: $color-light-grey;\n font-style: italic;\n\n img {\n opacity: 0.2;\n }\n\n select {\n color: $color-light-grey;\n font-style: italic;\n }\n\n .promo-red-dot {\n background-color: $color-light-grey;\n }\n .promo-price {\n color: $color-light-grey;\n }\n }\n\n .slides {\n position: relative;\n align-self: center;\n display: none;\n height: 175px;\n overflow: hidden;\n width: 100%;\n\n @include breakpoint($screen-m) {\n display: block;\n order: 2;\n }\n }\n\n img {\n display: block;\n margin: 0 auto;\n max-width: 50%;\n height: auto;\n @include breakpoint($screen-m) {\n width: 85%;\n max-width: none;\n }\n }\n\n .promo-red-dot {\n position: absolute;\n background: $color-red;\n top: 45px;\n right: 15px;\n color: $color-white;\n padding: 10px 20px;\n font-size: 28px;\n line-height: 31px;\n font-weight: bold;\n border-radius: 40px;\n }\n\n .price-tag-group {\n margin: 20px 0 20px 20px;\n font-size: 21px;\n font-weight: 600;\n width: 40%;\n @include breakpoint($screen-m) {\n font-size: 16px;\n order: 1;\n width: 100%;\n }\n }\n\n .promo-strike-through {\n text-decoration: line-through;\n }\n .promo-price {\n color: $color-dark-purple;\n font-weight: 700;\n &.large {\n font-size: 22px;\n font-weight: 600;\n }\n }\n\n .perk-label {\n font-size: 21px;\n font-weight: 700;\n margin: 20px 20px 20px 0;\n text-align: right;\n text-transform: uppercase;\n width: 40%;\n box-sizing: border-box;\n\n @include breakpoint($screen-m) {\n margin: 0;\n padding: 20px;\n padding-bott om: 0;\n font-size: 27px;\n width: 100%;\n order: 3;\n text-align: center;\n }\n }\n\n .perk-desc {\n font-size: 16px;\n font-weight: 300;\n display: none;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n\n @include breakpoint($screen-m) {\n display: block;\n margin: 0 11px 0 11px;\n order: 4;\n padding-left: 4px;\n padding-right: 4px;\n width: auto;\n }\n }\n\n .perk-sub-select {\n display: none;\n border-color: #aeaeae;\n margin: 10px 10px 10px 10px;\n width: 100%;\n\n @include breakpoint($screen-m) {\n display: block;\n order: 5;\n width: 92%;\n }\n }\n }\n\n .selected {\n background-color: $color-green;\n transition: all 0.5s;\n\n .slides {\n display: block;\n }\n\n .perk-desc {\n display: block;\n }\n\n .perk-sub-select {\n display: block;\n }\n\n @include breakpoint($screen-m) {\n background-color: $color-white;\n box-shadow: 8px 8px $color-green;\n position: relative;\n top: -4px;\n }\n }\n }\n\n .totals-area {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n margin-bottom: 4%;\n position: relative;\n\n &, div, input {\n position: relative;\n z-index: 1;\n }\n\n .fist-bg {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 0;\n height: auto;\n }\n\n @include breakpoint($screen-m) {\n order: 4;\n width: 100%;\n }\n\n .matching-message {\n color: $color-dark-purple;\n font-size: 35px;\n line-height: normal;\n padding-top: 10px;\n text-align: center;\n width: 100%;\n }\n\n .matched-amount {\n color: $color-dark-purple;\n font -size: 100px;\n font-weight: bold;\n line-height: normal;\n text-align: center;\n width: 100%;\n }\n\n }\n}\n\n.payment-method-area,\n.info-area {\n position: relative;\n z-index: 2;\n}\n\n.payment-method-area {\n border-bottom: 2px solid $color-light-grey;\n border-top: 2px solid $color-light-grey;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 20px;\n padding: 4% 21px;\n text-align: center;\n\n .button {\n width: 160px;\n vertical-align: top;\n }\n\n .button.paypal {\n padding-top: 8px;\n padding-bottom: 5px;\n }\n\n .paypal-png {\n height: 32px;\n }\n\n .payment-method-question {\n margin-bottom: 3%;\n }\n\n .payment-option {\n margin-bottom: 2%;\n }\n}\n\n.info-area {\n padding-top: 4%;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n text-align: center;\n\n\n #firstName {\n width: 100%;\n @include breakpoint($screen-m) {\n width: 50%;\n }\n }\n #lastName {\n width: 100%;\n @include breakpoint($screen-m) {\n width: 50%;\n }\n }\n #streetAddress {\n width: 100%;\n @include breakpoint($screen-m) {\n width: 80%;\n }\n }\n #extendedAddress {\n width: 20%;\n }\n #country {\n width: 100%;\n }\n #locality {\n width: 38%;\n @include breakpoint($screen-m) {\n width: 33%;\n }\n }\n #region {\n width: 45%;\n @include breakpoint($screen-m) {\n width: 34%;\n }\n }\n #postalCode {\n width: 100%;\n @include breakpoint($screen-m) {\n width: 33%;\n }\n }\n #email {\n width: 100%;\n @include breakpoint($screen-m) {\n width: 56%;\n }\n }\n .receipt {\n display: none;\n @include breakpoint($screen-m) {\n display: block;\n }\n }\n #mailingListOptIn {\n margin: 10px 4px 10px 10px;\n }\n #cardNumber {\n width: 100%;\n @include breakpoint($screen-m) {\n width: 56%;\n }\n }\n img.credit-cards {\n dis play: none;\n\n @include breakpoint($screen-m) {\n display: block;\n height: 29px;\n vertical-align: middle;\n }\n }\n #expMonth {\n width: 38%;\n @include breakpoint($screen-m) {\n width: 33%;\n }\n }\n #expYear {\n width: 38.5%;\n @include breakpoint($screen-m) {\n width: 33%;\n }\n }\n #cvc {\n width: 38%;\n @include breakpoint($screen-m) {\n width: 33%;\n }\n }\n #perk-fields {\n display: block;\n margin: 10px;\n text-align: left;\n\n #selected-perk-fields-label {\n margin-top: 10px;\n }\n\n #perk-fit {\n margin-left: 0px;\n }\n }\n\n .donate-submit-area {\n color: $color-dark-grey;\n font-size: 22px;\n font-weight: bold;\n padding: 20px 0;\n }\n\n .donate.button {\n background-color: $color-green;\n color: $color-white;\n text-transform: uppercase;\n width: 300px;\n }\n}\n\n#donate-comments-wrapper {\n text-align: left;\n\n textarea {\n width: 95%;\n\n @include breakpoint($screen-m) {\n width: 97%;\n }\n }\n}\n",".no-close .ui-dialog-titlebar-close {\n display: none;\n}\n\n.ui-dialog {\n background-color: $color-white;\n text-align: center;\n z-index: 100;\n\n .loading-message {\n margin: 20px;\n }\n\n .loading-dot-conatiner {\n display: flex;\n justify-content: center;\n }\n\n .loading-circle {\n display: block;\n width: 15px;\n height: 15px;\n margin-right: 0.5%;\n margin-left: 0.5%;\n border-radius: 20px;\n background-color: #8cd621;\n opacity: 0.3;\n }\n\n @mixin moving-dot($delay) {\n animation-name: moving-dot;\n animation-duration: 2.5s;\n animation-iteration-count: infinite;\n animation-delay: $delay;\n }\n\n .loading-circle:nth-child(0n+1) {\n @include moving-dot(0);\n }\n\n .loading-circle:nth-child(0n+2) {\n @include moving-dot(0.5s);\n }\n\n .loading-circle:nth-child(0n+3) {\n @include moving-dot(1s);\n }\n\n .loading-circle:n th-child(0n+4) {\n @include moving-dot(1.5s);\n }\n\n .loading-circle:nth-child(0n+5) {\n @include moving-dot(2s);\n }\n\n @keyframes moving-dot {\n from {\n opacity: 0.3;\n }\n\n 20% {\n opacity: 1;\n }\n\n to {\n opacity: 0.3;\n }\n }\n}\n\n#loading-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: $color-grey;\n z-index: 99;\n}\n",".donor-faq {\n margin: 40px auto;\n width: 90%;\n @include breakpoint($screen-l) {\n width: 80%;\n }\n\n .questions {\n list-style-position: inside;\n padding-left: 0px;\n\n li {\n color: $color-dark-purple;\n font-size: 20px;\n font-weight: 700;\n line-height: 29px;\n\n @include breakpoint($screen-l) {\n font-size: 25px;\n line-height: 34px;\n }\n }\n\n .question {\n color: $color-dark-purple;\n display: inline;\n font-size: 20px;\n margin-bottom: 10px;\n margin-top: 10px;\n\n @include breakpoint($screen-l) {\n font-size: 25px;\n }\n }\n\n .answer {\n @include base-text();\n }\n }\n\n .button-line {\n width: 100%;\n }\n}\n\n.button-line {\n text-align: center;\n}\n",".error-container {\n display: block;\n width: 50%;\n min-height: 100px;\n margin-right: auto;\n margin-bottom: 5%;\n margin-left: auto;\n padding: 2% 5%;\n border: 1px solid #aeaeae;\n box-shadow: 11px 11px 0 0 #e70000;\n\n .title {\n margin-bottom: 3%;\n color: #e70000;\n font-size: 34px;\n line-height: 40px;\n text-align: center;\n }\n}\n",".donate-match-container,\n#company-profile-container,\n#hepdata-no-results-message {\n text-align: center;\n margin-bottom: 60px;\n}\n\n.donate-match-container {\n input,\n datalist,\n .input-and-loader {\n width: 300px;\n }\n .input-and-loader {\n margin: auto;\n position: relative;\n\n input {\n height: 30px;\n padding: 3px;\n border-style: soli d;\n text-align: center;\n font-weight: 600;\n }\n .load-container {\n display: none;\n height: 30px;\n width: 30px;\n overflow: hidden;\n position: absolute;\n top: 4px;\n right: -6px;\n\n .loader,\n .loader:before,\n .loader:after {\n background: $color-dark-purple;\n animation: load1 1s infinite ease-in-out;\n width: 1em;\n height: 4em;\n }\n .loader {\n color: $color-dark-purple;\n text-indent: -9999em;\n margin: 10px auto;\n position: relative;\n font-size: 4px;\n transform: translateZ(0);\n animation-delay: -0.16s;\n }\n .loader:before,\n .loader:after {\n position: absolute;\n top: 0;\n content: '';\n }\n .loader:before {\n left: -1.5em;\n animation-delay: -0.32s;\n }\n .loader:after {\n left: 1.5em;\n }\n @-webkit-keyframes load1 {\n 0%,\n 80%,\n 100% {\n box-shadow: 0 0;\n height: 4em;\n }\n 40% {\n box-shadow: 0 -2em;\n height: 5em;\n }\n }\n @keyframes load1 {\n 0%,\n 80%,\n 100% {\n box-shadow: 0 0;\n height: 4em;\n }\n 40% {\n box-shadow: 0 -2em;\n height: 5em;\n }\n }\n }\n }\n #company-option-list {\n width: 300px;\n margin: 0 auto;\n max-height: 300px;\n overflow-x: hidden;\n overflow-y: auto;\n background-color: $color-very-light-grey;\n border: $color-purple 1px solid;\n display: none;\n .company-option {\n word-wrap: break-word;\n padding: 5px 2px;\n &:hover {\n background-color: $color-green;\n color: $color-white;\n }\n }\n }\n}\n\n.donate-error-message {\n color: $color-light-grey;\n padding: 0 10%;\n word-break: break-all;\n text-align: center;\n}\n\n#company-pr ofile-container {\n .profile {\n display: none;\n width: 75%;\n margin: auto;\n\n\n .row {\n margin: 20px 0;\n\n .company-property-label {\n width: 30%;\n text-align: right;\n font-weight: 700;\n\n }\n .company-property-value {\n text-align: left;\n width: 60%;\n\n &#summary-value {\n width: auto;\n font-size: 25px;\n line-height: 34px;\n text-align: center;\n .company {\n font-weight: 700;\n color: $color-purple;\n }\n .percent {\n font-weight: 700;\n color: $color-green;\n }\n .match-amount {\n font-weight: 700;\n color: $color-dark-purple;\n }\n }\n\n &#matchingGiftForm-value {\n width: auto;\n }\n\n &#lastUpdated-value {\n font-weight: 700;\n color: $color-light-grey;\n }\n\n &#matchi ngConditions-value {\n .ratio {\n font-weight: 700;\n color: $color-dark-purple;\n }\n }\n &#resources-value {\n width: auto;\n }\n }\n }\n }\n ul {\n margin-top: 0px;\n }\n li {\n margin-bottom: 10px;\n }\n}\n",".privacy-policy {\n margin-left: auto;\n margin-right: auto;\n width: 70%;\n margin-bottom: 40px;\n}\n",".subscribe .fixed-width {\n max-width: 600px;\n text-align: center;\n\n #email {\n width: 100%;\n }\n\n #firstName {\n width: 100%;\n @include breakpoint($screen-m) {\n width: 50%;\n }\n }\n\n #lastName {\n width: 100%;\n @include breakpoint($screen-m) {\n width: 50%;\n }\n }\n\n .join {\n width: 200px;\n }\n\n .messages {\n color: red;\n text-align: left;\n }\n}\n",".header-content {\n .thank-you {\n width: 80%;\n\n h1 {\n text-align: center;\n text-transform: none;\n }\n\n h5 {\n text-align: center; \n }\n\n img {\n width: 50px;\n }\n\n .share-icons {\n margin: 20px 10px 0px 10px;\n text-align: center;\n }\n @include breakpoint($screen-m) {\n margin-top: -120px;\n margin-bottom: 30px;\n }\n }\n}\n\n.content {\n margin-top: 20px;\n\n .thank-you {\n margin-bottom: 40px;\n\n h4 {\n text-align: center;\n }\n\n .volunteer-desc {\n margin-left: auto;\n margin-right: auto;\n max-width: 490px;\n text-align: center;\n\n .skills-text {\n\t margin-bottom: 20px;\n }\n }\n }\n}\n"]} \ No newline at end of file +{"version":3,"sources":["../node_modules/node-normalize-scss/_normalize.scss","style.css","base/_defaults.scss","base/_variables.scss","base/_typography.scss","../node_modules/breakpoint-sass/stylesheets/_breakpoint.scss","base/_fields.scss","base/_buttons.scss","layouts/_html.scss","layouts/_header.scss","layouts/_content.scss","layouts/_footer.scss","components/_donate.scss","components/_dialog.scss","components/_donor-faq.scss","components/_errors.scss","components/_hepdata.scss","components/_privacy-policy.scss","components/_subscribe.scss","components/_thank-you.scss"],"names":[],"mappings":"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","file":"../sass/style.css","sourcesContent":["/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation chan ges in\n * IE on Windows Phone and in iOS.\n */\n\nhtml {\n line-height: 1.15; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\n\nfigcaption,\nfigure,\nmain { /* 1 */\n display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\n\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\n\na {\n background-color: transparent; /* 1 */\n -webkit-text-decoration-skip: objects; /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\ n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\n\nb,\nstrong {\n font-weight: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\n\nmark {\n background-color: #ff0;\n color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: ba seline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\naudio,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\n\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\nhtml [type=\"button\"], /* 1 */\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\nlegend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\nprogress {\n display: inline-block; /* 1 */\n vertical-align: baseline; /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n[type=\"number\"]::-webkit-i nner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\n\ndetails, /* 1 */\nmenu {\ n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\n\nsummary {\n display: list-item;\n}\n\n/* Scripting\n ========================================================================== */\n\n/**\n * Add the correct display in IE 9-.\n */\n\ncanvas {\n display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\n\ntemplate {\n display: none;\n}\n\n/* Hidden\n ========================================================================== */\n\n/**\n * Add the correct display in IE 10-.\n */\n\n[hidden] {\n display: none;\n}\n","/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */\n/* Document\n ========================================================================== */\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in\n * IE on Windows Phone and in iOS.\n */\nhtml {\n line-height: 1.15;\n /* 1 */\n -ms-text-size-adjust: 100%;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n */\narticle,\naside,\nfooter,\nheader,\nnav,\nsection {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n/**\n * Add the correct display in IE 9-.\n * 1. Add the correct display in IE.\n */\nfigcaption,\nfigure,\nmain {\n /* 1 */\n display: block;\n}\n\n/**\n * Add the correct margin in IE 8.\n */\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\nhr {\n box-sizing: content-box;\n /* 1 */\n height: 0;\n /* 1 */\n overflow: visible;\n /* 2 */\n} \n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\npre {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n/**\n * 1. Remove the gray background on active links in IE 10.\n * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.\n */\na {\n background-color: transparent;\n /* 1 */\n -webkit-text-decoration-skip: objects;\n /* 2 */\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57- and Firefox 39-.\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\nabbr[title] {\n border-bottom: none;\n /* 1 */\n text-decoration: underline;\n /* 2 */\n text-decoration: underline dotted;\n /* 2 */\n}\n\n/**\n * Prevent the duplicate application of `bolder` by the next rule in Safari 6.\n */\nb,\nstrong {\n font-weigh t: inherit;\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n /* 1 */\n font-size: 1em;\n /* 2 */\n}\n\n/**\n * Add the correct font style in Android 4.3-.\n */\ndfn {\n font-style: italic;\n}\n\n/**\n * Add the correct background and color in IE 9-.\n */\nmark {\n background-color: #ff0;\n color: #000;\n}\n\n/**\n * Add the correct font size in all browsers.\n */\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ============================= ============================================= */\n/**\n * Add the correct display in IE 9-.\n */\naudio,\nvideo {\n display: inline-block;\n}\n\n/**\n * Add the correct display in iOS 4-7.\n */\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Remove the border on images inside links in IE 10-.\n */\nimg {\n border-style: none;\n}\n\n/**\n * Hide the overflow in IE.\n */\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Forms\n ========================================================================== */\n/**\n * Remove the margin in Firefox and Safari.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\nbutton,\ninput {\n /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\nbutton,\nselect {\n /* 1 */\n text-transform: none;\n}\n\n/**\n * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`\n * controls in Android 4.\n * 2. Correct the inability to style clickable types in iOS and Safari.\n */\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n /* 2 */\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/**\n * Restore the focus styles unset by the previous rule.\n */\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\nlegend {\n box-sizing: border-box;\n /* 1 */\n color: inherit;\n /* 2 */\n display: table;\n /* 1 */\n max-width: 100%;\n /* 1 */\n padding: 0;\n /* 3 */\n white-space: normal;\n /* 1 */\n}\n\n/**\n * 1. Add the correct display in IE 9-.\n * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\nprogress {\n display: inline-block;\n /* 1 */\n vertical-align: baseline;\n /* 2 */\n}\n\n/**\n * Remove the default vertical scrollbar in IE.\n */\ntextarea {\n overflow: auto;\n}\n\n/**\n * 1. Add the correct box sizing in IE 10-.\n * 2. Remove the padding in IE 10-.\n */\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box;\n /* 1 */\n padding: 0;\n /* 2 */\n}\n\n/**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n[type=\"search\"] {\n -webkit-appearance: textfield;\n /* 1 */\n outline-offset: -2px;\n /* 2 */\n}\n\n/**\n * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.\n */\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n /* 1 */\n font: inherit;\n /* 2 */\n}\n\n/* Interactive\n ========================================================================== */\n/*\n * Add the correct display in IE 9-.\n * 1. Add the correct display in Edge, IE, and Firefox.\n */\ndetails,\nmenu {\n display: block;\n}\n\n/*\n * Add the correct display in all browsers.\n */\nsummary {\n display: list-item;\n}\n\n/* Scripting\n = ========================================================================= */\n/**\n * Add the correct display in IE 9-.\n */\ncanvas {\n display: inline-block;\n}\n\n/**\n * Add the correct display in IE.\n */\ntemplate {\n display: none;\n}\n\n/* Hidden\n ========================================================================== */\n/**\n * Add the correct display in IE 10-.\n */\n[hidden] {\n display: none;\n}\n\nhr {\n border-top: 1px solid #68b030;\n margin: 40px auto;\n max-width: 106px;\n}\n\nhtml,\nbody,\ninput,\ntextarea {\n color: #484848;\n font-family: \"Source Sans Pro\", sans-serif;\n font-size: 16px;\n line-height: 20px;\n font-weight: 300;\n}\n\nh1 {\n font-size: 47px;\n letter-spacing: 2px;\n line-height: 50px;\n margin-bottom: 1%;\n margin-top: 0;\n text-transform: capitalize;\n}\n\n@media (min-width: 767px) {\n h1 {\n font-size: 50px;\n line-height: 60px;\n }\n}\n\n@media (min-width: 991px) {\n h1 {\n font-size: 55px;\n }\n}\n\nh2 {\ n font-size: 25px;\n font-weight: 700;\n line-height: 1;\n margin-bottom: 1%;\n margin-top: 0;\n}\n\n@media (min-width: 767px) {\n h2 {\n font-size: 34px;\n }\n}\n\nh3 {\n font-size: 27px;\n font-weight: 700;\n text-transform: uppercase;\n margin-bottom: 1%;\n margin-top: 0;\n}\n\nh4 {\n font-size: 27px;\n font-weight: 400;\n letter-spacing: 0px;\n line-height: normal;\n margin-bottom: 1%;\n margin-top: 0;\n text-transform: uppercase;\n}\n\nh5 {\n font-size: 21px;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 1%;\n margin-top: 0;\n letter-spacing: 0.09px;\n}\n\n@media (min-width: 991px) {\n h5 {\n font-size: 22px;\n }\n}\n\na {\n color: #7D4698;\n font-weight: 700;\n text-decoration: none;\n}\n\na:hover {\n color: #68b030;\n}\n\nb {\n font-weight: 700;\n}\n\n.bold {\n font-weight: 700;\n}\n\n.green {\n color: #68b030;\n}\n\n.light {\n font-weight: 200;\n}\n\n.email {\n font-weight: 700;\n}\n\n.small {\n font-size: 14px;\n}\n\n.s trong {\n color: #7D4698;\n font-weight: 700;\n}\n\n.tiny {\n font-size: 12px;\n}\n\n.background-grey {\n color: #F1F1F3;\n font-size: 80px;\n font-weight: bold;\n}\n\ninput[type=\"checkbox\"] {\n margin-top: auto;\n margin-bottom: auto;\n margin-right: 4px;\n}\n\ninput[type=\"text\"],\ntextarea {\n border: 1px solid #848282;\n color: #484848;\n font-size: 16px;\n height: 27px;\n margin: 9px;\n padding: 8px 12px;\n}\n\ninput[type=\"text\"].required,\ntextarea.required {\n border-color: #68b030;\n}\n\ninput[type=\"text\"].error,\ntextarea.error {\n border-color: red;\n}\n\ninput[type=\"text\"]::placeholder,\ntextarea::placeholder {\n color: #aeaeae;\n}\n\ninput[type=\"text\"]:focus,\ntextarea:focus {\n border-color: #59316B;\n color: #7D4698;\n outline: none;\n}\n\ntextarea {\n box-sizing: border-box;\n width: 60%;\n height: 3em;\n display: block;\n padding: 8px 12px;\n}\n\nselect {\n background: #fff;\n border: 1px solid #848282;\n color: #484848;\n fon t-size: 16px;\n height: 45px;\n margin: 9px;\n padding: 8px 12px;\n}\n\nselect.required {\n border-color: #68b030;\n color: #484848;\n}\n\nselect.error {\n border-color: red;\n}\n\nselect:focus {\n border-color: #59316B;\n color: #7D4698;\n outline: none;\n}\n\n.field-row {\n align-items: center;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .field-row {\n flex-wrap: nowrap;\n }\n}\n\n.required {\n color: #68b030;\n}\n\n.button {\n background-color: #fff;\n border: 1px solid #848282;\n border-radius: 5px;\n color: #484848;\n display: inline-block;\n font-size: 20px;\n font-weight: normal;\n margin: 7px;\n padding: 14px 10px;\n text-transform: uppercase;\n width: 90%;\n}\n\n.button.purple {\n background-color: #7D4698;\n color: #fff;\n}\n\n.button.purple:hover {\n background-color: #59316B;\n}\n\n.button:hover {\n background-color: #68b030;\n color: #fff;\n cursor: pointer;\n}\n\n.button.selected {\n background-color: #68b030;\n color: #fff;\n cursor: default;\n}\n\n@media (min-width: 479px) {\n .button {\n width: auto;\n }\n}\n\na.button {\n font-size: 16px;\n font-weight: normal;\n padding: 14px 10px;\n text-decoration: none;\n}\n\n@media (min-width: 767px) {\n a.button {\n font-size: 20px;\n width: auto;\n }\n}\n\nbody {\n margin: 0;\n}\n\ndiv {\n box-sizing: border-box;\n}\n\n.header {\n background-color: #59316B;\n color: #fff;\n width: 100%;\n padding: 50px 50px 50px 10%;\n}\n\n@media (min-width: 767px) {\n .header {\n padding-right: 0px;\n padding-bottom: 0px;\n }\n}\n\n.header h1 {\n margin-bottom: 30px;\n font-size: 36px;\n font-weight: 300;\n line-height: 40px;\n}\n\n@media (min-width: 767px) {\n .header h1 {\n font-size: 40px;\n line-height: 40px;\n }\n}\n\n@media (min-width: 991px) {\n .header h1 {\n font-size: 60px;\n line-height: 60px;\n }\n}\n\n.header h4 {\n text-tr ansform: none;\n font-size: 14px;\n line-height: 14px;\n font-weight: 400;\n}\n\n@media (min-width: 767px) {\n .header h4 {\n font-size: 16px;\n line-height: 18px;\n }\n}\n\n@media (min-width: 991px) {\n .header h4 {\n font-size: 20px;\n line-height: 25px;\n }\n}\n\n.header .content-wrapper {\n width: 100%;\n}\n\n.header .content-wrapper .header-content {\n display: flex;\n align-items: flex-end;\n}\n\n.header .content-wrapper .header-content .left-column {\n display: block;\n}\n\n@media (min-width: 767px) {\n .header .content-wrapper .header-content .left-column {\n margin-right: 2%;\n flex: 1 1 40%;\n margin-bottom: 60px;\n margin-right: 45%;\n }\n}\n\n.header .tor-campaign-logo {\n flex: 1 1 58%;\n max-width: 750px;\n display: none;\n position: relative;\n}\n\n@media (min-width: 991px) {\n .header .tor-campaign-logo {\n display: block;\n }\n}\n\n.header .tor-campaign-logo img {\n width: 100%;\n height: auto;\n position: absolute;\n bottom: 0px;\n right: 0px;\n}\n\n.header .logo {\n width: 81px;\n}\n\n.header .nav-bar {\n margin-bottom: 30px;\n}\n\n@media (min-width: 767px) {\n .header .nav-bar {\n margin-bottom: 80px;\n }\n}\n\n.content {\n margin: 0 0 0 0;\n padding: 0 0 0 0;\n}\n\n.content .fixed-width {\n margin-left: auto;\n margin-right: auto;\n}\n\n@media (min-width: 767px) {\n .content .fixed-width {\n max-width: 728px;\n }\n}\n\n@media (min-width: 991px) {\n .content .fixed-width {\n max-width: 940px;\n }\n}\n\n.footer-container {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n justify-content: space-around;\n background-color: #59316B;\n color: #fff;\n padding: 70px 30px 30px 30px;\n}\n\n.footer-container a {\n color: #fff;\n}\n\n@media (min-width: 767px) {\n .footer-container {\n padding-top: 100px;\n }\n}\n\n.footer-container .footer-content {\n display: flex;\n width: 100%;\n max-width: 900px;\n margin: 0 auto 30px auto;\n flex-wrap: wrap;\n }\n\n@media (min-width: 767px) {\n .footer-container .footer-content {\n flex-wrap: nowrap;\n }\n}\n\n.footer-container .footer-content-left {\n flex: 1 1 100%;\n margin-bottom: 70px;\n}\n\n@media (min-width: 767px) {\n .footer-container .footer-content-left {\n flex: 1 1 60%;\n margin-right: 150px;\n margin-bottom: 0px;\n }\n}\n\n.footer-container .footer-content-right {\n display: flex;\n flex: 1 1 100%;\n align-items: center;\n flex-direction: column;\n}\n\n@media (min-width: 767px) {\n .footer-container .footer-content-right {\n align-items: inherit;\n flex: 1 1 auto;\n }\n}\n\n.footer-container .footer-description {\n margin-bottom: 70px;\n font-size: 20px;\n line-height: 24px;\n}\n\n@media (min-width: 767px) {\n .footer-container .footer-description {\n margin-bottom: 100px;\n }\n}\n\n.footer-container .footer-subscribe {\n font-size: 17px;\n line-height: 20px;\n}\n\n.footer-container .footer-subscribe .footer-subscribe-header {\n margi n-bottom: 5px;\n font-weight: 600;\n text-transform: uppercase;\n color: rgba(255, 255, 255, 0.4);\n}\n\n.footer-container .footer-subscribe .footer-sign-up {\n display: inline-block;\n padding: 15px 30px;\n border-radius: 4px;\n border: 1px solid #fff;\n font-weight: 700;\n text-transform: uppercase;\n margin-top: 15px;\n}\n\n.footer-container .footer-subscribe .footer-sign-up:hover {\n background-color: #7D4698;\n}\n\n.footer-container .footer-menu {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-bottom: 70px;\n justify-content: space-evenly;\n}\n\n.footer-container .footer-menu a {\n display: block;\n font-weight: 300;\n line-height: 30px;\n}\n\n.footer-container .footer-menu a:hover {\n color: #aeaeae;\n}\n\n@media (min-width: 767px) {\n .footer-container .footer-menu {\n margin-bottom: 200px;\n flex-direction: column;\n }\n}\n\n.footer-container .footer-social {\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n justify-content : center;\n}\n\n@media (min-width: 767px) {\n .footer-container .footer-social {\n width: 155px;\n justify-content: inherit;\n }\n}\n\n.footer-container .footer-social a {\n display: block;\n text-indent: -999em;\n background-size: cover;\n background-repeat: no-repeat;\n width: 20px;\n height: 20px;\n margin-right: 30px;\n}\n\n.footer-container .footer-social a.facebook, .footer-container .footer-social a.mastodon, .footer-container .footer-social a.twitter {\n margin-bottom: 20px;\n}\n\n.footer-container .footer-social a.facebook {\n background-image: url(\"/images/facebook.svg\");\n}\n\n.footer-container .footer-social a.mastodon {\n background-image: url(\"/images/mastodon.svg\");\n}\n\n.footer-container .footer-social a.twitter {\n width: 24px;\n background-image: url(\"/images/twitter.svg\");\n}\n\n@media (min-width: 767px) {\n .footer-container .footer-social a.twitter {\n margin-right: 0px;\n }\n}\n\n.footer-container .footer-social a.instagram {\n background-image: url(\"/images/instagram.svg\");\n}\n\n.footer-container .footer-social a.linkedin {\n background-image: url(\"/images/linkedin.svg\");\n}\n\n.footer-container .footer-social a.github {\n background-image: url(\"/images/github.svg\");\n}\n\n@media (min-width: 767px) {\n .footer-container .footer-social a.github {\n margin-right: 0px;\n }\n}\n\n.gr-stamp-container {\n display: block;\n text-align: center;\n}\n\n.gr-stamp-container a:hover {\n color: #68b030;\n}\n\n@media (min-width: 767px) {\n .front .header {\n background-image: url(\"../images/tor-header-campaign-2018.svg\");\n background-position: bottom right;\n background-repeat: no-repeat;\n background-size: 40%;\n }\n .front .header h4 {\n padding-right: 10%;\n }\n}\n\n.campaign-totals-area {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n}\n\n.campaign-totals-area .characters {\n display: flex;\n justify-content: center;\n line-height: normal;\n margin: 10p x 30px;\n}\n\n.campaign-totals-area .characters .character {\n position: relative;\n}\n\n.campaign-totals-area .characters .character .cover {\n background: #68b030;\n bottom: 0;\n left: 0;\n position: absolute;\n visibility: hidden;\n right: 0;\n top: 0;\n z-index: 1;\n}\n\n.campaign-totals-area .characters .character.covered .cover {\n visibility: visible;\n}\n\n.campaign-totals-area .characters .character.resolved {\n color: #68b030;\n}\n\n.campaign-totals-area .label {\n font-size: 27px;\n text-align: center;\n}\n\n.donate-options {\n display: flex;\n justify-content: center;\n margin: 30px auto 2%;\n width: 92vw;\n}\n\n.donate-options a {\n background-color: #fff;\n border: 2px solid #aeaeae;\n color: #aeaeae;\n font-weight: normal;\n display: block;\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n}\n\n.donate-options a.once-button {\n border-radius: 5px 0 0 5px;\n margin-right: 0;\n padding-left: 15px;\n padding-right: 15px;\n width: 150px;\n}\n\n.donate-options a.monthly-button {\n border-left: 0;\n border-radius: 0 5px 5px 0;\n margin-left: 0;\n padding-left: 15px;\n padding-right: 15px;\n width: 160px;\n}\n\n.donate-options a.selected, .donate-options a:hover {\n background-color: #68b030;\n color: #fff;\n}\n\n.payment-other-div {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.perk-intro {\n display: flex;\n flex-wrap: wrap;\n margin: 2% 5% 2% 5%;\n justify-content: center;\n text-align: center;\n}\n\n.perk-intro .perk-title {\n font-size: 22px;\n margin-bottom: 0px;\n}\n\n.price-change-warning {\n color: red;\n}\n\n#donationForm {\n margin: 0 auto 40px auto;\n max-width: 1024px;\n}\n\n.donation-selection-area {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: auto 2% auto 2%;\n max-width: 1024px;\n justify-content: center;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area {\n flex-direction: row;\n }\n}\n\n.donation-selection- area .donate-buttons {\n align-items: center;\n align-self: center;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n margin: 5px;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .donate-buttons {\n flex-direction: row;\n margin-right: 5px;\n }\n}\n\n.donation-selection-area .donate-buttons a.price-btn {\n background-color: #59316B;\n border-radius: 5px;\n color: #fff;\n display: block;\n font-size: 23px;\n font-weight: normal;\n margin: 5px;\n padding: 20px 0px;\n text-align: center;\n text-decoration: none;\n width: 120px;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .donate-buttons a.price-btn {\n font-size: 29px;\n }\n}\n\n.donation-selection-area .donate-buttons a.price-btn.promo {\n position: relative;\n}\n\n.donation-selection-area .donate-buttons a.price-btn.promo::before {\n position: absolute;\n display: block;\n background-color: #68b030;\n color: #fff;\n content: 'LIMI TED OFFER';\n width: 80px;\n height: 20px;\n font-size: 12px;\n top: -9px;\n left: 13px;\n padding: 0px 8px;\n border-radius: 16px;\n font-weight: 300;\n}\n\n.donation-selection-area .donate-buttons a.selected {\n background-color: #68b030;\n}\n\n.donation-selection-area .donate-buttons .other-amount-field {\n align-items: center;\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.donation-selection-area .donate-buttons .other-amount-field .error {\n color: red;\n display: block;\n text-align: center;\n}\n\n.donation-selection-area .donate-buttons .other-amount-field .perk-amt {\n background-color: #f1f1f3;\n font-size: 23px;\n font-weight: bold;\n height: 42px;\n margin: 5px;\n min-width: 80px;\n text-transform: capitalize;\n text-align: center;\n width: 94px;\n}\n\n.donation-selection-area .no-perk-area {\n margin: 1% 1% 20px 1%;\n width: 100%;\n text-align: center;\n}\n\n.donation-selection-area label[for=\"no-perk-checkbox\"] {\n font-size: 20px;\n line-height: 24px;\n}\n\n.donation-selection-area .perks {\n align-self: center;\n display: flex;\n flex-direction: column;\n width: 100%;\n margin-top: 20px;\n position: relative;\n z-index: 2;\n justify-content: space-evenly;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks {\n border: none;\n flex-direction: row;\n }\n}\n\n.donation-selection-area .perks .perk {\n border-color: #aeaeae;\n border-style: solid;\n border-width: 0px 1px 1px 1px;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n\n.donation-selection-area .perks .perk:first-child {\n border-top-width: 1px;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks .perk {\n border: 1px solid #aeaeae;\n flex-direction: column;\n justify-content: flex-start;\n margin: 0px 5px 20px 5px;\n position: relative;\n width: 30%;\n top: 0px;\n flex-wrap: nowrap;\n }\n}\n\n.donatio n-selection-area .perks .perk.disabled {\n border-color: #F8F9FA;\n color: #aeaeae;\n font-style: italic;\n}\n\n.donation-selection-area .perks .perk.disabled img {\n opacity: 0.2;\n}\n\n.donation-selection-area .perks .perk.disabled select {\n color: #aeaeae;\n font-style: italic;\n}\n\n.donation-selection-area .perks .perk.disabled .promo-red-dot {\n background-color: #aeaeae;\n}\n\n.donation-selection-area .perks .perk.disabled .promo-price {\n color: #aeaeae;\n}\n\n.donation-selection-area .perks .perk .slides {\n position: relative;\n align-self: center;\n display: none;\n height: 175px;\n overflow: hidden;\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks .perk .slides {\n display: block;\n order: 2;\n }\n}\n\n.donation-selection-area .perks .perk img {\n display: block;\n margin: 0 auto;\n max-width: 50%;\n height: auto;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks .perk img {\n width: 85%;\ n max-width: none;\n }\n}\n\n.donation-selection-area .perks .perk .promo-red-dot {\n position: absolute;\n background: red;\n top: 45px;\n right: 15px;\n color: #fff;\n padding: 10px 20px;\n font-size: 28px;\n line-height: 31px;\n font-weight: bold;\n border-radius: 40px;\n}\n\n.donation-selection-area .perks .perk .price-tag-group {\n margin: 20px 0 20px 20px;\n font-size: 21px;\n font-weight: 600;\n width: 40%;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks .perk .price-tag-group {\n font-size: 16px;\n order: 1;\n width: 100%;\n }\n}\n\n.donation-selection-area .perks .perk .promo-strike-through {\n text-decoration: line-through;\n}\n\n.donation-selection-area .perks .perk .promo-price {\n color: #59316B;\n font-weight: 700;\n}\n\n.donation-selection-area .perks .perk .promo-price.large {\n font-size: 22px;\n font-weight: 600;\n}\n\n.donation-selection-area .perks .perk .perk-label {\n font-size: 21px;\n font-weight: 700;\n margin: 20px 20px 20px 0;\n text-align: right;\n text-transform: uppercase;\n width: 40%;\n box-sizing: border-box;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks .perk .perk-label {\n margin: 0;\n padding: 20px;\n padding-bottom: 0;\n font-size: 27px;\n width: 100%;\n order: 3;\n text-align: center;\n }\n}\n\n.donation-selection-area .perks .perk .perk-desc {\n font-size: 16px;\n font-weight: 300;\n display: none;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks .perk .perk-desc {\n display: block;\n margin: 0 11px 0 11px;\n order: 4;\n padding-left: 4px;\n padding-right: 4px;\n width: auto;\n }\n}\n\n.donation-selection-area .perks .perk .perk-sub-select {\n display: none;\n border-color: #aeaeae;\n margin: 10px 10px 10px 10px;\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks .perk .perk-sub- select {\n display: block;\n order: 5;\n width: 92%;\n }\n}\n\n.donation-selection-area .perks .selected {\n background-color: #68b030;\n transition: all 0.5s;\n}\n\n.donation-selection-area .perks .selected .slides {\n display: block;\n}\n\n.donation-selection-area .perks .selected .perk-desc {\n display: block;\n}\n\n.donation-selection-area .perks .selected .perk-sub-select {\n display: block;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .perks .selected {\n background-color: #fff;\n box-shadow: 8px 8px #68b030;\n position: relative;\n top: -4px;\n }\n}\n\n.donation-selection-area .totals-area {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n margin-bottom: 4%;\n position: relative;\n}\n\n.donation-selection-area .totals-area, .donation-selection-area .totals-area div, .donation-selection-area .totals-area input {\n position: relative;\n z-index: 1;\n}\n\n.donation-selection-area .totals- area .fist-bg {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 0;\n height: auto;\n}\n\n@media (min-width: 767px) {\n .donation-selection-area .totals-area {\n order: 4;\n width: 100%;\n }\n}\n\n.donation-selection-area .totals-area .matching-message {\n color: #59316B;\n font-size: 35px;\n line-height: normal;\n padding-top: 10px;\n text-align: center;\n width: 100%;\n}\n\n.donation-selection-area .totals-area .matched-amount {\n color: #59316B;\n font-size: 100px;\n font-weight: bold;\n line-height: normal;\n text-align: center;\n width: 100%;\n}\n\n.payment-method-area,\n.info-area {\n position: relative;\n z-index: 2;\n}\n\n.payment-method-area {\n border-bottom: 2px solid #aeaeae;\n border-top: 2px solid #aeaeae;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 20px;\n padding: 4% 21px;\n text-align: center;\n}\n\n.payment-method-area .button {\n width: 160px;\n vertical-align: top;\n}\n\n.payment-m ethod-area .button.paypal {\n padding-top: 8px;\n padding-bottom: 5px;\n}\n\n.payment-method-area .paypal-png {\n height: 32px;\n}\n\n.payment-method-area .payment-method-question {\n margin-bottom: 3%;\n}\n\n.payment-method-area .payment-option {\n margin-bottom: 2%;\n}\n\n.info-area {\n padding-top: 4%;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n text-align: center;\n}\n\n.info-area #firstName {\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .info-area #firstName {\n width: 50%;\n }\n}\n\n.info-area #lastName {\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .info-area #lastName {\n width: 50%;\n }\n}\n\n.info-area #streetAddress {\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .info-area #streetAddress {\n width: 80%;\n }\n}\n\n.info-area #extendedAddress {\n width: 20%;\n}\n\n.info-area #country {\n width: 100%;\n}\n\n.info-area #locality {\n width: 38%;\n}\n\n@media (min-width: 767px) {\n .info-area #locality {\n width: 33%;\n }\n}\n\n.info-area #region {\n width: 45%;\n}\n\n@media (min-width: 767px) {\n .info-area #region {\n width: 34%;\n }\n}\n\n.info-area #postalCode {\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .info-area #postalCode {\n width: 33%;\n }\n}\n\n.info-area #email {\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .info-area #email {\n width: 56%;\n }\n}\n\n.info-area .receipt {\n display: none;\n}\n\n@media (min-width: 767px) {\n .info-area .receipt {\n display: block;\n }\n}\n\n.info-area #mailingListOptIn {\n margin: 10px 4px 10px 10px;\n}\n\n.info-area #cardNumber {\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .info-area #cardNumber {\n width: 56%;\n }\n}\n\n.info-area img.credit-cards {\n display: none;\n}\n\n@media (min-width: 767px) {\n .info-area img.credit-cards {\n display: block;\n height: 29px;\n vertical-align: middle;\n }\n}\n\n.info-area #expMonth {\n width: 38%;\n}\n\n@media (min-width: 767px) {\n .info-area #expMonth {\n width: 33%;\n }\n}\n\n.info-area #expYear {\n width: 38.5%;\n}\n\n@media (min-width: 767px) {\n .info-area #expYear {\n width: 33%;\n }\n}\n\n.info-area #cvc {\n width: 38%;\n}\n\n@media (min-width: 767px) {\n .info-area #cvc {\n width: 33%;\n }\n}\n\n.info-area #perk-fields {\n display: block;\n margin: 10px;\n text-align: left;\n}\n\n.info-area #perk-fields #selected-perk-fields-label {\n margin-top: 10px;\n}\n\n.info-area #perk-fields #perk-fit {\n margin-left: 0px;\n}\n\n.info-area .donate-submit-area {\n color: #848282;\n font-size: 22px;\n font-weight: bold;\n padding: 20px 0;\n line-height: 26px;\n}\n\n.info-area .donate.button {\n background-color: #68b030;\n color: #fff;\n text-transform: uppercase;\n width: 300px;\n}\n\n#donate-comments-wrapper {\n text-align: left;\n}\n\n#donate-comments-wrapper textarea {\n width: 95%;\n}\n\n@media (min-width: 767px) {\n #donate-comments-wrapper textarea {\n width: 97%;\n }\ n}\n\n.no-close .ui-dialog-titlebar-close {\n display: none;\n}\n\n.ui-dialog {\n background-color: #fff;\n text-align: center;\n z-index: 100;\n}\n\n.ui-dialog .loading-message {\n margin: 20px;\n}\n\n.ui-dialog .loading-dot-conatiner {\n display: flex;\n justify-content: center;\n}\n\n.ui-dialog .loading-circle {\n display: block;\n width: 15px;\n height: 15px;\n margin-right: 0.5%;\n margin-left: 0.5%;\n border-radius: 20px;\n background-color: #8cd621;\n opacity: 0.3;\n}\n\n.ui-dialog .loading-circle:nth-child(0n+1) {\n animation-name: moving-dot;\n animation-duration: 2.5s;\n animation-iteration-count: infinite;\n animation-delay: 0;\n}\n\n.ui-dialog .loading-circle:nth-child(0n+2) {\n animation-name: moving-dot;\n animation-duration: 2.5s;\n animation-iteration-count: infinite;\n animation-delay: 0.5s;\n}\n\n.ui-dialog .loading-circle:nth-child(0n+3) {\n animation-name: moving-dot;\n animation-duration: 2.5s;\n animation-iteration-count: infinite;\n animation-delay: 1s;\n}\n\n.ui-dialog .loading-circle:nth-child(0n+4) {\n animation-name: moving-dot;\n animation-duration: 2.5s;\n animation-iteration-count: infinite;\n animation-delay: 1.5s;\n}\n\n.ui-dialog .loading-circle:nth-child(0n+5) {\n animation-name: moving-dot;\n animation-duration: 2.5s;\n animation-iteration-count: infinite;\n animation-delay: 2s;\n}\n\n@keyframes moving-dot {\n from {\n opacity: 0.3;\n }\n 20% {\n opacity: 1;\n }\n to {\n opacity: 0.3;\n }\n}\n\n#loading-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #484848;\n z-index: 99;\n}\n\n.donor-faq {\n margin: 40px auto;\n width: 90%;\n}\n\n@media (min-width: 991px) {\n .donor-faq {\n width: 80%;\n }\n}\n\n.donor-faq .questions {\n list-style-position: inside;\n padding-left: 0px;\n}\n\n.donor-faq .questions li {\n color: #59316B;\n font-size: 20px;\n font-weight: 700;\n line-height: 29px;\n}\n\n@media (min-width: 991p x) {\n .donor-faq .questions li {\n font-size: 25px;\n line-height: 34px;\n }\n}\n\n.donor-faq .questions .question {\n color: #59316B;\n display: inline;\n font-size: 20px;\n margin-bottom: 10px;\n margin-top: 10px;\n}\n\n@media (min-width: 991px) {\n .donor-faq .questions .question {\n font-size: 25px;\n }\n}\n\n.donor-faq .questions .answer {\n color: #484848;\n font-family: \"Source Sans Pro\", sans-serif;\n font-size: 16px;\n line-height: 20px;\n font-weight: 300;\n}\n\n.donor-faq .button-line {\n width: 100%;\n}\n\n.button-line {\n text-align: center;\n}\n\n.error-container {\n display: block;\n width: 50%;\n min-height: 100px;\n margin-right: auto;\n margin-bottom: 5%;\n margin-left: auto;\n padding: 2% 5%;\n border: 1px solid #aeaeae;\n box-shadow: 11px 11px 0 0 #e70000;\n}\n\n.error-container .title {\n margin-bottom: 3%;\n color: #e70000;\n font-size: 34px;\n line-height: 40px;\n text-align: center;\n}\n\n.donate-match-container,\n#co mpany-profile-container,\n#hepdata-no-results-message {\n text-align: center;\n margin-bottom: 60px;\n}\n\n.donate-match-container input,\n.donate-match-container datalist,\n.donate-match-container .input-and-loader {\n width: 300px;\n}\n\n.donate-match-container .input-and-loader {\n margin: auto;\n position: relative;\n}\n\n.donate-match-container .input-and-loader input {\n height: 30px;\n padding: 3px;\n border-style: solid;\n text-align: center;\n font-weight: 600;\n}\n\n.donate-match-container .input-and-loader .load-container {\n display: none;\n height: 30px;\n width: 30px;\n overflow: hidden;\n position: absolute;\n top: 4px;\n right: -6px;\n}\n\n.donate-match-container .input-and-loader .load-container .loader,\n.donate-match-container .input-and-loader .load-container .loader:before,\n.donate-match-container .input-and-loader .load-container .loader:after {\n background: #59316B;\n animation: load1 1s infinite ease-in-out;\n width: 1em;\n height: 4em; \n}\n\n.donate-match-container .input-and-loader .load-container .loader {\n color: #59316B;\n text-indent: -9999em;\n margin: 10px auto;\n position: relative;\n font-size: 4px;\n transform: translateZ(0);\n animation-delay: -0.16s;\n}\n\n.donate-match-container .input-and-loader .load-container .loader:before,\n.donate-match-container .input-and-loader .load-container .loader:after {\n position: absolute;\n top: 0;\n content: '';\n}\n\n.donate-match-container .input-and-loader .load-container .loader:before {\n left: -1.5em;\n animation-delay: -0.32s;\n}\n\n.donate-match-container .input-and-loader .load-container .loader:after {\n left: 1.5em;\n}\n\n@-webkit-keyframes load1 {\n 0%,\n 80%,\n 100% {\n box-shadow: 0 0;\n height: 4em;\n }\n 40% {\n box-shadow: 0 -2em;\n height: 5em;\n }\n}\n\n@keyframes load1 {\n 0%,\n 80%,\n 100% {\n box-shadow: 0 0;\n height: 4em;\n }\n 40% {\n box-shadow: 0 -2em;\n height: 5em;\n }\n}\n\n.donate-matc h-container #company-option-list {\n width: 300px;\n margin: 0 auto;\n max-height: 300px;\n overflow-x: hidden;\n overflow-y: auto;\n background-color: #F8F9FA;\n border: #7D4698 1px solid;\n display: none;\n}\n\n.donate-match-container #company-option-list .company-option {\n word-wrap: break-word;\n padding: 5px 2px;\n}\n\n.donate-match-container #company-option-list .company-option:hover {\n background-color: #68b030;\n color: #fff;\n}\n\n.donate-error-message {\n color: #aeaeae;\n padding: 0 10%;\n word-break: break-all;\n text-align: center;\n}\n\n#company-profile-container .profile {\n display: none;\n width: 75%;\n margin: auto;\n}\n\n#company-profile-container .profile .row {\n margin: 20px 0;\n}\n\n#company-profile-container .profile .row .company-property-label {\n width: 30%;\n text-align: right;\n font-weight: 700;\n}\n\n#company-profile-container .profile .row .company-property-value {\n text-align: left;\n width: 60%;\n}\n\n#company-profile-con tainer .profile .row .company-property-value#summary-value {\n width: auto;\n font-size: 25px;\n line-height: 34px;\n text-align: center;\n}\n\n#company-profile-container .profile .row .company-property-value#summary-value .company {\n font-weight: 700;\n color: #7D4698;\n}\n\n#company-profile-container .profile .row .company-property-value#summary-value .percent {\n font-weight: 700;\n color: #68b030;\n}\n\n#company-profile-container .profile .row .company-property-value#summary-value .match-amount {\n font-weight: 700;\n color: #59316B;\n}\n\n#company-profile-container .profile .row .company-property-value#matchingGiftForm-value {\n width: auto;\n}\n\n#company-profile-container .profile .row .company-property-value#lastUpdated-value {\n font-weight: 700;\n color: #aeaeae;\n}\n\n#company-profile-container .profile .row .company-property-value#matchingConditions-value .ratio {\n font-weight: 700;\n color: #59316B;\n}\n\n#company-profile-container .profile .row .compan y-property-value#resources-value {\n width: auto;\n}\n\n#company-profile-container ul {\n margin-top: 0px;\n}\n\n#company-profile-container li {\n margin-bottom: 10px;\n}\n\n.privacy-policy {\n margin-left: auto;\n margin-right: auto;\n width: 70%;\n margin-bottom: 40px;\n}\n\n.subscribe .fixed-width {\n max-width: 600px;\n text-align: center;\n}\n\n.subscribe .fixed-width #email {\n width: 100%;\n}\n\n.subscribe .fixed-width #firstName {\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .subscribe .fixed-width #firstName {\n width: 50%;\n }\n}\n\n.subscribe .fixed-width #lastName {\n width: 100%;\n}\n\n@media (min-width: 767px) {\n .subscribe .fixed-width #lastName {\n width: 50%;\n }\n}\n\n.subscribe .fixed-width .join {\n width: 200px;\n}\n\n.subscribe .fixed-width .messages {\n color: red;\n text-align: left;\n}\n\n.header-content .thank-you {\n width: 80%;\n}\n\n.header-content .thank-you h1 {\n text-align: center;\n text-transform: none;\n}\n\n.hea der-content .thank-you h5 {\n text-align: center;\n}\n\n.header-content .thank-you img {\n width: 50px;\n}\n\n.header-content .thank-you .share-icons {\n margin: 20px 10px 0px 10px;\n text-align: center;\n}\n\n@media (min-width: 767px) {\n .header-content .thank-you {\n margin-top: -120px;\n margin-bottom: 30px;\n }\n}\n\n.content {\n margin-top: 20px;\n}\n\n.content .thank-you {\n margin-bottom: 40px;\n}\n\n.content .thank-you h4 {\n text-align: center;\n}\n\n.content .thank-you .volunteer-desc {\n margin-left: auto;\n margin-right: auto;\n max-width: 490px;\n text-align: center;\n}\n\n.content .thank-you .volunteer-desc .skills-text {\n margin-bottom: 20px;\n}\n","hr {\n border-top: 1px solid $color-green;\n margin: 40px auto;\n max-width: 106px;\n}\n","$screen-s: 479px;\n$screen-m: 767px;\n$screen-l: 991px;\n\n// Greyscale colors\n$color-white: #fff;\n$color-very-light-grey: #F8F9FA;\n$color-medium-light-grey: #F1F1F3;\n$color-light-grey: #aeaeae;\n$color-g rey: #484848;\n$color-dark-grey: #848282;\n$color-white-opacity-40: rgba(255, 255, 255, 0.4);\n\n// Colors\n$color-green: #68b030;\n$color-purple: #7D4698;\n$color-dark-purple: #59316B;\n$color-very-dark-purple: #32173E;\n$color-red: red;\n\n$base-font-color: $color-grey;\n$base-font-family: 'Source Sans Pro', sans-serif;\n$base-font-size: 16px;\n$base-font-weight: 300;\n$base-line-height: 20px;\n\n$font-size-medium: 20px;\n","@mixin base-text() {\n color: $base-font-color;\n font-family: $base-font-family;\n font-size: $base-font-size;\n line-height: $base-line-height;\n font-weight: $base-font-weight;\n}\n\nhtml,\nbody,\ninput,\ntextarea {\n @include base-text();\n}\n\nh1 {\n font-size: 47px;\n letter-spacing: 2px;\n line-height: 50px;\n margin-bottom: 1%;\n margin-top: 0;\n text-transform: capitalize;\n\n @include breakpoint($screen-m) {\n font-size: 50px;\n line-height: 60px;\n }\n\n @include breakpoint($screen-l) {\n font-size: 55px;\n }\n}\n\nh2 {\n f ont-size: 25px;\n font-weight: 700;\n line-height: 1;\n margin-bottom: 1%;\n margin-top: 0;\n\n @include breakpoint($screen-m) {\n font-size: 34px;\n }\n}\n\nh3 {\n font-size: 27px;\n font-weight: 700;\n text-transform: uppercase;\n margin-bottom: 1%;\n margin-top: 0;\n}\n\nh4 {\n font-size: 27px;\n font-weight: 400;\n letter-spacing: 0px;\n line-height: normal;\n margin-bottom: 1%;\n margin-top: 0;\n text-transform: uppercase;\n}\n\nh5 {\n font-size: 21px;\n font-weight: 300;\n line-height: 28px;\n margin-bottom: 1%;\n margin-top: 0;\n letter-spacing: 0.09px;\n\n @include breakpoint($screen-l) {\n font-size: 22px;\n }\n}\n\na {\n color: $color-purple;\n font-weight: 700;\n text-decoration: none;\n &:hover {\n color: $color-green;\n }\n}\n\nb {\n font-weight: 700;\n}\n\n.bold {\n font-weight: 700;\n}\n\n.green {\n color: $color-green;\n}\n\n.light {\n font-weight: 200;\n}\n\n.email {\n font-weight: 700;\n}\n\n.small {\n font-size: 14px;\ n}\n\n.strong {\n color: $color-purple;\n font-weight: 700;\n}\n\n.tiny {\n font-size: 12px;\n}\n\n.background-grey {\n color: $color-medium-light-grey;\n font-size: 80px;\n font-weight: bold;\n}\n","//////////////////////////////\n// Default Variables\n//////////////////////////////\n$Breakpoint-Settings: (\n 'default media': all,\n 'default feature': min-width,\n 'default pair': width,\n\n 'force all media type': false,\n 'to ems': false,\n 'transform resolutions': true,\n\n 'no queries': false,\n 'no query fallbacks': false,\n\n 'base font size': 16px,\n\n 'legacy syntax': false\n);\n\n$breakpoint: () !default;\n\n//////////////////////////////\n// Imports\n//////////////////////////////\n@import \"breakpoint/settings\";\n@import 'breakpoint/context';\n@import 'breakpoint/helpers';\n@import 'breakpoint/parsers';\n@import 'breakpoint/no-query';\n\n@import 'breakpoint/respond-to';\n\n@import \"breakpoint/legacy-settings\";\n\n//////////////////////////////\n// Break point Mixin\n//////////////////////////////\n\n@mixin breakpoint($query, $no-query: false) {\n @include legacy-settings-warning;\n\n // Reset contexts\n @include private-breakpoint-reset-contexts();\n\n $breakpoint: breakpoint($query, false);\n\n $query-string: map-get($breakpoint, 'query');\n $query-fallback: map-get($breakpoint, 'fallback');\n\n $private-breakpoint-context-holder: map-get($breakpoint, 'context holder') !global;\n $private-breakpoint-query-count: map-get($breakpoint, 'query count') !global;\n\n // Allow for an as-needed override or usage of no query fallback.\n @if $no-query != false {\n $query-fallback: $no-query;\n }\n\n @if $query-fallback != false {\n $context-setter: private-breakpoint-set-context('no-query', $query-fallback);\n }\n\n // Print Out Query String\n @if not breakpoint-get('no queries') {\n @media #{$query-string} {\n @content;\n }\n }\n\n @if breakpoint-get('no query fallbacks') != false or breakpoint-get('no quer ies') == true {\n\n $type: type-of(breakpoint-get('no query fallbacks'));\n $print: false;\n\n @if ($type == 'bool') {\n $print: true;\n }\n @else if ($type == 'string') {\n @if $query-fallback == breakpoint-get('no query fallbacks') {\n $print: true;\n }\n }\n @else if ($type == 'list') {\n @each $wrapper in breakpoint-get('no query fallbacks') {\n @if $query-fallback == $wrapper {\n $print: true;\n }\n }\n }\n\n // Write Fallback\n @if ($query-fallback != false) and ($print == true) {\n $type-fallback: type-of($query-fallback);\n\n @if ($type-fallback != 'bool') {\n #{$query-fallback} & {\n @content;\n }\n }\n @else {\n @content;\n }\n }\n }\n\n @include private-breakpoint-reset-contexts();\n}\n\n\n@mixin mq($query, $no-query: false) {\n @include breakpoint($query, $no-query) {\n @content;\n }\n}\n","input[type=\"checkbox\"] {\n mar gin-top: auto;\n margin-bottom: auto;\n margin-right: 4px;\n}\n\ninput[type=\"text\"],\ntextarea {\n border: 1px solid $color-dark-grey;\n color: $color-grey;\n font-size: 16px;\n height: 27px;\n margin: 9px;\n padding: 8px 12px;\n &.required {\n border-color: $color-green;\n }\n &.error {\n border-color: $color-red;\n }\n &::placeholder {\n color: $color-light-grey;\n }\n &:focus {\n border-color: $color-dark-purple;\n color: $color-purple;\n outline: none;\n }\n}\ntextarea {\n box-sizing: border-box;\n width: 60%;\n height: 3em;\n display: block;\n padding: 8px 12px;\n}\nselect {\n background: $color-white;\n border: 1px solid $color-dark-grey;\n color: $color-grey;\n font-size: 16px;\n height: 45px;\n margin: 9px;\n padding: 8px 12px;\n &.required {\n border-color: $color-green;\n color: $color-grey;\n }\n &.error {\n border-color: $color-red;\n }\n &:focus {\n border-color: $color-dark-purple;\n color: $color-purp le;\n outline: none;\n }\n}\n\n.field-row {\n align-items: center;\n box-sizing: border-box;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n width: 100%;\n\n @include breakpoint($screen-m) {\n flex-wrap: nowrap;\n }\n}\n\n.required {\n color: $color-green;\n}\n",".button {\n background-color: $color-white;\n border: 1px solid $color-dark-grey;\n border-radius: 5px;\n color: $color-grey;\n display: inline-block;\n font-size: 20px;\n font-weight: normal;\n margin: 7px;\n padding: 14px 10px;\n text-transform: uppercase;\n width: 90%;\n &.purple {\n background-color: $color-purple;\n color: $color-white;\n &:hover {\n background-color: $color-dark-purple;\n }\n }\n &:hover {\n background-color: $color-green;\n color: $color-white;\n cursor: pointer;\n }\n &.selected {\n background-color: $color-green;\n color: $color-white;\n cursor: default;\n }\n\n @include breakpoint($screen-s) {\n width: auto;\n }\ n}\n\na.button {\n font-size: 16px;\n font-weight: normal;\n padding: 14px 10px;\n text-decoration: none;\n\n @include breakpoint($screen-m) {\n font-size: 20px;\n width: auto;\n }\n}\n","body {\n margin: 0;\n}\n\ndiv {\n box-sizing: border-box;\n}\n",".header {\n background-color: $color-dark-purple;\n color: $color-white;\n width: 100%;\n padding: 50px 50px 50px 10%;\n @include breakpoint($screen-m) {\n padding-right: 0px;\n padding-bottom: 0px;\n }\n\n h1 {\n margin-bottom: 30px;\n font-size: 36px;\n font-weight: 300;\n line-height: 40px;\n @include breakpoint($screen-m) {\n font-size: 40px;\n line-height: 40px;\n }\n @include breakpoint($screen-l) {\n font-size: 60px;\n line-height: 60px;\n }\n }\n\n h4 {\n text-transform: none;\n font-size: 14px;\n line-height: 14px;\n font-weight: 400;\n @include breakpoint($screen-m) {\n font-size: 16px;\n line-height: 18px;\n }\n @include breakpoint($screen-l) {\n font-size: 20px;\n line-height: 25px;\n }\n }\n\n .content-wrapper {\n width: 100%;\n\n .header-content {\n display: flex;\n align-items: flex-end;\n .left-column {\n display: block;\n @include breakpoint($screen-m) {\n margin-right: 2%;\n flex: 1 1 40%;\n margin-bottom: 60px;\n margin-right: 45%;\n }\n }\n }\n }\n\n .tor-campaign-logo {\n flex: 1 1 58%;\n max-width: 750px;\n display: none;\n position: relative;\n @include breakpoint($screen-l) {\n display: block;\n }\n img {\n width: 100%;\n height: auto;\n position: absolute;\n bottom: 0px;\n right: 0px;\n }\n }\n\n .logo {\n width: 81px;\n }\n\n .nav-bar {\n margin-bottom: 30px;\n @include breakpoint($screen-m) {\n margin-bottom: 80px;\n }\n }\n}\n",".content {\n margin: 0 0 0 0;\n padding: 0 0 0 0;\n\n .fixed-width {\n ma rgin-left: auto;\n margin-right: auto;\n\n @include breakpoint($screen-m) {\n max-width: 728px;\n }\n\n @include breakpoint($screen-l) {\n max-width: 940px;\n }\n }\n}\n",".footer-container {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n justify-content: space-around;\n background-color: $color-dark-purple;\n color: $color-white;\n padding: 70px 30px 30px 30px;\n a {\n color: $color-white;\n }\n @include breakpoint($screen-m) {\n padding-top: 100px;\n }\n .footer-content {\n display: flex;\n width: 100%;\n max-width: 900px;\n margin: 0 auto 30px auto;\n flex-wrap: wrap;\n @include breakpoint($screen-m) {\n flex-wrap: nowrap;\n }\n }\n .footer-content-left {\n flex: 1 1 100%;\n margin-bottom: 70px;\n @include breakpoint($screen-m) {\n flex: 1 1 60%;\n margin-right: 150px;\n margin-bottom: 0px;\n }\n }\n .footer-content-right {\n display: flex;\n flex: 1 1 100%; \n align-items: center;\n flex-direction: column;\n @include breakpoint($screen-m) {\n align-items: inherit;\n flex: 1 1 auto;\n }\n }\n .footer-description {\n margin-bottom: 70px;\n font-size: 20px;\n line-height: 24px;\n @include breakpoint($screen-m) {\n margin-bottom: 100px;\n }\n }\n .footer-subscribe {\n font-size: 17px;\n line-height: 20px;\n .footer-subscribe-header {\n margin-bottom: 5px;\n font-weight: 600;\n text-transform: uppercase;\n color: $color-white-opacity-40;\n }\n .footer-sign-up {\n display: inline-block;\n padding: 15px 30px;\n border-radius: 4px;\n border: 1px solid $color-white;\n font-weight: 700;\n text-transform: uppercase;\n margin-top: 15px;\n &:hover {\n background-color: $color-purple;\n }\n }\n }\n .footer-menu {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-bottom: 70px;\n justify -content: space-evenly;\n a {\n display: block;\n font-weight: 300;\n line-height: 30px;\n &:hover {\n color: $color-light-grey;\n }\n }\n @include breakpoint($screen-m) {\n margin-bottom: 200px;\n flex-direction: column;\n }\n }\n .footer-social {\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n justify-content: center;\n @include breakpoint($screen-m) {\n width: 155px;\n justify-content: inherit;\n }\n a {\n display: block;\n text-indent: -999em;\n background-size: cover;\n background-repeat: no-repeat;\n width: 20px;\n height: 20px;\n margin-right: 30px;\n &.facebook,\n &.mastodon,\n &.twitter {\n margin-bottom: 20px;\n }\n &.facebook {\n background-image: url('/images/facebook.svg');\n }\n &.mastodon {\n background-image: url('/images/mastodon.svg');\n }\n &.twitter {\n width: 24px;\ n background-image: url('/images/twitter.svg');\n @include breakpoint($screen-m) {\n margin-right: 0px;\n }\n }\n &.instagram {\n background-image: url('/images/instagram.svg');\n }\n &.linkedin {\n background-image: url('/images/linkedin.svg');\n }\n &.github {\n background-image: url('/images/github.svg');\n @include breakpoint($screen-m) {\n margin-right: 0px;\n }\n }\n }\n }\n}\n\n.gr-stamp-container {\n display: block;\n text-align: center;\n a:hover {\n color: $color-green;\n }\n}\n",".front .header {\n @include breakpoint($screen-m) {\n background-image: url('../images/tor-header-campaign-2018.svg');\n background-position: bottom right;\n background-repeat: no-repeat;\n background-size: 40%;\n\n h4 {\n padding-right: 10%;\n }\n }\n}\n\n.campaign-totals-area {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n\n .cha racters {\n display: flex;\n justify-content: center;\n line-height: normal;\n margin: 10px 30px;\n\n .character {\n position: relative;\n\n .cover {\n background: $color-green;\n bottom: 0;\n left: 0;\n position: absolute;\n visibility: hidden;\n right: 0;\n top: 0;\n z-index: 1;\n }\n\n &.covered .cover {\n visibility: visible;\n }\n\n &.resolved {\n color: $color-green;\n }\n }\n }\n\n .label {\n font-size: 27px;\n text-align: center;\n }\n\n}\n\n.donate-options {\n display: flex;\n justify-content: center;\n margin: 30px auto 2%;\n width: 92vw;\n\n a {\n background-color: $color-white;\n border: 2px solid $color-light-grey;\n color: $color-light-grey;\n font-weight: normal;\n display: block;\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n }\n\n a.once-button {\n border-radius: 5px 0 0 5 px;\n margin-right: 0;\n padding-left: 15px;\n padding-right: 15px;\n width: 150px;\n }\n\n a.monthly-button {\n border-left: 0;\n border-radius: 0 5px 5px 0;\n margin-left: 0;\n padding-left: 15px;\n padding-right: 15px;\n width: 160px;\n }\n\n a.selected, a:hover {\n background-color: $color-green;\n color: $color-white;\n }\n}\n.payment-other-div {\n text-align: center;\n margin-bottom: 20px;\n}\n.perk-intro {\n display: flex;\n flex-wrap: wrap;\n margin: 2% 5% 2% 5%;\n justify-content: center;\n text-align: center;\n\n .perk-title {\n font-size: 22px;\n margin-bottom: 0px;\n }\n}\n\n.price-change-warning {\n color: red;\n}\n\n#donationForm {\n margin: 0 auto 40px auto;\n max-width: 1024px;\n}\n\n.donation-selection-area {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n margin: auto 2% auto 2%;\n max-width: 1024px;\n justify-content: center;\n\n @include breakpoint($screen-m) {\n flex-direction: row ;\n }\n\n .donate-buttons {\n align-items: center;\n align-self: center;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n margin: 5px;\n\n @include breakpoint($screen-m) {\n flex-direction: row;\n margin-right: 5px;\n }\n\n a.price-btn {\n background-color: $color-dark-purple;\n border-radius: 5px;\n color: $color-white;\n display: block;\n font-size: 23px;\n font-weight: normal;\n margin: 5px;\n padding: 20px 0px;\n text-align: center;\n text-decoration: none;\n width: 120px;\n @include breakpoint($screen-m) {\n font-size: 29px;\n }\n &.promo {\n position: relative;\n &::before {\n position: absolute;\n display: block;\n background-color: $color-green;\n color: $color-white;\n content: 'LIMITED OFFER';\n width: 80px;\n height: 20px;\n font-si ze: 12px;\n top: -9px;\n left: 13px;\n padding: 0px 8px;\n border-radius: 16px;\n font-weight: 300;\n }\n }\n }\n\n a.selected {\n background-color: $color-green;\n }\n\n .other-amount-field {\n .error {\n color: $color-red;\n display: block;\n text-align: center;\n }\n\n align-items: center;\n display: flex;\n flex-direction: column;\n justify-content: center;\n .perk-amt {\n background-color: #f1f1f3;\n font-size: 23px;\n font-weight: bold;\n height: 42px;\n margin: 5px;\n min-width: 80px;\n text-transform: capitalize;\n text-align: center;\n width: 94px;\n }\n }\n }\n\n .no-perk-area {\n margin: 1% 1% 20px 1%;\n width: 100%;\n text-align: center;\n }\n\n label[for=\"no-perk-checkbox\"] {\n font-size: 20px;\n line-height: 24px;\n }\n\n .perks {\n align-self: c enter;\n display: flex;\n flex-direction: column;\n width: 100%;\n margin-top: 20px;\n position: relative;\n z-index: 2;\n justify-content: space-evenly;\n\n @include breakpoint($screen-m) {\n border: none;\n flex-direction: row;\n }\n\n .perk {\n border-color: $color-light-grey;\n border-style: solid;\n border-width: 0px 1px 1px 1px;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: space-between;\n\n &:first-child {\n border-top-width: 1px;\n }\n\n @include breakpoint($screen-m) {\n border: 1px solid $color-light-grey;\n flex-direction: column;\n justify-content: flex-start;\n margin: 0px 5px 20px 5px;\n position: relative;\n width: 30%;\n top: 0px;\n flex-wrap: nowrap;\n }\n\n &.disabled {\n border-color: $color-very-light-grey;\n color: $color-light-grey;\n font-style: i talic;\n\n img {\n opacity: 0.2;\n }\n\n select {\n color: $color-light-grey;\n font-style: italic;\n }\n\n .promo-red-dot {\n background-color: $color-light-grey;\n }\n .promo-price {\n color: $color-light-grey;\n }\n }\n\n .slides {\n position: relative;\n align-self: center;\n display: none;\n height: 175px;\n overflow: hidden;\n width: 100%;\n\n @include breakpoint($screen-m) {\n display: block;\n order: 2;\n }\n }\n\n img {\n display: block;\n margin: 0 auto;\n max-width: 50%;\n height: auto;\n @include breakpoint($screen-m) {\n width: 85%;\n max-width: none;\n }\n }\n\n .promo-red-dot {\n position: absolute;\n background: $color-red;\n top: 45px;\n right: 15px;\n color: $color-white ;\n padding: 10px 20px;\n font-size: 28px;\n line-height: 31px;\n font-weight: bold;\n border-radius: 40px;\n }\n\n .price-tag-group {\n margin: 20px 0 20px 20px;\n font-size: 21px;\n font-weight: 600;\n width: 40%;\n @include breakpoint($screen-m) {\n font-size: 16px;\n order: 1;\n width: 100%;\n }\n }\n\n .promo-strike-through {\n text-decoration: line-through;\n }\n .promo-price {\n color: $color-dark-purple;\n font-weight: 700;\n &.large {\n font-size: 22px;\n font-weight: 600;\n }\n }\n\n .perk-label {\n font-size: 21px;\n font-weight: 700;\n margin: 20px 20px 20px 0;\n text-align: right;\n text-transform: uppercase;\n width: 40%;\n box-sizing: border-box;\n\n @include breakpoint($screen-m) {\n margin: 0;\n padd ing: 20px;\n padding-bottom: 0;\n font-size: 27px;\n width: 100%;\n order: 3;\n text-align: center;\n }\n }\n\n .perk-desc {\n font-size: 16px;\n font-weight: 300;\n display: none;\n padding: 20px;\n width: 100%;\n box-sizing: border-box;\n\n @include breakpoint($screen-m) {\n display: block;\n margin: 0 11px 0 11px;\n order: 4;\n padding-left: 4px;\n padding-right: 4px;\n width: auto;\n }\n }\n\n .perk-sub-select {\n display: none;\n border-color: #aeaeae;\n margin: 10px 10px 10px 10px;\n width: 100%;\n\n @include breakpoint($screen-m) {\n display: block;\n order: 5;\n width: 92%;\n }\n }\n }\n\n .selected {\n background-color: $color-green;\n transition: all 0.5s;\n\n .slides {\n display: block;\n }\n\n .perk-desc {\n display: block;\n }\n\n .perk-sub-select {\n display: block;\n }\n\n @include breakpoint($screen-m) {\n background-color: $color-white;\n box-shadow: 8px 8px $color-green;\n position: relative;\n top: -4px;\n }\n }\n }\n\n .totals-area {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n margin-bottom: 4%;\n position: relative;\n\n &, div, input {\n position: relative;\n z-index: 1;\n }\n\n .fist-bg {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 0;\n height: auto;\n }\n\n @include breakpoint($screen-m) {\n order: 4;\n width: 100%;\n }\n\n .matching-message {\n color: $color-dark-purple;\n font-size: 35px;\n line-height: normal;\n padding-top: 10px;\n text-align: center;\n width: 100%;\n }\n\n .matched-amount {\n colo r: $color-dark-purple;\n font-size: 100px;\n font-weight: bold;\n line-height: normal;\n text-align: center;\n width: 100%;\n }\n\n }\n}\n\n.payment-method-area,\n.info-area {\n position: relative;\n z-index: 2;\n}\n\n.payment-method-area {\n border-bottom: 2px solid $color-light-grey;\n border-top: 2px solid $color-light-grey;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 20px;\n padding: 4% 21px;\n text-align: center;\n\n .button {\n width: 160px;\n vertical-align: top;\n }\n\n .button.paypal {\n padding-top: 8px;\n padding-bottom: 5px;\n }\n\n .paypal-png {\n height: 32px;\n }\n\n .payment-method-question {\n margin-bottom: 3%;\n }\n\n .payment-option {\n margin-bottom: 2%;\n }\n}\n\n.info-area {\n padding-top: 4%;\n margin-left: auto;\n margin-right: auto;\n max-width: 600px;\n text-align: center;\n\n\n #firstName {\n width: 100%;\n @include breakpoint($screen- m) {\n width: 50%;\n }\n }\n #lastName {\n width: 100%;\n @include breakpoint($screen-m) {\n width: 50%;\n }\n }\n #streetAddress {\n width: 100%;\n @include breakpoint($screen-m) {\n width: 80%;\n }\n }\n #extendedAddress {\n width: 20%;\n }\n #country {\n width: 100%;\n }\n #locality {\n width: 38%;\n @include breakpoint($screen-m) {\n width: 33%;\n }\n }\n #region {\n width: 45%;\n @include breakpoint($screen-m) {\n width: 34%;\n }\n }\n #postalCode {\n width: 100%;\n @include breakpoint($screen-m) {\n width: 33%;\n }\n }\n #email {\n width: 100%;\n @include breakpoint($screen-m) {\n width: 56%;\n }\n }\n .receipt {\n display: none;\n @include breakpoint($screen-m) {\n display: block;\n }\n }\n #mailingListOptIn {\n margin: 10px 4px 10px 10px;\n }\n #cardNumber {\n width: 100%;\n @include breakpoint($screen-m) {\n width: 56%;\n }\n }\n img.credit-cards {\n display: none;\n\n @include breakpoint($screen-m) {\n display: block;\n height: 29px;\n vertical-align: middle;\n }\n }\n #expMonth {\n width: 38%;\n @include breakpoint($screen-m) {\n width: 33%;\n }\n }\n #expYear {\n width: 38.5%;\n @include breakpoint($screen-m) {\n width: 33%;\n }\n }\n #cvc {\n width: 38%;\n @include breakpoint($screen-m) {\n width: 33%;\n }\n }\n #perk-fields {\n display: block;\n margin: 10px;\n text-align: left;\n\n #selected-perk-fields-label {\n margin-top: 10px;\n }\n\n #perk-fit {\n margin-left: 0px;\n }\n }\n\n .donate-submit-area {\n color: $color-dark-grey;\n font-size: 22px;\n font-weight: bold;\n padding: 20px 0;\n line-height: 26px;\n }\n\n .donate.button {\n background-color: $color-green;\n color: $color-white;\n text-transform: uppercase;\n width: 300px;\n }\n}\n\n#donate-comments-w rapper {\n text-align: left;\n\n textarea {\n width: 95%;\n\n @include breakpoint($screen-m) {\n width: 97%;\n }\n }\n}\n",".no-close .ui-dialog-titlebar-close {\n display: none;\n}\n\n.ui-dialog {\n background-color: $color-white;\n text-align: center;\n z-index: 100;\n\n .loading-message {\n margin: 20px;\n }\n\n .loading-dot-conatiner {\n display: flex;\n justify-content: center;\n }\n\n .loading-circle {\n display: block;\n width: 15px;\n height: 15px;\n margin-right: 0.5%;\n margin-left: 0.5%;\n border-radius: 20px;\n background-color: #8cd621;\n opacity: 0.3;\n }\n\n @mixin moving-dot($delay) {\n animation-name: moving-dot;\n animation-duration: 2.5s;\n animation-iteration-count: infinite;\n animation-delay: $delay;\n }\n\n .loading-circle:nth-child(0n+1) {\n @include moving-dot(0);\n }\n\n .loading-circle:nth-child(0n+2) {\n @include moving-dot(0.5s);\n }\n\n .loading-circle:nth-child(0n+3) { \n @include moving-dot(1s);\n }\n\n .loading-circle:nth-child(0n+4) {\n @include moving-dot(1.5s);\n }\n\n .loading-circle:nth-child(0n+5) {\n @include moving-dot(2s);\n }\n\n @keyframes moving-dot {\n from {\n opacity: 0.3;\n }\n\n 20% {\n opacity: 1;\n }\n\n to {\n opacity: 0.3;\n }\n }\n}\n\n#loading-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: $color-grey;\n z-index: 99;\n}\n",".donor-faq {\n margin: 40px auto;\n width: 90%;\n @include breakpoint($screen-l) {\n width: 80%;\n }\n\n .questions {\n list-style-position: inside;\n padding-left: 0px;\n\n li {\n color: $color-dark-purple;\n font-size: 20px;\n font-weight: 700;\n line-height: 29px;\n\n @include breakpoint($screen-l) {\n font-size: 25px;\n line-height: 34px;\n }\n }\n\n .question {\n color: $color-dark-purple;\n display: inline;\n font- size: 20px;\n margin-bottom: 10px;\n margin-top: 10px;\n\n @include breakpoint($screen-l) {\n font-size: 25px;\n }\n }\n\n .answer {\n @include base-text();\n }\n }\n\n .button-line {\n width: 100%;\n }\n}\n\n.button-line {\n text-align: center;\n}\n",".error-container {\n display: block;\n width: 50%;\n min-height: 100px;\n margin-right: auto;\n margin-bottom: 5%;\n margin-left: auto;\n padding: 2% 5%;\n border: 1px solid #aeaeae;\n box-shadow: 11px 11px 0 0 #e70000;\n\n .title {\n margin-bottom: 3%;\n color: #e70000;\n font-size: 34px;\n line-height: 40px;\n text-align: center;\n }\n}\n",".donate-match-container,\n#company-profile-container,\n#hepdata-no-results-message {\n text-align: center;\n margin-bottom: 60px;\n}\n\n.donate-match-container {\n input,\n datalist,\n .input-and-loader {\n width: 300px;\n }\n .input-and-loader {\n margin: auto;\n position: relative;\n\n input {\n he ight: 30px;\n padding: 3px;\n border-style: solid;\n text-align: center;\n font-weight: 600;\n }\n .load-container {\n display: none;\n height: 30px;\n width: 30px;\n overflow: hidden;\n position: absolute;\n top: 4px;\n right: -6px;\n\n .loader,\n .loader:before,\n .loader:after {\n background: $color-dark-purple;\n animation: load1 1s infinite ease-in-out;\n width: 1em;\n height: 4em;\n }\n .loader {\n color: $color-dark-purple;\n text-indent: -9999em;\n margin: 10px auto;\n position: relative;\n font-size: 4px;\n transform: translateZ(0);\n animation-delay: -0.16s;\n }\n .loader:before,\n .loader:after {\n position: absolute;\n top: 0;\n content: '';\n }\n .loader:before {\n left: -1.5em;\n animation-delay: -0.32s;\n }\n .loader:after {\n left: 1.5em;\n }\n @-webkit-keyframes load1 {\n 0%,\n 80%,\n 100% {\n box-shadow: 0 0;\n height: 4em;\n }\n 40% {\n box-shadow: 0 -2em;\n height: 5em;\n }\n }\n @keyframes load1 {\n 0%,\n 80%,\n 100% {\n box-shadow: 0 0;\n height: 4em;\n }\n 40% {\n box-shadow: 0 -2em;\n height: 5em;\n }\n }\n }\n }\n #company-option-list {\n width: 300px;\n margin: 0 auto;\n max-height: 300px;\n overflow-x: hidden;\n overflow-y: auto;\n background-color: $color-very-light-grey;\n border: $color-purple 1px solid;\n display: none;\n .company-option {\n word-wrap: break-word;\n padding: 5px 2px;\n &:hover {\n background-color: $color-green;\n color: $color-white;\n }\n }\n }\n}\n\n.donate-error-message {\n color: $color-light-grey;\n padding: 0 10%;\n word- break: break-all;\n text-align: center;\n}\n\n#company-profile-container {\n .profile {\n display: none;\n width: 75%;\n margin: auto;\n\n\n .row {\n margin: 20px 0;\n\n .company-property-label {\n width: 30%;\n text-align: right;\n font-weight: 700;\n\n }\n .company-property-value {\n text-align: left;\n width: 60%;\n\n &#summary-value {\n width: auto;\n font-size: 25px;\n line-height: 34px;\n text-align: center;\n .company {\n font-weight: 700;\n color: $color-purple;\n }\n .percent {\n font-weight: 700;\n color: $color-green;\n }\n .match-amount {\n font-weight: 700;\n color: $color-dark-purple;\n }\n }\n\n &#matchingGiftForm-value {\n width: auto;\n }\n\n &#lastUpdated-value {\n font-weight: 700;\n color: $color-light-grey;\n }\n\n &#matchingConditions-value {\n .ratio {\n font-weight: 700;\n color: $color-dark-purple;\n }\n }\n &#resources-value {\n width: auto;\n }\n }\n }\n }\n ul {\n margin-top: 0px;\n }\n li {\n margin-bottom: 10px;\n }\n}\n",".privacy-policy {\n margin-left: auto;\n margin-right: auto;\n width: 70%;\n margin-bottom: 40px;\n}\n",".subscribe .fixed-width {\n max-width: 600px;\n text-align: center;\n\n #email {\n width: 100%;\n }\n\n #firstName {\n width: 100%;\n @include breakpoint($screen-m) {\n width: 50%;\n }\n }\n\n #lastName {\n width: 100%;\n @include breakpoint($screen-m) {\n width: 50%;\n }\n }\n\n .join {\n width: 200px;\n }\n\n .messages {\n color: red;\n text-align: left;\n }\n}\n",".header-content {\n .thank-you {\n width: 80%;\n\n h1 {\n text-align: center;\n text-tran sform: none;\n }\n\n h5 {\n text-align: center;\n }\n\n img {\n width: 50px;\n }\n\n .share-icons {\n margin: 20px 10px 0px 10px;\n text-align: center;\n }\n @include breakpoint($screen-m) {\n margin-top: -120px;\n margin-bottom: 30px;\n }\n }\n}\n\n.content {\n margin-top: 20px;\n\n .thank-you {\n margin-bottom: 40px;\n\n h4 {\n text-align: center;\n }\n\n .volunteer-desc {\n margin-left: auto;\n margin-right: auto;\n max-width: 490px;\n text-align: center;\n\n .skills-text {\n\t margin-bottom: 20px;\n }\n }\n }\n}\n"]} \ No newline at end of file diff --git a/sass/components/_donate.scss b/sass/components/_donate.scss index 7b4d17a9..e229b2f1 100644 --- a/sass/components/_donate.scss +++ b/sass/components/_donate.scss @@ -622,6 +622,7 @@ font-size: 22px; font-weight: bold; padding: 20px 0; + line-height: 26px; } .donate.button { diff --git a/src/js/payment_controller.js b/src/js/payment_controller.js index 2353a0a7..d2f60db6 100644 --- a/src/js/payment_controller.js +++ b/src/js/payment_controller.js @@ -35,6 +35,7 @@ function PaymentController(paypalMerchantId, environmentName, stripePublishableK 'paypal': '#paypal-container,#paypal-button-area', }; this.perkInfoMap = { + 'stickers': new PerkInfo('stickers', [], null, t('t-sticker__friendly-name')), 't-shirt': new PerkInfo('t-shirt', ['perk-style-1', 'perk-fit-1', 'perk-size-1'], t('t-t-shirt__help-text'), t('t-t-shirt__friendly-name')), 't-shirt-pack': new PerkInfo('t-shirt-pack', ['perk-style-1', 'perk-fit-1', 'perk-size-1', 'perk-fit-2', 'perk-size-2'], t('t-t-shirt-pack__help-text'), t('t-t-shirt-pack__friendly-name'), t('t-t-shirt-pack-2__friendly-name')), 'sweatshirt': new PerkInfo('sweatshirt', ['perk-size-1'], t('t-sweatshirt__help-text'), t('t-sweatshirt__friendly-name')), @@ -191,6 +192,20 @@ PaymentController.prototype.displayCurrentPerk = function() { var selectedPerk = $(".perk[data-perk='" + this.perk + "']"); selectedPerk.addClass('selected'); } + this.displaySelectedPerkInSubmitArea(); +} + +PaymentController.prototype.displaySelectedPerkInSubmitArea = function() { + var submitAreaPerkSelected = $('#donate-submit-perk'); + if (this.noPerk) { + submitAreaPerkSelected.html(t('t-no-gift')); + } else { + var displayedPerk = t('t-gift-selected') + ': '; + if (this.perkInfoMap.hasOwnProperty(this.perk)) { + displayedPerk += this.perkInfoMap[this.perk].friendlyName; + submitAreaPerkSelected.html(displayedPerk); + } + } } PaymentController.prototype.getCampaignTotalsDone = function(data, textStatus, jqXHR) { @@ -486,6 +501,7 @@ PaymentController.prototype.perkSubSelectFieldUpdated = function(event) { var selectedImage = images.filter('[data-perk-image=' + selectedValue + ']'); selectedImage.show(); this.setPerkFields(); + this.displaySelectedPerkInSubmitArea(); } PaymentController.prototype.perkFitUpdated = function(event) { diff --git a/templates/index.twig b/templates/index.twig index d25dd3d1..e06b3a67 100644 --- a/templates/index.twig +++ b/templates/index.twig @@ -241,7 +241,8 @@ </div> <div class="donate-submit-area"> {% trans %}Donating:{% endtrans %} - <span id="donate-submit-amount"></span> + <span id="donate-submit-amount"></span></br> + <span id="donate-submit-perk"></span> </div> <div id="donate-submit-button"> <input class="donate button" type="submit" value="{% trans %}Donate{% endtrans %}"> @@ -251,11 +252,14 @@ </div> </form> <div class="js-translatable-strings" style="display: none;"> + <div id="t-gift-selected">{% trans %}Gift Selected{% endtrans %}</div> + <div id="t-no-gift">{% trans %}No Gift Selected{% endtrans %}</div> + <div id="t-sticker__friendly-name">{% trans %}Sticker Pack{% endtrans %}</div> <div id="t-t-shirt__help-text">{% trans %}Choose your size and fit.{% endtrans %}</div> <div id="t-t-shirt__friendly-name">{% trans %}T-Shirt{% endtrans %}</div> <div id="t-t-shirt-pack__help-text">{% trans %}Choose your size and fit for each shirt.{% endtrans %}</div> - <div id="t-t-shirt-pack__friendly-name">{% trans %}Tor at the Heart of Internet, Powering Digital Resistance or Open Observvatory of Network Interference (OONI) T-Shirt{% endtrans %}</div> - <div id="t-t-shirt-pack-2__friendly-name">{% trans %}Strength in Numbers T-Shirt{% endtrans %}</div> + <div id="t-t-shirt-pack__friendly-name">{% trans %}T-Shirt Pack{% endtrans %}</div> + <div id="t-t-shirt-pack-2__friendly-name">{% trans %}Tor: Strength in Numbers{% endtrans %}</div> <div id="t-sweatshirt__help-text">{% trans %}Choose your size.{% endtrans %}</div> <div id="t-sweatshirt__friendly-name">{% trans %}Sweatshirt{% endtrans %}</div> <div id="t-missing-required-field-exception">{% trans %}A required field is missing from the form.{% endtrans %} {% trans %}Please reload the page and try again.{% endtrans %}</div> diff --git a/translation/out/messages.pot b/translation/out/messages.pot index 5afbda47..59d20059 100644 --- a/translation/out/messages.pot +++ b/translation/out/messages.pot @@ -131,7 +131,8 @@ msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:647 #: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:48 #: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:71 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:641 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:516 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:654 msgid "Tor: Strength in Numbers" msgstr "" @@ -405,7 +406,7 @@ msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:441 #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:493 #: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:435 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:487 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:500 msgid "Choose your size and fit." msgstr "" @@ -431,99 +432,97 @@ msgid "Donating:" msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:483 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:477 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:478 msgid "Donate" msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:497 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:491 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:504 msgid "T-Shirt" msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:501 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:495 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:508 msgid "Choose your size and fit for each shirt." msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:505 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:499 msgid "" "Tor at the Heart of Internet, Powering Digital Resistance or Open " "Observvatory of Network Interference (OONI) T-Shirt" msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:509 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:503 msgid "Strength in Numbers T-Shirt" msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:513 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:507 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:520 msgid "Choose your size." msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:517 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:511 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:524 msgid "Sweatshirt" msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:521 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:515 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:528 msgid "A required field is missing from the form." msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:523 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:517 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:530 msgid "Please reload the page and try again." msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:527 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:521 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:534 msgid "There was a problem submitting your request to the server:<br>" msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:531 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:525 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:538 msgid "validation failed" msgstr "" #. notes: __field_name__ will be replaced with the field name in the javascript. #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:537 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:531 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:544 msgid "__field_name__ must be filled out." msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:542 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:536 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:549 msgid "This field is required" msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:546 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:540 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:553 msgid "Invalid email address." msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:550 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:544 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:557 msgid "per month" msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:564 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:558 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:571 msgid "One moment while we shovel coal into our servers." msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:654 #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:662 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:648 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:656 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:661 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:669 msgid "" "Stand up for the universal human rights to privacy and freedom and help keep " "Tor robust and secure." msgstr "" #: tmp/cache_locale/93/936f5ca9f26662b60293a725343573df95cb28c99d7c3f12b1c94ed37a453012.php:656 -#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:650 +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:663 msgid "Mozilla will match your gift and double your impact." msgstr "" @@ -1622,3 +1621,19 @@ msgstr "" #: tmp/cache_locale/36/36a88fcfb8a236c24db42d5e39602cd43f2ed8bec6f6b807fb97f8e091541f37.php:90 msgid "XXL" msgstr "" + +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:488 +msgid "Gift Selected" +msgstr "" + +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:492 +msgid "No Gift Selected" +msgstr "" + +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:496 +msgid "Sticker Pack" +msgstr "" + +#: tmp/cache_locale/04/0421bb9119a5b92b0e2e4a49c25d718283ccfa1495534b2a08ff967a0f4fd06a.php:512 +msgid "T-Shirt Pack" +msgstr ""