CINXE.COM

350

<!doctype html> <html lang="en-US" class="no-js no-blend baseline"> <head> <title>350</title> <!-- Gogle Optimise Anti-flicker snippet --> <script> dataLayer = []; </script> <!-- Anti-flicker snippet (recommended) --> <style>.async-hide { opacity: 0 !important} </style> <script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date; h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')}; (a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c; })(window,document.documentElement,'async-hide','dataLayer',6000, {'GTM-MNNGDHL':true});</script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MNNGDHL');</script> <!-- End Google Tag Manager --> <meta charset="utf-8"> <meta name="HandheldFriendly" content="True"> <meta name="MobileOptimized" content="320"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <link rel="icon" type="image/png" href="https://350.org/wp-content/uploads/2017/05/350-favicon-logo-dot-1.png"> <link href="https://350.org/feed/" rel="alternate" type="application/rss+xml" title="350" /> <link type="application/atom+xml" rel="alternate" href="https://350.org/feed/atom/" title="350" /> <meta property="og:locale" content="en_US"> <meta property="og:title" content="350.org: A global campaign to confront the climate crisis"> <meta property="og:description" content="We are standing up to the fossil fuel industry to stop all new coal, oil and gas projects and build clean energy future for all."> <meta property="og:site_name" content="350"> <meta property="og:image" content="https://350.org/wp-content/uploads/2017/02/350-share-img-home-1-1024x538.jpg"> <meta property="og:type" content="article"> <meta property="og:url" content="https://350.org"> <meta name="twitter:site" content="350"> <meta name="twitter:title" content="350.org: A global campaign to confront the climate crisis"> <meta name="twitter:site:id" content="350"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:description" content="We are standing up to the fossil fuel industry to stop all new coal, oil and gas projects and build clean energy future for all."> <meta name="twitter:image" content="https://350.org/wp-content/uploads/2017/02/350-share-img-home-1-1024x538.jpg"> <meta name="twitter:url" content="https://350.org"> <script> (function() { if (sessionStorage.fonts) { // console.log("Fonts installed."); document.documentElement.classList.add('wf-active'); } else { // console.log("No fonts found in memory."); } })(); </script> <script type="text/javascript"> WebFontConfig = { custom: { families: ['KlimaWeb:n8','GraphCondensedWeb:n7', 'tf-icons:n7'], urls: ['https://350.org/wp-content/themes/baseline-350org/fonts/fonts.css'] }, active: function() { sessionStorage.fonts = true; } }; (function() { var wf = document.createElement('script'); wf.src = ('/wp-content/themes/baseline/js/webfont.js'); wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script> <script> WebFontConfig = { custom: { families: ['GraphCondensedWeb:n7', 'KlimaWeb:n9', 'tf-icons:n7'], urls: ['https://dbqvwi2zcv14h.cloudfront.net/fonts/ak-fonts.css'], testStrings: { 'tf-icons': '\u0020\uE900', } }, active: function() { sessionStorage.fonts = true; } }; (function() { var wf = document.createElement('script'); wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; wf.type = 'text/javascript'; wf.async = 'true'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wf, s); })(); </script><meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <!-- This site is optimized with the Yoast SEO Premium plugin v23.7 (Yoast SEO v23.7) - https://yoast.com/wordpress/plugins/seo/ --> <meta name="description" content="350.org is turning the page on the fossil fuel industry and building a clean, just future by connecting powerful grassroots climate movements around the world." /> <link rel="canonical" href="https://350.org/" /> <link rel="next" href="https://350.org/page/2/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="350" /> <meta property="og:description" content="350.org is turning the page on the fossil fuel industry and building a clean, just future by connecting powerful grassroots climate movements around the world." /> <meta property="og:url" content="https://350.org/" /> <meta property="og:site_name" content="350" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@350" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://350.org/","url":"https://350.org/","name":"350 - Building a global climate movement.","isPartOf":{"@id":"https://350.org/#website"},"about":{"@id":"https://350.org/#organization"},"description":"350.org is turning the page on the fossil fuel industry and building a clean, just future by connecting powerful grassroots climate movements around the world.","breadcrumb":{"@id":"https://350.org/#breadcrumb"},"inLanguage":"en-US"},{"@type":"BreadcrumbList","@id":"https://350.org/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://350.org/#website","url":"https://350.org/","name":"350","description":" Building a global climate movement.","publisher":{"@id":"https://350.org/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://350.org/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://350.org/#organization","name":"350.org","url":"https://350.org/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://350.org/#/schema/logo/image/","url":"https://350.org/wp-content/uploads/2020/09/350-logo-v3.png","contentUrl":"https://350.org/wp-content/uploads/2020/09/350-logo-v3.png","width":1026,"height":567,"caption":"350.org"},"image":{"@id":"https://350.org/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/350.org","https://x.com/350","https://www.instagram.com/350org/?hl=en","https://www.linkedin.com/company/350-org/","https://www.youtube.com/c/350org","https://en.wikipedia.org/wiki/350.org"]}]}</script> <!-- / Yoast SEO Premium plugin. --> <link rel='dns-prefetch' href='//act.350.org' /> <link rel='dns-prefetch' href='//api.mapbox.com' /> <link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/350.org\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.6.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <link rel='stylesheet' id='baseline-css' href='https://350.org/wp-content/themes/baseline/style.css?ver=1730826639' type='text/css' media='all' /> <style id='baseline-inline-css' type='text/css'> body, button, input, select, textarea, .text-font-body{ font-family:-apple-system,BlinkMacSystemFont,arial,sans-serif;} #body-mobile-background{ background-image:url(https://350.org/wp-content/uploads/2017/05/350-bg-pcm-blur-color-1-350x700.jpg);} h1, h2, h3, .title0, .title1, .title2, .title3, .title4, .text-style-title0, .text-style-title1, .text-style-title2, .text-style-title3, .text-style-title4, .text-font-display{ font-family:KlimaWeb,-apple-system,BlinkMacSystemFont,arial,sans-serif; line-height:0.9; line-height:calc((0.9 * 0.9em) + 0.5rem)} .text-display, .text-font-display{ display:inline-block;} .text-font-secondary, .meta, .expando-meta .expando-link{ font-family:Menlo,Monaco,Courier,monospace,sans-serif;} h1{ font-size:calc(0.8vw + 1.5rem);} h2{ font-size:calc(0.68vw + 1.4rem);} h3{ font-size:calc(0.5vw + 1.3rem);} /* Links */ a, a.area-link:hover .area-link-hover{ color:rgb(15,129,233);} /* Form Labels */ .form-style-labelabove label{ color:rgb(15,129,233);} #site-title{ font-size:1.1rem;} input.submit, input[type="submit"], button, .button, .baseline .wp-block-button__link{ background-color:rgb(255,169,2); color:#ffffff} .button-primary, .button-big{ background-color:rgb(255,169,2); font-family:KlimaWeb,-apple-system,BlinkMacSystemFont,arial,sans-serif; font-size:1.15em;} .search-form-submit, .pagination a.page-numbers, .pagination .page-numbers.current{ background-color:rgb(15,129,233); color:#fff;} input.search-form-submit{ background-color:rgb(255,169,2);} .form #can_embed_form input[type="submit"], .form #can_embed_form .button, #donate_auto_modal input[type="submit"], #donate_auto_modal .button{ background-color:rgb(255,169,2); font-family:KlimaWeb,-apple-system,BlinkMacSystemFont,arial,sans-serif; font-size:1.5rem; text-shadow:none; border-width:0 0 3px; border-bottom:3px solid rgba(21,35,43,0.15);} .form #can_embed_form input[type="submit"]:hover, .form #can_embed_form .button:hover, #donate_auto_modal input[type="submit"]:hover, #donate_auto_modal .button:hover{ background:rgb(255,169,2);} .title0, .text-style-title0{ font-size:calc(2.8vw + 55px);} .title1, .text-style-title1{ font-size:calc(2.6vw + 44px);} .title2, .text-style-title2{ font-size:calc(2.4vw + 35px);} .title3, .text-style-title3{ font-size:calc(2.3vw + 28px);} .title4, .text-style-title4{ font-size:calc(2.25vw + 22px);} .title5, .text-style-title5{ font-size:calc(2.2vw + 18px);} .post-title{ font-size:1.75rem;} @media only screen and (max-width:720px){ .mobile-expando-meta > .mobile-expando-link, .section.mobile-expando-meta > .mobile-expando-link{ font-family:Menlo,Monaco,Courier,monospace,sans-serif; font-size:0.9em; font-weight:500; letter-spacing:0.2em; text-transform:uppercase;} } @media only screen and (min-width:720px){ #body-mobile-background{ background-image:url(https://350.org/wp-content/uploads/2017/05/350-bg-pcm-blur-color-1.jpg);} .tablet-expando-meta > .tablet-expando-link, .section.tablet-expando-meta > .tablet-expando-link{ font-family:Menlo,Monaco,Courier,monospace,sans-serif;} } @media only screen and (min-width:950px){ #body-mobile-background{ background-image:url(https://350.org/wp-content/uploads/2017/05/350-bg-pcm-blur-color-1-1199x800.jpg);} .desktop-expando-meta > .desktop-expando-link, .section.desktop-expando-meta > .desktop-expando-link{ font-family:Menlo,Monaco,Courier,monospace,sans-serif;} } /* --- White custom color CSS --- */ /* White General BG classes */ .bg-white, .button.bg-white{ background-color:rgb(255,255,255); border-color:rgba(21,36,43,0.25); color:#17292e;} .body-bg-white{ background-color:rgb(255,255,255);} /* White Nav Color */ nav.bg-white li, nav.bg-white .sub-menu{ border-color:rgba(21,36,43,0.25);} /* White Notch Color */ .bg-white.notch::after{ border-bottom-color:rgb(255,255,255);} .bg-white.notch-semicircle::after, .bg-white.notch-tab::after{ background-color:rgb(255,255,255);} /* White Text Color */ .text-white, a.text-white, .text-color-override.text-white{ color:rgb(255,255,255);} /* White Link Color */ .bg-white a:not(.button):not(.wp-block-button__link), .bg-white.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgb(15,129,233);} /* White Link:hover Color */ .bg-white a:hover:not(.button):not(.wp-block-button__link), .bg-white.text-color-override a:hover{ color:rgb(15,129,233);} /* White Area link:hover Color */ .bg-white .area-link:hover .area-link-hover, .bg-white.text-color-override .area-link:hover .area-link-hover{ color:rgb(15,129,233);} /* White Button Text Color */ a.bg-white, a.bg-white.text-color-override{ color:#17292e;} /* White Button:hover Text Color */ a.bg-white:hover{ color:rgb(15,129,233);} /* White Thick Underline */ .text-underline-thick-white{ box-shadow:0 -0.35em 0 rgb(255,255,255) inset;} /* --- White (transparent) custom color CSS --- */ /* White (transparent) General BG classes */ .bg-white-trans, .button.bg-white-trans{ background-color:rgba(255,255,255,0.8); border-color:rgba(21,36,43,0.25); color:#17292e;} .body-bg-white-trans{ background-color:rgba(255,255,255,0.8);} /* White (transparent) Nav Color */ nav.bg-white-trans li, nav.bg-white-trans .sub-menu{ border-color:rgba(21,36,43,0.25);} /* White (transparent) Notch Color */ .bg-white-trans.notch::after{ border-bottom-color:rgba(255,255,255,0.8);} .bg-white-trans.notch-semicircle::after, .bg-white-trans.notch-tab::after{ background-color:rgba(255,255,255,0.8);} /* White (transparent) Text Color */ .text-white-trans, a.text-white-trans, .text-color-override.text-white-trans{ color:rgba(255,255,255,0.8);} /* White (transparent) Link Color */ .bg-white-trans a:not(.button):not(.wp-block-button__link), .bg-white-trans.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgb(15,129,233);} /* White (transparent) Link:hover Color */ .bg-white-trans a:hover:not(.button):not(.wp-block-button__link), .bg-white-trans.text-color-override a:hover{ color:rgb(15,129,233);} /* White (transparent) Area link:hover Color */ .bg-white-trans .area-link:hover .area-link-hover, .bg-white-trans.text-color-override .area-link:hover .area-link-hover{ color:rgb(15,129,233);} /* White (transparent) Button Text Color */ a.bg-white-trans, a.bg-white-trans.text-color-override{ color:#17292e;} /* White (transparent) Button:hover Text Color */ a.bg-white-trans:hover{ color:rgb(15,129,233);} /* White (transparent) Thick Underline */ .text-underline-thick-white-trans{ box-shadow:0 -0.35em 0 rgba(255,255,255,0.8) inset;} /* --- Blue custom color CSS --- */ /* Blue General BG classes */ .bg-blue, .button.bg-blue{ background-color:rgb(15,129,233); border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-blue{ background-color:rgb(15,129,233);} /* Blue Nav Color */ nav.bg-blue li, nav.bg-blue .sub-menu{ border-color:rgba(255,255,255,0.2);} /* Blue Notch Color */ .bg-blue.notch::after{ border-bottom-color:rgb(15,129,233);} .bg-blue.notch-semicircle::after, .bg-blue.notch-tab::after{ background-color:rgb(15,129,233);} /* Blue Text Color */ .text-blue, a.text-blue, .text-color-override.text-blue{ color:rgb(15,129,233);} /* Blue Link Color */ .bg-blue a:not(.button):not(.wp-block-button__link), .bg-blue.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* Blue Link:hover Color */ .bg-blue a:hover:not(.button):not(.wp-block-button__link), .bg-blue.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* Blue Area link:hover Color */ .bg-blue .area-link:hover .area-link-hover, .bg-blue.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* Blue Button Text Color */ a.bg-blue, a.bg-blue.text-color-override{ color:#ffffff;} /* Blue Button:hover Text Color */ a.bg-blue:hover{ color:rgba(255,255,255,0.75);} /* Blue Thick Underline */ .text-underline-thick-blue{ box-shadow:0 -0.35em 0 rgb(15,129,233) inset;} /* --- Blue (light) custom color CSS --- */ /* Blue (light) General BG classes */ .bg-ltblue, .button.bg-ltblue{ background-color:#3f9aed; border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-ltblue{ background-color:#3f9aed;} /* Blue (light) Nav Color */ nav.bg-ltblue li, nav.bg-ltblue .sub-menu{ border-color:rgba(255,255,255,0.2);} /* Blue (light) Notch Color */ .bg-ltblue.notch::after{ border-bottom-color:#3f9aed;} .bg-ltblue.notch-semicircle::after, .bg-ltblue.notch-tab::after{ background-color:#3f9aed;} /* Blue (light) Text Color */ .text-ltblue, a.text-ltblue, .text-color-override.text-ltblue{ color:#3f9aed;} /* Blue (light) Link Color */ .bg-ltblue a:not(.button):not(.wp-block-button__link), .bg-ltblue.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* Blue (light) Link:hover Color */ .bg-ltblue a:hover:not(.button):not(.wp-block-button__link), .bg-ltblue.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* Blue (light) Area link:hover Color */ .bg-ltblue .area-link:hover .area-link-hover, .bg-ltblue.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* Blue (light) Button Text Color */ a.bg-ltblue, a.bg-ltblue.text-color-override{ color:#ffffff;} /* Blue (light) Button:hover Text Color */ a.bg-ltblue:hover{ color:rgba(255,255,255,0.75);} /* Blue (light) Thick Underline */ .text-underline-thick-ltblue{ box-shadow:0 -0.35em 0 #3f9aed inset;} /* --- Blue (lighter) custom color CSS --- */ /* Blue (lighter) General BG classes */ .bg-ltblue2, .button.bg-ltblue2{ background-color:#6fb3f1; border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-ltblue2{ background-color:#6fb3f1;} /* Blue (lighter) Nav Color */ nav.bg-ltblue2 li, nav.bg-ltblue2 .sub-menu{ border-color:rgba(255,255,255,0.2);} /* Blue (lighter) Notch Color */ .bg-ltblue2.notch::after{ border-bottom-color:#6fb3f1;} .bg-ltblue2.notch-semicircle::after, .bg-ltblue2.notch-tab::after{ background-color:#6fb3f1;} /* Blue (lighter) Text Color */ .text-ltblue2, a.text-ltblue2, .text-color-override.text-ltblue2{ color:#6fb3f1;} /* Blue (lighter) Link Color */ .bg-ltblue2 a:not(.button):not(.wp-block-button__link), .bg-ltblue2.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* Blue (lighter) Link:hover Color */ .bg-ltblue2 a:hover:not(.button):not(.wp-block-button__link), .bg-ltblue2.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* Blue (lighter) Area link:hover Color */ .bg-ltblue2 .area-link:hover .area-link-hover, .bg-ltblue2.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* Blue (lighter) Button Text Color */ a.bg-ltblue2, a.bg-ltblue2.text-color-override{ color:#ffffff;} /* Blue (lighter) Button:hover Text Color */ a.bg-ltblue2:hover{ color:rgba(255,255,255,0.75);} /* Blue (lighter) Thick Underline */ .text-underline-thick-ltblue2{ box-shadow:0 -0.35em 0 #6fb3f1 inset;} /* --- Dark blue custom color CSS --- */ /* Dark blue General BG classes */ .bg-dkblue, .button.bg-dkblue{ background-color:#0C2869; border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-dkblue{ background-color:#0C2869;} /* Dark blue Nav Color */ nav.bg-dkblue li, nav.bg-dkblue .sub-menu{ border-color:rgba(255,255,255,0.2);} /* Dark blue Notch Color */ .bg-dkblue.notch::after{ border-bottom-color:#0C2869;} .bg-dkblue.notch-semicircle::after, .bg-dkblue.notch-tab::after{ background-color:#0C2869;} /* Dark blue Text Color */ .text-dkblue, a.text-dkblue, .text-color-override.text-dkblue{ color:#0C2869;} /* Dark blue Link Color */ .bg-dkblue a:not(.button):not(.wp-block-button__link), .bg-dkblue.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* Dark blue Link:hover Color */ .bg-dkblue a:hover:not(.button):not(.wp-block-button__link), .bg-dkblue.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* Dark blue Area link:hover Color */ .bg-dkblue .area-link:hover .area-link-hover, .bg-dkblue.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* Dark blue Button Text Color */ a.bg-dkblue, a.bg-dkblue.text-color-override{ color:#ffffff;} /* Dark blue Button:hover Text Color */ a.bg-dkblue:hover{ color:rgba(255,255,255,0.75);} /* Dark blue Thick Underline */ .text-underline-thick-dkblue{ box-shadow:0 -0.35em 0 #0C2869 inset;} /* --- Orange custom color CSS --- */ /* Orange General BG classes */ .bg-orange, .button.bg-orange{ background-color:rgb(255,169,2); border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-orange{ background-color:rgb(255,169,2);} /* Orange Nav Color */ nav.bg-orange li, nav.bg-orange .sub-menu{ border-color:rgba(255,255,255,0.2);} /* Orange Notch Color */ .bg-orange.notch::after{ border-bottom-color:rgb(255,169,2);} .bg-orange.notch-semicircle::after, .bg-orange.notch-tab::after{ background-color:rgb(255,169,2);} /* Orange Text Color */ .text-orange, a.text-orange, .text-color-override.text-orange{ color:rgb(255,169,2);} /* Orange Link Color */ .bg-orange a:not(.button):not(.wp-block-button__link), .bg-orange.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* Orange Link:hover Color */ .bg-orange a:hover:not(.button):not(.wp-block-button__link), .bg-orange.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* Orange Area link:hover Color */ .bg-orange .area-link:hover .area-link-hover, .bg-orange.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* Orange Button Text Color */ a.bg-orange, a.bg-orange.text-color-override{ color:#ffffff;} /* Orange Button:hover Text Color */ a.bg-orange:hover{ color:rgba(255,255,255,0.75);} /* Orange Thick Underline */ .text-underline-thick-orange{ box-shadow:0 -0.35em 0 rgb(255,169,2) inset;} /* --- Dark Gray custom color CSS --- */ /* Dark Gray General BG classes */ .bg-dkgray, .button.bg-dkgray{ background-color:rgb(23,41,46); border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-dkgray{ background-color:rgb(23,41,46);} /* Dark Gray Nav Color */ nav.bg-dkgray li, nav.bg-dkgray .sub-menu{ border-color:rgba(255,255,255,0.2);} /* Dark Gray Notch Color */ .bg-dkgray.notch::after{ border-bottom-color:rgb(23,41,46);} .bg-dkgray.notch-semicircle::after, .bg-dkgray.notch-tab::after{ background-color:rgb(23,41,46);} /* Dark Gray Text Color */ .text-dkgray, a.text-dkgray, .text-color-override.text-dkgray{ color:rgb(23,41,46);} /* Dark Gray Link Color */ .bg-dkgray a:not(.button):not(.wp-block-button__link), .bg-dkgray.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* Dark Gray Link:hover Color */ .bg-dkgray a:hover:not(.button):not(.wp-block-button__link), .bg-dkgray.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* Dark Gray Area link:hover Color */ .bg-dkgray .area-link:hover .area-link-hover, .bg-dkgray.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* Dark Gray Button Text Color */ a.bg-dkgray, a.bg-dkgray.text-color-override{ color:#ffffff;} /* Dark Gray Button:hover Text Color */ a.bg-dkgray:hover{ color:rgba(255,255,255,0.75);} /* Dark Gray Thick Underline */ .text-underline-thick-dkgray{ box-shadow:0 -0.35em 0 rgb(23,41,46) inset;} /* --- Dark Gray (transparent) custom color CSS --- */ /* Dark Gray (transparent) General BG classes */ .bg-dkgray-trans, .button.bg-dkgray-trans{ background-color:rgba(23,41,46,0.6); border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-dkgray-trans{ background-color:rgba(23,41,46,0.6);} /* Dark Gray (transparent) Nav Color */ nav.bg-dkgray-trans li, nav.bg-dkgray-trans .sub-menu{ border-color:rgba(255,255,255,0.2);} /* Dark Gray (transparent) Notch Color */ .bg-dkgray-trans.notch::after{ border-bottom-color:rgba(23,41,46,0.6);} .bg-dkgray-trans.notch-semicircle::after, .bg-dkgray-trans.notch-tab::after{ background-color:rgba(23,41,46,0.6);} /* Dark Gray (transparent) Text Color */ .text-dkgray-trans, a.text-dkgray-trans, .text-color-override.text-dkgray-trans{ color:rgba(23,41,46,0.6);} /* Dark Gray (transparent) Link Color */ .bg-dkgray-trans a:not(.button):not(.wp-block-button__link), .bg-dkgray-trans.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* Dark Gray (transparent) Link:hover Color */ .bg-dkgray-trans a:hover:not(.button):not(.wp-block-button__link), .bg-dkgray-trans.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* Dark Gray (transparent) Area link:hover Color */ .bg-dkgray-trans .area-link:hover .area-link-hover, .bg-dkgray-trans.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* Dark Gray (transparent) Button Text Color */ a.bg-dkgray-trans, a.bg-dkgray-trans.text-color-override{ color:#ffffff;} /* Dark Gray (transparent) Button:hover Text Color */ a.bg-dkgray-trans:hover{ color:rgba(255,255,255,0.75);} /* Dark Gray (transparent) Thick Underline */ .text-underline-thick-dkgray-trans{ box-shadow:0 -0.35em 0 rgba(23,41,46,0.6) inset;} /* --- Light Gray custom color CSS --- */ /* Light Gray General BG classes */ .bg-ltgray, .button.bg-ltgray{ background-color:rgb(218,230,242); border-color:rgba(21,36,43,0.25); color:#17292e;} .body-bg-ltgray{ background-color:rgb(218,230,242);} /* Light Gray Nav Color */ nav.bg-ltgray li, nav.bg-ltgray .sub-menu{ border-color:rgba(21,36,43,0.25);} /* Light Gray Notch Color */ .bg-ltgray.notch::after{ border-bottom-color:rgb(218,230,242);} .bg-ltgray.notch-semicircle::after, .bg-ltgray.notch-tab::after{ background-color:rgb(218,230,242);} /* Light Gray Text Color */ .text-ltgray, a.text-ltgray, .text-color-override.text-ltgray{ color:rgb(218,230,242);} /* Light Gray Link Color */ .bg-ltgray a:not(.button):not(.wp-block-button__link), .bg-ltgray.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(21,36,43,0.75);} /* Light Gray Link:hover Color */ .bg-ltgray a:hover:not(.button):not(.wp-block-button__link), .bg-ltgray.text-color-override a:hover{ color:rgba(21,36,43,0.3);} /* Light Gray Area link:hover Color */ .bg-ltgray .area-link:hover .area-link-hover, .bg-ltgray.text-color-override .area-link:hover .area-link-hover{ color:rgba(21,36,43,0.3);} /* Light Gray Button Text Color */ a.bg-ltgray, a.bg-ltgray.text-color-override{ color:#17292e;} /* Light Gray Button:hover Text Color */ a.bg-ltgray:hover{ color:rgba(21,36,43,0.75);} /* Light Gray Thick Underline */ .text-underline-thick-ltgray{ box-shadow:0 -0.35em 0 rgb(218,230,242) inset;} /* --- Teal custom color CSS --- */ /* Teal General BG classes */ .bg-teal, .button.bg-teal{ background-color:rgb(64,215,212); border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-teal{ background-color:rgb(64,215,212);} /* Teal Nav Color */ nav.bg-teal li, nav.bg-teal .sub-menu{ border-color:rgba(255,255,255,0.2);} /* Teal Notch Color */ .bg-teal.notch::after{ border-bottom-color:rgb(64,215,212);} .bg-teal.notch-semicircle::after, .bg-teal.notch-tab::after{ background-color:rgb(64,215,212);} /* Teal Text Color */ .text-teal, a.text-teal, .text-color-override.text-teal{ color:rgb(64,215,212);} /* Teal Link Color */ .bg-teal a:not(.button):not(.wp-block-button__link), .bg-teal.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* Teal Link:hover Color */ .bg-teal a:hover:not(.button):not(.wp-block-button__link), .bg-teal.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* Teal Area link:hover Color */ .bg-teal .area-link:hover .area-link-hover, .bg-teal.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* Teal Button Text Color */ a.bg-teal, a.bg-teal.text-color-override{ color:#ffffff;} /* Teal Button:hover Text Color */ a.bg-teal:hover{ color:rgba(255,255,255,0.75);} /* Teal Thick Underline */ .text-underline-thick-teal{ box-shadow:0 -0.35em 0 rgb(64,215,212) inset;} /* --- Teal (light) custom color CSS --- */ /* Teal (light) General BG classes */ .bg-ltteal, .button.bg-ltteal{ background-color:#cff5f4 ; border-color:rgba(21,36,43,0.25); color:#17292e;} .body-bg-ltteal{ background-color:#cff5f4 ;} /* Teal (light) Nav Color */ nav.bg-ltteal li, nav.bg-ltteal .sub-menu{ border-color:rgba(21,36,43,0.25);} /* Teal (light) Notch Color */ .bg-ltteal.notch::after{ border-bottom-color:#cff5f4 ;} .bg-ltteal.notch-semicircle::after, .bg-ltteal.notch-tab::after{ background-color:#cff5f4 ;} /* Teal (light) Text Color */ .text-ltteal, a.text-ltteal, .text-color-override.text-ltteal{ color:#cff5f4 ;} /* Teal (light) Link Color */ .bg-ltteal a:not(.button):not(.wp-block-button__link), .bg-ltteal.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(21,36,43,0.75);} /* Teal (light) Link:hover Color */ .bg-ltteal a:hover:not(.button):not(.wp-block-button__link), .bg-ltteal.text-color-override a:hover{ color:rgba(21,36,43,0.3);} /* Teal (light) Area link:hover Color */ .bg-ltteal .area-link:hover .area-link-hover, .bg-ltteal.text-color-override .area-link:hover .area-link-hover{ color:rgba(21,36,43,0.3);} /* Teal (light) Button Text Color */ a.bg-ltteal, a.bg-ltteal.text-color-override{ color:#17292e;} /* Teal (light) Button:hover Text Color */ a.bg-ltteal:hover{ color:rgba(21,36,43,0.75);} /* Teal (light) Thick Underline */ .text-underline-thick-ltteal{ box-shadow:0 -0.35em 0 #cff5f4 inset;} /* --- Red custom color CSS --- */ /* Red General BG classes */ .bg-red, .button.bg-red{ background-color:rgb(255,97,18); border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-red{ background-color:rgb(255,97,18);} /* Red Nav Color */ nav.bg-red li, nav.bg-red .sub-menu{ border-color:rgba(255,255,255,0.2);} /* Red Notch Color */ .bg-red.notch::after{ border-bottom-color:rgb(255,97,18);} .bg-red.notch-semicircle::after, .bg-red.notch-tab::after{ background-color:rgb(255,97,18);} /* Red Text Color */ .text-red, a.text-red, .text-color-override.text-red{ color:rgb(255,97,18);} /* Red Link Color */ .bg-red a:not(.button):not(.wp-block-button__link), .bg-red.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* Red Link:hover Color */ .bg-red a:hover:not(.button):not(.wp-block-button__link), .bg-red.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* Red Area link:hover Color */ .bg-red .area-link:hover .area-link-hover, .bg-red.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* Red Button Text Color */ a.bg-red, a.bg-red.text-color-override{ color:#ffffff;} /* Red Button:hover Text Color */ a.bg-red:hover{ color:rgba(255,255,255,0.75);} /* Red Thick Underline */ .text-underline-thick-red{ box-shadow:0 -0.35em 0 rgb(255,97,18) inset;} /* --- Transparent custom color CSS --- */ /* Transparent General BG classes */ .bg-transparent, .button.bg-transparent{ background-color:rgba(0,0,0,0); border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-transparent{ background-color:rgba(0,0,0,0);} /* Transparent Nav Color */ nav.bg-transparent li, nav.bg-transparent .sub-menu{ border-color:rgba(255,255,255,0.2);} /* Transparent Notch Color */ .bg-transparent.notch::after{ border-bottom-color:rgba(0,0,0,0);} .bg-transparent.notch-semicircle::after, .bg-transparent.notch-tab::after{ background-color:rgba(0,0,0,0);} /* Transparent Text Color */ .text-transparent, a.text-transparent, .text-color-override.text-transparent{ color:rgba(0,0,0,0);} /* Transparent Link Color */ .bg-transparent a:not(.button):not(.wp-block-button__link), .bg-transparent.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* Transparent Link:hover Color */ .bg-transparent a:hover:not(.button):not(.wp-block-button__link), .bg-transparent.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* Transparent Area link:hover Color */ .bg-transparent .area-link:hover .area-link-hover, .bg-transparent.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* Transparent Button Text Color */ a.bg-transparent, a.bg-transparent.text-color-override{ color:#ffffff;} /* Transparent Button:hover Text Color */ a.bg-transparent:hover{ color:rgba(255,255,255,0.75);} /* Transparent Thick Underline */ .text-underline-thick-transparent{ box-shadow:0 -0.35em 0 rgba(0,0,0,0) inset;} /* --- Green custom color CSS --- */ /* Green General BG classes */ .bg-green, .button.bg-green{ background-color:rgb(124,187,97); border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-green{ background-color:rgb(124,187,97);} /* Green Nav Color */ nav.bg-green li, nav.bg-green .sub-menu{ border-color:rgba(255,255,255,0.2);} /* Green Notch Color */ .bg-green.notch::after{ border-bottom-color:rgb(124,187,97);} .bg-green.notch-semicircle::after, .bg-green.notch-tab::after{ background-color:rgb(124,187,97);} /* Green Text Color */ .text-green, a.text-green, .text-color-override.text-green{ color:rgb(124,187,97);} /* Green Link Color */ .bg-green a:not(.button):not(.wp-block-button__link), .bg-green.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* Green Link:hover Color */ .bg-green a:hover:not(.button):not(.wp-block-button__link), .bg-green.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* Green Area link:hover Color */ .bg-green .area-link:hover .area-link-hover, .bg-green.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* Green Button Text Color */ a.bg-green, a.bg-green.text-color-override{ color:#ffffff;} /* Green Button:hover Text Color */ a.bg-green:hover{ color:rgba(255,255,255,0.75);} /* Green Thick Underline */ .text-underline-thick-green{ box-shadow:0 -0.35em 0 rgb(124,187,97) inset;} /* --- Yellow custom color CSS --- */ /* Yellow General BG classes */ .bg-yellow, .button.bg-yellow{ background-color:rgb(248,216,92); border-color:rgba(21,36,43,0.25); color:#17292e;} .body-bg-yellow{ background-color:rgb(248,216,92);} /* Yellow Nav Color */ nav.bg-yellow li, nav.bg-yellow .sub-menu{ border-color:rgba(21,36,43,0.25);} /* Yellow Notch Color */ .bg-yellow.notch::after{ border-bottom-color:rgb(248,216,92);} .bg-yellow.notch-semicircle::after, .bg-yellow.notch-tab::after{ background-color:rgb(248,216,92);} /* Yellow Text Color */ .text-yellow, a.text-yellow, .text-color-override.text-yellow{ color:rgb(248,216,92);} /* Yellow Link Color */ .bg-yellow a:not(.button):not(.wp-block-button__link), .bg-yellow.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(21,36,43,0.75);} /* Yellow Link:hover Color */ .bg-yellow a:hover:not(.button):not(.wp-block-button__link), .bg-yellow.text-color-override a:hover{ color:rgba(21,36,43,0.3);} /* Yellow Area link:hover Color */ .bg-yellow .area-link:hover .area-link-hover, .bg-yellow.text-color-override .area-link:hover .area-link-hover{ color:rgba(21,36,43,0.3);} /* Yellow Button Text Color */ a.bg-yellow, a.bg-yellow.text-color-override{ color:#17292e;} /* Yellow Button:hover Text Color */ a.bg-yellow:hover{ color:rgba(21,36,43,0.75);} /* Yellow Thick Underline */ .text-underline-thick-yellow{ box-shadow:0 -0.35em 0 rgb(248,216,92) inset;} /* --- GJRG Background custom color CSS --- */ /* GJRG Background General BG classes */ .bg-gjrg-bg, .button.bg-gjrg-bg{ background-color:#EEEADA; border-color:rgba(21,36,43,0.25); color:#17292e;} .body-bg-gjrg-bg{ background-color:#EEEADA;} /* GJRG Background Nav Color */ nav.bg-gjrg-bg li, nav.bg-gjrg-bg .sub-menu{ border-color:rgba(21,36,43,0.25);} /* GJRG Background Notch Color */ .bg-gjrg-bg.notch::after{ border-bottom-color:#EEEADA;} .bg-gjrg-bg.notch-semicircle::after, .bg-gjrg-bg.notch-tab::after{ background-color:#EEEADA;} /* GJRG Background Text Color */ .text-gjrg-bg, a.text-gjrg-bg, .text-color-override.text-gjrg-bg{ color:#EEEADA;} /* GJRG Background Link Color */ .bg-gjrg-bg a:not(.button):not(.wp-block-button__link), .bg-gjrg-bg.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(21,36,43,0.75);} /* GJRG Background Link:hover Color */ .bg-gjrg-bg a:hover:not(.button):not(.wp-block-button__link), .bg-gjrg-bg.text-color-override a:hover{ color:#E94E24;} /* GJRG Background Area link:hover Color */ .bg-gjrg-bg .area-link:hover .area-link-hover, .bg-gjrg-bg.text-color-override .area-link:hover .area-link-hover{ color:#E94E24;} /* GJRG Background Button Text Color */ a.bg-gjrg-bg, a.bg-gjrg-bg.text-color-override{ color:#17292e;} /* GJRG Background Button:hover Text Color */ a.bg-gjrg-bg:hover{ color:rgba(21,36,43,0.75);} /* GJRG Background Thick Underline */ .text-underline-thick-gjrg-bg{ box-shadow:0 -0.35em 0 #EEEADA inset;} /* --- GJRG Red (primary) custom color CSS --- */ /* GJRG Red (primary) General BG classes */ .bg-gjrg-pr-red, .button.bg-gjrg-pr-red{ background-color:#E94E24; border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-gjrg-pr-red{ background-color:#E94E24;} /* GJRG Red (primary) Nav Color */ nav.bg-gjrg-pr-red li, nav.bg-gjrg-pr-red .sub-menu{ border-color:rgba(255,255,255,0.2);} /* GJRG Red (primary) Notch Color */ .bg-gjrg-pr-red.notch::after{ border-bottom-color:#E94E24;} .bg-gjrg-pr-red.notch-semicircle::after, .bg-gjrg-pr-red.notch-tab::after{ background-color:#E94E24;} /* GJRG Red (primary) Text Color */ .text-gjrg-pr-red, a.text-gjrg-pr-red, .text-color-override.text-gjrg-pr-red{ color:#E94E24;} /* GJRG Red (primary) Link Color */ .bg-gjrg-pr-red a:not(.button):not(.wp-block-button__link), .bg-gjrg-pr-red.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* GJRG Red (primary) Link:hover Color */ .bg-gjrg-pr-red a:hover:not(.button):not(.wp-block-button__link), .bg-gjrg-pr-red.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* GJRG Red (primary) Area link:hover Color */ .bg-gjrg-pr-red .area-link:hover .area-link-hover, .bg-gjrg-pr-red.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* GJRG Red (primary) Button Text Color */ a.bg-gjrg-pr-red, a.bg-gjrg-pr-red.text-color-override{ color:#ffffff;} /* GJRG Red (primary) Button:hover Text Color */ a.bg-gjrg-pr-red:hover{ color:rgba(255,255,255,0.75);} /* GJRG Red (primary) Thick Underline */ .text-underline-thick-gjrg-pr-red{ box-shadow:0 -0.35em 0 #E94E24 inset;} /* --- GJRG Brown (secondary) custom color CSS --- */ /* GJRG Brown (secondary) General BG classes */ .bg-gjrg-se-brown, .button.bg-gjrg-se-brown{ background-color:#8A5E3B; border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-gjrg-se-brown{ background-color:#8A5E3B;} /* GJRG Brown (secondary) Nav Color */ nav.bg-gjrg-se-brown li, nav.bg-gjrg-se-brown .sub-menu{ border-color:rgba(255,255,255,0.2);} /* GJRG Brown (secondary) Notch Color */ .bg-gjrg-se-brown.notch::after{ border-bottom-color:#8A5E3B;} .bg-gjrg-se-brown.notch-semicircle::after, .bg-gjrg-se-brown.notch-tab::after{ background-color:#8A5E3B;} /* GJRG Brown (secondary) Text Color */ .text-gjrg-se-brown, a.text-gjrg-se-brown, .text-color-override.text-gjrg-se-brown{ color:#8A5E3B;} /* GJRG Brown (secondary) Link Color */ .bg-gjrg-se-brown a:not(.button):not(.wp-block-button__link), .bg-gjrg-se-brown.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* GJRG Brown (secondary) Link:hover Color */ .bg-gjrg-se-brown a:hover:not(.button):not(.wp-block-button__link), .bg-gjrg-se-brown.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* GJRG Brown (secondary) Area link:hover Color */ .bg-gjrg-se-brown .area-link:hover .area-link-hover, .bg-gjrg-se-brown.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* GJRG Brown (secondary) Button Text Color */ a.bg-gjrg-se-brown, a.bg-gjrg-se-brown.text-color-override{ color:#ffffff;} /* GJRG Brown (secondary) Button:hover Text Color */ a.bg-gjrg-se-brown:hover{ color:rgba(255,255,255,0.75);} /* GJRG Brown (secondary) Thick Underline */ .text-underline-thick-gjrg-se-brown{ box-shadow:0 -0.35em 0 #8A5E3B inset;} /* --- PTTF Yellow custom color CSS --- */ /* PTTF Yellow General BG classes */ .bg-pttf-yellow, .button.bg-pttf-yellow{ background-color:#E2BF01; border-color:rgba(21,36,43,0.25); color:#17292e;} .body-bg-pttf-yellow{ background-color:#E2BF01;} /* PTTF Yellow Nav Color */ nav.bg-pttf-yellow li, nav.bg-pttf-yellow .sub-menu{ border-color:rgba(21,36,43,0.25);} /* PTTF Yellow Notch Color */ .bg-pttf-yellow.notch::after{ border-bottom-color:#E2BF01;} .bg-pttf-yellow.notch-semicircle::after, .bg-pttf-yellow.notch-tab::after{ background-color:#E2BF01;} /* PTTF Yellow Text Color */ .text-pttf-yellow, a.text-pttf-yellow, .text-color-override.text-pttf-yellow{ color:#E2BF01;} /* PTTF Yellow Link Color */ .bg-pttf-yellow a:not(.button):not(.wp-block-button__link), .bg-pttf-yellow.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(21,36,43,0.75);} /* PTTF Yellow Link:hover Color */ .bg-pttf-yellow a:hover:not(.button):not(.wp-block-button__link), .bg-pttf-yellow.text-color-override a:hover{ color:rgba(21,36,43,0.3);} /* PTTF Yellow Area link:hover Color */ .bg-pttf-yellow .area-link:hover .area-link-hover, .bg-pttf-yellow.text-color-override .area-link:hover .area-link-hover{ color:rgba(21,36,43,0.3);} /* PTTF Yellow Button Text Color */ a.bg-pttf-yellow, a.bg-pttf-yellow.text-color-override{ color:#17292e;} /* PTTF Yellow Button:hover Text Color */ a.bg-pttf-yellow:hover{ color:rgba(21,36,43,0.75);} /* PTTF Yellow Thick Underline */ .text-underline-thick-pttf-yellow{ box-shadow:0 -0.35em 0 #E2BF01 inset;} /* --- PTTF Dark Blue custom color CSS --- */ /* PTTF Dark Blue General BG classes */ .bg-pttf-dk-blue, .button.bg-pttf-dk-blue{ background-color:#4e69ea; border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-pttf-dk-blue{ background-color:#4e69ea;} /* PTTF Dark Blue Nav Color */ nav.bg-pttf-dk-blue li, nav.bg-pttf-dk-blue .sub-menu{ border-color:rgba(255,255,255,0.2);} /* PTTF Dark Blue Notch Color */ .bg-pttf-dk-blue.notch::after{ border-bottom-color:#4e69ea;} .bg-pttf-dk-blue.notch-semicircle::after, .bg-pttf-dk-blue.notch-tab::after{ background-color:#4e69ea;} /* PTTF Dark Blue Text Color */ .text-pttf-dk-blue, a.text-pttf-dk-blue, .text-color-override.text-pttf-dk-blue{ color:#4e69ea;} /* PTTF Dark Blue Link Color */ .bg-pttf-dk-blue a:not(.button):not(.wp-block-button__link), .bg-pttf-dk-blue.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* PTTF Dark Blue Link:hover Color */ .bg-pttf-dk-blue a:hover:not(.button):not(.wp-block-button__link), .bg-pttf-dk-blue.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* PTTF Dark Blue Area link:hover Color */ .bg-pttf-dk-blue .area-link:hover .area-link-hover, .bg-pttf-dk-blue.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* PTTF Dark Blue Button Text Color */ a.bg-pttf-dk-blue, a.bg-pttf-dk-blue.text-color-override{ color:#ffffff;} /* PTTF Dark Blue Button:hover Text Color */ a.bg-pttf-dk-blue:hover{ color:rgba(255,255,255,0.75);} /* PTTF Dark Blue Thick Underline */ .text-underline-thick-pttf-dk-blue{ box-shadow:0 -0.35em 0 #4e69ea inset;} /* --- PTTF Light Blue custom color CSS --- */ /* PTTF Light Blue General BG classes */ .bg-pttf-lt-blue, .button.bg-pttf-lt-blue{ background-color:#6ebab8; border-color:rgba(21,36,43,0.25); color:#17292e;} .body-bg-pttf-lt-blue{ background-color:#6ebab8;} /* PTTF Light Blue Nav Color */ nav.bg-pttf-lt-blue li, nav.bg-pttf-lt-blue .sub-menu{ border-color:rgba(21,36,43,0.25);} /* PTTF Light Blue Notch Color */ .bg-pttf-lt-blue.notch::after{ border-bottom-color:#6ebab8;} .bg-pttf-lt-blue.notch-semicircle::after, .bg-pttf-lt-blue.notch-tab::after{ background-color:#6ebab8;} /* PTTF Light Blue Text Color */ .text-pttf-lt-blue, a.text-pttf-lt-blue, .text-color-override.text-pttf-lt-blue{ color:#6ebab8;} /* PTTF Light Blue Link Color */ .bg-pttf-lt-blue a:not(.button):not(.wp-block-button__link), .bg-pttf-lt-blue.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(21,36,43,0.75);} /* PTTF Light Blue Link:hover Color */ .bg-pttf-lt-blue a:hover:not(.button):not(.wp-block-button__link), .bg-pttf-lt-blue.text-color-override a:hover{ color:rgba(21,36,43,0.3);} /* PTTF Light Blue Area link:hover Color */ .bg-pttf-lt-blue .area-link:hover .area-link-hover, .bg-pttf-lt-blue.text-color-override .area-link:hover .area-link-hover{ color:rgba(21,36,43,0.3);} /* PTTF Light Blue Button Text Color */ a.bg-pttf-lt-blue, a.bg-pttf-lt-blue.text-color-override{ color:#17292e;} /* PTTF Light Blue Button:hover Text Color */ a.bg-pttf-lt-blue:hover{ color:rgba(21,36,43,0.75);} /* PTTF Light Blue Thick Underline */ .text-underline-thick-pttf-lt-blue{ box-shadow:0 -0.35em 0 #6ebab8 inset;} /* --- PTTF Orange custom color CSS --- */ /* PTTF Orange General BG classes */ .bg-pttf-orange, .button.bg-pttf-orange{ background-color:#ff7553; border-color:rgba(21,36,43,0.25); color:#17292e;} .body-bg-pttf-orange{ background-color:#ff7553;} /* PTTF Orange Nav Color */ nav.bg-pttf-orange li, nav.bg-pttf-orange .sub-menu{ border-color:rgba(21,36,43,0.25);} /* PTTF Orange Notch Color */ .bg-pttf-orange.notch::after{ border-bottom-color:#ff7553;} .bg-pttf-orange.notch-semicircle::after, .bg-pttf-orange.notch-tab::after{ background-color:#ff7553;} /* PTTF Orange Text Color */ .text-pttf-orange, a.text-pttf-orange, .text-color-override.text-pttf-orange{ color:#ff7553;} /* PTTF Orange Link Color */ .bg-pttf-orange a:not(.button):not(.wp-block-button__link), .bg-pttf-orange.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(21,36,43,0.75);} /* PTTF Orange Link:hover Color */ .bg-pttf-orange a:hover:not(.button):not(.wp-block-button__link), .bg-pttf-orange.text-color-override a:hover{ color:rgba(21,36,43,0.3);} /* PTTF Orange Area link:hover Color */ .bg-pttf-orange .area-link:hover .area-link-hover, .bg-pttf-orange.text-color-override .area-link:hover .area-link-hover{ color:rgba(21,36,43,0.3);} /* PTTF Orange Button Text Color */ a.bg-pttf-orange, a.bg-pttf-orange.text-color-override{ color:#17292e;} /* PTTF Orange Button:hover Text Color */ a.bg-pttf-orange:hover{ color:rgba(21,36,43,0.75);} /* PTTF Orange Thick Underline */ .text-underline-thick-pttf-orange{ box-shadow:0 -0.35em 0 #ff7553 inset;} /* --- ECD Red (primary) custom color CSS --- */ /* ECD Red (primary) General BG classes */ .bg-ecd-pr-red, .button.bg-ecd-pr-red{ background-color:#FF1616; border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-ecd-pr-red{ background-color:#FF1616;} /* ECD Red (primary) Nav Color */ nav.bg-ecd-pr-red li, nav.bg-ecd-pr-red .sub-menu{ border-color:rgba(255,255,255,0.2);} /* ECD Red (primary) Notch Color */ .bg-ecd-pr-red.notch::after{ border-bottom-color:#FF1616;} .bg-ecd-pr-red.notch-semicircle::after, .bg-ecd-pr-red.notch-tab::after{ background-color:#FF1616;} /* ECD Red (primary) Text Color */ .text-ecd-pr-red, a.text-ecd-pr-red, .text-color-override.text-ecd-pr-red{ color:#FF1616;} /* ECD Red (primary) Link Color */ .bg-ecd-pr-red a:not(.button):not(.wp-block-button__link), .bg-ecd-pr-red.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* ECD Red (primary) Link:hover Color */ .bg-ecd-pr-red a:hover:not(.button):not(.wp-block-button__link), .bg-ecd-pr-red.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* ECD Red (primary) Area link:hover Color */ .bg-ecd-pr-red .area-link:hover .area-link-hover, .bg-ecd-pr-red.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* ECD Red (primary) Button Text Color */ a.bg-ecd-pr-red, a.bg-ecd-pr-red.text-color-override{ color:#ffffff;} /* ECD Red (primary) Button:hover Text Color */ a.bg-ecd-pr-red:hover{ color:rgba(255,255,255,0.75);} /* ECD Red (primary) Thick Underline */ .text-underline-thick-ecd-pr-red{ box-shadow:0 -0.35em 0 #FF1616 inset;} /* --- HPFA Green custom color CSS --- */ /* HPFA Green General BG classes */ .bg-hpfa-green, .button.bg-hpfa-green{ background-color:#014424; border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-hpfa-green{ background-color:#014424;} /* HPFA Green Nav Color */ nav.bg-hpfa-green li, nav.bg-hpfa-green .sub-menu{ border-color:rgba(255,255,255,0.2);} /* HPFA Green Notch Color */ .bg-hpfa-green.notch::after{ border-bottom-color:#014424;} .bg-hpfa-green.notch-semicircle::after, .bg-hpfa-green.notch-tab::after{ background-color:#014424;} /* HPFA Green Text Color */ .text-hpfa-green, a.text-hpfa-green, .text-color-override.text-hpfa-green{ color:#014424;} /* HPFA Green Link Color */ .bg-hpfa-green a:not(.button):not(.wp-block-button__link), .bg-hpfa-green.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* HPFA Green Link:hover Color */ .bg-hpfa-green a:hover:not(.button):not(.wp-block-button__link), .bg-hpfa-green.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* HPFA Green Area link:hover Color */ .bg-hpfa-green .area-link:hover .area-link-hover, .bg-hpfa-green.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* HPFA Green Button Text Color */ a.bg-hpfa-green, a.bg-hpfa-green.text-color-override{ color:#ffffff;} /* HPFA Green Button:hover Text Color */ a.bg-hpfa-green:hover{ color:rgba(255,255,255,0.75);} /* HPFA Green Thick Underline */ .text-underline-thick-hpfa-green{ box-shadow:0 -0.35em 0 #014424 inset;} /* --- EdP Green custom color CSS --- */ /* EdP Green General BG classes */ .bg-edp-green, .button.bg-edp-green{ background-color:rgb(31,125,26); border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-edp-green{ background-color:rgb(31,125,26);} /* EdP Green Nav Color */ nav.bg-edp-green li, nav.bg-edp-green .sub-menu{ border-color:rgba(255,255,255,0.2);} /* EdP Green Notch Color */ .bg-edp-green.notch::after{ border-bottom-color:rgb(31,125,26);} .bg-edp-green.notch-semicircle::after, .bg-edp-green.notch-tab::after{ background-color:rgb(31,125,26);} /* EdP Green Text Color */ .text-edp-green, a.text-edp-green, .text-color-override.text-edp-green{ color:rgb(31,125,26);} /* EdP Green Link Color */ .bg-edp-green a:not(.button):not(.wp-block-button__link), .bg-edp-green.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgba(255,255,255,0.75);} /* EdP Green Link:hover Color */ .bg-edp-green a:hover:not(.button):not(.wp-block-button__link), .bg-edp-green.text-color-override a:hover{ color:rgba(255,255,255,0.3);} /* EdP Green Area link:hover Color */ .bg-edp-green .area-link:hover .area-link-hover, .bg-edp-green.text-color-override .area-link:hover .area-link-hover{ color:rgba(255,255,255,0.3);} /* EdP Green Button Text Color */ a.bg-edp-green, a.bg-edp-green.text-color-override{ color:#ffffff;} /* EdP Green Button:hover Text Color */ a.bg-edp-green:hover{ color:rgba(255,255,255,0.75);} /* EdP Green Thick Underline */ .text-underline-thick-edp-green{ box-shadow:0 -0.35em 0 rgb(31,125,26) inset;} /* --- EdP Dark Grey custom color CSS --- */ /* EdP Dark Grey General BG classes */ .bg-edp-dark-grey, .button.bg-edp-dark-grey{ background-color:rgb(23,41,46); border-color:rgba(255,255,255,0.2); color:#ffffff;} .body-bg-edp-dark-grey{ background-color:rgb(23,41,46);} /* EdP Dark Grey Nav Color */ nav.bg-edp-dark-grey li, nav.bg-edp-dark-grey .sub-menu{ border-color:rgba(255,255,255,0.2);} /* EdP Dark Grey Notch Color */ .bg-edp-dark-grey.notch::after{ border-bottom-color:rgb(23,41,46);} .bg-edp-dark-grey.notch-semicircle::after, .bg-edp-dark-grey.notch-tab::after{ background-color:rgb(23,41,46);} /* EdP Dark Grey Text Color */ .text-edp-dark-grey, a.text-edp-dark-grey, .text-color-override.text-edp-dark-grey{ color:rgb(23,41,46);} /* EdP Dark Grey Link Color */ .bg-edp-dark-grey a:not(.button):not(.wp-block-button__link), .bg-edp-dark-grey.text-color-override a:not(.button):not(.wp-block-button__link){ color:rgb(15,129,233);} /* EdP Dark Grey Link:hover Color */ .bg-edp-dark-grey a:hover:not(.button):not(.wp-block-button__link), .bg-edp-dark-grey.text-color-override a:hover{ color:rgb(15,129,233);} /* EdP Dark Grey Area link:hover Color */ .bg-edp-dark-grey .area-link:hover .area-link-hover, .bg-edp-dark-grey.text-color-override .area-link:hover .area-link-hover{ color:rgb(15,129,233);} /* EdP Dark Grey Button Text Color */ a.bg-edp-dark-grey, a.bg-edp-dark-grey.text-color-override{ color:#ffffff;} /* EdP Dark Grey Button:hover Text Color */ a.bg-edp-dark-grey:hover{ color:rgb(15,129,233);} /* EdP Dark Grey Thick Underline */ .text-underline-thick-edp-dark-grey{ box-shadow:0 -0.35em 0 rgb(23,41,46) inset;} .menu li.menu-button { padding: 0;} .menu .menu-button a { padding: .6em 1em; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1;} .header-button.button { text-transform: none; font-size: 1em; letter-spacing: 0; } #site-title #site-title-link { border-radius: 0 0 8px 8px;} @media screen and (min-width: 2200px){ .title1, .text-style-title1 { font-size: calc(2.4vw); }} .button-primary{ color:#fff;} .posts-layout-cards #post-5, .posts-layout-cards #post-6, .posts-layout-cards #post-7, .posts-layout-cards #post-8, .posts-layout-cards #post-9, .posts-layout-cards #post-10{ min-height:36.5em; } @media screen and (min-width: 2200px){ } /* Add 500 and 400 Klima font weights */ @font-face { font-family:'KlimaWeb'; font-style:normal; font-variant:normal; font-weight:500; src:url('https://s3.amazonaws.com/s3.350.org/fonts/klima/klima-medium-web.eot'); src:url('https://s3.amazonaws.com/s3.350.org/fonts/klima/klima-medium-web.eot?#iefix') format('embedded-opentype'), url('https://s3.amazonaws.com/s3.350.org/fonts/klima/klima-medium-web.svg#klimamedium') format('svg'), url('https://s3.amazonaws.com/s3.350.org/fonts/klima/klima-medium-web.woff2') format('woff2'), url('https://s3.amazonaws.com/s3.350.org/fonts/klima/klima-medium-web.ttf') format('truetype');} @font-face { font-family:'KlimaWeb'; font-style:normal; font-variant:normal; font-weight:400; src:url('https://s3.amazonaws.com/s3.350.org/fonts/klima/klima-regular-web.eot'); src:url('https://s3.amazonaws.com/s3.350.org/fonts/klima/klima-regular-web.eot?#iefix') format('embedded-opentype'), url('https://s3.amazonaws.com/s3.350.org/fonts/klima/klima-regular-web.svg#klimaregular') format('svg'), url('https://s3.amazonaws.com/s3.350.org/fonts/klima/klima-regular-web.woff2') format('woff2'), url('https://s3.amazonaws.com/s3.350.org/fonts/klima/klima-regular-web.ttf') format('truetype');} </style> <link rel='stylesheet' id='slick-css' href='https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css?ver=6.6.2' type='text/css' media='all' /> <link rel='stylesheet' id='slick-theme-css' href='https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css?ver=6.6.2' type='text/css' media='all' /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='cookie-notice-front-css' href='https://350.org/wp-content/plugins/baseline-cookie-notice/css/front.css?ver=6.6.2' type='text/css' media='all' /> <link rel='stylesheet' id='contact-form-7-css' href='https://350.org/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.0' type='text/css' media='all' /> <link rel='stylesheet' id='baseline-350-css' href='https://350.org/wp-content/themes/baseline-child-350org/style.css?ver=6.6.2' type='text/css' media='all' /> <script type="text/javascript" src="https://350.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://350.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://350.org/wp-content/themes/baseline/js/scripts.js?ver=1730826639" id="baseline-js-js"></script> <script type="text/javascript" src="https://act.350.org/resources/actionkit.js?ver=6.6.2" id="actionkit-js"></script> <script type="text/javascript" src="https://api.mapbox.com/mapbox-gl-js/v1.7.0/mapbox-gl.js?ver=6.6.2" id="mapbox-gl-js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js?ver=6.6.2" id="slick-js"></script> <script type="text/javascript" id="cookie-notice-front-js-extra"> /* <![CDATA[ */ var cnArgs = {"ajaxurl":"https:\/\/350.org\/wp-admin\/admin-ajax.php","hideEffect":"fade","onScroll":"","onScrollOffset":"100","cookieName":"cookie_notice_accepted","cookieValue":"TRUE","cookieTime":"31536000","cookiePath":"","cookieDomain":""}; /* ]]> */ </script> <script type="text/javascript" src="https://350.org/wp-content/plugins/baseline-cookie-notice/js/front.js?ver=2.0.11" id="cookie-notice-front-js"></script> <script type="text/javascript" src="https://350.org/wp-content/themes/baseline-child-350org/js/scripts-350org.js?ver=1.0" id="scripts_350org-js"></script> <script type="text/javascript" id="ajax_filtered_posts_350org-js-extra"> /* <![CDATA[ */ var ajax_350 = {"url":"https:\/\/350.org\/wp-admin\/admin-ajax.php","nonce":"175b00067f"}; /* ]]> */ </script> <script type="text/javascript" src="https://350.org/wp-content/themes/baseline-child-350org/js/ajax-filtered-posts-350org.js?ver=1.0" id="ajax_filtered_posts_350org-js"></script> <link rel="https://api.w.org/" href="https://350.org/wp-json/" /><style type="text/css" id="branda-admin-bar-logo"> body #wpadminbar #wp-admin-bar-wp-logo > .ab-item { background-image: url(https://350.org/wp-content/uploads/2017/10/350logo.jpg); background-repeat: no-repeat; background-position: 50%; background-size: 80%; } body #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before { content: " "; } </style> <style type="text/css" id="wp-custom-css"> #modal-site-nav #site-nav { display: block; order: 5; } @media only screen and (min-width: 950px) { nav.nav-desktop-dropdown .menu-item-has-children:nth-last-child(2) .sub-menu, nav.nav-desktop-dropdown .menu-item-has-children:last-child .sub-menu { left: 0; right: auto; } } nav#site-nav.nav-desktop-dropdown .menu-item-has-children:nth-last-child(2) .sub-menu, nav#site-nav.nav-desktop-dropdown .menu-item-has-children:last-child .sub-menu { border-radius: 0 0.5rem 0.5rem 0.5rem; } </style> <!-- Hotjar Tracking Code for https://350.org/ --> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:1573385,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> <!-- Global site tag (gtag.js) - Google Ads: 960162846 --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-960162846"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-960162846'); </script> <meta name="google-site-verification" content="UJbcEO0r_0X0pur6QX5_QI7Gg06SHxL8_D_ibA_f7es" /> <meta name="facebook-domain-verification" content="9jknq5lamv2msylb8mjjyjt4i4lj3n" /> <!-- Meta Pixel Code for Pageview Tracking --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '147925275930541'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=147925275930541&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> <!-- Start VWO Async SmartCode --> <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" /> <script type='text/javascript' id='vwoCode'> window._vwo_code=window._vwo_code || (function() { var account_id=725714, version = 1.5, settings_tolerance=2000, library_tolerance=2500, use_existing_jquery=false, is_spa=1, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important', /* DO NOT EDIT BELOW THIS LINE */ f=false,w=window,d=document,vwoCodeEl=d.querySelector('#vwoCode'),code={use_existing_jquery:function(){return use_existing_jquery},library_tolerance:function(){return library_tolerance},hide_element_style:function(){return'{'+hide_element_style+'}'},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=d.createElement('script');t.fetchPriority='high';t.src=e;t.type='text/javascript';t.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(t)},getVersion:function(){return version},getMatchedCookies:function(e){var t=[];if(document.cookie){t=document.cookie.match(e)||[]}return t},getCombinationCookie:function(){var e=code.getMatchedCookies(/(?:^|;)\s?(_vis_opt_exp_\d+_combi=[^;$]*)/gi);e=e.map(function(e){try{var t=decodeURIComponent(e);if(!/_vis_opt_exp_\d+_combi=(?:\d+,?)+\s*$/.test(t)){return''}return t}catch(e){return''}});var i=[];e.forEach(function(e){var t=e.match(/([\d,]+)/g);t&&i.push(t.join('-'))});return i.join('|')},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;w.settings_timer=setTimeout(function(){_vwo_code.finish()},settings_tolerance);var e=d.currentScript,t=d.createElement('style'),i=e&&!e.async?hide_element?hide_element+'{'+hide_element_style+'}':'':code.lA=1,n=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');vwoCodeEl&&t.setAttribute('nonce',vwoCodeEl.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=i;else t.appendChild(d.createTextNode(i));n.appendChild(t);var o=this.getCombinationCookie();this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&f='+ +is_spa+'&vn='+version+(o?'&c='+o:''));return settings_timer}};w._vwo_settings_timer = code.init();return code;}()); </script> <!-- End VWO Async SmartCode --></head> <body class="home blog en bg-on body-bg-" ontouchstart > <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MNNGDHL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="container"> <!-- Custom hook for 350 Donation Banner --> <nav class="site-language-nav hidden language-nav bg-blue"> <div class="site-language-nav-inner section-inner"> <h3 class="meta language-nav opacity-50 margin-bottom-medium">Language</h5> <ul id="menu-lang-nav" class="menu"><li id="menu-item-213663" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-213663"><a href="https://350.org/de" lang="de-DE">Deutsch</a></li> <li id="menu-item-213662" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-home menu-item-213662"><a href="https://350.org" lang="en-US">English</a></li> <li id="menu-item-213661" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-213661"><a href="https://350.org/es" lang="es-ES">Español</a></li> <li id="menu-item-213660" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-213660"><a href="https://350.org/fr" lang="fr-FR">Français</a></li> <li id="menu-item-213664" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-213664"><a href="https://350.org/pt" lang="pt-PT">Português</a></li> <li id="menu-item-201801" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-201801"><a href="https://350.org/id/">Indonesia</a></li> </ul> </div> </nav> <header id="site-header" class=" section site-header-layout-logo_left-compact site-header-nav-desktop-dropdown margin-none bg-transparent text-left "> <div id="site-header-inner" class="section-inner"> <h1 id="site-title" class="site-header-item"> <a id="site-title-link" class="logo-text text-color-default" href="https://350.org"><span class="tf-logo title-350logo">350</span><span class="title-text"></span></a> </h1> <a id="site-nav-toggle" class="site-header-item js-modal nav-desktop-dropdown" data-modal-source=".site-nav" data-modal-show-source="true" data-modal-classes-outer="slide-out" data-modal-classes-inner="- bg-blue"><svg id="site-nav-toggle-icon" class="inline-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 80"><style>.st0{fill:currentColor}</style><path class="st0" d="M2 4h76v10H2zM2 35h76v10H2zM2 66h76v10H2z"/></svg> <span id="site-nav-toggle-text">Menu</span> </a> <nav id="site-nav" class="site-nav site-header-item width-full nav-desktop-dropdown bg-blue text-color-override"> <h3 class="meta main-nav-label">Navigation Menu</h3> <ul id="menu-navigation-menu" class="menu"><li class='intro menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children descriptions-enabled'><a href='#'><span class='menu-item-link-text'>About Us</span></a> <ul class="sub-menu"> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='/about/'><span class='menu-item-link-text'>About 350</span><span class="menu-item-description">350 is a movement of ordinary people working to build a world powered by the sun, the wind and the people.</span></a></li> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='/about/'><span class='menu-item-link-text'>Our Work</span><span class="menu-item-description">Learn more about how we’re working to build a world powered by renewable energy for all.</span></a></li> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='/our-impact/'><span class='menu-item-link-text'>Our Impact</span><span class="menu-item-description">Check a snapshot of our local and global victories and achievements.</span></a></li> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='/team/'><span class='menu-item-link-text'>Our Team</span><span class="menu-item-description">Meet our team of passionate activists spread all around the globe.</span></a></li> <li class='overflow menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children descriptions-enabled'><a href='#'><span class='menu-item-link-text'>More</span></a> <ul class="sub-menu"> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='/contact/'><span class='menu-item-link-text'>Contact Us</span></a></li> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='/jobs/'><span class='menu-item-link-text'>Careers</span></a></li> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='https://350.org/annual-report'><span class='menu-item-link-text'>Annual Report</span></a></li> </ul> </li> </ul> </li> <li class=' menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children descriptions-enabled'><a href='#'><span class='menu-item-link-text'>Join Us</span></a> <ul class="sub-menu"> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='https://350.org/get-involved/#a-few-minutes'><span class='menu-item-link-text'>Take Action</span><span class="menu-item-description">Join our online campaigns to end fossil fuels and power up just and accessible renewables.</span></a></li> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='https://350.org/get-involved/#map'><span class='menu-item-link-text'>Join a Local Group</span><span class="menu-item-description">Check our map to find a 350 local group near you, or start a new one!</span></a></li> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='/how-to-give/'><span class='menu-item-link-text'>Donate</span><span class="menu-item-description">Find more about all the ways to donate: online, by check, stock and much more.</span></a></li> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='https://350store.org/?currency=USD&utm_source=web-menu&utm_medium=referral&utm_campaign=global'><span class='menu-item-link-text'>Shop to Support</span><span class="menu-item-description">Discover beautiful products and show your support for a renewable future.</span></a></li> </ul> </li> <li class=' menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children descriptions-enabled'><a href='#'><span class='menu-item-link-text'>Media & Resources</span></a> <ul class="sub-menu"> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='/blog/'><span class='menu-item-link-text'>Blogs</span><span class="menu-item-description">Keep up to date with everything going on across 350 and our movement.</span></a></li> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='/media/'><span class='menu-item-link-text'>Newsroom</span><span class="menu-item-description">Browse our press releases, contact information and resources for the press.</span></a></li> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='https://trainings.350.org/'><span class='menu-item-link-text'>Training</span><span class="menu-item-description">Find resources, online courses and books to deepen your activism.</span></a></li> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='/science/'><span class='menu-item-link-text'>Climate Science</span><span class="menu-item-description">Learn about the science that drives our movement.</span></a></li> <li class='overflow menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children descriptions-enabled'><a href='#'><span class='menu-item-link-text'>More</span></a> <ul class="sub-menu"> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='https://350.org/solutions/'><span class='menu-item-link-text'>Climate Solutions</span></a></li> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='/climate-finance/'><span class='menu-item-link-text'>Climate Finance</span></a></li> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='https://350.org/keep-it-in-the-ground/'><span class='menu-item-link-text'>Stop Fossil Fuels</span></a></li> <li class=' menu-item menu-item-type-custom menu-item-object-custom descriptions-enabled'><a href='https://350.org/hope-hub/'><span class='menu-item-link-text'>Hope Hub</span></a></li> </ul> </li> </ul> </li> <li class="menu-item search-menu-item"><form role="search" method="get" class="search-form" action="https://350.org/"><label><span class="screen-reader-text hidden">Search for:</span><input type="search" class="search-field" placeholder="Search …" value="" name="s" title="Search for:" /><div class="bg-icon-search"></div></label><input type="submit" class="search-submit" value="" aria-label="Submit" /></form></li></ul> <div class="clear"></div> </nav> <a id="site-language-nav-toggle" class="language-nav-toggle js-modal site-header-item" data-modal-source=".site-language-nav" data-modal-classes-outer="slide-out slide-out-right width-narrow bg-blue" data-modal-classes-inner="text-large2"><svg version="1" id="site-language-nav-toggle-icon" class="inline-svg language-nav-toggle-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><style>.st0{fill:currentColor}</style><path class="st0" d="M178 24H24c-7 0-12 6-12 13v103c0 7 5 12 12 12h34v24l37-24h83c7 0 12-5 12-12V37c0-7-5-13-12-13zM99 73H89c-1 8-6 16-12 24l16 12-6 9-18-13c-6 5-13 10-22 14l-5-9 19-13c-5-4-9-9-12-14l10-6c2 4 5 8 10 12 4-5 7-11 9-16H38V62h25V52h11v10h25v11zm53 45l-4-11h-23l-3 11h-14l22-61h13l22 61h-13z"/><path class="st0" d="M129 97h15l-7-23z"/></svg></span><span id="site-language-nav-toggle-text" class="language-nav-label language-nav-toggle-text nav-toggle-text">Language</a> <div id="header-buttons-container" class="site-header-item"> <a href="https://act.350.org/donate/web_donate_button/?source=web_donate_button_main_nav_desktop" class="header-button bg-blue button">Donate</a> </div> <div class="site-header-item desktop-hide tablet-hide"> <a href="https://act.350.org/donate/web_donate_button/?source=web_donate_button_main_nav_mobile" class="header-button header-donate-button bg-blue button mobile-donate-btn" style="order: 10; text-transform: none; padding: 0.6em 0.8em">Donate</a> </div> <div class="site-header-item site-header-divider"></div> </header> <style> #body-mobile-background{ background-image:url('https://350.org/wp-content/uploads/2017/02/350.org_-425x700.jpeg') !important;} @media screen and (min-width: 650px){ #body-mobile-background{ background-image:url('https://350.org/wp-content/uploads/2017/02/350.org_-768x512.jpeg') !important;} } @media screen and (min-width: 1024px){ #body-mobile-background{ background-image:url('https://350.org/wp-content/uploads/2017/02/350.org_-1199x800.jpeg') !important;} } </style> <div class="section code b-lazy lazy bg-transparent bg-repeat-none bg-image-off bg-attach-scroll bg-size-cover width-extrawide padding-small none title-section-60 bg-position-right refresh homepage" id="intro" > <div class="section-inner code-inner"> <!---- POWERUP POPUP ---------> <!-- Font Families --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Sofia+Sans+Extra+Condensed:ital,wght@1,600&family=Sofia+Sans:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap" rel="stylesheet"> <style> #powerup-popup-wrapper { z-index: 9999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(5px); } #powerup-popup { position: fixed; left: 50%; top: 50%; width: 65%; transform: translate(-50%, -50%); border: 5px solid #0f81e8; padding: 5em 2em; overflow: hidden; background: #000; } .powerup-background-image { opacity: 0.5; position: absolute; left: 0; top: 0; width: 200%; max-width: none; } #powerup-hero-symbol { left: 50%; top: 50%; opacity: 0.5; transform: translate(-50%, -50%); } .powerup-popup-content { position: relative; text-align: center; } #powerup-date-container { color: rgb(218, 255, 0); font-size: calc(2.4vw); font-weight: 300; text-transform: uppercase; font-family: 'Sofia Sans', sans-serif !important; } #powerup-cta-options { margin-top: 1rem; } #powerup-date-container { margin-top: 1em; } #powerup-close { position: absolute; font-size: 28px; font-weight: bold; cursor: pointer; position: absolute; top: 1%; right: 2%; z-index: 999; color: rgb(218, 255, 0); } #powerup-join-us { box-sizing: border-box; font-family: 'Sofia Sans', sans-serif !important; align-items: center; border-radius: 1.8em; cursor: pointer; display: inline-flex; font-weight: bold; font-size: 1.5em; height: auto; justify-content: center; padding: calc(0.3rem + 0.5em) calc(0.6rem + 1em); position: relative; text-align: center; text-decoration: none; transition: all 0.15s ease; white-space: normal; letter-spacing: calc(0.07rem - 0.01em); text-transform: uppercase; background-color: rgb(218, 255, 0); color: #17292e; border: none !important; } @media only screen and (max-width: 767px) { /* phones */ .powerup-background-image { width: 300%; } #powerup-date-container { font-size: calc(5vw); } #powerup-join-us { font-size: calc(4vw); } #powerup-popup { top: 40%; } } #powerup-popup-wrapper.display-none { display: none !important; } #donate-bar.display-none { display: none !important; } #powerup-popup-wrapper { display: none; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible !important; } #donate-bar .one-time-monthly-toggle.one-time-monthly-small { padding-top: 7px !important; } .min-banner-content-container { display: flex; flex-wrap: nowrap; align-items: center; } .min-banner-row { display: flex; align-items: center; } @media only screen and (max-width: 768px) { .min-banner-donate-container { width: 100%; } .min-donate-now { display: block !important; font-size: smaller; } .min-banner-content-container { flex-direction: column; margin-top: 4px; width: 100%; } .min-banner-row { justify-content: center; width: 100%; } .currency-changer-small { display: block !important; } .min-banner-buttons { margin-top: 4px; margin-bottom: 4px; display: flex; width: 100%; } .min-banner-buttons a { flex: 100%; } } #giving-day-popup { background-position: 60% 35%; } #giving-day-popup .one-time-monthly-toggle .button:last-child { margin-left: 2%; } @media (max-width: 1100px) { #giving-day-popup { width: 75% !important; } #giving-day-popup .normal-donation-buttons { width: unset !important; } } @media (max-width: 900px) { #giving-day-popup { width: 85% !important; } #giving-day-popup .normal-donation-buttons { width: unset !important; } } @media (max-width: 768px) { #donate-bar .section-inner { height: unset !important; } .min-banner-donate-container { flex-direction: column !important; } .min-banner-cta { padding: 4px !important; margin: 4px !important; } } @media (min-width: 768px) { #donate-bar .section-inner { padding: 0 0.25vw !important; } .min-banner-buttons { column-gap: 4px; display: flex; } .min-banner-buttons a { margin-right: 0 !important; } .min-banner-donate-container { justify-content: space-around; width: 100%; } } html.baseline #container { overflow-x: unset !important; } </style> <!-- Modal --> <div id="powerup-popup-wrapper" class="align-items-center"> <div id="giving-day-popup" class="display-flex justify-content-center"> <a id="giving-day-bar-close" class="slide-up-close modal-close modal-close-x">X</a> <div class="giving-day-popup-content bg-size-cover display-flex align-items-center align-self-center"> <div class="overlay text-primary"> <div id="giving-day-date-container"> <div class="section-inner code-inner display-flex align-items-center eoy-banner-wrapper"> <div id="donate-bar-text" class="c5 ct10 c-wide" style="text-align: left;"> <p class="banner-title text-white margin-bottom-small text-left"><span class="text-highlight bg-dkgray-trans js-countdown-timer" data-countdown-end-date="2024/12/04 00:00:00"><span class="js-countdown-section"><span class="js-countdown-days"> </span>:</span><span class="js-countdown-section"><span class="js-countdown-hours"></span>:</span><span class="js-countdown-section"><span class="js-countdown-minutes"></span>:</span><span class="js-countdown-section"><span class="js-countdown-seconds"></span></span></span> <span class="text-bold">left to make your Giving Tuesday donation.</span></p> <p class="text-white text-left">Time is running out to stop fossil fuel companies, far-right politicians and billionaires from wrecking our planet. <span class="text-bold">Help us fight back and build a better future by making a Giving Tuesday gift today.</span></p> </div> <div id="donate-bar-buttons" class="c5 ct10 c-wide donate-bar-buttons"> <h2 class="text-white padding-top-small donate-now-title">Donate Now</h2> <div class="btn-group-wrapper display-flex justify-content-space-between toggle-currency-container"> <div class="one-time-monthly-toggle btn-group bg-ltgray"><a href="#" class="button bg-ltgray active">One-Time</a><a href="#" class="button bg-ltgray">Monthly</a></div> <div class="currency-changer-container"> <select href="#" class="button currency-changer"> <option value="usd">USD $</option> <option value="cad">CAD $</option> <option value="eur">EUR €</option> <option value="gbp">GBP £</option> <option value="zar">ZAR R</option> <option value="jpy">JPY ¥</option> <option value="aud">AUD $</option> <option value="nzd">NZD $</option> </select> </div> </div> <div class="normal-donation-buttons donate-bar-buttons"><a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=35&amp;source=web_lightbox_desktop_FY24Q4_givingday_v&amp;currency=USD" class="button arrow-right bg-ltgray donation-btn ten-donation-btn desktop-btn">$35</a><a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=100&amp;source=web_lightbox_desktop_FY24Q4_givingday_v&amp;currency=USD" class="button arrow-right bg-ltgray donation-btn">$100</a><a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=200&amp;source=web_lightbox_desktop_FY24Q4_givingday_v&amp;currency=USD" class="button arrow-right bg-ltgray donation-btn">$200</a><a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=350&amp;source=web_lightbox_desktop_FY24Q4_givingday_v&amp;currency=USD" class="button arrow-right bg-darkgray donation-btn">$350</a><a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=500&amp;source=web_lightbox_desktop_FY24Q4_givingday_v&amp;currency=USD" class="button arrow-right bg-ltgray donation-btn desktop-btn">$500</a><a id="donate-bar-other-amount" href="https://act.350.org/donate/web_banner_main_nav_v1/?source=web_lightbox_desktop_FY24Q4_givingday_v&amp;currency=USD" class="text-small arrow-right text-white donate-bar-other-amount donation-btn">or choose a different amount</a></div> </div> <div class="clear"></div> <style>@media screen and (max-width:600px){#donate-bar{padding-top:3em;}#donate-bar-text{margin-bottom:1.4rem;}}#donate-bar .section-inner {max-width: 56rem;}.donate-bar-buttons{border-radius:4px;display:flex;flex-wrap:wrap;}.donate-bar-buttons h2{flex:0 0 100%;font-size:1.1rem;margin:0 0 0.3em;width:100%;}.donate-bar-other-amount{display:block;flex:0 0 100%;margin-top:0.3em;width:100%;}.donate-bar-buttons .button{border-radius:4px;flex:1 1 23%;margin:1%;padding:0.7em 0;}.one-time-monthly-toggle {display : inline;padding-bottom : 8px;padding-top : 8px;border-radius : 16px;width: 195px;text-align: center;}.one-time-monthly-toggle .button {color : black;display : inline;border-radius : 16px !important;padding : 0.3rem !important;}.one-time-monthly-toggle .button:first-child {margin-right : 0px;}.one-time-monthly-toggle .button:last-child {margin-left : 0px;}.one-time-monthly-toggle .button.active {background-color : rgb(15, 129, 233);color : white !important;}.currency-changer-container {width: 80px;}.currency-changer {border: 1px solid rgba(21,36,43,0.25);color: black;padding: 6px 6px 6px 0 !important;font-weight: 400;}.justify-content-space-between {justify-content: space-between;}.donation-btn.button.arrow-right::after {background-color: rgba(20, 35, 43, 0.2);}#donate-bar .one-time-monthly-toggle {display: inline;padding-top: 5px !important;border-radius: 20px;text-align: center;height: 35px;}</style> <style>.btn-group-wrapper {width : 100%;margin-top : 10px;margin-bottom : 10px;}.one-time-monthly-toggle {display : inline;padding-bottom : 8px;padding-top : 8px;border-radius : 16px;}.one-time-monthly-toggle .button {color : black;display : inline;border-radius : 16px !important;padding : 0.3rem !important;}.one-time-monthly-toggle .button:first-child {margin-right : 0px;}.one-time-monthly-toggle .button:last-child {margin-left : 0px;}.one-time-monthly-toggle .button.active {background-color : #314848;color : white !important;}html,body {font-size: 16px;}</style> </div> </div> </div> </div> </div> <style>#giving-day-popup {color: white; position: fixed;left: 50%;top: 50%;width: 65%;transform: translate(-50%, -50%);border-radius: 20px;padding: 5em 2em;overflow: hidden; background-image: url(https://350.org/wp-content/uploads/2023/12/donation-banner.jpg); height: 590px;}.banner-title {font-family: KlimaWeb,-apple-system,BlinkMacSystemFont,arial,sans-serif;font-size: 42px;font-weight: 800;line-height: 1;}#giving-day-popup .one-time-monthly-toggle .button.active {background-color: #314848 !important;} .bg-darkgray {background-color: #314848;} .currency-changer { background-color: rgba(0, 0, 0, .6);color: #fff !important;} .giving-day-popup-content {max-width: 68rem !important;} #giving-day-popup #donate-bar-text {padding-right: 2rem;} #giving-day-popup .normal-donation-buttons {width: 485px; } #giving-day-popup .toggle-currency-container {max-width: 480px;}@media only screen and (max-width: 680px) {#giving-day-popup .eoy-banner-wrapper {flex-direction: column;} #giving-day-popup .normal-donation-buttons {width: unset;} #giving-day-popup {width: 85%; height: 95%; padding: 1rem 1rem;} #giving-day-popup .banner-title { font-size: 36px; }} </style> </div> <script nowprocket> // Get modal elements var modal = document.getElementById("powerup-popup-wrapper"); var powerpop = document.getElementById("powerup-popup"); var close = document.getElementById("powerup-close"); // Close modal /*close.onclick = function () { modal.style.display = "none"; } modal.onclick = function (e) { if (e.target == modal) { modal.style.display = "none"; } e.stopPropagation(); }*/ // Move the modal to a place in the DOM where the stacking order will be correct const powerUpModal = document.getElementById('powerup-popup-wrapper'); if (powerUpModal.parentNode) { const pu = powerUpModal.parentNode.removeChild(powerUpModal); const container = document.getElementById('container'); container.parentElement.insertBefore(pu, container); // pu.style.display = 'block'; } </script> <!---------- / END OF POWERUP POPUP ----------------> <script> window.onload = function() { var header = document.getElementById("site-header"); header.classList.add("refresh"); }; </script> <div class="c7 ct10 margin-bottom-medium"> <h1 class="title4"> We fight for a world<br>beyond fossil fuels.</h1> </div> <div class="c5 ct10"> <p class="text-style-lead2">We believe in a safe climate and a better future — a prosperous and equitable world built with the power of ordinary people, driven by renewable energy and rooted in justice.</p> <a href="#join" class="button button-refresh bg-orange arrow-down">JOIN US</a> </p> </div> <style> #site-header.headroom--pinned.headroom--not-top.bg-transparent { background-color: #0f81e8 !important; background-image: none !important; } html,body { font-size: 16px; } </style> <script> jQuery( document ).ready(function($){ function closeLightbox() { $('#powerup-popup-wrapper').addClass('display-none'); $('body').removeClass('overflow-hidden'); $('body').off('click'); } $('#giving-day-popup #giving-day-bar-close').on('click', function(e) { closeLightbox(); }); $('body').on('click', function(e) { var lightbox = document.getElementById('giving-day-popup'); var overlay = document.getElementById('powerup-popup-wrapper'); if (e.target == lightbox) { } else if (e.target === overlay) { closeLightbox(); } }); }); </script> </div> </div> <div class="section code b-lazy lazy bg-ltblue bg-repeat-none bg-image-off bg-attach-scroll bg-size-cover width-extrawide padding-normal none refresh padding-bottom-none" id="section_2" > <div class="section-inner code-inner"> <div class="c7 ct10 margin-bottom-medium"> <h2 class="title4"> Our Campaigns</h2> </div> <div class="c5 ct10"> <p class="text-style-lead2">We’re working across the globe to end fossil fuels and power up just and accessible renewables.</p> <p class=" text-style-lead2 text-strong">Explore some of our active campaigns below.</p> </p> </div> <style> .bg-ltblue.refresh, .button.bg-ltblue.refresh { border: none; } </style> </div> </div> <div class="section code b-lazy lazy bg-ltblue bg-repeat-none bg-image-off bg-attach-scroll bg-size-cover width-full padding-normal none refresh padding-top-none" id="section_3" > <div class="section-inner code-inner"> <div class="campaign-cards"> <a href="https://350africa.org/repower-afrika/" target="_blank" class="campaign-card c3_3"> <img src="https://350.org/wp-content/uploads/2024/05/power-up-icon.png"> <h3>REPower Afrika</h3> <p class="arrow-right">Empower renewable solutions from the ground up</p> </a> <a href=" https://linktr.ee/350Europe" target="_blank" class="campaign-card c3_3"> <img src="https://350.org/wp-content/uploads/2024/05/finance-icon.png"> <h3>Tax Their Billions</h3> <p class="arrow-right">Make the super-rich pay to fix the climate crisis. Join us!</p> </a> <a href="https://350pacific.org/ourpawa/" target="_blank" class="campaign-card c3_3"> <img src="https://350.org/wp-content/uploads/2024/05/build-icon1.png"> <h3>Our Pawa</h3> <p class="arrow-right">Support a fair and equitable energy transition in Australia and the Pacific</p> </a> <a href="https://350.org/ndcs-climate-ambition/" target="_blank" class="campaign-card c3_3"> <img src="https://350.org/wp-content/uploads/2024/05/build-icon1.png"> <h3>Demand Climate Action</h3> <p class="arrow-right">Pressure global leaders to raise ambition and commit to good NDCs</p> </a> </div> <div class="text-center"> <a class="button button-refresh bg-ltblue refresh arrow-right text-blue-important" href="/get-involved">Browse Our Campaigns</a> </div> <style> .campaign-cards { display: flex; } .campaign-card:nth-child(4n+1) { background-color: #FFA902; } .campaign-card:nth-child(4n+2) { background-color: #FF6112; } .campaign-card:nth-child(4n+3) { background-color: #158F8D; } .campaign-card:nth-child(4n+4) { background-color: #0F81E8; } .campaign-cards a { color: white !important; text-decoration: none; } .campaign-card { display: flex; justify-content: center; flex-direction: column; border-radius: 2rem; padding: 1.5rem; margin: 1rem; transition: 0.125s; } .campaign-card img { width: 80px; filter: brightness(0) invert(1); } .campaign-card h3 { font-weight: 900; } .campaign-card:hover { transform: scale(1.05); } @media screen and (max-width: 950px) { .campaign-cards { flex-direction: column; } } </style> </div> </div> <div class="section actionkit b-lazy lazy bg-ltblue bg-repeat-none bg-image-off bg-attach-scroll bg-size-cover width-medium padding-medium none homepage-join-section " id="join" > <div id="action-kit-inner" class="section-inner code-inner"> <script type="text/javascript"> actionkit.forms.initPage(); </script> <style> #known_user{display: none;} </style> <script type="text/javascript"> function urlParam(name){ var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href); if (!results) { return 0; } return results[1] || 0; } var oneclick = urlParam('oneclick'); jQuery( document ).ready(function() { if (oneclick){ jQuery('#action-lead div').css('visibility', 'hidden'); } }); </script> <section id="action-lead" class="section action-lead title-section width-medium padding-medium bg-blue-fade"> <div class="section-inner"> <div id="action-header" class="c6 ct10 cm10 c-wide"> <a id="jump-to-form" href="#action-form" class="tablet-hide desktop-hide mobile-hide bg-orange text-underline-none text-center arrow-down text-large2">Join Us</a> <h2 id="action-title" class="title3 text-style-title3"> <p><span class="text-underline-thick-orange">Join</span> the Climate Movement:</p> </h2> <div id="action-description" class="text-large margin-top-none margin-bottom-huge " data-read-more-after="7"> <p><strong><img style="margin: 5px;" src="https://farm4.static.flickr.com/3513/4042445372_742a359f50.jpg" alt="Clovelly Lanterns" width="500" height="333" /></strong></p> <p><strong>350.org is building a global grassroots movement to solve the climate crisis.</strong></p> <p>Our online campaigns, grassroots organizing, and mass public actions are led from the bottom up by thousands of volunteer organizers in over 188 countries.<br /><strong></strong></p> <p><strong>Sign up for important movement dispatches in the box on the right!</strong></p> <p><strong><br /></strong></p> <p><strong><br /></strong></p> <p><a href="https://act.350.org http://act.350.org/signup/signup_copy_fr/">Fran&ccedil;ais</a><span>&nbsp; | &nbsp;</span><a href="https://act.350.org http://act.350.org/signup/signup_copy_es/">Espa&ntilde;ol</a><span>&nbsp; | &nbsp;</span><a href="https://act.350.org http://act.350.org/signup/signup_pt/">Portugu&ecirc;s</a><span>&nbsp; | &nbsp;</span><a href="https://act.350.org http://act.350.org/signup/signup_copy_de/">Deutsch</a><span>&nbsp; | &nbsp;</span><a href="https://act.350.org http://act.350.org/signup/signup_copy_ru/">Русский</a><span>&nbsp; | &nbsp;</span><a href="https://act.350.org http://act.350.org/signup/signup_copy_ch/">中文</a><span>&nbsp; | &nbsp;</span><a href="https://act.350.org http://act.350.org/signup/signup_copy_ar/">&nbsp;العربية</a><span>&nbsp; | &nbsp;</span><a href="https://act.350.org http://act.350.org/signup/signup_copy_pl/">Polski</a><span>&nbsp; | &nbsp;</span><a href="https://act.350.org http://act.350.org/signup/signup_turkish/">T&uuml;rk&ccedil;e</a><span>&nbsp; |&nbsp;</span><a href="https://act.350.org http://act.350.org/signup/signup_swedish/">Svenska</a><span>&nbsp; | &nbsp;</span><a href="https://act.350.org http://act.350.org/signup/signup_dutch/">Nederlands</a><span>&nbsp; | &nbsp;</span><a href="https://act.350.org http://act.350.org/signup/signup_indonesian/">Bahasa Indonesia</a><span>&nbsp; | &nbsp;</span><a href="https://act.350.org http://act.350.org/signup/signup_japanese/">日本語</a><span>&nbsp; | &nbsp;</span><a href="https://act.350.org http://act.350.org/signup/signup_korean/">한국어</a></p> <!-- ak.wysiwyg=code --> </div> </div> <form id="action-form" class="c4 ct7_5 cm10 c-wide form-changeorg form-style-labelabove ak-form action_form text-black" name="act" method="POST" action="https://act.350.org/act/" accept-charset="utf-8"> <div id="t" class="p text-large text-lineheight-small strong text-white"> &nbsp; </div> <input type="hidden" name="utf8" value="&#x2714;"> <input type="hidden" name="page" value="web_join" /> <div id="known_user"> <div id="known_user_welcome" class="padding-small bg-white margin-bottom-none"> <p id="known-user-greeting" class="text-large strong margin-bottom-small">Hi <span id="known_user_name"></span>!</p> <p class="text-small">We have your contact info saved from last time, just click the button below to continue.</p> <div id="known_user_logout" class="text-small2"> <span class="user-logout-link"><strong>Not <span id="known_user_name"></span>?</strong> <a href="https://act.350.org?" onclick="return actionkit.forms.logOut()" class="icon-before icon-faded text-underline-none text-blue" data-icon="&#xE904;">Sign out</a></span> </div> </div> </div> <div id="unknown_user" class="user-form ak-user-form ak-errs-below form-style-labelabove text-black"> <div id="ak-fieldbox-name" class="name_box input-text ak-input-type-user "> <label for="id_name">Name</label> <input type="text" name="name" id="id_name" class="ak-userfield-input"> </div> <div id="ak-fieldbox-email" class="email_box input-text ak-input-type-user required"> <label for="id_email">Email Address<span class="ak-required-flag">*</span></label> <input type="text" name="email" id="id_email" class="ak-userfield-input"> </div> <div id="ak-fieldbox-country" class="country_box input-select ak-input-type-user required"> <label for="id_country">Country<span class="ak-required-flag">*</span></label> <select name="country" id="country" > <option selected></option> <option value="Afghanistan">Afghanistan</option> <option value="Aland Islands">Aland Islands</option> <option value="Albania">Albania</option> <option value="Algeria">Algeria</option> <option value="American Samoa">American Samoa</option> <option value="Andorra">Andorra</option> <option value="Angola">Angola</option> <option value="Anguilla">Anguilla</option> <option value="Antarctica">Antarctica</option> <option value="Antigua and Barbuda">Antigua and Barbuda</option> <option value="Argentina">Argentina</option> <option value="Armenia">Armenia</option> <option value="Aruba">Aruba</option> <option value="Australia">Australia</option> <option value="Austria">Austria</option> <option value="Azerbaijan">Azerbaijan</option> <option value="Bahamas">Bahamas</option> <option value="Bahrain">Bahrain</option> <option value="Bangladesh">Bangladesh</option> <option value="Barbados">Barbados</option> <option value="Belarus">Belarus</option> <option value="Belgium">Belgium</option> <option value="Belize">Belize</option> <option value="Benin">Benin</option> <option value="Bermuda">Bermuda</option> <option value="Bhutan">Bhutan</option> <option value="Bolivia">Bolivia</option> <option value="Bonaire, Saint Eustatius and Saba ">Bonaire, Saint Eustatius and Saba </option> <option value="Bosnia and Herzegovina">Bosnia and Herzegovina</option> <option value="Botswana">Botswana</option> <option value="Bouvet Island">Bouvet Island</option> <option value="Brazil">Brazil</option> <option value="British Indian Ocean Territory">British Indian Ocean Territory</option> <option value="British Virgin Islands">British Virgin Islands</option> <option value="Brunei">Brunei</option> <option value="Bulgaria">Bulgaria</option> <option value="Burkina Faso">Burkina Faso</option> <option value="Burundi">Burundi</option> <option value="Cabo Verde">Cabo Verde</option> <option value="Cambodia">Cambodia</option> <option value="Cameroon">Cameroon</option> <option value="Canada">Canada</option> <option value="Cayman Islands">Cayman Islands</option> <option value="Central African Republic">Central African Republic</option> <option value="Chad">Chad</option> <option value="Chile">Chile</option> <option value="China">China</option> <option value="Christmas Island">Christmas Island</option> <option value="Cocos Islands">Cocos Islands</option> <option value="Colombia">Colombia</option> <option value="Comoros">Comoros</option> <option value="Cook Islands">Cook Islands</option> <option value="Costa Rica">Costa Rica</option> <option value="Croatia">Croatia</option> <option value="Cuba">Cuba</option> <option value="Curacao">Curacao</option> <option value="Cyprus">Cyprus</option> <option value="Czechia">Czechia</option> <option value="Democratic Republic of the Congo">Democratic Republic of the Congo</option> <option value="Denmark">Denmark</option> <option value="Djibouti">Djibouti</option> <option value="Dominica">Dominica</option> <option value="Dominican Republic">Dominican Republic</option> <option value="Ecuador">Ecuador</option> <option value="Egypt">Egypt</option> <option value="El Salvador">El Salvador</option> <option value="Equatorial Guinea">Equatorial Guinea</option> <option value="Eritrea">Eritrea</option> <option value="Estonia">Estonia</option> <option value="Eswatini">Eswatini</option> <option value="Ethiopia">Ethiopia</option> <option value="Falkland Islands">Falkland Islands</option> <option value="Faroe Islands">Faroe Islands</option> <option value="Fiji">Fiji</option> <option value="Finland">Finland</option> <option value="France">France</option> <option value="French Guiana">French Guiana</option> <option value="French Polynesia">French Polynesia</option> <option value="French Southern Territories">French Southern Territories</option> <option value="Gabon">Gabon</option> <option value="Gambia">Gambia</option> <option value="Georgia">Georgia</option> <option value="Germany">Germany</option> <option value="Ghana">Ghana</option> <option value="Gibraltar">Gibraltar</option> <option value="Greece">Greece</option> <option value="Greenland">Greenland</option> <option value="Grenada">Grenada</option> <option value="Guadeloupe">Guadeloupe</option> <option value="Guam">Guam</option> <option value="Guatemala">Guatemala</option> <option value="Guernsey">Guernsey</option> <option value="Guinea">Guinea</option> <option value="Guinea-Bissau">Guinea-Bissau</option> <option value="Guyana">Guyana</option> <option value="Haiti">Haiti</option> <option value="Heard Island and McDonald Islands">Heard Island and McDonald Islands</option> <option value="Honduras">Honduras</option> <option value="Hong Kong">Hong Kong</option> <option value="Hungary">Hungary</option> <option value="Iceland">Iceland</option> <option value="India">India</option> <option value="Indonesia">Indonesia</option> <option value="Iran">Iran</option> <option value="Iraq">Iraq</option> <option value="Ireland">Ireland</option> <option value="Isle of Man">Isle of Man</option> <option value="Israel">Israel</option> <option value="Italy">Italy</option> <option value="Ivory Coast">Ivory Coast</option> <option value="Jamaica">Jamaica</option> <option value="Japan">Japan</option> <option value="Jersey">Jersey</option> <option value="Jordan">Jordan</option> <option value="Kazakhstan">Kazakhstan</option> <option value="Kenya">Kenya</option> <option value="Kiribati">Kiribati</option> <option value="Kosovo">Kosovo</option> <option value="Kuwait">Kuwait</option> <option value="Kyrgyzstan">Kyrgyzstan</option> <option value="Laos">Laos</option> <option value="Latvia">Latvia</option> <option value="Lebanon">Lebanon</option> <option value="Lesotho">Lesotho</option> <option value="Liberia">Liberia</option> <option value="Libya">Libya</option> <option value="Liechtenstein">Liechtenstein</option> <option value="Lithuania">Lithuania</option> <option value="Luxembourg">Luxembourg</option> <option value="Macao">Macao</option> <option value="Madagascar">Madagascar</option> <option value="Malawi">Malawi</option> <option value="Malaysia">Malaysia</option> <option value="Maldives">Maldives</option> <option value="Mali">Mali</option> <option value="Malta">Malta</option> <option value="Marshall Islands">Marshall Islands</option> <option value="Martinique">Martinique</option> <option value="Mauritania">Mauritania</option> <option value="Mauritius">Mauritius</option> <option value="Mayotte">Mayotte</option> <option value="Mexico">Mexico</option> <option value="Micronesia">Micronesia</option> <option value="Moldova">Moldova</option> <option value="Monaco">Monaco</option> <option value="Mongolia">Mongolia</option> <option value="Montenegro">Montenegro</option> <option value="Montserrat">Montserrat</option> <option value="Morocco">Morocco</option> <option value="Mozambique">Mozambique</option> <option value="Myanmar">Myanmar</option> <option value="Namibia">Namibia</option> <option value="Nauru">Nauru</option> <option value="Nepal">Nepal</option> <option value="Netherlands">Netherlands</option> <option value="Netherlands Antilles">Netherlands Antilles</option> <option value="New Caledonia">New Caledonia</option> <option value="New Zealand">New Zealand</option> <option value="Nicaragua">Nicaragua</option> <option value="Niger">Niger</option> <option value="Nigeria">Nigeria</option> <option value="Niue">Niue</option> <option value="Norfolk Island">Norfolk Island</option> <option value="North Korea">North Korea</option> <option value="North Macedonia">North Macedonia</option> <option value="Northern Mariana Islands">Northern Mariana Islands</option> <option value="Norway">Norway</option> <option value="Oman">Oman</option> <option value="Pakistan">Pakistan</option> <option value="Palau">Palau</option> <option value="Palestinian Territory">Palestinian Territory</option> <option value="Panama">Panama</option> <option value="Papua New Guinea">Papua New Guinea</option> <option value="Paraguay">Paraguay</option> <option value="Peru">Peru</option> <option value="Philippines">Philippines</option> <option value="Pitcairn">Pitcairn</option> <option value="Poland">Poland</option> <option value="Portugal">Portugal</option> <option value="Puerto Rico">Puerto Rico</option> <option value="Qatar">Qatar</option> <option value="Republic of the Congo">Republic of the Congo</option> <option value="Reunion">Reunion</option> <option value="Romania">Romania</option> <option value="Russia">Russia</option> <option value="Rwanda">Rwanda</option> <option value="Saint Barthelemy">Saint Barthelemy</option> <option value="Saint Helena">Saint Helena</option> <option value="Saint Kitts and Nevis">Saint Kitts and Nevis</option> <option value="Saint Lucia">Saint Lucia</option> <option value="Saint Martin">Saint Martin</option> <option value="Saint Pierre and Miquelon">Saint Pierre and Miquelon</option> <option value="Saint Vincent and the Grenadines">Saint Vincent and the Grenadines</option> <option value="Samoa">Samoa</option> <option value="San Marino">San Marino</option> <option value="Sao Tome and Principe">Sao Tome and Principe</option> <option value="Saudi Arabia">Saudi Arabia</option> <option value="Senegal">Senegal</option> <option value="Serbia">Serbia</option> <option value="Serbia and Montenegro">Serbia and Montenegro</option> <option value="Seychelles">Seychelles</option> <option value="Sierra Leone">Sierra Leone</option> <option value="Singapore">Singapore</option> <option value="Sint Maarten">Sint Maarten</option> <option value="Slovakia">Slovakia</option> <option value="Slovenia">Slovenia</option> <option value="Solomon Islands">Solomon Islands</option> <option value="Somalia">Somalia</option> <option value="South Africa">South Africa</option> <option value="South Georgia and the South Sandwich Islands">South Georgia and the South Sandwich Islands</option> <option value="South Korea">South Korea</option> <option value="South Sudan">South Sudan</option> <option value="Spain">Spain</option> <option value="Sri Lanka">Sri Lanka</option> <option value="Sudan">Sudan</option> <option value="Suriname">Suriname</option> <option value="Svalbard and Jan Mayen">Svalbard and Jan Mayen</option> <option value="Sweden">Sweden</option> <option value="Switzerland">Switzerland</option> <option value="Syria">Syria</option> <option value="Taiwan">Taiwan</option> <option value="Tajikistan">Tajikistan</option> <option value="Tanzania">Tanzania</option> <option value="Thailand">Thailand</option> <option value="Timor Leste">Timor Leste</option> <option value="Togo">Togo</option> <option value="Tokelau">Tokelau</option> <option value="Tonga">Tonga</option> <option value="Trinidad and Tobago">Trinidad and Tobago</option> <option value="Tunisia">Tunisia</option> <option value="Turkey">Turkey</option> <option value="Turkmenistan">Turkmenistan</option> <option value="Turks and Caicos Islands">Turks and Caicos Islands</option> <option value="Tuvalu">Tuvalu</option> <option value="U.S. Virgin Islands">U.S. Virgin Islands</option> <option value="Uganda">Uganda</option> <option value="Ukraine">Ukraine</option> <option value="United Arab Emirates">United Arab Emirates</option> <option value="United Kingdom">United Kingdom</option> <option value="United States">United States</option> <option value="United States Minor Outlying Islands">United States Minor Outlying Islands</option> <option value="Uruguay">Uruguay</option> <option value="Uzbekistan">Uzbekistan</option> <option value="Vanuatu">Vanuatu</option> <option value="Vatican">Vatican</option> <option value="Venezuela">Venezuela</option> <option value="Vietnam">Vietnam</option> <option value="Wallis and Futuna">Wallis and Futuna</option> <option value="Western Sahara">Western Sahara</option> <option value="Yemen">Yemen</option> <option value="Zambia">Zambia</option> <option value="Zimbabwe">Zimbabwe</option> <!-- in case we need manual override <option value="Åland Islands"> Åland Islands </option> <option value="Afghanistan"> Afghanistan </option> <option value="Albania"> Albania </option> <option value="Algeria"> Algeria </option> <option value="American Samoa"> American Samoa </option> <option value="Andorra"> Andorra </option> <option value="Angola"> Angola </option> <option value="Anguilla"> Anguilla </option> <option value="Antarctica"> Antarctica </option> <option value="Antigua and Barbuda"> Antigua and Barbuda </option> <option value="Argentina"> Argentina </option> <option value="Armenia"> Armenia </option> <option value="Aruba"> Aruba </option> <option value="Australia"> Australia </option> <option value="Austria"> Austria </option> <option value="Azerbaijan"> Azerbaijan </option> <option value="Bahamas"> Bahamas </option> <option value="Bahrain"> Bahrain </option> <option value="Bangladesh"> Bangladesh </option> <option value="Barbados"> Barbados </option> <option value="Belarus"> Belarus </option> <option value="Belgium"> Belgium </option> <option value="Belize"> Belize </option> <option value="Benin"> Benin </option> <option value="Bermuda"> Bermuda </option> <option value="Bhutan"> Bhutan </option> <option value="Bolivia"> Bolivia </option> <option value="Bonaire"> Bonaire </option> <option value="Bosnia and Herzegovina"> Bosnia and Herzegovina </option> <option value="Botswana"> Botswana </option> <option value="Bouvet Island"> Bouvet Island </option> <option value="Brazil"> Brazil </option> <option value="British Indian Ocean Territory"> British Indian Ocean Territory </option> <option value="British Virgin Islands"> British Virgin Islands </option> <option value="Brunei"> Brunei </option> <option value="Bulgaria"> Bulgaria </option> <option value="Burkina Faso"> Burkina Faso </option> <option value="Burundi"> Burundi </option> <option value="Cabo Verde"> Cabo Verde </option> <option value="Cambodia"> Cambodia </option> <option value="Cameroon"> Cameroon </option> <option value="Canada"> Canada </option> <option value="Cayman Islands"> Cayman Islands </option> <option value="Central African Republic"> Central African Republic </option> <option value="Chad"> Chad </option> <option value="Chile"> Chile </option> <option value="China"> China </option> <option value="Christmas Island"> Christmas Island </option> <option value="Cocos [Keeling] Islands"> Cocos [Keeling] Islands </option> <option value="Colombia"> Colombia </option> <option value="Comoros"> Comoros </option> <option value="Cook Islands"> Cook Islands </option> <option value="Costa Rica"> Costa Rica </option> <option value="Croatia"> Croatia </option> <option value="Cuba"> Cuba </option> <option value="Curacao"> Curacao </option> <option value="Cyprus"> Cyprus </option> <option value="Czechia"> Czechia </option> <option value="Democratic Republic of the Congo"> Democratic Republic of the Congo </option> <option value="Denmark"> Denmark </option> <option value="Djibouti"> Djibouti </option> <option value="Dominica"> Dominica </option> <option value="Dominican Republic"> Dominican Republic </option> <option value="Ecuador"> Ecuador </option> <option value="Egypt"> Egypt </option> <option value="El Salvador"> El Salvador </option> <option value="Equatorial Guinea"> Equatorial Guinea </option> <option value="Eritrea"> Eritrea </option> <option value="Estonia"> Estonia </option> <option value="Eswatini"> Eswatini </option> <option value="Ethiopia"> Ethiopia </option> <option value="Falkland Islands"> Falkland Islands </option> <option value="Faroe Islands"> Faroe Islands </option> <option value="Fiji"> Fiji </option> <option value="Finland"> Finland </option> <option value="France"> France </option> <option value="French Guiana"> French Guiana </option> <option value="French Polynesia"> French Polynesia </option> <option value="French Southern Territories"> French Southern Territories </option> <option value="Gabon"> Gabon </option> <option value="Gambia"> Gambia </option> <option value="Georgia"> Georgia </option> <option value="Germany"> Germany </option> <option value="Ghana"> Ghana </option> <option value="Gibraltar"> Gibraltar </option> <option value="Greece"> Greece </option> <option value="Greenland"> Greenland </option> <option value="Grenada"> Grenada </option> <option value="Guadeloupe"> Guadeloupe </option> <option value="Guam"> Guam </option> <option value="Guatemala"> Guatemala </option> <option value="Guernsey"> Guernsey </option> <option value="Guinea"> Guinea </option> <option value="Guinea-Bissau"> Guinea-Bissau </option> <option value="Guyana"> Guyana </option> <option value="Haiti"> Haiti </option> <option value="Heard Island and McDonald Islands"> Heard Island and McDonald Islands </option> <option value="Honduras"> Honduras </option> <option value="Hong Kong"> Hong Kong </option> <option value="Hungary"> Hungary </option> <option value="Iceland"> Iceland </option> <option value="India"> India </option> <option value="Indonesia"> Indonesia </option> <option value="Iran"> Iran </option> <option value="Iraq"> Iraq </option> <option value="Ireland"> Ireland </option> <option value="Isle of Man"> Isle of Man </option> <option value="Israel"> Israel </option> <option value="Italy"> Italy </option> <option value="Ivory Coast"> Ivory Coast </option> <option value="Jamaica"> Jamaica </option> <option value="Japan"> Japan </option> <option value="Jersey"> Jersey </option> <option value="Jordan"> Jordan </option> <option value="Kazakhstan"> Kazakhstan </option> <option value="Kenya"> Kenya </option> <option value="Kiribati"> Kiribati </option> <option value="Kosovo"> Kosovo </option> <option value="Kuwait"> Kuwait </option> <option value="Kyrgyzstan"> Kyrgyzstan </option> <option value="Laos"> Laos </option> <option value="Latvia"> Latvia </option> <option value="Lebanon"> Lebanon </option> <option value="Lesotho"> Lesotho </option> <option value="Liberia"> Liberia </option> <option value="Libya"> Libya </option> <option value="Liechtenstein"> Liechtenstein </option> <option value="Lithuania"> Lithuania </option> <option value="Luxembourg"> Luxembourg </option> <option value="Macao"> Macao </option> <option value="Madagascar"> Madagascar </option> <option value="Malawi"> Malawi </option> <option value="Malaysia"> Malaysia </option> <option value="Maldives"> Maldives </option> <option value="Mali"> Mali </option> <option value="Malta"> Malta </option> <option value="Marshall Islands"> Marshall Islands </option> <option value="Martinique"> Martinique </option> <option value="Mauritania"> Mauritania </option> <option value="Mauritius"> Mauritius </option> <option value="Mayotte"> Mayotte </option> <option value="Mexico"> Mexico </option> <option value="Micronesia"> Micronesia </option> <option value="Moldova"> Moldova </option> <option value="Monaco"> Monaco </option> <option value="Mongolia"> Mongolia </option> <option value="Montenegro"> Montenegro </option> <option value="Montserrat"> Montserrat </option> <option value="Morocco"> Morocco </option> <option value="Mozambique"> Mozambique </option> <option value="Myanmar [Burma]"> Myanmar [Burma] </option> <option value="Namibia"> Namibia </option> <option value="Nauru"> Nauru </option> <option value="Nepal"> Nepal </option> <option value="Netherlands"> Netherlands </option> <option value="New Caledonia"> New Caledonia </option> <option value="New Zealand"> New Zealand </option> <option value="Nicaragua"> Nicaragua </option> <option value="Niger"> Niger </option> <option value="Nigeria"> Nigeria </option> <option value="Niue"> Niue </option> <option value="Norfolk Island"> Norfolk Island </option> <option value="North Korea"> North Korea </option> <option value="North Macedonia"> North Macedonia </option> <option value="Northern Mariana Islands"> Northern Mariana Islands </option> <option value="Norway"> Norway </option> <option value="Oman"> Oman </option> <option value="Pakistan"> Pakistan </option> <option value="Palau"> Palau </option> <option value="Palestine"> Palestine </option> <option value="Panama"> Panama </option> <option value="Papua New Guinea"> Papua New Guinea </option> <option value="Paraguay"> Paraguay </option> <option value="Peru"> Peru </option> <option value="Philippines"> Philippines </option> <option value="Pitcairn Islands"> Pitcairn Islands </option> <option value="Poland"> Poland </option> <option value="Portugal"> Portugal </option> <option value="Puerto Rico"> Puerto Rico </option> <option value="Qatar"> Qatar </option> <option value="Republic of the Congo"> Republic of the Congo </option> <option value="Romania"> Romania </option> <option value="Russia"> Russia </option> <option value="Rwanda"> Rwanda </option> <option value="Réunion"> Réunion </option> <option value="Saint Barthélemy"> Saint Barthélemy </option> <option value="Saint Helena"> Saint Helena </option> <option value="Saint Kitts and Nevis"> Saint Kitts and Nevis </option> <option value="Saint Lucia"> Saint Lucia </option> <option value="Saint Martin"> Saint Martin </option> <option value="Saint Pierre and Miquelon"> Saint Pierre and Miquelon </option> <option value="Saint Vincent and the Grenadines"> Saint Vincent and the Grenadines </option> <option value="Samoa"> Samoa </option> <option value="San Marino"> San Marino </option> <option value="Saudi Arabia"> Saudi Arabia </option> <option value="Senegal"> Senegal </option> <option value="Serbia"> Serbia </option> <option value="Seychelles"> Seychelles </option> <option value="Sierra Leone"> Sierra Leone </option> <option value="Singapore"> Singapore </option> <option value="Sint Maarten"> Sint Maarten </option> <option value="Slovakia"> Slovakia </option> <option value="Slovenia"> Slovenia </option> <option value="Solomon Islands"> Solomon Islands </option> <option value="Somalia"> Somalia </option> <option value="South Africa"> South Africa </option> <option value="South Georgia and the South Sandwich Islands"> South Georgia and the South Sandwich Islands </option> <option value="South Korea"> South Korea </option> <option value="South Sudan"> South Sudan </option> <option value="Spain"> Spain </option> <option value="Sri Lanka"> Sri Lanka </option> <option value="Sudan"> Sudan </option> <option value="Suriname"> Suriname </option> <option value="Svalbard and Jan Mayen"> Svalbard and Jan Mayen </option> <option value="Sweden"> Sweden </option> <option value="Switzerland"> Switzerland </option> <option value="Syria"> Syria </option> <option value="São Tomé and Príncipe"> São Tomé and Príncipe </option> <option value="Taiwan"> Taiwan </option> <option value="Tajikistan"> Tajikistan </option> <option value="Tanzania"> Tanzania </option> <option value="Thailand"> Thailand </option> <option value="Timor-Leste"> Timor-Leste </option> <option value="Togo"> Togo </option> <option value="Tokelau"> Tokelau </option> <option value="Tonga"> Tonga </option> <option value="Trinidad and Tobago"> Trinidad and Tobago </option> <option value="Tunisia"> Tunisia </option> <option value="Turkey"> Turkey </option> <option value="Turkmenistan"> Turkmenistan </option> <option value="Turks and Caicos Islands"> Turks and Caicos Islands </option> <option value="Tuvalu"> Tuvalu </option> <option value="U.S. Minor Outlying Islands"> U.S. Minor Outlying Islands </option> <option value="U.S. Virgin Islands"> U.S. Virgin Islands </option> <option value="Uganda"> Uganda </option> <option value="Ukraine"> Ukraine </option> <option value="United Arab Emirates"> United Arab Emirates </option> <option value="United Kingdom"> United Kingdom </option> <option value="United States"> United States </option> <option value="Uruguay"> Uruguay </option> <option value="Uzbekistan"> Uzbekistan </option> <option value="Vanuatu"> Vanuatu </option> <option value="Vatican City"> Vatican City </option> <option value="Venezuela"> Venezuela </option> <option value="Vietnam"> Vietnam </option> <option value="Wallis and Futuna"> Wallis and Futuna </option> <option value="Western Sahara"> Western Sahara </option> <option value="Yemen"> Yemen </option> <option value="Zambia"> Zambia </option> <option value="Zimbabwe"> Zimbabwe </option> --> </select> </div> <div id="ak-fieldbox-zip" class="zip_box input-text ak-input-type-user "> <label for="id_zip">ZIP Code</label> <input type="text" name="zip" id="id_zip" class="ak-userfield-input"> </div> <div id="ak-fieldbox-postal" class="postal_box input-text ak-input-type-user "> <label for="id_postal">Postal Code</label> <input type="text" name="postal" id="id_postal" class="ak-userfield-input"> </div> <div class="honey" style="display: none"> <input name="action_honey"> </div> <input type="hidden" name="auto_country" value="1"> <style type="text/css"> /* Ensure that, if there's no JavaScript, the global-friendly fields show * rather than the US-only ones */ #id_zip_box, #id_state_box { display: none; } </style> <div class="form-additional-html"> <input type="hidden" name="redirect" value="https://act.350.org/donate/web_join_redirect/?source=web_join_redirect"> </div> <div style="display: none"> <input name="user_honey"> </div> </div> <div class="ak-privacy ak-errs-below"> <script> jQuery(document).ready(function($){ var countrySelect = jQuery("#country"); jQuery(actionkit.form).on('actionkit.privacyRequirementChanged', function(obj, privacyStatus){ // console.log('privacy requirement is now: ' + privacyStatus); if ( privacyStatus ){ jQuery(".privacy-non_eu").hide(); jQuery(".partner-signup").show(); } else { jQuery(".privacy-non_eu").show(); jQuery(".partner-signup").show(); } }); }); </script> <style> #action-toc + .ak-privacy{ border-top:1px dotted rgba(255,255,255,0.4); margin-top:1.1em; padding-top:1.1em;} #really-opt-out{ border-radius:2px;} .privacy-ak-err{ background-color: #fff0d4; color: initial; margin: -1px 0 0; padding: 0.4rem 0.6rem; position: relative;} </style> <input type="hidden" name="privacy_show_if" value="missing"> <input type="hidden" id="privacy_notice" name="privacy_hidden" value="85758a036d426767163b2da4c367e6ca5e316120aef6ef206d54da2d74a5b992"> <p id="ak-fieldbox-privacy_notice" class="text-small text-left">Millions of people are taking quick, simple actions for climate justice – be one of them. Can we send you emails about important campaigns, stories, and actions?</p> <input type="hidden" name="required" value="privacy"> <input type="hidden" name="require_opt_in" value="1"> <input id="sub" type="hidden" name="privacy_radio_optin_lists" value="1"> <input id="unsub_all" type="hidden" name="privacy_optout_unsub_all" value="1"> <div id="ak-fieldbox-privacy_radio" class="margin-bottom-normal input-radio-group text-lineheight-small text-small text-left"> <div class="input-radio"> <input type="radio" name="privacy" id="privacy_optin" value="f0fed90098f6450727f450716d4e3b9bded8bc93655e5580302086de203ef21e"> <label for="privacy_optin">Yes, count me in!</label> </div> <div class="input-radio"> <input type="radio" name="privacy" id="privacy_optout" value="accabbf4db42d2b650cb43ee6817b22e9b38dcf8960351361503b9086cd8c094"> <label for="privacy_optout">No, sorry.</label> </div> </div> <div id="really-opt-out" class="text-small bg-dkgray-trans padding-tiny text-whote" style="display: none;"> <p>Are you sure? Email is how the global climate movement is able to stay organised. You can always unsubscribe!</p> <p><label for="privacy_optin" class="button button-small button-secondary bg-teal">Yes, keep me involved</label></p> </div> <script> jQuery(document).ready(function($){ var reallyOptOut = jQuery('#really-opt-out'); jQuery('#privacy_optin').click(function(){ reallyOptOut.fadeOut('slow'); jQuery('#unsub_all').val(''); jQuery('#sub').val('1'); }); jQuery('#privacy_optout').click(function(){ reallyOptOut.fadeIn('slow'); jQuery('#unsub_all').val('1'); jQuery('#sub').val(''); }); }); </script> </div> <style> #privacy_optin, #privacy_optout { -webkit-appearance: auto; } </style> <div class="input-wrapper input-submit margin-bottom-normal"> <button type="submit" class="submit button-primary"> Join Us </button> </div> <div class="general-privacy-notice text-small2"> <p class="icon-before icon-faded" data-icon="&#xE93E;"> <span style="display:none;" class="privacy-non_eu">350 will send you email updates when you can make a difference.</span> By taking this action, you are agreeing to our <a href="https://350.org/tos">terms of service</a> and <a href="https://350.org/privacy">privacy policy</a>. You can <a href="https://act.350.org/unsubscribe/unsubscribe/">unsubscribe</a> at any time. </p> </div> <!--<input name="lists" value="1" type="hidden"/>--> <script> console.log('Signup'); </script> <!-- add page types to the condition below if you want to allow sms opt ins for those pages --> <!-- be sure to test the styling doesn't break when adding new page types --> <script> // ak-fieldbox-sms_optin </script> <script> jQuery(function(){ jQuery('.ak-privacy, #unknown_user .input-radio, #survey-custom-questions .input-radio').addClass('large-radios'); jQuery('#unknown_user .input-checkbox, #survey-custom-questions .input-checkbox').addClass('large-checkboxes'); jQuery('.ak-userfield-radio-choice.ak-userfield-radio-choice, .ak-survey-radio-choice').each(function(i, v) { jQuery(v).contents().eq(1).wrap('<span class="larger-radios-choice-label"/>'); }); jQuery('#unknown_user .input-checkbox .ak-userfield-checkbox-choice, .input-checkbox .ak-survey-checkbox-choice').append(jQuery('<span class="checkmark"/>')); }); </script> <ul style="display:none;" id="ak-errors"><li></li></ul> </form> <script type="text/javascript"> jQuery( document ).ready(function() { function urlParam(name){ var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href); if (!results) { return 0; } return results[1] || 0; } var oneclick = urlParam('oneclick'); var email = urlParam('email'); function oneClickOptIn() { if (email) { document.getElementById("id_email").value = decodeURIComponent(email); var email_entered = true; } if(email_entered) { document.getElementById("action-form").submit(); } } if (oneclick){ oneClickOptIn(); } }); </script> <div class="buttons-share-side mobile-hide"> <a class="button-square button-share-facebook bg-facebook-icon bg-facebook-color" href="https://act.350.org/share/link?type=fb&amp;page_name=web_join&amp;action_id=&amp;akid=None" >Share on Facebook</a> <a href="https://act.350.org/share/link?type=tw&amp;page_name=web_join&amp;action_id=&amp;akid=None" class="button-square button-share-twitter bg-twitter-icon bg-twitter-color">Tweet</a> <a id="button-side-share-general" href="#" data-modal-source="#general-share-modal" class="js-modal button-square button-share-general icon bg-red" data-modal-classes-inner="-" data-modal-classes-outer="" data-icon="&#xE94E;">Share</a> </div> <div id="general-share-modal" class="hidden"> <div class="box box-big bg-red margin-bottom-none"> <h2>Share<span class="text-small icon-after icon-faded" data-icon="&#xE94E;"></span></h2> </div> <div class="box box-big bg-white"> <div class="general-share-url margin-bottom-none"> <h4 class="meta">Link</h4> <input id="page-link-url-general" type="text" class="box box-large border text-large2 margin-bottom-small bg-ltgray page-link-url js-click-to-select-text" value="https://act.350.org/signup/web_join" readonly> <p class="text-right text-small2"><em>(tap or click to select)</em></p> </div> <hr class="margin-medium"> <div class="general-share-email"> <h4 class="meta">Email</h4> <p><a href="/cdn-cgi/l/email-protection#59662a2c3b333c3a2d640a2c30297f383429623b363d20642d3c212d7c6b692d3c212d7c6b692d3c212d" class="button button-secondary share-email icon-after icon-faded" data-icon="&#xe900;">Send an Email</a></p> <p class="text-small">Or copy and paste the text below into an email message.</p> <textarea class="js-click-to-select-text bg-ltgray margin-bottom-small" readonly> Subject: Suip text text text</textarea> <p class="text-right text-small2"><em>(tap or click to select)</em></p> </div> </div> </div> <div id="recent-actions" class="c6 ct6 cm10 c-wide text-small"> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> // JS variable used by crossdomain script to determain folloup url for embedded ak forms var akFollowupPage = "https://act.350.org/donate/web_join_redirect/?source=web_join_redirect"; </script> </section> <!-- (web_join, 12350) Join the Climate Movement --> <div class="ak-manual-title" style="display:none;">Get started — <br><span class="text-underline-thick-orange">Join our<br>climate<br>movement</span></div><div class="ak-manual-intro" style="display:none;"><p>&nbsp;</p> <style> @media screen and (max-width:950px) and (min-width:680px){<br />#action-lead #action-title {<br />text-align: center;<br />}<br />}<br /></style> </div> <script type="text/javascript"> actionkit.forms.contextRoot = 'https://act.350.org/context/'; actionkit.forms.initForm('act'); jQuery('.ak-manual-title').each(function () { // Grab the ID of the current section var parent_id = jQuery(this).closest('.section')[0].id; // Grab the replacement title var manual_title_html = jQuery(this).html(); // Replace the title jQuery('#' + parent_id + ' h2#action-title').html(manual_title_html); }); jQuery('.ak-manual-intro').each(function () { // Grab the ID of the current section var parent_id = jQuery(this).closest('.section')[0].id; // Grab the replacement title var manual_intro_html = jQuery(this).html(); // Replace the title jQuery('#' + parent_id + ' #action-description').html(manual_intro_html); }); </script> <div id="signup-replacement" class="box box-big text-large bg-white-trans c4 ct4 c-wide" style="display: none;"> <p>Thank You for Signing Up!</p> </div> <script src="https://act.350.org/samples/widget.js"></script> <script> jQuery(document).ready(function($){ jQuery(document).on('baseline.ready', function(){ jQuery(document).trigger('actionkit.ready'); }); }); </script> </div> </div> <div class="section code b-lazy lazy bg-white bg-repeat-none bg-image-off bg-attach-scroll bg-size-cover width-normal padding-medium none padding-bottom-normal" id="section_5" > <div class="section-inner code-inner"> <p class="title4 text-center text-strong">How We Work</p> <p class="text-center">Our movement is rising up for bold climate action. We work with people across the world to oppose those wrecking our climate and to fight for a sustainable future. At every step of the way we are driven by the knowledge that every voice makes a difference, and every battle won is another step towards a safe, liveable planet.</p> <p class="text-center text-strong">Here’s how we do it:</p> </div> </div> <div class="section code b-lazy lazy bg-white bg-repeat-none bg-image-off bg-attach-scroll bg-size-cover width-extrawide padding-medium none padding-medium-bottom padding-top-small" id="section_6" > <div class="section-inner code-inner"> <div id="goal-economy" class="goal c3_3 text-center padding-small"> <div class="image-link-parent text-center"><img src="https://threefiftystag.wpengine.com/wp-content/uploads/2023/07/350-about-icons-kiitg-1.png" alt="Pictograph of 'no' symbol and fossil fuel icons"></div> <h5>Stop fossil fuel</h5> <a class="button button-refresh bg-ltblue refresh arrow-right bg-transparent text-blue-important" href="/keep-it-in-the-ground">Learn More</a> </div> <div id="pillar-100re" class="goal c3_3 text-center padding-small"> <div class="image-link-parent text-center"> <img src="https://threefiftystag.wpengine.com/wp-content/uploads/2023/07/350-about-icons-divest-1.png" alt="Pictograph of 'X' symbol, currency symbols, and institutional-style building icon"> </div> <h5>Climate finance</h5> <a class="button button-refresh bg-ltblue refresh arrow-right bg-transparent text-blue-important" href="/finance">Learn More</a> </div> <div id="goal-emissions" class="goal c3_3 text-center padding-small"> <div class="image-link-parent text-center"> <img src="https://threefiftystag.wpengine.com/wp-content/uploads/2023/07/350-about-icons-re-1.png" alt="Pictograph of 'start' symbol and figure lifting solar panels and wind turbines"> </div> <h5>Solutions for climate change</h5> <a class="button button-refresh bg-ltblue refresh arrow-right bg-transparent text-blue-important" href="/solutions">Learn More</a> </div> <style> @media screen and ( max-width: 949px ) { .goal img { max-width: 300px; width: 100%; } } </style> </div> </div> <div class="section code b-lazy lazy bg-ltgray bg-repeat-none bg-image-off bg-attach-scroll bg-size-cover width-extrawide padding-medium none refresh" id="section_7" > <div class="section-inner code-inner"> <p class="title4 text-center text-strong">Get Involved</p> <div class="bg-infoblue refresh display-flex padding-small margin-left-none border-rounded flex-direction-column-mobile align-items-center"> <div class="c7 ct10"> <p class="text-dark">This is a movement made up of ordinary people taking action in several ways, from quick online action to deep organising and campaign leadership. You can help build a world free from fossil fuels and power up the transition to a safe, just and renewable future.</p> <a class="button button-refresh arrow-right bg-ltblue refresh text-blue-important" href="/get-involved/">GET INVOLVED</a> </div> <div class="c3 ct10 cm10 callout-img border-rounded" style="background-image:url('https://350.org/wp-content/uploads/2023/07/20221118_COP27_Sharm_El_Sheikh_Climate_Strike_march_HD_7-10.50.45-AM.jpeg');"></div> </div> </div> </div> <div class="section code b-lazy lazy bg-transparent bg-repeat-none bg-image-off bg-attach-scroll bg-size-cover width-extrawide padding-medium none " id="section_8" > <div class="section-inner code-inner"> <div class="bg-dkyellow refresh padding-small border-rounded web-crawler"> <div class="c6 ct10 c-wide padding-small"> <div data-read-more-after="2"> <p class="text-large3 text-lineheight-small2 text-strong margin-bottom-normal"><span class="text-highlight bg-dkgray-trans">► Help 350.org build a powerful climate movement.</span></p> <p class="text-dark">We believe in a safe climate and a better future — a just, prosperous, and equitable world built with the power of ordinary people. Help us get there!</p> </div> </div> <div class="c4 ct10 c-wide donate-bar-buttons"> <span class="text-caps text-dark text-strong">Donate Now</span> <div class="btn-group-wrapper display-flex justify-content-space-between"> <div class="one-time-monthly-toggle btn-group bg-ltgray"> <a href="#" class="button bg-ltgray active">One-Time</a> <a href="#" class="button bg-ltgray">Monthly</a> </div> <div class="currency-changer-container"> <select href="#" class="button currency-changer"> <option value="usd">USD $</option> <option value="cad">CAD $</option> <option value="eur">EUR €</option> <option value="gbp">GBP £</option> <option value="zar">ZAR R</option> <option value="jpy">JPY ¥</option> <option value="aud">AUD $</option> <option value="nzd">NZD $</option> </select> </div> </div> <a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=10&source=web_crawler_desktop" class="button button-refresh donation-btn arrow-right bg-ltgray" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '$10' });">$10</a> <a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=35&source=web_crawler_desktop" class="button button-refresh donation-btn arrow-right bg-ltgray" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '$35' });">$35</a> <a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=50&source=web_crawler_desktop" class="button button-refresh donation-btn arrow-right bg-ltgray" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '$50' });">$50</a> <a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=150&source=web_crawler_desktop" class="button button-refresh donation-btn arrow-right bg-blue" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '$150' });">$150</a> <a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=350&source=web_crawler_desktop" class="button button-refresh donation-btn arrow-right bg-ltgray" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '$350' });">$350</a> <a id="donate-bar-other-amount" href="https://act.350.org/donate/web_banner_main_nav_v1/?source=web_crawler_desktop" class="text-small arrow-right text-dark donation-btn donate-bar-other-amount" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '(custom amount)' });">or choose a different amount</a> </div> <div class="clear"></div> </div> <style> .btn-group-wrapper { width : 100%; margin-top : 10px; margin-bottom : 10px; } .one-time-monthly-toggle { display: inline; padding-bottom: 10px; padding-top: 10px; border-radius: 20px; } .one-time-monthly-toggle .button { color : black; display : inline; border-radius : 16px !important; padding : 0.3rem !important; } .one-time-monthly-toggle .button:first-child { margin-right : 0px; } .one-time-monthly-toggle .button:last-child { margin-left : 0px; } .one-time-monthly-toggle .button.active { background-color : rgb(15, 129, 233); color : white !important; } .donate-bar-buttons{ border-radius:4px; display:flex; flex-wrap:wrap;} .donate-bar-buttons h2{ flex:0 0 100%; font-size:1.1rem; margin:0 0 0.3em; width:100%;} .donate-bar-other-amount{ display:block; flex:0 0 100%; margin-top:0.3em; width:100%;} .donate-bar-buttons .button{ border-radius:4px; flex:1 1 23%; margin:1%; padding:0.7em 0;} </style> <script> jQuery( document ).ready(function($){ var urlParams = new URLSearchParams(window.location.search); var regionParam = urlParams.get('r'); var continentParam = urlParams.get('c'); if (regionParam == 'CA') { $('.web-crawler .currency-changer').val('cad'); } else if (regionParam == 'GB') { $('.web-crawler .currency-changer').val('gbp'); } else if (regionParam == 'JP') { $('.web-crawler .currency-changer').val('jpy'); } else if (regionParam == 'US') { $('.web-crawler .currency-changer').val('usd'); } else if (regionParam == 'ZA') { $('.web-crawler .currency-changer').val('zar'); } else if (regionParam == 'AU') { $('.web-crawler .currency-changer').val('aud'); } else if (regionParam == 'NZ') { $('.web-crawler .currency-changer').val('nzd'); } else if (continentParam == 'EU') { $('.web-crawler .currency-changer').val('eur'); } else { $('.web-crawler .currency-changer').val('usd'); } var currencySymbols = { 'usd': '$', 'cad': '$', 'eur': '\u20AC', 'gbp': '\u00A3', 'zar': 'R', 'jpy': '\u00A5', 'aud': '$', 'nzd': '$' }; var currencyAmts = { 'usd': ['10', '35', '50', '150', '350'], 'cad': ['10', '35', '50', '150', '350'], 'eur': ['10', '35', '50', '150', '350'], 'gbp': ['10', '35', '50', '150', '350'], 'aud': ['10', '35', '50', '150', '350'], 'nzd': ['10', '35', '50', '150', '350'], 'zar': ['35', '50', '150', '350', '500'], 'jpy': ['500', '1000', '5000', '10000', '30000'] }; $('.web-crawler .currency-changer').on('change', function(e) { var selectedCurrency = e.target.value; var selectedCurrencySymbol = currencySymbols[selectedCurrency]; var selectedCurrencyAmounts = currencyAmts[selectedCurrency]; $('.web-crawler a.donation-btn').each(function(index, button) { var buttonObj = $(button); var buttonUrl = new URL(buttonObj.attr('href')); var donateButton = $('.header-button.button.bg-blue'); var donateButtonUrl = new URL(donateButton.attr('href')); donateButtonUrl.searchParams.set('currency', selectedCurrency.toUpperCase()); var isMobile = window.innerWidth <= 680; var buttonSourceCode = 'web_crawler_desktop'; if (isMobile) { buttonSourceCode = 'web_crawler_mobile'; } buttonUrl.searchParams.set('source', buttonSourceCode); buttonUrl.searchParams.set('currency', selectedCurrency.toUpperCase()); if (index == 5) { // do nothing } else { buttonObj.text(selectedCurrencySymbol + selectedCurrencyAmounts[index]); buttonUrl.searchParams.set('amount', selectedCurrencyAmounts[index]); } buttonObj.attr('href', buttonUrl); donateButton.attr('href', donateButtonUrl); }); }); $('.web-crawler .currency-changer').trigger('change'); $('#donate-bar .one-time-monthly-toggle .button').on('click', function(e) { e.preventDefault(); // set active state of buttons $(this).addClass('active'); $(this).siblings().removeClass('active'); var donateBtns = $('#donate-bar .donation-btn'); // update donation links to default to Monthly donations if ($(this).text() === 'Monthly') { for (var i = 0; i < donateBtns.length; i++) { var url = new URL(donateBtns[i].href); url.pathname = '/donate/web_banner_main_nav_monthly' donateBtns[i].href = url.href; } } else { // update donation links to default to One Time donation for (var i = 0; i < donateBtns.length; i++) { var url = new URL(donateBtns[i].href); url.pathname = '/donate/web_banner_main_nav_v1' donateBtns[i].href = url.href; } } }); }); </script> </div> </div> <div class="section code b-lazy lazy bg-orange bg-repeat-none bg-image-off bg-attach-scroll bg-size-cover width-wide padding-small none slide-up section-position-outer " id="donate-bar" > <div class="section-inner code-inner"> <style> #container { display: flex; flex-wrap: wrap; margin: 0 auto; position: relative; min-width: 15rem; // max-width: 85rem; } #donate-bar { height: 700px; background-image: url('https://350.org/wp-content/uploads/2023/12/donation-banner.jpg'); } #donate-bar { display: flex; align-items: center; } #donate-bar .section-inner { max-width: 68rem !important; width: 100%; align-items: center; } @media only screen and (max-width: 680px) { #donate-bar .section-inner { flex-direction: column; } } #donate-bar .normal-donation-buttons, #donate-bar .countdown-donation-buttons { width: 485px; } .banner-title { font-family: KlimaWeb,-apple-system,BlinkMacSystemFont,arial,sans-serif; font-weight: 800; } .normal-content .banner-title, .therm-content .banner-title { font-size: 42px; line-height: 1; } .countdown-content .banner-title { font-size: 28px; line-height: 1.25; } .align-items-center { align-items: center !important; } .text-white { color: white !important; } .display-flex { display: flex !important; } .bg-darkgray { background-color: #314848; } .toggle-currency-container { max-width: 480px; } .currency-changer { background-color: rgba(0,0,0,0.6); color: white !important; } #donate-bar .one-time-monthly-toggle { padding-top: 5px !important; padding-bottom: 5px !important; } #donate-bar .one-time-monthly-toggle .button.active { background-color : #314848 !important; } #donate-bar .one-time-monthly-toggle .button:first-child { margin-right: 3px; } .donate-now-title { font-size: 24px !important; } #donate-bar-text { padding-right: 3rem; } @media only screen and (max-width:950px) and (min-width: 550px) { #donate-bar-buttons { justify-content: center !important; padding-top: 10px; } } @media only screen and (max-width:680px){ #donate-bar { height: 675px; } #donate-bar .normal-donation-buttons { width: unset; } #donate-bar-text { padding-right: unset; } .eoy-banner-wrapper { flex-direction: column; } } </style> <script src="/wp-content/themes/baseline/js/countdown-timer/js-countdown-timer.js"></script> <!-- Expanded banner --> <!--<div id="donate-therm" class="c10 c-wide therm-content hidden"> <div class="display-flex flex-direction-row justify-content-space-between"> <p class="text-white text-bold margin-bottom-none">We're so close to hitting our goal!</p> <p class="text-white text-bold margin-bottom-none">Goal:</p> </div> <div class="display-flex flex-direction-row justify-content-space-between"> <p class="text-white">Can you help us get there?</p> <p class="text-white goal-amount">$185,000</p> </div> <div class="meter animate margin-bottom-medium"> <span style="width: 92%"></span> </div> </div>--> <div id="donate-bar-text" class="c5 ct10 c-wide" style="text-align: right;"> <div> <div class="normal-content text-white hidden"> <p class="banner-title margin-bottom-normal text-left">Help 350.org fight the fossil fuel industry.</p> <p class="text-white text-left">We believe in a safe climate and a renewable energy future — without the fossil fuel industry polluting our air, water and ecosystems with oil, gas and plastics. <span class="text-bold">Help us build that future by making an Earth Month gift today.</span></p> </div> <div class="countdown-content text-white"> <p class="banner-title text-white margin-bottom-small text-left"><span class="text-highlight bg-dkgray-trans js-countdown-timer" data-countdown-end-date="2024/12/04 00:00:00"> <span class="js-countdown-section"> <span class="js-countdown-days"> </span>: </span> <span class="js-countdown-section"> <span class="js-countdown-hours"></span>: </span> <span class="js-countdown-section"> <span class="js-countdown-minutes"></span>: </span> <span class="js-countdown-section"> <span class="js-countdown-seconds"></span> </span> </span> <span class="padding-left-small text-bold"> left to make your Giving Tuesday donation.</span></p> <p class="text-white text-left">Time is running out to stop fossil fuel companies, far-right politicians and billionaires from wrecking our planet. <span class="text-bold">Help us fight back and build a better future by making a Giving Tuesday gift today.</span></p></div> </div> </div> <!-- Desktop donate buttons --> <div id="donate-bar-buttons" class="c5 cm10 c-wide donate-bar-buttons"> <div class="text-left donate-now-container"><h2 class="text-white padding-top-small donate-now-title">Donate Now</h2></div> <div class="btn-group-wrapper display-flex justify-content-space-between toggle-currency-container"> <div class="one-time-monthly-toggle btn-group bg-ltgray"> <a href="#" class="button bg-ltgray active">One-Time</a> <a href="#" class="button bg-ltgray">Monthly</a> </div> <div class="currency-changer-container"> <select href="#" class="button currency-changer"> <option value="usd">USD $</option> <option value="cad">CAD $</option> <option value="eur">EUR €</option> <option value="gbp">GBP £</option> <option value="zar">ZAR R</option> <option value="jpy">JPY ¥</option> <option value="aud">AUD $</option> <option value="nzd">NZD $</option> </select> </div> </div> <div class="countdown-donation-buttons donate-bar-buttons hidden"> <a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=35&source=web_banner_desktop" class="button arrow-right bg-ltgray donation-btn" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '$35' });">$35</a> <a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=100&source=web_banner_desktop" class="button arrow-right bg-ltgray donation-btn" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '$100' });">$100</a> <a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=200&source=web_banner_desktop" class="button arrow-right bg-ltgray donation-btn" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '$200' });">$200</a> <a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=350&source=web_banner_desktop" class="button arrow-right bg-darkgray donation-btn" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '$350' });">$350</a> <a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=500&source=web_banner_desktop" class="button arrow-right bg-ltgray donation-btn" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '$500' });">$500</a> <a id="donate-bar-other-amount" href="https://act.350.org/donate/web_banner_main_nav_v1/?source=web_banner_desktop" class="text-small arrow-right text-white donate-bar-other-amount donation-btn" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '(custom amount)' });">or choose a different amount</a> </div> <div class="normal-donation-buttons donate-bar-buttons"> <a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=10&source=web_banner_desktop" class="button arrow-right bg-ltgray donation-btn ten-donation-btn" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '$10' });">$10</a> <a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=35&source=web_banner_desktop" class="button arrow-right bg-ltgray donation-btn" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '$35' });">$35</a> <a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=50&source=web_banner_desktop" class="button arrow-right bg-ltgray donation-btn" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '$50' });">$50</a> <a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=150&source=web_banner_desktop" class="button arrow-right bg-darkgray donation-btn" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '`' });">$150</a> <a href="https://act.350.org/donate/web_banner_main_nav_v1/?amount=350&source=web_banner_desktop" class="button arrow-right bg-ltgray donation-btn" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '$350' });">$350</a> <a id="donate-bar-other-amount" href="https://act.350.org/donate/web_banner_main_nav_v1/?source=web_banner_desktop" class="text-small arrow-right text-white donate-bar-other-amount donation-btn" onClick="gtag('event', 'click', { 'event_category': '', 'event_label': '350org-donatebar-button, 'value': '(custom amount)' });">or choose a different amount</a> </div> </div> <div class="clear"></div> <a id="donate-bar-close" class="slide-up-close modal-close modal-close-x">X</a> <style> .normal-donation-buttons { width: 100%; } @media screen and (max-width:600px){ #donate-bar{ padding-top:3em;} #donate-bar-text{ margin-bottom:1.4rem;} } #donate-bar .section-inner { max-width: 56rem; } #donate-bar-buttons { justify-content: end; } .donate-bar-buttons{ border-radius:4px; display:flex; flex-wrap:wrap;} .donate-bar-buttons h2{ flex:0 0 100%; font-size:1.1rem; margin:0 0 0.3em; width:100%;} .donate-bar-other-amount{ display:block; flex:0 0 100%; margin-top:0.3em; width:100%;} .donate-bar-buttons .button{ border-radius:4px; flex:1 1 23%; margin:1%; padding:0.7em 0;} .meter { height: 20px; position: relative; background: #e1eaf2; border-radius: 25px; padding: 10px; box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3); } .meter > span { display: block; height: 100%; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: rgb(15,129,233); background-image: linear-gradient( center bottom, rgb(15,129,233) 37%, rgb(15,129,233) 69% ); box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; overflow: hidden; } .meter > span:after, .animate > span > span { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-image: linear-gradient( -45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent ); z-index: 1; background-size: 50px 50px; animation: move 2s linear infinite; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; overflow: hidden; } .animate > span:after { display: none; } @keyframes move { 0% { background-position: 0 0; } 100% { background-position: 50px 50px; } } .donate-now-container { max-width: 480px; width: 100%; } </style> <script type="text/javascript"> jQuery( document ).ready(function($){ $(".meter > span").each(function () { $(this) .data("origWidth", $(this).width()) .width(0) .animate( { width: $(this).data("origWidth") }, 1200 ); }); /*$(document).on('finish.countdown', function(event) { $('#countdown-text').html('Help 350 build a powerful climate movement in 2024.'); });*/ var d = new Date(); var month = d.getMonth() + 1; //ensures month value is between 1 and 12, not 0 and 11 var date = d.getDate(); var donateBar = $('#donate-bar'); donateBar.hide(); function showDonateBar() { if (document.cookie.split(';').filter(function(item) { return item.indexOf('donateBarShown=true') >= 0; }).length) { if ((date >= 15 && date<=31 && month == 12) || (date==1 && month == 1)) { setDonateBar(true); } else { setDonateBar(true); //$(donateBar).addClass('display-none'); } } else { setDonateBar(); } } showDonateBar(); function setDonateBar(ignoreCookie) { var isMobile = false; if ($('#donate-bar-mobile-buttons')) { if ($('#donate-bar-buttons').css('display') === 'none') isMobile = true; }; if (ignoreCookie === undefined) ignoreCookie = false; if (isMobile && !document.cookie.split(';').filter(function(item) { return item.indexOf('cookie_notice_accepted=true') >= 0; }).length) { $('#cn-accept-cookie').click(function() { slideDonateBarDownAndSetCookie() }) } else { slideDonateBarDownAndSetCookie() } } function slideDonateBarDownAndSetCookie(ignoreCookie) { if (ignoreCookie === undefined) ignoreCookie = false donateBar .hide() .addClass('section-order-beforeheader') .slideDown('slow'); $("#donate-bar-close").on('click',function() { donateBar.slideUp('slow'); $(donateBar).addClass('display-none'); //if (ignoreCookie === false) document.cookie = "donateBarShown=true;max-age=2592000"; }); } var urlParams = new URLSearchParams(window.location.search); var regionParam = urlParams.get('r'); var continentParam = urlParams.get('c'); if (regionParam == 'CA') { $('#donate-bar .currency-changer').val('cad'); } else if (regionParam == 'GB') { $('#donate-bar .currency-changer').val('gbp'); } else if (regionParam == 'JP') { $('#donate-bar .currency-changer').val('jpy'); } else if (regionParam == 'US') { $('#donate-bar .currency-changer').val('usd'); } else if (regionParam == 'ZA') { $('#donate-bar .currency-changer').val('zar'); } else if (regionParam == 'AU') { $('#donate-bar .currency-changer').val('aud'); } else if (regionParam == 'NZ') { $('#donate-bar .currency-changer').val('nzd'); } else if (continentParam == 'EU') { $('#donate-bar .currency-changer').val('eur'); } else { $('#donate-bar .currency-changer').val('usd'); } var currencySymbols = { 'usd': '$', 'cad': '$', 'eur': '\u20AC', 'gbp': '\u00A3', 'zar': 'R', 'jpy': '\u00A5', 'aud': '$', 'nzd': '$' }; var currencyAmts = { 'usd': ['10', '35', '50', '150', '350'], 'cad': ['10', '35', '50', '150', '350'], 'eur': ['10', '35', '50', '150', '350'], 'gbp': ['10', '35', '50', '150', '350'], 'zar': ['35', '50', '150', '350', '500'], 'jpy': ['500', '1000', '5000', '10000', '30000'], 'aud': ['10', '35', '50', '150', '350'], 'nzd': ['10', '35', '50', '150', '350'] }; var increasedCurrencyAmts = { 'usd': ['35', '100', '200', '350', '500'], 'cad': ['35', '100', '200', '350', '500'], 'eur': ['35', '100', '200', '350', '500'], 'gbp': ['35', '100', '200', '350', '500'], 'zar': ['35', '50', '150', '350', '500'], 'jpy': ['500', '1000', '5000', '10000', '30000'], 'aud': ['35', '100', '200', '350', '500'], 'nzd': ['35', '100', '200', '350', '500'] } var goalAmounts = { 'usd': '$60,000', 'cad': '$80,000', 'gbp': '£50,000', 'eur': '€ 60 000', 'aud': '$90,000', 'nzd': '$100,000', 'zar': 'R1 000 000', 'jpy': '¥9,500,000' }; $('#donate-bar .currency-changer').on('change', function(e) { var selectedCurrency = e.target.value; var headerDonateButton = $('.header-button.button.bg-blue'); var donateButtonUrl = new URL(headerDonateButton.attr('href')); var isMobile = window.innerWidth <= 680; var sourceCode = 'web_banner_desktop'; var headerSourceCode = 'web_button_desktop'; var goalAmount = goalAmounts[selectedCurrency] || '$185,000'; $('.goal-amount').text(goalAmount); if (isMobile) { sourceCode = 'web_banner_mobile'; headerSourceCode = 'web_button_mobile'; } donateButtonUrl.searchParams.set('currency', selectedCurrency.toUpperCase()); //donateButtonUrl.searchParams.set('source', headerSourceCode); headerDonateButton.attr('href', donateButtonUrl); $('#donate-bar .normal-donation-buttons a.donation-btn').each(function(index, button) { setButtonUrl(index, button, selectedCurrency, sourceCode); }); $('#donate-bar .countdown-donation-buttons a.donation-btn').each(function(index, button) { setButtonUrl(index, button, selectedCurrency, sourceCode); }); }); $('.web-crawler .currency-changer').on('change', function(e) { var selectedCurrency = e.target.value; var headerDonateButton = $('.header-button.button.bg-blue'); var donateButtonUrl = new URL(headerDonateButton.attr('href')); var isMobile = window.innerWidth <= 680; var sourceCode = 'web_crawler_desktop'; var headerSourceCode = 'web_button_desktop_FY24Q4_givingday_imp'; if (isMobile) { sourceCode = 'web_crawler_mobile'; headerSourceCode = 'web_button_mobile_FY24Q4_givingday_imp'; } donateButtonUrl.searchParams.set('currency', selectedCurrency.toUpperCase()); //donateButtonUrl.searchParams.set('source', headerSourceCode); headerDonateButton.attr('href', donateButtonUrl); $('.web-crawler a.donation-btn').each(function(index, button) { setButtonUrl(index, button, selectedCurrency, sourceCode); }); }); function setButtonUrl(index, button, selectedCurrency, sourceCode) { var selectedCurrencySymbol = currencySymbols[selectedCurrency]; var eoyEndDate = new Date('January 1, 2024 00:00:00'); var eoyStartDate = new Date('December 26, 2023, 00:00:00'); var currentDate = new Date(); if (currentDate > eoyStartDate && currentDate < eoyEndDate) { var selectedCurrencyAmounts = increasedCurrencyAmts[selectedCurrency]; } else { var selectedCurrencyAmounts = currencyAmts[selectedCurrency]; } var buttonObj = $(button); var buttonUrl = new URL(buttonObj.attr('href')); buttonUrl.searchParams.set('currency', selectedCurrency.toUpperCase()); //buttonUrl.searchParams.set('source', sourceCode); if (index == 5) { // do nothing } else { buttonObj.text(selectedCurrencySymbol + selectedCurrencyAmounts[index]); buttonUrl.searchParams.set('amount', selectedCurrencyAmounts[index]); } buttonObj.attr('href', buttonUrl); } $('#donate-bar .currency-changer').trigger('change'); $('.web-crawler .currency-changer').trigger('change'); $('.web-crawler .one-time-monthly-toggle .button').on('click', function(e) { e.preventDefault(); // set active state of buttons $(this).addClass('active'); $(this).siblings().removeClass('active'); var donateBtns = $('.web-crawler .donation-btn'); // update donation links to default to Monthly donations if ($(this).text() === 'Monthly') { for (var i = 0; i < donateBtns.length; i++) { var url = new URL(donateBtns[i].href); url.pathname = '/donate/web_banner_main_nav_monthly' donateBtns[i].href = url.href; } } else { // update donation links to default to One Time donation for (var i = 0; i < donateBtns.length; i++) { var url = new URL(donateBtns[i].href); url.pathname = '/donate/web_banner_main_nav_v1' donateBtns[i].href = url.href; } } }); }); </script> <style> .btn-group-wrapper { width : 100%; margin-top : 10px; margin-bottom : 10px; } .one-time-monthly-toggle { display : inline; padding-bottom : 8px; padding-top : 8px; border-radius : 16px; width: 195px; } .one-time-monthly-toggle .button { color : black; display : inline; border-radius : 16px !important; padding : 0.3rem !important; } .one-time-monthly-toggle .button:first-child { margin-right : 0px; } .one-time-monthly-toggle .button:last-child { margin-left : 0px; } .one-time-monthly-toggle .button.active { background-color : rgb(15, 129, 233); color : white !important; } .currency-changer-container { width: 80px; } .currency-changer { border: 1px solid rgba(21,36,43,0.25); color: black; padding: 6px 6px 6px 0 !important; font-weight: 400; } .currency-changer:after { content: "▼"; color: black; position: absolute; right: 10px; top: 12px; z-index: 1; text-align: center; width: 10%; height: 100%; pointer-events: none; font-size: 11px; } .justify-content-space-between { justify-content: space-between; } .one-time-monthly-toggle { display: inline; padding-top: 5px !important; border-radius: 20px; text-align: center; height: 35px; } html,body { font-size: 16px; } </style> </div> </div> <footer id="site-footer" class="section padding-small width-extrawide bg-dkgray"> <div class="section-inner"> <div class="widget tftw c10 ct10 cm10 box box-dkgray bg-dkgray" > <div class="widget-text"> <div class="menu-title text-strong"> Language & Regions </div> <ul class="display-flex flex-direction-row flex-wrap menu language-menu"> <li class="menu-item-has-children"> <a href="#">350.org</a> <ul class="sub-menu"> <li><a href="/en">English</a></li> <li><a href="/fr">French</a></li> <li><a href="/de">German</a></li> <li><a href="/pt">Portuguese</a></li> <li><a href="/es">Spanish</a></li> </ul> </li> <li class="menu-item-has-children"><a href="#">350 Africa</a> <ul class="sub-menu"> <li><a href="https://350africa.org/">English</a></li> <li><a href="https://350afrique.org/">French</a></li> </ul> </li> <li><a href="https://350.org.nz/">350 Aotearoa</a></li> <li><a href="https://350asia.org">350 Asia</a></li> <li><a href="https://350.org.au/">350 Australia</a></li> <li><a href="https://350.org/canada/">350 Canada</a> </li> <li><a href="https://350.org/fr">350 France</a></li> <li><a href="https://350.org/de">350 Germany</a></li> <li><a href="https://350.org/id/">350 Indonesia</a></li> <li><a href="https://world.350.org/ja/">350 Japan</a></li> <li class="menu-item-has-children"><a href="#">350 Latin America</a> <ul class="sub-menu"> <li><a href="https://350.org/es">Spanish</a></li> <li><a href="https://350.org/pt">Portuguese</a></li> </ul> </li> <li><a href="https://350pacific.org/">350 Pacific</a></li> <li><a href="https://world.350.org/philippines/">350 Pilipinas</a></li> <li><a href="https://350turkiye.org/">350 Türkiye</a></li> <li><a href="https://350.org/uk">350 UK</a></li> <li><a href="https://350.org">350 US</a></li> <li><a href="https://gofossilfree.org/nl/">Fossielvrij NL</a></li> </ul> <hr class="border-solid"> <style> #site-footer a:hover { color: rgba(255,255,255,0.3); } .language-menu li { height: 45px; line-height: 45px; } </style> <script> jQuery(function() { jQuery('#site-footer').addClass('refresh'); jQuery('#site-footer li.menu-item-has-children > a').on('click', function(e) { e.preventDefault(); }); }); </script> </div> </div> <div class="widget tftw c2 ct2_5 cm10 box box-transparent bg-transparent" > <div class="widget-text"> <div class="menu-title text-strong"> About us </div> <ul> <li><a href="/about">Who we are</a></li> <li><a href="/media">Media</a></li> <li><a href="/contact">Contact us</a></li> <li><a href="/jobs">Jobs</a></li> </ul> </div> </div> <div class="widget tftw c2 ct2_5 cm10 box box-transparent bg-transparent" > <div class="widget-text"> <div class="menu-title text-strong"> Get involved </div> <ul> <li><a href="/get-involved">Take action</a></li> <!-- <li><a href="https://trainings.350.org/#individual">Upskill your activism</a></li> --> <li><a href="/get-involved#map">Join local group</a></li> <li><a href="/form-a-local-group">Create local group</a></li> <li><a href="https://350store.org/?currency=USD&utm_source=web-footer&utm_medium=referral&utm_campaign=global">Shop to support</a></li> </ul> </div> </div> <div class="widget tftw c2 ct2_5 cm10 box box-transparent bg-transparent" > <div class="widget-text"> <div class="menu-title text-strong"> Get inspired </div> <ul> <li><a href="/stories">Updates</a></li> <li><a href="/science">Climate science</a></li> <li><a href="https://trainings.350.org/">Trainings</a></li> <li><a href="/brand-toolkit">Brand toolkit</a></li> </ul> </div> </div> <div class="widget tftw c2 ct2_5 cm10 box box-transparent bg-transparent" > <div class="widget-text"> <div class="menu-title text-strong"> How we work </div> <ul> <li><a href="/keep-it-in-the-ground">Stop fossil fuels</a></li> <li><a href="/finance">Halt fossil finance</a></li> <li><a href="/solutions">Power up renewables</a></li> </div> </div> <div class="widget tftw c2 ct2_5 cm10 box box-transparent bg-transparent" > <div class="widget-text"> <div class="menu-title text-strong"> Donate </div> <ul> <li><a href="https://act.350.org/donate/web_footer_make_it_monthly/?source=web_donate_350footer">Donate monthly</a></li> <li><a href="/how-to-give/#ways-to-give">Other ways to donate</a></li> <li><a href="https://350.org/update">Update your donation</a></li> <li><a href="/how-to-give/#our-funders">Our funders</a></li> </ul> </div> </div> <div class="widget tftw c10 ct10 cm10 box box-transparent bg-transparent" > <div class="widget-text"> </div> </div> <div class="widget tftw c6 ct6_6 cm10 box box-transparent bg-transparent" > <div class="widget-text"> <ul class="display-flex flex-direction-row flex-wrap float-left padding-right-tablet"> <li class="padding-right-small"><a href="https://twitter.com/350" target="_blank" rel="nofollow" class="inline-dot button-dot bg-twitter-icon">Twitter</a> </li> <li class="padding-right-small"><a href="https://facebook.com/350Canada" target="_blank" rel="nofollow" class="inline-dot button-dot bg-facebook-icon">Facebook</a></li> <li class="padding-right-small"><a href="https://instagram.com/350Canada" target="_blank" rel="nofollow" class="inline-dot button-dot bg-instagram-icon">Instagram</a></li> <li><a href="https://www.youtube.com/350org" target="_blank" rel="nofollow" class="inline-dot button-dot bg-youtube-icon">YouTube</a></li> </ul> <ul class="display-flex flex-direction-row flex-wrap"> <li class="padding-right-small"><a href="/privacy">Privacy Policy</a> </li> <li class="padding-right-small">|</li> <li><a href="/tos">Terms of Service</a></li> </ul> </div> </div> <div class="widget tftw c3 ct3_3 cm10 box box-transparent bg-transparent" > <div class="widget-text"> </div> </div> <div class="widget tftw c1 ct2_5 cm5 box box-transparent bg-transparent" > <div class="widget-text"> <p class="text-small"><a href="https://350action.org/">350Action</a></p> </div> </div> <div class="widget tftw c10 ct10 cm10 box box-transparent bg-transparent" > <div class="widget-text"> <hr class="border-solid"> </div> </div> <div class="widget tftw c10 ct10 cm10 box box-transparent bg-transparent" > <div class="widget-text"> <p class="text-small">© 2024 | 350.org is a 501(c)3 non-profit organization registered in the United States. PO Box 843004, Boston, MA 02284-3004, USA</p> </div> </div> <br class="clear" /> </div> </footer> </div> <div id="body-mobile-background"></div> <script type="text/javascript"> var addthis_share = addthis_share || {} addthis_share = { passthrough : { twitter: { text: "" } } } </script> <div id="side-share" class="buttons-share-side"><a href="https://facebook.com/sharer/sharer.php?u=https://350.org" class="button button-square bg-facebook-icon bg-facebook-color button-share-facebook">Facebook</a><a href="https://twitter.com/intent/tweet?text=Stop+fossil+fuels+%2B+Build+100%25+renewables.+Join+the+movement.+https%3A%2F%2F350.org%2Fhomepage-earth-day-banner-countdown%2F" class="button button-square bg-twitter-color bg-twitter-icon button-share-twitter">Twitter</a></div><script type="text/javascript" src="https://350.org/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script> <script type="text/javascript" src="https://350.org/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" src="https://350.org/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/350.org\/wp-json\/", "namespace": "contact-form-7\/v1" }, "cached": 1 }; /* ]]> */ </script> <script type="text/javascript" src="https://350.org/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0" id="contact-form-7-js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LeMcI0UAAAAAC1e9SfqoBJ2mmyHbm1LXw5zuk-8&amp;ver=3.0" id="google-recaptcha-js"></script> <script type="text/javascript" src="https://350.org/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="wpcf7-recaptcha-js-before"> /* <![CDATA[ */ var wpcf7_recaptcha = { "sitekey": "6LeMcI0UAAAAAC1e9SfqoBJ2mmyHbm1LXw5zuk-8", "actions": { "homepage": "homepage", "contactform": "contactform" } }; /* ]]> */ </script> <script type="text/javascript" src="https://350.org/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.0" id="wpcf7-recaptcha-js"></script> <div id="cookie-notice" role="banner" class="padding-tiny section width-wide border-top cn-bottom " style="color: #000; background-color: #ffffff;"><div class="cookie-notice-container section-inner"><span id="cn-notice-text" class="mobile-margin-bottom-normal">This website uses cookies to provide and improve its services. By continuing to use this website, you consent to our use of cookies. If you do not consent, please view our <a href="https://350.org/cookies">Cookie Policy</a> for more information.</span><a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie button button-small button-secondary ">Dismiss </a> </div> </div><!--[if lt IE 9]> <script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script> <script src="https://350.org/wp-content/themes/baseline-child-350org/ie/ie8-scripts.js"></script> <link rel="stylesheet" href="https://350.org/wp-content/themes/baseline-child-350org/ie/ie8.css" type="text/css"> <![endif]--> <!--[if lt IE 8]> <link rel="stylesheet" href="https://350.org/wp-content/themes/baseline-child-350org/ie/ie7.css" type="text/css"> <![endif]--> </body> <!-- Cross Domain Tracker --> <script> (function () { function waitForGA(callback){ if (typeof ga !== 'undefined' && typeof window.gaplugins !== 'undefined') { if (typeof ga.getAll === 'function' && typeof window.gaplugins.Linker === 'function'){ var tracker = ga.getAll()[0]; var linker = new window.gaplugins.Linker(tracker); var pageName = akForm.querySelector('input[name="page"]').value; var redirectUrl = 'https://act.350.org/cms/thanks/' + document.getElementsByName('page')[0].value; if (typeof akFollowupPage !== 'undefined') { if (akFollowupPage[0] === '/') { // relative url redirectUrl = 'https://act.350.org' + akFollowupPage; } else if (akFollowupPage[0] !== '/') { // not relative redirectUrl = akFollowupPage; } } var redirectUrlWithGAParam = linker.decorate(redirectUrl); document.querySelector('#action-form > input[name="redirect"]').value = redirectUrlWithGAParam; } else{ setTimeout(waitForGA, 1000); } } else { setTimeout(waitForGA, 1000); } } if (document.getElementById('action-form')) { var akForm = document.getElementById('action-form'); var redirectField = document.getElementsByName("redirect"); if(!redirectField.length) { redirectField = document.createElement("input"); redirectField.setAttribute("type", "hidden"); redirectField.setAttribute("name", "redirect"); document.getElementById("action-form").appendChild(redirectField); } waitForGA(); } })(); </script> <!-- End Cross Domain Tracker --> </html>

Pages: 1 2 3 4 5 6 7 8 9 10