CINXE.COM

Home | Lyric Opera of Chicago

<!DOCTYPE html> <html lang="en" class=""> <head> <meta name="google-site-verification" content="6D6OK4_a84XiQX_ykmCM6tuAO0puOZUyGCvCmHKTTnc" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta charset="utf-8"> <meta property="og:url" content="https://www.lyricopera.org/"> <meta property="og:type"> <meta property="og:title" content="Home"> <meta property="og:description"> <meta property="og:image" content="https://www.lyricopera.org/globalassets/home-page/lyric_opera_of_chicago_1600x850.jpg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@LyricOpera" /> <meta name="twitter:creator" /> <meta name="twitter:title" content="Home" /> <meta name="twitter:description" /> <meta name="twitter:image" content="https://www.lyricopera.org/globalassets/home-page/lyric_opera_of_chicago_1600x850.jpg" /> <!-- FAVICONS--> <link rel="apple-touch-icon" sizes="180x180" href="/Static/images/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/Static/images/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/Static/images/favicon/favicon-16x16.png"> <link rel="manifest" href="/Static/images/favicon/site.webmanifest"> <link rel="mask-icon" href="/Static/images/favicon/safari-pinned-tab.svg" color="#932455"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="theme-color" content="#ffffff"> <link rel="canonical" href="https://www.lyricopera.org/" /> <title>Home | Lyric Opera of Chicago</title> <meta name="description" content="Lyric Opera of Chicago is redefining what it means to experience great opera today " /> <meta name="keywords" content="opera, Lyric Opera of Chicago" /> <meta name="robots" /> <link href="/css/bootstrap/css/bootstrap.css" rel="stylesheet"> <link href="/css/bootstrap/css/custom.css" rel="Stylesheet"> <link rel="stylesheet" href="/Static/stylesheets/v-638675221098667060/main.css" /> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NFD7FQJ');</script> <!-- End Google Tag Manager --> <meta name="google-site-verification" content="wNKrrb4trSOVrtTArSduKx5636J8DM90c0KtJ-VRi98" /> <meta name="facebook-domain-verification" content="de1ixrk6so921y6x5apsjec4zrj8ga" /> </head> <body id="body" class="mvc-wrapper "> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NFD7FQJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <a href="#mainContent" class="skiplink" id="skipLink">Skip to content</a> <header id="header" role="banner" class="lyric-banner"> <nav class="lyric-nav" id="navContainer" aria-label="Site Navigation"> <a href="/" class="lyric-nav-logo"> <div class="lyric-nav-logo-inner"> <span class="visually-hidden">Lyric Opera Homepage</span> <svg aria-hidden="true" class="lyric-nav-logo-svg"> <use xlink:href="#icon-logo-redesign"></use> </svg> </div> </a> <div class="lyric-nav-utility"> <ul class="lyric-nav-utility lyric-nav-utility-desktop"> <li class="lyric-nav-utility-link"> <a onclick="utilityNavGTM('Calendar')" href="/calendar/"> Calendar </a> </li> <li class="lyric-nav-utility-link"> <a onclick="utilityNavGTM('Login')" href="/account/"> Login </a> </li> <li class="lyric-nav-utility-link"> <a onclick="utilityNavGTM('Cart')" href="/cart/index.aspx" class="lyric-nav-cart"> Cart </a> </li> <li class="lyric-nav-utility-link"> <a onclick="utilityNavGTM('Donate')" href="/support-lyric/donate/"> Donate </a> </li> <li class="lyric-nav-utility-link lyric-nav-utility-link-search"> <button type="button" class="lyric-nav-search-trigger" aria-expanded="false" aria-controls="utilitySearch" data-search-trigger> <svg aria-hidden="true" class="lyric-nav-utility-svg"> <use xlink:href="#icon-search"></use> </svg> <span class="visually-hidden">Search</span> </button> </li> </ul> <div class="lyric-nav-utility-trigger"> <button class="lyric-nav-toggle" id="lyricNavTrigger" type="button" aria-controls="lyricNavPanel" aria-expanded="false" data-menu-trigger> <span> <span class="visually-hidden">Toggle mobile menu</span> </span> </button> </div> <div class="lyric-nav-panel lyric-nav-panel-main" id="lyricNavPanel" inert> <div class="lyric-nav-panel-inner"> <div class="lyric-nav-frame"> <ul class="lyric-nav-links"> <li class="lyric-nav-links-item"> <button aria-expanded="false" data-nav-image-src="/globalassets/home-page/navigation/shows-events_600x600.jpg" aria-controls="lyricNavLinkSubnav_0" class="lyric-nav-links-button" type="button" data-subnav-trigger>Shows &amp; events</button> <div class="lyric-nav-links-subnav" id="lyricNavLinkSubnav_0" inert> <div class="lyric-nav-subnav"> <ul class="lyric-nav-subnav-list"> <li class="lyric-nav-subnav-item"> <a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Calendar')" href="/calendar/">Calendar</a> </li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Upcoming')" href="/shows/upcoming/">Upcoming</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Tickets')" href="/shows/tickets/">Tickets</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Your visit')" href="/shows/your-visit/">Your visit</a></li> </ul> <ul class="lyric-nav-subnav-list"> <li class="lyric-nav-subnav-item"> <a class="lyric-nav-subnav-link" onclick="navItemClickGTM('New to opera?')" href="/shows/new-to-opera/">New to opera?</a> </li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Frequently asked questions')" href="/shows/frequently-asked-questions/">Frequently asked questions</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Performance Archive')" href="/shows/performance-archive/">Performance Archive</a></li> </ul> </div> </div> </li> <li class="lyric-nav-links-item"> <button aria-expanded="false" data-nav-image-src="/globalassets/home-page/learn_600x600.jpg" aria-controls="lyricNavLinkSubnav_1" class="lyric-nav-links-button" type="button" data-subnav-trigger>Learn &amp; engage</button> <div class="lyric-nav-links-subnav" id="lyricNavLinkSubnav_1" inert> <div class="lyric-nav-subnav"> <ul class="lyric-nav-subnav-list"> <li class="lyric-nav-subnav-item"> <a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Overview')" href="/learn-engage/">Overview</a> </li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Student &amp; teacher programs')" href="/learn-engage/student-and-teacher-programs/">Student &amp; teacher programs</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Family programs')" href="/learn-engage/family-programs/">Family programs</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Community programs')" href="/learn-engage/community-programs/">Community programs</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Teen programs')" href="/learn-engage/teen-programs/">Teen programs</a></li> </ul> <ul class="lyric-nav-subnav-list"> <li class="lyric-nav-subnav-item"> <a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Audience programs')" href="/learn-engage/audience-programs/">Audience programs</a> </li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Watch, listen, &amp; discover')" href="/learn-engage/watch-listen-discover/">Watch, listen, &amp; discover</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Streaming')" href="/learn-engage/watch-listen-discover/opera-streaming/">Streaming</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Support learning &amp; creative engagement')" href="/learn-engage/support-learning-and-civic-engagement/">Support learning &amp; creative engagement</a></li> </ul> </div> </div> </li> <li class="lyric-nav-links-item"> <button aria-expanded="false" data-nav-image-src="/globalassets/home-page/navigation/roc_600x600.jpg" aria-controls="lyricNavLinkSubnav_2" class="lyric-nav-links-button" type="button" data-subnav-trigger>Ryan Opera Center: artist training</button> <div class="lyric-nav-links-subnav" id="lyricNavLinkSubnav_2" inert> <div class="lyric-nav-subnav"> <ul class="lyric-nav-subnav-list"> <li class="lyric-nav-subnav-item"> <a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Overview')" href="/ryan-opera-center/">Overview</a> </li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('2024/25 Ensemble')" href="/ryan-opera-center/ryan-opera-center-ensemble/">2024/25 Ensemble</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Notable Alumni')" href="/ryan-opera-center/ryan-opera-center-alumni/">Notable Alumni</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Upcoming events')" href="/ryan-opera-center/events/">Upcoming events</a></li> </ul> <ul class="lyric-nav-subnav-list"> <li class="lyric-nav-subnav-item"> <a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Media')" href="/ryan-opera-center/media/">Media</a> </li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Support Ryan Opera Center')" href="/ryan-opera-center/ryan-opera-center-sponsorship/">Support Ryan Opera Center</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Auditions')" href="/ryan-opera-center/auditions/">Auditions</a></li> </ul> </div> </div> </li> <li class="lyric-nav-links-item"> <button aria-expanded="false" data-nav-image-src="/globalassets/home-page/navigation/support_600x600.jpg" aria-controls="lyricNavLinkSubnav_3" class="lyric-nav-links-button" type="button" data-subnav-trigger>Support Lyric</button> <div class="lyric-nav-links-subnav" id="lyricNavLinkSubnav_3" inert> <div class="lyric-nav-subnav"> <ul class="lyric-nav-subnav-list"> <li class="lyric-nav-subnav-item"> <a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Overview')" href="/support-lyric/">Overview</a> </li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Make a gift')" href="/support-lyric/donate/">Make a gift</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Support what you love')" href="/support-lyric/support-what-you-love/">Support what you love</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Major Investments')" href="/support-lyric/major-investments/">Major Investments</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Commemorative Gifts')" href="/support-lyric/commemorative-gifts/">Commemorative Gifts</a></li> </ul> <ul class="lyric-nav-subnav-list"> <li class="lyric-nav-subnav-item"> <a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Gift Matching')" href="/support-lyric/gift-matching/">Gift Matching</a> </li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Join Lyric!')" href="/support-lyric/join-lyric/">Join Lyric!</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Corporate Sponsorships')" href="/support-lyric/corporate-sponsorships/">Corporate Sponsorships</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Leave a Legacy')" href="/support-lyric/gift-planning/">Leave a Legacy</a></li> </ul> </div> </div> </li> <li class="lyric-nav-links-item"> <button aria-expanded="false" data-nav-image-src="/globalassets/home-page/navigation/about_lyric_600x600.jpg" aria-controls="lyricNavLinkSubnav_4" class="lyric-nav-links-button" type="button" data-subnav-trigger>About Lyric</button> <div class="lyric-nav-links-subnav" id="lyricNavLinkSubnav_4" inert> <div class="lyric-nav-subnav"> <ul class="lyric-nav-subnav-list"> <li class="lyric-nav-subnav-item"> <a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Overview')" href="/about/">Overview</a> </li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Vision')" href="/about/vision/">Vision</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Lyric Opera History')" href="/about/history/">Lyric Opera History</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Board Leadership')" href="/about/company/board-leadership/">Board Leadership</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Company')" href="/about/company/">Company</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Get involved')" href="/about/get-involved/">Get involved</a></li> </ul> <ul class="lyric-nav-subnav-list"> <li class="lyric-nav-subnav-item"> <a class="lyric-nav-subnav-link" onclick="navItemClickGTM('IDEA Values')" href="/about/IDEA/">IDEA Values</a> </li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Employment &amp; Auditions')" href="/about/employment-auditions/">Employment &amp; Auditions</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Private Events &amp; Rentals')" href="/about/private-events-and-rentals/">Private Events &amp; Rentals</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Financial Statements')" href="/about/financial-statements/">Financial Statements</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Press room')" href="/about/press-room/">Press room</a></li> <li class="lyric-nav-subnav-item"><a class="lyric-nav-subnav-link" onclick="navItemClickGTM('Contact us')" href="/about/contact/">Contact us</a></li> </ul> </div> </div> </li> </ul> <div class="lyric-nav-image-and-util"> <div class="lyric-nav-frame-utility"> <ul class="lyric-nav-utility lyric-nav-utility-mobile"> <li class="lyric-nav-utility-link"> <a onclick="utilityNavGTM('Calendar')" href="/calendar/"> Calendar </a> </li> <li class="lyric-nav-utility-link"> <a onclick="utilityNavGTM('Login')" href="/account/"> Login </a> </li> <li class="lyric-nav-utility-link"> <a onclick="utilityNavGTM('Cart')" href="/cart/index.aspx" class="lyric-nav-cart"> Cart </a> </li> <li class="lyric-nav-utility-link"> <a onclick="utilityNavGTM('Donate')" href="/support-lyric/donate/"> Donate </a> </li> <li class="lyric-nav-utility-link lyric-nav-utility-link-search"> <button type="button" class="lyric-nav-search-trigger" aria-expanded="false" aria-controls="utilitySearch" data-search-trigger> <svg aria-hidden="true" class="lyric-nav-utility-svg"> <use xlink:href="#icon-search"></use> </svg> <span class="visually-hidden">Search</span> </button> </li> </ul> </div> <div class="lyric-nav-frame-image"> <!-- Navigation Image --> <div class="lyric-nav-frame-image-inner"> <img src="/globalassets/home-page/navigation/default_600x600.jpg" data-nav-image-src="/globalassets/home-page/navigation/default_600x600.jpg" data-nav-image alt="" /> </div> </div> </div> </div> </div> </div> <div class="lyric-nav-panel lyric-nav-search" id="utilitySearch" inert data-search-form="utilitySearch"> <div class="lyric-nav-panel-inner"> <div class="lyric-nav-frame"> <button type="button" class="lyric-nav-search-close" aria-label="Close Search" data-search-close> <svg role="presentation"> <use xlink:href="#icon-close"></use> </svg> </button> <div class="search-form"> <h2 class="h4 lyric-nav-search-heading">Search</h2> <div class="search-container"> <label for="lyricNavSearchPanel" class="visually-hidden">Search Term</label> <input class="search-input" placeholder="Type your keyword here..." type="search" data-search-input id="lyricNavSearchPanel" /> <button class="search-btn" type="button" data-search-activate="lyricNavSearchPanel"><span class="visually-hidden">Submit Search</span></button> </div> </div> <button type="button" class="btn lyric-nav-search-back" data-search-back> Back to Main Menu </button> </div> </div> </div> </div> </nav> <input id="redirectUrl" name="redirectUrl" type="hidden" value="/search/" /> </header> <div class="lyric-main" id="lyricContainer"> <main class="lyric-main-inner" id="mainContent" tabindex="-1"> <section class="adage-block" id="homepageGallery"> <div data-homepage-carousel-container> <div class="home-carousel"> <div class="primary-carousel"> <div class="swiper-container" data-homepage-primary-carousel data-unique-id="homepageGallery" data-total-slides="3"> <div class="swiper-wrapper"> <div class="home-carousel-item swiper-slide" data-slide-index="1"> <div class="home-carousel-media-wrapper"> <div class="home-carousel-media-container"> <img src="/globalassets/home-page/figaro_homepage.jpg" style="object-position:"/> </div> </div> </div> <div class="home-carousel-item swiper-slide" data-slide-index="2"> <div class="home-carousel-media-wrapper"> <div class="home-carousel-media-container"> <img src="/globalassets/home-page/blue_homepage.jpg" style="object-position: top center" alt="Blue"/> </div> </div> </div> <div class="home-carousel-item swiper-slide" data-slide-index="3"> <div class="home-carousel-media-wrapper"> <div class="home-carousel-media-container"> <img src="/globalassets/home-page/giving-tuesday_homepage.jpg" style="object-position: center center"/> </div> </div> </div> </div> </div> </div> <div class="secondary-carousel"> <div class="swiper-container" data-homepage-secondary-carousel data-unique-id="homepageGallerySecondary" data-total-slides="3"> <div class="swiper-wrapper"> <div class="home-carousel-secondary-item swiper-slide" data-slide-index="1"> <div> <div class="home-carousel-slide-inner adage-themed theme-montepulciano"> <div class="home-carousel-slide-inner-content"> <h2 class="home-carousel-slide-inner-heading">The Marriage of Figaro</h2> <div class="home-carousel-slide-inner-cta"> <a href="/shows/upcoming/2024-25/the-marriage-of-figaro/" class="btn"> November 9 - 30 </a> </div> </div> <div class="home-carousel-pagination"> <div class="home-carousel-pagination-wrapper"> <div class="home-carousel-pagination-row"> <div class="home-carousel-pagination-arrows"> <button type="button" class="adage-gallery-btn home-carousel-btn home-carousel-btn-prev swiper-btn-prev"> <svg aria-hidden="true" focusable="false"> <use xlink:href="#icon-chevron" /> </svg> <span class="visually-hidden">Go to previous slide.</span> </button> <button type="button" class="adage-gallery-btn home-carousel-btn home-carousel-btn-next swiper-btn-next"> <svg aria-hidden="true" focusable="false"> <use xlink:href="#icon-chevron" /> </svg> <span class="visually-hidden">Go to next slide.</span> </button> </div> <div> </div> </div> <div class="swiper-pagination"></div> </div> </div> </div> </div> </div> <div class="home-carousel-secondary-item swiper-slide" data-slide-index="2"> <div> <div class="home-carousel-slide-inner adage-themed theme-montepulciano"> <div class="home-carousel-slide-inner-content"> <h2 class="home-carousel-slide-inner-heading">Blue</h2> <div class="home-carousel-slide-inner-cta"> <a href="/shows/upcoming/2024-25/blue/" class="btn"> November 16 - December 1 </a> </div> </div> <div class="home-carousel-pagination"> <div class="home-carousel-pagination-wrapper"> <div class="home-carousel-pagination-row"> <div class="home-carousel-pagination-arrows"> <button type="button" class="adage-gallery-btn home-carousel-btn home-carousel-btn-prev swiper-btn-prev"> <svg aria-hidden="true" focusable="false"> <use xlink:href="#icon-chevron" /> </svg> <span class="visually-hidden">Go to previous slide.</span> </button> <button type="button" class="adage-gallery-btn home-carousel-btn home-carousel-btn-next swiper-btn-next"> <svg aria-hidden="true" focusable="false"> <use xlink:href="#icon-chevron" /> </svg> <span class="visually-hidden">Go to next slide.</span> </button> </div> <div> </div> </div> <div class="swiper-pagination"></div> </div> </div> </div> </div> </div> <div class="home-carousel-secondary-item swiper-slide" data-slide-index="3"> <div> <div class="home-carousel-slide-inner adage-themed theme-montepulciano"> <div class="home-carousel-slide-inner-content"> <h2 class="home-carousel-slide-inner-heading">Give back to Lyric this Giving Tuesday!</h2> <div class="home-carousel-slide-inner-cta"> <a href="/support-lyric/" class="btn"> Donate </a> </div> </div> <div class="home-carousel-pagination"> <div class="home-carousel-pagination-wrapper"> <div class="home-carousel-pagination-row"> <div class="home-carousel-pagination-arrows"> <button type="button" class="adage-gallery-btn home-carousel-btn home-carousel-btn-prev swiper-btn-prev"> <svg aria-hidden="true" focusable="false"> <use xlink:href="#icon-chevron" /> </svg> <span class="visually-hidden">Go to previous slide.</span> </button> <button type="button" class="adage-gallery-btn home-carousel-btn home-carousel-btn-next swiper-btn-next"> <svg aria-hidden="true" focusable="false"> <use xlink:href="#icon-chevron" /> </svg> <span class="visually-hidden">Go to next slide.</span> </button> </div> <div> </div> </div> <div class="swiper-pagination"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <div class="main-content home-page" data-homepage> <section class="adage-block show-listing" id="contentGallery_135053" data-block="24px"> <div class="adage-block-inner"> <div class="show-listing-heading "> <h2 id="id_Upcoming" tabindex="-1" class="adage-block-heading">Upcoming</h2> <div class="show-listing-heading-cta "> <a href="/shows/upcoming/2024-25-season/" target="_top" class="btn"> Explore Season </a> </div> </div> <div class="show-listing-scroll show-listing-container"> <h2 id="id_Upcoming" tabindex="-1" class="adage-block-heading">Upcoming</h2> <div class="show-listing-content "> <div class="show-listing-item adage-themed theme-purple"> <div class="show-listing-image"> <img src="/globalassets/2425-season/the-marriage-of-figaro/figaro-thumbnail-600x600.jpg" alt="" /> </div> <div class="show-listing-item-content "> <h3 class="show-listing-item-heading">The Marriage of Figaro</h3> <p class="show-listing-dates">November 9 - 30, 2024</p> <div class="show-listing-links"> <p> <a class="btn" onclick="relatedShowsGTM('The Marriage of Figaro')" href="/shows/upcoming/2024-25/the-marriage-of-figaro/">Learn More</a> </p> </div> </div> </div> <div class="show-listing-item adage-themed theme-blue-alt"> <div class="show-listing-image"> <img src="/globalassets/2425-season/blue/blue-thumbnail-600x600.jpg" alt="" /> </div> <div class="show-listing-item-content "> <h3 class="show-listing-item-heading">Blue</h3> <p class="show-listing-dates">November 16 - December 1, 2024</p> <div class="show-listing-links"> <p> <a class="btn" onclick="relatedShowsGTM('Blue')" href="/shows/upcoming/2024-25/blue/">Learn More</a> </p> </div> </div> </div> <div class="show-listing-item adage-themed theme-blue"> <div class="show-listing-image"> <img src="/globalassets/2425-season/singin-in-the-rain/sinign-in-the-rain_600x600.jpg" alt="" /> </div> <div class="show-listing-item-content "> <h3 class="show-listing-item-heading">Singin&#39; in the Rain</h3> <p class="show-listing-dates">Friday, February 7, 2025 at 7PM</p> <div class="show-listing-links"> <p> <a class="btn" onclick="relatedShowsGTM('Singin&#39; in the Rain')" href="/shows/upcoming/2024-25/singin-in-the-rain/">Learn More</a> </p> </div> </div> </div> <div class="show-listing-item adage-themed theme-purple"> <div class="show-listing-image"> <img src="/globalassets/2425-season/sondra-radvanovsky-in-concert-the-puccini-heroines/sondra-thumbnail-600x6002.jpg" alt="" /> </div> <div class="show-listing-item-content "> <h3 class="show-listing-item-heading">The Puccini Heroines</h3> <p class="show-listing-dates">February 8 - February 16, 2025</p> <div class="show-listing-links"> <p> <a class="btn" onclick="relatedShowsGTM('The Puccini Heroines')" href="/shows/upcoming/2024-25/sondra-radvanovsky-in-concert/">Learn More</a> </p> </div> </div> </div> <div class="show-listing-item adage-themed theme-pink"> <div class="show-listing-image"> <img src="/globalassets/2425-season/boheme/boheme-thumbnail-600x6002.jpg" alt="" /> </div> <div class="show-listing-item-content "> <h3 class="show-listing-item-heading">La Boh&#232;me</h3> <p class="show-listing-dates">March 15 - April 12, 2025</p> <div class="show-listing-links"> <p> <a class="btn" onclick="relatedShowsGTM('La Boh&#232;me')" href="/shows/upcoming/2024-25/la-boheme/">Learn More</a> </p> </div> </div> </div> <div class="show-listing-item adage-themed theme-green-alt"> <div class="show-listing-image"> <img src="/globalassets/2425-season/listeners/listeners-thumbnail-600x600.jpg" alt="" /> </div> <div class="show-listing-item-content "> <h3 class="show-listing-item-heading">The Listeners</h3> <p class="show-listing-dates">March 30 - April 11, 2025</p> <div class="show-listing-links"> <p> <a class="btn" onclick="relatedShowsGTM('The Listeners')" href="/shows/upcoming/2024-25/the-listeners/">Learn More</a> </p> </div> </div> </div> </div> </div> </div> </section> <script type="text/javascript"> function relatedShowsGTM(productionName) { window.dataLayer = window.dataLayer || []; dataLayer.push({ 'event': 'Site Navigation', 'event_category': 'Site Navigation', 'event_action': 'Related Production Click', 'event_label': productionName }); } </script> <article data-block-transition-amount="6rem" class="adage-listing-item adage-themed theme-montepulciano"> <div class="adage-listing-item-inner"> <div class="adage-listing-item-image adage-listing-hidemobile"> <div class="adage-listing-item-image-inner ratio-standard" data-full-bleed-image> <figure class="adage-block-inner adage-image-block" data-media-item="image"> <div class="adage-image-block-container"> <img src="/contentassets/5d1632aef0924c129919aa86f1f2475b/john_mangum_600x600-2.jpg" alt="" /> </div> </figure> </div> </div> <div class="adage-listing-item-image adage-listing-mobile"> <div class="adage-listing-item-image-inner ratio-standard" data-full-bleed-image> <figure class="adage-block-inner adage-image-block" data-media-item="image"> <div class="adage-image-block-container"> <img src="/contentassets/5d1632aef0924c129919aa86f1f2475b/john_mangum_600x600-2.jpg" alt="" /> </div> </figure> </div> </div> <div class="adage-listing-item-content"> <p class="adage-listing-item-pretitle"></p> <h2 class="adage-listing-item-heading"> Welcoming a new leader </h2> <h3 class="adage-listing-item-heading"> Welcoming a new leader </h3> <div class="adage-listing-item-wysiwyg rich-text"> <p>John Mangum appointed to be Lyric's fifth General Director, President &amp; CEO.</p> <div class="adage-block-level-cta adage-listing-cta"> <a href="/about/press-room/2024/lyric-appoints-new-leader/" class="arrow-link"> Learn more about John Mangum </a> </div> </div> </div> </div> </article> <section data-block-transition-amount="6rem" class="adage-block adage-fiftyfifty-block adage-bordered-block adage-fiftyfifty-block-withheading"> <div class="adage-block-inner adage-fiftyfifty"> <div class="adage-fiftyfifty-inner "> <article class="adage-fiftyfifty-item " data-full-bleed-image> <h2 id="id_Yourdonationmakesthemagicpossible" tabindex="-1" class="adage-block-heading">Your donation makes the magic possible</h2> <div class="adage-wysiwyg-block"> <div class="rich-text"> <p><span>Your contribution inspires artists and audiences alike.</span>&nbsp;With your generous support, Lyric is leading the advancement of opera in America.</p> <p><a class="btn" href="/support-lyric/donate/">Give to Lyric</a></p> </div> </div> </article> <article class="adage-fiftyfifty-item adage-fiftyfifty-item-media adage-fiftyfifty-item-rightaligned " data-full-bleed-image> <figure class="adage-block-inner adage-image-block" data-media-item="image"> <div class="adage-image-block-container"> <img src="/contentassets/234ac2592d984f7eb6dc9c1496867948/donation_homepage_c.coryweaver_900x900.jpg" alt="" /> </div> </figure> </article> </div> </div> </section> <section data-block-transition-amount="6rem" class="adage-block adage-fiftyfifty-block adage-bordered-block adage-fiftyfifty-block-withheading"> <div class="adage-block-inner adage-fiftyfifty"> <div class="adage-fiftyfifty-inner reversed"> <article class="adage-fiftyfifty-item " data-full-bleed-image> <h2 id="id_Lyricisforeveryone" tabindex="-1" class="adage-block-heading">Lyric is for everyone</h2> <div class="adage-wysiwyg-block"> <div class="rich-text"> <p>We engage students and families, new audiences, and our diverse Chicago community in the power of opera — including dynamic new works.</p> <p><a class="btn" href="/learn-engage/">Learning and Creative Engagement Programs</a></p> </div> </div> </article> <article class="adage-fiftyfifty-item adage-fiftyfifty-item-media adage-fiftyfifty-item-rightaligned " data-full-bleed-image> <figure class="adage-block-inner adage-image-block" data-media-item="image"> <div class="adage-image-block-container"> <img src="/contentassets/54042cbc8393471ab2db0484f5dd9166/lu_homepage_c.michaelbrosilow_900x900.jpg" alt="" /> </div> </figure> </article> <article class="adage-fiftyfifty-item " data-full-bleed-image> <h2 id="id_Lyricisforeveryone" tabindex="-1" class="adage-block-heading">Lyric is for everyone</h2> <div class="adage-wysiwyg-block"> <div class="rich-text"> <p>We engage students and families, new audiences, and our diverse Chicago community in the power of opera — including dynamic new works.</p> <p><a class="btn" href="/learn-engage/">Learning and Creative Engagement Programs</a></p> </div> </div> </article> </div> </div> </section> <section data-block-transition-amount="6rem" class="adage-block adage-fiftyfifty-block adage-bordered-block adage-fiftyfifty-block-withheading"> <div class="adage-block-inner adage-fiftyfifty"> <div class="adage-fiftyfifty-inner "> <article class="adage-fiftyfifty-item " data-full-bleed-image> <h2 id="id_Trainingthenextgenerationofoperastars" tabindex="-1" class="adage-block-heading">Training the next generation of opera stars</h2> <div class="adage-wysiwyg-block"> <div class="rich-text"> <p>Unparalleled instruction and performance opportunities for emerging artists.</p> <p><a class="btn" href="/ryan-opera-center/">Learn more about Ryan Opera Center</a></p> </div> </div> </article> <article class="adage-fiftyfifty-item adage-fiftyfifty-item-media adage-fiftyfifty-item-rightaligned " data-full-bleed-image> <figure class="adage-block-inner adage-image-block" data-media-item="image"> <div class="adage-image-block-container"> <img src="/contentassets/ae2e977b087847949816cbf92d7bf9ac/roc_homepage_c.kyleflubacker_900x900.jpg" alt="" /> </div> </figure> </article> </div> </div> </section> <section data-block-transition-amount="6rem" class="adage-block" data-auto-columns id="contentGallery_139820"> <div class="adage-block-inner"> <div class="adage-gallery-controls adage-gallery-controls-heading"> <div class="adage-gallery-header" data-auto-column-header> <h2 id="id_LyricLatelyblog" tabindex="-1" class="adage-block-heading">Lyric Lately blog </h2> </div> <span class="adage-gallery-swipe"> Swipe <span class="visually-hidden"> to view more slides</span> </span> <div class="adage-gallery-controls-btns" id="contentGalleryControls_139820"> <button type="button" class="adage-gallery-btn adage-gallery-btn-prev swiper-button-prev" id="contentGalleryPrev_139820" data-gallery-prev-btn data-unique-id="139820"> <svg aria-hidden="true" focusable="false"> <use xlink:href="#icon-chevron" /> </svg> <span class="visually-hidden">Go to previous slide.</span> </button> <button type="button" class="adage-gallery-btn adage-gallery-btn-next swiper-button-next" id="contentGalleryNext_139820" data-unique-id="139820"> <svg aria-hidden="true" focusable="false"> <use xlink:href="#icon-chevron" /> </svg> <span class="visually-hidden">Go to next slide.</span> </button> </div> </div> <div class="adage-gallery-container swiper-container" data-slides-to-show="2" data-gallery-disable-mobile data-total-slides="4" data-content-gallery data-unique-id="139820"> <div class="swiper-wrapper adage-gallery-swiper "> <article class="adage-highlight-item swiper-slide adage-gallery-item"> <div class="adage-highlight-item-content adage-gallery-item-inner"> <div class="adage-highlight-item-image" data-highlight-image> <div class="adage-image-block-container"> <img src="/globalassets/lyric-lately-blog/2024-images/my-journey-to-writing-an-opera-about-police-violence/bluethumb_600x600_c.-clarchen-and-matthias-baus.png" /> </div> </div> <div class="adage-highlight-item-content"> <div class="adage-block-heading adage-highlight-item-title"> <p><a href="/lyric-lately/directors-note-blue/">Director&#39;s note: Blue</a></p> </div> <div class="adage-highlight-item-details"> In this director&#39; note, director and librettist Tazewell Thompson shares his journey through creating the narrative for Blue. </div> <a class="adage-highlight-item-link" href="/lyric-lately/directors-note-blue/">Read More</a> </div> </div> </article> <article class="adage-highlight-item swiper-slide adage-gallery-item"> <div class="adage-highlight-item-content adage-gallery-item-inner"> <div class="adage-highlight-item-image" data-highlight-image> <div class="adage-image-block-container"> <img src="/globalassets/lyric-lately-blog/2024-images/kenneth-kellogg/kenneth_thumb_600x600_c.-clarchen-and-matthias-baus---dutch-national-opera.png" /> </div> </div> <div class="adage-highlight-item-content"> <div class="adage-block-heading adage-highlight-item-title"> <p><a href="/lyric-lately/qa-with-kenneth-kellogg/">Q&amp;A with Kenneth Kellogg</a></p> </div> <div class="adage-highlight-item-details"> This November, American bass Kenneth Kellogg makes his Lyric debut as the Father in Blue. Read about his journey with the piece — from early workshops to Lyric&#39;s main stage — in this interview. </div> <a class="adage-highlight-item-link" href="/lyric-lately/qa-with-kenneth-kellogg/">Read More</a> </div> </div> </article> <article class="adage-highlight-item swiper-slide adage-gallery-item"> <div class="adage-highlight-item-content adage-gallery-item-inner"> <div class="adage-highlight-item-image" data-highlight-image> <div class="adage-image-block-container"> <img src="/globalassets/2425-season/fidelio/fidelio_thumbnail_600x600_c.cory-weaver_sfo.jpg" /> </div> </div> <div class="adage-highlight-item-content"> <div class="adage-featured-item-pretitle"> By Martha C. Nussbaum </div> <div class="adage-block-heading adage-highlight-item-title"> <p><a href="/lyric-lately/Reaching-Toward-the-Light/">Beethoven’s Fidelio: Reaching toward the light</a></p> </div> <div class="adage-highlight-item-details"> Fidelio, Beethoven&#39;s only opera, is a drama of ideas that makes deeply moving theater out of abstractions. Scholar Martha C. Nussbaum elucidates the work&#39;s powerful vision of freedom secured through struggle, love, and hope. </div> <a class="adage-highlight-item-link" href="/lyric-lately/Reaching-Toward-the-Light/">Read More</a> </div> </div> </article> <article class="adage-highlight-item swiper-slide adage-gallery-item"> <div class="adage-highlight-item-content adage-gallery-item-inner"> <div class="adage-highlight-item-image" data-highlight-image> <div class="adage-image-block-container"> <img src="/globalassets/lyric-lately-blog/2024-images/javier-camarena/javier_thumb_600x600.png" /> </div> </div> <div class="adage-highlight-item-content"> <div class="adage-block-heading adage-highlight-item-title"> <p><a href="/lyric-lately/tenor-javier-camarena-makes-his-lyric-debut-in-rigoletto/">Tenor Javier Camarena makes his Lyric debut in Rigoletto</a></p> </div> <div class="adage-highlight-item-details"> The only person in history to sing an encore in three different productions at the Metropolitan Opera, Mexican tenor Javier Camarena will make his Lyric debut as the Duke of Mantua in Verdi&#39;s Rigoletto (Sept 14 - Oct 6, 2024). Originally from Xalapa, Veracruz in Mexico and now residing in Zurich, Switzerland, Camarena has achieved international acclaim for his burnished tone and commanding vocals. </div> <a class="adage-highlight-item-link" href="/lyric-lately/tenor-javier-camarena-makes-his-lyric-debut-in-rigoletto/">Read More</a> </div> </div> </article> </div> </div> </div> </section> <section data-block-transition-amount="6rem" class="adage-block theme-blue-alt adage-themed"> <div class="adage-block-inner adage-newsletter-signup"> <h2 id="id_Joinouremaillist" tabindex="-1" class="adage-block-heading">Join our email list</h2> <div class="adage-newsletter-signup-inner"> <div class="adage-newsletter-signup-content"> <div class="rich-text adage-newsletter-signup-description"> <p><span>Stay connected to the music. Sign up for our email list to receive exclusive offers and ticket discounts<span>, </span>special event notifications, important news and announcements, and all of our best content in your inbox.</span></p> </div> </div> <div class="adage-newsletter-signup-form"> <form method="POST" action="//lyricoperaofchicago.prospect2.com/proc.php" id="_form_10_" class="_form _form_10 _inline-form _dark" novalidate> <input type="hidden" name="u" value="10" /> <input type="hidden" name="f" value="10" /> <input type="hidden" name="s" /> <input type="hidden" name="c" value="0" /> <input type="hidden" name="m" value="0" /> <input type="hidden" name="act" value="sub" /> <input type="hidden" name="v" value="2" /> <div class="_form-content"> <div class="_form_element _x91003807 _full_width "> <label class="_form-label"> First name </label> <div class="_field-wrapper"> <input type="text" name="firstname" required /> </div> </div> <div class="_form_element _x22169962 _full_width "> <label class="_form-label"> Last name </label> <div class="_field-wrapper"> <input type="text" name="lastname" required /> </div> </div> <div class="_form_element _x45373890 _full_width "> <label class="_form-label"> Email </label> <div class="_field-wrapper"> <input type="text" name="email" required /> </div> </div> <div class="_button-wrapper _full_width"> <button id="_form_10_submit" class="_submit" type="submit"> Submit </button> </div> <div class="_clear-element"> </div> </div> <div class="_form-thank-you" style="display:none;"> </div> </form> </div> </div> </div> <script type="text/javascript"> window.cfields = []; window._show_thank_you = function (id, message, trackcmp_url) { var form = document.getElementById('_form_' + id + '_'), thank_you = form.querySelector('._form-thank-you'); form.querySelector('._form-content').style.display = 'none'; thank_you.innerHTML = message; thank_you.style.display = 'block'; if (typeof (trackcmp_url) != 'undefined' && trackcmp_url) { // Site tracking URL to use after inline form submission. _load_script(trackcmp_url); } if (typeof window._form_callback !== 'undefined') window._form_callback(id); }; window._show_error = function (id, message, html) { var form = document.getElementById('_form_' + id + '_'), err = document.createElement('div'), button = form.querySelector('button'), old_error = form.querySelector('._form_error'); if (old_error) old_error.parentNode.removeChild(old_error); err.innerHTML = message; err.className = '_error-inner _form_error _no_arrow'; var wrapper = document.createElement('div'); wrapper.className = '_form-inner'; wrapper.appendChild(err); button.parentNode.insertBefore(wrapper, button); document.querySelector('[id^="_form"][id$="_submit"]').disabled = false; if (html) { var div = document.createElement('div'); div.className = '_error-html'; div.innerHTML = html; err.appendChild(div); } }; window._load_script = function (url, callback) { var head = document.querySelector('head'), script = document.createElement('script'), r = false; script.type = 'text/javascript'; script.charset = 'utf-8'; script.src = url; if (callback) { script.onload = script.onreadystatechange = function () { if (!r && (!this.readyState || this.readyState == 'complete')) { r = true; callback(); } }; } head.appendChild(script); }; (function () { if (window.location.search.search("excludeform") !== -1) return false; var getCookie = function (name) { var match = document.cookie.match(new RegExp('(^|; )' + name + '=([^;]+)')); return match ? match[2] : null; } var setCookie = function (name, value) { var now = new Date(); var time = now.getTime(); var expireTime = time + 1000 * 60 * 60 * 24 * 365; now.setTime(expireTime); document.cookie = name + '=' + value + '; expires=' + now + ';path=/'; } var addEvent = function (element, event, func) { if (element.addEventListener) { element.addEventListener(event, func); } else { var oldFunc = element['on' + event]; element['on' + event] = function () { oldFunc.apply(this, arguments); func.apply(this, arguments); }; } } var _removed = false; var form_to_submit = document.getElementById('_form_10_'); var allInputs = form_to_submit.querySelectorAll('input, select, textarea'), tooltips = [], submitted = false; var getUrlParam = function (name) { var regexStr = '[\?&]' + name + '=([^&#]*)'; var results = new RegExp(regexStr, 'i').exec(window.location.href); return results != undefined ? decodeURIComponent(results[1]) : false; }; for (var i = 0; i < allInputs.length; i++) { var regexStr = "field\\[(\\d+)\\]"; var results = new RegExp(regexStr).exec(allInputs[i].name); if (results != undefined) { allInputs[i].dataset.name = window.cfields[results[1]]; } else { allInputs[i].dataset.name = allInputs[i].name; } var fieldVal = getUrlParam(allInputs[i].dataset.name); if (fieldVal) { if (allInputs[i].type == "radio" || allInputs[i].type == "checkbox") { if (allInputs[i].value == fieldVal) { allInputs[i].checked = true; } } else { allInputs[i].value = fieldVal; } } } var remove_tooltips = function () { for (var i = 0; i < tooltips.length; i++) { tooltips[i].tip.parentNode.removeChild(tooltips[i].tip); } tooltips = []; }; var remove_tooltip = function (elem) { for (var i = 0; i < tooltips.length; i++) { if (tooltips[i].elem === elem) { tooltips[i].tip.parentNode.removeChild(tooltips[i].tip); tooltips.splice(i, 1); return; } } }; var create_tooltip = function (elem, text) { var tooltip = document.createElement('div'), arrow = document.createElement('div'), inner = document.createElement('div'), new_tooltip = {}; if (elem.type != 'radio' && elem.type != 'checkbox') { tooltip.className = '_error'; arrow.className = '_error-arrow'; inner.className = '_error-inner'; inner.innerHTML = text; tooltip.appendChild(arrow); tooltip.appendChild(inner); elem.parentNode.appendChild(tooltip); } else { tooltip.className = '_error-inner _no_arrow'; tooltip.innerHTML = text; elem.parentNode.insertBefore(tooltip, elem); new_tooltip.no_arrow = true; } new_tooltip.tip = tooltip; new_tooltip.elem = elem; tooltips.push(new_tooltip); return new_tooltip; }; var resize_tooltip = function (tooltip) { var rect = tooltip.elem.getBoundingClientRect(); var doc = document.documentElement, scrollPosition = rect.top - ((window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0)); if (scrollPosition < 40) { tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _below'; } else { tooltip.tip.className = tooltip.tip.className.replace(/ ?(_above|_below) ?/g, '') + ' _above'; } }; var resize_tooltips = function () { if (_removed) return; for (var i = 0; i < tooltips.length; i++) { if (!tooltips[i].no_arrow) resize_tooltip(tooltips[i]); } }; var validate_field = function (elem, remove) { var tooltip = null, value = elem.value, no_error = true; remove ? remove_tooltip(elem) : false; if (elem.type != 'checkbox') elem.className = elem.className.replace(/ ?_has_error ?/g, ''); if (elem.getAttribute('required') !== null) { if (elem.type == 'radio' || (elem.type == 'checkbox' && /any/.test(elem.className))) { var elems = form_to_submit.elements[elem.name]; if (!(elems instanceof NodeList || elems instanceof HTMLCollection) || elems.length <= 1) { no_error = elem.checked; } else { no_error = false; for (var i = 0; i < elems.length; i++) { if (elems[i].checked) no_error = true; } } if (!no_error) { tooltip = create_tooltip(elem, "Please select an option."); } } else if (elem.type == 'checkbox') { var elems = form_to_submit.elements[elem.name], found = false, err = []; no_error = true; for (var i = 0; i < elems.length; i++) { if (elems[i].getAttribute('required') === null) continue; if (!found && elems[i] !== elem) return true; found = true; elems[i].className = elems[i].className.replace(/ ?_has_error ?/g, ''); if (!elems[i].checked) { no_error = false; elems[i].className = elems[i].className + ' _has_error'; err.push("Checking %s is required".replace("%s", elems[i].value)); } } if (!no_error) { tooltip = create_tooltip(elem, err.join('<br/>')); } } else if (elem.tagName == 'SELECT') { var selected = true; if (elem.multiple) { selected = false; for (var i = 0; i < elem.options.length; i++) { if (elem.options[i].selected) { selected = true; break; } } } else { for (var i = 0; i < elem.options.length; i++) { if (elem.options[i].selected && !elem.options[i].value) { selected = false; } } } if (!selected) { elem.className = elem.className + ' _has_error'; no_error = false; tooltip = create_tooltip(elem, "Please select an option."); } } else if (value === undefined || value === null || value === '') { elem.className = elem.className + ' _has_error'; no_error = false; tooltip = create_tooltip(elem, "This field is required."); } } if (no_error && elem.name == 'email') { if (!value.match(/^[\+_a-z0-9-'&=]+(\.[\+_a-z0-9-']+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,})$/i)) { elem.className = elem.className + ' _has_error'; no_error = false; tooltip = create_tooltip(elem, "Enter a valid email address."); } } if (no_error && /date_field/.test(elem.className)) { if (!value.match(/^\d\d\d\d-\d\d-\d\d$/)) { elem.className = elem.className + ' _has_error'; no_error = false; tooltip = create_tooltip(elem, "Enter a valid date."); } } tooltip ? resize_tooltip(tooltip) : false; return no_error; }; var needs_validate = function (el) { return el.name == 'email' || el.getAttribute('required') !== null; }; var validate_form = function (e) { var err = form_to_submit.querySelector('._form_error'), no_error = true; if (!submitted) { submitted = true; for (var i = 0, len = allInputs.length; i < len; i++) { var input = allInputs[i]; if (needs_validate(input)) { if (input.type == 'text') { addEvent(input, 'blur', function () { this.value = this.value.trim(); validate_field(this, true); }); addEvent(input, 'input', function () { validate_field(this, true); }); } else if (input.type == 'radio' || input.type == 'checkbox') { (function (el) { var radios = form_to_submit.elements[el.name]; for (var i = 0; i < radios.length; i++) { addEvent(radios[i], 'click', function () { validate_field(el, true); }); } })(input); } else if (input.tagName == 'SELECT') { addEvent(input, 'change', function () { validate_field(this, true); }); } else if (input.type == 'textarea') { addEvent(input, 'input', function () { validate_field(this, true); }); } } } } remove_tooltips(); for (var i = 0, len = allInputs.length; i < len; i++) { var elem = allInputs[i]; if (needs_validate(elem)) { if (elem.tagName.toLowerCase() !== "select") { elem.value = elem.value.trim(); } validate_field(elem) ? true : no_error = false; } } if (!no_error && e) { e.preventDefault(); } resize_tooltips(); return no_error; }; addEvent(window, 'resize', resize_tooltips); addEvent(window, 'scroll', resize_tooltips); window._old_serialize = null; if (typeof serialize !== 'undefined') window._old_serialize = window.serialize; _load_script("//d3rxaij56vjege.cloudfront.net/form-serialize/0.3/serialize.min.js", function () { window._form_serialize = window.serialize; if (window._old_serialize) window.serialize = window._old_serialize; }); var form_submit = function (e) { e.preventDefault(); if (validate_form()) { // use this trick to get the submit button & disable it using plain javascript document.querySelector('#_form_10_submit').disabled = true; var serialized = _form_serialize(document.getElementById('_form_10_')); var err = form_to_submit.querySelector('._form_error'); err ? err.parentNode.removeChild(err) : false; _load_script('//lyricoperaofchicago.prospect2.com/proc.php?' + serialized + '&jsonp=true'); } return false; }; addEvent(form_to_submit, 'submit', form_submit); })(); </script> </section> <section class="adage-block adage-listing" data-block-transition-amount="6rem"> <div class="adage-block-inner"> <div class="adage-listing-container"> <article data-block-transition-amount="6rem" class="adage-listing-item adage-themed adage-listing-item-flipped theme-blue-alt"> <div class="adage-listing-item-inner"> <div class="adage-listing-item-image adage-listing-mobile"> <div class="adage-listing-item-image-inner ratio-standard" data-full-bleed-image> <figure class="adage-block-inner adage-image-block" data-media-item="image"> <div class="adage-image-block-container"> <img src="/globalassets/home-page/homepage-blocks/idea_600x600.jpg" alt="" /> </div> </figure> </div> </div> <div class="adage-listing-item-content"> <p class="adage-listing-item-pretitle"></p> <h2 class="adage-listing-item-heading"> Lyric&#39;s IDEA values </h2> <h3 class="adage-listing-item-heading"> Lyric&#39;s IDEA values </h3> <div class="adage-listing-item-wysiwyg rich-text"> <p>Read about the intensified work that Lyric has been doing to further define our ongoing commitment to Inclusivity, Diversity, Equity, and Access (IDEA) across our organization.</p> <div class="adage-block-level-cta adage-listing-cta"> <a href="/about/IDEA/" class="arrow-link"> Learn more </a> </div> </div> </div> <div class="adage-listing-item-image adage-listing-hidemobile"> <div class="adage-listing-item-image-inner" data-full-bleed-image> <figure class="adage-block-inner adage-image-block" data-media-item="image"> <div class="adage-image-block-container"> <img src="/globalassets/home-page/homepage-blocks/idea_600x600.jpg" alt="" /> </div> </figure> </div> </div> </div> </article> </div> </div> </section> </div> <div class="scrolltop-container is-desktop" id="stickyScrollTop"> <a href="#mainContent" class="scrolltop" onclick="goToTopGTM()" id="stickyScrollTopLink"> <span class="visually-hidden">Back to top</span> <svg> <use xlink:href="#arrow-up"></use> </svg> </a> </div> </main> <footer id="footer" class="footer" role="contentinfo" aria-labelledby="footerHeading"> <div class="footer-inner"> <div class="footer-aside"> <div class="footer-logo-container"> <h2 class="visually-hidden" id="footerHeading">More information regarding the Lyric Opera</h2> <svg aria-hidden="true" class="footer-logo"> <use xlink:href="#icon-logo-redesign-inverted"></use> </svg> </div> <div class="footer-logo-secondary"> </div> </div> <div class="footer-main"> <div class="footer-main-nav footer-main-section"> <ul class="footer-linkslist"> <li class="footer-linkslist-item"> <a class="footer-linkslist-link" onclick="footerLinkGTM('Contact Us')" href="/about/contact/">Contact Us</a> </li> <li class="footer-linkslist-item"> <a class="footer-linkslist-link" onclick="footerLinkGTM('Plan Your Visit')" href="/shows/your-visit/">Plan Your Visit</a> </li> <li class="footer-linkslist-item"> <a class="footer-linkslist-link" onclick="footerLinkGTM('Audience services')" href="/shows/audience-services/">Audience services</a> </li> <li class="footer-linkslist-item"> <a class="footer-linkslist-link" onclick="footerLinkGTM('Seating Chart')" href="/shows/seating-chart/">Seating Chart</a> </li> </ul> </div> <div class="footer-main-section"> <div class="footer-utility"> <ul class="footer-linkslist"> <li class="footer-linkslist-item"> <a class="footer-linkslist-link" onclick="footerLinkGTM('Employment &amp; auditions')" href="/about/employment-auditions/">Employment &amp; auditions</a> </li> <li class="footer-linkslist-item"> <a class="footer-linkslist-link" onclick="footerLinkGTM('Press Room')" href="/about/press-room/">Press Room</a> </li> <li class="footer-linkslist-item"> <a class="footer-linkslist-link" onclick="footerLinkGTM('Privacy Policy')" href="/about/privacy-policy/">Privacy Policy</a> </li> </ul> </div> </div> <div class="footer-social footer-main-section"> <ul class="footer-linkslist"> <li class="footer-linkslist-item"> <a onclick="footerLinkGTM('Login')" href="/account/"> Login </a> </li> <li class="footer-linkslist-item"> <a href="/about/email-list/" class="footer-linkslist-link"> Email Signup </a> </li> </ul> <p class="footer-social-intro"> Connect with Lyric </p> <ul class="footer-social-links"> <li class="footer-social-links-item"> <a href="https://www.facebook.com/lyricopera" onclick="footerLinkGTM('facebook')" target="_blank" class="footer-social-fb footer-social-link"> <svg aria-hidden="true" class="footer-social-icon"> <use xlink:href="#facebook-icon"></use> </svg> <span class="visually-hidden">Lyric Opera on facebook</span> </a> </li> <li class="footer-social-links-item"> <a href="https://instagram.com/lyricopera/" onclick="footerLinkGTM('instagram')" target="_blank" class="footer-social-fb footer-social-link"> <svg aria-hidden="true" class="footer-social-icon"> <use xlink:href="#instagram-icon"></use> </svg> <span class="visually-hidden">Lyric Opera on instagram</span> </a> </li> <li class="footer-social-links-item"> <a href="https://www.youtube.com/user/lyricoperaofchicago" onclick="footerLinkGTM('youtube')" target="_blank" class="footer-social-fb footer-social-link"> <svg aria-hidden="true" class="footer-social-icon"> <use xlink:href="#youtube-icon"></use> </svg> <span class="visually-hidden">Lyric Opera on youtube</span> </a> </li> <li class="footer-social-links-item"> <a href="https://www.pinterest.com/lyricopera/" onclick="footerLinkGTM('pinterest')" target="_blank" class="footer-social-fb footer-social-link"> <svg aria-hidden="true" class="footer-social-icon"> <use xlink:href="#pinterest-icon"></use> </svg> <span class="visually-hidden">Lyric Opera on pinterest</span> </a> </li> </ul> </div> <div class="footer-copyright"> <p class="small">20 N. Wacker Drive, Suite 860, Chicago, IL 60606</p> <p class="small">2024 &copy; Lyric Opera of Chicago</p> </div> </div> </div> </footer> <script type="text/javascript"> function footerLinkGTM(linkName) { window.dataLayer = window.dataLayer || []; dataLayer.push({ 'event': 'Site Navigation', 'event_category': 'Site Navigation', 'event_action': 'Click on Footer', 'event_label': linkName }); } </script> <div id="footer-alert" class="lyric-alert lyric-alert-footer" aria-hidden="true" data-alert data-alert-id="cookies-alert" data-alert-cookie="cookie_banner"> <div class="lyric-alert-inner"> <div class="lyric-alert-container"> <p class="small">By using this site, you agree to our <a href="/about/privacy-policy/">Privacy Policy</a>, which describes our use of cookies. </p> </div> <button class="lyric-alert-close" type="button" aria-label="Close" data-alert-close="footer-alert"> <svg class="lyric-alert-icon"> <use fill="#fff" xlink:href="#icon-close"></use> </svg> <span class="visually-hidden">Close</span> </button> </div> </div> <!-- Direct Linking To Video --> <div> <div class="visually-hidden"> <button data-direct-link-video-modal-btn data-a11y-dialog-show="modal-modalDirectLinkVideo" tabindex="-1" role="presentation" aria-hidden="true"></button> </div> <div id="modal-modalDirectLinkVideo" data-modal data-direct-link-video-modal class="dialog-container adage-modal-wrapper adage-themed theme-montepulciano" aria-hidden="true"> <div tabindex="-1" data-a11y-dialog-hide class="adage-modal-overlay"></div> <div role="dialog" aria-labelledby="dialog-title-modal-modalDirectLinkVideo" class="adage-modal-dialog"> <div class="adage-modal-inner"> <div class="adage-modal-header adage-modal-header-justifyend"> <h2 id="dialog-title-modal-modalDirectLinkVideo" class="adage-video-heading visually-hidden" data-direct-link-video-modal-title></h2> <button type="button" data-a11y-dialog-hide aria-label="Close this dialog" class="adage-modal-close"> <svg> <use xlink:href="#icon-close"></use> </svg> </button> </div> <div class="adage-video-iframe" data-video-type="youtube"> <iframe data-direct-link-video-modal-iframe id="player" width="640" height="360" frameborder="0" allow="autoplay; fullscreen"></iframe> </div> </div> </div> </div> </div> </div> <!-- Refresh A11y Scripts --> <script src="/static/javascript/lib/wicg-inert/dist/inert.min.js"></script> <script src="/static/javascript/a11y-dialog.js"></script> <script type="text/javascript" src="/static/javascript/ace-global.js"></script> <script type="text/javascript" src="/Static/javascript/common/global/index.bundle.js"></script> <script type="text/javascript" src="/Static/javascript/TagManager/navigation.js"></script> <script type="text/javascript" src="/Static/javascript/pages/homepage/index.bundle.js"></script> <span aria-hidden="true" class="visually-hidden" id="a11y-message--new-window"> (opens new window) </span> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10