CINXE.COM

<!DOCTYPE html> <html lang="en"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://join.kcrw.com/","20221017024655","https://web.archive.org/","web","/_static/", "1665974815"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta name="robots" content="max-image-preview:large"/> <link rel="dns-prefetch" href="//web.archive.org/web/20221017024655/https://js.hs-scripts.com/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20221017024655/https://maps.googleapis.com/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20221017024655/https://cdn.plaid.com/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20221017024655/https://unpkg.com/"/> <link rel="dns-prefetch" href="//web.archive.org/web/20221017024655/https://s.w.org/"/> <link rel="alternate" type="application/rss+xml" title="KCRW Join Page » Donate to Join & Become a Member Comments Feed" href="https://web.archive.org/web/20221017024655/https://join.kcrw.com/sample-page/feed"/> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/web.archive.org\/web\/20221017024655\/https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/web.archive.org\/web\/20221017024655\/https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/web.archive.org\/web\/20221017024655\/https:\/\/join.kcrw.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.0.2"}}; /*! This file is auto-generated */ !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode,e=(p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0),i.toDataURL());return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])?!1:!s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([129777,127995,8205,129778,127999],[129777,127995,8203,129778,127999])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(e=t.source||{}).concatemoji?c(e.concatemoji):e.wpemoji&&e.twemoji&&(c(e.twemoji),c(e.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style 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="wp-block-library-css" href="https://web.archive.org/web/20221017024655cs_/https://join.kcrw.com/wp-includes/css/dist/block-library/style.min.css?ver=6.0.2" type="text/css" media="all"/> <style id="global-styles-inline-css" type="text/css"> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--duotone--dark-grayscale: url('/web/20221017024655im_/https://join.kcrw.com/#wp-duotone-dark-grayscale');--wp--preset--duotone--grayscale: url('/web/20221017024655im_/https://join.kcrw.com/#wp-duotone-grayscale');--wp--preset--duotone--purple-yellow: url('/web/20221017024655im_/https://join.kcrw.com/#wp-duotone-purple-yellow');--wp--preset--duotone--blue-red: url('/web/20221017024655im_/https://join.kcrw.com/#wp-duotone-blue-red');--wp--preset--duotone--midnight: url('/web/20221017024655im_/https://join.kcrw.com/#wp-duotone-midnight');--wp--preset--duotone--magenta-yellow: url('/web/20221017024655im_/https://join.kcrw.com/#wp-duotone-magenta-yellow');--wp--preset--duotone--purple-green: url('/web/20221017024655im_/https://join.kcrw.com/#wp-duotone-purple-green');--wp--preset--duotone--blue-orange: url('/web/20221017024655im_/https://join.kcrw.com/#wp-duotone-blue-orange');--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} </style> <link rel="stylesheet" id="kcrw-css" href="https://web.archive.org/web/20221017024655cs_/https://join.kcrw.com/wp-content/themes/kcrw/assets/css/main.css?ver=2022.05.18-2" type="text/css" media="all"/> <script type="text/javascript" src="https://web.archive.org/web/20221017024655js_/https://join.kcrw.com/wp-includes/js/jquery/jquery.min.js?ver=3.6.0" id="jquery-core-js"></script> <script type="text/javascript" src="https://web.archive.org/web/20221017024655js_/https://join.kcrw.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.3.2" id="jquery-migrate-js"></script> <link rel="https://api.w.org/" href="https://join.kcrw.com/wp-json/"/><link rel="alternate" type="application/json" href="https://web.archive.org/web/20221017024655/https://join.kcrw.com/wp-json/wp/v2/pages/2"/><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://join.kcrw.com/xmlrpc.php?rsd"/> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://join.kcrw.com/wp-includes/wlwmanifest.xml"/> <link rel="canonical" href="https://web.archive.org/web/20221017024655/https://join.kcrw.com/"/> <link rel="shortlink" href="https://web.archive.org/web/20221017024655/https://join.kcrw.com/"/> <link rel="alternate" type="application/json+oembed" href="https://web.archive.org/web/20221017024655/https://join.kcrw.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fjoin.kcrw.com%2F"/> <link rel="alternate" type="text/xml+oembed" href="https://web.archive.org/web/20221017024655/https://join.kcrw.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fjoin.kcrw.com%2F&format=xml"/> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="shortcut icon" type="image/x-icon" href="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/favicon-new.ico"> <title>Support KCRW 89.9FM | Donate to join & become a member</title> <meta name="description" content="KCRW is your always-on connection to music, news, culture, and each other. Donate to join or renew your membership. Membership is a passport to cultural experiences, event perks, special content, and exclusive presales and deals."> <meta property="og:title" content="Become a KCRW member today!"/> <meta property="og:type" content="website"/> <meta property="og:url" content="https://web.archive.org/web/20221017024655/https://join.kcrw.com/"/> <meta property="og:description" content="Get to know your neighbors over great conversations, shared experiences, and impromptu dance parties. Go to kcrw.com/join — because with KCRW, you already belong."/> <meta property="og:image" content="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/05/KCRW_WebBanners_1200x676-scaled.jpeg"/> <meta property="og:image:width" content="1118"/> <meta property="og:image:height" content="630"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:site" content="@kcrw"/> <meta name="twitter:title" content="Become a KCRW member today!"/> <meta name="twitter:description" content="Get to know your neighbors over great conversations, shared experiences, and impromptu dance parties. Go to kcrw.com/join — because with KCRW, you already belong."/> <meta name="twitter:image" content="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/05/KCRW_WebBanners_1200x676-scaled.jpeg"/>  <meta name="csrf-param" content="_csrf"> <meta name="csrf-token" content="yX3-Tg2MRm37rSPMzfJ6oaiPQkYNw8OvLfYi6K1tMF-GOLMpPuoWCbLueraikBLu4sYBcl-o8J9ktRGu6xwCDw==">  <script src="https://web.archive.org/web/20221017024655js_/https://www.google.com/recaptcha/api.js?onload=recaptchaOnload&render=explicit" async defer></script> <script> window.recaptchaKey = "6LefPZwUAAAAAJzkaitzXyBUDuREEoDJDR480xnE"; </script>   <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://web.archive.org/web/20221017024655/https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-T5BC2V'); </script>   <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://web.archive.org/web/20221017024655/https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1389142558051998'); fbq('track', 'PageView'); </script>  </head> <body class="home page-template-default page page-id-2" x-data="kcrw" @keydown.escape="closeModal" x-cloak>  <noscript><iframe src="https://web.archive.org/web/20221017024655if_/https://www.googletagmanager.com/ns.html?id=GTM-T5BC2V" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <noscript><img height="1" width="1" style="display:none" src="https://web.archive.org/web/20221017024655im_/https://www.facebook.com/tr?id=1389142558051998&ev=PageView&noscript=1" alt=""/></noscript>  <div class="banner" style="background-image: url(https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/05/2.png);"> <div class="logo"> <a href="https://web.archive.org/web/20221017024655/https://www.kcrw.com/" aria-label="Return to KCRW main website"> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/kcrw-logo-new.png" width="100" height="71" alt="Return to KCRW"/> </a> </div> </div> <div class="paper-top"> <img class="shadow left" src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/shadow-left.svg" alt="left"> <img class="shadow right" src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/shadow-right.svg" alt="right"> </div> <div class="container"> <div class="intro"> <h1>Thanks for supporting KCRW! </h1> <p>We are NPR’s flagship member station in Southern California and your connection to music, news, culture, and each other. Donate to become a member!</p> <p>A KCRW membership is a passport to cultural experiences, event perks, special content, and exclusive presales and deals. </p> <p>Have questions? Visit <a href="https://web.archive.org/web/20221017024655/https://kcrw.com/memberhelp">kcrw.com/memberhelp</a></p> </div> <main> <form id="donate-form" class="donate-form" action="https://web.archive.org/web/20221017024655/https://join.kcrw.com/checkout" method="post" x-data="joinForm" x-on:captcha-validate="updateCaptchaResponse($event.detail?.status)" x-on:select-gift="updateGiftSelection($event.detail?.gift)" x-on:address-autocomplete="updateAddress($event.detail)" x-on:submit="submissionStarted = true" x-on:submit="trackPaymentEvent" x-on:submit="confirmRequiredFields"> <section id="join__donation-type"> <div class="donation-type_wrapper"> <div class="donation-type"> <div> <input id="donate_type__monthly" name="donate_type" class="donate_type screen-reader" type="radio" checked value="monthly" x-model="donationType"/> <label for="donate_type__monthly" class="radio-label">Donate Monthly</label> </div> <div> <input id="donate_type__one_time" name="donate_type" class="donate_type screen-reader" type="radio" value="onetime" x-model="donationType"/> <label for="donate_type__one_time" class="radio-label">One-time Donation</label> </div> <div> <input id="donate_type__gift" name="donate_type" class="donate_type screen-reader" type="radio" value="gift" x-model="donationType" x-on:click="showShipping = true"/> <label for="donate_type__gift" class="radio-label">Gift Membership</label> </div> </div> <div class="donation-type__monthly-message"> <p>Monthly Members give KCRW’s most dependable base of support. Help us plan for the future and save us banking fees and paper.</p> </div> </div> <div class="donation-amount"> <ul class="donation-type__monthly" x-bind:class="isMonthly() ? '' : 'hidden'"> <li> <input id="donate_monthly--10" name="donation_amount_monthly" class="screen-reader" value="10" type="radio" x-model.number="donationAmount"/> <label for="donate_monthly--10">$10 mo</label> </li> <li> <input id="donate_monthly--15" name="donation_amount_monthly" class="screen-reader" value="15" type="radio" x-model.number="donationAmount"/> <label for="donate_monthly--15">$15 mo</label> </li> <li> <input id="donate_monthly--20" name="donation_amount_monthly" class="screen-reader" value="20" type="radio" x-model.number="donationAmount"/> <label for="donate_monthly--20">$20 mo</label> </li> <li> <input id="donate_monthly--32" name="donation_amount_monthly" class="screen-reader" value="32" type="radio" x-model.number="donationAmount"/> <label for="donate_monthly--32">$32 mo</label> </li> <li> <input id="donate_monthly--45" name="donation_amount_monthly" class="screen-reader" value="45" type="radio" x-model.number="donationAmount"/> <label for="donate_monthly--45">$45 mo</label> </li> <li> <input id="donate_monthly--100" name="donation_amount_monthly" class="screen-reader" value="100" type="radio" x-model.number="donationAmount"/> <label for="donate_monthly--100">$100 mo</label> </li> <li> <input id="donate_monthly--other" name="donation_amount_monthly" class="screen-reader" value="other" type="radio"/> <label for="donate_monthly--other"> <span class="show__unselected">OTHER</span> <span class="show__selected"> <span class="currency-symbol">$</span> <input name="amount" placeholder="0.5" step="0.5" min="0.5" max="10000" type="number" x-model.number.debounce.500ms="donationAmount"/> <span> mo</span> </span> </label> </li> </ul> <ul class="donation-type__onetime" x-bind:class="!isMonthly() ? '' : 'hidden'"> <li> <input id="donate_onetime--60" name="donation_amount_onetime" class="screen-reader" value="60" type="radio" x-model.number="donationAmount"/> <label for="donate_onetime--60">$60</label> </li> <li> <input id="donate_onetime--120" name="donation_amount_onetime" class="screen-reader" value="120" type="radio" x-model.number="donationAmount"/> <label for="donate_onetime--120">$120</label> </li> <li> <input id="donate_onetime--180" name="donation_amount_onetime" class="screen-reader" value="180" type="radio" x-model.number="donationAmount"/> <label for="donate_onetime--180">$180</label> </li> <li> <input id="donate_onetime--240" name="donation_amount_onetime" class="screen-reader" value="240" type="radio" x-model.number="donationAmount"/> <label for="donate_onetime--240">$240</label> </li> <li> <input id="donate_onetime--384" name="donation_amount_onetime" class="screen-reader" value="384" type="radio" x-model.number="donationAmount"/> <label for="donate_onetime--384">$384</label> </li> <li> <input id="donate_onetime--540" name="donation_amount_onetime" class="screen-reader" value="540" type="radio" x-model.number="donationAmount"/> <label for="donate_onetime--540">$540</label> </li> <li> <input id="donate_onetime--1200" name="donation_amount_onetime" class="screen-reader" value="1200" type="radio" x-model.number="donationAmount"/> <label for="donate_onetime--1200">$1200</label> </li> <li> <input id="donate_onetime--other" name="donation_amount_onetime" class="screen-reader" value="other" type="radio"/> <label for="donate_onetime--other"> <span class="show__unselected">OTHER</span> <span class="show__selected"> <span class="currency-symbol">$</span> <input name="amount" placeholder="0.5" step="0.5" min="0.5" max="10000" type="number" x-model.number.debounce.500ms="donationAmount"/> </span> </label> </li> </ul> <p style="text-align:center; margin-top: 20px;">Your Current Donation: <strong x-text="getDonationAmountDisplay"></strong></p> <div class="fringe_benefit" x-bind:class="meetsMinimum(fringeData) ? 'fringe_benefit--success' : 'fringe_benefit--failure'" x-data="{ fringeData: {"card_image":{"ID":378,"id":378,"title":"KCRW_Fringe_Benefits-Card","filename":"KCRW_Fringe_Benefits-Card.png","filesize":44004,"url":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/KCRW_Fringe_Benefits-Card.png","link":"https:\/\/join.kcrw.com\/kcrw_fringe_benefits-card","alt":"","author":"5","description":"","caption":"","name":"kcrw_fringe_benefits-card","status":"inherit","uploaded_to":0,"date":"2022-04-29 18:29:25","modified":"2022-04-29 18:29:25","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/join.kcrw.com\/wp-includes\/images\/media\/default.png","width":1992,"height":1258,"sizes":{"thumbnail":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/KCRW_Fringe_Benefits-Card-150x150.png","thumbnail-width":150,"thumbnail-height":150,"medium":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/KCRW_Fringe_Benefits-Card-300x189.png","medium-width":300,"medium-height":189,"medium_large":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/KCRW_Fringe_Benefits-Card-768x485.png","medium_large-width":768,"medium_large-height":485,"large":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/KCRW_Fringe_Benefits-Card-1024x647.png","large-width":1024,"large-height":647,"1536x1536":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/KCRW_Fringe_Benefits-Card-1536x970.png","1536x1536-width":1536,"1536x1536-height":970,"2048x2048":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/KCRW_Fringe_Benefits-Card.png","2048x2048-width":1992,"2048x2048-height":1258,"gift":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/KCRW_Fringe_Benefits-Card.png","gift-width":300,"gift-height":189,"promotion-desktop":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/KCRW_Fringe_Benefits-Card-600x379.png","promotion-desktop-width":600,"promotion-desktop-height":379,"promotion-mobile":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/KCRW_Fringe_Benefits-Card-950x600.png","promotion-mobile-width":950,"promotion-mobile-height":600,"more-ways":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/KCRW_Fringe_Benefits-Card-792x450.png","more-ways-width":792,"more-ways-height":450}},"minimum_monthly":"5","minimum_onetime":"60","message_small":"Fringe Benefits card not included at your donation level.","message_okay":"Your donation gets you access to KCRW's Fringe Benefits card!"} }"> <div x-show="meetsMinimum(fringeData)"> <img x-show="fringeData.card_image" x-bind:src="fringeData.card_image?.url" x-bind:alt="fringeData.card_image?.caption"> <span x-text="fringeData.message_okay"></span> </div> <div x-show="! meetsMinimum(fringeData)" x-text="fringeData.message_small"> </div> </div> </div> </section> <div class="content_template "> <div class="content__main"> <section id="join__gifts"> <h2 x-data="{titles: {"default":"Choose a thank you gift","gift":"Choose a thank you gift for your gift recipient"}}" x-text="selectHeadline(titles)"></h2> <p>Please note, the normal shipping window for thank you gifts is 4 to 6 weeks. We appreciate your patience as there may be unexpected shipping delays.</p> <div class="gifts" x-data="{ numberGifts: 14, showingAllGifts: false }"> <input type="hidden" name="gift_details" x-model="selectedGiftDetailsJSON"/> <div class="gift" id="gift-76" x-bind:class="{ 'gift--selected' : isSelectedGift(giftID), 'gift--not-allowed' : ! meetsMinimum(giftDetails), 'gift--hidden' : (! showingAllGifts && (0 >= 9)) }" x-data="{ giftID : '76', giftDetails : {"ID":76,"title":"No Thank You Gift","content":"","images":[{"description":"","caption":"","sizes":{"full":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/02\/no-gift-400x400-1.jpg","thumbnail":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/02\/no-gift-400x400-1-150x150.jpg","medium":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/02\/no-gift-400x400-1-300x300.jpg"}}],"sku":"NONE","active":true,"description":"","minimum_onetime":"0","minimum_monthly":"0","sizes":false,"notes":false}}" x-on:change="updateSelectedGiftDetails(giftDetails)"> <a href="#open-gift" x-on:click.prevent="openGiftModal(giftDetails)"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/expand.svg" class="gift__expand" alt="view more details of gift 'No Thank You Gift'" loading="lazy"/></a> <label for="gift-selector-76"> <input id="gift-selector-76" class="screen-reader" type="radio" name="selected_gift" value="76" x-model="selectedGift"/> <div class="gift__img-wrap"> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/check-mark.svg" alt=" is selected" class="gift__checkmark" x-show="isSelectedGift(giftID)" loading="lazy"/> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/02/no-gift-400x400-1.jpg" alt="Image of " width="300" height="300" class="gift__image" loading="lazy"/> </div> <p class="gift__name">No Thank You Gift</p> <p x-show="giftNoteDisplay(giftDetails.notes)" x-text="giftNoteDisplay(giftDetails.notes)"></p> <p class="gift__user-notice" x-show="isSelectedGift(giftID)"> Your donation: <span x-text="getDonationAmountDisplay"></span> </p> <p class="gift__user-notice gift__user-notice--increase" x-show="!isSelectedGift(giftID) && ! meetsMinimum(giftDetails)"> Increase donation to <span x-text="increaseNeededAmountDisplay(giftDetails)"></span> </p> </label> </div> <div class="gift" id="gift-79" x-bind:class="{ 'gift--selected' : isSelectedGift(giftID), 'gift--not-allowed' : ! meetsMinimum(giftDetails), 'gift--hidden' : (! showingAllGifts && (1 >= 9)) }" x-data="{ giftID : '79', giftDetails : {"ID":79,"title":"Los Angeles Regional Food Bank","content":"","images":[{"description":"","caption":"","sizes":{"full":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/02\/foodbank_400x400.jpg","thumbnail":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/02\/foodbank_400x400-150x150.jpg","medium":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/02\/foodbank_400x400-300x300.jpg"}}],"sku":"PFBLA10","active":true,"description":"<p>KCRW has partnered with Los Angeles Regional Food Bank to help combat the growing hunger crisis in L.A.\u00a0<span>Please select amount of meals to needy families in our community.<\/span><\/p>\n","minimum_onetime":"120","minimum_monthly":"10","sizes":false,"notes":[{"onetime":"120","monthly":"10","note":"40 Meals","sku_override":"PFBLA10"},{"onetime":"240","monthly":"20","note":"80 Meals","sku_override":"PFBLA20"},{"onetime":"384","monthly":"32","note":"120 Meals","sku_override":"PFBLA32"},{"onetime":"1200","monthly":"100","note":"400 Meals","sku_override":"PFBLA100"}]}}" x-on:change="updateSelectedGiftDetails(giftDetails)"> <a href="#open-gift" x-on:click.prevent="openGiftModal(giftDetails)"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/expand.svg" class="gift__expand" alt="view more details of gift 'Los Angeles Regional Food Bank'" loading="lazy"/></a> <label for="gift-selector-79"> <input id="gift-selector-79" class="screen-reader" type="radio" name="selected_gift" value="79" x-model="selectedGift"/> <div class="gift__img-wrap"> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/check-mark.svg" alt=" is selected" class="gift__checkmark" x-show="isSelectedGift(giftID)" loading="lazy"/> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/02/foodbank_400x400.jpg" alt="Image of " width="300" height="300" class="gift__image" loading="lazy"/> </div> <p class="gift__name">Los Angeles Regional Food Bank</p> <p x-show="giftNoteDisplay(giftDetails.notes)" x-text="giftNoteDisplay(giftDetails.notes)"></p> <p class="gift__user-notice" x-show="isSelectedGift(giftID)"> Your donation: <span x-text="getDonationAmountDisplay"></span> </p> <p class="gift__user-notice gift__user-notice--increase" x-show="!isSelectedGift(giftID) && ! meetsMinimum(giftDetails)"> Increase donation to <span x-text="increaseNeededAmountDisplay(giftDetails)"></span> </p> </label> </div> <div class="gift" id="gift-197" x-bind:class="{ 'gift--selected' : isSelectedGift(giftID), 'gift--not-allowed' : ! meetsMinimum(giftDetails), 'gift--hidden' : (! showingAllGifts && (2 >= 9)) }" x-data="{ giftID : '197', giftDetails : {"ID":197,"title":"Foodbank of Santa Barbara County","content":"","images":[{"description":"","caption":"","sizes":{"full":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/Santa-Barbara-Food-Bank_1000x1000.jpg","thumbnail":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/Santa-Barbara-Food-Bank_1000x1000-150x150.jpg","medium":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/Santa-Barbara-Food-Bank_1000x1000-300x300.jpg"}}],"sku":"PFBSB","active":true,"description":"<p>KCRW has partnered with the Santa Barbara Foodbank to help combat the growing hunger crisis in the greater Santa Barbara area. Your donation of $60 or more to KCRW will provide 80 meals to needy families in our community.<\/p>\n","minimum_onetime":"120","minimum_monthly":"10","sizes":false,"notes":false}}" x-on:change="updateSelectedGiftDetails(giftDetails)"> <a href="#open-gift" x-on:click.prevent="openGiftModal(giftDetails)"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/expand.svg" class="gift__expand" alt="view more details of gift 'Foodbank of Santa Barbara County'" loading="lazy"/></a> <label for="gift-selector-197"> <input id="gift-selector-197" class="screen-reader" type="radio" name="selected_gift" value="197" x-model="selectedGift"/> <div class="gift__img-wrap"> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/check-mark.svg" alt=" is selected" class="gift__checkmark" x-show="isSelectedGift(giftID)" loading="lazy"/> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/04/Santa-Barbara-Food-Bank_1000x1000.jpg" alt="Image of " width="300" height="300" class="gift__image" loading="lazy"/> </div> <p class="gift__name">Foodbank of Santa Barbara County</p> <p x-show="giftNoteDisplay(giftDetails.notes)" x-text="giftNoteDisplay(giftDetails.notes)"></p> <p class="gift__user-notice" x-show="isSelectedGift(giftID)"> Your donation: <span x-text="getDonationAmountDisplay"></span> </p> <p class="gift__user-notice gift__user-notice--increase" x-show="!isSelectedGift(giftID) && ! meetsMinimum(giftDetails)"> Increase donation to <span x-text="increaseNeededAmountDisplay(giftDetails)"></span> </p> </label> </div> <div class="gift" id="gift-5288" x-bind:class="{ 'gift--selected' : isSelectedGift(giftID), 'gift--not-allowed' : ! meetsMinimum(giftDetails), 'gift--hidden' : (! showingAllGifts && (3 >= 9)) }" x-data="{ giftID : '5288', giftDetails : {"ID":5288,"title":"KCRW x Joonbug Mug","content":"","images":[{"description":"","caption":"","sizes":{"full":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Mug.png","thumbnail":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Mug-150x150.png","medium":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Mug-300x300.png"}}],"sku":"P22FMUG","active":true,"description":"<p><span>Buddy up with the new KCRW mug featuring an original design from LA artist Joonbug. These cool little animal friends carry 15 oz of your favorite beverage and do best when hand-washed. Colorful print on large 15oz white ceramic mug with a classic C-handle. <\/span><\/p>\n","minimum_onetime":"60","minimum_monthly":"5","sizes":false,"notes":false}}" x-on:change="updateSelectedGiftDetails(giftDetails)"> <a href="#open-gift" x-on:click.prevent="openGiftModal(giftDetails)"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/expand.svg" class="gift__expand" alt="view more details of gift 'KCRW x Joonbug Mug'" loading="lazy"/></a> <label for="gift-selector-5288"> <input id="gift-selector-5288" class="screen-reader" type="radio" name="selected_gift" value="5288" x-model="selectedGift"/> <div class="gift__img-wrap"> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/check-mark.svg" alt=" is selected" class="gift__checkmark" x-show="isSelectedGift(giftID)" loading="lazy"/> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/09/Mug-300x300.png" alt="Image of " width="300" height="300" class="gift__image" loading="lazy"/> </div> <p class="gift__name">KCRW x Joonbug Mug</p> <p x-show="giftNoteDisplay(giftDetails.notes)" x-text="giftNoteDisplay(giftDetails.notes)"></p> <p class="gift__user-notice" x-show="isSelectedGift(giftID)"> Your donation: <span x-text="getDonationAmountDisplay"></span> </p> <p class="gift__user-notice gift__user-notice--increase" x-show="!isSelectedGift(giftID) && ! meetsMinimum(giftDetails)"> Increase donation to <span x-text="increaseNeededAmountDisplay(giftDetails)"></span> </p> </label> </div> <div class="gift" id="gift-5290" x-bind:class="{ 'gift--selected' : isSelectedGift(giftID), 'gift--not-allowed' : ! meetsMinimum(giftDetails), 'gift--hidden' : (! showingAllGifts && (4 >= 9)) }" x-data="{ giftID : '5290', giftDetails : {"ID":5290,"title":"KCRW Blue Socks","content":"","images":[{"description":"","caption":"","sizes":{"full":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Socks.png","thumbnail":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Socks-150x150.png","medium":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Socks-300x300.png"}}],"sku":"P22FSOCKS","active":true,"description":"<p><span>Now you can show your station spirit from head to cozy toes with these KCRW crew socks. 100% cotton, in indigo blue and orange with KCRW lettering, one size fits most. <\/span><\/p>\n","minimum_onetime":"60","minimum_monthly":"5","sizes":false,"notes":false}}" x-on:change="updateSelectedGiftDetails(giftDetails)"> <a href="#open-gift" x-on:click.prevent="openGiftModal(giftDetails)"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/expand.svg" class="gift__expand" alt="view more details of gift 'KCRW Blue Socks'" loading="lazy"/></a> <label for="gift-selector-5290"> <input id="gift-selector-5290" class="screen-reader" type="radio" name="selected_gift" value="5290" x-model="selectedGift"/> <div class="gift__img-wrap"> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/check-mark.svg" alt=" is selected" class="gift__checkmark" x-show="isSelectedGift(giftID)" loading="lazy"/> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/09/Socks-300x300.png" alt="Image of " width="300" height="300" class="gift__image" loading="lazy"/> </div> <p class="gift__name">KCRW Blue Socks</p> <p x-show="giftNoteDisplay(giftDetails.notes)" x-text="giftNoteDisplay(giftDetails.notes)"></p> <p class="gift__user-notice" x-show="isSelectedGift(giftID)"> Your donation: <span x-text="getDonationAmountDisplay"></span> </p> <p class="gift__user-notice gift__user-notice--increase" x-show="!isSelectedGift(giftID) && ! meetsMinimum(giftDetails)"> Increase donation to <span x-text="increaseNeededAmountDisplay(giftDetails)"></span> </p> </label> </div> <div class="gift" id="gift-5292" x-bind:class="{ 'gift--selected' : isSelectedGift(giftID), 'gift--not-allowed' : ! meetsMinimum(giftDetails), 'gift--hidden' : (! showingAllGifts && (5 >= 9)) }" x-data="{ giftID : '5292', giftDetails : {"ID":5292,"title":"KCRW x Joonbug T-shirt (Silver)","content":"","images":[{"description":"","caption":"","sizes":{"full":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Shirt.png","thumbnail":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Shirt-150x150.png","medium":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Shirt-300x300.png"}}],"sku":"P22FT","active":true,"description":"<p><span>You’re sure to meet your own best-pal in this slick silver shirt that shows your love and support for the vinyl-slingin’ DJs that keep the jams flowing on air. 100% cotton unisex t-shirt featuring an original design from LA artist Joonbug on the back and his hand-lettered KCRW member on the front. Unisex sizing info <a href=\"https:\/\/usblanks.net\/products\/mens-short-sleeve-crew-neck-2?variant=32228301176866\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/span><\/p>\n","minimum_onetime":"120","minimum_monthly":"10","sizes":[{"size":"S","sku_override":""},{"size":"M","sku_override":""},{"size":"L","sku_override":""},{"size":"XL","sku_override":""},{"size":"2XL","sku_override":""}],"notes":false}}" x-on:change="updateSelectedGiftDetails(giftDetails)"> <a href="#open-gift" x-on:click.prevent="openGiftModal(giftDetails)"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/expand.svg" class="gift__expand" alt="view more details of gift 'KCRW x Joonbug T-shirt (Silver)'" loading="lazy"/></a> <label for="gift-selector-5292"> <input id="gift-selector-5292" class="screen-reader" type="radio" name="selected_gift" value="5292" x-model="selectedGift"/> <div class="gift__img-wrap"> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/check-mark.svg" alt=" is selected" class="gift__checkmark" x-show="isSelectedGift(giftID)" loading="lazy"/> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/09/Shirt-300x300.png" alt="Image of " width="300" height="300" class="gift__image" loading="lazy"/> </div> <p class="gift__name">KCRW x Joonbug T-shirt (Silver)</p> <p x-show="giftNoteDisplay(giftDetails.notes)" x-text="giftNoteDisplay(giftDetails.notes)"></p> <div class="gift__option" x-show="isSelectedGift(giftID)"> <select name="gift_size" x-bind:required="isSelectedGift(giftID)" x-model="selectedGiftOption"> <option value="">Choose</option> <option>S</option> <option>M</option> <option>L</option> <option>XL</option> <option>2XL</option> </select> <p class="gift__user-notice" x-show="! selectedGiftOption">Please choose an option.</p> </div> <p class="gift__user-notice" x-show="isSelectedGift(giftID)"> Your donation: <span x-text="getDonationAmountDisplay"></span> </p> <p class="gift__user-notice gift__user-notice--increase" x-show="!isSelectedGift(giftID) && ! meetsMinimum(giftDetails)"> Increase donation to <span x-text="increaseNeededAmountDisplay(giftDetails)"></span> </p> </label> </div> <div class="gift" id="gift-5296" x-bind:class="{ 'gift--selected' : isSelectedGift(giftID), 'gift--not-allowed' : ! meetsMinimum(giftDetails), 'gift--hidden' : (! showingAllGifts && (6 >= 9)) }" x-data="{ giftID : '5296', giftDetails : {"ID":5296,"title":"KCRW Bucket Hat (White)","content":"","images":[{"description":"","caption":"","sizes":{"full":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Hat-1.png","thumbnail":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Hat-1-150x150.png","medium":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Hat-1-300x300.png"}}],"sku":"P22FCAP","active":true,"description":"<p><span>Top off your fall look with this on-trend yet classic KCRW bucket hat. Tr\u00e8s chic! 100% cotton twill, white with teal embroidery. One size fits most. <\/span><\/p>\n","minimum_onetime":"180","minimum_monthly":"15","sizes":false,"notes":false}}" x-on:change="updateSelectedGiftDetails(giftDetails)"> <a href="#open-gift" x-on:click.prevent="openGiftModal(giftDetails)"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/expand.svg" class="gift__expand" alt="view more details of gift 'KCRW Bucket Hat (White)'" loading="lazy"/></a> <label for="gift-selector-5296"> <input id="gift-selector-5296" class="screen-reader" type="radio" name="selected_gift" value="5296" x-model="selectedGift"/> <div class="gift__img-wrap"> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/check-mark.svg" alt=" is selected" class="gift__checkmark" x-show="isSelectedGift(giftID)" loading="lazy"/> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/09/Hat-1-300x300.png" alt="Image of " width="300" height="300" class="gift__image" loading="lazy"/> </div> <p class="gift__name">KCRW Bucket Hat (White)</p> <p x-show="giftNoteDisplay(giftDetails.notes)" x-text="giftNoteDisplay(giftDetails.notes)"></p> <p class="gift__user-notice" x-show="isSelectedGift(giftID)"> Your donation: <span x-text="getDonationAmountDisplay"></span> </p> <p class="gift__user-notice gift__user-notice--increase" x-show="!isSelectedGift(giftID) && ! meetsMinimum(giftDetails)"> Increase donation to <span x-text="increaseNeededAmountDisplay(giftDetails)"></span> </p> </label> </div> <div class="gift" id="gift-5298" x-bind:class="{ 'gift--selected' : isSelectedGift(giftID), 'gift--not-allowed' : ! meetsMinimum(giftDetails), 'gift--hidden' : (! showingAllGifts && (7 >= 9)) }" x-data="{ giftID : '5298', giftDetails : {"ID":5298,"title":"KCRW x Joonbug Tote","content":"","images":[{"description":"","caption":"","sizes":{"full":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Tote.png","thumbnail":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Tote-150x150.png","medium":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Tote-300x300.png"}}],"sku":"P22FTOTE","active":true,"description":"<p><span>What’s in the bag? You decide! Our extra-large shoppers tote is your perfect companion for the record store, farmer’s market, beach, dog park or picnic. 100% natural canvas, 22″ x 17″. Made in the USA by US Blanks.<\/span><\/p>\n","minimum_onetime":"180","minimum_monthly":"15","sizes":false,"notes":false}}" x-on:change="updateSelectedGiftDetails(giftDetails)"> <a href="#open-gift" x-on:click.prevent="openGiftModal(giftDetails)"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/expand.svg" class="gift__expand" alt="view more details of gift 'KCRW x Joonbug Tote'" loading="lazy"/></a> <label for="gift-selector-5298"> <input id="gift-selector-5298" class="screen-reader" type="radio" name="selected_gift" value="5298" x-model="selectedGift"/> <div class="gift__img-wrap"> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/check-mark.svg" alt=" is selected" class="gift__checkmark" x-show="isSelectedGift(giftID)" loading="lazy"/> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/09/Tote-300x300.png" alt="Image of " width="300" height="300" class="gift__image" loading="lazy"/> </div> <p class="gift__name">KCRW x Joonbug Tote</p> <p x-show="giftNoteDisplay(giftDetails.notes)" x-text="giftNoteDisplay(giftDetails.notes)"></p> <p class="gift__user-notice" x-show="isSelectedGift(giftID)"> Your donation: <span x-text="getDonationAmountDisplay"></span> </p> <p class="gift__user-notice gift__user-notice--increase" x-show="!isSelectedGift(giftID) && ! meetsMinimum(giftDetails)"> Increase donation to <span x-text="increaseNeededAmountDisplay(giftDetails)"></span> </p> </label> </div> <div class="gift" id="gift-406" x-bind:class="{ 'gift--selected' : isSelectedGift(giftID), 'gift--not-allowed' : ! meetsMinimum(giftDetails), 'gift--hidden' : (! showingAllGifts && (8 >= 9)) }" x-data="{ giftID : '406', giftDetails : {"ID":406,"title":"Babbel Language Learning Digital Subscription","content":"","images":[{"description":"","caption":"","sizes":{"full":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/digital-join-babbel-1.png","thumbnail":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/digital-join-babbel-1-150x150.png","medium":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/digital-join-babbel-1-300x300.png"}}],"sku":"PBABBEL15","active":true,"description":"<p><span>One Year Digital Subscription to Babbel. The #1 Selling Language Learning App in the World. Members receive a 12-month, ad-free subscription with access to 14 languages. Languages include Spanish, French, German, Italian, Brazilian Portuguese, Russian, Turkish, Polish, English, Indonesian, Dutch, Danish, Swedish, and Norwegian.<\/span><\/p>\n","minimum_onetime":"180","minimum_monthly":"15","sizes":false,"notes":false}}" x-on:change="updateSelectedGiftDetails(giftDetails)"> <a href="#open-gift" x-on:click.prevent="openGiftModal(giftDetails)"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/expand.svg" class="gift__expand" alt="view more details of gift 'Babbel Language Learning Digital Subscription'" loading="lazy"/></a> <label for="gift-selector-406"> <input id="gift-selector-406" class="screen-reader" type="radio" name="selected_gift" value="406" x-model="selectedGift"/> <div class="gift__img-wrap"> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/check-mark.svg" alt=" is selected" class="gift__checkmark" x-show="isSelectedGift(giftID)" loading="lazy"/> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/04/digital-join-babbel-1.png" alt="Image of " width="300" height="300" class="gift__image" loading="lazy"/> </div> <p class="gift__name">Babbel Language Learning Digital Subscription</p> <p x-show="giftNoteDisplay(giftDetails.notes)" x-text="giftNoteDisplay(giftDetails.notes)"></p> <p class="gift__user-notice" x-show="isSelectedGift(giftID)"> Your donation: <span x-text="getDonationAmountDisplay"></span> </p> <p class="gift__user-notice gift__user-notice--increase" x-show="!isSelectedGift(giftID) && ! meetsMinimum(giftDetails)"> Increase donation to <span x-text="increaseNeededAmountDisplay(giftDetails)"></span> </p> </label> </div> <div class="gift" id="gift-5300" x-bind:class="{ 'gift--selected' : isSelectedGift(giftID), 'gift--not-allowed' : ! meetsMinimum(giftDetails), 'gift--hidden' : (! showingAllGifts && (9 >= 9)) }" x-data="{ giftID : '5300', giftDetails : {"ID":5300,"title":"KCRW x Joonbug Crewneck (Navy)","content":"","images":[{"description":"","caption":"","sizes":{"full":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Sweater.png","thumbnail":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Sweater-150x150.png","medium":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/09\/Sweater-300x300.png"}}],"sku":"P22FZ","active":true,"description":"<p><span>Believe it or not, you WILL need a sweatshirt to stay warm in LA again soon… so why not this mid-weight terry crewneck in navy, featuring our best-pal design by LA artist Joonbug! Made in the USA by US Blanks. Unisex sizing info <a href=\"https:\/\/usblanks.net\/collections\/unisex-hoodies\/products\/unisex-heavy-weight-loop-terry-zip?variant=20512738902075\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/span><\/p>\n","minimum_onetime":"240","minimum_monthly":"20","sizes":[{"size":"S","sku_override":""},{"size":"M","sku_override":""},{"size":"L","sku_override":""},{"size":"XL","sku_override":""},{"size":"2XL","sku_override":""}],"notes":false}}" x-on:change="updateSelectedGiftDetails(giftDetails)"> <a href="#open-gift" x-on:click.prevent="openGiftModal(giftDetails)"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/expand.svg" class="gift__expand" alt="view more details of gift 'KCRW x Joonbug Crewneck (Navy)'" loading="lazy"/></a> <label for="gift-selector-5300"> <input id="gift-selector-5300" class="screen-reader" type="radio" name="selected_gift" value="5300" x-model="selectedGift"/> <div class="gift__img-wrap"> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/check-mark.svg" alt=" is selected" class="gift__checkmark" x-show="isSelectedGift(giftID)" loading="lazy"/> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/09/Sweater-300x300.png" alt="Image of " width="300" height="300" class="gift__image" loading="lazy"/> </div> <p class="gift__name">KCRW x Joonbug Crewneck (Navy)</p> <p x-show="giftNoteDisplay(giftDetails.notes)" x-text="giftNoteDisplay(giftDetails.notes)"></p> <div class="gift__option" x-show="isSelectedGift(giftID)"> <select name="gift_size" x-bind:required="isSelectedGift(giftID)" x-model="selectedGiftOption"> <option value="">Choose</option> <option>S</option> <option>M</option> <option>L</option> <option>XL</option> <option>2XL</option> </select> <p class="gift__user-notice" x-show="! selectedGiftOption">Please choose an option.</p> </div> <p class="gift__user-notice" x-show="isSelectedGift(giftID)"> Your donation: <span x-text="getDonationAmountDisplay"></span> </p> <p class="gift__user-notice gift__user-notice--increase" x-show="!isSelectedGift(giftID) && ! meetsMinimum(giftDetails)"> Increase donation to <span x-text="increaseNeededAmountDisplay(giftDetails)"></span> </p> </label> </div> <div class="gift" id="gift-400" x-bind:class="{ 'gift--selected' : isSelectedGift(giftID), 'gift--not-allowed' : ! meetsMinimum(giftDetails), 'gift--hidden' : (! showingAllGifts && (10 >= 9)) }" x-data="{ giftID : '400', giftDetails : {"ID":400,"title":"New Yorker Digital Subscription","content":"","images":[{"description":"","caption":"","sizes":{"full":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/digital-join-item-the-new-yorker-1.jpg","thumbnail":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/digital-join-item-the-new-yorker-1-150x150.jpg","medium":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/digital-join-item-the-new-yorker-1-300x300.jpg"}}],"sku":"PNYRK20","active":true,"description":"<p><span>This season’s hottest digital subscription is the New Yorker. This e-mag has it all: poetry, cartoons, investigative journalism, trenchant analysis, and crosswords! Not to mention exclusive content for digital subscribers. A year of access starts at $20\/month. A valid email address is required to receive subscription instructions and set up a digital account.<\/span><\/p>\n","minimum_onetime":"240","minimum_monthly":"20","sizes":false,"notes":false}}" x-on:change="updateSelectedGiftDetails(giftDetails)"> <a href="#open-gift" x-on:click.prevent="openGiftModal(giftDetails)"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/expand.svg" class="gift__expand" alt="view more details of gift 'New Yorker Digital Subscription'" loading="lazy"/></a> <label for="gift-selector-400"> <input id="gift-selector-400" class="screen-reader" type="radio" name="selected_gift" value="400" x-model="selectedGift"/> <div class="gift__img-wrap"> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/check-mark.svg" alt=" is selected" class="gift__checkmark" x-show="isSelectedGift(giftID)" loading="lazy"/> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/04/digital-join-item-the-new-yorker-1.jpg" alt="Image of " width="300" height="300" class="gift__image" loading="lazy"/> </div> <p class="gift__name">New Yorker Digital Subscription</p> <p x-show="giftNoteDisplay(giftDetails.notes)" x-text="giftNoteDisplay(giftDetails.notes)"></p> <p class="gift__user-notice" x-show="isSelectedGift(giftID)"> Your donation: <span x-text="getDonationAmountDisplay"></span> </p> <p class="gift__user-notice gift__user-notice--increase" x-show="!isSelectedGift(giftID) && ! meetsMinimum(giftDetails)"> Increase donation to <span x-text="increaseNeededAmountDisplay(giftDetails)"></span> </p> </label> </div> <div class="gift" id="gift-183" x-bind:class="{ 'gift--selected' : isSelectedGift(giftID), 'gift--not-allowed' : ! meetsMinimum(giftDetails), 'gift--hidden' : (! showingAllGifts && (11 >= 9)) }" x-data="{ giftID : '183', giftDetails : {"ID":183,"title":"Los Angeles Times Digital Subscription","content":"","images":[{"description":"","caption":"","sizes":{"full":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/digital-join-la-times-400x400-1.jpeg","thumbnail":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/digital-join-la-times-400x400-1-150x150.jpeg","medium":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/digital-join-la-times-400x400-1-300x300.jpeg"}}],"sku":"PLAT20","active":true,"description":"<p>Become a subscriber at $20 a month or with a single donation of $240 and we\u2019ll provide you a year\u2019s unlimited digital access to the LA Times, including daily eNewspaper email delivery, a complete digital replica of the print paper! *A valid email address is required to receive subscription instructions and set up a digital account<\/p>\n","minimum_onetime":"240","minimum_monthly":"20","sizes":false,"notes":false}}" x-on:change="updateSelectedGiftDetails(giftDetails)"> <a href="#open-gift" x-on:click.prevent="openGiftModal(giftDetails)"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/expand.svg" class="gift__expand" alt="view more details of gift 'Los Angeles Times Digital Subscription'" loading="lazy"/></a> <label for="gift-selector-183"> <input id="gift-selector-183" class="screen-reader" type="radio" name="selected_gift" value="183" x-model="selectedGift"/> <div class="gift__img-wrap"> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/check-mark.svg" alt=" is selected" class="gift__checkmark" x-show="isSelectedGift(giftID)" loading="lazy"/> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/04/digital-join-la-times-400x400-1.jpeg" alt="Image of " width="300" height="300" class="gift__image" loading="lazy"/> </div> <p class="gift__name">Los Angeles Times Digital Subscription</p> <p x-show="giftNoteDisplay(giftDetails.notes)" x-text="giftNoteDisplay(giftDetails.notes)"></p> <p class="gift__user-notice" x-show="isSelectedGift(giftID)"> Your donation: <span x-text="getDonationAmountDisplay"></span> </p> <p class="gift__user-notice gift__user-notice--increase" x-show="!isSelectedGift(giftID) && ! meetsMinimum(giftDetails)"> Increase donation to <span x-text="increaseNeededAmountDisplay(giftDetails)"></span> </p> </label> </div> <div class="gift" id="gift-402" x-bind:class="{ 'gift--selected' : isSelectedGift(giftID), 'gift--not-allowed' : ! meetsMinimum(giftDetails), 'gift--hidden' : (! showingAllGifts && (12 >= 9)) }" x-data="{ giftID : '402', giftDetails : {"ID":402,"title":"NY Times Digital Subscription","content":"","images":[{"description":"","caption":"","sizes":{"full":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/digital-join-ny-times-1.png","thumbnail":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/digital-join-ny-times-1-150x150.png","medium":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/digital-join-ny-times-1-300x300.png"}}],"sku":"PNYT20","active":true,"description":"<p><span>Become a subscriber at $20 a month or with a single donation of $240 and we\u2019ll provide you a year\u2019s unlimited digital access to the New York Times! *A valid email address is required to receive subscription instructions and set up a digital account<\/span><\/p>\n","minimum_onetime":"240","minimum_monthly":"20","sizes":false,"notes":false}}" x-on:change="updateSelectedGiftDetails(giftDetails)"> <a href="#open-gift" x-on:click.prevent="openGiftModal(giftDetails)"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/expand.svg" class="gift__expand" alt="view more details of gift 'NY Times Digital Subscription'" loading="lazy"/></a> <label for="gift-selector-402"> <input id="gift-selector-402" class="screen-reader" type="radio" name="selected_gift" value="402" x-model="selectedGift"/> <div class="gift__img-wrap"> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/check-mark.svg" alt=" is selected" class="gift__checkmark" x-show="isSelectedGift(giftID)" loading="lazy"/> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/04/digital-join-ny-times-1.png" alt="Image of " width="300" height="300" class="gift__image" loading="lazy"/> </div> <p class="gift__name">NY Times Digital Subscription</p> <p x-show="giftNoteDisplay(giftDetails.notes)" x-text="giftNoteDisplay(giftDetails.notes)"></p> <p class="gift__user-notice" x-show="isSelectedGift(giftID)"> Your donation: <span x-text="getDonationAmountDisplay"></span> </p> <p class="gift__user-notice gift__user-notice--increase" x-show="!isSelectedGift(giftID) && ! meetsMinimum(giftDetails)"> Increase donation to <span x-text="increaseNeededAmountDisplay(giftDetails)"></span> </p> </label> </div> <div class="gift" id="gift-404" x-bind:class="{ 'gift--selected' : isSelectedGift(giftID), 'gift--not-allowed' : ! meetsMinimum(giftDetails), 'gift--hidden' : (! showingAllGifts && (13 >= 9)) }" x-data="{ giftID : '404', giftDetails : {"ID":404,"title":"NY Times Digital Subscription + NYT Cooking","content":"","images":[{"description":"","caption":"","sizes":{"full":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/digital-join-ny-times-cooking-1.png","thumbnail":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/digital-join-ny-times-cooking-1-150x150.png","medium":"https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/04\/digital-join-ny-times-cooking-1-300x300.png"}}],"sku":"PNYTCK","active":true,"description":"<p><span>Become a subscriber at $32 a month or with a single donation of $384 and we\u2019ll provide you a year\u2019s unlimited digital access to the New York Times PLUS a one-year subscription to the New York Times Cooking – with unlimited digital access to 18,000+ recipes tested and curated by the experts at The Times. *A valid email address is required to receive subscription instructions and set up a digital account<\/span><\/p>\n","minimum_onetime":"384","minimum_monthly":"32","sizes":false,"notes":false}}" x-on:change="updateSelectedGiftDetails(giftDetails)"> <a href="#open-gift" x-on:click.prevent="openGiftModal(giftDetails)"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/expand.svg" class="gift__expand" alt="view more details of gift 'NY Times Digital Subscription + NYT Cooking'" loading="lazy"/></a> <label for="gift-selector-404"> <input id="gift-selector-404" class="screen-reader" type="radio" name="selected_gift" value="404" x-model="selectedGift"/> <div class="gift__img-wrap"> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/check-mark.svg" alt=" is selected" class="gift__checkmark" x-show="isSelectedGift(giftID)" loading="lazy"/> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/uploads/sites/3/2022/04/digital-join-ny-times-cooking-1.png" alt="Image of " width="300" height="300" class="gift__image" loading="lazy"/> </div> <p class="gift__name">NY Times Digital Subscription + NYT Cooking</p> <p x-show="giftNoteDisplay(giftDetails.notes)" x-text="giftNoteDisplay(giftDetails.notes)"></p> <p class="gift__user-notice" x-show="isSelectedGift(giftID)"> Your donation: <span x-text="getDonationAmountDisplay"></span> </p> <p class="gift__user-notice gift__user-notice--increase" x-show="!isSelectedGift(giftID) && ! meetsMinimum(giftDetails)"> Increase donation to <span x-text="increaseNeededAmountDisplay(giftDetails)"></span> </p> </label> </div> <div class="gifts__show-button" x-show="! showingAllGifts"> <a href="#" x-on:click.prevent="showingAllGifts = true">View 5 more gifts</a> </div> </div> </section> <section id="join__billing"> <h2 x-data="{titles: {"default":"Your membership and billing information","gift":"Your billing information"}}" x-text="selectHeadline(titles)">Billing</h2> <fieldset class="addressSection billing"> <div class="row"> <div> <label class="screen-reader" for="billing_first_name">First name</label> <input type="text" id="billing_first_name" name="billing[first_name]" autocomplete="given-name" placeholder="First name" x-model="billing.first_name" required/> </div> <div class="width-25"> <label class="screen-reader" for="billing_middle_name">Middle</label> <input type="text" id="billing_middle_name" name="billing[middle_name]" autocomplete="additional-name" x-model="billing.middle_name" placeholder="Middle"/> </div> <div> <label class="screen-reader" for="billing_last_name">Last name</label> <input type="text" id="billing_last_name" name="billing[last_name]" autocomplete="family-name" placeholder="Last name" x-model="billing.last_name" required/> </div> </div> <div class="row"> <div> <label class="screen-reader" for="billing_email">Email address</label> <input type="email" id="billing_email" name="billing[email]" autocomplete="email" placeholder="Email" x-model="billing.email" required/> <div class="join__billing-email_help" x-show="donationType != 'gift'"> <p>Past and current members, please use the email address associated with your KCRW account.<p> </div> </div> </div> <div class="row"> <div> <label class="screen-reader" for="billing_phone">Phone number</label> <input type="tel" id="billing_phone" name="billing[phone]" autocomplete="tel" placeholder="Phone" x-model="billing.phone" required/> </div> <div> <label class="screen-reader" for="billing_address_street">Street Address</label> <input type="text" id="billing_address_street" name="billing[address_street]" autocomplete="street-address" placeholder="Street Address" x-model="billing.address_street" required/> </div> </div> <div class="row"> <div> <label class="screen-reader" for="billing_address_city">City</label> <input type="text" id="billing_address_city" name="billing[address_city]" autocomplete="address-level2" placeholder="City" x-model="billing.address_city" required/> </div> <div class="width-50"> <label class="screen-reader" x-bind:for="(billing.country == 'US' ? 'billing_address_state_us' : 'billing_address_state')">State</label> <select x-show="billing.country == 'US'" id="billing_address_state_us" name="billing[address_state]" autocomplete="address-level1" x-model="billing.address_state" x-bind:required="billing.country == 'US'"> <option value="">State</option><option value="AL">AL</option><option value="AK">AK</option><option value="AZ">AZ</option><option value="AR">AR</option><option value="CA">CA</option><option value="CO">CO</option><option value="CT">CT</option><option value="DE">DE</option><option value="DC">DC</option><option value="FL">FL</option><option value="GA">GA</option><option value="HI">HI</option><option value="ID">ID</option><option value="IL">IL</option><option value="IN">IN</option><option value="IA">IA</option><option value="KS">KS</option><option value="KY">KY</option><option value="LA">LA</option><option value="ME">ME</option><option value="MD">MD</option><option value="MA">MA</option><option value="MI">MI</option><option value="MN">MN</option><option value="MS">MS</option><option value="MO">MO</option><option value="MT">MT</option><option value="NE">NE</option><option value="NV">NV</option><option value="NH">NH</option><option value="NJ">NJ</option><option value="NM">NM</option><option value="NY">NY</option><option value="NC">NC</option><option value="ND">ND</option><option value="OH">OH</option><option value="OK">OK</option><option value="OR">OR</option><option value="PA">PA</option><option value="RI">RI</option><option value="SC">SC</option><option value="SD">SD</option><option value="TN">TN</option><option value="TX">TX</option><option value="UT">UT</option><option value="VT">VT</option><option value="VA">VA</option><option value="WA">WA</option><option value="WV">WV</option><option value="WI">WI</option><option value="WY">WY</option><optgroup><option value="AA">AA</option><option value="AE">AE</option><option value="AP">AP</option><option value="AS">AS</option><option value="FM">FM</option><option value="GU">GU</option><option value="MH">MH</option><option value="MP">MP</option><option value="PW">PW</option><option value="PR">PR</option><option value="VI">VI</option></optgroup> </select> <input x-show="billing.country != 'US'" type="text" id="billing_address_state" name="billing[address_state]" autocomplete="address-level1" placeholder="State/Province" x-model="billing.address_state" x-bind:required="billing.country != 'US'"/> </div> <div class="width-50"> <label class="screen-reader" for="billing_address_zip">Zip</label> <input type="text" id="billing_address_zip" name="billing[address_zip]" autocomplete="postal-code" placeholder="Zip" x-model="billing.address_zip" required/> </div> </div> <div class="row"> <div> <label class="screen-reader" for="billing_address_country">Country</label> <select id="billing_address_country" name="billing[country]" autocomplete="country" x-model="billing.country" required> <option value="US">United States</option><option value="AF">Afghanistan</option><option value="AX">Åland Islands</option><option value="AL">Albania</option><option value="DZ">Algeria</option><option value="AS">American Samoa</option><option value="AD">Andorra</option><option value="AO">Angola</option><option value="AI">Anguilla</option><option value="AQ">Antarctica</option><option value="AG">Antigua and Barbuda</option><option value="AR">Argentina</option><option value="AM">Armenia</option><option value="AW">Aruba</option><option value="AU">Australia</option><option value="AT">Austria</option><option value="AZ">Azerbaijan</option><option value="BS">Bahamas</option><option value="BH">Bahrain</option><option value="BD">Bangladesh</option><option value="BB">Barbados</option><option value="BY">Belarus</option><option value="BE">Belgium</option><option value="BZ">Belize</option><option value="BJ">Benin</option><option value="BM">Bermuda</option><option value="BT">Bhutan</option><option value="BO">Bolivia, Plurinational State of</option><option value="BQ">Bonaire, Sint Eustatius and Saba</option><option value="BA">Bosnia and Herzegovina</option><option value="BW">Botswana</option><option value="BV">Bouvet Island</option><option value="BR">Brazil</option><option value="IO">British Indian Ocean Territory</option><option value="BN">Brunei Darussalam</option><option value="BG">Bulgaria</option><option value="BF">Burkina Faso</option><option value="BI">Burundi</option><option value="KH">Cambodia</option><option value="CM">Cameroon</option><option value="CA">Canada</option><option value="CV">Cape Verde</option><option value="KY">Cayman Islands</option><option value="CF">Central African Republic</option><option value="TD">Chad</option><option value="CL">Chile</option><option value="CN">China</option><option value="CX">Christmas Island</option><option value="CC">Cocos (Keeling) Islands</option><option value="CO">Colombia</option><option value="KM">Comoros</option><option value="CG">Congo</option><option value="CD">Congo, the Democratic Republic of the</option><option value="CK">Cook Islands</option><option value="CR">Costa Rica</option><option value="CI">Côte d'Ivoire</option><option value="HR">Croatia</option><option value="CU">Cuba</option><option value="CW">Curaçao</option><option value="CY">Cyprus</option><option value="CZ">Czech Republic</option><option value="DK">Denmark</option><option value="DJ">Djibouti</option><option value="DM">Dominica</option><option value="DO">Dominican Republic</option><option value="EC">Ecuador</option><option value="EG">Egypt</option><option value="SV">El Salvador</option><option value="GQ">Equatorial Guinea</option><option value="ER">Eritrea</option><option value="EE">Estonia</option><option value="ET">Ethiopia</option><option value="FK">Falkland Islands (Malvinas)</option><option value="FO">Faroe Islands</option><option value="FJ">Fiji</option><option value="FI">Finland</option><option value="FR">France</option><option value="GF">French Guiana</option><option value="PF">French Polynesia</option><option value="TF">French Southern Territories</option><option value="GA">Gabon</option><option value="GM">Gambia</option><option value="GE">Georgia</option><option value="DE">Germany</option><option value="GH">Ghana</option><option value="GI">Gibraltar</option><option value="GR">Greece</option><option value="GL">Greenland</option><option value="GD">Grenada</option><option value="GP">Guadeloupe</option><option value="GU">Guam</option><option value="GT">Guatemala</option><option value="GG">Guernsey</option><option value="GN">Guinea</option><option value="GW">Guinea-Bissau</option><option value="GY">Guyana</option><option value="HT">Haiti</option><option value="HM">Heard Island and McDonald Islands</option><option value="VA">Holy See (Vatican City State)</option><option value="HN">Honduras</option><option value="HK">Hong Kong</option><option value="HU">Hungary</option><option value="IS">Iceland</option><option value="IN">India</option><option value="ID">Indonesia</option><option value="IR">Iran, Islamic Republic of</option><option value="IQ">Iraq</option><option value="IE">Ireland</option><option value="IM">Isle of Man</option><option value="IL">Israel</option><option value="IT">Italy</option><option value="JM">Jamaica</option><option value="JP">Japan</option><option value="JE">Jersey</option><option value="JO">Jordan</option><option value="KZ">Kazakhstan</option><option value="KE">Kenya</option><option value="KI">Kiribati</option><option value="KP">Korea, Democratic People's Republic of</option><option value="KR">Korea, Republic of</option><option value="KW">Kuwait</option><option value="KG">Kyrgyzstan</option><option value="LA">Lao People's Democratic Republic</option><option value="LV">Latvia</option><option value="LB">Lebanon</option><option value="LS">Lesotho</option><option value="LR">Liberia</option><option value="LY">Libya</option><option value="LI">Liechtenstein</option><option value="LT">Lithuania</option><option value="LU">Luxembourg</option><option value="MO">Macao</option><option value="MK">Macedonia, the former Yugoslav Republic of</option><option value="MG">Madagascar</option><option value="MW">Malawi</option><option value="MY">Malaysia</option><option value="MV">Maldives</option><option value="ML">Mali</option><option value="MT">Malta</option><option value="MH">Marshall Islands</option><option value="MQ">Martinique</option><option value="MR">Mauritania</option><option value="MU">Mauritius</option><option value="YT">Mayotte</option><option value="MX">Mexico</option><option value="FM">Micronesia, Federated States of</option><option value="MD">Moldova, Republic of</option><option value="MC">Monaco</option><option value="MN">Mongolia</option><option value="ME">Montenegro</option><option value="MS">Montserrat</option><option value="MA">Morocco</option><option value="MZ">Mozambique</option><option value="MM">Myanmar</option><option value="NA">Namibia</option><option value="NR">Nauru</option><option value="NP">Nepal</option><option value="NL">Netherlands</option><option value="NC">New Caledonia</option><option value="NZ">New Zealand</option><option value="NI">Nicaragua</option><option value="NE">Niger</option><option value="NG">Nigeria</option><option value="NU">Niue</option><option value="NF">Norfolk Island</option><option value="MP">Northern Mariana Islands</option><option value="NO">Norway</option><option value="OM">Oman</option><option value="PK">Pakistan</option><option value="PW">Palau</option><option value="PS">Palestinian Territory, Occupied</option><option value="PA">Panama</option><option value="PG">Papua New Guinea</option><option value="PY">Paraguay</option><option value="PE">Peru</option><option value="PH">Philippines</option><option value="PN">Pitcairn</option><option value="PL">Poland</option><option value="PT">Portugal</option><option value="PR">Puerto Rico</option><option value="QA">Qatar</option><option value="RE">Réunion</option><option value="RO">Romania</option><option value="RU">Russian Federation</option><option value="RW">Rwanda</option><option value="BL">Saint Barthélemy</option><option value="SH">Saint Helena, Ascension and Tristan da Cunha</option><option value="KN">Saint Kitts and Nevis</option><option value="LC">Saint Lucia</option><option value="MF">Saint Martin (French part)</option><option value="PM">Saint Pierre and Miquelon</option><option value="VC">Saint Vincent and the Grenadines</option><option value="WS">Samoa</option><option value="SM">San Marino</option><option value="ST">Sao Tome and Principe</option><option value="SA">Saudi Arabia</option><option value="SN">Senegal</option><option value="RS">Serbia</option><option value="SC">Seychelles</option><option value="SL">Sierra Leone</option><option value="SG">Singapore</option><option value="SX">Sint Maarten (Dutch part)</option><option value="SK">Slovakia</option><option value="SI">Slovenia</option><option value="SB">Solomon Islands</option><option value="SO">Somalia</option><option value="ZA">South Africa</option><option value="GS">South Georgia and the South Sandwich Islands</option><option value="SS">South Sudan</option><option value="ES">Spain</option><option value="LK">Sri Lanka</option><option value="SD">Sudan</option><option value="SR">Suriname</option><option value="SJ">Svalbard and Jan Mayen</option><option value="SZ">Swaziland</option><option value="SE">Sweden</option><option value="CH">Switzerland</option><option value="SY">Syrian Arab Republic</option><option value="TW">Taiwan, Province of China</option><option value="TJ">Tajikistan</option><option value="TZ">Tanzania, United Republic of</option><option value="TH">Thailand</option><option value="TL">Timor-Leste</option><option value="TG">Togo</option><option value="TK">Tokelau</option><option value="TO">Tonga</option><option value="TT">Trinidad and Tobago</option><option value="TN">Tunisia</option><option value="TR">Turkey</option><option value="TM">Turkmenistan</option><option value="TC">Turks and Caicos Islands</option><option value="TV">Tuvalu</option><option value="UG">Uganda</option><option value="UA">Ukraine</option><option value="AE">United Arab Emirates</option><option value="GB">United Kingdom</option><option value="UM">United States Minor Outlying Islands</option><option value="UY">Uruguay</option><option value="UZ">Uzbekistan</option><option value="VU">Vanuatu</option><option value="VE">Venezuela, Bolivarian Republic of</option><option value="VN">Viet Nam</option><option value="VG">Virgin Islands, British</option><option value="VI">Virgin Islands, U.S.</option><option value="WF">Wallis and Futuna</option><option value="EH">Western Sahara</option><option value="YE">Yemen</option><option value="ZM">Zambia</option><option value="ZW">Zimbabwe</option> </select> </div> </div> <div class="row"> <div> <label for="additional_name"><input id="additional_name" type="checkbox" name="additional_name" x-model="showAdditionalName">Add an additional name to this donation</label> <div class="row" x-show="showAdditionalName"> <div> <label class="screen-reader" for="billing_additional_first_name">Additional First name</label> <input type="text" id="billing_additional_first_name" name="billing[additional_first_name]" autocomplete="given-name" x-model="billing.additional_first_name" placeholder="Additional First name" x-bind:required="showAdditionalName"/> </div> <div class="width-25"> <label class="screen-reader" for="billing_additional_middle_name">Middle</label> <input type="text" id="billing_additional_middle_name" name="billing[additional_middle_name]" autocomplete="additional-name" x-model="billing.additional_middle_name" placeholder="Middle"/> </div> <div> <label class="screen-reader" for="billing_additional_last_name">Additional Last name</label> <input type="text" id="billing_additional_last_name" name="billing[additional_last_name]" autocomplete="family-name" x-model="billing.additional_last_name" placeholder="Additional Last name" x-bind:required="showAdditionalName"/> </div> </div> </div> </div> </fieldset> <fieldset> <div class="row"> <div> <label for="show_shipping_section"><input id="show_shipping_section" name="show_shipping" type="checkbox" x-model="showShipping" x-bind:disabled="isGift">Ship to a different address?</label> </div> </div> </fieldset> </section> <section id="join__shipping" x-show="showShippingSection"> <h2 x-data="{titles: {"default":"Shipping","gift":"Gift membership recipient"}}" x-text="selectHeadline(titles)">Shipping</h2> <p>This is where we will ship the Fringe Benefits card and thank you gift.</p> <fieldset class="addressSection shipping"> <div class="row"> <div> <label class="screen-reader" for="shipping_first_name">First name</label> <input type="text" id="shipping_first_name" name="shipping[first_name]" autocomplete="shipping given-name" x-model="shipping.first_name" placeholder="First name" x-bind:required="showShippingSection"/> </div> <div class="width-25"> <label class="screen-reader" for="shipping_middle_name">Middle</label> <input type="text" id="shipping_middle_name" name="shipping[middle_name]" autocomplete="shipping additional-name" x-model="shipping.middle_name" placeholder="Middle name"/> </div> <div> <label class="screen-reader" for="shipping_last_name">Last name</label> <input type="text" id="shipping_last_name" name="shipping[last_name]" autocomplete="shipping family-name" x-model="shipping.last_name" placeholder="Last name" x-bind:required="showShippingSection"/> </div> </div> <div class="row" x-show="donationType == 'gift'"> <div> <label class="screen-reader" for="shipping_email">Email address</label> <input type="email" id="shipping_email" name="shipping[email]" autocomplete="shipping email" x-model="shipping.email" placeholder="Email" x-bind:required="showShippingSection && donationType == 'gift'"/> </div> </div> <div class="row"> <div x-show="donationType == 'gift'"> <label class="screen-reader" for="shipping_phone">Phone number</label> <input type="tel" id="shipping_phone" name="shipping[phone]" autocomplete="shipping family-name" x-model="shipping.phone" placeholder="Phone"/> </div> <div> <label class="screen-reader" for="shipping_address_street">Street Address</label> <input type="text" id="shipping_address_street" name="shipping[address_street]" autocomplete="shipping street-address" x-model="shipping.address_street" placeholder="Street Address" x-bind:required="showShippingSection"/> </div> </div> <div class="row"> <div> <label class="screen-reader" for="shipping_address_city">City</label> <input type="text" id="shipping_address_city" name="shipping[address_city]" autocomplete="shipping address-level2" x-model="shipping.address_city" placeholder="City" x-bind:required="showShippingSection"/> </div> <div class="width-50"> <label class="screen-reader" x-bind:for="(shipping.country == 'US' ? 'shipping_address_state_us' : 'shipping_address_state')">State</label> <select x-show="shipping.country == 'US'" id="shipping_address_state_us" name="shipping[address_state]" autocomplete="address-level1" x-model="shipping.address_state" x-bind:required="showShippingSection() && shipping.country == 'US'"> <option value="">State</option><option value="AL">AL</option><option value="AK">AK</option><option value="AZ">AZ</option><option value="AR">AR</option><option value="CA">CA</option><option value="CO">CO</option><option value="CT">CT</option><option value="DE">DE</option><option value="DC">DC</option><option value="FL">FL</option><option value="GA">GA</option><option value="HI">HI</option><option value="ID">ID</option><option value="IL">IL</option><option value="IN">IN</option><option value="IA">IA</option><option value="KS">KS</option><option value="KY">KY</option><option value="LA">LA</option><option value="ME">ME</option><option value="MD">MD</option><option value="MA">MA</option><option value="MI">MI</option><option value="MN">MN</option><option value="MS">MS</option><option value="MO">MO</option><option value="MT">MT</option><option value="NE">NE</option><option value="NV">NV</option><option value="NH">NH</option><option value="NJ">NJ</option><option value="NM">NM</option><option value="NY">NY</option><option value="NC">NC</option><option value="ND">ND</option><option value="OH">OH</option><option value="OK">OK</option><option value="OR">OR</option><option value="PA">PA</option><option value="RI">RI</option><option value="SC">SC</option><option value="SD">SD</option><option value="TN">TN</option><option value="TX">TX</option><option value="UT">UT</option><option value="VT">VT</option><option value="VA">VA</option><option value="WA">WA</option><option value="WV">WV</option><option value="WI">WI</option><option value="WY">WY</option><optgroup><option value="AA">AA</option><option value="AE">AE</option><option value="AP">AP</option><option value="AS">AS</option><option value="FM">FM</option><option value="GU">GU</option><option value="MH">MH</option><option value="MP">MP</option><option value="PW">PW</option><option value="PR">PR</option><option value="VI">VI</option></optgroup> </select> <input x-show="shipping.country != 'US'" type="text" id="shipping_address_state" name="shipping[address_state]" autocomplete="address-level1" placeholder="State/Province" x-model="shipping.address_state" x-bind:required="showShippingSection() && shipping.country != 'US'"/> </div> <div class="width-50"> <label class="screen-reader" for="shipping_address_zip">Zip</label> <input type="text" id="shipping_address_zip" name="shipping[address_zip]" autocomplete="shipping postal-code" x-model="shipping.address_zip" placeholder="Zip" x-bind:required="showShippingSection"/> </div> </div> <div class="row"> <div> <label class="screen-reader" for="shipping_address_country">Country</label> <select id="shipping_address_country" name="shipping[country]" autocomplete="shipping country" x-model="shipping.country" x-bind:required="showShippingSection"> <option value="US">United States</option><option value="AF">Afghanistan</option><option value="AX">Åland Islands</option><option value="AL">Albania</option><option value="DZ">Algeria</option><option value="AS">American Samoa</option><option value="AD">Andorra</option><option value="AO">Angola</option><option value="AI">Anguilla</option><option value="AQ">Antarctica</option><option value="AG">Antigua and Barbuda</option><option value="AR">Argentina</option><option value="AM">Armenia</option><option value="AW">Aruba</option><option value="AU">Australia</option><option value="AT">Austria</option><option value="AZ">Azerbaijan</option><option value="BS">Bahamas</option><option value="BH">Bahrain</option><option value="BD">Bangladesh</option><option value="BB">Barbados</option><option value="BY">Belarus</option><option value="BE">Belgium</option><option value="BZ">Belize</option><option value="BJ">Benin</option><option value="BM">Bermuda</option><option value="BT">Bhutan</option><option value="BO">Bolivia, Plurinational State of</option><option value="BQ">Bonaire, Sint Eustatius and Saba</option><option value="BA">Bosnia and Herzegovina</option><option value="BW">Botswana</option><option value="BV">Bouvet Island</option><option value="BR">Brazil</option><option value="IO">British Indian Ocean Territory</option><option value="BN">Brunei Darussalam</option><option value="BG">Bulgaria</option><option value="BF">Burkina Faso</option><option value="BI">Burundi</option><option value="KH">Cambodia</option><option value="CM">Cameroon</option><option value="CA">Canada</option><option value="CV">Cape Verde</option><option value="KY">Cayman Islands</option><option value="CF">Central African Republic</option><option value="TD">Chad</option><option value="CL">Chile</option><option value="CN">China</option><option value="CX">Christmas Island</option><option value="CC">Cocos (Keeling) Islands</option><option value="CO">Colombia</option><option value="KM">Comoros</option><option value="CG">Congo</option><option value="CD">Congo, the Democratic Republic of the</option><option value="CK">Cook Islands</option><option value="CR">Costa Rica</option><option value="CI">Côte d'Ivoire</option><option value="HR">Croatia</option><option value="CU">Cuba</option><option value="CW">Curaçao</option><option value="CY">Cyprus</option><option value="CZ">Czech Republic</option><option value="DK">Denmark</option><option value="DJ">Djibouti</option><option value="DM">Dominica</option><option value="DO">Dominican Republic</option><option value="EC">Ecuador</option><option value="EG">Egypt</option><option value="SV">El Salvador</option><option value="GQ">Equatorial Guinea</option><option value="ER">Eritrea</option><option value="EE">Estonia</option><option value="ET">Ethiopia</option><option value="FK">Falkland Islands (Malvinas)</option><option value="FO">Faroe Islands</option><option value="FJ">Fiji</option><option value="FI">Finland</option><option value="FR">France</option><option value="GF">French Guiana</option><option value="PF">French Polynesia</option><option value="TF">French Southern Territories</option><option value="GA">Gabon</option><option value="GM">Gambia</option><option value="GE">Georgia</option><option value="DE">Germany</option><option value="GH">Ghana</option><option value="GI">Gibraltar</option><option value="GR">Greece</option><option value="GL">Greenland</option><option value="GD">Grenada</option><option value="GP">Guadeloupe</option><option value="GU">Guam</option><option value="GT">Guatemala</option><option value="GG">Guernsey</option><option value="GN">Guinea</option><option value="GW">Guinea-Bissau</option><option value="GY">Guyana</option><option value="HT">Haiti</option><option value="HM">Heard Island and McDonald Islands</option><option value="VA">Holy See (Vatican City State)</option><option value="HN">Honduras</option><option value="HK">Hong Kong</option><option value="HU">Hungary</option><option value="IS">Iceland</option><option value="IN">India</option><option value="ID">Indonesia</option><option value="IR">Iran, Islamic Republic of</option><option value="IQ">Iraq</option><option value="IE">Ireland</option><option value="IM">Isle of Man</option><option value="IL">Israel</option><option value="IT">Italy</option><option value="JM">Jamaica</option><option value="JP">Japan</option><option value="JE">Jersey</option><option value="JO">Jordan</option><option value="KZ">Kazakhstan</option><option value="KE">Kenya</option><option value="KI">Kiribati</option><option value="KP">Korea, Democratic People's Republic of</option><option value="KR">Korea, Republic of</option><option value="KW">Kuwait</option><option value="KG">Kyrgyzstan</option><option value="LA">Lao People's Democratic Republic</option><option value="LV">Latvia</option><option value="LB">Lebanon</option><option value="LS">Lesotho</option><option value="LR">Liberia</option><option value="LY">Libya</option><option value="LI">Liechtenstein</option><option value="LT">Lithuania</option><option value="LU">Luxembourg</option><option value="MO">Macao</option><option value="MK">Macedonia, the former Yugoslav Republic of</option><option value="MG">Madagascar</option><option value="MW">Malawi</option><option value="MY">Malaysia</option><option value="MV">Maldives</option><option value="ML">Mali</option><option value="MT">Malta</option><option value="MH">Marshall Islands</option><option value="MQ">Martinique</option><option value="MR">Mauritania</option><option value="MU">Mauritius</option><option value="YT">Mayotte</option><option value="MX">Mexico</option><option value="FM">Micronesia, Federated States of</option><option value="MD">Moldova, Republic of</option><option value="MC">Monaco</option><option value="MN">Mongolia</option><option value="ME">Montenegro</option><option value="MS">Montserrat</option><option value="MA">Morocco</option><option value="MZ">Mozambique</option><option value="MM">Myanmar</option><option value="NA">Namibia</option><option value="NR">Nauru</option><option value="NP">Nepal</option><option value="NL">Netherlands</option><option value="NC">New Caledonia</option><option value="NZ">New Zealand</option><option value="NI">Nicaragua</option><option value="NE">Niger</option><option value="NG">Nigeria</option><option value="NU">Niue</option><option value="NF">Norfolk Island</option><option value="MP">Northern Mariana Islands</option><option value="NO">Norway</option><option value="OM">Oman</option><option value="PK">Pakistan</option><option value="PW">Palau</option><option value="PS">Palestinian Territory, Occupied</option><option value="PA">Panama</option><option value="PG">Papua New Guinea</option><option value="PY">Paraguay</option><option value="PE">Peru</option><option value="PH">Philippines</option><option value="PN">Pitcairn</option><option value="PL">Poland</option><option value="PT">Portugal</option><option value="PR">Puerto Rico</option><option value="QA">Qatar</option><option value="RE">Réunion</option><option value="RO">Romania</option><option value="RU">Russian Federation</option><option value="RW">Rwanda</option><option value="BL">Saint Barthélemy</option><option value="SH">Saint Helena, Ascension and Tristan da Cunha</option><option value="KN">Saint Kitts and Nevis</option><option value="LC">Saint Lucia</option><option value="MF">Saint Martin (French part)</option><option value="PM">Saint Pierre and Miquelon</option><option value="VC">Saint Vincent and the Grenadines</option><option value="WS">Samoa</option><option value="SM">San Marino</option><option value="ST">Sao Tome and Principe</option><option value="SA">Saudi Arabia</option><option value="SN">Senegal</option><option value="RS">Serbia</option><option value="SC">Seychelles</option><option value="SL">Sierra Leone</option><option value="SG">Singapore</option><option value="SX">Sint Maarten (Dutch part)</option><option value="SK">Slovakia</option><option value="SI">Slovenia</option><option value="SB">Solomon Islands</option><option value="SO">Somalia</option><option value="ZA">South Africa</option><option value="GS">South Georgia and the South Sandwich Islands</option><option value="SS">South Sudan</option><option value="ES">Spain</option><option value="LK">Sri Lanka</option><option value="SD">Sudan</option><option value="SR">Suriname</option><option value="SJ">Svalbard and Jan Mayen</option><option value="SZ">Swaziland</option><option value="SE">Sweden</option><option value="CH">Switzerland</option><option value="SY">Syrian Arab Republic</option><option value="TW">Taiwan, Province of China</option><option value="TJ">Tajikistan</option><option value="TZ">Tanzania, United Republic of</option><option value="TH">Thailand</option><option value="TL">Timor-Leste</option><option value="TG">Togo</option><option value="TK">Tokelau</option><option value="TO">Tonga</option><option value="TT">Trinidad and Tobago</option><option value="TN">Tunisia</option><option value="TR">Turkey</option><option value="TM">Turkmenistan</option><option value="TC">Turks and Caicos Islands</option><option value="TV">Tuvalu</option><option value="UG">Uganda</option><option value="UA">Ukraine</option><option value="AE">United Arab Emirates</option><option value="GB">United Kingdom</option><option value="UM">United States Minor Outlying Islands</option><option value="UY">Uruguay</option><option value="UZ">Uzbekistan</option><option value="VU">Vanuatu</option><option value="VE">Venezuela, Bolivarian Republic of</option><option value="VN">Viet Nam</option><option value="VG">Virgin Islands, British</option><option value="VI">Virgin Islands, U.S.</option><option value="WF">Wallis and Futuna</option><option value="EH">Western Sahara</option><option value="YE">Yemen</option><option value="ZM">Zambia</option><option value="ZW">Zimbabwe</option> </select> </div> </div> <div class="row" x-show="isGift"> <div> <label class="screen-reader" for="gift_note">Gift Note</label> <textarea id="gift_note" name="gift_note" rows="5" placeholder="Gift Note" x-model="note"></textarea> </div> </div> </fieldset> </section> <section id="join__payment"> <h2 x-data="{titles: []}" x-text="selectHeadline(titles)"></h2> <div class="payment_types">  <input id="payment_type__bank" name="payment_type" class="payment_type screen-reader" type="radio" value="bank" x-model="paymentType" checked/> <label for="payment_type__bank" class="radio-label">Bank Account (recommended)</label>  <input id="payment_type__credit-card" name="payment_type" class="payment_type screen-reader" type="radio" value="credit-card" x-model="paymentType"/> <label for="payment_type__credit-card" class="radio-label">Credit Card</label>  <input id="payment_type__paypal" name="payment_type" class="payment_type screen-reader" type="radio" value="paypal" x-model="paymentType" x-show="! isMonthly()"/> <label for="payment_type__paypal" class="radio-label" x-show="! isMonthly()">Paypal</label> </div> <div class="payment_details payment_details__bank" x-show="paymentType == 'bank'" x-data="plaid"> <p class="additional-info">Pay with an automatic deduction from your bank account—it's safe, convenient, and means more of your gift goes to support KCRW. </p> <fieldset class="bankSettings plaid plaid--unlinked" x-show="! showManual && ! plaid.account_id"> <div class="row"> <div> <label class="screen-reader" for="bank_first_name">First name</label> <input type="text" id="bank_first_name" autocomplete="given-name" placeholder="First name" x-model="user.first_name" x-bind:required="! showManual && isBankPayment()"/> </div> <div> <label class="screen-reader" for="bank_last_name">Last name</label> <input type="text" id="bank_last_name" autocomplete="family-name" placeholder="Last name" x-model="user.last_name" x-bind:required="! showManual && isBankPayment()"/> </div> </div> <div class="row"> <div> <label class="screen-reader" for="bank_email">Email address</label> <input type="email" id="bank_email" autocomplete="email" placeholder="Email" x-model="user.email" x-bind:required="! showManual && isBankPayment()"/> </div> </div> </fieldset> <fieldset class="bankSettings plaid plaid--linked" x-show="! showManual && plaid.account_id"> <div class="row"> <div> <label for="bank_plaid_account">Account Number</label> <input type="text" id="bank_plaid_account" name="bank[plaid_account]" x-model="plaid.account" readonly/> <input type="hidden" name="bank[plaid_account_id]" x-model="plaid.account_id"/> <input type="hidden" name="bank[plaid_access_token]" x-model="plaid.access_token"/> <input type="hidden" name="bank[plaid_item_id]" x-model="plaid.item_id"/> </div> </div> <div class="row"> <p> <strong>Account linked • <a href="#" x-on:click.prevent="removePlaidSettings"> Unlink account </a> </strong> </p> </div> </fieldset> <div> <label for="bank[authorize]"> <input type="checkbox" name="bank[authorize]" x-model="authorizeEFT" x-bind:required="isBankPayment()"/> I agree to the <a href="#" x-on:click.prevent="showTerms = ! showTerms" aria-label="read the EFT terms">EFT terms</a> </label> </div> <div x-show="showTerms" class="bank__terms">  <p x-show="isMonthly()">Today, being October 16, 2022, by entering my routing and account number above and clicking "Donate", I authorize my payments of $<span x-text="donationAmount"></span> each month on or shortly after October 16, 2022, to be processed as electronic funds transfers (EFT) or drafts drawn from my checking or savings account as indicated above and, if necessary, electronic credits to my account to correct erroneous debits. I understand that my payment will process within 1-2 banking days. I understand that this authorization will remain in effect until I notify you that I wish to change it by calling 888-600-5279, or emailing KCRW at <a href="/web/20221017024655/https://join.kcrw.com/cdn-cgi/l/email-protection#87eae2eae5e2f5f4efeef7c7ece4f5f0a9e8f5e0"><span class="__cf_email__" data-cfemail="3b565e56595e494853524b7b5058494c1554495c">[email protected]</span></a> and allowed you reasonable opportunity to act on my notice.</p> <p x-show="! isMonthly()">Today, being October 16, 2022, by entering my routing and account number above and clicking "Donate", I authorize my payment of $<span x-text="donationAmount"></span> on or shortly after October 16, 2022, to be processed as an electronic funds transfer (EFT) or draft drawn from my checking or savings account as indicated above and, if necessary, an electronic credit to my account to correct an erroneous debit. I understand that my payment will process within 1-2 banking days.</p> <p class="uppercase">Please print a copy of this page for your records. Alternatively, contact us at <a href="tel:18886005279">888-600-5279</a> or <a href="/web/20221017024655/https://join.kcrw.com/cdn-cgi/l/email-protection#6f020a020d0a1d1c07061f2f040c1d1841001d08"><span class="__cf_email__" data-cfemail="422f272f202730312a2b3202292130356c2d3025">[email protected]</span></a> to learn how you can obtain a copy.</p> </div> <div class="bank__submit"> <button x-show="! showManual" x-bind:disabled="! plaidFieldsValidated()" x-text="accountLinkButton" x-on:click.prevent="trackPaymentEvent(); processPlaidRequest()"> Link account via Plaid </button> </div> </div> <div class="payment_details payment_details__credit-card" x-show="paymentType == 'credit-card'"> <div> <img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/cards.png" title="Credit card examples" alt="Credit card logos" loading="lazy"/> <p>Credit card processing is powered by <a href="https://web.archive.org/web/20221017024655/https://stripe.com/" target="_blank">Stripe</a>.</p> <p>Click the 'Donate' button below to continue checkout</p> </div> </div> <div class="payment_details payment_details__paypal" x-show="paymentType == 'paypal'"> <p>Click the 'Donate' button below to continue checkout</p> </div> </section> <section id="join__summary"> <h2 x-data="{titles: {"default":"Summary"}}" x-text="selectHeadline(titles)">Summary</h2> <div class="row"> <div> <h3>Your Gift</h3> <div x-show="selectedGift"> <p x-text="getData('title', selectedGiftDetails)"></p> <p x-show="selectedGiftOption">(Option: <span x-text="selectedGiftOption"></span>)<p> <img x-bind:src="getImage('medium', selectedGiftDetails)?.image" x-bind:alt="getImage('medium', selectedGiftDetails)?.altText || getData('title', selectedGiftDetails)" loading="lazy"/> </div> <div x-show="!selectedGift"> <p class="summary__notice">No Selection Made</p> </div> </div> <div> <h3>Your Donation</h3> <p class="summary__notice" x-text="getDonationAmountDisplay"></p> </div> </div> </section> <section id="join__submit"> <input type="submit" x-bind:value="(submissionStarted ? 'please wait...' : 'Donate')" x-bind:disabled="! submissionConditionsMet() || submissionStarted"/> <div class="bot-check" id="g-recaptcha" data-callback="recaptchaOnclick"></div> <input type="hidden" id="kcrw_nonce" name="kcrw_nonce" value="99329ea684"/> <input type="hidden" name="utm[campaign]" x-model="utm.campaign"/> <input type="hidden" name="utm[code]" x-model="utm.code"/> <input type="hidden" name="utm[content]" x-model="utm.content"/> <input type="hidden" name="utm[medium]" x-model="utm.medium"/> <input type="hidden" name="utm[term]" x-model="utm.term"/> <input type="hidden" name="utm[source]" x-model="utm.source"/> </section> </div> </div> </form> </main> </div> <footer id="main-footer"> <p>Contact KCRW Membership at <a href="/web/20221017024655/https://join.kcrw.com/cdn-cgi/l/email-protection#8ae7efe7e8eff8f9e2e3facae1e9f8fda4e5f8ed"><span class="__cf_email__" data-cfemail="96fbf3fbf4f3e4e5feffe6d6fdf5e4e1b8f9e4f1">[email protected]</span></a> or <a href="tel:18886005279">888.600.5279</a></p> <nav class="footer-navigation"> <ul class=""> <li> <a href="https://web.archive.org/web/20221017024655/https://www.kcrw.com/about/privacy-policy" target="_blank"> Privacy Policy </a> </li> <li> <a href="https://web.archive.org/web/20221017024655/https://www.kcrw.com/about/terms-of-service" target="_blank"> Terms of Service </a> </li> </ul> </nav> <p class="copyright">© 2022 KCRW All Rights Reserved</p> </footer> <div class="kcrw_modals"> <div class="kcrw_modal kcrw_modal--gift" x-show="modalOpen" x-on:keydown.escape.prevent.stop="closeModal" role="dialog" aria-modal="true" x-bind:aria-hidden="(modalOpen ? 'aria-hidden' : '')" x-bind:aria-labelledby="(modalType == 'text' ? 'modal-title--text' : 'modal-title--gift')" x-trap.noscroll.inert="modalOpen">  <div class="kcrw_modal__overlay" x-show="modalOpen" x-transition.opacity></div>  <div id="kcrw_modal--gift" x-show="modalOpen && modalType == 'gift'" x-transition class="kcrw_modal__content" @click.away="closeModal"> <section x-on:click.stop> <a href="#close-modal" class="kcrw_modal__close" x-on:click.prevent="closeModal" aria-label="close popup"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/x.svg" alt="close popup" loading="lazy"/></a>  <h2 class="text-3xl font-bold" id="modal-title--gift" x-text="getData('title', modalDetails)"></h2>  <div class="slider slider--modal" x-show="modalDetails?.images" x-data="slider()" x-on:modal-update="reset($refs.slides, modalDetails)"> <div class="slider__slides" x-ref="slides" x-on:scroll.debounce="updateIndex($event.target)"> <template x-for="image in modalDetails?.images"> <div class="slider__slide"><img x-bind:src="image.sizes.medium" loading="lazy"/></div> </template> </div> <div class="slider__controls" x-show="isSlider"> <a href="#prev-slide" x-on:click.prevent="prev($refs.slides)" class="slider__control slider__control--prev"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/caret-left.svg" alt="Previous image" loading="lazy"/></a> <a href="#next-slide" x-on:click.prevent="next($refs.slides)" class="slider__control slider__control--next"><img src="https://web.archive.org/web/20221017024655im_/https://join.kcrw.com/wp-content/themes/kcrw/assets/img/caret-right.svg" alt="Next image" loading="lazy"/></a> </div> </div>  <div class="kcrw_modal__description" x-html="getData('description', modalDetails)"></div> <div class="kcrw_modal__options"> <a href="#select-gift" class="button" x-on:click.prevent="selectGift(modalDetails)">Select Gift</a> </div> </section> </div>  <div id="kcrw_modal--text" x-show="modalOpen && modalType != 'gift'" x-transition class="kcrw_modal__content" @click.away="closeModal"> <section x-on:click.stop>  <h2 class="text-3xl font-bold" id="modal-title--text" x-text="getData('title', modalDetails)"></h2>  <div class="kcrw_modal__description" x-html="getData('content', modalDetails)"></div> </section> </div> </div> </div> <script data-cfasync="false" src="/web/20221017024655js_/https://join.kcrw.com/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" defer async src="//web.archive.org/web/20221017024655js_/https://js.hs-scripts.com/335293.js?ver=1.0.0" id="vendor-hubspot-js"></script> <script type="text/javascript" id="kcrw-js-extra"> /* <![CDATA[ */ var kcrw = {"themeAssetsPath":"https:\/\/web.archive.org\/web\/20221017024655\/https:\/\/join.kcrw.com\/wp-content\/themes\/kcrw\/assets","ajaxurl":"https:\/\/web.archive.org\/web\/20221017024655\/https:\/\/join.kcrw.com\/wp-admin\/admin-ajax.php","cart":null,"defaults":{"donate_type":"monthly","amount":"20","payment_type":"bank","selected_gift":76,"gift_details":{"ID":76,"title":"No Thank You Gift","content":"","images":[{"description":"","caption":"","sizes":{"full":"https:\/\/web.archive.org\/web\/20221017024655\/https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/02\/no-gift-400x400-1.jpg","thumbnail":"https:\/\/web.archive.org\/web\/20221017024655\/https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/02\/no-gift-400x400-1-150x150.jpg","medium":"https:\/\/web.archive.org\/web\/20221017024655\/https:\/\/join.kcrw.com\/wp-content\/uploads\/sites\/3\/2022\/02\/no-gift-400x400-1-300x300.jpg"}}],"sku":"NONE","active":true,"description":"","minimum_onetime":"0","minimum_monthly":"0","sizes":false,"notes":false}},"utm":{"campaign":"","code":"","content":"","medium":"","source":"","term":""},"abstract_key_email":"bf3f466e48d346c8a6199303c988994b"}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20221017024655js_/https://join.kcrw.com/wp-content/themes/kcrw/assets/js/scripts.js?ver=2022.05.02" id="kcrw-js"></script> <script type="text/javascript" src="https://web.archive.org/web/20221017024655js_/https://join.kcrw.com/wp-content/themes/kcrw/assets/js/components/alpine-site.js?ver=2022.05.02" id="kcrw-alpine-site-js"></script> <script type="text/javascript" src="https://web.archive.org/web/20221017024655js_/https://join.kcrw.com/wp-content/themes/kcrw/assets/js/vendor/intlTelInput-jquery.js?ver=17.0.0" id="vendor-phone-js"></script> <script type="text/javascript" src="https://web.archive.org/web/20221017024655js_/https://join.kcrw.com/wp-content/themes/kcrw/assets/js/components/form-helpers.js?ver=2022.05.18" id="kcrw-form-helpers-js"></script> <script type="text/javascript" src="//web.archive.org/web/20221017024655js_/https://maps.googleapis.com/maps/api/js?key=AIzaSyAnR7LnbO8SCVmGbJvkHqISceluVdmgy6I&libraries=places&callback=initAddressAutocomplete&ver=1.0.0" id="vendor-address-autocomplete-js"></script> <script type="text/javascript" defer src="//web.archive.org/web/20221017024655js_/https://cdn.plaid.com/link/v2/stable/link-initialize.js?ver=2.0.0" id="vendor-plaid-js"></script> <script type="text/javascript" id="kcrw-plaid-js-extra"> /* <![CDATA[ */ var kcrwPlaid = {"urlCreateLinkToken":"https:\/\/web.archive.org\/web\/20221017024655\/https:\/\/join.kcrw.com\/checkout?method=bank&step=create-link-token","urlGetAccessToken":"https:\/\/web.archive.org\/web\/20221017024655\/https:\/\/join.kcrw.com\/checkout?method=bank&step=get-access-token","environment":"production"}; /* ]]> */ </script> <script type="text/javascript" src="https://web.archive.org/web/20221017024655js_/https://join.kcrw.com/wp-content/themes/kcrw/assets/js/components/alpine-plaid.js?ver=2022.05.02" id="kcrw-plaid-js"></script> <script type="text/javascript" src="https://web.archive.org/web/20221017024655js_/https://join.kcrw.com/wp-content/themes/kcrw/assets/js/components/alpine-form.js?ver=2022.05.02" id="kcrw-form-js"></script> <script type="text/javascript" defer src="//web.archive.org/web/20221017024655js_/https://unpkg.com/@alpinejs/focus@3.9.6/dist/cdn.min.js?ver=3.9.6" id="vendor-alpine-focus-js"></script> <script type="text/javascript" defer src="//web.archive.org/web/20221017024655js_/https://unpkg.com/alpinejs@3.9.6/dist/cdn.min.js?ver=3.9.6" id="vendor-alpine-js"></script> </body> </html>