<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>

    <script type="text/javascript">var _sf_startpt=(new Date()).getTime()</script>

<!--
    <link rel="preload" href="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/video/homepage/20240212/mobile/stream_1/500k_000.ts" as="fetch" media="(max-aspect-ratio: 9/16)"/>
    <link rel="preload" href="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/video/homepage/20240212/desktop/stream_1/500k_000.ts" as="fetch" media="(min-aspect-ratio: 9/16)"/>
-->
    <link rel="preload" href="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/video/homepage/20240212/mobile/master_playlist.m3u8" as="fetch" media="(max-aspect-ratio: 1/1)"/>
    <link rel="preload" href="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/video/homepage/20240212/desktop/master_playlist.m3u8" as="fetch" media="(min-aspect-ratio: 1/1)"/>

    <link rel="preload" href="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/video/homepage/20240212/mobile/stream_1/500k.m3u8" as="fetch" media="(max-aspect-ratio: 1/1)"/>
    <link rel="preload" href="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/video/homepage/20240212/desktop/stream_1/500k.m3u8" as="fetch" media="(min-aspect-ratio: 1/1)"/>

    <link rel="preload" href="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/video/homepage/20240212/mobile/stream_4/2000k.m3u8" as="fetch" media="(max-aspect-ratio: 1/1)"/>
    <link rel="preload" href="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/video/homepage/20240212/desktop/stream_4/2000k.m3u8" as="fetch" media="(min-aspect-ratio: 1/1)"/>

    <script>
        if (document.createElement('video').canPlayType('application/vnd.apple.mpegurl') == '') {
            var script = document.createElement('script');
            script.src = "https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/video/homepage/script/hls.js";
            script.async = true;
            document.head.appendChild(script);
        }
    </script>
     
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000" />
    <title>Fairfield Theatre Company</title>
    <link rel="stylesheet" href="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/packages/uswds/css/uswds.min.css">

    <link rel="icon" href="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/ftc_favicon_2023site.ico" type="image/x-icon">
    <!--<meta property="og:title" content="">
    <meta property="og:type" content="website">
    <meta property="og:description" content="">
    <meta property="og:image" content="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/ftcpresents_opengraph.png">-->

    <link rel="preload" href="https://use.typekit.net/vwk4jku.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="https://use.typekit.net/vwk4jku.css"></noscript>

    <style>

        *{
            text-rendering: geometricPrecision;
            touch-action: manipulation;
        }

        [contentEditable=true]:focus,[href]:focus,[tabindex]:focus,iframe:focus {
            outline: none;
            outline-offset: 0
        }

        .ftc-red{
            color: #E93A42;!important;
        }

        .bg-ftc-red{
            background-color: #E93A42;
        }

        .ftc-blue{
            color: #2B3C46;
        }

        .ftc-gold{
            color: #FFBF3F;
        }

        .bg-ftc-blue{
            background-color: #2B3C46;
        }

        .ftc-green{
            color: #84BD00;
        }

        .bg-ftc-green{
            background-color: #84BD00;
        }

        .bg-ftc-gold{
            background-color: #FFBF3F;
        }


        .usa-button{
            font-family: Interstate, sans-serif;
            font-weight: 800;
            text-transform: uppercase;
        }


        .hero-video{
            object-fit:cover;
            object-position: 50% 50%;
        }

        .hp-events-header{
            top: calc(5em - 2px);
        }

        .homepage-venue-image{
            background-position: center;
            background-size: cover;
            aspect-ratio: 467/275;
        }

        .venue-overlay{
            background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5));
        }

        .font-override-std{
            font-family: Interstate, sans-serif;
        }

        .font-override-cond{
            font-family: interstate-condensed, sans-serif;
        }

        .fw-300{
            font-weight: 300;
        }

        .fw-400{
            font-weight: 400;
        }

        .fw-500{
            font-weight: 500;
        }

        .fw-600{
            font-weight: 600;
        }

        .fw-800{
            font-weight: 800;
        }

        .fw-900{
            font-weight: 900;
        }

        .event-header-image{
            background-size: cover;
            aspect-ratio: 4/1;
        }

        .venue-header-image{
            background-size: cover;
            aspect-ratio: 4/1;
            background-position: 50% 50%;
        }

        .page-header-image{
            background-size: cover;
            aspect-ratio: 8/1;
        }

        .event-hero{
             
        }

        .pattern-header{
            background-position: 0% 50%;
            background-size: cover;
            aspect-ratio: 8/1;
            /*box-shadow: 0 0 25px 25px white inset;*/
            background-image: url('https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/ftc_pattern_flip.svg');
        }

        .program-bg-image{
            background-image: url('https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/get_with_the_program_2_sm.jpg');
            background-size: cover;
            background-position: center;
        }

        .visitor-venue{
            aspect-ratio: 3.5/1;
        }

        @media (max-width: 640px) {
            .event-header-image{
                aspect-ratio: 1/1;
            }

            .venue-header-image{
                aspect-ratio: 2/1;
            }

            .pattern-header{
                aspect-ratio: 2/1;
            }
            .page-header-image{
                aspect-ratio: 2/1;
            }

            .hp-events-header{
                top: 4em;
            }

            .visitor-venue{
                aspect-ratio: 3/1;
            }
        }


        .usa-modal-overlay{
            display: flex;
            margin: 0;
            padding:0;
        }

        .usa-modal{
            display: none;
        }

        .is-visible.usa-modal-wrapper .usa-modal{
             display: inherit;
        }

        .dropdown-content a:hover{
            background-color: #f0f0f0;
        }

        .dropdown:hover .dropdown-content {
          display: block;
        }

        @media (min-width: 1232px) {
            .grid-container{
                padding-right: 0rem;
                padding-left: 0rem;
            }
        }

        @media (min-width: 640px) and (max-width: 1232px) {
            .tablet-nav{
                display: flex;
            }

            .grid-container{
                padding-right: 2rem;
                padding-left: 2rem;
            }

            .tablet-header-image{
                margin-top: 80px;
            }

            .pattern-header{
                margin-top: 80px;
                 aspect-ratio: 6/1;
            }

            .page-header-image{
                aspect-ratio: 5/1;
            }

        }

        @media (min-width: 1232px) {
            .desktop-menu{
                display: flex;
            }

            .header-padding{
                padding-left: 4rem;!important;
                padding-right: 4rem;!important;
            }

        }


        .account-button::after{
            content: '';
            position: absolute;
            width: 12px; /* Adjust the size of the circle */
            height: 12px; /* Adjust the size of the circle */
            border-radius: 50%;
            background-color: #e93a42; /* Set the background color of the circle */

        }

        .usa-button--primary, .usa-button--primary:visited, .usa-button--primary:hover{
            background-color: #e93a42;
        }

        .usa-button--outline, .usa-button--outline:visited, .usa-button--outline:hover{
            box-shadow: inset 0 0 0 2px #2B3C46;
            color: #2B3C46;
        }

        .btn-blue, btn-blue:visited, .btn-blue:hover{
            background-color: #2B3C46;
        }

        .btn-ftc-green, btn-ftc-green:visited, .btn-ftc-green:hover{
            background-color: #83bd00;
        }

    </style>
    <script>
        function scrollToFAQ() {
            var faqDiv = document.getElementById("faq");
            if (faqDiv) {
                faqDiv.scrollIntoView({ behavior: "smooth" });
            }
        }
    </script>


</head>
<body>
    <header class="header-padding width-full position-fixed padding-205 bg-white top-0 z-top border-bottom-2px border-gray-10" id="upper-nav">
        <div class="display-flex flex-row flex-align-end">
            <div class="display-flex flex-justify flex-align-center width-full desktop:width-mobile-lg">
                <a href="/">
                    <img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/ftcpresents.svg" class="width-card-lg">
                </a>
                <img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/bars-solid.svg" href="#mobile-menu" class="display-block width-3 tablet:display-none" aria-controls="mobile-menu" data-open-modal>
            </div>
            <nav aria-label="Primary navigation" class="tablet:display-block display-none text-uppercase flex-column width-full flex-justify-center height-full">
                <div class="flex-row display-flex flex-justify-end flex-align-end">
                    <ul class="desktop-menu usa-list--unstyled text-uppercase margin-x-auto display-none">
                        <li><a href="/calendar/" class="font-body-2xs desktop:font-body-xs text-bold text-no-underline padding-x-2 font-override-std ftc-blue">Calendar</a></li>
                        <li><a href="/membership" class="font-body-2xs desktop:font-body-xs text-bold text-no-underline padding-x-2 font-override-std ftc-blue">Membership</a></li>
                        <li><a href="/rentals" class="font-body-2xs desktop:font-body-xs text-bold text-no-underline padding-x-2 font-override-std ftc-blue">Rentals</a></li>
                        <li>
                            <div class="dropdown">
                                <a class="font-body-2xs desktop:font-body-xs text-bold text-no-underline padding-x-2 font-override-std ftc-blue cursor-pointer">About <span class="opacity-50">+</span></a>
                                <div class="dropdown-content display-none bg-white position-absolute opacity-90">
                                  <a href="/about/ftc" class="display-block font-body-2xs desktop:font-body-xs text-bold text-no-underline padding-2 border-bottom border-gray-5 font-override-std ftc-blue">FTC</a>
                                  <a href="/venue/info" class="display-block font-body-2xs desktop:font-body-xs text-bold text-no-underline padding-2 font-override-std ftc-blue">VENUE INFO</a>
                                </div>
                            </div>
                        </li>
                        <li><a href="/support" class="font-body-2xs desktop:font-body-xs text-bold text-no-underline padding-x-2 font-override-std ftc-red">Support FTC</a></li>
                    </ul>
                    <div class="display-flex flex-align-center">
                        <a type="button" href="https://boxoffice.fairfieldtheatre.org/cart/details" class="border-0 bg-transparent cursor-pointer"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/cart-shopping-solid.svg" class="width-3"></a>
                        <!--<a type="button" class="usa-button usa-button--outline text-uppercase margin-left-2" href="#" style="box-shadow: inset 0 0 0 2px #e93a42; color: #e93a42;">Login</a>-->
                    </div>
                <!--<div class="display-flex flex-align-center">
                        <a type="button" class="border-0 bg-transparent cursor-pointer padding-y-0 margin-right-2"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/bell-regular.svg" class="height-3" alt="Notifications"></a>
                        <a type="button" class="border-0 bg-transparent cursor-pointer padding-y-0 margin-right-2"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/ticket-solid.svg" class="height-3" alt="Your Tickets"></a>
                        <a type="button" class="border-0 bg-transparent cursor-pointer padding-y-0 margin-right-2"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/cart-shopping-solid.svg" class="height-3" alt="Shopping Cart"></a>
                        <div class="display-flex flex-justify-center flex-align-center padding-right-1">
                            <a type="button" class="text-uppercase font-override-std text-no-underline position-absolute z-top ftc-red fw-800" href="#">JS</a>
                            <div class="width-5 height-3 radius-md border-2px border-red position-relative"></div>
                        </div>
                    </div>-->
                </div>
            </nav>
            <div class="usa-modal display-flex maxw-full margin-0 radius-0" id="mobile-menu" aria-labelledby="mobile-menu-heading" aria-describedby="mobile-menu-description">
                <div class="usa-modal__content">
                    <div class="usa-modal__footer display-flex flex-justify-center margin-0 padding-y-1 bg-ftc-blue">
                        <a href="/"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/FTC_metro-logo-only_v1.svg" class="width-card"></a>
                    </div>
                    <div class="usa-modal__main flex-fill flex-justify-center margin-x-1 display-flex flex-column">
                        <ul class="usa-list--unstyled text-uppercase text-center display-flex flex-column flex-fill flex-justify margin-bottom-4">
                            <li><a href="/calendar/" class="font-body-lg fw-900 text-no-underline font-override-std ftc-blue">Calendar</a></li>
                            <li><a href="/membership" class="font-body-lg fw-900 text-no-underline font-override-std ftc-blue">Membership</a></li>
                            <li><a href="/rentals" class="font-body-lg fw-900 text-no-underline font-override-std ftc-blue">Rentals</a></li>
                            <li>
                                <div class="usa-accordion flex-justify-center">
                                  <h4 class="usa-accordion__heading">
                                    <button
                                      type="button"
                                      class="usa-accordion__button bg-white font-body-lg text-no-underline font-override-std ftc-blue text-uppercase text-center padding-0 fw-900"
                                      aria-expanded="false"
                                      aria-controls="a1"
                                    >
                                      About
                                        <span class="opacity-50 fw-600">+</span>
                                    </button>
                                  </h4>
                                  <div id="a1" class="usa-accordion__content usa-prose">
                                     <a href="/about/ftc" class="display-block font-body-md text-no-underline border-bottom border-gray-5 font-override-std ftc-blue fw-800">FTC</a>
                                      <a href="/venue/info" class="display-block font-body-md text-no-underline font-override-std ftc-blue fw-800">VENUE INFO</a>
                                  </div>
                                </div>
                            </li>
                            <li><a href="/support" class="font-body-lg text-no-underline font-override-std ftc-red fw-900">Support FTC</a></li>
                        </ul>
                          <!--<div class="text-center display-flex flex-justify-center flex-row margin-bottom-2">
                              <div class="display-flex flex-justify-center flex-align-center">
                                    <a type="button" class="text-uppercase font-override-std text-no-underline position-absolute z-top ftc-red fw-800" href="#">JS</a>
                                    <div class="width-5 height-3 radius-md border-2px border-red position-relative"></div>
                                </div>
                          </div>-->
                        <!--<div class="text-center display-flex flex-justify-center flex-row">
                            <a type="button" class="border-0 bg-transparent cursor-pointer padding-y-0"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/bell-regular.svg" class="height-3" alt="Notifications"></a>
                            <a type="button" class="border-0 bg-transparent cursor-pointer padding-y-0 margin-x-4"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/ticket-solid.svg" class="height-3" alt="Your Tickets"></a>
                            <a type="button" class="border-0 bg-transparent cursor-pointer padding-y-0"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/cart-shopping-solid.svg" class="height-3" alt="Shopping Cart"></a>
                        </div>-->
                        <div class="text-center display-flex flex-justify-center flex-column margin-bottom-4">
                            <a type="button" href="https://boxoffice.fairfieldtheatre.org/cart/details" class=" border-0 bg-transparent cursor-pointer margin-bottom-2"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/cart-shopping-solid.svg" class="width-3"></a>
                    <!--<a type="button" class="usa-button usa-button--outline text-uppercase" href="#" style="box-shadow: inset 0 0 0 2px #e93a42; color: #e93a42;">Login</a>-->
                        </div>
                    </div>
                    <button class="usa-modal__close bg-transparent border-0 margin-top-1 margin-right-205 cursor-pointer" aria-controls="mobile-menu" data-close-modal>
                        <img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/x-solid.svg" alt="Close" class="width-2">
                    </button>
                </div>
            </div>
        </div>
        <div class="tablet-nav flex-row display-none display-none flex-justify-end flex-align-end margin-top-2">
            <ul class="usa-list--unstyled text-uppercase display-flex">
                <li><a href="/calendar/" class="font-body-2xs text-bold text-no-underline padding-x-2 font-override-std ftc-blue">Calendar</a></li>
                <li><a href="/membership" class="font-body-2xs text-bold text-no-underline padding-x-2 font-override-std ftc-blue">Membership</a></li>
                <li><a href="/rentals" class="font-body-2xs text-bold text-no-underline padding-x-2 font-override-std ftc-blue">Rentals</a></li>
                <li>
                    <div class="dropdown">
                        <a class="font-body-2xs text-bold text-no-underline padding-x-2 font-override-std ftc-blue cursor-pointer">About <span class="opacity-50">+</span></a>
                        <div class="dropdown-content display-none bg-white position-absolute opacity-90">
                          <a href="/about/ftc" class="display-block font-body-2xs text-bold text-no-underline padding-2 border-bottom border-gray-5 font-override-std ftc-blue">FTC</a>
                          <a href="/venue/info" class="display-block font-body-2xs text-bold text-no-underline padding-2 font-override-std ftc-blue">VISITOR INFO</a>
                        </div>
                    </div>
                </li>
                <li><a href="/support" class="font-body-2xs text-bold text-no-underline padding-left-2 padding-right-1 font-override-std ftc-red">Support FTC</a></li>
            </ul>
        </div>
    </header>

    
<div class="main-body-homepage">
    <div class="height-viewport display-flex top-0 left-0 height-full width-full">
        <div class="display-flex flex-1">
            <div class="display-flex padding-2 flex-justify-center flex-align-center height-full width-full">
                <div class="grid-row width-full flex-align-start flex-justify-center text-center">
                    <div class="display-flex flex-column grid-col-12 tablet:grid-col-6 margin-top-2">
                        <a href="/calendar/" class="font-override-std fw-900 text-no-underline font-body-3xl text-white">View<br/>Calendar</a>
                        <hr class=" maxw-mobile width-full">
                        <div class="font-body-xs text-white text-bold text-uppercase margin-top-3 font-override-std"> Music | Film | Comedy <br/> Theatre | Art | Culture</div>
                    </div>
                    <div class="display-flex flex-column grid-col-12 tablet:grid-col-6 margin-top-2">
                          <a href="/membership" class="font-override-std fw-900 text-no-underline font-body-3xl text-white">Become<br/>a Member</a>
                        <hr class="maxw-mobile width-full">
                        <div class="font-body-xs text-white text-bold text-uppercase margin-top-3 font-override-std">invest in the arts <br/> support your community</div>
                    </div>
                </div>
            </div>
            <div class="z-bottom position-absolute height-viewport width-full bg-black">
                <div class="video-container display-flex flex-justify-center height-full width-full position-relative">
                    <video id="hero-video" class="hero-video height-full width-full" autoplay loop muted playsinline></video>
                    <script>
                    function setHeroVideo() {
                        window.aspect = typeof (window.aspect) !== 'undefined' ?
                            window.aspect : !window.matchMedia('(min-aspect-ratio: 1/1)').matches;
                        let currentAspect = window.matchMedia('(min-aspect-ratio: 1/1)').matches;
                        video = document.getElementById('hero-video');
                        let mobile_video = 'https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/video/homepage/20240212/mobile/master_playlist.m3u8';
                        let desktop_video = 'https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/video/homepage/20240212/desktop/master_playlist.m3u8';
                        let mobile_gif = 'https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/video/homepage/20240212/mobile/video.gif';
                        let desktop_gif = 'https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/video/homepage/20240212/desktop/video.gif';
                        if (currentAspect != window.aspect) {
                            if (!video.canPlayType('application/vnd.apple.mpegurl')) {
                                window.onload = () => {
                                    window.hls = typeof(window.hls) !== 'undefined' ? window.hls : new Hls();
                                    window.hls.loadSource(currentAspect ? desktop_video : mobile_video);
                                    window.hls.attachMedia(video);
                                    window.hls.on(Hls.Events.MEDIA_ATTACHED, function () {
                                        video.muted = true;
                                        video.currentTime = Math.random() * 100;
                                        video.play();
                                            if(document.getElementById('hero-video').paused){
                                                gif = document.createElement('img');
                                                gif.setAttribute('src',(currentAspect ? desktop_gif : mobile_gif));
                                                gif.setAttribute('id','hero-video');
                                                gif.classList.add('hero-video','height-full', 'width-full');
                                                document.getElementById('hero-video').replaceWith(gif);
                                            }
                                })};
                            } else {
                                video.src = currentAspect ? desktop_video : mobile_video;
                                video.addEventListener('loadedmetadata', function () {
                                    if(video.paused){
                                        video.currentTime = Math.random() * 100;
                                        video.play();
                                    }
                                        if(document.getElementById('hero-video').paused){
                                            gif = document.createElement('img');
                                            gif.setAttribute('src',(currentAspect ? desktop_gif : mobile_gif));
                                            gif.setAttribute('id','hero-video');
                                            gif.classList.add('hero-video','height-full', 'width-full');
                                            document.getElementById('hero-video').replaceWith(gif);
                                        }
                                });
                            }
                        }
                        window.aspect = currentAspect;
                    }
                    setHeroVideo();

                    window.addEventListener("resize", function() {
                        setHeroVideo()
                    }, false);
                </script>
                </div>
            </div>
        </div>
    </div>
    <div class="bg-white margin-y-4">
        <div class="grid-container">
            
            <div class="grid-row grid-gap-lg margin-bottom-4">
                <div class="grid-col-12 tablet:grid-col-7 desktop:grid-col-8 margin-bottom-2">
                    <a href="https://fairfieldtheatre.org/events/the-warehouse/ftc-80s-dance-party_e129">
                        <img src="https://ftc-web-prod-media.fairfieldtheatre.org/80sDance-FHD-web_v1b_2.jpg">
                    </a>
                </div>
                <div class="grid-col-12 tablet:grid-col-5 desktop:grid-col-4">
                    <div class="grid-row">
                        <div class="line-height-body-3 font-body-md font-family-sans font-override-std ftc-blue"><p>Join FTC for a far out 80s Dance Party with DJ Echo at The Warehouse on September 20! Dress to impress with legwarmers, scrunchies, neon, leotards, acid wash denim, statement jewelry, tracksuits, funky hair, and more!</p></div>
                    </div>
                    <div class="grid-row margin-top-4">
                        <a type="button" href="https://fairfieldtheatre.org/events/the-warehouse/ftc-80s-dance-party_e129" class="usa-button usa-button--outline">Get Into The Groove</a>
                    </div>
                </div>
            </div>
            
            <div class="grid-row margin-bottom-6">
                <div class="grid-col-12 ftc-red">
                    <div class="font-body-lg font-override-std text-uppercase text-bold">Season Sponsors</div>
                    <hr class="width-full margin-top-05 margin-y-2">
                    <div class="grid-row flex-justify flex-align-center grid-gap-lg">
                        <div class="grid-col-6 tablet:grid-col-3 margin-bottom-2">
                            <a href="/sponsorship"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/yalenewhaven_horiz.svg"></a>
                        </div>
                        <div class="grid-col-6 tablet:grid-col-3 margin-bottom-2">
                           <a href="/sponsorship"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/readyrefresh_logo.svg"></a>
                        </div>
                        <div class="grid-col-6 tablet:grid-col-2 display-none tablet:display-block">
                            &nbsp;
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bg-gray-5 padding-top-1 padding-bottom-4 margin-bottom-4">
        <div class="grid-container display-flex">
            <div class="grid-row tablet:grid-gap-5">
                <div class="grid-col-12 tablet:grid-col-6 desktop:grid-col-5">
                    <div class="grid-row padding-top-4 padding-bottom-2 margin-bottom-4 hp-events-header z-100 bg-gray-5 position-sticky border-bottom-2px border-gray-30">
                        <h1 class="font-override-std ftc-blue margin-0 text-light font-body-2xl width-full">Upcoming Events</h1>
                        <a href="/calendar/" class="display-flex ftc-red text-bold font-body-2xs flex-align-center text-uppercase margin-top-1 text-no-underline font-override-std"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/ftc_favicon_2023site.ico" class="width-2 margin-right-05"> This week & more</a>
                    </div>
                    
                        <a href="/events/the-warehouse/princebowie_e118" class="text-no-underline">
                        <div class="display-flex flex-justify grid-row margin-bottom-4">
    <div class="grid-col-12 ">
        
        <div class="font-override-cond fw-900 ftc-blue display-flex line-height-body-1 overflow-hidden font-body-xl text-uppercase">
            Prince/Bowie:
        </div>
        
            <div class="display-flex flex-justify-start text-normal text-uppercase font-override-std ftc-blue font-override-cond">
                The Music of Prince &amp; David Bowie
            </div>
        
        
        <div class="font-body-xs font-override-std text-bold ftc-red display-flex flex-align-end margin-top-05 text-pre-wrap">
            
                <div>FRI </div>
                <div><span style="font-size: 1.25em;">9/13</span> </div>
            
            <div>8PM </div>
            <div class="text-pre-wrap">in&nbsp;<strong>The Warehouse</strong></div>
        </div>
        
    </div>
</div>


                        </a>
                    
                        <a href="/events/stageone/dylan-connor-johnny-irion_e137" class="text-no-underline">
                        <div class="display-flex flex-justify grid-row margin-bottom-4">
    <div class="grid-col-12 ">
        
        <div class="font-override-cond fw-900 ftc-blue display-flex line-height-body-1 overflow-hidden font-body-xl text-uppercase">
            Dylan Connor &amp; Johnny Irion
        </div>
        
        
        <div class="font-body-xs font-override-std text-bold ftc-red display-flex flex-align-end margin-top-05 text-pre-wrap">
            
                <div>FRI </div>
                <div><span style="font-size: 1.25em;">9/13</span> </div>
            
            <div>8PM </div>
            <div class="text-pre-wrap">on <strong>StageOne</strong></div>
        </div>
        
    </div>
</div>


                        </a>
                    
                        <a href="/events/stageone/jesse-dayton_e133" class="text-no-underline">
                        <div class="display-flex flex-justify grid-row margin-bottom-4">
    <div class="grid-col-12 ">
        
        <div class="font-override-cond fw-900 ftc-blue display-flex line-height-body-1 overflow-hidden font-body-xl text-uppercase">
            Jesse Dayton
        </div>
        
        
                <div class="text-uppercase font-body-3xs font-override-cond fw-500">
                    <a href="/events/stageone/jesse-dayton_e133" class="text-gray-50 text-no-underline">
                        W/
                        <b>Mike Stinson</b>
                    </a>
                </div>
            
        <div class="font-body-xs font-override-std text-bold ftc-red display-flex flex-align-end margin-top-05 text-pre-wrap">
            
                <div>SAT </div>
                <div><span style="font-size: 1.25em;">9/14</span> </div>
            
            <div>8PM </div>
            <div class="text-pre-wrap">on <strong>StageOne</strong></div>
        </div>
        
    </div>
</div>


                        </a>
                    
                        <a href="/events/the-lot/oktoberfest_e148" class="text-no-underline">
                        <div class="display-flex flex-justify grid-row margin-bottom-4">
    <div class="grid-col-12 ">
        
        <div class="font-override-cond fw-900 ftc-blue display-flex line-height-body-1 overflow-hidden font-body-xl text-uppercase">
            Oktoberfest
        </div>
        
            <div class="display-flex flex-justify-start text-normal text-uppercase font-override-std ftc-blue font-override-cond">
                ft. Music by Dennis Polisky &amp; Maestro&#x27;s Men and Fuzz &amp; Friends
            </div>
        
        
        <div class="font-body-xs font-override-std text-bold ftc-red display-flex flex-align-end margin-top-05 text-pre-wrap">
            
                <div>SAT </div>
                <div><span style="font-size: 1.25em;">9/14</span> </div>
            
            <div>2PM </div>
            <div class="text-pre-wrap">in <strong>The Lot</strong></div>
        </div>
        
    </div>
</div>


                        </a>
                    
                    <div class="grid-row margin-bottom-4">
                        <div class="grid-col-12 margin-bottom-2">
                            <div class="display-flex overflow-hidden font-body-xl text-light text-uppercase text-gray-70 margin-top-neg-05 margin-bottom-neg-05 font-override-std">
                                <b class="font-override-cond fw-900 ftc-blue">78</b>&nbsp;More Events
                            </div>
                            <div class="display-flex flex-justify-start text-gray-70 text-normal text-uppercase font-override-std">
                                Concerts | Films | Events | More
                            </div>
                        </div>
                        <a href="/calendar/" type="button" class="usa-button btn-blue text-uppercase" style="margin-left: 0.03em;">Find Your Event</a>
                    </div>
                </div>
                <div class="grid-col-12 tablet:grid-col-6 desktop:grid-col-5 desktop:grid-offset-1">
                    <div class="grid-row padding-top-4 padding-bottom-2 margin-bottom-4 hp-events-header z-100 bg-gray-5 position-sticky border-bottom-2px border-gray-30">
                        <h1 class="font-override-std ftc-blue margin-0 text-light font-body-2xl width-full">Just&nbsp;Announced</h1>
                        <a  href="/calendar/announced" class="display-flex ftc-red text-bold font-body-2xs flex-align-center text-uppercase margin-top-1 text-no-underline font-override-std"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/ftc_favicon_2023site.ico" class="width-2 margin-right-05"> Member Presales, bookings daily</a>
                    </div>
                    
                        <a href="/events/stageone/eric-johanson_e186" class="text-no-underline">
                            <div class="display-flex flex-justify grid-row margin-bottom-4">
    <div class="grid-col-12 ">
        
        <div class="font-override-cond fw-900 ftc-blue display-flex line-height-body-1 overflow-hidden font-body-xl text-uppercase">
            Eric Johanson
        </div>
        
        
        <div class="font-body-xs font-override-std text-bold ftc-red display-flex flex-align-end margin-top-05 text-pre-wrap">
            
                <div>THU </div>
                <div><span style="font-size: 1.25em;">12/19</span> </div>
            
            <div>8PM </div>
            <div class="text-pre-wrap">on <strong>StageOne</strong></div>
        </div>
        
    </div>
</div>


                        </a>
                    
                        <a href="/events/the-warehouse/yacht-lobsters_e187" class="text-no-underline">
                            <div class="display-flex flex-justify grid-row margin-bottom-4">
    <div class="grid-col-12 ">
        
        <div class="font-override-cond fw-900 ftc-blue display-flex line-height-body-1 overflow-hidden font-body-xl text-uppercase">
            Yacht Lobsters
        </div>
        
        
        <div class="font-body-xs font-override-std text-bold ftc-red display-flex flex-align-end margin-top-05 text-pre-wrap">
            
                <div>FRI </div>
                <div><span style="font-size: 1.25em;">12/13</span> </div>
            
            <div>8PM </div>
            <div class="text-pre-wrap">in&nbsp;<strong>The Warehouse</strong></div>
        </div>
        
    </div>
</div>


                        </a>
                    
                        <a href="/events/stageone/caravan-of-thieves_e188" class="text-no-underline">
                            <div class="display-flex flex-justify grid-row margin-bottom-4">
    <div class="grid-col-12 ">
        
        <div class="font-override-cond fw-900 ftc-blue display-flex line-height-body-1 overflow-hidden font-body-xl text-uppercase">
            Caravan Of Thieves
        </div>
        
            <div class="display-flex flex-justify-start text-normal text-uppercase font-override-std ftc-blue font-override-cond">
                Annual Holiday Hullabaloo
            </div>
        
        
        <div class="font-body-xs font-override-std text-bold ftc-red display-flex flex-align-end margin-top-05 text-pre-wrap">
            
                <div>SAT </div>
                <div><span style="font-size: 1.25em;">12/21</span> </div>
            
            <div>8PM </div>
            <div class="text-pre-wrap">on <strong>StageOne</strong></div>
        </div>
        
    </div>
</div>


                        </a>
                    
                        <a href="/events/the-warehouse/southside-johnny-the-asbury-jukes_e190" class="text-no-underline">
                            <div class="display-flex flex-justify grid-row margin-bottom-4">
    <div class="grid-col-12 ">
        
        <div class="font-override-cond fw-900 ftc-blue display-flex line-height-body-1 overflow-hidden font-body-xl text-uppercase">
            Southside Johnny &amp; The Asbury Jukes
        </div>
        
        
        <div class="font-body-xs font-override-std text-bold ftc-red display-flex flex-align-end margin-top-05 text-pre-wrap">
            
                <div>FRI </div>
                <div><span style="font-size: 1.25em;">12/06</span> </div>
            
            <div>8PM </div>
            <div class="text-pre-wrap">in&nbsp;<strong>The Warehouse</strong></div>
        </div>
        
    </div>
</div>


                        </a>
                    
                    <div class="grid-row margin-bottom-4">
                        <div class="grid-col-12 margin-bottom-2">
                            
                            <div class="display-flex font-body-xl text-light text-uppercase text-gray-70 margin-top-neg-05 margin-bottom-neg-05 font-override-std">
                                <b class="font-override-cond fw-900 ftc-blue">2&nbsp;</b>More Announced
                            </div>
                            
                            <div class="display-flex flex-justify-start text-gray-70 text-normal text-uppercase font-override-std">
                                New Shows Added Weekly
                            </div>
                        </div>
                        <a href="/calendar/announced" type="button" class="usa-button text-uppercase btn-blue" style="margin-left: 0.03em;">Explore Announcements</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="display-flex margin-bottom-6">
        <div class="grid-container">
            <div class="grid-row">
                <div class="grid-col-12">
                    <div class="font-override-std ftc-blue font-body-3xl text-light text-left">Best Seats in Fairfield County</div>
                    <div class="display-flex ftc-red text-bold font-body-2xs flex-align-center text-uppercase margin-top-1 font-override-std"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/ftc_favicon_2023site.ico" class="width-2 margin-right-05">Four Spaces, Endless Vibes</div>
                </div>
            </div>
            <div class="grid-row tablet:grid-gap-5">
                <div class="grid-col-12 tablet:grid-col-6  padding-0 margin-top-6">
                    <a class="text-no-underline" href="/venue/stageone">
                        <div class="width-full homepage-venue-image" style="background-image: url('https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/stageone_venuepic_sm.jpg');">
                            <div class="grid-row display-flex flex-align-end flex-justify-start height-full">
                                <div class="grid-col-12 padding-top-2 venue-overlay">
                                    <div class="font-override-cond fw-900 font-body-2xl text-bold text-white margin-left-neg-05">STAGEONE</div>
                                    <div class="font-body-xs text-white padding-left-2 margin-bottom-4 font-override-std">225 Capacity  |  Let’s Get Intimate</div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <p class="font-body-xs margin-top-3 line-height-body-3 font-override-std text-black">StageOne is consistently <b>voted as the best place to hear live music</b> in the entire region
                        because of the quality of the sound, the intimacy of the space, and the caliber of the artists.
                    </p>
                    <a href="/venue/stageone" class="text-bold margin-top-3 font-override-std ftc-blue text-no-underline">LEARN MORE ABOUT <span class="ftc-red">STAGEONE</span></a>
                </div>
                <div class="grid-col-12 tablet:grid-col-6 padding-0 margin-top-6">
                    <a class="text-no-underline" href="/venue/warehouse">
                        <div class="width-full homepage-venue-image" style="background-image: url('https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/warehouse_venue_new_sm_1242023.jpg');">
                            <div class="grid-row display-flex flex-align-end flex-justify-start height-full">
                                <div class="grid-col-12 padding-top-2 venue-overlay">
                                    <div class="font-override-cond fw-900 font-body-2xl text-white margin-left-neg-05">THE WAREHOUSE</div>
                                    <div class="font-body-xs text-white padding-left-2 margin-bottom-4 font-override-std">640 Capacity  |  Industrial Chic</div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <p class="font-body-xs margin-top-3 line-height-body-3 font-override-std text-black"><b>Architecturally designed</b> to accommodate the widest variety of programming,
                        The Warehouse at FTC pairs a classic industrial feel with state of the art construction and staging.
                    </p>
                    <a href="/venue/warehouse" class="text-bold margin-top-3 font-override-std ftc-blue text-no-underline">LEARN MORE ABOUT <span class="ftc-red">THE WAREHOUSE</span></a>
                </div>
                <div class="grid-col-12 tablet:grid-col-6 padding-0 margin-top-6">
                    <a class="text-no-underline" href="/venue/lot">
                        <div class="width-full homepage-venue-image" style="background-image: url('https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/lot_venue_ddcc_sm.jpg');">
                            <div class="grid-row display-flex flex-align-end flex-justify-start height-full">
                                <div class="grid-col-12 padding-top-2 venue-overlay">
                                    <div class="font-override-cond fw-900 font-body-2xl text-white margin-left-neg-05">THE LOT</div>
                                    <div class="font-body-xs text-white padding-left-2 margin-bottom-4 font-override-std">500 Capacity  |  Takin' It To The Streets</div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <p class="font-body-xs margin-top-3 line-height-body-3 font-override-std text-black"><b>The great outdoors</b> with a kick-ass sound system. Take in a deep breath of fresh air and let the music do the rest.
                    </p>
                    <a href="/venue/lot" class="text-bold margin-top-3 font-override-std ftc-blue text-no-underline">LEARN MORE ABOUT <span class="ftc-red">THE LOT</span></a>
                </div>
                <div class="grid-col-12 tablet:grid-col-6 padding-0 margin-top-6">
                    <a class="text-no-underline" href="https://www.artplacegallery.org/" target="_blank">
                        <div class="width-full homepage-venue-image" style="background-image: url('https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/ftc_hp_gallery_venue_2_sm.jpg');">
                            <div class="grid-row display-flex flex-align-end flex-justify-start height-full">
                                <div class="grid-col-12 padding-top-2 venue-overlay">
                                    <div class="font-override-cond fw-900 font-body-2xl text-white margin-left-neg-05">THE GALLERY</div>
                                    <div class="font-body-xs text-white padding-left-2 margin-bottom-4 font-override-std">70 Capacity  |  A Place for Art</div>
                                </div>
                            </div>
                        </div>
                    </a>
                    <p class="font-body-xs margin-top-3 line-height-body-3 font-override-std text-black"><b>Art/Place Gallery</b> celebrates over 40 years as a not-for-profit artist run gallery, located in the center of downtown Fairfield, Connecticut.
                    </p>
                    <a href="https://www.artplacegallery.org/" target="_blank" class="text-bold margin-top-3 font-override-std ftc-blue text-no-underline">LEARN MORE ABOUT <span class="ftc-red">ART/PLACE GALLERY</span></a>
                </div>
            </div>
        </div>
    </div>
    <div>
        <div class="program-bg-image flex-align-center display-flex padding-y-4 margin-bottom-4">
            <div class="grid-container">
                <div class="grid-row">
                    <div class="grid-col-12 margin-bottom-4">
                        <div class="font-override-std font-body-3xl text-white text-left text-light">Get With The Program</div>
                        <div class="display-flex ftc-red text-bold font-body-2xs flex-align-center text-uppercase margin-top-1 font-override-std"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/ftc_favicon_2023site.ico" class="width-2 margin-right-05">This is How We Do It</div>
                    </div>
                </div>
                <div class="grid-row flex-align-start tablet:grid-gap-lg desktop:grid-gap-0">
                    <div class="grid-col-12 tablet:grid-col-6 desktop:grid-col-6 margin-bottom-4">
                        <div class="line-height-body-3 font-heading-lg font-family-sans text-white font-override-std">
                            <b>We need you</b> to help us connect and enrich our community through the transforming power of the arts. We believe that our quality of life is richly influenced by opportunities to get out and come together in public places to enjoy <b>art, music, theatre, film, arts education</b> and all manner of <b>creative and intellectual discourse,</b> and to participate in these activities to the fullest.
                        </div>
                    </div>
                    <div class="grid-col-12 tablet:grid-col-6 desktop:grid-col-5 desktop:grid-offset-1">
                        <div class="grid-row">
                            <div class="grid-col-3 text-center">
                                <div>
                                    <a href="/calendar/?tag=34" class="text-no-underline">
                                        <img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/dot_music.svg" class="width-8 desktop:width-10">
                                        <div class="font-override-std text-white">Music</div>
                                    </a>
                                </div>
                            </div>
                            <div class="grid-col-3 text-center">
                                <div>
                                    <a href="/calendar/?tag=37" class="text-no-underline">
                                        <img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/dot_education.svg" class="width-8 desktop:width-10">
                                        <div class="font-override-std text-white">Education</div>
                                    </a>
                                </div>
                            </div>
                            <div class="grid-col-3 text-center">
                                <div>
                                     <a href="/calendar/?tag=23" class="text-no-underline">
                                        <img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/dot_comedy.svg" class="width-8 desktop:width-10">
                                        <div class="font-override-std text-white margin-x-1">Comedy</div>
                                    </a>
                                </div>
                            </div>
                            <div class="grid-col-3 text-center">
                                <div>
                                    <a href="/calendar/?tag=12" class="text-no-underline">
                                        <img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/dot_film.svg" class="width-8 desktop:width-10">
                                        <div class="font-override-std text-white">Film</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="grid-row margin-top-2">
                            <div class="grid-col-3 text-center">
                                <div>
                                    <a href="/calendar/?tag=35" class="text-no-underline">
                                        <img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/dot_special.svg" class="width-8 desktop:width-10">
                                        <div class="font-override-std text-white">Special<br/>Events</div>
                                    </a>
                                </div>
                            </div>
                            <div class="grid-col-3 text-center">
                                <div>
                                    <a href="/calendar/?tag=28" class="text-no-underline">
                                        <img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/dot_rental.svg" class="width-8 desktop:width-10">
                                        <div class="font-override-std text-white">Rental</div>
                                    </a>
                                </div>
                            </div>
                            <div class="grid-col-3 text-center">
                                <div>
                                    <a href="/calendar/?tag=36" class="text-no-underline">
                                        <img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/dot_member.svg" class="width-8 desktop:width-10">
                                        <div class="font-override-std text-white">Member</div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bg-white margin-bottom-4">
        <div class="grid-container">
            <div class="grid-row">
                <div class="grid-col-12">
                    <div class="font-override-std ftc-blue font-body-3xl text-light text-left">Show Your Support</div>
                    <a type="button" href="/support" class="display-flex ftc-red text-bold font-body-2xs flex-align-center text-uppercase margin-top-1 font-override-std text-no-underline"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/ftc_favicon_2023site.ico" class="width-2 margin-right-05"> What’s right for you?</a>
                </div>
            </div>
            <div class="grid-row flex-align-start margin-y-4 tablet:grid-gap-lg desktop:grid-gap-0">
                <div class="grid-col-12 tablet:grid-col-6 desktop:grid-col-6 margin-bottom-2">
                    <div class="line-height-body-3 font-heading-lg font-family-sans font-override-std ftc-blue"><b>Become a part of the family of FTC supporters</b> who are dedicated
                        to the premise that music and art in all its forms are absolutely vital to the
                        life of our community. It is only through your support that we have earned the reputation as a world-class center for arts and culture.
                    </div>
                </div>
                <div class="grid-col-12 tablet:grid-col-6 desktop:grid-col-5 desktop:grid-offset-1 display-flex flex-column">
                    <a href="/membership" type="button" class="usa-button text-uppercase margin-bottom-2 font-override-std btn-blue">Become a Member</a>
                    <a href="/sponsorship" type="button" class="usa-button text-uppercase margin-bottom-2 font-override-std btn-blue">Become a Sponsor</a>
                    <a href="/support" type="button" class="usa-button text-uppercase font-override-std btn-blue">Make a Donation</a>
                </div>
            </div>
        </div>
    </div>
</div>


    <footer class="usa-footer bg-black">
        <div class="usa-footer__primary-section bg-ftc-blue">
            <div class="flex-justify grid-row flex-align-start padding-y-5 padding-x-2 desktop:padding-x-8">
                <div class="grid-col-12 margin-bottom-3">
                    <a href="/">
                     <img class="width-card-lg" src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/ftc_metrologo_refresh_white.svg" alt="FTC Logo" />
                    </a>
                </div>
                <div class="grid-col-12 tablet:grid-col-3 flex-column">
                     <div class="flex-column margin-bottom-2">
                        <p class="font-body-3xs text-white margin-0 font-override-std"><span class="text-bold">Fairfield Theatre Company</span><br/>
                        70 Sanford Street<br/>
                        Fairfield, CT 06824<br/>
                        <a class="text-white text-no-underline" href="tel:203-319-1404">203.319.1404</a>
                        </p>
                    </div>
                    <div class="flex-column">
                        <p class="font-body-3xs text-white margin-0 font-override-std"><span class="text-bold">Box Office</span><br/>
                            <a class="text-white text-no-underline" href="tel:203-259-1036">203.259.1036</a><br/>
                            <a class="text-white text-no-underline" href="mailto:info@fairfieldtheatre.org">info@fairfieldtheatre.org</a><br/>
                            Hours: Tue-Sun | 11AM - 5PM<br>and During Shows
                        </p>
                    </div>
                </div>
                <div class="grid-col-6 tablet:grid-col-2 margin-top-4 tablet:margin-y-0">
                    <a href="/venue/info" class="font-body-3xs text-white text-no-underline font-override-std text-bold margin-bottom-1">Venue&nbsp;Info</a>
                    <ul class="usa-list--unstyled font-body-3xs text-no-underline flex-column margin-right-6">
                        <li class="padding-top-1">
                            <a href="/venue/stageone" class="text-white text-no-underline font-override-std">StageOne</a>
                        </li>
                        <li class="padding-top-1">
                            <a href="/venue/warehouse" target="_blank" class="text-white text-no-underline font-override-std">The&nbsp;Warehouse</a>
                        </li>
                        <li class="padding-top-1">
                            <a href="/venue/lot" target="_blank" class="text-white text-no-underline font-override-std">The&nbsp;Lot</a>
                        </li>
                        <li class="padding-top-1">
                            <a href="https://www.artplacegallery.org/" target="_blank" class="text-white text-no-underline font-override-std">Art/Place&nbsp;Gallery</a>
                        </li>
                        <li class="padding-top-1">
                            <a href="/rentals" target="_blank" class="text-white text-no-underline font-override-std">Rentals</a>
                        </li>
                        <li class="padding-top-1">
                            <a href="https://docs.google.com/forms/d/e/1FAIpQLSehO77qNC6K2Fkpyl_ugL9Gvo5EheFVmsFWbJG6YimNxMQgpA/viewform?usp=sf_link" target="_blank" class="text-white text-no-underline font-override-std">Bookings</a>
                        </li>
                    </ul>
                </div>
                <div class="grid-col-6 tablet:grid-col-2 margin-top-4 tablet:margin-y-0">
                    <a href="/about/ftc" class="font-body-3xs text-white text-no-underline font-override-std text-bold margin-bottom-1">About</a>
                    <ul class="usa-list--unstyled font-body-3xs text-no-underline flex-column margin-right-6">
                        <li class="padding-top-1">
                             <a href="/calendar/" class="text-white text-no-underline font-override-std">Calendar</a>
                        </li>
                        <li class="padding-top-1">
                            <a href="/terms" class="text-white text-no-underline font-override-std">Terms&nbsp;of&nbsp;Use</a>
                        </li>
                        <li class="padding-top-1">
                            <a href="/auto-renewal-terms" class="text-white text-no-underline font-override-std">Auto-Renewal&nbsp;Terms</a>
                        </li>
                        <li class="padding-top-1">
                            <a href="https://docs.google.com/forms/d/e/1FAIpQLSen7nQWLqJe3qQcJE8yzPhnqYBVaLHHFGL-WhrMEjJMV0sIBQ/viewform?usp=sf_link" class="text-white text-no-underline font-override-std">Press/Media&nbsp;Requests</a>
                        </li>
                        <li class="padding-top-1">
                           <a href="/careers" class="text-white text-no-underline font-override-std">Careers</a>
                        </li>
                        <li class="padding-top-1">
                           <a href="mailto:info@fairfieldtheatre.org?subject=Website Inquiry" class="text-white text-no-underline font-override-std">Any&nbsp;Questions?</a>
                        </li>
                    </ul>
                </div>
                <div class="grid-col-12 tablet:grid-col-2 margin-top-4 tablet:margin-y-0">
                    <a href="/support" class="font-body-3xs text-white text-no-underline font-override-std text-bold margin-bottom-1">Support&nbsp;FTC</a>
                    <ul class="usa-list--unstyled font-body-3xs text-no-underline flex-column margin-right-6">
                        <li class="padding-top-1">
                             <a href="https://boxoffice.fairfieldtheatre.org/donate/contribute1?ct=1&amount=100" class="text-white text-no-underline font-override-std">Donate</a>
                        </li>
                        <li class="padding-top-1">
                            <a href="/membership" class="text-white text-no-underline font-override-std">Membership</a>
                        </li>
                        <li class="padding-top-1">
                            <a href="/sponsorship" class="text-white text-no-underline font-override-std">Sponsorship</a>
                        </li>
                        <li class="padding-top-1">
                            <a href="https://docs.google.com/forms/d/e/1FAIpQLSfPxHoVv3Sl0zVLn1kd1ewMjoRhYXSEruKFCP2TkQUnY4WfLQ/viewform?usp=sf_link" class="text-white text-no-underline font-override-std">Volunteer</a>
                        </li>
                    </ul>
                </div>
                <div class="grid-col-12 tablet:grid-col-6 desktop:grid-col-3 margin-top-4 desktop:margin-top-0">
                    <div class="display-flex flex-justify flex-align-center social-icons margin-bottom-4">
                        <a href="https://www.instagram.com/ftcpresents" target="_blank"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/instagram.svg" class="width-3"></a>
                        <a href="https://twitter.com/FTCPresents" target="_blank"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/x-twitter.svg" class="width-3"></a>
                        <a href="https://www.facebook.com/FairfieldTheatreCompany" target="_blank"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/facebook.svg" class="width-3"></a>
                        <a href="https://www.youtube.com/@FairfieldTheatreCompany" target="_blank"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/youtube.svg" class="width-3"></a>
                        <a href="https://open.spotify.com/user/128560810" target="_blank"><img src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/assets/spotify.svg" class="width-3"></a>
                    </div>
                    <div class="grid-col-12 margin-bottom-4">
                       <div class="position-relative">
                           <form class="usa-form" method="post" action="https://tracking.wordfly.com/join/fairfieldtheatre">
                               <label>
                                   <input class="border-0 display-block width-full height-5 padding-105 font-override-std font-body-3xs" placeholder="Stay informed with e-mail updates" type="email" name="Email" required>
                               </label>
                                <button type="submit" class="border-0 position-absolute text-white font-body-xs top-0 right-0 height-5 minw-10 maxw-15 padding-105 font-override-std fw-500" style="background-color: #55636b;">Sign Up</button>
                           </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <script defer src="https://ftc-web-prod-static.fairfieldtheatre.org/ftc_templates/packages/uswds/js/uswds.min.js"></script>
    
<script async src="https://www.googletagmanager.com/gtag/js?id=G-J7T7S62CWJ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-J7T7S62CWJ' , {"linker": {"domains": ["boxoffice.fairfieldtheatre.org", "fairfieldtheatre.org", "www.fairfieldtheatre.org"]}}  );
</script>

    
<script>
    !function(f,b,e,v,n,t,s)
    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
    n.callMethod.apply(n,arguments):n.queue.push(arguments)};
    if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
    n.queue=[];t=b.createElement(e);t.async=!0;
    t.src=v;s=b.getElementsByTagName(e)[0];
    s.parentNode.insertBefore(t,s)}(window, document,'script',
    'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '277584305772801');
    fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=277584305772801&ev=PageView&noscript=1"
/></noscript>

    
<script type="text/javascript">
  var _sf_async_config = { uid: 22183, domain: 'fairfieldtheatre.org', useCanonical: true };
  (function() {
    function loadChartbeat() {
      window._sf_endpt = (new Date()).getTime();
      var e = document.createElement('script');
      e.setAttribute('language', 'javascript');
      e.setAttribute('type', 'text/javascript');
      e.setAttribute('src','//static.chartbeat.com/js/chartbeat.js');
      document.body.appendChild(e);
    };
    var oldonload = window.onload;
    window.onload = (typeof window.onload != 'function') ?
      loadChartbeat : function() { oldonload(); loadChartbeat(); };
  })();
</script>

</body>
</html>