<!DOCTYPE html>

<html class="no-js" lang="en">

    <head>

       <meta charset="utf-8" />

       <meta name="viewport" content="width=device-width, initial-scale=1.0" />

       <title>Action Racket Theatre</title>

       <link rel="stylesheet" href="css/foundation.css" />

       <!--<link rel="stylesheet" href="css/custom.css" />-->

       <link rel="icon" href="favicon.png" sizes="16x16 32x32" type="image/png" />

       <script src="js/vendor/modernizr.js"></script>

       <style>


            .row {
                 min-width: 95%;
                 margin-left: auto;
                 margin-right: auto;
                 direction: initial;
            }

            header#page-header {
                height: 20%;
                background: #ecf0f1;
            }

            #logo {
                height: 85%;
                min-height: 25%;
                margin-top: 1%;
            }

            header nav {
                margin-top: 5.5%;
                margin-left: -8%;
            }

            object {
                pointer-events: none;
                display: block;               /* Assures that SVG items may act as links */
            }

            /* For Headings, Buttons, Footer Text */

            @import url(http://fonts.googleapis.com/css?family=Averia+Libre:400,300,700italic,700,400italic);

            /* For Body Content */

            @import url(http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic);

            body {
                background-color: rgba(190, 6, 164, 0.02);  /* Action Racket Magenta 2% */
                font-family: 'Merriweather', 'Times New Roman', serif;
                margin-left: 1%;
                margin-right: 1%;
            }

            h1, h2, h3,
            h4, h5, h6 {
            font-family: 'Averia Libre', 'Trebuchet MS', 'Helvetica', cursive;
            }

            h1 {
               margin-top: 1.25rem;
               margin-bottom: 1rem;
               color: #012595;                              /* Action Racket Blue */
            }

            h2, h3 {
               font-weight: 400;
               color: rgba(1, 37, 149, 0.65);              /* Action Racket Blue 65% */
			   }

            button, .button {
               background-color: rgba(1, 37, 149, 0.25);   /* Action Racket Blue 25% */
				   font-family: 'Averia Libre', 'Trebuchet MS', cursive;
               font-weight: 400;
            }

            button:hover, button:focus,
            .button:hover, .button:focus	{
               background-color: rgba(1, 37, 149, 0.85);   /* Action Racket Blue 85% */
               font-weight: 700;
            }

            button:active, .button:active {
               background-color: #11a420;
            }

            button.activeGroup, .button.activeGroup {
               background-color: #11a240;                /* Action Racket Green */
               font-weight: 700;
            }

            figure figcaption {
               font-family: 'Averia Libre', 'Trebuchet MS', cursive;
               font-weight: 300;
               width: 95%;
               line-height: 1.15rem;
            }

            figure img {
               margin-bottom: 0.75%;
            }

        </style>

    </head>

    <body>

      <!-- HOME PAGE -->


      <header id="page-header" class="row">

         <div id="logo" class="small-3 columns left">
            <a href="./">
               <object id="logo" type="image/svg+xml"  data="images/logo.svg">
               </object>
            </a>
         </div>

         <!-- This is the horizontal persistent navbar for the website. -->

         <nav class="medium-5 columns end">

             <div class="button-bar radius">
                <ul class="button-group">
                   <li><a role="button" href="we-are/" class="button small">We Are</a></li>
                   <li><a role="button" href="we-do/" class="button small">What We Do</a></li>
                   <li><a role="button" href="contact/" class="button small">Contact</a></li>
               </ul>

             </div>	<!-- END NAVIGATION BAR -->

         </nav>

      </header>

      <!-- Page Header -->

      <div class="row">
          <h1 class="small-offset-1 small-11 columns">Welcome to Action Racket Theatre</h1>
      </div>

      <section class="row">

      <!-- "HERO" Image -->

      <figure class="small-10 small-centered columns">
          <img src="images/he-ran.jpg"
              alt="Joanie Fritz Zosike and Lois Kagan Mingus in Harold's Trip to the Sky"
              title="He ran...and then he thought and stopped." />
           <figcaption>
              <em>“He ran…and then he thought and stopped.”</em>
              Lois Kagan Mingus and Joanie Fritz Zosike perform
              <span class="title">Harold's Trip to the Sky</span>.
            </figcaption>
      </figure>


      <article id="events" class="large-4 columns grow">

          <h2>Upcoming Events</h2>

          <hr />

          <h3>Action Racket Theatre Lab</h3>

          <p>
             <span class="date">Thursdays, October 1, 8, 15, 22, 29 at 4:30pm</span><br />
             <strong>County Cullen Library</strong><br />
             104 West 136th Street<br />
             New York, NY, 10030<br />
             (212) 491-2070
          </p>

          <p class="text-center">More…</p>

          <hr />

          <h3>Tailored Tales Radio Play</h3>

          <p>
              <span class="date">Wednesday, November 11 at 2:00pm</span><br />
              <strong>New Carlton Rehabilitation and Nursing Center</strong><br />
              405 Carlton Avenue<br />
              Brooklyn, NY 11238<br />
              <strong>THIS IS A CLOSED EVENT.</strong>
          </p>

          <hr />

          <h3>The Magical Castle of Now</h3>

          <p>
              <span class="date">Tuesday, December 29 at 11:00am</span><br />
              <strong>Mt. Pleasant Library</strong><br />
              350 Bedford Road<br />
              Pleasantville, NY<br />
              (914) 769-0548
          </p>

          <hr />

          <h3>Mighty Story Action Time</h3>

          <p>
              <span class="date">Wednesday, November 18 at 3:30pm</span><br />
              <strong>Huguenot Park Library</strong><br />
              830 Huguenot Avenue<br />
              Staten Island, NY 10312<br />
              (718) 984-4636
          </p>

          <p>
              <span class="date">Monday, December 14 at 4:00pm</span><br />
              <strong>Eastchester Library</strong><br />
              1385 East Gun Hill Road<br />
              Bronx, NY 10469<br />
              (718) 653-3292
          </p>

        </article>

        <figure class="large-6 columns">
            <img src="images/lois-wish.jpg" alt="Lois teaches the Wish Walk."
            title="Mighty Action Racket workshop: The Wish Walk" />
            <figcaption>
                Mighty Action Racket Workshop: Lois teaches the Wish Walk.
            </figcaption>
         </figure>

        </section>

        <section class="row">

          <article id="ourMission" class="large 9 columns end">

            <h2>Our Mission</h2>

            <p>
               To make theatre born of the heart that lives in the here and now; investigates
               social questions; honestly represents its makers; inspires the audience as well
               as the actors; is an open space for experienced and/or inexperienced actors of
               different ages and abilities. To create a theatre that touches a nerve and at
               the same time sees humor and joy in life.
            </p>

          </article>

        </section>	<!-- END Our Mission -->

        <footer>

        <hr />

           <p>Copyright © 2015 Action Racket Theatre</p>

       </footer>

       <script src="js/vendor/jquery.js"></script>

       <script src="js/foundation/foundation.js"></script>

       <script>
         $(document).foundation();
       </script>

    </body>

</html>