<div class="overlay js-overlay"></div>
<div class="header-container js-header-container">
    <div class="header-ad">
        <div class="ad-container">
            <a href="#">
                <picture>
                    <source srcset="/assets/images/ads/728x90.jpg" media="(min-width: 769px)">
                    <img src="/assets/images/ads/300x50.jpg" alt="Ad for Peter Pan at National Theatre Live with young man floating in the sky" />
                </picture>
            </a>
        </div>

    </div>
    <header class="header contain js-header">
        <div class="header-main">
            <div class="header-btns">
                <button class="btn header-btn-menu-open js-header-btn-menu-open">
          <svg class="icon icon--menu">
  <use xlink:href="/assets/icons/sprite-sheet.svg#menu"></use>
</svg>
          <span class="visually-hidden">Menu</span>
        </button>

                <button class="btn header-btn-menu-close js-header-btn-menu-close">
    <svg class="icon icon--close">
  <use xlink:href="/assets/icons/sprite-sheet.svg#close"></use>
</svg>
    <span class="visually-hidden">Close Menu</span>
  </button>

            </div>
            <div class="header-logo">
                <a href="#">
                    <img src="/assets/images/logos/theatermania-notag-white.svg" alt="Theatermania Logo" />
                </a>
            </div>
            <div class="header-search-container js-header-search">
                <div class="header-btns">
                    <button class="btn header-btn-search-open js-header-btn-search-open">
            <svg class="icon icon--search">
  <use xlink:href="/assets/icons/sprite-sheet.svg#search"></use>
</svg>
            <span class="visually-hidden">Search</span>
          </button>
                    <button class="btn header-btn-search-close js-header-btn-search-close">
            <svg class="icon icon--close">
  <use xlink:href="/assets/icons/sprite-sheet.svg#close"></use>
</svg>
            <span class="visually-hidden">Close Search</span>
          </button>
                </div>
                <div class="header-search">
                    <div class="search-block">
                        <form class="search-block-form">
                            <label for="search" class="label visually-hidden">Search</label>
                            <input class="input search-block-form__input js-input-search" name="search" id="search" type="search" placeholder="Search city, actor or keyword..." />
                            <svg class="icon icon--search">
  <use xlink:href="/assets/icons/sprite-sheet.svg#search"></use>
</svg>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-nav-container js-header-nav">
            <div class="header-nav-items">
                <nav class="header-nav">
                    <ul class="header-nav__list js-header-nav-list">
                        <li class="nav-list-item">
                            <button class="btn nav-link-item js-nav-secondary">
                  Tickets &amp; Discounts
                  <svg class="icon icon--arrow-bottom">
  <use xlink:href="/assets/icons/sprite-sheet.svg#arrow-bottom"></use>
</svg>
                </button>
                            <ul class="header-nav__list-secondary">
                                <li class="header-nav-close">
                                    <button class="btn btn--close btn--close--submenu js-btn-close--submenu">
    <svg class="icon icon--close">
  <use xlink:href="/assets/icons/sprite-sheet.svg#close"></use>
</svg>
    <span class="visually-hidden">Close Menu</span>
  </button>
                                </li>
                                <li class="sublist sublist--main">
                                    <div class="section-title">
                                        <svg class="icon icon--star">
  <use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg>
                                        <h2 class="title-highlight">New York City</h2>
                                    </div>
                                    <ul class="header-nav__sublist">
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Broadway</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Broadway Discounts</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Off-Broadway</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">All New York City</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="sublist">
                                    <div class="section-title">
                                        <svg class="icon icon--map-pin">
  <use xlink:href="/assets/icons/sprite-sheet.svg#map-pin"></use>
</svg>
                                        <h2 class="title-highlight">Other Cities</h2>
                                    </div>
                                    <ul class="header-nav__sublist">
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Boston</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Chicago</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Dallas</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Los Angeles</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Miami</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Minneapolis</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Philadelphia</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">San Diego</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">San Francisco</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Seattle</a>
                                        </li>
                                        <li class="nav-list-item">
                                            <a href="#" class="nav-link-item">Washington D.C.</a>
                                        </li>
                                    </ul>
                                    <a href="#" class="btn btn--base btn--primary btn--submenu">See All Cities</a>
                                </li>
                            </ul>
                        </li>
                        <li class="nav-list-item">
                            <a href="#nav-link" class="nav-link-item">News &amp; Reviews</a>
                        </li>
                        <li class="nav-list-item">
                            <button class="btn nav-link-item js-nav-secondary">
                  Theater Clubs
                  <svg class="icon icon--arrow-bottom">
  <use xlink:href="/assets/icons/sprite-sheet.svg#arrow-bottom"></use>
</svg>
                </button>
                            <ul class="header-nav__list-secondary">
                                <li class="header-nav-close">
                                    <button class="btn btn--close btn--close--submenu js-btn-close--submenu">
    <svg class="icon icon--close">
  <use xlink:href="/assets/icons/sprite-sheet.svg#close"></use>
</svg>
    <span class="visually-hidden">Close Menu</span>
  </button>
                                </li>
                                <li class="sublist-title">
                                    <div class="section-title">
                                        <svg class="icon icon--tickets">
  <use xlink:href="/assets/icons/sprite-sheet.svg#tickets"></use>
</svg>
                                        <h2 class="title-highlight">Complimentary and Deeply Discounted Shows</h2>
                                    </div>
                                    <span class="sublist-copy">Broadway, Off-Broadway, Concerts, Sports, Movie Screenings, Comedy, Dance and much more.</span>
                                </li>
                                <li class="nav-list-item nav-list-item--clubs">
                                    <a href="#">
                                        <div class="nav-image-container">
                                            <picture>
                                                <source srcset="/assets/images/nav/newyorkClub.jpg" media="(min-width: 768px)">
                                                <img srcset="/assets/images/nav/newyorkClubSmall.jpg" class="nav-image" alt="New York City skyline at dusk" />
                                            </picture>
                                            <span class="nav-image-link">New York</span>
                                        </div>
                                    </a>
                                </li>
                                <li class="nav-list-item nav-list-item--clubs">
                                    <a href="#">
                                        <div class="nav-image-container">
                                            <picture>
                                                <source srcset="/assets/images/nav/bostonClub.jpg" media="(min-width: 768px)">
                                                <img srcset="/assets/images/nav/bostonClubSmall.jpg" class="nav-image" alt="Boston skyline at dusk near waterfront" />
                                            </picture>
                                            <span class="nav-image-link">Boston</span>
                                        </div>
                                    </a>
                                </li>
                                <li class="nav-list-item nav-list-item--clubs">
                                    <a href="#">
                                        <div class="nav-image-container">
                                            <picture>
                                                <source srcset="/assets/images/nav/londonClub.jpg" media="(min-width: 768px)">
                                                <img srcset="/assets/images/nav/londonClubSmall.jpg" class="nav-image" alt="London skyline at night with Big Ben" />
                                            </picture>
                                            <span class="nav-image-link">London</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li class="nav-list-item">
                            <button class="btn nav-link-item js-nav-secondary">
                  Newsletter
                  <svg class="icon icon--arrow-bottom">
  <use xlink:href="/assets/icons/sprite-sheet.svg#arrow-bottom"></use>
</svg>
                </button>
                            <ul class="header-nav__list-secondary header-nav__list-secondary--newsletter">
                                <li class="header-nav-close">
                                    <button class="btn btn--close btn--close--submenu js-btn-close--submenu">
    <svg class="icon icon--close">
  <use xlink:href="/assets/icons/sprite-sheet.svg#close"></use>
</svg>
    <span class="visually-hidden">Close Menu</span>
  </button>
                                </li>
                                <li class="sublist-title">
                                    <div class="section-title">
                                        <svg class="icon icon--email">
  <use xlink:href="/assets/icons/sprite-sheet.svg#email"></use>
</svg>
                                        <h2 class="title-highlight">Discount Ticket Email Offers</h2>
                                    </div>
                                </li>
                                <li class="nav-list-item nav-list-item--newsletter">
                                    <div class="nav-newsletter">
                                        <p class="newsletter-copy js-newsletter-copy">Discount email offers for a wide variety of Broadway, Off-Broadway and regional shows.</p>
                                        <div class="newsletter-form-container js-newsletter-form-container">
                                            <div class="newsletter-confirmation visually-hidden js-newsletter-confirmation">
                                                <svg class="icon icon--checkmark">
  <use xlink:href="/assets/icons/sprite-sheet.svg#checkmark"></use>
</svg>
                                                <div class="newsletter-confirmation__info">
                                                    <p>Thank you for signing up. We&#x27;ll send you a welcome message shortly.</p>
                                                    <p class="newsletter-customize">You can <a href="#">customize your preferences </a>at any time.</p>
                                                </div>
                                            </div>
                                            <form class="newsletter-form js-newsletter-form">
                                                <div class="newsletter-error visually-hidden js-newsletter-error">
                                                    <svg class="icon icon--error">
  <use xlink:href="/assets/icons/sprite-sheet.svg#error"></use>
</svg>
                                                    <span class="input-error">Please enter a valid email address.</span>
                                                </div>
                                                <div class="form-input">
                                                    <div class="validation js-validation">
                                                        <input type="email" name="email" id="email" class="input validation-item js-newsletter-input" placeholder="Enter your email address">
                                                    </div>
                                                </div>

                                                <button class="btn btn--base btn--cta js-newsletter-btn">
  Sign Up
</button>

                                            </form>
                                        </div>

                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </nav>
                <div class="header-social">
                    <div class="social">
                        <ul class="social__list" aria-label="Social network profiles">
                            <li class="social-list-item">
                                <a href="#facebook-url">
                                    <svg class="icon icon--facebook">
  <use xlink:href="/assets/icons/sprite-sheet.svg#facebook"></use>
</svg>
                                    <span class="visually-hidden">Facebook</span>
                                </a>
                            </li>
                            <li class="social-list-item">
                                <a href="#twitter-url">
                                    <svg class="icon icon--twitter">
  <use xlink:href="/assets/icons/sprite-sheet.svg#twitter"></use>
</svg>
                                    <span class="visually-hidden">Twitter</span>
                                </a>
                            </li>
                            <li class="social-list-item">
                                <a href="#youtube-url">
                                    <svg class="icon icon--youtube">
  <use xlink:href="/assets/icons/sprite-sheet.svg#youtube"></use>
</svg>
                                    <span class="visually-hidden">YouTube</span>
                                </a>
                            </li>
                            <li class="social-list-item">
                                <a href="#instagram-url">
                                    <svg class="icon icon--instagram">
  <use xlink:href="/assets/icons/sprite-sheet.svg#instagram"></use>
</svg>
                                    <span class="visually-hidden">Instagram</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </header>
</div>

<main>
    <div class="text-banner">
        <div class="text-banner__info contain">
            <img class="thumbnail text-banner__info-image" src="/assets/images/guidepage/chicagoFringe.jpg" alt="Placeholder alt" />
            <div class="text-banner__info--copy">
                <h1 class="heading-xlarge">Chicago Fringe Festival</h1>
                <div class="text-banner-text-container">
                    <p class="text-banner-info-text">This year marks 400 years since the death of the most important playwright in the world. To celebrate, theatre companies and cultural hubs up and down the country are staging shows and events throughout the year.</p>
                </div>
            </div>
        </div>
        <div class="text-banner__image">
            <div class="banner">
                <img src="/assets/images/guidepage/banner2.jpg" alt="image-alt" class="banner-image" />
            </div>

        </div>
    </div>

    <div class="guide-page contain">
        <section class="content">
            <div class="section-title">
                <svg class="icon icon--article">
  <use xlink:href="/assets/icons/sprite-sheet.svg#article"></use>
</svg>
                <h2 id="related_articles" class="title-highlight">Articles Related to the Chicago Fringe Festival</h2>
            </div>
            <ul aria-labelledby="related_articles" class="content__list content__list--related">
                <li class="content-list-item">
                    <a href="#article-link" class="content-link-image">
                        <img src="/assets/images/articles/related1.jpg" alt="Patti LuPone smiling in front of awards banner" class="thumbnail" />
                    </a>

                    <div class="content-list-info">
                        <a href="#" class="content-link-title">Patti LuPone and Seth Rudetsky to Team Up for Deconstructing Patti Concert</a>
                        <div class="content-info">
                            <div>Theater News</div>
                        </div>
                    </div>
                </li>
                <li class="content-list-item">

                    <a href="#video-link" class="thumbnail-video-link content-link-image">
                        <div class="thumbnail-overlay-container">
                            <svg class="icon icon--play">
  <use xlink:href="/assets/icons/sprite-sheet.svg#play"></use>
</svg>
                            <img src="/assets/images/articles/related2.jpg" alt="Children on stage in school uniforms performing a routine" class="thumbnail thumbnail--video" />
                        </div>
                    </a>

                    <div class="content-list-info">
                        <a href="#" class="content-link-title">School of Rock Becomes a Broadway Hit</a>
                        <div class="content-info">
                            <div>Theater News</div>
                        </div>
                    </div>
                </li>
                <li class="content-list-item">
                    <a href="#article-link" class="content-link-image">
                        <img src="/assets/images/articles/related3.jpg" alt="Actor Matt de Rogatis in denim jacket and trucker hat drinking a Lone Star beer" class="thumbnail" />
                    </a>

                    <div class="content-list-info">
                        <a href="#" class="content-link-title">James McLure&#x27;s Lone Star Finds Its Way Back to New York</a>
                        <div class="content-info">
                            <div>Interviews</div>
                        </div>
                    </div>
                </li>
                <li class="content-list-item">
                    <a href="#article-link" class="content-link-image">
                        <img src="/assets/images/articles/related4.jpg" alt="Actors perform a young couple sitting on a couch holding hands" class="thumbnail" />
                    </a>

                    <div class="content-list-info">
                        <a href="#" class="content-link-title">Arlington: Enda Walsh fuses drama and dance in a dystopian work of art at St. Ann&#x27;s Warehouse.</a>
                        <div class="content-info">
                            <div>Reviews</div>
                        </div>
                    </div>
                </li>
            </ul>
        </section>

        <div class="featured-shows">
            <ul class="show-listing show-listing--featured">
                <li class="show-listing-item show-listing-item--featured">
                    <div class="section-title">
                        <svg class="icon icon--star">
  <use xlink:href="/assets/icons/sprite-sheet.svg#star"></use>
</svg>
                        <h2 class="title-highlight">Featured Chicago Fringe Festival Show</h2>
                    </div>
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="show-image-featured" src="/assets/images/guidepage/missSaigon2.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">Miss Saigon</a>
                            <p class="show-description">An epic love story set in the last days of the Vietnam War.</p>
                        </div>
                        <div class="show-button">
                        </div>
                    </div>

                </li>
                <li class="show-listing-item show-listing-item--featured">
                    <div class="section-title">
                        <svg class="icon icon--calendar">
  <use xlink:href="/assets/icons/sprite-sheet.svg#calendar"></use>
</svg>
                        <h2 id="most_viewed_articles" class="title-highlight">Featured Chicago Fringe Festival Event</h2>
                    </div>
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="show-image-featured" src="/assets/images/guidepage/fringeFestival.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">The Broadway Fringe Festival</a>
                            <p class="show-description">Join the fun and see over 150 plays, musicals and improv comedy all over Broadway!</p>
                        </div>
                        <div class="show-button">
                        </div>
                    </div>

                </li>
            </ul>
        </div>
        <section class="show-listing-container">
            <div class="section-title">
                <svg class="icon icon--info">
  <use xlink:href="/assets/icons/sprite-sheet.svg#info"></use>
</svg>
                <h2 id="shows" class="title-highlight">Chicago Fringe Festival Shows</h2>
            </div>
            <ul class="show-listing">
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/1984.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">1984</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Hudson Theatre</a>
                                <div class="tags">
                                    <ul class="tags__list" aria-label="Tags list">
                                        <li class="tags-list-item tags-list-item--text">
                                            Drama
                                        </li>
                                        <li class="tags-list-item tags-list-item--text">
                                            Play
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="show-button">
                            <button class="btn btn--base btn--cta">
  Buy Tickets ($35+)
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/aladdin.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">Aladdin</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">New Amsterdam Theatre</a>
                                <div class="tags">
                                    <ul class="tags__list" aria-label="Tags list">
                                        <li class="tags-list-item tags-list-item--text">
                                            Family
                                        </li>
                                        <li class="tags-list-item tags-list-item--text">
                                            Musical
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="show-button">
                            <button class="btn btn--base btn--cta">
  Buy Tickets ($50+)
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/anastasia.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">Anastasia</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Broadhurst Theatre</a>
                                <div class="tags">
                                    <ul class="tags__list" aria-label="Tags list">
                                        <li class="tags-list-item tags-list-item--text">
                                            Drama
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="show-button">
                            <button class="btn btn--base btn--cta">
  Buy Tickets ($69+)
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/bandsvisit.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">The Band&#x27;s Visit</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Ethel Barrymore Theatre</a>
                                <div class="tags">
                                    <ul class="tags__list" aria-label="Tags list">
                                        <li class="tags-list-item tags-list-item--text">
                                            Musical
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="show-button">
                            <div class="show-notice">
                                <svg class="icon icon--tickets">
  <use xlink:href="/assets/icons/sprite-sheet.svg#tickets"></use>
</svg>
                                <span class="show-notice-item">Save 55%</span>
                            </div>
                            <button class="btn btn--base btn--primary">
  Discount Tickets ($59+)
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/bandstand.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">Bandstand</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Bernard B. Jacobs Theatre</a>
                                <div class="tags">
                                    <ul class="tags__list" aria-label="Tags list">
                                        <li class="tags-list-item tags-list-item--text">
                                            Musical
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="show-button">
                            <button class="btn btn--base btn--cta">
  Buy Tickets ($59+)
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/beautiful.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">Beautiful: The Carole King Musical</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Stephen Sondheim Theatre</a>
                            </div>
                        </div>
                        <div class="show-button">
                            <button class="btn btn--base btn--cta">
  Buy Tickets ($59+)
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/bom.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">The Book of Mormon</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Eugene O&#x27;Neill Theatre</a>
                                <div class="tags">
                                    <ul class="tags__list" aria-label="Tags list">
                                        <li class="tags-list-item tags-list-item--text">
                                            Comedy
                                        </li>
                                        <li class="tags-list-item tags-list-item--text">
                                            Musical
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="show-button">
                            <button class="btn btn--base btn--cta">
  Buy Tickets ($69+)
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/bronxtale.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">A Bronx Tale - The Musical</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Longacre Theatre</a>
                            </div>
                        </div>
                        <div class="show-button">
                            <button class="btn btn--base btn--cta">
  Buy Tickets ($45+)
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/cats.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">Cats</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Neil Simon Theatre</a>
                                <div class="tags">
                                    <ul class="tags__list" aria-label="Tags list">
                                        <li class="tags-list-item tags-list-item--text">
                                            Play
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="show-button">
                            <div class="show-notice">
                                <svg class="icon icon--tickets">
  <use xlink:href="/assets/icons/sprite-sheet.svg#tickets"></use>
</svg>
                                <span class="show-notice-item">Save 35%</span>
                            </div>
                            <button class="btn btn--base btn--primary">
  Discount Tickets ($59+)
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/charliechocolate.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">Charlie and the Chocolate Factory</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Lunt-Fontanne Theatre</a>
                            </div>
                        </div>
                        <div class="show-button">
                            <button class="btn btn--base btn--cta">
  Buy Tickets ($69+)
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/chicago.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">Chicago</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Ambassador Theatre</a>
                                <div class="tags">
                                    <ul class="tags__list" aria-label="Tags list">
                                        <li class="tags-list-item tags-list-item--text">
                                            Musical
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="show-button">
                            <div class="show-notice">
                                <svg class="icon icon--tickets">
  <use xlink:href="/assets/icons/sprite-sheet.svg#tickets"></use>
</svg>
                                <span class="show-notice-item">Save 60%</span>
                            </div>
                            <button class="btn btn--base btn--primary">
  Discount Tickets ($50+)
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/comefromaway.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">Come From Away</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Schoenfeld Theatre</a>
                                <div class="tags">
                                    <ul class="tags__list" aria-label="Tags list">
                                        <li class="tags-list-item tags-list-item--text">
                                            Play
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="show-button">
                            <button class="btn btn--base btn--cta">
  Buy Tickets ($47+)
</button>

                        </div>
                    </div>

                </li>
            </ul>
            <div class="show-listing-item-ad">
                <div class="ad-container">
                    <a href="#">
                        <picture>
                            <source srcset="/assets/images/ads/728x90.jpg" media="(min-width: 769px)">
                            <img src="/assets/images/ads/300x250.jpg" alt="Ad for Peter Pan at National Theatre Live with young man floating in the sky" />
                        </picture>
                    </a>
                </div>

            </div>
            <ul class="show-listing">
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/dearevanhansen.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">Dear Evan Hansen</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Music Box Theatre</a>
                                <div class="tags">
                                    <ul class="tags__list" aria-label="Tags list">
                                        <li class="tags-list-item tags-list-item--text">
                                            Comedy
                                        </li>
                                        <li class="tags-list-item tags-list-item--text">
                                            Musical
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="show-button">
                            <button class="btn btn--base btn--cta">
  Buy Tickets ($49+)
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/dollshouse.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">A Doll&#x27;s House, Part 2</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">John Golden Theatre</a>
                                <div class="tags">
                                    <ul class="tags__list" aria-label="Tags list">
                                        <li class="tags-list-item tags-list-item--text">
                                            Musical
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="show-button">
                            <button class="btn btn--base btn--cta">
  Buy Tickets ($39+)
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/escapemargaritaville.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">Escape to Margaritaville</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Marquis Theatre</a>
                                <div class="show-details-date">
                                    <svg class="icon icon--clock">
  <use xlink:href="/assets/icons/sprite-sheet.svg#clock"></use>
</svg>
                                    <span class="show-details-item show-details-item--date">Previews Febuary 16, 2018</span>
                                </div>
                            </div>
                        </div>
                        <div class="show-button">
                            <button class="btn btn--base" disabled>
  On Sale Soon
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/farinelli.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">Farinelli and the King</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Belasco Theatre</a>
                                <div class="show-details-date">
                                    <svg class="icon icon--clock">
  <use xlink:href="/assets/icons/sprite-sheet.svg#clock"></use>
</svg>
                                    <span class="show-details-item show-details-item--date">Previews December 5, 2017</span>
                                </div>
                            </div>
                        </div>
                        <div class="show-button">
                            <button class="btn btn--base" disabled>
  On Sale Soon
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/greatcomet.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">The Great Comet</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Imperial Theatre</a>
                                <div class="tags">
                                    <ul class="tags__list" aria-label="Tags list">
                                        <li class="tags-list-item tags-list-item--text">
                                            Comedy
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="show-button">
                            <button class="btn btn--base btn--cta">
  Buy Tickets ($59+)
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/groundhog.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">Groundhog Day</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">August Wilson Theatre</a>
                                <div class="show-details-date">
                                    <svg class="icon icon--clock">
  <use xlink:href="/assets/icons/sprite-sheet.svg#clock"></use>
</svg>
                                    <span class="show-details-item show-details-item--date">Opens April 22, 2018</span>
                                </div>
                                <div class="tags">
                                    <ul class="tags__list" aria-label="Tags list">
                                        <li class="tags-list-item tags-list-item--text">
                                            Comedy
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="show-button">
                            <button class="btn btn--base" disabled>
  On Sale Soon
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/hamilton.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">Hamilton</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Richard Rodgers Theatre</a>
                                <div class="tags">
                                    <ul class="tags__list" aria-label="Tags list">
                                        <li class="tags-list-item tags-list-item--text">
                                            Drama
                                        </li>
                                        <li class="tags-list-item tags-list-item--text">
                                            Musical
                                        </li>
                                        <li class="tags-list-item tags-list-item--text">
                                            Mature
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="show-button">
                            <button class="btn btn--base btn--cta">
  Buy Tickets ($65+)
</button>

                        </div>
                    </div>

                </li>
                <li class="show-listing-item">
                    <div class="show-listing-show">
                        <a class="show-image" href="#">
                            <img class="thumbnail" src="/assets/images/guidepage/harrypotter.jpg" alt="Example alt" />
                        </a>
                        <div class="show-info">
                            <a class="show-title" href="#">Harry Potter and the Cursed Child</a>
                            <div class="show-details">
                                <a href="#" class="show-details-item">Lyric Theatre</a>
                                <div class="show-details-date">
                                    <svg class="icon icon--clock">
  <use xlink:href="/assets/icons/sprite-sheet.svg#clock"></use>
</svg>
                                    <span class="show-details-item show-details-item--date">Previews September 14, 2017</span>
                                </div>
                                <div class="tags">
                                    <ul class="tags__list" aria-label="Tags list">
                                        <li class="tags-list-item tags-list-item--text">
                                            Family
                                        </li>
                                        <li class="tags-list-item tags-list-item--text">
                                            Play
                                        </li>
                                        <li class="tags-list-item tags-list-item--text">
                                            Comedy
                                        </li>
                                    </ul>
                                </div>

                            </div>
                        </div>
                        <div class="show-button">
                            <div class="show-notice">
                                <svg class="icon icon--tickets">
  <use xlink:href="/assets/icons/sprite-sheet.svg#tickets"></use>
</svg>
                                <span class="show-notice-item">Save 60%</span>
                            </div>
                            <button class="btn btn--base btn--primary">
  Discount Tickets ($79+)
</button>

                        </div>
                    </div>

                </li>
            </ul>
        </section>
    </div>
</main>
<div class="ad-container ad-container--footer">
    <a href="#">
        <picture>
            <source srcset="/assets/images/ads/728x90.jpg" media="(min-width: 769px)">
            <img src="/assets/images/ads/300x250.jpg" alt="Ad for Peter Pan at National Theatre Live with young man floating in the sky" />
        </picture>
    </a>
</div>

<footer class="footer">
    <div class="footer-main contain">
        <div class="footer-logo">
            <a href="#">
                <img src="/assets/images/logos/theatermania-notag-white.svg" alt="Theatermania Logo" />
            </a>
        </div>
        <div class="footer-nav-items">
            <nav class="footer-nav">
                <ul class="footer-nav__list">
                    <li class="nav-list-item">
                        <span class="nav-link-item--title">Tickets &amp; Discounts</span>
                        <ul class="footer-nav__list footer-nav__list--secondary">
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Broadway &amp; New York Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Chicago Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Los Angeles Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Boston Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Las Vegas Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">London Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Miami Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Philadelphia Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">San Francisco Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Seattle Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Washington, D.C. Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Minneapolis / St. Paul Theater</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">See All Cities</a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-list-item">
                        <a href="#" class="nav-link-item">News &amp; Reviews</a>
                    </li>
                    <li class="nav-list-item">
                        <span class="nav-link-item--title">Theater Clubs</span>
                        <ul class="footer-nav__list footer-nav__list--secondary">
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">New York</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Boston</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">London</a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-list-item nav-list-item--newsletter">
                        <span class="nav-link-item--title">Newsletter</span>
                        <div class="nav-newsletter">
                            <div class="newsletter-form-container js-newsletter-form-container">
                                <div class="newsletter-confirmation visually-hidden js-newsletter-confirmation">
                                    <svg class="icon icon--checkmark">
  <use xlink:href="/assets/icons/sprite-sheet.svg#checkmark"></use>
</svg>
                                    <div class="newsletter-confirmation__info">
                                        <p>Thank you for signing up. We&#x27;ll send you a welcome message shortly.</p>
                                        <p class="newsletter-customize">You can <a href="#">customize your preferences </a>at any time.</p>
                                    </div>
                                </div>
                                <form class="newsletter-form js-newsletter-form">
                                    <div class="newsletter-error visually-hidden js-newsletter-error">
                                        <svg class="icon icon--error">
  <use xlink:href="/assets/icons/sprite-sheet.svg#error"></use>
</svg>
                                        <span class="input-error">Please enter a valid email address.</span>
                                    </div>
                                    <div class="form-input">
                                        <div class="validation js-validation">
                                            <label for="footer-email" class="label label--required visually-hidden">Email Address</label>

                                            <input type="email" name="email" id="footer-email" class="input validation-item js-newsletter-input" placeholder="Enter your email address">
                                        </div>
                                    </div>

                                    <button class="btn btn--base btn--cta js-newsletter-btn">
  Sign Up
</button>

                                </form>
                            </div>

                            <a href="#" class="nav-link-item nav-link-item--newsletter">Manage Email Preferences</a>
                        </div>
                    </li>
                    <li class="nav-list-item">
                        <span class="nav-link-item--title">Theatermania</span>
                        <ul class="footer-nav__list footer-nav__list--secondary">
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">About Us</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Contact Us</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Jobs</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Advertising</a>
                            </li>
                            <li class="nav-list-item">
                                <a href="#" class="nav-link-item">Submit Your Listing</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </nav>
            <div class="footer-social">
                <div class="social">
                    <ul class="social__list" aria-label="Social network profiles">
                        <li class="social-list-item">
                            <a href="#facebook-url">
                                <svg class="icon icon--facebook">
  <use xlink:href="/assets/icons/sprite-sheet.svg#facebook"></use>
</svg>
                                <span class="visually-hidden">Facebook</span>
                            </a>
                        </li>
                        <li class="social-list-item">
                            <a href="#twitter-url">
                                <svg class="icon icon--twitter">
  <use xlink:href="/assets/icons/sprite-sheet.svg#twitter"></use>
</svg>
                                <span class="visually-hidden">Twitter</span>
                            </a>
                        </li>
                        <li class="social-list-item">
                            <a href="#youtube-url">
                                <svg class="icon icon--youtube">
  <use xlink:href="/assets/icons/sprite-sheet.svg#youtube"></use>
</svg>
                                <span class="visually-hidden">YouTube</span>
                            </a>
                        </li>
                        <li class="social-list-item">
                            <a href="#instagram-url">
                                <svg class="icon icon--instagram">
  <use xlink:href="/assets/icons/sprite-sheet.svg#instagram"></use>
</svg>
                                <span class="visually-hidden">Instagram</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-tos">
        <div class="contain">
            <p class="footer-tos-copy">By providing information about entertainment and cultural events on this site, TheaterMania.com shall not be deemed to endorse, recommend, approve and/or guarantee such events, or any facts, views, advice and/or information contained therein.</p>
            <p class="footer-tos-copy">
                ©1999-2017 TheaterMania.com, Inc. All Rights Reserved.
                <a href="#" class="nav-link-item">Terms of Use</a> &amp; <a href="#" class="nav-link-item">Privacy Policy</a>
            </p>
        </div>
    </div>
</footer>
{{render '@header'}}
<main>
  {{render '@text-banner' text-banner-modifiers merge=true}}
  <div class="guide-page contain">
    {{render '@content-list' related-modifiers merge=true}}
    {{#if featured-show}}
      <div class="featured-shows">
        <ul class="show-listing show-listing--featured">
          {{#each featured-show}}
            <li class="show-listing-item show-listing-item--featured">
              {{render '@show-listing' featured-modifiers merge=true}}
            </li>
          {{/each}}
        </ul>
      </div>
    {{/if}}
    <section class="show-listing-container">
      {{render '@section-title' show-title-modifiers merge=true}}
      <ul class="show-listing">
        {{#each show}}
          {{#if ad}}
            </ul>
            <div class="show-listing-item-ad">
              {{render '@ads--728x90' ad-modifiers merge=true}}
            </div>
            <ul class="show-listing">
            {{else}}
            <li class="show-listing-item">
              {{render '@show-listing' listing-modifiers merge=true}}
            </li>
          {{/if}}
        {{/each}}
      </ul>
    </section>
  </div>
</main>
{{render '@ads--728x90' ad-modifiers-bottom merge=true}}
{{render '@footer'}}
{
  "text-banner-modifiers": {
    "title": "Chicago Fringe Festival",
    "info": "This year marks 400 years since the death of the most important playwright in the world. To celebrate, theatre companies and cultural hubs up and down the country are staging shows and events throughout the year.",
    "image": "guidepage/chicagoFringe.jpg",
    "image-alt": "Placeholder alt"
  },
  "ad-modifiers-bottom": {
    "class": "ad-container--footer",
    "imageSmall": "300x250.jpg"
  },
  "miniguide-title-modifiers": {
    "title": "Everything You Need to Know",
    "aria-id": "need_to_know",
    "icon": {
      "modifier": "info"
    }
  },
  "related-modifiers": {
    "aria-id": "related_articles",
    "ordered": null,
    "class": "related",
    "modifiers": {
      "title": "Articles Related to the Chicago Fringe Festival",
      "aria-id": "related_articles",
      "icon": {
        "modifier": "article"
      }
    },
    "article-links": [
      {
        "article": true,
        "title": "Patti LuPone and Seth Rudetsky to Team Up for Deconstructing Patti Concert",
        "thumbnail": true,
        "modifiers": {
          "picture": null,
          "image": "/assets/images/articles/related1.jpg",
          "image-alt": "Patti LuPone smiling in front of awards banner"
        },
        "info": [
          {
            "copy": "Theater News"
          }
        ]
      },
      {
        "article": true,
        "title": "School of Rock Becomes a Broadway Hit",
        "video": true,
        "modifiers": {
          "picture": null,
          "image": "/assets/images/articles/related2.jpg",
          "image-alt": "Children on stage in school uniforms performing a routine"
        },
        "info": [
          {
            "copy": "Theater News"
          }
        ]
      },
      {
        "article": true,
        "title": "James McLure's Lone Star Finds Its Way Back to New York",
        "video": null,
        "thumbnail": true,
        "modifiers": {
          "picture": null,
          "image": "/assets/images/articles/related3.jpg",
          "image-alt": "Actor Matt de Rogatis in denim jacket and trucker hat drinking a Lone Star beer"
        },
        "info": [
          {
            "copy": "Interviews"
          }
        ]
      },
      {
        "article": true,
        "title": "Arlington: Enda Walsh fuses drama and dance in a dystopian work of art at St. Ann's Warehouse.",
        "thumbnail": true,
        "modifiers": {
          "picture": null,
          "image": "/assets/images/articles/related4.jpg",
          "image-alt": "Actors perform a young couple sitting on a couch holding hands"
        },
        "info": [
          {
            "copy": "Reviews"
          }
        ]
      },
      {
        "article": null
      }
    ]
  },
  "featured-show": [
    {
      "featured-modifiers": {
        "section-title": true,
        "featured": true,
        "section-modifiers": {
          "title": "Featured Chicago Fringe Festival Show",
          "aria-id": null,
          "icon": {
            "modifier": "star"
          }
        },
        "image": "missSaigon2.jpg",
        "image-alt": "Example alt",
        "title": "Miss Saigon",
        "details": null,
        "description": "An epic love story set in the last days of the Vietnam War.",
        "buttonValue": "Buy Tickets ($39+)"
      }
    },
    {
      "featured-modifiers": {
        "section-title": true,
        "featured": true,
        "section-modifiers": {
          "title": "Featured Chicago Fringe Festival Event",
          "icon": {
            "modifier": "calendar"
          }
        },
        "image": "fringeFestival.jpg",
        "image-alt": "Example alt",
        "title": "The Broadway Fringe Festival",
        "details": null,
        "description": "Join the fun and see over 150 plays, musicals and improv comedy all over Broadway!",
        "buttonValue": "Buy Tickets ($15)"
      }
    }
  ],
  "show-title-modifiers": {
    "title": "Chicago Fringe Festival Shows",
    "aria-id": "shows",
    "icon": {
      "modifier": "info"
    }
  },
  "aria": "shows",
  "show": [
    {
      "listing-modifiers": {
        "image": "1984.jpg",
        "image-alt": "Example alt",
        "title": "1984",
        "theater": "Hudson Theatre",
        "thumbnail": true,
        "tags-modifier": {
          "tags": [
            {
              "text": true,
              "item": "Drama"
            },
            {
              "text": true,
              "item": "Play"
            }
          ]
        },
        "button-cta": true,
        "button-modifiers": {
          "buttonValue": "Buy Tickets ($35+)"
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "aladdin.jpg",
        "image-alt": "Example alt",
        "title": "Aladdin",
        "theater": "New Amsterdam Theatre",
        "thumbnail": true,
        "button-cta": true,
        "button-modifiers": {
          "buttonValue": "Buy Tickets ($50+)"
        },
        "tags-modifier": {
          "tags": [
            {
              "text": true,
              "item": "Family"
            },
            {
              "text": true,
              "item": "Musical"
            }
          ]
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "anastasia.jpg",
        "image-alt": "Example alt",
        "title": "Anastasia",
        "theater": "Broadhurst Theatre",
        "thumbnail": true,
        "button-cta": true,
        "button-modifiers": {
          "buttonValue": "Buy Tickets ($69+)"
        },
        "tags-modifier": {
          "tags": [
            {
              "text": true,
              "item": "Drama"
            }
          ]
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "bandsvisit.jpg",
        "image-alt": "Example alt",
        "title": "The Band's Visit",
        "theater": "Ethel Barrymore Theatre",
        "notice-copy": "Save 55%",
        "thumbnail": true,
        "button-discount": true,
        "button-modifiers": {
          "buttonValue": "Discount Tickets ($59+)"
        },
        "tags-modifier": {
          "tags": [
            {
              "text": true,
              "item": "Musical"
            }
          ]
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "bandstand.jpg",
        "image-alt": "Example alt",
        "title": "Bandstand",
        "theater": "Bernard B. Jacobs Theatre",
        "thumbnail": true,
        "button-cta": true,
        "button-modifiers": {
          "buttonValue": "Buy Tickets ($59+)"
        },
        "tags-modifier": {
          "tags": [
            {
              "text": true,
              "item": "Musical"
            }
          ]
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "beautiful.jpg",
        "image-alt": "Example alt",
        "title": "Beautiful: The Carole King Musical",
        "theater": "Stephen Sondheim Theatre",
        "thumbnail": true,
        "button-cta": true,
        "button-modifiers": {
          "buttonValue": "Buy Tickets ($59+)"
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "bom.jpg",
        "image-alt": "Example alt",
        "title": "The Book of Mormon",
        "theater": "Eugene O'Neill Theatre",
        "thumbnail": true,
        "button-cta": true,
        "button-modifiers": {
          "buttonValue": "Buy Tickets ($69+)"
        },
        "tags-modifier": {
          "tags": [
            {
              "text": true,
              "item": "Comedy"
            },
            {
              "text": true,
              "item": "Musical"
            }
          ]
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "bronxtale.jpg",
        "image-alt": "Example alt",
        "title": "A Bronx Tale - The Musical",
        "theater": "Longacre Theatre",
        "thumbnail": true,
        "button-cta": true,
        "button-modifiers": {
          "buttonValue": "Buy Tickets ($45+)"
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "cats.jpg",
        "image-alt": "Example alt",
        "title": "Cats",
        "theater": "Neil Simon Theatre",
        "notice-copy": "Save 35%",
        "thumbnail": true,
        "button-discount": true,
        "button-modifiers": {
          "buttonValue": "Discount Tickets ($59+)"
        },
        "tags-modifier": {
          "tags": [
            {
              "text": true,
              "item": "Play"
            }
          ]
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "charliechocolate.jpg",
        "image-alt": "Example alt",
        "title": "Charlie and the Chocolate Factory",
        "theater": "Lunt-Fontanne Theatre",
        "thumbnail": true,
        "button-cta": true,
        "button-modifiers": {
          "buttonValue": "Buy Tickets ($69+)"
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "chicago.jpg",
        "image-alt": "Example alt",
        "title": "Chicago",
        "theater": "Ambassador Theatre",
        "notice-copy": "Save 60%",
        "button-discount": true,
        "button-modifiers": {
          "buttonValue": "Discount Tickets ($50+)"
        },
        "tags-modifier": {
          "tags": [
            {
              "text": true,
              "item": "Musical"
            }
          ]
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "comefromaway.jpg",
        "image-alt": "Example alt",
        "title": "Come From Away",
        "theater": "Schoenfeld Theatre",
        "thumbnail": true,
        "button-cta": true,
        "button-modifiers": {
          "buttonValue": "Buy Tickets ($47+)"
        },
        "tags-modifier": {
          "tags": [
            {
              "text": true,
              "item": "Play"
            }
          ]
        }
      }
    },
    {
      "ad": true,
      "ad-modifiers": {
        "imageSmall": "300x250.jpg"
      }
    },
    {
      "listing-modifiers": {
        "image": "dearevanhansen.jpg",
        "image-alt": "Example alt",
        "title": "Dear Evan Hansen",
        "theater": "Music Box Theatre",
        "thumbnail": true,
        "button-cta": true,
        "button-modifiers": {
          "buttonValue": "Buy Tickets ($49+)"
        },
        "tags-modifier": {
          "tags": [
            {
              "text": true,
              "item": "Comedy"
            },
            {
              "text": true,
              "item": "Musical"
            }
          ]
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "dollshouse.jpg",
        "image-alt": "Example alt",
        "title": "A Doll's House, Part 2",
        "theater": "John Golden Theatre",
        "thumbnail": true,
        "button-cta": true,
        "button-modifiers": {
          "buttonValue": "Buy Tickets ($39+)"
        },
        "tags-modifier": {
          "tags": [
            {
              "text": true,
              "item": "Musical"
            }
          ]
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "escapemargaritaville.jpg",
        "image-alt": "Example alt",
        "title": "Escape to Margaritaville",
        "theater": "Marquis Theatre",
        "date": "Previews Febuary 16, 2018",
        "thumbnail": true,
        "button-disabled": true,
        "button-modifiers": {
          "buttonValue": "On Sale Soon"
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "farinelli.jpg",
        "image-alt": "Example alt",
        "title": "Farinelli and the King",
        "theater": "Belasco Theatre",
        "date": "Previews December 5, 2017",
        "thumbnail": true,
        "button-disabled": true,
        "button-modifiers": {
          "buttonValue": "On Sale Soon"
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "greatcomet.jpg",
        "image-alt": "Example alt",
        "title": "The Great Comet",
        "theater": "Imperial Theatre",
        "thumbnail": true,
        "button-cta": true,
        "button-modifiers": {
          "buttonValue": "Buy Tickets ($59+)"
        },
        "tags-modifier": {
          "tags": [
            {
              "text": true,
              "item": "Comedy"
            }
          ]
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "groundhog.jpg",
        "image-alt": "Example alt",
        "title": "Groundhog Day",
        "theater": "August Wilson Theatre",
        "date": "Opens April 22, 2018",
        "thumbnail": true,
        "button-disabled": true,
        "button-modifiers": {
          "buttonValue": "On Sale Soon"
        },
        "tags-modifier": {
          "tags": [
            {
              "text": true,
              "item": "Comedy"
            }
          ]
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "hamilton.jpg",
        "image-alt": "Example alt",
        "title": "Hamilton",
        "theater": "Richard Rodgers Theatre",
        "thumbnail": true,
        "button-cta": true,
        "button-modifiers": {
          "buttonValue": "Buy Tickets ($65+)"
        },
        "tags-modifier": {
          "tags": [
            {
              "text": true,
              "item": "Drama"
            },
            {
              "text": true,
              "item": "Musical"
            },
            {
              "text": true,
              "item": "Mature"
            }
          ]
        }
      }
    },
    {
      "listing-modifiers": {
        "image": "harrypotter.jpg",
        "image-alt": "Example alt",
        "title": "Harry Potter and the Cursed Child",
        "theater": "Lyric Theatre",
        "notice-copy": "Save 60%",
        "date": "Previews September 14, 2017",
        "thumbnail": true,
        "button-discount": true,
        "button-modifiers": {
          "buttonValue": "Discount Tickets ($79+)"
        },
        "tags-modifier": {
          "tags": [
            {
              "text": true,
              "item": "Family"
            },
            {
              "text": true,
              "item": "Play"
            },
            {
              "text": true,
              "item": "Comedy"
            }
          ]
        }
      }
    }
  ]
}

There are no notes for this item.