<turbo-stream action="update" target="calendar_feature_862801"><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="2396608" data-occurrence-id="477325191">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Nov</span><span class="calendar-placeholder-day">2</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://calmandchaos.com/event/2396608/477325191/calm-chaos">Calm &amp; Chaos</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">Friday, November 2, 2018</span> @ <span class="time">6:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Fri, Nov 2, 2018</span> @ <span class="time">6: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=640%20Bollinger%20Canyon%20Rd.,%20San%20Ramon">Canyon Lakes Brewery, 640 Bollinger Canyon Rd., San Ramon</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>First time for us playing music at this beautiful venue! Amazing food and they make their own beer so.....</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://calmandchaos.com/event/2396608/477325191/calm-chaos" data-share-dialog-title-value="Calm &amp; Chaos @ Canyon Lakes Brewery on Nov 2, 6:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos @ Canyon Lakes Brewery, Nov 2, 6:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos @ Canyon Lakes Brewery on Nov 2, 6: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">Calm &amp; Chaos @ Canyon Lakes Brewery on Nov 2, 6: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://calmandchaos.com/event/2396608/477325191/calm-chaos" 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=640%20Bollinger%20Canyon%20Rd.,%20San%20Ramon">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="2407700" data-occurrence-id="476003895">
  <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">5</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://calmandchaos.com/event/2407700/476003895/calm-chaos">Calm &amp; Chaos</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">Friday, October 5, 2018</span> @ <span class="time">7:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Fri, Oct 5, 2018</span> @ <span class="time">7: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=455%20Hartz%20Ave.,%20Danville%20CA%2094526">Incontro Ristorante, 455 Hartz Ave., Danville CA 94526</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Music on the patio! Sustainable Italian fare featured in warm, bright environs with exposed stone and outdoor seating.</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://calmandchaos.com/event/2407700/476003895/calm-chaos" data-share-dialog-title-value="Calm &amp; Chaos @ Incontro Ristorante on Oct 5, 7:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos @ Incontro Ristorante, Oct 5, 7:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos @ Incontro Ristorante on Oct 5, 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">Calm &amp; Chaos @ Incontro Ristorante on Oct 5, 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://calmandchaos.com/event/2407700/476003895/calm-chaos" 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=455%20Hartz%20Ave.,%20Danville%20CA%2094526">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="2393883" data-occurrence-id="475168379">
  <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">22</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://calmandchaos.com/event/2393883/475168379/calm-chaos">Calm &amp; Chaos</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, September 22, 2018</span> @ <span class="time">6:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, Sep 22, 2018</span> @ <span class="time">6: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=701%20Sonoma%20Mountain%20Parkway,%20Petaluma%20CA%2094954">Pongo&#39;s Kitchen &amp; Tap, 701 Sonoma Mountain Parkway, Petaluma CA 94954</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://calmandchaos.com/event/2393883/475168379/calm-chaos" data-share-dialog-title-value="Calm &amp; Chaos @ Pongo&#39;s Kitchen &amp; Tap on Sep 22, 6:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos @ Pongo&#39;s Kitchen &amp; Tap, Sep 22, 6:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos @ Pongo&#39;s Kitchen &amp; Tap on Sep 22, 6: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">Calm &amp; Chaos @ Pongo&#39;s Kitchen &amp; Tap on Sep 22, 6: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://calmandchaos.com/event/2393883/475168379/calm-chaos" 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=701%20Sonoma%20Mountain%20Parkway,%20Petaluma%20CA%2094954">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="2393881" data-occurrence-id="475103613">
  <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://calmandchaos.com/event/2393881/475103613/calm-chaos">Calm &amp; Chaos</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">Thursday, September 20, 2018</span> @ <span class="time">8:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Thu, Sep 20, 2018</span> @ <span class="time">8: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=613%201st%20St.,%20Brentwood,%20CA">Crown &amp; Crow, 613 1st St., Brentwood, CA</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://calmandchaos.com/event/2393881/475103613/calm-chaos" data-share-dialog-title-value="Calm &amp; Chaos @ Crown &amp; Crow on Sep 20, 8:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos @ Crown &amp; Crow, Sep 20, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos @ Crown &amp; Crow on Sep 20, 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">Calm &amp; Chaos @ Crown &amp; Crow on Sep 20, 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://calmandchaos.com/event/2393881/475103613/calm-chaos" 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=613%201st%20St.,%20Brentwood,%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="2428286" data-occurrence-id="477325203">
  <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">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://calmandchaos.com/event/2428286/477325203/corporate-event">Corporate Event</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, September 15, 2018</span> @ <span class="time">12:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, Sep 15, 2018</span> @ <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=Rooftop%20Party,%20San%20Francisco">Rooftop Party, 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://calmandchaos.com/event/2428286/477325203/corporate-event" data-share-dialog-title-value="Corporate Event @ Rooftop Party on Sep 15, 12:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Corporate Event @ Rooftop Party, Sep 15, 12:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Corporate Event @ Rooftop Party on Sep 15, 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">Corporate Event @ Rooftop Party on Sep 15, 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://calmandchaos.com/event/2428286/477325203/corporate-event" 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=Rooftop%20Party,%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="2336300" data-occurrence-id="471483811">
  <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">16</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://calmandchaos.com/event/2336300/471483811/calm-chaos">Calm &amp; Chaos</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, June 16, 2018</span> @ <span class="time">8:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, Jun 16, 2018</span> @ <span class="time">8: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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">Imperiale Beer Cafe &amp; Bottleshop, 2411 Empire Ave. Suite 101, Brentwood CA 94513</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://calmandchaos.com/event/2336300/471483811/calm-chaos" data-share-dialog-title-value="Calm &amp; Chaos @ Imperiale Beer Cafe &amp; Bottleshop on Jun 16, 8:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos @ Imperiale Beer Cafe &amp; Bottleshop, Jun 16, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos @ Imperiale Beer Cafe &amp; Bottleshop on Jun 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">Calm &amp; Chaos @ Imperiale Beer Cafe &amp; Bottleshop on Jun 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://calmandchaos.com/event/2336300/471483811/calm-chaos" 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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">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="2319751" data-occurrence-id="470512613">
  <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">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://calmandchaos.com/event/2319751/470512613/calm-chaos-acoustic">Calm &amp; Chaos Acoustic</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, May 26, 2018</span> @ <span class="time">8:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, May 26, 2018</span> @ <span class="time">8: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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">Imperiale Beer Cafe &amp; Bottleshop, 2411 Empire Ave. Suite 101, Brentwood CA 94513</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://calmandchaos.com/event/2319751/470512613/calm-chaos-acoustic" data-share-dialog-title-value="Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on May 26, 8:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop, May 26, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on May 26, 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">Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on May 26, 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://calmandchaos.com/event/2319751/470512613/calm-chaos-acoustic" 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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">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="2272776" data-occurrence-id="468024958">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Apr</span><span class="calendar-placeholder-day">14</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://calmandchaos.com/event/2272776/468024958/calm-chaos-acoustic">Calm &amp; Chaos Acoustic</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, April 14, 2018</span> @ <span class="time">8:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, Apr 14, 2018</span> @ <span class="time">8: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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">Imperiale Beer Cafe &amp; Bottleshop, 2411 Empire Ave. Suite 101, Brentwood CA 94513</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://calmandchaos.com/event/2272776/468024958/calm-chaos-acoustic" data-share-dialog-title-value="Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Apr 14, 8:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop, Apr 14, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Apr 14, 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">Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Apr 14, 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://calmandchaos.com/event/2272776/468024958/calm-chaos-acoustic" 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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">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="2195523" data-occurrence-id="464135751">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Mar</span><span class="calendar-placeholder-day">3</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://calmandchaos.com/event/2195523/464135751/calm-chaos-acoustic">Calm &amp; Chaos Acoustic</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, March 3, 2018</span> @ <span class="time">8:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, Mar 3, 2018</span> @ <span class="time">8: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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">Imperiale Beer Cafe &amp; Bottleshop, 2411 Empire Ave. Suite 101, Brentwood CA 94513</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://calmandchaos.com/event/2195523/464135751/calm-chaos-acoustic" data-share-dialog-title-value="Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Mar 3, 8:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop, Mar 3, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Mar 3, 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">Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Mar 3, 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://calmandchaos.com/event/2195523/464135751/calm-chaos-acoustic" 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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">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="2195521" data-occurrence-id="464135749">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Feb</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://calmandchaos.com/event/2195521/464135749/calm-chaos-acoustic">Calm &amp; Chaos Acoustic</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, February 10, 2018</span> @ <span class="time">5:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, Feb 10, 2018</span> @ <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="View on Google Maps" href="https://www.google.com/maps/search/?api=1&amp;query=7704A%20Bell%20Rd.,%20Windsor,%20CA%2095492">St. Florian&#39;s Brewery, 7704A Bell Rd., Windsor, CA 95492</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>St. Florian's 5th Anniversary Celebration! Live music all day! Freeeee.
<a href="http://www.stfloriansbrewery.com">www.stfloriansbrewery.com</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://calmandchaos.com/event/2195521/464135749/calm-chaos-acoustic" data-share-dialog-title-value="Calm &amp; Chaos Acoustic @ St. Florian&#39;s Brewery on Feb 10, 5:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos Acoustic @ St. Florian&#39;s Brewery, Feb 10, 5:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos Acoustic @ St. Florian&#39;s Brewery on Feb 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">Calm &amp; Chaos Acoustic @ St. Florian&#39;s Brewery on Feb 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://calmandchaos.com/event/2195521/464135749/calm-chaos-acoustic" 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=7704A%20Bell%20Rd.,%20Windsor,%20CA%2095492">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="2139681" data-occurrence-id="461213498">
  <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">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://calmandchaos.com/event/2139681/461213498/calm-chaos-acoustic">Calm &amp; Chaos Acoustic</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, January 20, 2018</span> @ <span class="time">8: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">Sat, Jan 20, 2018</span> @ <span class="time">8: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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">Imperiale Beer Cafe &amp; Bottleshop, 2411 Empire Ave. Suite 101, Brentwood CA 94513</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://calmandchaos.com/event/2139681/461213498/calm-chaos-acoustic" data-share-dialog-title-value="Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Jan 20, 8:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop, Jan 20, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Jan 20, 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">Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Jan 20, 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://calmandchaos.com/event/2139681/461213498/calm-chaos-acoustic" 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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">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="2123347" data-occurrence-id="460200374">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Dec</span><span class="calendar-placeholder-day">9</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://calmandchaos.com/event/2123347/460200374/calm-chaos-acoustic">Calm &amp; Chaos Acoustic</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, December 9, 2017</span> @ <span class="time">8:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, Dec 9, 2017</span> @ <span class="time">8: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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">Imperiale Beer Cafe &amp; Bottleshop, 2411 Empire Ave. Suite 101, Brentwood CA 94513</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://calmandchaos.com/event/2123347/460200374/calm-chaos-acoustic" data-share-dialog-title-value="Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Dec 9, 8:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop, Dec 9, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Dec 9, 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">Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Dec 9, 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://calmandchaos.com/event/2123347/460200374/calm-chaos-acoustic" 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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">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="2076250" data-occurrence-id="457099705">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Nov</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://calmandchaos.com/event/2076250/457099705/calm-chaos-acoustic">Calm &amp; Chaos Acoustic</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, November 25, 2017</span> @ <span class="time">8: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">Sat, Nov 25, 2017</span> @ <span class="time">8: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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">Imperiale Beer Cafe &amp; Bottleshop, 2411 Empire Ave. Suite 101, Brentwood CA 94513</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://calmandchaos.com/event/2076250/457099705/calm-chaos-acoustic" data-share-dialog-title-value="Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Nov 25, 8:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop, Nov 25, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Nov 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">Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Nov 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://calmandchaos.com/event/2076250/457099705/calm-chaos-acoustic" 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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">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="2076248" data-occurrence-id="457099703">
  <div class="event-image image-social">
      <div class="calendar-placeholder"><div class="calendar-placeholder-icon"><span class="calendar-placeholder-month">Nov</span><span class="calendar-placeholder-day">16</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://calmandchaos.com/event/2076248/457099703/rock-to-remember">Rock To Remember</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">Thursday, November 16, 2017</span> @ <span class="time">8:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Thu, Nov 16, 2017</span> @ <span class="time">8: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=148%20E.%20Prospect%20Ave.,%20Danville%20CA">McGah&#39;s Pub &amp; Piano, 148 E. Prospect Ave., Danville CA</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Calm &amp; Chaos rare full band appearance! This is the 6th annual San Ramon Valley Firefighter's benefit to raise money to provide scholarships for children of fallen firefighters. Come early and check out the SRV Acoustic Players!</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://calmandchaos.com/event/2076248/457099703/rock-to-remember" data-share-dialog-title-value="Rock To Remember @ McGah&#39;s Pub &amp; Piano on Nov 16, 8:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Rock To Remember @ McGah&#39;s Pub &amp; Piano, Nov 16, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Rock To Remember @ McGah&#39;s Pub &amp; Piano on Nov 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">Rock To Remember @ McGah&#39;s Pub &amp; Piano on Nov 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://calmandchaos.com/event/2076248/457099703/rock-to-remember" 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=148%20E.%20Prospect%20Ave.,%20Danville%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="2029196" data-occurrence-id="454021645">
  <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">14</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://calmandchaos.com/event/2029196/454021645/calm-chaos-acoustic">Calm &amp; Chaos Acoustic</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 14, 2017</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">Sat, Oct 14, 2017</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=701%20Sonoma%20Mountain%20Parkway,%20Petaluma%20CA%2094954">Pongo&#39;s Kitchen &amp; Tap, 701 Sonoma Mountain Parkway, Petaluma CA 94954</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>All ages show! No cover! Killer food and drinks!</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://calmandchaos.com/event/2029196/454021645/calm-chaos-acoustic" data-share-dialog-title-value="Calm &amp; Chaos Acoustic @ Pongo&#39;s Kitchen &amp; Tap on Oct 14, 6:30PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos Acoustic @ Pongo&#39;s Kitchen &amp; Tap, Oct 14, 6:30PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos Acoustic @ Pongo&#39;s Kitchen &amp; Tap on Oct 14, 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">Calm &amp; Chaos Acoustic @ Pongo&#39;s Kitchen &amp; Tap on Oct 14, 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://calmandchaos.com/event/2029196/454021645/calm-chaos-acoustic" 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=701%20Sonoma%20Mountain%20Parkway,%20Petaluma%20CA%2094954">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="2050646" data-occurrence-id="455490349">
  <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">7</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://calmandchaos.com/event/2050646/455490349/calm-chaos-acoustic">Calm &amp; Chaos Acoustic</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 7, 2017</span> @ <span class="time">7:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, Oct 7, 2017</span> @ <span class="time">7: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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">Imperiale Beer Cafe &amp; Bottleshop, 2411 Empire Ave. Suite 101, Brentwood CA 94513</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>21+ No Cover
Great beer and appetizers!</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://calmandchaos.com/event/2050646/455490349/calm-chaos-acoustic" data-share-dialog-title-value="Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Oct 7, 7:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop, Oct 7, 7:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Oct 7, 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">Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Oct 7, 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://calmandchaos.com/event/2050646/455490349/calm-chaos-acoustic" 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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">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="2024479" data-occurrence-id="453732769">
  <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">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://calmandchaos.com/event/2024479/453732769/calm-chaos-acoustic">Calm &amp; Chaos Acoustic</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, August 26, 2017</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">Sat, Aug 26, 2017</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="View on Google Maps" href="https://www.google.com/maps/search/?api=1&amp;query=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">Imperiale Beer Cafe &amp; Bottleshop, 2411 Empire Ave. Suite 101, Brentwood CA 94513</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>We had a blast here last month and are very excited to be back! 21+, 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://calmandchaos.com/event/2024479/453732769/calm-chaos-acoustic" data-share-dialog-title-value="Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Aug 26, 7:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop, Aug 26, 7:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Aug 26, 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">Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Aug 26, 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://calmandchaos.com/event/2024479/453732769/calm-chaos-acoustic" 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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">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="1960793" data-occurrence-id="427824436">
  <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">22</span></div></div>
  </div>

  <div class="event-description">
    <div class="event-info-wrapper">
        <h2 class="event-info event-title heading-tertiary"><a href="https://calmandchaos.com/event/1960793/427824436/calm-chaos-acoustic">Calm &amp; Chaos Acoustic</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, July 22, 2017</span> @ <span class="time">7:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Sat, Jul 22, 2017</span> @ <span class="time">7: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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">Imperiale Beer Cafe &amp; Bottleshop, 2411 Empire Ave. Suite 101, Brentwood CA 94513</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Calm &amp; Chaos Acoustic at a new venue for us! No cover charge! Check out <a href="http://www.imperialebeercafe.com">www.imperialebeercafe.com</a> for info. 21+ only.</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://calmandchaos.com/event/1960793/427824436/calm-chaos-acoustic" data-share-dialog-title-value="Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Jul 22, 7:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop, Jul 22, 7:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Jul 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">Calm &amp; Chaos Acoustic @ Imperiale Beer Cafe &amp; Bottleshop on Jul 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://calmandchaos.com/event/1960793/427824436/calm-chaos-acoustic" 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=2411%20Empire%20Ave.%20Suite%20101,%20Brentwood%20CA%2094513">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="1939924" data-occurrence-id="418096862">
  <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">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://calmandchaos.com/event/1939924/418096862/calm-chaos-acoustic">Calm &amp; Chaos Acoustic</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, May 25, 2017</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, May 25, 2017</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="View on Google Maps" href="https://www.google.com/maps/search/?api=1&amp;query=148%20E.%20Prospect%20Ave.,%20Danville%20CA">McGah&#39;s Pub &amp; Piano, 148 E. Prospect Ave., Danville CA</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Free event, 21+ with ID. We will be on the main stage all night as part of McGah's Country &amp; Cocktails Music Series!</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://calmandchaos.com/event/1939924/418096862/calm-chaos-acoustic" data-share-dialog-title-value="Calm &amp; Chaos Acoustic @ McGah&#39;s Pub &amp; Piano on May 25, 8:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Calm &amp; Chaos Acoustic @ McGah&#39;s Pub &amp; Piano, May 25, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Calm &amp; Chaos Acoustic @ McGah&#39;s Pub &amp; Piano on May 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">Calm &amp; Chaos Acoustic @ McGah&#39;s Pub &amp; Piano on May 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://calmandchaos.com/event/1939924/418096862/calm-chaos-acoustic" 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=148%20E.%20Prospect%20Ave.,%20Danville%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="1720259" data-occurrence-id="326530549">
  <div class="event-image image-social">
      <a rel="event[1720259]" title="Rock to Remember 2016" class="thumbnail-popup" data-featherlight="//images.zoogletools.com/s:bzglfiles/u/34915/0382f09d351a2f1457f7633da29c16bf97abe0dc/original/rock-to-remember-jpeg.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg" href="//images.zoogletools.com/s:bzglfiles/u/34915/0382f09d351a2f1457f7633da29c16bf97abe0dc/original/rock-to-remember-jpeg.jpg/!!/b%3AW1sicmVzaXplIixbNjAwLG51bGwseyJ3aXRob3V0RW5sYXJnZW1lbnQiOnRydWUsImZpdCI6Im91dHNpZGUifV1dXQ%3D%3D/meta%3AeyJzcmNCdWNrZXQiOiJiemdsZmlsZXMifQ%3D%3D.jpg">
        <img alt="Rock to Remember 2016" src="//images.zoogletools.com/s:bzglfiles/u/34915/0382f09d351a2f1457f7633da29c16bf97abe0dc/original/rock-to-remember-jpeg.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://calmandchaos.com/event/1720259/326530549/rock-to-remember-2016">Rock to Remember 2016</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">Thursday, November 17, 2016</span> @ <span class="time">8:00PM</span></time></span></span><span class="date-short"><span class="event-when with-time"><time class="from"><span class="date">Thu, Nov 17, 2016</span> @ <span class="time">8: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=148%20E.%20Prospect%20Ave.,%20Danville%20CA">McGah&#39;s Pub &amp; Piano, 148 E. Prospect Ave., Danville CA</a>
        </p>
    </div>

      <div class="event-info event-notes"><p>Calm &amp; Chaos Full Band! Rock to Remember is the San Ramon Valley Fire Local 3546 benefit concert which raises scholarship money for children of fallen firefighters. It is free to attend, the venue is 21 and over after 8pm.</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://calmandchaos.com/event/1720259/326530549/rock-to-remember-2016" data-share-dialog-title-value="Rock to Remember 2016 @ McGah&#39;s Pub &amp; Piano on Nov 17, 8:00PM" data-share-dialog-text-value="Calm &amp; Chaos @ Rock to Remember 2016 @ McGah&#39;s Pub &amp; Piano, Nov 17, 8:00PM" data-share-dialog-fb-app-id-value="286076425227">
  <a class="button button-tertiary zoogle-share pdf__hide" title="Share Rock to Remember 2016 @ McGah&#39;s Pub &amp; Piano on Nov 17, 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">Rock to Remember 2016 @ McGah&#39;s Pub &amp; Piano on Nov 17, 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://calmandchaos.com/event/1720259/326530549/rock-to-remember-2016" 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=148%20E.%20Prospect%20Ave.,%20Danville%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">
  <a href="/home/features/load/calendar_feature_862801.turbo_stream?calendar_page_prev=1"><span class='pagination-decoration icon icon-first'></span>First</a>
</span>

    <span class="prev">
  <a rel="prev" href="/home/features/load/calendar_feature_862801.turbo_stream?calendar_page_prev=4"><span class='pagination-decoration icon icon-previous'></span>Prev</a>
</span>
        <span class="page">
  <a href="/home/features/load/calendar_feature_862801.turbo_stream?calendar_page_prev=1">1</a>
</span>

        <span class="page gap">…</span>

        <span class="page">
  <a rel="prev" href="/home/features/load/calendar_feature_862801.turbo_stream?calendar_page_prev=4">4</a>
</span>

        <span class="page current">
  5
</span>

        <span class="page">
  <a rel="next" href="/home/features/load/calendar_feature_862801.turbo_stream?calendar_page_prev=6">6</a>
</span>

        <span class="page gap">…</span>

        <span class="page">
  <a href="/home/features/load/calendar_feature_862801.turbo_stream?calendar_page_prev=9">9</a>
</span>

      <span class="next">
  <a rel="next" href="/home/features/load/calendar_feature_862801.turbo_stream?calendar_page_prev=6">Next<span class='pagination-decoration icon icon-next'></span></a>
</span>
      <span class="last">
  <a href="/home/features/load/calendar_feature_862801.turbo_stream?calendar_page_prev=9">Last<span class='pagination-decoration icon icon-last'></span></a>
</span>

  </nav>

</div>

    </section>

  

</div>

</template></turbo-stream>