<turbo-stream action="update" target="calendar_feature_945803"><template>
  <div class="calendar-wrap">
  
    <section class="previous">
      <h1 class="heading-quaternary">Previous events</h1>

      <article class="list-style">
  
<div class="event-detail" data-event-id="5785140" data-occurrence-id="698061355">
  <div class="event-image image-social">
      <a rel="event[5785140]" title="The Klipptones" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/393801/4ac237ae9258d3da0ca058521b8bdbb74b4fceec/original/meta-eyjzcmncdwnrzxqioijiemdszmlszxmifq-4.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/393801/4ac237ae9258d3da0ca058521b8bdbb74b4fceec/original/meta-eyjzcmncdwnrzxqioijiemdszmlszxmifq-4.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="The Klipptones" src="//images.zoogletools.com/s:bzglfiles/u/393801/4ac237ae9258d3da0ca058521b8bdbb74b4fceec/original/meta-eyjzcmncdwnrzxqioijiemdszmlszxmifq-4.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/5785140/698061355/the-klipptones">The Klipptones</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Thursday, October 31, 2024</span> @ <span class="time">8:00PM</span></time> — <time class="to"><span class="time">10:30PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Thu, Oct 31, 2024</span> @ <span class="time">8:00PM</span></time> — <time class="to"><span class="time">10:30PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Visit venue website" href="https://www.breakawayswing.com/october-31st-2024-the-klipptones">The Breakaway, 200 Grand Avenue, Oakland</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>The Klipptones are back and ready to make you swing! A 5-piece ensemble featuring Josh on vocals &amp; a playlist from Sinatra to the Del Vikings, Ray Charles, Big Bad Voodoo Daddy, Percy Mayfield and more. Grab your coat and grab your hat, leave your worries by the doorstep - life is oh so sweet on the swinging’ side of the street.</p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">
    <div class="add-to-cart">
      <a class="tickets button" target="_blank" rel="noopener" href="https://breakawayswing.square.site">Get tickets</a>
    </div>

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/5785140/698061355/the-klipptones" data-share-dialog-title-value="The Klipptones @ The Breakaway on Oct 31, 8:00PM" data-share-dialog-text-value="The Klipptones @ The Klipptones @ The Breakaway, Oct 31, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones @ The Breakaway on Oct 31, 8:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones @ The Breakaway on Oct 31, 8:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/5785140/698061355/the-klipptones" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=200%20Grand%20Avenue,%20Oakland">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="5783072" data-occurrence-id="698061344">
  <div class="event-image image-social">
      <a rel="event[5783072]" title="The Klipptones @ Potrero Hill R&amp;B Fest!" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/393801/e0b59f0be969681c33df38c35a0ed7cf920020e0/original/josh-guns.png/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.png" href="//images.zoogletools.com/s:bzglfiles/u/393801/e0b59f0be969681c33df38c35a0ed7cf920020e0/original/josh-guns.png/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.png">
        <img alt="The Klipptones @ Potrero Hill R&amp;B Fest!" src="//images.zoogletools.com/s:bzglfiles/u/393801/e0b59f0be969681c33df38c35a0ed7cf920020e0/original/josh-guns.png/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.png" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/5783072/698061344/the-klipptones-potrero-hill-r-b-fest">The Klipptones @ Potrero Hill R&amp;B Fest!</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-time"><time class="from"><span class="date">Saturday, October 19, 2024</span> @ <span class="time">10:30AM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, Oct 19, 2024</span> @ <span class="time">10:30AM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Visit venue website" href="https://potrerofestival.com/">Potrero Hill R&amp;B Festival, 20th Street &amp; Connecticut, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>The Klipptones quintet starts your Saturday right with a hot set! Grab some coffee at Thinker's Cafe, get your early morning groove on, and stick around one of SF's best kept secret neighborhood gems.</p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/5783072/698061344/the-klipptones-potrero-hill-r-b-fest" data-share-dialog-title-value="The Klipptones @ Potrero Hill R&amp;B Fest! @ Potrero Hill R&amp;B Festival on Oct 19, 10:30AM" data-share-dialog-text-value="The Klipptones @ The Klipptones @ Potrero Hill R&amp;B Fest! @ Potrero Hill R&amp;B Festival, Oct 19, 10:30AM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones @ Potrero Hill R&amp;B Fest! @ Potrero Hill R&amp;B Festival on Oct 19, 10:30AM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones @ Potrero Hill R&amp;B Fest! @ Potrero Hill R&amp;B Festival on Oct 19, 10:30AM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/5783072/698061344/the-klipptones-potrero-hill-r-b-fest" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=20th%20Street%20&amp;%20Connecticut,%20San%20Francisco">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="5628124" data-occurrence-id="684139358">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Sep</span><span class="calendar-placeholder-day">20</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/5628124/684139358/concerts-at-the-macc">Concerts at the MACC</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Friday, September 20, 2024</span> @ <span class="time">7:00PM</span></time> — <time class="to"><span class="time">9:00PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Fri, Sep 20, 2024</span> @ <span class="time">7:00PM</span></time> — <time class="to"><span class="time">9:00PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Visit venue website" href="https://www.rcmacc.org/concerts-at-the-macc#!event/2024/9/20/the-klipptones">The MACC, 10191 Mills Station Rd., Rancho Cordova, CA 95827</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>The Klipptones Quartet Rocks!</p>
</div>

    <p class="event-info">
        <span class="event-info price">$5 VIP ticket</span>
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">
    <div class="add-to-cart">
      <a class="tickets button" target="_blank" rel="noopener" href="https://www.rcmacc.org/concerts-at-the-macc#!event/register/2024/9/20/the-klipptones">Get tickets</a>
    </div>

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/5628124/684139358/concerts-at-the-macc" data-share-dialog-title-value="Concerts at the MACC @ The MACC on Sep 20, 7:00PM" data-share-dialog-text-value="The Klipptones @ Concerts at the MACC @ The MACC, Sep 20, 7:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Concerts at the MACC @ The MACC on Sep 20, 7:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">Concerts at the MACC @ The MACC on Sep 20, 7:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/5628124/684139358/concerts-at-the-macc" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=10191%20Mills%20Station%20Rd.,%20Rancho%20Cordova,%20CA%2095827">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="5631274" data-occurrence-id="684353664">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Jul</span><span class="calendar-placeholder-day">26</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/5631274/684353664/the-klipptones-jazz-quartet">The Klipptones Jazz Quartet</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Friday, July 26, 2024</span> @ <span class="time">8:45PM</span></time> — <time class="to"><span class="time">11:45PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Fri, Jul 26, 2024</span> @ <span class="time">8:45PM</span></time> — <time class="to"><span class="time">11:45PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Visit venue website" href="https://www.theroyalesf.com/calendar">The Royale, 800 Post Street, San Francisco</a>
        </p>
    </div>


    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/5631274/684353664/the-klipptones-jazz-quartet" data-share-dialog-title-value="The Klipptones Jazz Quartet @ The Royale on Jul 26, 8:45PM" data-share-dialog-text-value="The Klipptones @ The Klipptones Jazz Quartet @ The Royale, Jul 26, 8:45PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones Jazz Quartet @ The Royale on Jul 26, 8:45PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones Jazz Quartet @ The Royale on Jul 26, 8:45PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/5631274/684353664/the-klipptones-jazz-quartet" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=800%20Post%20Street,%20San%20Francisco">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="5628115" data-occurrence-id="684139346">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Jun</span><span class="calendar-placeholder-day">28</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/5628115/684139346/stanford-shopping-center-summer-series">Stanford Shopping Center Summer Series</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Friday, June 28, 2024</span> @ <span class="time">2:00PM</span></time> — <time class="to"><span class="time">5:00PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Fri, Jun 28, 2024</span> @ <span class="time">2:00PM</span></time> — <time class="to"><span class="time">5:00PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Visit venue website" href="https://www.simon.com/mall/stanford-shopping-center">Stanford Shopping Center, 660 Stanford Shopping Center, Palo Alto, CA 94304</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Klipptones Trio plays live!</p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/5628115/684139346/stanford-shopping-center-summer-series" data-share-dialog-title-value="Stanford Shopping Center Summer Series @ Stanford Shopping Center on Jun 28, 2:00PM" data-share-dialog-text-value="The Klipptones @ Stanford Shopping Center Summer Series @ Stanford Shopping Center, Jun 28, 2:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Stanford Shopping Center Summer Series @ Stanford Shopping Center on Jun 28, 2:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">Stanford Shopping Center Summer Series @ Stanford Shopping Center on Jun 28, 2:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/5628115/684139346/stanford-shopping-center-summer-series" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=660%20Stanford%20Shopping%20Center,%20Palo%20Alto,%20CA%2094304">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="5198782" data-occurrence-id="647051528">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Aug</span><span class="calendar-placeholder-day">18</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/5198782/647051528/the-klipptones-bar-via">The Klipptones @ Bar VIA</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Friday, August 18, 2023</span> @ <span class="time">7:00PM</span></time> — <time class="to"><span class="time">10:00PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Fri, Aug 18, 2023</span> @ <span class="time">7:00PM</span></time> — <time class="to"><span class="time">10:00PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="View on Google Maps" href="https://www.google.com/maps/search/?api=1&amp;query=138%20King%20Street,%20San%20Francisco">Hotel VIA, 138 King Street, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>The Klipptones' quintet - featuring Peggy Dove on vocals and Bennett Roth-Newell on keys - brings the sunset R&amp;B vibes to San Francisco's slinkiest new rooftop venue, Bar VIA.</p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/5198782/647051528/the-klipptones-bar-via" data-share-dialog-title-value="The Klipptones @ Bar VIA @ Hotel VIA on Aug 18, 7:00PM" data-share-dialog-text-value="The Klipptones @ The Klipptones @ Bar VIA @ Hotel VIA, Aug 18, 7:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones @ Bar VIA @ Hotel VIA on Aug 18, 7:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones @ Bar VIA @ Hotel VIA on Aug 18, 7:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/5198782/647051528/the-klipptones-bar-via" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=138%20King%20Street,%20San%20Francisco">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="5198792" data-occurrence-id="647051539">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Aug</span><span class="calendar-placeholder-day">4</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/5198792/647051539/the-klipptones-instrumental-quartet-at-royale">The Klipptones - INSTRUMENTAL QUARTET - at Royale!</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Friday, August 4, 2023</span> @ <span class="time">8:45PM</span></time> — <time class="to"><span class="time">11:45PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Fri, Aug 4, 2023</span> @ <span class="time">8:45PM</span></time> — <time class="to"><span class="time">11:45PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Visit venue website" href="https://www.theroyalesf.com/calendar">The Royale, 800 Post Street, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>The Klipptones' INSTRUMENTAL quartet plays a night of jazz at one of SF's coolest little jazz venues.</p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/5198792/647051539/the-klipptones-instrumental-quartet-at-royale" data-share-dialog-title-value="The Klipptones - INSTRUMENTAL QUARTET - at Royale! @ The Royale on Aug 4, 8:45PM" data-share-dialog-text-value="The Klipptones @ The Klipptones - INSTRUMENTAL QUARTET - at Royale! @ The Royale, Aug 4, 8:45PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones - INSTRUMENTAL QUARTET - at Royale! @ The Royale on Aug 4, 8:45PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones - INSTRUMENTAL QUARTET - at Royale! @ The Royale on Aug 4, 8:45PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/5198792/647051539/the-klipptones-instrumental-quartet-at-royale" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=800%20Post%20Street,%20San%20Francisco">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="5198787" data-occurrence-id="647051534">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Jul</span><span class="calendar-placeholder-day">21</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/5198787/647051534/the-klipptones-the-macc">The Klipptones @ the MACC</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Friday, July 21, 2023</span> @ <span class="time">7:00PM</span></time> — <time class="to"><span class="time">9:00PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Fri, Jul 21, 2023</span> @ <span class="time">7:00PM</span></time> — <time class="to"><span class="time">9:00PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Visit venue website" href="https://www.rcmacc.org/concerts-at-the-macc#!event/2023/7/21/the-klipptonesvolunteer-opportunity">CANCELED DUE TO HEAT! Klipptones: Concerts @ the MACC, 10191 Mills Station Road, Rancho Cordova</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Blues, jazz, and a beautiful night in Rancho Cordova with the Klipptones' quartet. Join us! More info here: <a href="https://www.rcmacc.org/concerts-at-the-macc#!event/2023/7/21/the-klipptonesvolunteer-opportunity">https://www.rcmacc.org/concerts-at-the-macc#!event/2023/7/21/the-klipptonesvolunteer-opportunity</a></p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/5198787/647051534/the-klipptones-the-macc" data-share-dialog-title-value="The Klipptones @ the MACC @ CANCELED DUE TO HEAT! Klipptones: Concerts @ the MACC on Jul 21, 7:00PM" data-share-dialog-text-value="The Klipptones @ The Klipptones @ the MACC @ CANCELED DUE TO HEAT! Klipptones: Concerts @ the MACC, Jul 21, 7:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones @ the MACC @ CANCELED DUE TO HEAT! Klipptones: Concerts @ the MACC on Jul 21, 7:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones @ the MACC @ CANCELED DUE TO HEAT! Klipptones: Concerts @ the MACC on Jul 21, 7:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/5198787/647051534/the-klipptones-the-macc" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=10191%20Mills%20Station%20Road,%20Rancho%20Cordova">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="5033228" data-occurrence-id="633976598">
  <div class="event-image image-social">
      <a rel="event[5033228]" title="The Klipptones @ Bar VIA" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/393801/70006a45864aeed83b3e452c8fa5ac595cc557e0/original/img-3967.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/393801/70006a45864aeed83b3e452c8fa5ac595cc557e0/original/img-3967.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="The Klipptones @ Bar VIA" src="//images.zoogletools.com/s:bzglfiles/u/393801/70006a45864aeed83b3e452c8fa5ac595cc557e0/original/img-3967.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/5033228/633976598/the-klipptones-bar-via">The Klipptones @ Bar VIA</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Friday, April 28, 2023</span> @ <span class="time">7:00PM</span></time> — <time class="to"><span class="time">10:00PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Fri, Apr 28, 2023</span> @ <span class="time">7:00PM</span></time> — <time class="to"><span class="time">10:00PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Visit venue website" href="https://www.hotelviasf.com/the-hotel/bar">Bar VIA, 138 King Street, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Backed by a trio of the Bay Area's finest musicians, Klipptones vocalists, Mayra &amp; Josh, perform at San Francisco's sexiest new rooftop bar, Bar VIA. All the pop, R&amp;B, mash ups and lingerie blues you need for a perfect Wednesday night on the town.</p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/5033228/633976598/the-klipptones-bar-via" data-share-dialog-title-value="The Klipptones @ Bar VIA @ Bar VIA on Apr 28, 7:00PM" data-share-dialog-text-value="The Klipptones @ The Klipptones @ Bar VIA @ Bar VIA, Apr 28, 7:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones @ Bar VIA @ Bar VIA on Apr 28, 7:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones @ Bar VIA @ Bar VIA on Apr 28, 7:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/5033228/633976598/the-klipptones-bar-via" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=138%20King%20Street,%20San%20Francisco">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="5087307" data-occurrence-id="637849213">
  <div class="event-image image-social">
      <a rel="event[5087307]" title="The Klipptones Swing @ the Breakaway" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/393801/cfb54d9d391e2783ffd315dc0b980b20b7fab7f4/original/img-0885.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/393801/cfb54d9d391e2783ffd315dc0b980b20b7fab7f4/original/img-0885.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="The Klipptones Swing @ the Breakaway" src="//images.zoogletools.com/s:bzglfiles/u/393801/cfb54d9d391e2783ffd315dc0b980b20b7fab7f4/original/img-0885.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/5087307/637849213/the-klipptones-swing-the-breakaway">The Klipptones Swing @ the Breakaway</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Thursday, April 27, 2023</span> @ <span class="time">8:00PM</span></time> — <time class="to"><span class="time">10:30PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Thu, Apr 27, 2023</span> @ <span class="time">8:00PM</span></time> — <time class="to"><span class="time">10:30PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Visit venue website" href="https://www.breakawayswing.com/april-27th-2023-the-klipptones">The Breakaway, 200 Grand Avenue, Oakland, CA</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>The Klipptones are back and ready to make you swing! A 5-piece ensemble featuring Josh on vocals &amp; a playlist from Sinatra to the Del Vikings, Ray Charles, Big Bad Voodoo Daddy, Percy Mayfield and more. Grab your coat and grab your hat, leave your worries by the doorstep - life is oh so sweet on the swinging’ side of the street.</p>

<p>$15 tickets here: <a href="https://breakawayswing.square.site/">https://breakawayswing.square.site/</a></p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/5087307/637849213/the-klipptones-swing-the-breakaway" data-share-dialog-title-value="The Klipptones Swing @ the Breakaway @ The Breakaway on Apr 27, 8:00PM" data-share-dialog-text-value="The Klipptones @ The Klipptones Swing @ the Breakaway @ The Breakaway, Apr 27, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones Swing @ the Breakaway @ The Breakaway on Apr 27, 8:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones Swing @ the Breakaway @ The Breakaway on Apr 27, 8:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/5087307/637849213/the-klipptones-swing-the-breakaway" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=200%20Grand%20Avenue,%20Oakland,%20CA">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="5033219" data-occurrence-id="633976581">
  <div class="event-image image-social">
      <a rel="event[5033219]" title="The Klipptones Trio @ Casements Bar" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/393801/ec2fa5918800dabfe796a2ef6db0a13bb145a56a/original/klipptones-trio-multicolor-bigger.png/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.png" href="//images.zoogletools.com/s:bzglfiles/u/393801/ec2fa5918800dabfe796a2ef6db0a13bb145a56a/original/klipptones-trio-multicolor-bigger.png/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.png">
        <img alt="The Klipptones Trio @ Casements Bar" src="//images.zoogletools.com/s:bzglfiles/u/393801/ec2fa5918800dabfe796a2ef6db0a13bb145a56a/original/klipptones-trio-multicolor-bigger.png/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.png" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/5033219/633976581/the-klipptones-trio-casements-bar">The Klipptones Trio @ Casements Bar</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Wednesday, March 22, 2023</span> @ <span class="time">7:00PM</span></time> — <time class="to"><span class="time">9:00PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Wed, Mar 22, 2023</span> @ <span class="time">7:00PM</span></time> — <time class="to"><span class="time">9:00PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Visit venue website" href="https://casementsbar.com/">Casements Bar, 2351 Mission Street, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>The Klipptones trio (Josh on vox/cajon, Jesse on keys, Bob on bass) throw down a little blues, rock and R&amp;B while you throw back, well, whatever it is you need from the beautiful people at Casements Bar.</p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/5033219/633976581/the-klipptones-trio-casements-bar" data-share-dialog-title-value="The Klipptones Trio @ Casements Bar @ Casements Bar on Mar 22, 7:00PM" data-share-dialog-text-value="The Klipptones @ The Klipptones Trio @ Casements Bar @ Casements Bar, Mar 22, 7:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones Trio @ Casements Bar @ Casements Bar on Mar 22, 7:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones Trio @ Casements Bar @ Casements Bar on Mar 22, 7:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/5033219/633976581/the-klipptones-trio-casements-bar" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=2351%20Mission%20Street,%20San%20Francisco">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="4929647" data-occurrence-id="627079168">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Jan</span><span class="calendar-placeholder-day">25</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/4929647/627079168/the-klipptones-the-breakaway">The Klipptones @ the Breakaway!</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Wednesday, January 25, 2023</span> @ <span class="time">8:00PM</span></time> — <time class="to"><span class="time">10:30PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Wed, Jan 25, 2023</span> @ <span class="time">8:00PM</span></time> — <time class="to"><span class="time">10:30PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Visit venue website" href="breakawayswing.com">The Breakaway, 200 Grand Avenue, Oakland, CA</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>A night of swing dancing with the Klipptones!</p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/4929647/627079168/the-klipptones-the-breakaway" data-share-dialog-title-value="The Klipptones @ the Breakaway! @ The Breakaway on Jan 25, 8:00PM" data-share-dialog-text-value="The Klipptones @ The Klipptones @ the Breakaway! @ The Breakaway, Jan 25, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones @ the Breakaway! @ The Breakaway on Jan 25, 8:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones @ the Breakaway! @ The Breakaway on Jan 25, 8:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/4929647/627079168/the-klipptones-the-breakaway" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=200%20Grand%20Avenue,%20Oakland,%20CA">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="4843201" data-occurrence-id="617209247">
  <div class="event-image image-social">
      <a rel="event[4843201]" title="The Klipptones" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/393801/3cf2b730df102ea5d8aa0118db72f86e0b0ec71f/original/josh-guns.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/393801/3cf2b730df102ea5d8aa0118db72f86e0b0ec71f/original/josh-guns.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="The Klipptones" src="//images.zoogletools.com/s:bzglfiles/u/393801/3cf2b730df102ea5d8aa0118db72f86e0b0ec71f/original/josh-guns.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/4843201/617209247/the-klipptones">The Klipptones</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Sunday, October 23, 2022</span> @ <span class="time">5:00PM</span></time> — <time class="to"><span class="time">9:00PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Sun, Oct 23, 2022</span> @ <span class="time">5:00PM</span></time> — <time class="to"><span class="time">9:00PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="View on Google Maps" href="https://www.google.com/maps/search/?api=1&amp;query=855%20Terry%20A%20Francois%20Blvd,%20San%20Francisco">The Ramp, 855 Terry A Francois Blvd, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>A ridiculously talented quintet at a ridiculously awesome local hangout. Blues, rock, R&amp;B...beer, food and good eats. No cover.</p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/4843201/617209247/the-klipptones" data-share-dialog-title-value="The Klipptones @ The Ramp on Oct 23, 5:00PM" data-share-dialog-text-value="The Klipptones @ The Klipptones @ The Ramp, Oct 23, 5:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones @ The Ramp on Oct 23, 5:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones @ The Ramp on Oct 23, 5:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/4843201/617209247/the-klipptones" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=855%20Terry%20A%20Francois%20Blvd,%20San%20Francisco">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="4725868" data-occurrence-id="604097590">
  <div class="event-image image-social">
      <a rel="event[4725868]" title="The Klipptones @ the Ramp" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/393801/2e04d1f3325551c81e5fde866389675188cf5cb2/original/josh-guns.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/393801/2e04d1f3325551c81e5fde866389675188cf5cb2/original/josh-guns.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="The Klipptones @ the Ramp" src="//images.zoogletools.com/s:bzglfiles/u/393801/2e04d1f3325551c81e5fde866389675188cf5cb2/original/josh-guns.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/4725868/604097590/the-klipptones-the-ramp">The Klipptones @ the Ramp</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Sunday, July 10, 2022</span> @ <span class="time">5:00PM</span></time> — <time class="to"><span class="time">9:00PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Sun, Jul 10, 2022</span> @ <span class="time">5:00PM</span></time> — <time class="to"><span class="time">9:00PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Visit venue website" href="https://www.localeditionsf.com/">The Ramp, 855 Terry A Francois Blvd, San Francisco, CA</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>The Klipptones - feat. Josh on vocals - play a night of blues, rock, pop &amp; R&amp;B. Come by, have a drink and a dance and support the local music scene! BONUS: meet the hard working people of the Demonstration Gardens, a San Francisco based non-profit working for environmental justice in the Tenderloin. We'll be passing the hat for everything they do!</p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/4725868/604097590/the-klipptones-the-ramp" data-share-dialog-title-value="The Klipptones @ the Ramp @ The Ramp on Jul 10, 5:00PM" data-share-dialog-text-value="The Klipptones @ The Klipptones @ the Ramp @ The Ramp, Jul 10, 5:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones @ the Ramp @ The Ramp on Jul 10, 5:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones @ the Ramp @ The Ramp on Jul 10, 5:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/4725868/604097590/the-klipptones-the-ramp" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=855%20Terry%20A%20Francois%20Blvd,%20San%20Francisco,%20CA">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="4639906" data-occurrence-id="596021205">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">May</span><span class="calendar-placeholder-day">15</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/4639906/596021205/the-klipptones-the-ramp">The Klipptones @ the Ramp</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Sunday, May 15, 2022</span> @ <span class="time">5:00PM</span></time> — <time class="to"><span class="time">9:00PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Sun, May 15, 2022</span> @ <span class="time">5:00PM</span></time> — <time class="to"><span class="time">9:00PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="View on Google Maps" href="https://www.google.com/maps/search/?api=1&amp;query=855%20Terry%20A%20Francois%20Blvd,%20San%20Francisco">The Ramp, 855 Terry A Francois Blvd, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>The Klipptones' quartet brings a little blues, soul and rock and roll and lifts up your Sunday afternoon at The Ramp.</p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/4639906/596021205/the-klipptones-the-ramp" data-share-dialog-title-value="The Klipptones @ the Ramp @ The Ramp on May 15, 5:00PM" data-share-dialog-text-value="The Klipptones @ The Klipptones @ the Ramp @ The Ramp, May 15, 5:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones @ the Ramp @ The Ramp on May 15, 5:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones @ the Ramp @ The Ramp on May 15, 5:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/4639906/596021205/the-klipptones-the-ramp" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=855%20Terry%20A%20Francois%20Blvd,%20San%20Francisco">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="4399401" data-occurrence-id="572059049">
  <div class="event-image image-social">
      <a rel="event[4399401]" title="The Klipptones @ Potrero Hill Festival" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/393801/d70e1c635da77a3e0d99bc6ef716ecb6134ed302/original/potrero6.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/393801/d70e1c635da77a3e0d99bc6ef716ecb6134ed302/original/potrero6.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="The Klipptones @ Potrero Hill Festival" src="//images.zoogletools.com/s:bzglfiles/u/393801/d70e1c635da77a3e0d99bc6ef716ecb6134ed302/original/potrero6.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/4399401/572059049/the-klipptones-potrero-hill-festival">The Klipptones @ Potrero Hill Festival</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Saturday, October 16, 2021</span> @ <span class="time">11:00AM</span></time> — <time class="to"><span class="time">12:00PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Sat, Oct 16, 2021</span> @ <span class="time">11:00AM</span></time> — <time class="to"><span class="time">12:00PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="View on Google Maps" href="https://www.google.com/maps/search/?api=1&amp;query=corner%20of%20Connecticut%20and%2020th%20Street,%20San%20Francisco,%20CA">Potrero Hill Festival, corner of Connecticut and 20th Street, San Francisco, CA</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>The Klipptones keep their annual streak alive and open the cutest street fest in San Francisco, the Potrero Hill Street Festival.</p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/4399401/572059049/the-klipptones-potrero-hill-festival" data-share-dialog-title-value="The Klipptones @ Potrero Hill Festival @ Potrero Hill Festival on Oct 16, 11:00AM" data-share-dialog-text-value="The Klipptones @ The Klipptones @ Potrero Hill Festival @ Potrero Hill Festival, Oct 16, 11:00AM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones @ Potrero Hill Festival @ Potrero Hill Festival on Oct 16, 11:00AM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones @ Potrero Hill Festival @ Potrero Hill Festival on Oct 16, 11:00AM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/4399401/572059049/the-klipptones-potrero-hill-festival" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=corner%20of%20Connecticut%20and%2020th%20Street,%20San%20Francisco,%20CA">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="4399399" data-occurrence-id="572059047">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Oct</span><span class="calendar-placeholder-day">10</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/4399399/572059047/the-klipptones-christopher-s-books-sort-of">The Klipptones @ Christopher&#39;s Books (sort of)</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Sunday, October 10, 2021</span> @ <span class="time">12:00PM</span></time> — <time class="to"><span class="time">2:30PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Sun, Oct 10, 2021</span> @ <span class="time">12:00PM</span></time> — <time class="to"><span class="time">2:30PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="View on Google Maps" href="https://www.google.com/maps/search/?api=1&amp;query=1400%2018th%20Street,%20San%20Francisco">Christopher&#39;s Books (outdoor performance area), 1400 18th Street, San Francisco</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>The Klipptones quartet plays a lively set of your favorite tunes and brightens up your Sunday afternoon</p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/4399399/572059047/the-klipptones-christopher-s-books-sort-of" data-share-dialog-title-value="The Klipptones @ Christopher&#39;s Books (sort of) @ Christopher&#39;s Books (outdoor performance area) on Oct 10, 12:00PM" data-share-dialog-text-value="The Klipptones @ The Klipptones @ Christopher&#39;s Books (sort of) @ Christopher&#39;s Books (outdoor performance area), Oct 10, 12:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones @ Christopher&#39;s Books (sort of) @ Christopher&#39;s Books (outdoor performance area) on Oct 10, 12:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones @ Christopher&#39;s Books (sort of) @ Christopher&#39;s Books (outdoor performance area) on Oct 10, 12:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/4399399/572059047/the-klipptones-christopher-s-books-sort-of" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=1400%2018th%20Street,%20San%20Francisco">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="4399395" data-occurrence-id="572059041">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Sep</span><span class="calendar-placeholder-day">24</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/4399395/572059041/the-klipptones-bishop-ranch-city-center-unplugged">The Klipptones @ Bishop Ranch City Center Unplugged</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Friday, September 24, 2021</span> @ <span class="time">6:30PM</span></time> — <time class="to"><span class="time">8:30PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Fri, Sep 24, 2021</span> @ <span class="time">6:30PM</span></time> — <time class="to"><span class="time">8:30PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="View on Google Maps" href="https://www.google.com/maps/search/?api=1&amp;query=6000%20Bollinger%20Canyon%20Rd%20Suite%202650,%20San%20Ramon,%20CA">Bishop Ranch City Center, 6000 Bollinger Canyon Rd Suite 2650, San Ramon, CA</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>The Klipptones trio helps you relax into your weekend with this chill set of some of your favorite tunes.</p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/4399395/572059041/the-klipptones-bishop-ranch-city-center-unplugged" data-share-dialog-title-value="The Klipptones @ Bishop Ranch City Center Unplugged @ Bishop Ranch City Center on Sep 24, 6:30PM" data-share-dialog-text-value="The Klipptones @ The Klipptones @ Bishop Ranch City Center Unplugged @ Bishop Ranch City Center, Sep 24, 6:30PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones @ Bishop Ranch City Center Unplugged @ Bishop Ranch City Center on Sep 24, 6:30PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones @ Bishop Ranch City Center Unplugged @ Bishop Ranch City Center on Sep 24, 6:30PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/4399395/572059041/the-klipptones-bishop-ranch-city-center-unplugged" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=6000%20Bollinger%20Canyon%20Rd%20Suite%202650,%20San%20Ramon,%20CA">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="4399391" data-occurrence-id="572059037">
  <div class="event-image image-social">
      <a rel="event[4399391]" title="The Klipptones @ the Ramp" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/393801/733da4c13b3b33aff64115228c57bcbbe5800177/original/josh-purple-tractor.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/393801/733da4c13b3b33aff64115228c57bcbbe5800177/original/josh-purple-tractor.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="The Klipptones @ the Ramp" src="//images.zoogletools.com/s:bzglfiles/u/393801/733da4c13b3b33aff64115228c57bcbbe5800177/original/josh-purple-tractor.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/4399391/572059037/the-klipptones-the-ramp">The Klipptones @ the Ramp</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Sunday, September 19, 2021</span> @ <span class="time">5:00PM</span></time> — <time class="to"><span class="time">9:00PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Sun, Sep 19, 2021</span> @ <span class="time">5:00PM</span></time> — <time class="to"><span class="time">9:00PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Visit venue website" href="https://www.localeditionsf.com/">The Ramp, 855 Terry A Francois Blvd, San Francisco, CA</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>The Klipptones quartet plays a night of blues, rock, and everything else to perfectly pair with your drink of choice.</p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/4399391/572059037/the-klipptones-the-ramp" data-share-dialog-title-value="The Klipptones @ the Ramp @ The Ramp on Sep 19, 5:00PM" data-share-dialog-text-value="The Klipptones @ The Klipptones @ the Ramp @ The Ramp, Sep 19, 5:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones @ the Ramp @ The Ramp on Sep 19, 5:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones @ the Ramp @ The Ramp on Sep 19, 5:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/4399391/572059037/the-klipptones-the-ramp" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=855%20Terry%20A%20Francois%20Blvd,%20San%20Francisco,%20CA">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>
<article class="list-style">
  
<div class="event-detail" data-event-id="4399385" data-occurrence-id="572058608">
  <div class="event-image image-social">
      <a rel="event[4399385]" title="The Klipptones @ Local Edition" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/393801/5207a9bf822f027f42a63a68b35770d484119007/original/josh-guns.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/393801/5207a9bf822f027f42a63a68b35770d484119007/original/josh-guns.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="The Klipptones @ Local Edition" src="//images.zoogletools.com/s:bzglfiles/u/393801/5207a9bf822f027f42a63a68b35770d484119007/original/josh-guns.jpg/!!/b%3AW1sicmVzaXplIixbMjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" />
</a>  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://klipptones.com/event/4399385/572058608/the-klipptones-local-edition">The Klipptones @ Local Edition</a></h2>

        <p class="event-info event-datetime">
          <i class="icon-clock"></i>
          <span class="date-long"><span class="event-when with-end with-time"><time class="from"><span class="date">Thursday, September 16, 2021</span> @ <span class="time">8:00PM</span></time> — <time class="to"><span class="time">11:00PM</span></time></span></span><span class="date-short"><span class="event-when with-end with-time"><time class="from"><span class="date">Thu, Sep 16, 2021</span> @ <span class="time">8:00PM</span></time> — <time class="to"><span class="time">11:00PM</span></time></span></span>
        </p>

        <p class="event-info event-location">
          <i class="icon-location"></i>
          <a target="_blank" rel="noopener" title="Visit venue website" href="https://www.localeditionsf.com/">Local Edition, 691 Market Street, San Francisco, CA</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>The Klipptones quintet is fully vaxxed and ready for some swanky cocktails and slinky tunes. Feat. Josh on vocals.</p>
</div>

    <p class="event-info">
      
    </p>


    <div class="event-info buying-options product-action pdf__hide">

    <div data-controller="share-dialog" data-share-dialog-url-value="https://klipptones.com/event/4399385/572058608/the-klipptones-local-edition" data-share-dialog-title-value="The Klipptones @ Local Edition @ Local Edition on Sep 16, 8:00PM" data-share-dialog-text-value="The Klipptones @ The Klipptones @ Local Edition @ Local Edition, Sep 16, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share The Klipptones @ Local Edition @ Local Edition on Sep 16, 8:00PM" data-action="click-&gt;share-dialog#open" href="javascript:void(0)">
    <i class="icon-share"></i>Share
</a>
  <dialog data-share-dialog-target="dialog" data-action="click->share-dialog#clickOutside" class="dialog dialog-share style-section-style-1">
    <button class="dialog-close" data-action="click-&gt;share-dialog#close" aria-label="close">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 11" class="icon" width="12px" height="12px"><path d="M6.755 5.502l3.836 3.97-1.438 1.39-3.81-3.942-3.926 3.942L0 9.452 3.953 5.48 0 1.39 1.438 0l3.927 4.064L9.41 0l1.417 1.411-4.073 4.091z" fill-rule="evenodd"></path></svg>
</button>    <div class="share_desc">
      <div>
        <span data-share-dialog-target="title">The Klipptones @ Local Edition @ Local Edition on Sep 16, 8:00PM</span>
        <br>
        <span class="byline" data-share-dialog-target="byline">
        </span>
      </div>
    </div>

    <ul class="share_icons">
      <li class="threads">
        <a href="#" data-share-dialog-target="threadsLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM23.7524 16.9806C23.8587 17.0263 23.9638 17.074 24.0671 17.1235C25.5284 17.8245 26.597 18.8859 27.1575 20.1926C27.9387 22.0149 28.0101 24.9832 25.6397 27.3514C23.828 29.1615 21.6287 29.9784 18.5087 30H18.4946C14.9852 29.9757 12.2865 28.7948 10.4735 26.4901C8.86024 24.4393 8.02805 21.5855 8.00009 18.0084L8 18L8.00009 17.9916C8.02805 14.4145 8.86024 11.5608 10.4735 9.50991C12.2865 7.20522 14.9852 6.02431 18.4946 6H18.5087C22.0252 6.02439 24.7545 7.20084 26.6206 9.49675C27.5414 10.6295 28.218 11.9953 28.648 13.5803L26.6296 14.1188C26.2749 12.8311 25.7368 11.7267 25.023 10.8485C23.5674 9.05767 21.3735 8.13891 18.5016 8.11756C15.6505 8.13875 13.4942 9.05311 12.0923 10.8353C10.7794 12.5042 10.101 14.9147 10.0757 18C10.101 21.0853 10.7794 23.4958 12.0923 25.1646C13.4942 26.9469 15.6505 27.8612 18.5017 27.8824C21.072 27.8635 22.7728 27.252 24.1876 25.8385C25.8025 24.225 25.7724 22.2459 25.2559 21.0415C24.9521 20.333 24.4021 19.7436 23.66 19.2957C23.4792 20.6429 23.0699 21.712 22.4226 22.537C21.5704 23.6234 20.3487 24.2175 18.7915 24.3029C17.6124 24.3673 16.4778 24.0829 15.5969 23.5014C14.555 22.8135 13.9452 21.7605 13.8799 20.5365C13.7514 18.1235 15.6656 16.3869 18.6431 16.2154C19.7001 16.1548 20.6889 16.2026 21.6031 16.358C21.4818 15.6156 21.2366 15.0274 20.8701 14.6018C20.3665 14.0171 19.5884 13.7173 18.5572 13.7107L18.5286 13.7106C17.7006 13.7106 16.5765 13.9423 15.8601 15.0291L14.1378 13.8476C15.0966 12.3926 16.6546 11.593 18.5278 11.593L18.5702 11.5931C21.702 11.6131 23.5671 13.5673 23.7524 16.9806ZM15.9524 20.4215C16.0193 21.6761 17.3751 22.2619 18.6801 22.1884C19.9578 22.1182 21.408 21.6169 21.6553 18.5291C20.9924 18.3842 20.2633 18.3085 19.4839 18.3085C19.247 18.3085 19.0059 18.3154 18.7602 18.3296C16.6145 18.4533 15.9029 19.4913 15.9524 20.4215Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="facebook">
        <a href="#" data-share-dialog-target="facebookLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="550" data-popup-window-height-value="357" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon"><path fill-rule="evenodd" d="M9 0a9 9 0 110 18A9 9 0 019 0zm2.606 4H10.24c-1.575 0-2.17.77-2.215 2.076l-.002.166v1.034H7V9h1.023V14h2.046V9h1.365l.181-1.724H10.07l.003-.862c0-.417.036-.655.553-.687l.128-.003h.853V4z"></path></svg>
          </div>
        </a>
      </li>

      <li class="twitter">
        <a href="#" data-share-dialog-target="twitterLink" data-controller="popup-window" data-action="click->popup-window#open" data-popup-window-width-value="685" data-popup-window-height-value="246" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" class="icon">
<path fill-rule="evenodd" d="M36 18C36 8.05887 27.9411 0 18 0C8.05887 0 0 8.05887 0 18C0 27.9411 8.05887 36 18 36C27.9411 36 36 27.9411 36 18ZM26.4163 9L19.7142 16.6226L27.0001 27H21.6396L16.7316 20.0104L10.5876 27H9L16.0278 19.0075L9 9H14.3604L19.0068 15.6173L24.8287 9H26.4163ZM13.5996 10.1714H11.1606L22.3878 25.8861H24.8275L13.5996 10.1714Z"></path>
</svg>
          </div>
        </a>
      </li>

      <li class="email">
        <a href="#" data-share-dialog-target="emailLink" target="_blank" rel="noopener">
          <div class="share_icon">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="icon">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 4.02944 13.9706 0 9 0C4.02944 0 0 4.02944 0 9C0 13.9706 4.02944 18 9 18C13.9706 18 18 13.9706 18 9ZM4.02511 5.73566C4.00872 5.77691 4.00004 5.82153 4.00004 5.86854L4 12.1317C4 12.1897 4.0135 12.2449 4.03762 12.2938C4.04581 12.2775 4.05691 12.2621 4.07041 12.2482L7.39793 8.87439L4.0772 5.81961C4.05116 5.79611 4.0338 5.76684 4.02511 5.73566ZM4.34327 12.4991L4.34195 12.499L7.67 9.12427L8.60412 9.98343C8.86598 10.2242 9.26962 10.2228 9.52956 9.98007L10.4564 9.11563L13.768 12.4736C13.7251 12.4904 13.6783 12.5 13.6296 12.5H4.3704C4.3612 12.5 4.35243 12.4996 4.34327 12.4991ZM13.9971 12.1795L10.727 8.86376L13.9913 5.81857C13.9932 5.81713 13.9947 5.81569 13.9961 5.81425C13.9986 5.832 14 5.85023 14 5.86846V12.1315C14 12.1478 13.999 12.1637 13.9971 12.1795ZM13.7686 5.52686C13.7257 5.50959 13.6789 5.5 13.6297 5.5L4.37041 5.50006C4.33617 5.50006 4.30338 5.50486 4.27155 5.5135C4.29229 5.52117 4.31158 5.53316 4.32846 5.549L8.85585 9.71283C8.97448 9.8222 9.15822 9.82172 9.27637 9.71139L13.7382 5.54989C13.7479 5.54077 13.758 5.5331 13.7686 5.52686Z"></path>
</svg>
          </div>
        </a>
      </li>

    </ul>
    <div class="permalink" data-controller="clipboard">
      <p>Share link</p>
      <div class="control -has-addons">
        <input type="text" value="https://klipptones.com/event/4399385/572058608/the-klipptones-local-edition" data-clipboard-target="source" data-share-dialog-target="urlInput" data-action="click->share-dialog#selectUrl" readonly="true">
        <span class="control__suffix">
          <a class="button -simple -compact -icon-only" data-clipboard-target="button" data-action="clipboard#copy">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon" width="16px" height="18px"><path d="M4.166.597c-.184 0-.369.15-.369.342v1.365c0 .191.185.341.369.341h9.189v9.216c0 .191.15.342.341.342h1.365c.191 0 .342-.15.342-.342V.94a.338.338 0 00-.342-.342H4.166zm7.44 3.798H.34A.338.338 0 000 4.736v10.923c0 .19.15.341.341.341h10.923c.191 0 .341-.15.341-.341V4.395z" fill-rule="evenodd"></path></svg>
          </a>
        </span>
      </div>
    </div>
  </dialog>
</div>
</div>


      <div class="event-info map-link pdf__hide">
        <a target="_blank" rel="noopener" href="https://www.google.com/maps/search/?api=1&amp;query=691%20Market%20Street,%20San%20Francisco,%20CA">View on Google Maps</a>
      </div>
  </div>
</div>

<div class="event-clear"></div>

</article>


      <div class="pdf__hide">
    <nav class="pagination">
    <span class="first">
  <span class='pagination-decoration icon icon-first'></span>First
</span>

    <span class="prev hidden">
  <span class='pagination-decoration icon icon-previous'></span>Prev
</span>
        <span class="page current">
  1
</span>

        <span class="page">
  <a rel="next" href="/shows/features/load/calendar_feature_945803.turbo_stream?calendar_page_prev=2">2</a>
</span>

        <span class="page">
  <a href="/shows/features/load/calendar_feature_945803.turbo_stream?calendar_page_prev=3">3</a>
</span>

        <span class="page">
  <a href="/shows/features/load/calendar_feature_945803.turbo_stream?calendar_page_prev=4">4</a>
</span>

      <span class="next">
  <a rel="next" href="/shows/features/load/calendar_feature_945803.turbo_stream?calendar_page_prev=2">Next<span class='pagination-decoration icon icon-next'></span></a>
</span>
      <span class="last">
  <a href="/shows/features/load/calendar_feature_945803.turbo_stream?calendar_page_prev=4">Last<span class='pagination-decoration icon icon-last'></span></a>
</span>

  </nav>

</div>

    </section>

  

</div>

</template></turbo-stream>