1<!DOCTYPE html> 2<html lang="en-US" id="html"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="format-detection" content="telephone=no"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> 7 <link rel="profile" href="http://gmpg.org/xfn/11"> 8 <link rel="pingback" href="http://sfplayhouse.org/xmlrpc.php"> 9 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 10 11<!-- Google Tag Manager -->
12<script>
vendor: 327 bytes, lines 12-16
12(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 13new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 14j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 15'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 16})(window,document,'script','dataLayer','
16GTM-2R3N
vendor: 3 bytes, line 16
16');
16</script>
16 17<!-- End Google Tag Manager --> 18 19 20 <!-- This site is optimized with the Yoast SEO plugin v28.6 - https://yoast.com/product/yoast-seo-wordpress/ --> 21 <title>San Francisco Playhouse Blog</title> 22 <meta name="description" content="Follow the San Francisco Playhouse theatre blog for news from the Empathy Gym, show information, special events and more." /> 23 <link rel="canonical" href="https://sfplayhouse.org/blog/" /> 24 <meta property="og:locale" content="en_US" /> 25 <meta property="og:type" content="article" /> 26 <meta property="og:title" content="San Francisco Playhouse Blog" /> 27 <meta property="og:description" content="Follow the San Francisco Playhouse theatre blog for news from the Empathy Gym, show information, special events and more." /> 28 <meta property="og:url" content="https://sfplayhouse.org/blog/" /> 29 <meta property="og:site_name" content="San Francisco Playhouse" /> 30 <meta property="article:publisher" content="https://www.facebook.com/SFPlayhouse/" /> 31 <meta property="article:modified_time" content="2025-07-02T21:45:55+00:00" /> 32 <meta name="twitter:card" content="summary_large_image" /> 33 <meta name="twitter:site" content="@sfplayhouse" /> 34 <meta name="twitter:label1" content="Est. reading time" /> 35 <meta name="twitter:data1" content="1 minute" /> 36
36<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sfplayhouse.org\/blog\/","url":"https:\/\/sfplayhouse.org\/blog\/","name":"San Francisco Playhouse Blog","isPartOf":{"@id":"https:\/\/sfplayhouse.org\/#website"},"datePublished":"2015-01-28T23:20:37+00:00","dateModified":"2025-07-02T21:45:55+00:00","description":"Follow the San Francisco Playhouse theatre blog for news from the Empathy Gym, show information, special events and more.","breadcrumb":{"@id":"https:\/\/sfplayhouse.org\/blog\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sfplayhouse.org\/blog\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sfplayhouse.org\/blog\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sfplayhouse.org\/"},{"@type":"ListItem","position":2,"name":"Blog"}]},{"@type":"WebSite","@id":"https:\/\/sfplayhouse.org\/#website","url":"https:\/\/sfplayhouse.org\/","name":"San Francisco Playhouse","description":"The Bay Area's Most Award-Winning Theatre","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sfplayhouse.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}</script>
36 37 <!-- / Yoast SEO plugin. --> 38 39 40<link rel='dns-prefetch' href='//fonts.googleapis.com' /> 41<link rel='dns-prefetch' href='//www.googletagmanager.com' /> 42<link rel="alternate" type="application/rss+xml" title="San Francisco Playhouse » Feed" href="https://sfplayhouse.org/feed/" /> 43<link rel="alternate" type="application/rss+xml" title="San Francisco Playhouse » Comments Feed" href="https://sfplayhouse.org/comments/feed/" /> 44<link rel="alternate" type="application/rss+xml" title="San Francisco Playhouse » Blog Comments Feed" href="https://sfplayhouse.org/blog/feed/" /> 45<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://sfplayhouse.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsfplayhouse.org%2Fblog%2F" /> 46<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://sfplayhouse.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsfplayhouse.org%2Fblog%2F&format=xml" /> 47<link rel="alternate" type="application/rss+xml" title="San Francisco Playhouse » Stories Feed" href="https://sfplayhouse.org/web-stories/feed/"><style id="wp-img-auto-sizes-contain-inline-css"> 48img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 49/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 50</style> 51<style id="wp-emoji-styles-inline-css"> 52 53 img.wp-smiley, img.emoji { 54 display: inline !important; 55 border: none !important; 56 box-shadow: none !important; 57 height: 1em !important; 58 width: 1em !important; 59 margin: 0 0.07em !important; 60 vertical-align: -0.1em !important; 61 background: none !important; 62 padding: 0 !important; 63 } 64/*# sourceURL=wp-emoji-styles-inline-css */ 65</style> 66 67<link rel='stylesheet' id='wp-block-library-css' href='http://sfplayhouse.org/wp-includes/css/dist/block-library/common.min.css?ver=7.1.2' media='all' /> 68 69<link rel='stylesheet' id='metaslider-blocks-editor-css-css' href='http://sfplayhouse.org/wp-content/plugins/ml-slider/admin/assets/dist/css/editor-block.css?ver=3.113.0' media='all' property='stylesheet' /> 70<style id="global-styles-inline-css"> 71:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
71--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
71.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 72/*# sourceURL=global-styles-inline-css */ 73</style> 74 75<link rel='stylesheet' id='contact-form-7-css' href='http://sfplayhouse.org/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.7' media='all' /> 76<link rel='stylesheet' id='cookie-notice-front-css' href='http://sfplayhouse.org/wp-content/plugins/cookie-notice/css/front.min.css?ver=3.1.12' media='all' /> 77<link rel='stylesheet' id='foobox-free-min-css' href='http://sfplayhouse.org/wp-content/plugins/foobox-image-lightbox/free/css/foobox.free.min.css?ver=2.8.5' media='all' /> 78<link rel='stylesheet' id='groovy-menu-style-css' href='http://sfplayhouse.org/wp-content/plugins/groovy-menu/assets/style/frontend.css?ver=2.6.5' media='all' /> 79<link rel='stylesheet' id='groovy-menu-style-fonts-groovy-28328-css' href='http://sfplayhouse.org/wp-content/uploads/groovy/fonts/groovy-28328.css?ver=2.6.5' media='all' /> 80<link rel='stylesheet' id='groovy-menu-style-fonts-groovy-69018-css' href='http://sfplayhouse.org/wp-content/uploads/groovy/fonts/groovy-69018.css?ver=2.6.5' media='all' /> 81<link rel='stylesheet' id='groovy-menu-style-fonts-groovy-socicon-css' href='http://sfplayhouse.org/wp-content/uploads/groovy/fonts/groovy-socicon.css?ver=2.6.5' media='all' /> 82<link rel='stylesheet' id='groovy-menu-font-awesome-css' href='http://sfplayhouse.org/wp-content/plugins/groovy-menu/assets/style/fontawesome.css?ver=2.6.5' media='all' crossorigin='anonymous' /> 83<link rel='preload' as='font' crossorigin='anonymous' id='groovy-menu-font-awesome-file-css' href='http://sfplayhouse.org/wp-content/plugins/groovy-menu/assets/fonts/fontawesome-webfont.woff2?v=4.7.0' media='all' /> 84<link rel='stylesheet' id='groovy-menu-font-internal-css' href='http://sfplayhouse.org/wp-content/plugins/groovy-menu/assets/style/font-internal.css?ver=2.6.5' media='all' crossorigin='anonymous' /> 85<link rel='preload' as='font' crossorigin='anonymous' id='groovy-menu-font-internal-file-css' href='http://sfplayhouse.org/wp-content/plugins/groovy-menu/assets/fonts/crane-font.woff?hhxb42' media='all' /> 86<link rel='stylesheet' id='custom-navigation-fonts-css' href='//fonts.googleapis.com/css?family=Oswald:700,400,300&ver=7.1.2' media='all' /> 87<link rel='stylesheet' id='custom-sidebar-fonts-css' href='//fonts.googleapis.com/css?family=Oswald:700,400,300&ver=7.1.2' media='all' /> 88<link rel='stylesheet' id='flexslider-css' href='http://sfplayhouse.org/wp-content/themes/smartscreen/styles/flexslider.css?ver=7.1.2' media='all' /> 89<link rel='stylesheet' id='icons-css' href='http://sfplayhouse.org/wp-content/themes/smartscreen/styles/font-awesome.min.css?ver=7.1.2' media='all' /> 90<link rel='stylesheet' id='prettyPhoto-css' href='http://sfplayhouse.org/wp-content/themes/smartscreen/styles/prettyPhoto.css?ver=7.1.2' media='all' /> 91<link rel='stylesheet' id='supersized-css' href='http://sfplayhouse.org/wp-content/themes/smartscreen/styles/supersized.css?ver=7.1.2' media='all' /> 92<link rel='stylesheet' id='ht-style-css' href='http://sfplayhouse.org/wp-content/themes/smartscreen-child/style.css?ver=7.1.2' media='all' /> 93<link rel='stylesheet' id='responsive-css' href='http://sfplayhouse.org/wp-content/themes/smartscreen/styles/responsive.css?ver=7.1.2' media='all' /> 94<link rel='stylesheet' id='yelp-widget-pro-css' href='http://sfplayhouse.org/wp-content/plugins/yelp-widget-pro/assets/dist/css/public-main.css?ver=7.1.2' media='all' /> 95<link rel='stylesheet' id='wp_review-style-css' href='http://sfplayhouse.org/wp-content/plugins/wp-review/public/css/wp-review.css?ver=5.3.4' media='all' /> 96<link rel='stylesheet' id='child-style-css' href='http://sfplayhouse.org/wp-content/themes/smartscreen-child/style.css?ver=1761138250' media='all' /> 97<link rel='stylesheet' id='groovy-menu-preset-style-29076-css' href='http://sfplayhouse.org/wp-content/uploads/groovy/preset_29076.css?ver=601ef6e7b5871949afc06b6f2a75a9bc' media='all' /> 98<!--n2css--><!--n2js-->
98<script id="cookie-notice-front-js-before"> 99var cnArgs = {"ajaxUrl":"https:\/\/sfplayhouse.org\/wp-admin\/admin-ajax.php","nonce":"b7da38f217","hideEffect":"fade","position":"bottom","onScroll":false,"onScrollOffset":100,"onClick":false,"cookieName":"cookie_notice_accepted","cookieTime":2592000,"cookieTimeRejected":2592000,"globalCookie":false,"redirection":false,"cache":false,"revokeCookies":false,"revokeCookiesOpt":"automatic"}; 100 101//# sourceURL=cookie-notice-front-js-before 102</script>
vendor: 1 bytes, line 102
102
103<script id="cookie-notice-front-js" src="http://sfplayhouse.org/wp-content/plugins/cookie-notice/js/front.min.js?ver=3.1.12"></script>
vendor: 1 bytes, line 103
103
104<script id="jquery-core-js" src="http://sfplayhouse.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 104
104
105<script id="jquery-migrate-js" src="http://sfplayhouse.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
vendor: 1 bytes, line 105
105
106<script id="foobox-free-min-js-before"> 107/* Run FooBox FREE (v2.8.5) */ 108var FOOBOX = window.FOOBOX = { 109 ready: true, 110 disableOthers: false, 111 o: {wordpress: { enabled: true }, countMessage:'image %index of %total', captions: { dataTitle: ["captionTitle","title"], dataDesc: ["captionDesc","description"] }, rel: '', excludes:'.fbx-link,.nofoobox,.nolightbox,a[href*="pinterest.com/pin/create/button/"]', affiliate : { enabled: false }, error: "Could not load the item"}, 112 selectors: [ 113 ".foogallery-container.foogallery-lightbox-foobox", ".foogallery-container.foogallery-lightbox-foobox-free", ".gallery", ".wp-block-gallery", ".foobox" 114 ], 115 pre: function( $ ){ 116 // Custom JavaScript (Pre) 117 118 }, 119 post: function( $ ){ 120 // Custom JavaScript (Post) 121 122 // Custom Captions Code 123 124 }, 125 custom: function( $ ){ 126 // Custom Extra JS 127 128 } 129}; 130//# sourceURL=foobox-free-min-js-before 131</script>
vendor: 1 bytes, line 131
131
132<script id="foobox-free-min-js" src="http://sfplayhouse.org/wp-content/plugins/foobox-image-lightbox/free/js/foobox.free.min.js?ver=2.8.5"></script>
132 133<link rel="https://api.w.org/" href="https://sfplayhouse.org/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://sfplayhouse.org/wp-json/wp/v2/pages/7166" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://sfplayhouse.org/xmlrpc.php?rsd" /> 134<meta name="generator" content="WordPress 7.1.2" /> 135<link rel='shortlink' href='https://sfplayhouse.org/?p=7166' /> 136<meta name="generator" content="Site Kit by Google 1.188.0" /> 137<link rel="stylesheet" id="gm-google-fonts-06e91909362921b8a6ebe38382ac36f9" href="https://fonts.googleapis.com/css?family=Oswald" type="text/css" media="all"> 138 139<!-- WP Menubar 5.9.4: start CSS --> 140<!-- WP Menubar 5.9.4: end CSS --> 141<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 142<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 143<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 144<link rel="manifest" href="/site.webmanifest"> 145<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> 146<meta name="msapplication-TileColor" content="#da532c"> 147<meta name="theme-color" content="#ffffff"> 148 <style>.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style> 149<!-- custom styles set at your backend--> 150<style type='text/css' id='dynamic-styles'> 151 body { background-color: #171717; } ul.arrowlist li:before, .dropcap2, .dropcap3, .widget .tagcloud a, .tags a, .search-box .search-field, #sidebar select { background-color: #000000; } .special-heading { border-left-color: #000000; } #main, #controls-wrap { border-top-color: #000000; }#menu-wrap, #sidebar, #slidecaption, .social-bookmarks ul li, #controls-wrap, #thumb-tray, #nav ul ul, #nav-horizontal ul li ul, .woocommerce span.onsale, .woocommerce-page span.onsale { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000); zoom: 1; background-color:rgba( 0,0,0, 0.7); } #main { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffffff,endColorstr=#FFffffff)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFffffff,endColorstr=#FFffffff); zoom: 1; background: rgba( 255,255,255, 1); } body { font-size:12px ; font-family: arial, sans-serif; color:#666666; } a:link, a:visited { color: #009ddc; } a:hover, a:active { color: #00a1e1; } #entries .post-meta a:hover, #nav a:hover, #sidebar ul li a:hover,#entries .read-more:hover, #nav-horizontal ul li a:hover , #portfolio .folio-cats a:hover, .single-portfolio .meta a:hover, a.icon-link:hover, .comment-author-info a:hover, .entry ul li a:hover, .widget .tagcloud a:hover, .tags a:hover ,.jqueryslidemenu ul li a:hover, #nav-toggle-content ul li a:hover{ color: #00a1e1 !important; } #sidebar .widget h3.widget-title{ font: normal 14px "Oswald", Arial, sans-serif; } #sidebar .widget h3.widget-title { color: #141414; }
151 #controls-wrap,#main { border-top: 4px solid #c8d621; } h1,h2,h3,h4,h5,h6, #entries h3.post-title, #entries h3.post-title a , #entries h3.post-title a:active, .special-heading, #entries h2.page-title, #portfolio .folio-box h3.folio-title, #portfolio .folio-box h3.folio-title a, #portfolio .folio-box h3.folio-title:active { font-family: "arial", Arial, sans-serif; color: #333333; } #filters li a,#content a.button, #slidecaption h2, #related-folio .folio-box h3.folio-title, #related-folio .folio-box h3.folio-title a, #related-folio .folio-box h3.folio-title:active { font-family: "arial", Arial, sans-serif;} #nav a:active, #nav a:link, #nav-horizontal ul li a { font-family: "Oswald", Arial, sans-serif !important; font-weight: 300; font-size:16px; } #nav-toggle-content ul li a:link, #nav-toggle-content ul li a:active{ font-family: "Oswald", Arial, sans-serif !important; font-weight: 300; } #nav a { color:#ffffff; } .jqueryslidemenu ul li, #nav-toggle-content ul li { color:#777777; } .jqueryslidemenu span { color:#adadad; } #entries h2.page-title { color: #444444; } #slidecaption, #menu-wrap { background-image: none; } @media screen and (max-width: 480px){ #menu-toggle,.social-in-page, .social-in-homepage, #sidebar, #slidecaption, #entries-toggle { display: none !important; } #wrap.no-sidebar #main {width: 344px;margin-left: -62px;padding: 15px;}#controls-wrap { margin: 0 auto; height: 00px; width: 100%; bottom: 0; left: 0; z-index: 4; background-color: rgba(0, 0, 0, .7); position: fixed;}#wprmenu_bar .menu_title {color:#f2f2f2;font-weight: 400;font-size: 40px;line-height: 65px;}#wprmenu_menu ul li a, #wprmenu_menu ul li a:hover {border-bottom:1px solid #131212;border-top:1px solid #474747;display: block;color:#D3D3D3;padding: 13px 14px;font-size: 18px;margin:0px;text-decoration: none;}#wprmenu_bar .menu_title {color: #f2f2f2;font-weight: 400;font-size: 30px;line-height: 20px;}#wprmenu_bar .bar_logo { border:0px; border:none; margin:0xp; padding:0px; margin-top: -2px; padding-right: 8px; width:auto; height: 25px; padding-left: 25px;}/* iPhone 6, 6 Plus*/@media screen and (max-width: 414px){#wrap.no-sidebar #main {width: 344px; margin-left: -62px; padding: 15px;}}/* iPhone 4, 5*/@media screen and (max-width: 320px){#wrap.no-sidebar #main {width: 288px;margin-left: -34px;padding: 15px;}} 152</style> 153 154<!-- end custom styles--> 155 156<link rel="icon" href="https://sfplayhouse.org/wp-content/uploads/2026/01/cropped-favicon-512-32x32.png" sizes="32x32" /> 157<link rel="icon" href="https://sfplayhouse.org/wp-content/uploads/2026/01/cropped-favicon-512-192x192.png" sizes="192x192" /> 158<link rel="apple-touch-icon" href="https://sfplayhouse.org/wp-content/uploads/2026/01/cropped-favicon-512-180x180.png" /> 159<meta name="msapplication-TileImage" content="https://sfplayhouse.org/wp-content/uploads/2026/01/cropped-favicon-512-270x270.png" /> 160<style id="wp-custom-css"> 161.tickets-green-button{ 162 background-color: #008085; 163 border: none; 164 color: #fff !important; 165 padding: 10px 15px; 166 text-align: center; 167 text-decoration: none !important; 168 display: inline-block; 169 font-size: 16px; 170 cursor: pointer; 171 width: 90%; 172 text-transform: uppercase; 173} 174.tickets-green-button:hover{ 175 background-color: #086d70; 176} 177.calendar-inperson{ 178border: 1px solid #fafafa; 179background-color: #2a2a2a} 180.playheader h3{ 181 position: absolute; 182left: 0; 183top: 0; 184 background-color: #444444; 185 border: none; 186 color: #fff !important; 187 padding: 10px; 188 text-align: right; 189 text-decoration: none !important; 190 font-size: 16px; 191 font-weight: 400 !important; 192 font-family: 'Oswald', sans-serif; 193 display: block; 194 text-transform: uppercase; 195} 196.playheader img { 197 max-width: 100% !important; 198 height:auto; 199} 200 201.SubscriptionPackage { 202 border: 2px solid #c1d72e; 203 transition: box-shadow .25s ease-out; 204 box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%); 205 padding: 24px; 206 border-radius: 10px; 207 background-color: #fff; 208} 209.SubscriptionPackage-top { 210 border: 2px solid #008085; 211 transition: box-shadow .25s ease-out; 212 box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%); 213 padding: 24px; 214 border-radius: 10px; 215 background-color: #fff; 216} 217.SubscriptionPackage:hover { 218box-shadow: 0 0 0 1px rgb(56 60 67 / 7%), 0 8px 14px 1px rgb(56 60 67 / 15%); 219} 220.SubscriptionPackage-top:hover { 221box-shadow: 0 0 0 1px rgb(56 60 67 / 7%), 0 8px 14px 1px rgb(56 60 67 / 15%); 222} 223.SubscriptionPackage h4 { 224position: absolute; 225 right: 10px; 226 top: 10px; 227 background-color: #d4d4d4; 228 border: none; 229 color: #000 !important; 230 padding: 10px; 231 text-align: right; 232 text-decoration: none !important; 233 font-size: 10px !important; 234 font-weight: 400 !important; 235 font-family: 'Oswald', sans-serif; 236 display: block; 237 text-transform: uppercase; 238 border-radius: 6px; 239 cursor: default; 240} 241.SubscriptionPackage-top h4 { 242position: absolute; 243 right: 10px; 244 top: 10px; 245 background-color: #1d81f954; 246 border: none; 247 color: #000 !important; 248 padding: 10px; 249 text-align: right; 250 text-decoration: none !important; 251 font-size: 10px !important; 252 font-weight: 400 !important; 253 font-family: 'Oswald', sans-serif; 254 display: block; 255 text-transform: uppercase; 256 border-radius: 6px; 257 cursor: default; 258} 259.SubscriptionPackage h2{ 260 font-weight: 800; 261 font-size: 20px; 262} 263.SubscriptionPackage-top h2{ 264 font-weight: 800; 265 font-size: 20px; 266} 267.SubscriptionPackage_popup { 268 display: table; 269 padding: 8px 32px; 270 border-radius: 25px; 271 left: 50%; 272 transition: background-color .25s ease-out; 273 width: -webkit-fit-content; 274 width: -moz-fit-content; 275 width: fit-content; 276 background-color: #1c1f6a; 277 margin-bottom: 6px; 278} 279.SubscriptionPackage_popup:after { 280 content: ""; 281 position: absolute; 282 border-color: #1c1f6a transparent; 283 border-style: solid; 284 border-width: 6px 6px 0; 285 height: 0; 286 width: 0; 287 left: 50%; 288 -webkit-transform: translate(-50%,100%); 289 transform: translate(-50%,100%); 290 transition: border-color .25s ease-out; 291 box-sizing: border-box 292} 293.su-box-content { 294 background-color: #fff; 295 color: #444; 296 padding: 1em; 297 font-size: 1.2em; 298 font-family: 'Open Sans', sans-serif; 299 line-height: 1.75em; 300} 301.su-button-center:hover{ 302 background-color: #fafafa; 303} 304.su-box-title { 305 font-family: 'Oswald', sans-serif; 306 font-size: 1.5em !important; 307 text-transform: uppercase; 308} 309.su-box-title em { 310 font-weight: 700; 311} 312.su-box-content em{ 313 font-weight: 700; 314} 315.seasonplay h3{ 316background-color: #cccccca6 317} 318h2{ 319 font-family: 'Gilroy', sans-serif !important; 320 font-weight: 600; 321} 322h1{ 323 font-family: 'Gilroy', sans-serif !important; 324 font-weight: 800; 325} 326p{ 327 font-family: 'Gilroy', sans-serif !important; 328 font-size: 1.4em; 329} 330#main { 331 border-top: none; 332} 333.playfeature-buttons{ 334 position: absolute; 335right: 0; 336bottom: 0; 337} 338.subscribe-button{ 339 background-color: #CB4A48; 340 border: none; 341 color: #fff !important; 342 padding: 10px 15px; 343 text-align: center; 344 text-decoration: none !important; 345 display: inline-block; 346 font-size: 16px; 347 font-weight: 700 !important; 348 font-family: 'Open Sans', sans-serif; 349 cursor: pointer; 350 -webkit-border-radius: 3px; 351 -moz-border-radius: 3px; 352 border-radius: 3px; 353 margin-left: 10px; 354} 355.subscribe-button:hover{ 356 background-color: #e99492; 357} 358 359.tickets-button:hover{ 360 background-color: #2da8ac !important; 361 background-image: none; 362} 363.tickets-button{ 364 background-color: #008085 !important; 365 border: none; 366 color: white !important; 367 padding: 10px 15px; 368 text-align: center; 369 text-decoration: none !important; 370 display: inline-block; 371 font-size: 16px; 372 font-weight: 700 !important; 373 font-family: 'Open Sans', sans-serif; 374 cursor: pointer; 375 -webkit-border-radius: 3px; 376 -moz-border-radius: 3px; 377 border-radius: 3px; 378} 379.playfeature h3:before{ 380content:'';position:absolute;
380left:-1px;top:-1px;border-bottom:50px solid #fafafa;border-right:50px solid transparent;} 381.playfeature h3:after{ 382 content:'';position:absolute;left:-2px;top:-2px;border-bottom:50px solid #fafafa;border-right:50px solid transparent;} 383@font-face { 384 font-family: 'Gilroy'; 385 src: url('https://sfplayhouse.org/fonts/gilroy-medium-webfont.woff') format('woff'); 386 font-weight: normal; 387 font-style: normal; 388 } 389@font-face { 390 font-family: 'Gilroy'; 391 src: url('https://sfplayhouse.org/fonts/gilroy-mediumitalic-webfont.woff') format('woff'); 392 font-weight: normal; 393 font-style: italic; 394 } 395@font-face { 396 font-family: 'Gilroy'; 397 src: url('https://sfplayhouse.org/fonts/gilroy-bold-webfont.woff') format('woff'); 398 font-weight: bold; 399 font-style: normal; 400 } 401@font-face { 402 font-family: 'Gilroy'; 403 src: url('https://sfplayhouse.org/fonts/gilroy-bolditalic-webfont.woff') format('woff'); 404 font-weight: bold; 405 font-style: italic; 406 } 407@font-face { 408 font-family: 'Gilroy'; 409 src: url('https://sfplayhouse.org/fonts/gilroy-black-webfont.woff') format('woff'); 410 font-weight: 800; 411 font-style: normal; 412 } 413@font-face { 414 font-family: 'Gilroy'; 415 src: url('https://sfplayhouse.org/fonts/gilroy-blackitalic-webfont.woff') format('woff'); 416 font-weight: 800; 417 font-style: italic; 418 } 419.review-big a{ 420 color: #008085 !important; 421 font-weight: 400 !important; 422 text-decoration: none; 423 display: block; 424} 425.review-big a:hover { 426 border-bottom: none; 427 cursor: pointer !important; 428} 429.review-big { 430 font-weight: 800 !important; 431 text-transform: uppercase; 432 text-align: center; 433} 434li{ 435 font-family: 'Gilroy', sans-serif; 436 color: #fafafa; 437} 438.sfm-sidebar-always #sfm-sidebar .sfm-logo, .sfm-sidebar-always #sfm-sidebar.sfm-compact .sfm-logo { 439 margin-top: 0px; 440 background: linear-gradient(188deg,#fff 15px,rgb(0 0 0 / 0%) 0); 441} 442.sfm-logo { 443 padding: 0px; 444} 445#sfm-sidebar { 446 border: 2px solid #ffffff; 447} 448.caption-wrap .caption a{ 449 color: #008085; 450 font-family: Gilroy, sans-serif; 451 font-weight: 800; 452} 453.caption-wrap .caption h3{ 454 font-family: Oswald, sans-serif; 455 font-weight: 200; 456} 457.caption-wrap .caption { 458 font-family: Gilroy, sans-serif; 459 font-weight: 800; 460} 461 462element.style { 463} 464.entry ul li { 465 font-family: Gilroy, sans-serif; 466 padding-left: 2em; 467 color: #fafafa; 468} 469.metaslider .caption { 470 line-height: 1.2em; 471} 472#homepage-header{ 473 background: url("https://www.sfplayhouse.org/wp-content/uploads/2022/10/green-background-texture.png"); background-color: #008085; padding: 35px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid ; min-height: 240px; 474} 475#homepage-header .metaslider .caption-wrap { 476 background-color: #2d2d2d !important; 477 background: url("https://www.sfplayhouse.org/wp-content/uploads/2022/10/gray-background-texture.png") !important; 478 text-align: center; 479 font-size: 1em; 480 text-transform: uppercase; 481 padding: 5px; 482 opacity: 1; 483} 484#homepage-header .metaslider .caption { 485 color:#fff; 486} 487#homepage-header .metaslider .caption a { 488 color:#ffcc66; 489} 490.seasonplay { 491background: none; 492margin-bottom: 25px; 493 border: 1px solid #4d4d4d; 494 overflow: hidden; 495 position: relative; 496 padding: 0px; 497 height: auto 498} 499.seasonplay-description{ 500 padding: 0px 10px 10px 10px; 501 font-size: 1.2em; 502} 503.seasonplay img { 504-webkit-transition: all 0.5s ease; /* Safari and Chrome */ 505-moz-transition: all 0.3s ease; /* Firefox */ 506-o-transition: all 0.3s ease; /* IE 9 */ 507-ms-transition: all 0.3s ease; /* Opera */ 508transition: all 0.3s ease; 509 width: 100%; 510} 511.seasonplay:hover img { 512-webkit-transform:scale(1.05); /* Safari and Chrome */ 513-moz-transform:scale(1.05); /* Firefox */ 514-ms-transform:scale(1.05); /* IE 9 */ 515-o-transform:scale(1.05); /* Opera */ 516transform:scale(1.05); 517} 518 519.seasonplay h3 { 520 font-family: 'Oswald', sans-serif; color: #4d4d4d; font-size: 1.2em; text-transform: uppercase; 521} 522.seasonplay h4 { 523 font-family: 'Oswald', sans-serif; color: #4d4d4d; 524} 525.seasonplay h2 { 526 font-family: 'Fira Sans', sans-serif !important; color: #000; font-size: 22px !important; font-weight: 900 !important; text-transform: uppercase; font-style: italic; 527} 528.seasonplay h3{ 529 position: absolute; 530right: 0; 531top: 0; 532 background-color: #ccc; 533 border: none; 534 color: #000 !important; 535 padding: 10px; 536 text-align: right; 537 text-decoration: none !important; 538 display: inline-block; 539 font-size: 16px; 540 font-weight: 400 !important; 541 font-family: 'Oswald', sans-serif; 542} 543.seasonplay-buttons{ 544 position: absolute; 545right: 0; 546bottom: 0; 547} 548@media screen and (max-width: 480px) { 549.seasonplay { 550 height: 300px; 551 } 552} 553 554.homepage_play { 555background:#fafafa !important; 556margin-bottom: 25px; 557 border: 1px solid #ccc; 558 overflow: hidden; 559 position: relative; 560 padding: 0px; 561 text-align: left; 562} 563.homepage_play-description{ 564 padding: 0px 10px 10px 10px; 565} 566.homepage_play img { 567-webkit-transition: all 0.5s ease; /* Safari and Chrome */ 568-moz-transition: all 0.3s ease; /* Firefox */ 569-o-transition: all 0.3s ease; /* IE 9 */ 570-ms-transition: all 0.3s ease; /* Opera */ 571transition: all 0.3s ease; 572 width: 20%; 573 float: left !important; 574 padding-right: 20px; 575} 576.homepage_play:hover img { 577-webkit-transform:scale(1.05); /* Safari and Chrome */ 578-moz-transform:scale(1.05); /* Firefox */ 579-ms-transform:scale(1.05); /* IE 9 */ 580-o-transform:scale(1.05); /* Opera */ 581transform:scale(1.05); 582} 583 584.homepage_play h3 { 585 font-family: 'Gilroy', sans-serif; color: #4d4d4d; font-size: 1.2em; text-transform: uppercase; 586} 587.homepage_play h4 { 588 font-family: 'Gilroy', sans-serif; color: #4d4d4d; 589} 590.homepage_play h2 { 591 font-family: 'Gilroy', sans-serif !important; color: #000; font-size: 22px !important; font-weight: 900 !important; text-transform: uppercase; font-style: italic; 592} 593.homepage_play-description{ 594 position: relative; 595} 596 597@media screen and (max-width: 950px) { 598.homepage_play img{ 599 width: 100%; 600 } 601 602 #homepage-footer .menu ul{ 603 display: none !important; 604 } 605} 606.tickets-button { 607 background-color: #ffcc00; 608 color: #fff !important; 609} 610@media screen and (max-width: 950px) { 611.homepage_play img{ 612 width: 100%; 613 } 614 #official-tickets .two_third:after { 615 background:none !important; 616 } 617.homepage_play .playfeature-buttons{ 618display: none; 619} 620} 621@media screen and (min-width: 1560px) { 622.homepage_play img{ 623 width: 20%; 624 } 625} 626#homepage-footer .menu{ 627 -webkit-columns: 40px 5; 628 /* Chrome, Safari, Opera */ 629 -moz-columns: 60px 5; 630 /* Firefox */ 631 columns: 60px 5; 632 text-align: left; 633 font-size: 12px; 634 padding-bottom: 15px; 635 text-transform:uppercase; 636} 637#homepage-footer .menu a{ 638 text-decoration:none; 639} 640#homepage-footer .menu ul a{ 641 font-weight: 300; 642} 643#homepage-footer .menu li { 644 list-style-type: none; 645 font-weight: 700; 646 padding-left: 0px; 647 line-height: 1.5em; 648} 649#homepage-footer .menu ul{ 650 display: inline; 651} 652#homepage-footer .menu .menu-item-has-children ul { 653font-size: 11px !important; 654 text-transform: none !important; 655} 656#homepage-footer .menu .top-nav-calendar{ 657 display:none; 658} 659#homepage-footer a { 660 color: #fff; 661 text-decoration: underline; 662} 663#homepage-footer h2 { 664 color: #ffffff !important; 665} 666#homepage-footer { 667 min-height: 240px; 668 text-align: left; 669 clear: both; 670 background-color: #171717; 671 border-top: 2px solid #008085; 672 width: 100%; 673 max-width: 100%; 674 position: absolute; 675 margin-left: -25px; 676} 677#homepage-footer-content { 678 padding:25px 679}
680.playdetails { 681 background: url("https://www.sfplayhouse.org/wp-content/uploads/2022/10/gray-background-texture.png"); 682} 683#page-logo{ 684 display: none; 685} 686@media screen and (max-width: 950px) { 687 #page-logo { 688 display: block; 689 } 690 } 691@media screen and (max-height: 950px) { 692#sfm-sidebar .sfm-copy { 693 position: relative; 694 } 695 } 696.fbr-message a { 697 text-decoration: underline; 698} 699#menu-donate{ 700 -webkit-columns: 40px 3; 701 /* Chrome, Safari, Opera */ 702 -moz-columns: 60px 3; 703 /* Firefox */ 704 columns: 60px 3; 705 text-align: left; 706} 707#menu-donate li { 708 list-style-type: none; 709 font-weight: 700; 710 padding: 10px; 711 border: 1px solid #d4d4d4; 712 background-color: #fafafa; 713 font-family: Oswald, sans-serif !important; 714 text-transform: uppercase; 715} 716#menu-donate li:hover { 717 background-color: #f7f7f7; 718} 719#menu-donate a { 720color: #008085; 721} 722#sfm-sidebar:not(.sfm-iconbar) .sfm-menu li > a span { 723 max-width: calc(280px - 80px); 724} 725.su-post-thumbnail{ 726 max-width:100% !important; 727 728} 729#homepage-slider{ 730 background-color: #171717; 731} 732#homepage-slider p{ 733padding: 20px 20px 0px 20px; 734} 735#homepage-slider h1{ 736padding: 20px 20px 0px 20px; 737} 738#homepage-slider h2{ 739padding: 20px 20px 0px 20px; 740} 741.review-bigger a{ 742 color: #008085 !important; 743 font-weight: 400 !important; 744 text-decoration: none; 745 display: inline; 746} 747.review-bigger a:hover { 748 border-bottom: none; 749 cursor: pointer !important; 750} 751.review-bigger { 752 font-weight: 800 !important; 753 text-transform: uppercase; 754 text-align: center; 755 font-size:1.2em 756} 757.wp-caption{ 758 max-width: 100%; 759 background: none; 760} 761#official-tickets{ 762 background-color: #222222; 763 border: 1px solid #dadada; 764 box-shadow: 0 0 5px rgba(0, 0, 0, 0.12); 765 padding:15px; 766 margin-bottom:25px; 767} 768#official-tickets h2{ 769 text-transform: uppercase; 770} 771#menu-donate-top-menu a{ 772 font-family: 'Oswald', sans-serif !important; 773} 774#menu-donate-top-menu{ 775 max-width: 100%; 776} 777#official-tickets .two_third:after { 778 content: ''; 779 display: block; 780 position: absolute; 781 top: 0; right: 0; 782 width: 1px; 783 height: 100%; 784 background: #dadada; 785 margin-right:-3% 786} 787.playheader-video { 788 position: relative; 789 display: inline-block; 790 cursor: pointer; 791 792 &:before { 793 position:absolute; 794 top: 50%; 795 left: 50%; 796 transform: translate(-50%, -50%); 797 -webkit-transform: translate(-50%, -50%); 798 content: "\f01d"; 799 font-family: FontAwesome; 800 font-size: 100px; 801 color: #fff; 802 opacity: .8; 803 text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); 804 pointer-events: none; 805 } 806 &:hover:before { 807 color: #eee; 808 } 809} 810#wrap { 811 width: 1280px; 812 margin: auto; 813 left: 0px; 814 max-width: 100%; 815} 816#main{ 817 width: 100% !important; 818 padding: 0px !important; 819 background-color: #171c20; 820 margin-bottom: 0px; 821} 822.last { 823 padding-top: 20px; 824} 825.last p { 826 font-size: 1.5em !important; 827} 828#entries { 829 padding: 25px; 830} 831#show-header-slider{ 832} 833#entries p{ 834 color: #fafafa; 835} 836#entries p a{ 837 color: #50b6a8; 838} 839#entries h4, h3, h2, h1{ 840 color: #fff !important; 841} 842 843.metaslider .caption { 844 color: #ffffff !important; 845} 846.metaslider .caption-wrap { 847 opacity: 1.0 !important; 848} 849.metaslider .flex-control-nav li a{ 850 background-color: #4d4d4d; 851} 852.metaslider .flex-control-nav li a.flex-active{ 853 background-color: #fff; 854} 855#homepage-header{ 856 background: none !important; 857 border: none; 858 padding: 10px 0px !important; 859} 860.homepage_play{ 861 background: none !important; 862 border: 1px solid #4d4d4d; 863 border-radius: 10px; 864} 865.homepage_play img{ 866 padding-right: 0px !important; 867 margin-right: 20px; 868} 869.homepage_play h3{ 870 background: none; 871 padding: 10px 0px 10px 0px !important; 872 font-family: 'Gilroy', sans-serif; 873 font-weight: 700 !important; 874} 875.homepage_play h3::before { 876 display: inline-block; 877 content: ""; 878 border-top: .1rem solid #008085; 879 width: 4rem; 880 margin: 0 1rem 0 0; 881 transform: translateY(-.4rem); 882} 883h4 { 884color: #ffffff !important; 885} 886h3 { 887color: #ffffff !important; 888} 889h2 { 890!important; 891 font-size: 2em !important; 892} 893h1 { 894color: #ffffff !important; 895} 896p { 897color: #fafafa !important; 898} 899.playfeature-buttons { 900position: inherit; 901} 902#show-header-slider{ 903} 904#ribbon { 905 margin: 0; 906 padding: 0; 907 background: #008085; 908 color:white; 909 padding:1em 0; 910 position: absolute; 911 top:0; 912 right:0; 913 transform: translateX(30%) translateY(0%) rotate(45deg); 914 transform-origin: top left; 915 font-family: 'Gilroy', sans-serif; 916 text-transform: uppercase; 917 font-weight: 700 !important; 918} 919#ribbon:before, 920#ribbon:after {
921 content: ''; 922 position: absolute; 923 top:0; 924 margin: 0 -1px; /* tweak */ 925 width: 100%; 926 height: 100%; 927 background: #008085; 928} 929#ribbon:before { 930 right:100%; 931} 932 933#ribbon:after { 934 left:100%; 935} 936#ribbon-red { 937 margin: 0; 938 padding: 0; 939 background: #CB4A48; 940 color:white; 941 padding:1em 0; 942 position: absolute; 943 top:0; 944 right:0; 945 transform: translateX(30%) translateY(0%) rotate(45deg); 946 transform-origin: top left; 947 font-family: 'Gilroy', sans-serif; 948 text-transform: uppercase; 949 font-weight: 700 !important; 950} 951#ribbon-red:before, 952#ribbon-red:after { 953 content: ''; 954 position: absolute; 955 top:0; 956 margin: 0 -1px; /* tweak */ 957 width: 100%; 958 height: 100%; 959 background: #CB4A48; 960} 961#ribbon-red:before { 962 right:100%; 963} 964 965#ribbon-red:after { 966 left:100%; 967} 968/* This gets rid of the top nav tickets button when user is already on the Buy Tickets page*/ 969.page-id-328 .top-nav-tickets-mobile { 970 display: none; 971} 972/** 973 * Tooltip Styles 974 */ 975 976/* Add this attribute to the element that needs a tooltip */ 977[data-tooltip] { 978 position: relative; 979 z-index: 2; 980 cursor: pointer; 981} 982 983/* Hide the tooltip content by default */ 984[data-tooltip]:before, 985[data-tooltip]:after { 986 visibility: hidden; 987 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 988 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); 989 opacity: 0; 990 pointer-events: none; 991} 992 993/* Position tooltip above the element */ 994[data-tooltip]:before { 995 position: absolute; 996 bottom: 150%; 997 right: 10%; 998 margin-bottom: 5px; 999 margin-left: -80px; 1000 padding: 7px; 1001 width: 160px; 1002 -webkit-border-radius: 3px; 1003 -moz-border-radius: 3px; 1004 border-radius: 3px; 1005 background-color: #000; 1006 background-color: #008085f2; 1007 color: #fff; 1008 content: attr(data-tooltip); 1009 text-align: center; 1010 font-size: 14px; 1011 line-height: 1.2; 1012} 1013 1014/* Triangle hack to make tooltip look like a speech bubble */ 1015[data-tooltip]:after { 1016 position: absolute; 1017 bottom: 150%; 1018 left: 50%; 1019 margin-left: -5px; 1020 width: 0; 1021 border-top: 5px solid #000; 1022 border-top: 5px solid hsla(0, 0%, 20%, 0.9); 1023 border-right: 5px solid transparent; 1024 border-left: 5px solid transparent; 1025 content: " "; 1026 font-size: 0; 1027 line-height: 0; 1028 z-index: 999; 1029} 1030 1031/* Show tooltip content on hover */ 1032[data-tooltip]:hover:before, 1033[data-tooltip]:hover:after { 1034 visibility: visible; 1035 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 1036 filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); 1037 opacity: 1; 1038} 1039.gm-menu-item__txt:after{ 1040 background-color: #fff; 1041} 1042.top-nav-calendar .gm-menu-item__txt:after{ 1043 background: none !important; 1044} 1045.su-posts-default-loop .su-post { 1046 background:none; 1047 border: 1px solid #4d4d4d; 1048 border-radius: 10px; 1049} 1050/* Make pages with VBO plugins white */ 1051.page-id-30751 #main, .page-id-30761 #main, .page-id-328 #main, .page-id-35 #main, .page-id-9005 #main, .page-id-31056 #main, .page-id-1361 #main, .page-id-21360 #main, .page-id-29672 #main, .page-id-13944 #main, .page-id-75 #main, .page-id-28979 #main, .page-id-30139 #main, .page-id-25457 #main, .page-id-31292 #main, .page-id-30149 #main, .page-id-22330 #main, .page-id-31917 #main, .page-id-31925 #main, .page-id-32430 #main, .page-id-32440 #main, .page-id-28891 #main, .page-id-32773 #main, .page-id-32872 #main { 1052 background-color: #fafafa !important; 1053} 1054.page-id-28979 #main p{ 1055 color: #222 !important; 1056} 1057.page-id-28979 #main h1{ 1058 color: #222 !important; 1059} 1060.page-id-28979 #main h2{ 1061 color: #222 !important; 1062} 1063.page-id-32872 #main p{ 1064 color: #222 !important; 1065} 1066.page-id-32872 #main h1{ 1067 color: #222 !important; 1068} 1069.page-id-32872 #main h2{ 1070 color: #222 !important; 1071} 1072.page-id-30139 #main p{ 1073 color: #222 !important; 1074} 1075.page-id-30139 #main h1{ 1076 color: #222 !important; 1077} 1078.page-id-30139 #main h2{ 1079 color: #222 !important; 1080} 1081.page-id-31925 #main h2{ 1082 color: #222 !important; 1083} 1084.page-id-31925 #main p{ 1085 color: #222 !important; 1086} 1087.page-id-31925 #main h1{ 1088 color: #222 !important; 1089} 1090.page-id-31917 #main p{ 1091 color: #222 !important; 1092} 1093.page-id-31917 #main h1{ 1094 color: #222 !important; 1095} 1096.page-id-31917 #main h2{ 1097 color: #222 !important; 1098} 1099.page-id-32773 #main p{ 1100 color: #222 !important; 1101} 1102.page-id-32773 #main h1{ 1103 color: #222 !important; 1104} 1105.page-id-32773 #main h2{ 1106 color: #222 !important; 1107} 1108.page-id-30149 #main p{ 1109 color: #222 !important; 1110} 1111.page-id-30149 #main h1{ 1112 color: #222 !important; 1113} 1114.page-id-30149 #main h2{ 1115 color: #222 !important; 1116} 1117.page-id-25457 #main p{ 1118 color: #222 !important; 1119} 1120.page-id-30149 #main h1{ 1121 color: #222 !important; 1122} 1123.page-id-30149 #main h2{ 1124 color: #222 !important; 1125} 1126.page-id-30751 #main{ 1127 color: #222 !important; 1128} 1129 1130.gm-anchor { 1131 margin-left: 0px !important; 1132} 1133blockquote{ 1134 background: #222222; 1135 border-color: #008085; 1136} 1137.footer-socials{ 1138 float: right; 1139} 1140.footer-socials ul { 1141 display: flex; 1142} 1143.footer-socials ul li { 1144 list-style: none; 1145 margin: 0 5px; 1146 height: 30px; 1147 width: 30px; 1148 color: #fff; 1149 border: 2px solid #fff; 1150 border-radius: 50%; 1151 display: flex; 1152 justify-content: center; 1153 align-items: center; 1154 font-size: 14px; 1155 transition: all ease 0.3s; 1156 padding: 0px; 1157} 1158 1159.footer-socials ul li:hover {
1160 color: #fff; 1161 background: #008085; 1162 cursor: pointer; 1163} 1164.post-title a{ 1165 color: #fff !important; 1166} 1167.post-item{ 1168 border-bottom: none !important; 1169 margin-bottom: none !important; 1170} 1171.playdescription a { 1172 text-decoration: none !important; 1173 font-weight: 400 !important; 1174 color: #d4d4d4 !important; 1175} 1176.footer-email-signup{ 1177 width:100%; 1178 text-align:right; 1179} 1180#mc-embedded-subscribe 1181{ 1182 border: none; 1183 padding: 0 0.5em; 1184 vertical-align: middle; 1185 font-size: 1em; 1186 background-color: #008085; 1187 color: #fff; 1188 margin: 0; 1189 min-height: 2em; 1190 font-family:'Gilroy', sans-serif; 1191 font-weight: 700; 1192 margin-left: 0px; 1193} 1194 1195#mc_embed_signup div.mce_inline_error{ 1196} 1197 1198#mc_embed_shell{ 1199 padding: 0px 0px 20px 0px; 1200} 1201input{ 1202} 1203#mc_embed_shell input[type=email]{ 1204 border: 1px solid rgb(220, 219, 235); 1205 border-radius: 4px; 1206 font-size: 13px; 1207 padding: 10px; 1208 color: #000; 1209 transition: all .15s ease-in; 1210 width: 60%; 1211 } 1212#mc_embed_shell input[type=submit]{ 1213 transition: all .15s ease-in; 1214 width: 60%; 1215 } 1216.fg-image-viewer.fg-light .fiv-inner .fiv-ctrls, .fg-image-viewer.fg-light .fiv-inner .fiv-ctrls .fiv-count, .fg-image-viewer.fg-light .fiv-inner .fiv-ctrls .fiv-next, .fg-image-viewer.fg-light .fiv-inner .fiv-ctrls .fiv-prev, .fg-image-viewer.fg-light .fiv-inner .fiv-inner-container { 1217 background-color: #171717; 1218 color: #fafafa; 1219 border-color: #1a1a1a; 1220} 1221.foogallery.fg-image-viewer.fg-light.fg-shadow-outline .fiv-inner { 1222 box-shadow: 0 0 0 1px #111; 1223} 1224.fg-image-viewer.fg-light .fiv-next, .fg-image-viewer.fg-light .fiv-prev { 1225 box-shadow: inset 0 0 0 1px #222; 1226} 1227.playposter { 1228overflow: hidden; 1229} 1230.playposter img { 1231-webkit-transition: all 0.5s ease; /* Safari and Chrome */ 1232-moz-transition: all 0.3s ease; /* Firefox */ 1233-o-transition: all 0.3s ease; /* IE 9 */ 1234-ms-transition: all 0.3s ease; /* Opera */ 1235transition: all 0.3s ease; 1236max-width: 50% !important; 1237padding-right: 5px; 1238} 1239.playposter:hover img { 1240-webkit-transform:scale(1.05); /* Safari and Chrome */ 1241-moz-transform:scale(1.05); /* Firefox */ 1242-ms-transform:scale(1.05); /* IE 9 */ 1243-o-transform:scale(1.05); /* Opera */ 1244transform:scale(1.05); 1245} 1246.playposter-video { 1247overflow: hidden; 1248 position: relative; 1249 cursor: pointer; 1250} 1251.playposter-video img { 1252-webkit-transition: all 0.5s ease; /* Safari and Chrome */ 1253-moz-transition: all 0.3s ease; /* Firefox */ 1254-o-transition: all 0.3s ease; /* IE 9 */ 1255-ms-transition: all 0.3s ease; /* Opera */ 1256transition: all 0.3s ease; 1257max-width: 50% !important; 1258padding-right: 5px; 1259} 1260.playposter-video:hover img { 1261-webkit-transform:scale(1.05); /* Safari and Chrome */ 1262-moz-transform:scale(1.05); /* Firefox */ 1263-ms-transform:scale(1.05); /* IE 9 */ 1264-o-transform:scale(1.05); /* Opera */ 1265transform:scale(1.05); 1266} 1267.playposter-video { 1268 1269 1270 &:before { 1271 position:absolute; 1272 top: 50%; 1273 left: 50%; 1274 transform: translate(-50%, -50%); 1275 -webkit-transform: translate(-50%, -50%); 1276 content: "\f01d"; 1277 font-family: FontAwesome; 1278 font-size: 100px; 1279 color: #fff; 1280 opacity: .8; 1281 text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); 1282 pointer-events: none; 1283 } 1284 &:hover:before { 1285 color: #eee; 1286 } 1287} 1288.tab-content{ 1289 background: none; 1290} 1291.right-bar{ 1292 background: none; 1293} 1294.spBgcover li{ color: #222 !important; 1295} 1296.top-nav-calendar .gm-menu-item__txt{ 1297 display: none !important; 1298} 1299.ea-body{ 1300 background-color: #2a2a2a !important; 1301} 1302.sp-ea-single { 1303 border: 1px solid #000 !important; 1304 background-color:#000 !important; 1305} 1306.ea-header a{ 1307 color: #fff !important; 1308} 1309#fee-disclosure p{ 1310 color: #222 !important; 1311} 1312#fee-disclosure{ 1313 padding-top: 10px; 1314 padding-bottom: 0px !important; 1315} 1316#comments { 1317position: relative; 1318 top:250px; 1319} 1320.fg-caption-desc h4{ 1321 font-family: 'Oswald', sans-serif !important; 1322 font-style: italic; 1323} 1324.fg-caption-title{ 1325 font-weight: 700 !important; 1326 font-size:1em !important; 1327 margin-bottom: -3px !important; 1328} 1329.fg-caption-desc { 1330 font-family: 'Oswald', sans-serif !important; 1331 text-transform: uppercase; 1332 font-weight: 200; 1333} 1334.buytickets a{ 1335 color:#d7d7d7 !important; 1336} 1337.single div.entry > p{ 1338 font-size:1.4em; 1339} 1340div.calendar-inperson > p:nth-child(1) > a { 1341 color: #ffffff !important; 1342} 1343#performance-schedule td{ 1344 border: 0px; 1345} 1346#performance-schedule table{ 1347 border-collapse: collapse; 1348} 1349#performance-schedule tr{ 1350 border-bottom: 1px solid #4d4d4d; 1351} 1352div.su-service, div.su-service-title{ 1353 color: #fff; 1354 font-size: 16px; 1355} 1356div.su-service a 1357{ 1358 color: #008c90; 1359 font-weight:bold; 1360} 1361.performance-info{ 1362border: 1px solid #4d4d4d; 1363 padding:20px; 1364 margin-bottom:20px; 1365} 1366.performance-info > .one_half.last{ 1367border-left: 1px solid; 1368 margin-left: -26px; 1369 padding-left: 25px; 1370 1371} 1372.playdescription h2{ 1373 font-size: 1.5em !important;; 1374} 1375.playdescription h4{ 1376 padding-bottom:2px !important; 1377 font-family: 'Oswald', sans-serif; 1378} 1379#foogallery-gallery-32500 > div > div.fiv-inner-container > div > figure > figcaption > div > div.fg-caption-desc 1380{display: none} 1381#vbo_plugin{ 1382 background-color: #f7f7f7; 1383 padding: 20px; 1384 border: 1px solid #d4d4d4; 1385 border-radius: 20px; 1386 margin-bottom: 20px; 1387} 1388#menu-item-33129 a{ 1389color: #ffcc66 !important; 1390} 1391#sp-ubm1xl > div > div.sp-pricing-table-header > p > sup:nth-child(3) { 1392 display: none; 1393} 1394.subpacks{ 1395 max-width: 1280px; 1396 margin: 0 auto; 1397 padding: 10px 0 30px; 1398} 1399 1400.subpacks-heading{ 1401 text-align: center; 1402 margin-bottom: 24px; 1403} 1404 1405.subpacks-title{ 1406 margin: 0 0 8px; 1407 font-family: 'Gilroy', sans-serif !important; 1408 font-weight: 800 !important; 1409 text-transform: uppercase; 1410} 1411 1412.subpacks-intro{ 1413 margin: 0; 1414} 1415 1416.subpacks-grid{ 1417 display: grid; 1418 grid-template-columns: repeat(3, minmax(0, 1fr)); 1419 gap: 24px; 1420 padding: 0 12px; 1421} 1422 1423.subpacks-card{ 1424 position: relative; 1425 display: flex; 1426 flex-direction: column; 1427 border: 1px solid #4d4d4d; 1428 border-radius: 12px; 1429 overflow: hidden; 1430 background: transparent; 1431 transition: transform .2s ease, box-shadow .2s ease; 1432} 1433 1434.subpacks-card:hover{ 1435 transform: translateY(-2px); 1436 box-shadow: 0 8px 20px rgba(0,0,0,.18); 1437} 1438 1439.subpacks-card--featured{ 1440 box-shadow: 1441 0 0 0 1px rgba(232,184,93,.55), 1442 0 0 8px rgba(232,184,93,.38), 1443 0 0 9px rgba(232,184,93,.18); 1444} 1445 1446.subpacks-card--featured:hover{ 1447 box-shadow: 1448 0 0 0 1px rgba(232,184,93,.75), 1449 0 0 10px rgba(232,184,93,.48), 1450 0 0 10px rgba(232,184,93,.24); 1451} 1452 1453.subpacks-image{ 1454 overflow: hidden; 1455 line-height: 0; 1456} 1457 1458.subpacks-image img{ 1459 display: block; 1460 width: 100%; 1461 height: auto; 1462 transition: transform .3s ease; 1463} 1464 1465.subpacks-card:hover .subpacks-image img{ 1466 transform: scale(1.04); 1467} 1468 1469.subpacks-body{ 1470 display: flex; 1471 flex-direction: column; 1472 flex: 1; 1473 padding: 18px 18px 20px; 1474} 1475 1476.subpacks-price-wrap{ 1477 margin-bottom: 14px; 1478} 1479 1480.subpacks-price{ 1481 font-family: 'Gilroy', sans-serif; 1482 font-size: clamp(2rem, 4vw, 2.2rem); 1483 line-height: 1; 1484 font-weight: 800; 1485 color: #fff; 1486} 1487 1488.subpacks-price-note{
1489 margin-top: 6px; 1490 font-family: 'Gilroy', sans-serif; 1491 font-size: .9rem; 1492 line-height: 1.2; 1493 text-transform: uppercase; 1494 letter-spacing: .04em; 1495 color: rgba(255,255,255,.7); 1496} 1497 1498.subpacks-name{ 1499 margin: 0 0 10px; 1500 font-family: 'Gilroy', sans-serif !important; 1501 font-size: 1.35rem !important; 1502 line-height: 1.15; 1503 font-weight: 900 !important; 1504 font-style: italic; 1505 text-transform: uppercase; 1506 color: #fff !important; 1507} 1508 1509.subpacks-desc{ 1510 margin: 0 0 14px; 1511 font-family: 'Gilroy', sans-serif !important; 1512 font-size: 1rem !important; 1513 line-height: 1.55; 1514 color: rgba(255,255,255,.88) !important; 1515} 1516 1517/* FEATURES LIST */ 1518 1519.subpacks-features{ 1520 margin: 6px 0 18px; 1521 padding: 0; 1522 list-style: none; 1523} 1524 1525.subpacks-features li{ 1526 display: flex; 1527 align-items: flex-start; 1528 gap: 10px; 1529 padding: 10px 0; 1530 border-top: 1px solid rgba(255,255,255,.08); 1531 font-family: 'Gilroy', sans-serif; 1532 font-size: .98rem; 1533 line-height: 1.45; 1534 color: #fff; 1535 1536 padding-left: 0em !important; 1537} 1538 1539.subpacks-features li:first-child{ 1540 border-top: 1px solid rgba(255,255,255,.12); 1541} 1542 1543.subpacks-features li i{ 1544 width: 18px; 1545 min-width: 18px; 1546 text-align: center; 1547 color: #e8b85d; 1548 margin-top: 2px; 1549 font-size: 14px; 1550} 1551 1552.subpacks-buttons{ 1553 margin-top: auto; 1554} 1555 1556.subpacks-buttons .tickets-button{ 1557 display: block; 1558 width: 100%; 1559 box-sizing: border-box; 1560 text-align: center; 1561} 1562 1563.subpacks-helper{ 1564 margin-top: 10px; 1565 font-family: 'Gilroy', sans-serif; 1566 font-size: .95rem; 1567 line-height: 1.35; 1568 color: rgba(255,255,255,.72); 1569} 1570 1571.subpacks-ribbon{ 1572 position: absolute; 1573 top: 14px; 1574 right: -46px; 1575 z-index: 3; 1576 width: 170px; 1577 padding: 8px 0; 1578 background: #008c90; 1579 color: #fff; 1580 text-align: center; 1581 font-family: 'Gilroy', sans-serif; 1582 font-size: 13px; 1583 font-weight: 700; 1584 text-transform: uppercase; 1585 transform: rotate(35deg); 1586} 1587 1588@media screen and (max-width: 950px){ 1589 .subpacks-grid{ 1590 grid-template-columns: 1fr; 1591 } 1592} 1593/* --- Subscribers Get Band --- */ 1594.subscribers-get-band{ 1595 padding: 20px 0px 20px 0px; 1596} 1597 1598.subscribers-get-title{ 1599 font-family: 'Gilroy', sans-serif; 1600 font-weight: 700 !important; 1601 font-size: 2rem; 1602 margin-bottom: 40px; 1603 color: #fff !important; 1604 text-transform:uppercase; 1605} 1606 1607.subscribers-get-grid{ 1608 display: grid; 1609 grid-template-columns: repeat(4, 1fr); 1610 gap: 20px; 1611 max-width: 1200px; 1612 margin: 0 auto; 1613} 1614 1615.subscribers-get-item{ 1616 display: flex; 1617 flex-direction: column; 1618 align-items: center; 1619} 1620 1621.subscribers-get-icon{ 1622 font-size: 48px; 1623 margin-bottom: 18px; 1624 color: #ffffff; 1625} 1626 1627.subscribers-get-label{ 1628 font-family: 'Gilroy', sans-serif; 1629 font-weight: 700; 1630 font-size: 1.25rem; 1631 color: #ffffff; 1632} 1633 1634/* Mobile collapse */ 1635@media screen and (max-width: 900px){ 1636 .subscribers-get-grid{ 1637 grid-template-columns: repeat(2, 1fr); 1638 row-gap: 35px; 1639 } 1640} 1641 1642@media screen and (max-width: 500px){ 1643 .subscribers-get-grid{ 1644 grid-template-columns: 1fr; 1645 } 1646} 1647.sfph-donation-tiers { 1648 --sfph-bg: #0d0f14; 1649 --sfph-card: #151922; 1650 --sfph-card-hover: #1b2130; 1651 --sfph-border: rgba(255,255,255,0.12); 1652 --sfph-border-hover: rgba(0,140,144,0.65); 1653 --sfph-text: #f4f1ea;
1654 --sfph-muted: #b8bec9; 1655 --sfph-accent: #008c90; 1656 --sfph-accent-2: #e0b75f; 1657 --sfph-shadow: 0 18px 40px rgba(0,0,0,0.35); 1658 padding: 40px 20px; 1659 1660 font-family: "Gilroy", sans-serif; 1661} 1662 1663.sfph-tier-grid { 1664 max-width: 1400px; 1665 margin: 0 auto; 1666 display: grid; 1667 gap: 28px; 1668 align-items: stretch; 1669} 1670 1671.sfph-tier-card { 1672 position: relative; 1673 display: flex; 1674 flex-direction: column; 1675 background: 1676 linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)), 1677 var(--sfph-card); 1678 border: 1px solid var(--sfph-border); 1679 border-radius: 18px; 1680 padding: 28px 26px 24px; 1681 color: var(--sfph-text); 1682 box-shadow: var(--sfph-shadow); 1683 overflow: hidden; 1684 transition: 1685 transform 0.28s ease, 1686 border-color 0.28s ease, 1687 box-shadow 0.28s ease, 1688 background 0.28s ease; 1689} 1690 1691.sfph-tier-card::before { 1692 content: ""; 1693 position: absolute; 1694 inset: 0 0 auto 0; 1695 height: 4px; 1696 background: linear-gradient(90deg, var(--sfph-accent), var(--sfph-accent-2)); 1697 opacity: 0.82; 1698} 1699 1700.sfph-tier-card:hover { 1701 transform: translateY(-8px); 1702 background: 1703 linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0)), 1704 var(--sfph-card-hover); 1705 border-color: var(--sfph-border-hover); 1706 box-shadow: 1707 0 22px 50px rgba(0,0,0,0.48), 1708 0 0 0 1px rgba(0,140,144,0.08), 1709 0 0 24px rgba(0,140,144,0.16); 1710} 1711 1712.sfph-tier-card-featured { 1713 border-color: rgba(224,183,95,0.35); 1714} 1715 1716.sfph-tier-card-featured::before { 1717 background: linear-gradient(90deg, var(--sfph-accent-2), var(--sfph-accent)); 1718} 1719 1720.sfph-tier-range { 1721 font-size: 1.3rem !important; 1722 font-weight: 600 !important; 1723 text-align: center !important; 1724 margin-bottom: 6px !important; 1725 letter-spacing: 0.02em; 1726} 1727 1728.sfph-tier-title { 1729 margin: 0 0 20px !important; 1730 text-align: center !important; 1731 1732 font-family: "Oswald", sans-serif !important; 1733 font-size: clamp(2rem, 2.4vw, 3rem) !important; 1734 font-weight: 500 !important; 1735 letter-spacing: 0.04em !important; 1736 text-transform: uppercase !important; 1737 1738 color: #ffffff !important; 1739} 1740 1741.sfph-tier-section { 1742 margin-bottom: 18px; 1743} 1744 1745.sfph-tier-section:last-child { 1746 margin-bottom: 0; 1747} 1748 1749.sfph-tier-section h4 { 1750 margin: 0 0 10px !important; 1751 1752 font-family: "Oswald", sans-serif !important; 1753 font-size: 0.9rem !important; 1754 font-weight: 500 !important; 1755 1756 text-transform: uppercase !important; 1757 letter-spacing: 0.12em !important; 1758 1759 color: var(--sfph-accent-2) !important; 1760} 1761 1762.sfph-tier-benefits { 1763 margin: 0 !important; 1764 display: flex; 1765 flex-direction: column; 1766 gap: 8px; 1767} 1768 1769.sfph-tier-benefit { 1770 position: relative; 1771 padding-left: 14px; 1772 font-family: "Gilroy", sans-serif !important; 1773 font-size: 0.98rem !important; 1774 line-height: 1.45 !important; 1775 color: var(--sfph-text) !important; 1776} 1777 1778.sfph-tier-benefit::before { 1779 content: ""; 1780 position: absolute; 1781 left: 0; 1782 top: 0.58em; 1783 width: 4px; 1784 height: 4px; 1785 border-radius: 50%; 1786 background: rgba(244,241,234,0.7); 1787} 1788 1789@media (max-width: 1100px) { 1790 .sfph-tier-grid { 1791 grid-template-columns: repeat(2, minmax(0, 1fr)); 1792 } 1793} 1794 1795@media (max-width: 700px) { 1796 .sfph-tier-grid { 1797 grid-template-columns: 1fr; 1798 max-width: 760px; 1799 } 1800 1801 .sfph-tier-card { 1802 padding: 24px 22px; 1803 } 1804 1805 .sfph-tier-title { 1806 font-size: 2rem !important; 1807 } 1808} 1809.our-venues{ 1810 max-width: 1200px; 1811 margin: 60px auto; 1812 padding: 0 20px; 1813} 1814 1815.our-venues-title{ 1816 font-family: 'Gilroy', sans-serif; 1817 text-transform: uppercase; 1818 font-weight: 800 !important; 1819} 1820 1821.our-venues-grid{ 1822 display: grid; 1823 grid-template-columns: repeat(2, minmax(0, 1fr)); 1824 gap: 24px; 1825} 1826 1827.our-venue-card{ 1828 background: none; 1829 border: 1px solid #4d4d4d; 1830 border-radius: 10px; 1831 overflow: hidden; 1832 display: flex; 1833 flex-direction: column; 1834} 1835 1836.our-venue-image{ 1837 overflow: hidden; 1838 line-height: 0; 1839} 1840 1841.our-venue-image img{ 1842 display: block; 1843 width: 100%; 1844 height: auto; 1845 transition: transform .3s ease; 1846} 1847 1848.our-venue-card:hover .our-venue-image img{ 1849 transform: scale(1.05); 1850} 1851 1852.our-venue-body{ 1853 padding: 18px 18px 20px 18px; 1854} 1855 1856.our-venue-row{ 1857 display: inline-flex; 1858 align-items: center; 1859 gap: 12px; 1860 margin-bottom: 6px; 1861} 1862 1863.our-venue-icon{ 1864 width: 24px; 1865 height: 24px; 1866 flex: 0 0 24px; 1867 background-image: url("https://www.sfplayhouse.org/wp-content/uploads/2025/01/location-svgrepo-com.svg"); 1868 background-size: contain; 1869 background-repeat: no-repeat; 1870 background-position: center; 1871} 1872 1873.our-venue-name{ 1874 font-family: 'Gilroy', sans-serif; 1875 font-weight: 700; 1876 font-size: 1.45rem; 1877 line-height: 1.2; 1878 color: #fff; 1879} 1880 1881.our-venue-neighborhood{ 1882 font-family: 'Gilroy', sans-serif; 1883 font-size: 1rem; 1884 color: rgba(255,255,255,0.75); 1885 margin-bottom: 14px; 1886} 1887 1888.our-venue-description{ 1889 font-family: 'Gilroy', sans-serif !important; 1890 font-size: 1.1rem; 1891 line-height: 1.6; 1892 color: #fafafa !important; 1893 margin: 0; 1894} 1895 1896.our-venue-description em{ 1897 font-style: italic; 1898} 1899 1900@media screen and (max-width: 800px){ 1901 .our-venues-grid{ 1902 grid-template-columns: 1fr; 1903 } 1904} 1905.ticketing-wrapper{ 1906 background: #fff; 1907 padding: 30px; 1908 border-radius: 12px; 1909 margin: 5px; 1910 box-shadow: 0 5px 4px rgba(0,0,0,0.35); 1911 outline: 1px solid #008c90; 1912} 1913 1914.ticketing-inner{ 1915 background: #ffffff; 1916 border-radius: 8px; 1917 overflow: hidden; 1918 1919 1920} 1921 1922.ticketing-inner iframe{ 1923 width: 100%; 1924 border: none; 1925 display: block; 1926 min-height: 700px; 1927} 1928.info-box{ 1929 margin:40px auto; 1930 padding:20px 24px; 1931 border-radius:10px; 1932 border:1px solid rgba(0,140,144,0.6); 1933 background:rgba(255,255,255,0.03); 1934 color:#fff; 1935 line-height:1.6; 1936 text-align:center; 1937} 1938 1939.info-box p{ 1940 margin:0; 1941} 1942h4.location{ 1943 display: inline-flex; 1944 align-items: center; 1945 gap: 0.5em; 1946} 1947 1948h4.location::before{ 1949 content: ""; 1950 display: inline-block; 1951 width: 1em; 1952 height: 1em; 1953 flex: 0 0 1em; 1954 background-image: url("https://www.sfplayhouse.org/wp-content/uploads/2025/01/location-svgrepo-com.svg"); 1955 background-size: contain; 1956 background-repeat: no-repeat; 1957 background-position: center; 1958} 1959.venue-page{ 1960 max-width: 1280px; 1961 margin: 0 auto; 1962 padding: 10px 12px 40px; 1963} 1964 1965.venue-card{ 1966 border: 1px solid #4d4d4d; 1967 border-radius: 12px; 1968 overflow: hidden; 1969 background: transparent; 1970 margin-bottom: 24px; 1971} 1972 1973.venue-card-body{ 1974 padding: 22px; 1975} 1976 1977.venue-hero{ 1978 display: grid; 1979 grid-template-columns: 1.1fr 1fr; 1980 align-items: stretch; 1981} 1982 1983.venue-hero-image{ 1984 line-height: 0; 1985 overflow: hidden; 1986} 1987 1988.venue-hero-image img{ 1989 display: block; 1990 width: 100%; 1991 height: 100%; 1992 object-fit: cover; 1993} 1994 1995.venue-hero-body{ 1996 padding: 28px; 1997 display: flex; 1998 flex-direction: column; 1999 justify-content: center; 2000} 2001 2002.venue-lead{ 2003 margin-top: 14px; 2004 max-width: 60ch; 2005} 2006 2007.venue-section-title{ 2008 margin: 0 0 16px; 2009 font-family: 'Gilroy', sans-serif !important; 2010 font-size: 1.5rem !important; 2011 font-weight: 800 !important; 2012 text-transform: uppercase; 2013 color: #fff !important; 2014} 2015 2016.venue-section-title--center{ 2017 text-align: center; 2018 margin-bottom: 24px; 2019} 2020 2021.venue-facts{ 2022 margin-bottom: 24px; 2023} 2024 2025.venue-facts-grid{ 2026 display: grid; 2027 grid-template-columns: repeat(3, minmax(0, 1fr)); 2028 gap: 18px; 2029} 2030 2031.venue-fact-item{ 2032 border: 1px solid #4d4d4d; 2033 border-radius: 10px; 2034 padding: 18px; 2035 text-align: center; 2036} 2037 2038.venue-fact-label{ 2039 font-family: 'Gilroy', sans-serif; 2040 font-size: .9rem; 2041 text-transform: uppercase; 2042 letter-spacing: .04em; 2043 color: rgba(255,255,255,.72); 2044 margin-bottom: 6px; 2045} 2046 2047.venue-fact-value{ 2048 font-family: 'Gilroy', sans-serif; 2049 font-size: 1.15rem; 2050 font-weight: 700; 2051 color: #fff; 2052} 2053 2054.venue-grid-2{ 2055 display: grid; 2056 grid-template-columns: repeat(2, minmax(0, 1fr)); 2057 gap: 24px; 2058 margin-bottom: 24px; 2059} 2060 2061.venue-address-label{ 2062 font-family: 'Gilroy', sans-serif; 2063 font-size: .8rem; 2064 text-transform: uppercase; 2065 letter-spacing: .05em; 2066 color: rgba(255,255,255,.6); 2067 margin-bottom: 4px; 2068} 2069 2070.venue-map{ 2071 margin: 16px 0; 2072 border-radius: 10px; 2073 overflow: hidden; 2074 border: 1px solid #4d4d4d; 2075 transition: box-shadow .2s ease; 2076} 2077 2078.venue-map:hover{ 2079 box-shadow: 0 6px 18px rgba(0,0,0,.25); 2080} 2081 2082.venue-map iframe{ 2083 display: block; 2084 width: 100%; 2085 height: 260px; 2086 border: 0; 2087} 2088 2089.venue-seatmap img{ 2090 display: block; 2091 width: 100%; 2092 height: auto; 2093 border-radius: 8px; 2094} 2095 2096.venue-list{ 2097 margin: 0; 2098 padding-left: 20px; 2099} 2100 2101.venue-list li{ 2102 color: #fafafa; 2103 margin-bottom: 8px; 2104} 2105 2106@media screen and (max-width: 950px){ 2107 .venue-hero, 2108 .venue-grid-2, 2109 .venue-facts-grid{ 2110 grid-template-columns: 1fr; 2111 } 2112} 2113.sfph-tier-link { 2114 text-decoration: none !important; 2115 color: inherit !important; 2116 display: block; 2117} 2118 2119.sfph-tier-link:hover { 2120 text-decoration: none !important; 2121} 2122.sfph-tier-cta { 2123 margin-top: auto; 2124 padding-top: 20px; 2125 display: flex; 2126 justify-content: center; 2127} 2128 2129.sfph-tier-button { 2130 background: linear-gradient(90deg, #008c90, #0aa3a8); 2131 color: #fff; 2132 font-family: "Oswald", sans-serif; 2133 font-size: 0.85rem; 2134 letter-spacing: 0.1em; 2135 text-transform: uppercase; 2136 2137 padding: 10px 18px; 2138 border-radius: 999px; 2139 2140 transition: all 0.25s ease; 2141 box-shadow: 0 0 0 rgba(0,0,0,0); 2142} 2143 2144.sfph-tier-link:hover .sfph-tier-button { 2145 background: linear-gradient(90deg, #0aa3a8, #008c90); 2146 transform: translateY(-2px); 2147 box-shadow: 0 6px 18px rgba(0,140,144,0.35); 2148} 2149.sfph-tier-card-link { 2150 position: absolute; 2151 inset: 0; 2152 z-index: 1; 2153 text-indent: -9999px; 2154 overflow: hidden; 2155} 2156.sfph-tier-card > *:not(.sfph-tier-card-link) { 2157 position: relative; 2158 z-index: 2; 2159} 2160 2161.sfph-tier-cta { 2162 margin-top: auto; 2163 padding-top: 20px; 2164 display: flex; 2165 flex-direction: column; 2166 align-items: center; 2167} 2168 2169.sfph-tier-button { 2170 background: linear-gradient(90deg, #008c90, #0aa3a8); 2171 color: #fff !important; 2172 font-family: "Oswald", sans-serif; 2173 font-size: 0.85rem; 2174 letter-spacing: 0.1em; 2175 text-transform: uppercase; 2176 padding: 10px 18px; 2177 border-radius: 999px; 2178 transition: all 0.25s ease; 2179} 2180 2181.sfph-tier-card:hover .sfph-tier-button { 2182 transform: translateY(-2px); 2183 box-shadow: 0 6px 18px rgba(0,140,144,0.35); 2184} 2185.sfph-tier-helper { 2186 margin-top: 10px; 2187 font-family: "Gilroy", sans-serif; 2188 font-size: 0.9rem; 2189 line-height: 1.4; 2190 color: rgba(244,241,234,0.75); 2191 text-align: center; 2192} 2193 2194.sfph-tier-helper a {
2195 color: #e0b75f; /* gold accent */ 2196 text-decoration: none; 2197 font-weight: 500; 2198} 2199 2200.sfph-tier-helper a:hover { 2201 text-decoration: underline; 2202} 2203/* ========================================================== 2204 SAN FRANCISCO PLAYHOUSE â NEW WORKS PROGRAM 2205 Mobile-safe version 2206 ========================================================== */ 2207 2208.nw-page { 2209 --nw-bg: #171c20; 2210 --nw-bg-alt: #20262b; 2211 --nw-card: #22282d; 2212 --nw-card-dark: #14181b; 2213 --nw-border: #454b50; 2214 --nw-text: #fafafa; 2215 --nw-muted: #c7cbcd; 2216 --nw-teal: #008c90; 2217 --nw-teal-light: #2da8ac; 2218 --nw-gold: #ffcc66; 2219 2220 position: relative; 2221 display: block; 2222 width: 100%; 2223 max-width: 100%; 2224 margin: 0; 2225 padding: 0; 2226 overflow: hidden; 2227 background: var(--nw-bg); 2228 color: var(--nw-text); 2229 font-family: 'Gilroy', sans-serif !important; 2230 font-size: 17px; 2231 line-height: 1.55; 2232} 2233 2234.nw-page *, 2235.nw-page *::before, 2236.nw-page *::after { 2237 box-sizing: border-box; 2238} 2239 2240.nw-page p { 2241 margin: 0 0 18px 0 !important; 2242 padding: 0 !important; 2243 max-width: 100%; 2244 color: var(--nw-text) !important; 2245 font-family: 'Gilroy', sans-serif !important; 2246 font-size: 17px !important; 2247 line-height: 1.6 !important; 2248 overflow-wrap: break-word; 2249 word-break: normal; 2250} 2251 2252.nw-page h1, 2253.nw-page h2, 2254.nw-page h3 { 2255 margin-top: 0 !important; 2256 padding: 0 !important; 2257 max-width: 100%; 2258 color: #ffffff !important; 2259 font-family: 'Gilroy', sans-serif !important; 2260 overflow-wrap: break-word; 2261} 2262 2263.nw-page h1 { 2264 font-size: clamp(42px, 6vw, 72px) !important; 2265 font-weight: 800 !important; 2266 line-height: 1 !important; 2267} 2268 2269.nw-page h2 { 2270 margin-bottom: 18px !important; 2271 font-size: clamp(30px, 4vw, 44px) !important; 2272 font-weight: 800 !important; 2273 line-height: 1.08 !important; 2274} 2275 2276.nw-page h3 { 2277 margin-bottom: 8px !important; 2278 font-size: 23px !important; 2279 font-weight: 800 !important; 2280 line-height: 1.18 !important; 2281} 2282 2283.nw-page a { 2284 max-width: 100%; 2285 text-decoration: none; 2286 overflow-wrap: break-word; 2287} 2288 2289.nw-inner { 2290 width: 100%; 2291 max-width: 1160px; 2292 margin: 0 auto; 2293 padding-left: 30px; 2294 padding-right: 30px; 2295} 2296 2297.nw-section { 2298 width: 100%; 2299 max-width: 100%; 2300 padding: 70px 0; 2301 background: var(--nw-bg); 2302} 2303 2304.nw-section-alt { 2305 background: var(--nw-bg-alt); 2306} 2307 2308.nw-section-deep { 2309 background: #111517; 2310} 2311 2312.nw-kicker { 2313 display: block; 2314 margin-bottom: 9px; 2315 color: var(--nw-gold) !important; 2316 font-family: 'Gilroy', sans-serif !important; 2317 font-size: 13px !important; 2318 font-weight: 800 !important; 2319 line-height: 1.3 !important; 2320 letter-spacing: .11em; 2321 text-transform: uppercase; 2322} 2323 2324.nw-lead { 2325 max-width: 850px !important; 2326 margin-bottom: 0 !important; 2327 color: #ffffff !important; 2328 font-size: clamp(19px, 2.2vw, 23px) !important; 2329 line-height: 1.5 !important; 2330} 2331 2332.nw-copy { 2333 max-width: 850px; 2334} 2335 2336.nw-copy p:last-child, 2337.nw-card p:last-child, 2338.nw-process-card p:last-child, 2339.nw-production p:last-child, 2340.nw-development-copy p:last-child, 2341.nw-legacy-copy p:last-child { 2342 margin-bottom: 0 !important; 2343} 2344 2345 2346/* ========================================================== 2347 HERO 2348 ========================================================== */ 2349 2350.nw-hero { 2351 position: relative; 2352 width: 100%; 2353 max-width: 100%; 2354 overflow: hidden; 2355 padding: 78px 0 74px; 2356 background: 2357 radial-gradient(circle at 88% 45%, rgba(0,140,144,.24) 0, rgba(0,140,144,.08) 24%, rgba(0,140,144,0) 52%), 2358 linear-gradient(135deg, #111517 0%, #171c20 62%, #182428 100%); 2359 border-bottom: 1px solid rgba(255,255,255,.08); 2360} 2361 2362.nw-hero::before { 2363 content: ""; 2364 position: absolute; 2365 top: 0; 2366 left: 0; 2367 width: 110px; 2368 height: 5px; 2369 background: var(--nw-gold); 2370} 2371 2372.nw-hero-inner { 2373 position: relative; 2374 z-index: 2; 2375} 2376 2377.nw-hero-content { 2378 width: 100%; 2379 max-width: 900px; 2380 min-width: 0; 2381} 2382 2383.nw-hero-kicker { 2384 display: block; 2385 margin-bottom: 14px; 2386 color: var(--nw-gold) !important; 2387 font-family: 'Gilroy', sans-serif !important; 2388 font-size: 13px; 2389 font-weight: 800; 2390 line-height: 1.2; 2391 letter-spacing: .13em; 2392 text-transform: uppercase; 2393} 2394 2395.nw-hero h1 { 2396 margin: 0 0 21px 0 !important; 2397 color: #ffffff !important; 2398 font-size: clamp(46px, 7vw, 78px) !important; 2399 font-weight: 800 !important; 2400 line-height: .98 !important; 2401 letter-spacing: -.025em; 2402} 2403 2404.nw-hero p { 2405 max-width: 780px !important; 2406 margin: 0 0 28px 0 !important; 2407 color: rgba(255,255,255,.9) !important; 2408 font-size: clamp(19px, 2.2vw, 24px) !important; 2409 line-height: 1.48 !important; 2410} 2411 2412.nw-hero-actions { 2413 display: flex; 2414 flex-wrap: wrap; 2415 align-items: center; 2416 gap: 12px; 2417 max-width: 100%; 2418} 2419 2420.nw-hero-primary, 2421.nw-hero-secondary {
2422 display: inline-flex; 2423 align-items: center; 2424 justify-content: center; 2425 min-height: 46px; 2426 padding: 11px 19px; 2427 border-radius: 3px; 2428 font-family: 'Gilroy', sans-serif !important; 2429 font-size: 14px !important; 2430 font-weight: 800 !important; 2431 line-height: 1.2; 2432 text-align: center; 2433 text-decoration: none !important; 2434 transition: transform .15s ease, background-color .15s ease, border-color .15s ease, color .15s ease; 2435} 2436 2437.nw-hero-primary { 2438 background: var(--nw-gold); 2439 border: 2px solid var(--nw-gold); 2440 color: #111111 !important; 2441} 2442 2443.nw-hero-primary:hover { 2444 background: #ffda8b; 2445 border-color: #ffda8b; 2446 color: #111111 !important; 2447 transform: translateY(-1px); 2448} 2449 2450.nw-hero-secondary { 2451 background: transparent; 2452 border: 2px solid rgba(255,255,255,.55); 2453 color: #ffffff !important; 2454} 2455 2456.nw-hero-secondary:hover { 2457 background: rgba(255,255,255,.08); 2458 border-color: #ffffff; 2459 color: #ffffff !important; 2460 transform: translateY(-1px); 2461} 2462 2463 2464/* ========================================================== 2465 ANCHOR NAV 2466 ========================================================== */ 2467 2468.nw-nav { 2469 width: 100%; 2470 max-width: 100%; 2471 background: var(--nw-teal); 2472 border-bottom: 1px solid rgba(255,255,255,.14); 2473 overflow: hidden; 2474} 2475 2476.nw-nav-inner { 2477 display: flex; 2478 justify-content: center; 2479 align-items: center; 2480 flex-wrap: wrap; 2481 gap: 4px; 2482} 2483 2484.nw-nav a { 2485 position: relative; 2486 display: block; 2487 padding: 14px 16px 13px; 2488 color: rgba(255,255,255,.9) !important; 2489 font-family: 'Gilroy', sans-serif !important; 2490 font-size: 12px !important; 2491 font-weight: 700 !important; 2492 line-height: 1.2; 2493 letter-spacing: .07em; 2494 text-transform: uppercase; 2495 text-decoration: none !important; 2496 white-space: nowrap; 2497 transition: color .2s ease; 2498} 2499 2500.nw-nav a::after { 2501 content: ""; 2502 position: absolute; 2503 left: 16px; 2504 right: 16px; 2505 bottom: 8px; 2506 height: 2px; 2507 background: var(--nw-gold); 2508 transform: scaleX(0); 2509 transform-origin: center; 2510 transition: transform .2s ease; 2511} 2512 2513.nw-nav a:hover { 2514 background: transparent !important; 2515 color: #ffffff !important; 2516} 2517 2518.nw-nav a:hover::after { 2519 transform: scaleX(1); 2520} 2521 2522 2523/* ========================================================== 2524 INTRO / STATS 2525 ========================================================== */ 2526 2527.nw-intro { 2528 padding-top: 65px; 2529} 2530 2531.nw-stats { 2532 display: grid; 2533 grid-template-columns: repeat(3, minmax(0, 1fr)); 2534 gap: 1px; 2535 width: 100%; 2536 max-width: 100%; 2537 margin-top: 38px; 2538 background: var(--nw-border); 2539 border: 1px solid var(--nw-border); 2540 border-radius: 10px; 2541 overflow: hidden; 2542} 2543 2544.nw-stat { 2545 min-width: 0; 2546 padding: 30px 20px; 2547 background: var(--nw-card); 2548 text-align: center; 2549} 2550 2551.nw-stat-number { 2552 display: block; 2553 margin-bottom: 7px; 2554 color: var(--nw-gold) !important; 2555 font-family: 'Gilroy', sans-serif !important; 2556 font-size: clamp(38px, 5vw, 56px); 2557 font-weight: 800; 2558 line-height: 1; 2559} 2560 2561.nw-stat-label { 2562 display: block; 2563 color: #ffffff !important; 2564 font-family: 'Gilroy', sans-serif !important; 2565 font-size: 16px; 2566 font-weight: 700; 2567 line-height: 1.3; 2568} 2569 2570 2571/* ========================================================== 2572 PROCESS 2573 ========================================================== */ 2574 2575.nw-process { 2576 display: grid; 2577 grid-template-columns: repeat(3, minmax(0, 1fr)); 2578 gap: 20px; 2579 width: 100%; 2580 max-width: 100%; 2581 margin-top: 35px; 2582} 2583 2584.nw-process-card { 2585 position: relative; 2586 min-width: 0; 2587 padding: 28px; 2588 background: var(--nw-card-dark); 2589 border: 1px solid var(--nw-border); 2590 border-top: 5px solid var(--nw-teal); 2591 border-radius: 10px; 2592 overflow: hidden; 2593} 2594 2595.nw-process-number { 2596 display: block; 2597 margin-bottom: 10px; 2598 color: var(--nw-gold) !important; 2599 font-family: 'Gilroy', sans-serif !important; 2600 font-size: 12px; 2601 font-weight: 800; 2602 line-height: 1.2; 2603 letter-spacing: .1em; 2604 text-transform: uppercase; 2605} 2606 2607.nw-process-card h3 { 2608 color: #ffffff !important; 2609} 2610 2611.nw-process-card p { 2612 color: var(--nw-muted) !important; 2613} 2614 2615/* ========================================================== 2616 COMMISSIONS 2617 ========================================================== */ 2618 2619.nw-commission-grid { 2620 display: grid; 2621 grid-template-columns: repeat(3, minmax(0, 1fr)); 2622 gap: 18px; 2623 width: 100%; 2624 max-width: 100%; 2625 margin-top: 35px; 2626} 2627 2628.nw-card { 2629 position: relative; 2630 min-width: 0; 2631 padding: 25px; 2632 background: var(--nw-card); 2633 border: 1px solid var(--nw-border); 2634 border-radius: 10px; 2635 overflow: hidden;
2636 cursor: pointer; 2637 transition: transform .2s ease, border-color .2s ease, background-color .2s ease; 2638} 2639 2640.nw-card:hover { 2641 transform: translateY(-2px); 2642 border-color: var(--nw-teal); 2643 background: #252c31; 2644} 2645 2646.nw-card-link { 2647 position: absolute; 2648 inset: 0; 2649 z-index: 3; 2650 display: block; 2651 border-radius: 10px; 2652 text-indent: -9999px; 2653 overflow: hidden; 2654} 2655 2656.nw-card-link:focus-visible { 2657 outline: 2px solid var(--nw-gold); 2658 outline-offset: -4px; 2659} 2660 2661.nw-card h3, 2662.nw-card .nw-card-byline, 2663.nw-card .nw-tag { 2664 position: relative; 2665 z-index: 2; 2666 pointer-events: none; 2667} 2668 2669.nw-card h3 { 2670 margin-bottom: 5px !important; 2671 color: #ffffff !important; 2672 font-size: 22px !important; 2673} 2674 2675.nw-card-byline { 2676 margin: 0 !important; 2677 color: var(--nw-muted) !important; 2678 font-size: 16px !important; 2679} 2680 2681.nw-tag { 2682 display: inline-block; 2683 max-width: 100%; 2684 margin-bottom: 14px; 2685 padding: 5px 9px; 2686 background: var(--nw-gold); 2687 border-radius: 3px; 2688 color: #111111 !important; 2689 font-family: 'Gilroy', sans-serif !important; 2690 font-size: 11px; 2691 font-weight: 800; 2692 line-height: 1.2; 2693 letter-spacing: .06em; 2694 text-transform: uppercase; 2695 white-space: normal; 2696} 2697 2698.nw-additional { 2699 width: 100%; 2700 max-width: 100%; 2701 margin-top: 25px; 2702 padding: 21px 24px; 2703 background: rgba(0,140,144,.12); 2704 border-left: 5px solid var(--nw-teal); 2705 border-radius: 0 8px 8px 0; 2706 overflow: hidden; 2707} 2708 2709.nw-additional p { 2710 margin: 0 !important; 2711 color: #ffffff !important; 2712} 2713 2714@media screen and (max-width: 950px) { 2715 .nw-commission-grid { 2716 grid-template-columns: 1fr; 2717 } 2718} 2719 2720@media screen and (max-width: 650px) { 2721 .nw-commission-grid { 2722 grid-template-columns: minmax(0, 1fr); 2723 gap: 14px; 2724 margin-top: 28px; 2725 } 2726 2727 .nw-card { 2728 width: 100%; 2729 max-width: 100%; 2730 padding: 21px; 2731 } 2732 2733 .nw-additional { 2734 padding: 19px 18px; 2735 } 2736} 2737/* ========================================================== 2738 PRODUCTIONS 2739 ========================================================== */ 2740 2741.nw-productions { 2742 display: grid; 2743 grid-template-columns: repeat(2, minmax(0, 1fr)); 2744 gap: 20px; 2745 width: 100%; 2746 max-width: 100%; 2747 margin-top: 35px; 2748} 2749 2750.nw-production { 2751 display: flex; 2752 flex-direction: column; 2753 min-width: 0; 2754 min-height: 100%; 2755 padding: 27px; 2756 background: var(--nw-card-dark); 2757 border: 1px solid var(--nw-border); 2758 border-radius: 10px; 2759 overflow: hidden; 2760} 2761 2762.nw-production-meta { 2763 display: block; 2764 max-width: 100%; 2765 margin-bottom: 10px; 2766 color: var(--nw-gold) !important; 2767 font-family: 'Gilroy', sans-serif !important; 2768 font-size: 12px; 2769 font-weight: 800; 2770 line-height: 1.35; 2771 letter-spacing: .07em; 2772 text-transform: uppercase; 2773 overflow-wrap: break-word; 2774} 2775 2776.nw-production h3 { 2777 margin-bottom: 12px !important; 2778 color: #ffffff !important; 2779 font-size: 25px !important; 2780} 2781 2782.nw-production p { 2783 color: var(--nw-muted) !important; 2784} 2785 2786.nw-text-link { 2787 display: inline-block; 2788 max-width: 100%; 2789 margin-top: auto; 2790 padding-top: 5px; 2791 color: #50b6a8 !important; 2792 font-family: 'Gilroy', sans-serif !important; 2793 font-size: 16px; 2794 font-weight: 800 !important; 2795 text-decoration: none !important; 2796 overflow-wrap: break-word; 2797} 2798 2799.nw-text-link:hover { 2800 color: var(--nw-gold) !important; 2801} 2802 2803 2804/* ========================================================== 2805 READINGS / WORKSHOPS 2806 ========================================================== */ 2807 2808.nw-development { 2809 display: grid; 2810 grid-template-columns: minmax(0, 1.5fr) minmax(0, .65fr); 2811 gap: 35px; 2812 align-items: center; 2813 width: 100%; 2814 max-width: 100%; 2815 padding: 34px; 2816 background: var(--nw-card); 2817 border: 1px solid var(--nw-border); 2818 border-left: 6px solid var(--nw-teal); 2819 border-radius: 8px; 2820 overflow: hidden; 2821} 2822 2823.nw-development-copy, 2824.nw-development-cta { 2825 min-width: 0; 2826} 2827 2828.nw-development-copy p { 2829 color: var(--nw-muted) !important; 2830} 2831 2832.nw-development-cta { 2833 padding-left: 30px; 2834 border-left: 1px solid var(--nw-border); 2835} 2836 2837.nw-development-title { 2838 display: block; 2839 margin-bottom: 8px; 2840 color: #ffffff !important; 2841 font-family: 'Gilroy', sans-serif !important; 2842 font-size: 21px; 2843 font-weight: 800; 2844 line-height: 1.2; 2845} 2846 2847.nw-development-cta p { 2848 color: var(--nw-muted) !important; 2849} 2850 2851 2852/* ========================================================== 2853 BUTTONS 2854 ========================================================== */ 2855 2856.nw-button { 2857 display: inline-flex; 2858 align-items: center; 2859 justify-content: center; 2860 max-width: 100%; 2861 min-height: 46px; 2862 padding: 11px 18px; 2863 background: var(--nw-gold); 2864 border: 0; 2865 border-radius: 3px; 2866 color: #111111 !important; 2867 font-family: 'Gilroy', sans-serif !important; 2868 font-size: 15px !important; 2869 font-weight: 800 !important; 2870 line-height: 1.2; 2871 text-align: center; 2872 text-decoration: none !important; 2873 white-space: normal; 2874 transition: transform .15s ease, background-color .15s ease; 2875} 2876 2877.nw-button:hover { 2878 background: #ffda8b; 2879 color: #111111 !important; 2880 transform: translateY(-1px); 2881} 2882 2883 2884/* ========================================================== 2885 LEGACY 2886 ========================================================== */ 2887 2888.nw-milestones {
2889 display: grid; 2890 grid-template-columns: repeat(2, minmax(0, 1fr)); 2891 gap: 16px; 2892 width: 100%; 2893 max-width: 100%; 2894 margin-top: 32px; 2895} 2896 2897.nw-milestone { 2898 min-width: 0; 2899 padding: 21px 23px; 2900 background: rgba(255,255,255,.045); 2901 border-left: 4px solid var(--nw-gold); 2902 color: var(--nw-muted) !important; 2903 font-family: 'Gilroy', sans-serif !important; 2904 font-size: 16px; 2905 line-height: 1.5; 2906 overflow: hidden; 2907} 2908 2909.nw-milestone strong { 2910 display: block; 2911 margin-bottom: 4px; 2912 color: #ffffff !important; 2913 font-size: 18px; 2914} 2915 2916.nw-sandbox { 2917 width: 100%; 2918 max-width: 900px; 2919 margin-top: 55px; 2920 padding-top: 45px; 2921 border-top: 1px solid var(--nw-border); 2922} 2923 2924.nw-sandbox h2 { 2925 font-size: clamp(27px, 3.5vw, 36px) !important; 2926} 2927 2928.nw-sandbox p { 2929 color: var(--nw-muted) !important; 2930} 2931 2932.nw-outline-button { 2933 display: inline-flex; 2934 align-items: center; 2935 justify-content: center; 2936 max-width: 100%; 2937 min-height: 46px; 2938 padding: 10px 18px; 2939 border: 2px solid var(--nw-gold); 2940 border-radius: 3px; 2941 color: var(--nw-gold) !important; 2942 font-family: 'Gilroy', sans-serif !important; 2943 font-size: 15px !important; 2944 font-weight: 800 !important; 2945 line-height: 1.2; 2946 text-align: center; 2947 text-decoration: none !important; 2948 white-space: normal; 2949 transition: background-color .15s ease, color .15s ease; 2950} 2951 2952.nw-outline-button:hover { 2953 background: var(--nw-gold); 2954 color: #111111 !important; 2955} 2956 2957 2958/* ========================================================== 2959 SUPPORT CTA 2960 ========================================================== */ 2961 2962.nw-support { 2963 width: 100%; 2964 max-width: 100%; 2965 padding: 68px 0; 2966 background: var(--nw-teal); 2967 text-align: center; 2968} 2969 2970.nw-support-inner { 2971 max-width: 800px; 2972} 2973 2974.nw-support .nw-kicker { 2975 color: var(--nw-gold) !important; 2976} 2977 2978.nw-support h2 { 2979 color: #ffffff !important; 2980 font-size: clamp(32px, 4.5vw, 48px) !important; 2981} 2982 2983.nw-support p { 2984 max-width: 700px !important; 2985 margin: 0 auto 25px auto !important; 2986 color: #ffffff !important; 2987 font-size: 19px !important; 2988 line-height: 1.55 !important; 2989} 2990 2991 2992/* ========================================================== 2993 TABLET 2994 ========================================================== */ 2995 2996@media screen and (max-width: 950px) { 2997 2998 .nw-inner { 2999 padding-left: 24px; 3000 padding-right: 24px; 3001 } 3002 3003 .nw-hero { 3004 padding: 62px 0 58px; 3005 } 3006 3007 .nw-section { 3008 padding: 55px 0; 3009 } 3010 3011 .nw-process, 3012 .nw-commission-grid { 3013 grid-template-columns: 1fr; 3014 } 3015 3016 .nw-productions, 3017 .nw-milestones { 3018 grid-template-columns: 1fr; 3019 } 3020 3021 .nw-development { 3022 grid-template-columns: 1fr; 3023 gap: 25px; 3024 } 3025 3026 .nw-development-cta { 3027 padding-left: 0; 3028 padding-top: 24px; 3029 border-left: 0; 3030 border-top: 1px solid var(--nw-border); 3031 } 3032 3033} 3034 3035 3036/* ========================================================== 3037 MOBILE 3038 ========================================================== */ 3039 3040@media screen and (max-width: 650px) { 3041 3042 .nw-page { 3043 width: 100%; 3044 max-width: 100%; 3045 margin: 0; 3046 } 3047 3048 .nw-inner { 3049 width: 100%; 3050 max-width: 100%; 3051 padding-left: 18px; 3052 padding-right: 18px; 3053 } 3054 3055 .nw-hero { 3056 padding: 46px 0 42px; 3057 } 3058 3059 .nw-hero::before { 3060 width: 75px; 3061 height: 4px; 3062 } 3063 3064 .nw-hero-kicker { 3065 margin-bottom: 11px; 3066 font-size: 11px; 3067 letter-spacing: .1em; 3068 } 3069 3070 .nw-hero h1 { 3071 margin-bottom: 18px !important; 3072 font-size: 42px !important; 3073 line-height: 1 !important; 3074 letter-spacing: -.02em; 3075 } 3076 3077 .nw-hero p { 3078 margin-bottom: 24px !important; 3079 font-size: 18px !important; 3080 line-height: 1.5 !important; 3081 } 3082 3083 .nw-hero-actions { 3084 display: grid; 3085 grid-template-columns: 1fr; 3086 gap: 10px; 3087 width: 100%; 3088 } 3089 3090 .nw-hero-primary, 3091 .nw-hero-secondary { 3092 width: 100%; 3093 max-width: 100%; 3094 } 3095 3096 .nw-nav { 3097 overflow: hidden; 3098 } 3099 3100 .nw-nav .nw-inner { 3101 padding-left: 0; 3102 padding-right: 0; 3103 } 3104 3105 .nw-nav-inner { 3106 display: flex; 3107 justify-content: flex-start; 3108 flex-wrap: nowrap; 3109 gap: 0; 3110 width: 100%; 3111 max-width: 100%; 3112 overflow-x: auto; 3113 overflow-y: hidden; 3114 -webkit-overflow-scrolling: touch; 3115 scrollbar-width: none; 3116 } 3117 3118 .nw-nav-inner::-webkit-scrollbar {
3119 display: none; 3120 } 3121 3122 .nw-nav a { 3123 flex: 0 0 auto; 3124 padding: 13px 14px 12px; 3125 font-size: 11px !important; 3126 } 3127 3128 .nw-nav a::after { 3129 left: 14px; 3130 right: 14px; 3131 bottom: 7px; 3132 } 3133 3134 .nw-section { 3135 padding: 48px 0; 3136 } 3137 3138 .nw-intro { 3139 padding-top: 48px; 3140 } 3141 3142 .nw-page h2 { 3143 font-size: 31px !important; 3144 line-height: 1.1 !important; 3145 } 3146 3147 .nw-page h3 { 3148 font-size: 21px !important; 3149 } 3150 3151 .nw-lead { 3152 font-size: 18px !important; 3153 line-height: 1.5 !important; 3154 } 3155 3156 .nw-stats { 3157 grid-template-columns: 1fr; 3158 margin-top: 30px; 3159 } 3160 3161 .nw-stat { 3162 padding: 23px 16px; 3163 } 3164 3165 .nw-stat-number { 3166 font-size: 42px; 3167 } 3168 3169 .nw-process, 3170 .nw-commission-grid, 3171 .nw-productions, 3172 .nw-milestones { 3173 grid-template-columns: minmax(0, 1fr); 3174 gap: 14px; 3175 margin-top: 28px; 3176 } 3177 3178 .nw-process-card, 3179 .nw-card, 3180 .nw-production { 3181 width: 100%; 3182 max-width: 100%; 3183 padding: 21px; 3184 } 3185 3186 .nw-additional { 3187 padding: 19px 18px; 3188 } 3189 3190 .nw-development { 3191 display: block; 3192 width: 100%; 3193 max-width: 100%; 3194 padding: 23px 20px; 3195 } 3196 3197 .nw-development-cta { 3198 margin-top: 24px; 3199 padding-top: 22px; 3200 padding-left: 0; 3201 border-top: 1px solid var(--nw-border); 3202 border-left: 0; 3203 } 3204 3205 .nw-sandbox { 3206 margin-top: 42px; 3207 padding-top: 36px; 3208 } 3209 3210 .nw-button, 3211 .nw-outline-button { 3212 width: 100%; 3213 max-width: 100%; 3214 } 3215 3216 .nw-support { 3217 padding: 52px 0; 3218 } 3219 3220 .nw-support p { 3221 font-size: 18px !important; 3222 } 3223 3224} 3225.subpacks-grid-2{ 3226 display: grid; 3227 grid-template-columns: repeat(2, minmax(0, 1fr)); 3228 gap: 24px; 3229 padding: 0 12px; 3230 max-width: 1280px; 3231 margin: 0 auto; 3232} 3233</style> 3234<link rel='stylesheet' id='su-shortcodes-css' href='http://sfplayhouse.org/wp-content/plugins/shortcodes-ultimate/includes/css/shortcodes.css?ver=7.9.1' media='all' /> 3235 3236</head> 3237 3238<body class="wp-singular page-template-default page page-id-7166 wp-theme-smartscreen wp-child-theme-smartscreen-child cookies-not-set sp-easy-accordion-enabled groovy_menu_2-6-5 metaslider-plugin"> 3239<style>.gm-thumb-menu-item { 3240 max-width: 100% !important; 3241} 3242/* Action button: Menu width fix */ 3243.gm-main-menu-wrapper .gm-navbar-nav { 3244 width: 100%; 3245} 3246/* Action button: position fix */ 3247.top-nav-tickets { 3248 margin-left: auto; 3249} 3250/* Action button: Link Styles */ 3251.top-nav-tickets .gm-anchor { 3252 width: 140px !important; 3253 background: #008085 !important; 3254 height: 46px; 3255 border-radius: 2px; 3256 border: none; 3257 text-align: center; 3258 margin: 0 !important; 3259 color: #ffffff !important; 3260} 3261.top-nav-tickets .gm-anchor .gm-menu-item__txt-wrapper { 3262 margin: 0 auto !important; 3263} 3264/* Action button: Link Styles on Hover */ 3265.top-nav-tickets .gm-anchor:hover { 3266 color: #ffffff !important; 3267 border: none; 3268 background: #29a4a7 !important; 3269} 3270/* Action button: Logotype styles */ 3271@media (min-width: 1024px) { 3272 .gm-navbar .gm-logo { 3273 margin-right: 120px; 3274 position: relative !important; 3275 } 3276} 3277/* Action button: mobile styles */ 3278.gm-navigation-drawer .top-nav-tickets .gm-anchor { 3279 margin: 25px auto 0 auto !important; 3280} 3281.top-nav-donate { 3282 margin-left: auto; 3283} 3284/* Action button: Link Styles */ 3285.top-nav-donate .gm-anchor { 3286 width: 140px !important; 3287 background: none !important; 3288 height: 46px; 3289 border-radius: 2px; 3290 border: 2px solid #008085; 3291 text-align: center; 3292 margin: 0 !important; 3293 color: #ffffff !important; 3294} 3295.top-nav-donate .gm-anchor .gm-menu-item__txt-wrapper { 3296 margin: 0 auto !important; 3297} 3298/* Action button: Link Styles on Hover */ 3299.top-nav-donate .gm-anchor:hover { 3300 color: #ffffff !important; 3301 background: none !important; 3302} 3303/* Action button: mobile styles */ 3304.gm-navigation-drawer .top-nav-donate .gm-anchor { 3305 margin: 25px auto 0 auto !important; 3306} 3307.gm-main-menu-wrapper .gm-mega-menu__item p { 3308 font-size: .8em !important; 3309 line-height: 2em !important; 3310 font-weight: 700 !important; 3311 text-transform: uppercase; 3312 font-family: 'Oswald', sans-serif !important; 3313 color: #fff !important; 3314 text-align: center; 3315 /* text-align-last: justify; */ 3316 background-color: #008c90; 3317} 3318.gm-main-menu-wrapper .gm-mega-menu__item {
3319padding-bottom: 10px; 3320} 3321.top-nav-tickets-mobile { 3322 margin-left: auto; 3323} 3324/* Action button: Link Styles */ 3325.top-nav-tickets-mobile { 3326 width: auto; 3327 background: #008085 !important; 3328 height: auto; 3329 border-radius: 2px; 3330 border: none; 3331 text-align: center; 3332 margin: 0 !important; 3333 color: #ffffff !important; 3334 font-family: 'Oswald', sans-serif; 3335 font-weight: 700; 3336 font-size: 1.2em; 3337 padding: 10px 25px; 3338 text-transform: uppercase; 3339} 3340.top-nav-tickets-mobile { 3341 margin: 0 auto !important; 3342} 3343/* Action button: Link Styles on Hover */ 3344.top-nav-tickets-mobile { 3345 color: #ffffff !important; 3346 border: none; 3347} 3348.top-nav-tickets > .gm-menu-item__txt:after { 3349 background-color: #000); 3350}</style>
3351<script>/** 3352 * SF Playhouse u2014 fix footer "Shows" submenu links 3353 * 3354 * PROBLEM: The footer nav echoes the raw WordPress menu, and the "Shows" 3355 * submenu items are Groovy Menu "Menu Block" entries (not real page links). 3356 * On the main nav Groovy Menu's JS swaps these for its mega-menu content, 3357 * but the footer just prints the literal broken href, e.g.: 3358 * https://sfplayhouse.org/?gm_menu_block=rent 3359 * which just falls through to the homepage instead of the real show page. 3360 * 3361 * FIX: On page load, find any link whose href contains "gm_menu_block=", 3362 * read the show slug out of it, and rewrite the href to the real URL. 3363 * 3364 * INSTALL: paste this inside
3364<script> tags right before </body> (via your 3365 * theme's footer.php, a "Header/Footer" code-injection plugin, or Groovy 3366 * Menu's own custom JS field if it has one), or enqueue it as a separate 3367 * .js file loaded on every page. 3368 * 3369 * MAINTENANCE: whenever the season lineup changes, update SHOW_URL_MAP 3370 * below. The slug is whatever follows "gm_menu_block=" in the broken link 3371 * (view the footer's "Shows" links in devtools to see current slugs). 3372 * This is a stopgap u2014 see the separate footer-menu fix for a solution 3373 * that doesn't need updating by hand every season. 3374 */ 3375document.addEventListener('DOMContentLoaded', function () { 3376 var SHOW_URL_MAP = { 3377 'hairspray': 'https://www.sfplayhouse.org/2025-2026-season/hairspray/', 3378 'r-o-i-return-on-investment': 'https://sfplayhouse.org/2026-2027-season/roi-return-on-investment/', 3379 'peter-pan-goes-wrong': 'https://sfplayhouse.org/2026-2027-season/peter-pan-goes-wrong/', 3380 'rent': 'https://sfplayhouse.org/2026-2027-season/rent/', 3381 'lizard-boy': 'https://sfplayhouse.org/2026-2027-season/lizard-boy/', 3382 'perfect-daughter': 'https://sfplayhouse.org/2026-2027-season/perfect-daughter/', 3383 'life-of-pi': 'https://sfplayhouse.org/2026-2027-season/life-of-pi/', 3384 'sweeney-todd': 'https://sfplayhouse.org/2026-2027-season/sweeney-todd/' 3385 }; 3386 3387 document.querySelectorAll('a[href*="gm_menu_block="]').forEach(function (link) { 3388 try { 3389 var url = new URL(link.href, window.location.origin); 3390 var slug = url.searchParams.get('gm_menu_block'); 3391 if (slug && SHOW_URL_MAP[slug]) { 3392 link.setAttribute('href', SHOW_URL_MAP[slug]); 3393 } 3394 } catch (e) { 3395 /* ignore malformed hrefs */ 3396 } 3397 }); 3398});</script>
3398 3399 <header class="gm-navbar gm-preset-id-29076 gm-navbar--align-left gm-navbar--style-1 gm-top-links-align-left gm-navbar--toolbar-false gm-navbar--has-shadow gm-navbar--shadow-tiny gm-navbar--has-shadow-sticky gm-navbar--has-shadow-dropdown gm-navbar--shadow-dropdown-medium gm-navbar--hide-gm-caret gm-dropdown-hover-style-default gm-dropdown-appearance-animate-from-bottom gm-dropdown-with-scrollbar" 3400 id="gm-6abf328ab0d2c" data-version="2.6.5"> 3401 <div class="gm-wrapper"><div class="gm-inner"> 3402 <div class="gm-inner-bg"></div> 3403 <div class="gm-container"><div class="gm-logo"><a href="http://sfplayhouse.org/" ><img src="https://sfplayhouse.org/wp-content/uploads/2022/07/SFPlayhouse_logo2022_white_smaller.png" width="1084" height="265" class="gm-logo__img gm-logo__img-default" alt="San Francisco Playhouse logo" /><img src="https://sfplayhouse.org/wp-content/uploads/2022/07/SFPlayhouse_logo2022_white_smaller.png" width="1084" height="265" class="gm-logo__img gm-logo__img-sticky" alt="San Francisco Playhouse logo" /><img src="https://sfplayhouse.org/wp-content/uploads/2022/07/SFPlayhouse_logo2022_white_smaller.png" width="1084" height="265" class="gm-logo__img gm-logo__img-mobile" alt="San Francisco Playhouse logo" /><img src="https://sfplayhouse.org/wp-content/uploads/2022/07/SFPlayhouse_logo2022_white_smaller.png" width="1084" height="265" class="gm-logo__img gm-logo__img-sticky-mobile" alt="San Francisco Playhouse logo" /></a></div><div class="gm-action__gm_before_mobile_hamburger gm_action__visibility__mobile"><a class="top-nav-tickets-mobile" href="https://www.sfplayhouse.org/sfph/get-tickets">Tickets</a></div><div class="gm-menu-btn gm-burger hamburger"><span class="gm-menu-btn--text" >Menu</span ><div class="hamburger-box"><div class="hamburger-inner"></div></div></div><div class="gm-main-menu-wrapper"><nav id="gm-main-menu"><ul id="menu-top-menu" class="gm-navbar-nav"><li id="menu-item-29394" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children gm-menu-item gm-menu-item--lvl-0 gm-dropdown mega-gm-dropdown"><a href="https://www.sfplayhouse.org/#shows" class="gm-anchor gm-dropdown-toggle"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Shows</span></span><span class="gm-caret" aria-label="dropdown"><i class="fa fa-fw fa-angle-down"></i></span></a> 3404<div class="gm-dropdown-menu-wrapper"><ul class="gm-dropdown-menu gm-dropdown-menu--lvl-1" > 3405<li><div class="gm-mega-menu-wrapper"><div class="gm-grid-container"><div class="gm-grid-row"><div class="gm-mega-menu__item mobile-grid-100 grid-16"><div class="playheader"> 3406<div class="homepage-play-image"><a href="https://sfplayhouse.org/2026-2027-season/peter-pan-goes-wrong/"><img fetchpriority="high" decoding="async" class="alignnone wp-image-30834 size-full" src="https://sfplayhouse.org/wp-content/uploads/2026/03/Peter-Pan-Goes-Wrong.png" alt="Peter Pan Goes Wrong" width="628" height="628" /></a></div> 3407</div> 3408<p>SEP 26 – NOV 28, 2026</p> 3409</div><div class="gm-mega-menu__item mobile-grid-100 grid-16"><div class="playheader"> 3410<div class="homepage-play-image"><a href="https://sfplayhouse.org/2026-2027-season/rent/"><img decoding="async" class="alignnone wp-image-30834 size-full" src="https://sfplayhouse.org/wp-content/uploads/2026/03/rent-628.jpg" alt="Rent" width="628" height="628" /></a></div> 3411</div> 3412<p>DEC 11, 2026 – FEB 6, 2027</p> 3413</div><div class="gm-mega-menu__item mobile-grid-100 grid-16"><div class="playheader"> 3414<div class="homepage-play-image"><a href="https://sfplayhouse.org/2026-2027-season/lizard-boy/"><img decoding="async" class="alignnone wp-image-30834 size-full" src="https://sfplayhouse.org/wp-content/uploads/2026/03/lizard-boy-628.png" alt="Lizard Boy" width="628" height="628" /></a></div> 3415</div> 3416<p>FEB 19 – APR 3, 2027</p> 3417</div><div class="gm-mega-menu__item mobile-grid-100 grid-16"><div class="playheader"> 3418<div class="homepage-play-image"><a href="https://sfplayhouse.org/2026-2027-season/perfect-daughter/"><img decoding="async" class="alignnone wp-image-30834 size-full" src="https://sfplayhouse.org/wp-content/uploads/2026/06/perfect-daughter-1200.png" alt="Lizard Boy" width="628" height="628" /></a></div> 3419</div> 3420<p>FEB 25 – APR 3, 2027</p> 3421</div><div class="gm-mega-menu__item mobile-grid-100 grid-16"><div class="playheader"> 3422<div class="homepage-play-image"><a href="https://sfplayhouse.org/2026-2027-season/life-of-pi/"><img decoding="async" class="alignnone wp-image-30834 size-full" src="https://sfplayhouse.org/wp-content/uploads/2026/03/Life-of-Pi.png" alt="Life of Pi" width="628" height="628" /></a></div> 3423</div> 3424<p>APR 16 – JUNE 19, 2027</p> 3425</div><div class="gm-mega-menu__item mobile-grid-100 grid-16"><div class="playheader"> 3426<div class="homepage-play-image"><a href="https://sfplayhouse.org/2026-2027-season/sweeney-todd/"><img decoding="async" class="alignnone wp-image-30834 size-full" src="https://sfplayhouse.org/wp-content/uploads/2026/03/sweeney_628.jpg" alt="Sweeney Todd" width="628" height="628" /></a></div> 3427</div> 3428<p>JULY 2 – SEP 11, 2027</p> 3429</div></div></div></div></li></ul></div> 3430</li> 3431<li id="menu-item-33825" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-0"><a href="https://sfplayhouse.org/2026-2027-season-subscriptions/" class="gm-anchor"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Subscribe</span></span></a></li> 3432<li id="menu-item-29432" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children gm-menu-item gm-menu-item--lvl-0 gm-dropdown"><a href="https://www.sfplayhouse.org/get-involved/" class="gm-anchor gm-dropdown-toggle"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Get Involved</span></span><span class="gm-caret" aria-label="dropdown"><i class="fa fa-fw fa-angle-down"></i></span></a> 3433<div class="gm-dropdown-menu-wrapper"><ul class="gm-dropdown-menu gm-dropdown-menu--lvl-1" > 3434 <li id="menu-item-29433" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-1"><a href="https://sfplayhouse.org/get-involved/casting/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Casting and Auditions</span></span></a></li> 3435 <li id="menu-item-29434" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-1"><a href="https://sfplayhouse.org/job-openings/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Job Openings</span></span></a></li> 3436 <li id="menu-item-29435" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-1"><a href="https://sfplayhouse.org/usher/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">
3436Usher</span></span></a></li> 3437 <li id="menu-item-29436" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-1"><a href="https://sfplayhouse.org/rentals/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Rent Our Space</span></span></a></li> 3438 <li id="menu-item-30830" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-1"><a href="https://sfplayhouse.org/advertise-in-our-playbills/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Advertise in our Playbills</span></span></a></li> 3439 <li id="menu-item-30796" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/join-our-email-list/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Join our Email List</span></span></a></li> 3440</ul></div> 3441</li> 3442<li id="menu-item-29441" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children gm-menu-item gm-menu-item--lvl-0 gm-dropdown"><a href="https://www.sfplayhouse.org/us/" class="gm-anchor gm-dropdown-toggle"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">About Us</span></span><span class="gm-caret" aria-label="dropdown"><i class="fa fa-fw fa-angle-down"></i></span></a> 3443<div class="gm-dropdown-menu-wrapper"><ul class="gm-dropdown-menu gm-dropdown-menu--lvl-1" > 3444 <li id="menu-item-29470" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/us/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">San Francisco Playhouse</span></span></a></li> 3445 <li id="menu-item-29471" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/plan-visit/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Plan Your Visit</span></span></a></li> 3446 <li id="menu-item-32740" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-1"><a href="https://sfplayhouse.org/things-to-do-in-san-francisco/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Things to do in San Francisco</span></span></a></li> 3447 <li id="menu-item-32905" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-1"><a href="https://sfplayhouse.org/musicals-in-san-francisco/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Musicals in San Francisco</span></span></a></li> 3448 <li id="menu-item-29439" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/education/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Rising Stars</span></span></a></li> 3449 <li id="menu-item-29475" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/contact/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Staff and Board</span></span></a></li> 3450 <li id="menu-item-29473" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/our-commitment-to-antiracism-equity-diversity-and-inclusion/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Our Commitment to EDI</span></span></a></li> 3451 <li id="menu-item-30948" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/accessibility/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Accessibility</span></span></a></li> 3452 <li id="menu-item-29474" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/foundations-corporations/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Foundations and Corporations</span></span></a></li> 3453 <li id="menu-item-29472" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/past-productions/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Past Productions</span></span></a></li> 3454 <li id="menu-item-29480" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/press/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Press</span></span></a></li> 3455 <li id="menu-item-29481" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item gm-menu-item gm-menu-item--lvl-1"><a href="http://sfplayhouse.org/blog" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Blog</span></span></a></li> 3456</ul></div> 3457</li> 3458<li id="menu-item-34618" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-0"><a href="https://sfplayhouse.org/new-works/" class="gm-anchor"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">New Works</span></span></a></li> 3459<li id="menu-item-29497" class="top-nav-calendar menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-0"><a href="https://www.sfplayhouse.org/calendar/" class="gm-anchor"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__icon groovy-28328-Calendar"></span><span class="gm-menu-item__txt">Calendar</span></span></a></li> 3460<li id="menu-item-29393" class="top-nav-donate menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-0"><a href="https://www.sfplayhouse.org/donate/" class="gm-anchor"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Donate</span></span></a></li> 3461<li id="menu-item-29440" class="top-nav-tickets menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-0"><a href="https://sfplayhouse.org/get-tickets/" class="gm-anchor"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Buy Tickets</span></span></a></li> 3462</ul></nav></div>
3463 </div> 3464 </div> 3465 </div> 3466 <div class="gm-padding"></div> 3467 </header><aside class="gm-navigation-drawer gm-navigation-drawer--mobile gm-hidden gm-mobile-submenu-style-slider"><div class="gm-grid-container d-flex flex-column h-100"><div class="gm-menu-btn-close-mobile-drawer gm-hamburger-close" aria-label="close"><div class="hamburger is-active hamburger--squeeze"><div class="hamburger-box"><div class="hamburger-inner"></div></div></div></div><div class="gm-mobile-menu-container"><ul id="menu-top-menu-1" class="gm-navbar-nav"><li id="menu-item-mobile-29394" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-has-children gm-menu-item gm-menu-item--lvl-0 gm-dropdown"><a href="https://www.sfplayhouse.org/#shows" class="gm-anchor gm-dropdown-toggle"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Shows</span></span><span class="gm-caret" aria-label="dropdown"><i class="fa fa-fw fa-angle-down"></i></span></a> 3468<div class="gm-dropdown-menu-wrapper"><div class="gm-dropdown-menu-title"></div><ul class="gm-dropdown-menu gm-dropdown-menu--lvl-1" > 3469 <li id="menu-item-mobile-34463" class="menu-item menu-item-type-post_type menu-item-object-gm_menu_block gm-menu-item gm-menu-item--lvl-1"><div class="playheader"> 3470<div class="homepage-play-image"><a href="https://sfplayhouse.org/2026-2027-season/peter-pan-goes-wrong/"><img decoding="async" class="alignnone wp-image-30834 size-full" src="https://sfplayhouse.org/wp-content/uploads/2026/03/Peter-Pan-Goes-Wrong.png" alt="Peter Pan Goes Wrong" width="628" height="628" /></a></div> 3471</div> 3472<p>SEP 26 – NOV 28, 2026</p> 3473</li> 3474 <li id="menu-item-mobile-34468" class="menu-item menu-item-type-post_type menu-item-object-gm_menu_block gm-menu-item gm-menu-item--lvl-1"><div class="playheader"> 3475<div class="homepage-play-image"><a href="https://sfplayhouse.org/2026-2027-season/rent/"><img decoding="async" class="alignnone wp-image-30834 size-full" src="https://sfplayhouse.org/wp-content/uploads/2026/03/rent-628.jpg" alt="Rent" width="628" height="628" /></a></div> 3476</div> 3477<p>DEC 11, 2026 – FEB 6, 2027</p> 3478</li> 3479 <li id="menu-item-mobile-34467" class="menu-item menu-item-type-post_type menu-item-object-gm_menu_block gm-menu-item gm-menu-item--lvl-1"><div class="playheader"> 3480<div class="homepage-play-image"><a href="https://sfplayhouse.org/2026-2027-season/lizard-boy/"><img decoding="async" class="alignnone wp-image-30834 size-full" src="https://sfplayhouse.org/wp-content/uploads/2026/03/lizard-boy-628.png" alt="Lizard Boy" width="628" height="628" /></a></div> 3481</div> 3482<p>FEB 19 – APR 3, 2027</p> 3483</li> 3484 <li id="menu-item-mobile-34466" class="menu-item menu-item-type-post_type menu-item-object-gm_menu_block gm-menu-item gm-menu-item--lvl-1"><div class="playheader"> 3485<div class="homepage-play-image"><a href="https://sfplayhouse.org/2026-2027-season/perfect-daughter/"><img decoding="async" class="alignnone wp-image-30834 size-full" src="https://sfplayhouse.org/wp-content/uploads/2026/06/perfect-daughter-1200.png" alt="Lizard Boy" width="628" height="628" /></a></div> 3486</div> 3487<p>FEB 25 – APR 3, 2027</p> 3488</li> 3489 <li id="menu-item-mobile-34465" class="menu-item menu-item-type-post_type menu-item-object-gm_menu_block gm-menu-item gm-menu-item--lvl-1"><div class="playheader"> 3490<div class="homepage-play-image"><a href="https://sfplayhouse.org/2026-2027-season/life-of-pi/"><img decoding="async" class="alignnone wp-image-30834 size-full" src="https://sfplayhouse.org/wp-content/uploads/2026/03/Life-of-Pi.png" alt="Life of Pi" width="628" height="628" /></a></div> 3491</div> 3492<p>APR 16 – JUNE 19, 2027</p> 3493</li> 3494 <li id="menu-item-mobile-34464" class="menu-item menu-item-type-post_type menu-item-object-gm_menu_block gm-menu-item gm-menu-item--lvl-1"><div class="playheader"> 3495<div class="homepage-play-image"><a href="https://sfplayhouse.org/2026-2027-season/sweeney-todd/"><img decoding="async" class="alignnone wp-image-30834 size-full" src="https://sfplayhouse.org/wp-content/uploads/2026/03/sweeney_628.jpg" alt="Sweeney Todd" width="628" height="628" /></a></div> 3496</div> 3497<p>JULY 2 – SEP 11, 2027</p> 3498</li> 3499</ul></div> 3500</li> 3501<li id="menu-item-mobile-33825" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-0"><a href="https://sfplayhouse.org/2026-2027-season-subscriptions/" class="gm-anchor"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Subscribe</span></span></a></li> 3502<li id="menu-item-mobile-29432" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-has-children gm-menu-item gm-menu-item--lvl-0 gm-dropdown"><a href="https://www.sfplayhouse.org/get-involved/" class="gm-anchor gm-dropdown-toggle"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Get Involved</span></span><span class="gm-caret" aria-label="dropdown"><i class="fa fa-fw fa-angle-down"></i></span></a> 3503<div class="gm-dropdown-menu-wrapper"><div class="gm-dropdown-menu-title"></div><ul class="gm-dropdown-menu gm-dropdown-menu--lvl-1" > 3504 <li id="menu-item-mobile-29433" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-1"><a href="https://sfplayhouse.org/get-involved/casting/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Casting and Auditions</span></span></a></li> 3505 <li id="menu-item-mobile-29434" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-1"><a href="https://sfplayhouse.org/job-openings/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Job Openings</span></span></a></li> 3506 <li id="menu-item-mobile-29435" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-1"><a href="https://sfplayhouse.org/usher/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">
3506Usher</span></span></a></li> 3507 <li id="menu-item-mobile-29436" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-1"><a href="https://sfplayhouse.org/rentals/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Rent Our Space</span></span></a></li> 3508 <li id="menu-item-mobile-30830" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-1"><a href="https://sfplayhouse.org/advertise-in-our-playbills/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Advertise in our Playbills</span></span></a></li> 3509 <li id="menu-item-mobile-30796" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/join-our-email-list/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Join our Email List</span></span></a></li> 3510</ul></div> 3511</li> 3512<li id="menu-item-mobile-29441" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-has-children gm-menu-item gm-menu-item--lvl-0 gm-dropdown"><a href="https://www.sfplayhouse.org/us/" class="gm-anchor gm-dropdown-toggle"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">About Us</span></span><span class="gm-caret" aria-label="dropdown"><i class="fa fa-fw fa-angle-down"></i></span></a> 3513<div class="gm-dropdown-menu-wrapper"><div class="gm-dropdown-menu-title"></div><ul class="gm-dropdown-menu gm-dropdown-menu--lvl-1" > 3514 <li id="menu-item-mobile-29470" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/us/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">San Francisco Playhouse</span></span></a></li> 3515 <li id="menu-item-mobile-29471" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/plan-visit/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Plan Your Visit</span></span></a></li> 3516 <li id="menu-item-mobile-32740" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-1"><a href="https://sfplayhouse.org/things-to-do-in-san-francisco/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Things to do in San Francisco</span></span></a></li> 3517 <li id="menu-item-mobile-32905" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-1"><a href="https://sfplayhouse.org/musicals-in-san-francisco/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Musicals in San Francisco</span></span></a></li> 3518 <li id="menu-item-mobile-29439" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/education/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Rising Stars</span></span></a></li> 3519 <li id="menu-item-mobile-29475" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/contact/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Staff and Board</span></span></a></li> 3520 <li id="menu-item-mobile-29473" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/our-commitment-to-antiracism-equity-diversity-and-inclusion/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Our Commitment to EDI</span></span></a></li> 3521 <li id="menu-item-mobile-30948" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/accessibility/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Accessibility</span></span></a></li> 3522 <li id="menu-item-mobile-29474" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/foundations-corporations/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Foundations and Corporations</span></span></a></li> 3523 <li id="menu-item-mobile-29472" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/past-productions/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Past Productions</span></span></a></li> 3524 <li id="menu-item-mobile-29480" class="menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-1"><a href="https://www.sfplayhouse.org/press/" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Press</span></span></a></li> 3525 <li id="menu-item-mobile-29481" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item gm-menu-item gm-menu-item--lvl-1"><a href="http://sfplayhouse.org/blog" class="gm-anchor gm-menu-item__link"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Blog</span></span></a></li> 3526</ul></div> 3527</li> 3528<li id="menu-item-mobile-34618" class="menu-item menu-item-type-post_type menu-item-object-page gm-menu-item gm-menu-item--lvl-0"><a href="https://sfplayhouse.org/new-works/" class="gm-anchor"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">New Works</span></span></a></li> 3529<li id="menu-item-mobile-29497" class="top-nav-calendar menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-0"><a href="https://www.sfplayhouse.org/calendar/" class="gm-anchor"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__icon groovy-28328-Calendar"></span><span class="gm-menu-item__txt">Calendar</span></span></a></li> 3530<li id="menu-item-mobile-29393" class="top-nav-donate menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-0"><a href="https://www.sfplayhouse.org/donate/" class="gm-anchor"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Donate</span></span></a></li> 3531<li id="menu-item-mobile-29440" class="top-nav-tickets menu-item menu-item-type-custom menu-item-object-custom gm-menu-item gm-menu-item--lvl-0"><a href="https://sfplayhouse.org/get-tickets/" class="gm-anchor"><span class="gm-menu-item__txt-wrapper"><span class="gm-menu-item__txt">Buy Tickets</span></span></a></li> 3532</ul></div><div class="flex-grow-1"></div><div class="gm-mobile-action-area-wrapper d-flex justify-content-center align-items-center text-center mb-4 mt-5"></div></div><div class="gm-mobile-postwrap"></div></aside> 3533 3534 3535<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 3535-3536
3535 3536<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
3536GTM-2R3N
vendor: 83 bytes, lines 3536-3537
3536" 3537height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
3538<!-- End Google Tag Manager (noscript) --> 3539 3540 3541 3542 <div class="social-in-page social-bookmarks"> 3543 3544 <ul> 3545 3546 3547 </ul> 3548 3549 </div><!-- [/social-bookmarks] --> 3550 <div class="social-in-page social-bookmarks res-social-bookmarks"> 3551 3552 <ul> 3553 3554 3555 </ul> 3556 3557 </div><!-- [/Responsive social-bookmarks] --> 3558<div id="wrap-wide"></div><!-- [/wrap-wide] --> 3559<div id="menu-wrap"> 3560 <div id="menu"> 3561 <a id="logo" title="The Bay Area's Most Award-Winning Theatre" href="https://sfplayhouse.org"> 3562 <img src="https://sfplayhouse.org/wp-content/uploads/2013/08/SFPH_Logo1.png" alt="The Bay Area's Most Award-Winning Theatre"/> 3563 </a><!-- [/logo] --> 3564 <div id="nav" class="jqueryslidemenu"><ul id="menu-main-nav" class="menu"><li id="menu-item-22538" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://www.sfplayhouse.org/get-tickets/">Get Tickets<span>Buy official San Francisco Playhouse tickets</span></a></li> 3565<li id="menu-item-6002" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/donate/">Donate</a></li> 3566<li id="menu-item-29253" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/2023-2024-season/my-home-on-the-moon/">My Home on the Moon</a></li> 3567<li id="menu-item-28108" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://www.sfplayhouse.org/2023-2024-season/">Our 23/24 Season</a></li> 3568<li id="menu-item-26387" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://www.sfplayhouse.org/calendar/">Calendar</a></li> 3569<li id="menu-item-936" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://sfplayhouse.org/get-involved/">Get Involved</a> 3570<ul class="sub-menu"> 3571 <li id="menu-item-17901" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/get-involved/casting/">Casting and Auditions</a></li> 3572 <li id="menu-item-7099" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/job-openings/">Job Openings</a></li> 3573 <li id="menu-item-118" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/usher/">Usher</a></li> 3574 <li id="menu-item-117" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/rentals/">Rentals</a></li> 3575 <li id="menu-item-4632" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/join-email-list/">Join our Email List</a></li> 3576</ul> 3577</li> 3578<li id="menu-item-103" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://sfplayhouse.org/us/">About Us</a> 3579<ul class="sub-menu"> 3580 <li id="menu-item-724" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/us/">About Us</a></li> 3581 <li id="menu-item-932" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/plan-visit/">Plan Your Visit</a></li> 3582 <li id="menu-item-13551" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/past-productions/">Past Productions</a></li> 3583 <li id="menu-item-26247" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/our-commitment-to-antiracism-equity-diversity-and-inclusion/">Our Commitment to Antiracism, Equity, Diversity and Inclusion</a></li> 3584 <li id="menu-item-112" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/foundations-corporations/">Foundations & Corporations</a></li> 3585 <li id="menu-item-29878" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://www.sfplayhouse.org/covid-safety/">Health and Safety</a></li> 3586 <li id="menu-item-106" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/contact/">Contact</a></li> 3587</ul> 3588</li> 3589<li id="menu-item-927" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://sfplayhouse.org/programs/">New Play Program</a> 3590<ul class="sub-menu"> 3591 <li id="menu-item-21660" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children"><a href="https://www.sfplayhouse.org/upcoming-free-livestreams/">Free Livestreams</a> 3592 <ul class="sub-menu"> 3593 <li id="menu-item-23728" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/upcoming-free-livestreams/">Upcoming Free Livestreams</a></li> 3594 <li id="menu-item-21757" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/past-livestreams/">Past Livestreams</a></li> 3595 </ul> 3596</li> 3597 <li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/sandbox-series/">Sandbox Series</a></li> 3598 <li id="menu-item-25466" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="https://www.sfplayhouse.org/commissions/">Commissions</a></li> 3599 <li id="menu-item-13107" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/play-reading-series/">Play Reading Series</a></li> 3600</ul> 3601</li> 3602<li id="menu-item-8822" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children"><a href="https://sfplayhouse.org/education/">Rising Star Program</a> 3603<ul class="sub-menu"> 3604 <li id="menu-item-8824" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/education/">Rising Star Program</a></li> 3605</ul> 3606</li> 3607<li id="menu-item-108" class="menu-item menu-item-type-post_type menu-item-object-page"><a href="https://sfplayhouse.org/press/">Press</a></li> 3608<li id="menu-item-880" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item"><a href="http://sfplayhouse.org/blog">Blog</a></li> 3609</ul></div><div id="mobile-nav" class="menu-main-nav-container"><ul id="mobile-menu" class="menu"><li id="menu-item-22538" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-22538"><a href="https://www.sfplayhouse.org/get-tickets/">Get Tickets</a></li> 3610<li id="menu-item-6002" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-6002"><a href="https://sfplayhouse.org/donate/">Donate</a></li> 3611<li id="menu-item-29253" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29253"><a href="https://sfplayhouse.org/2023-2024-season/my-home-on-the-moon/">My Home on the Moon</a></li> 3612<li id="menu-item-28108" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-28108"><a href="https://www.sfplayhouse.org/2023-2024-season/">Our 23/24 Season</a></li> 3613<li id="menu-item-26387" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-26387"><a href="https://www.sfplayhouse.org/calendar/">Calendar</a></li> 3614<li id="menu-item-936" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-936"><a href="https://sfplayhouse.org/get-involved/">Get Involved</a> 3615<ul class="sub-menu"> 3616 <li id="menu-item-17901" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17901"><a href="https://sfplayhouse.org/get-involved/casting/">Casting and Auditions</a></li> 3617 <li id="menu-item-7099" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7099"><a href="https://sfplayhouse.org/job-openings/">Job Openings</a></li> 3618 <li id="menu-item-118" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-118"><a href="https://sfplayhouse.org/usher/">Usher</a></li> 3619 <li id="menu-item-117" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-117"><a href="https://sfplayhouse.org/rentals/">Rentals</a></li> 3620 <li id="menu-item-4632" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4632"><a href="https://sfplayhouse.org/join-email-list/">Join our Email List</a></li> 3621</ul> 3622</li> 3623<li id="menu-item-103" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-103"><a href="https://sfplayhouse.org/us/">About Us</a> 3624<ul class="sub-menu"> 3625 <li id="menu-item-724" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-724"><a href="https://sfplayhouse.org/us/">About Us</a></li> 3626 <li id="menu-item-932" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-932"><a href="https://sfplayhouse.org/plan-visit/">Plan Your Visit</a></li> 3627 <li id="menu-item-13551" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13551"><a href="https://sfplayhouse.org/past-productions/">Past Productions</a></li> 3628 <li id="menu-item-26247" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26247"><a href="https://sfplayhouse.org/our-commitment-to-antiracism-equity-diversity-and-inclusion/">Our Commitment to Antiracism, Equity, Diversity and Inclusion</a></li> 3629 <li id="menu-item-112" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-112"><a href="https://sfplayhouse.org/foundations-corporations/">Foundations & Corporations</a></li> 3630 <li id="menu-item-29878" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-29878"><a href="https://www.sfplayhouse.org/covid-safety/">Health and Safety</a></li> 3631 <li id="menu-item-106" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-106"><a href="https://sfplayhouse.org/contact/">Contact</a></li> 3632</ul> 3633</li> 3634<li id="menu-item-927" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-927"><a href="https://sfplayhouse.org/programs/">New Play Program</a> 3635<ul class="sub-menu"> 3636 <li id="menu-item-21660" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-21660"><a href="https://www.sfplayhouse.org/upcoming-free-livestreams/">Free Livestreams</a> 3637 <ul class="sub-menu"> 3638 <li id="menu-item-23728" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23728"><a href="https://sfplayhouse.org/upcoming-free-livestreams/">Upcoming Free Livestreams</a></li> 3639 <li id="menu-item-21757" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-21757"><a href="https://sfplayhouse.org/past-livestreams/">Past Livestreams</a></li> 3640 </ul> 3641</li> 3642 <li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-100"><a href="https://sfplayhouse.org/sandbox-series/">Sandbox Series</a></li> 3643 <li id="menu-item-25466" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-25466"><a href="https://www.sfplayhouse.org/commissions/">Commissions</a></li> 3644 <li id="menu-item-13107" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13107"><a href="https://sfplayhouse.org/play-reading-series/">Play Reading Series</a></li> 3645</ul> 3646</li> 3647<li id="menu-item-8822" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-8822"><a href="https://sfplayhouse.org/education/">Rising Star Program</a> 3648<ul class="sub-menu"> 3649 <li id="menu-item-8824" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8824"><a href="https://sfplayhouse.org/education/">Rising Star Program</a></li> 3650</ul> 3651</li> 3652<li id="menu-item-108" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-108"><a href="https://sfplayhouse.org/press/">Press</a></li> 3653<li id="menu-item-880" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-880"><a href="http://sfplayhouse.org/blog" aria-current="page">Blog</a></li> 3654</ul></div> <i class="menu-toggle arrow-toggle"></i> 3655 </div> 3656</div><!-- [/menu] --><div id="wrap" class="clearfix no-sidebar"> 3657 <div id="main"> 3658 <div id="entries"> 3659 <h2 class="page-title">
3659Blog <i class="entries-toggle arrow-toggle"></i> 3660 </h2> 3661 <div id="entries-box"> 3662 <div id="post-7166" class="post-item post-7166 page type-page status-publish hentry"> 3663 <div class="entry"> 3664 <h1>San Francisco Playhouse Blog</h1> 3665 3666 3667<div class="su-posts su-posts-default-loop "> 3668 3669 3670 3671 3672 <div id="su-post-34546" class="su-post "> 3673 3674 <a class="su-post-thumbnail" href="https://sfplayhouse.org/peter-pan-goes-wrong-a-note-from-the-artistic-director/"><img loading="lazy" decoding="async" width="1920" height="628" src="https://sfplayhouse.org/wp-content/uploads/2026/09/ppgw-ad-note.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Peter Pan Goes Wrong - A Note from the Artistic Director" srcset="https://sfplayhouse.org/wp-content/uploads/2026/09/ppgw-ad-note.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2026/09/ppgw-ad-note-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2026/09/ppgw-ad-note-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2026/09/ppgw-ad-note-768x251.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2026/09/ppgw-ad-note-1536x502.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2026/09/ppgw-ad-note-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2026/09/ppgw-ad-note-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a> 3675 3676 <h2 class="su-post-title"><a href="https://sfplayhouse.org/peter-pan-goes-wrong-a-note-from-the-artistic-director/">Peter Pan Goes Wrong – A Note from the Artistic Director</a></h2> 3677 3678 <div class="su-post-meta"> 3679 Posted: September 2026 </div> 3680 3681 <div class="su-post-excerpt"> 3682 <p>There is something sneakily subversive about taking Peter Pan, one of our cultureâs most enduring fantasies about never growing up, and allowing it to go hilariously and spectacularly wrong. For generations, Peter Pan has embodied the seductive promise of eternal boyhood. It promises freedom without responsibility and adventure without consequence. We even have a âdiagnosisâ …</p> 3683 </div> 3684 3685 <a href="https://sfplayhouse.org/peter-pan-goes-wrong-a-note-from-the-artistic-director/#respond" class="su-post-comments-link">0 comments</a> 3686 3687 </div> 3688 3689 3690 3691 <div id="su-post-34364" class="su-post "> 3692 3693 <a class="su-post-thumbnail" href="https://sfplayhouse.org/r-o-i-a-note-from-the-artistic-director/"><img loading="lazy" decoding="async" width="1920" height="628" src="https://sfplayhouse.org/wp-content/uploads/2026/07/roi-ad-note.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="R.O.I. - A Note from Bill English" srcset="https://sfplayhouse.org/wp-content/uploads/2026/07/roi-ad-note.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2026/07/roi-ad-note-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2026/07/roi-ad-note-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2026/07/roi-ad-note-768x251.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2026/07/roi-ad-note-1536x502.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2026/07/roi-ad-note-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2026/07/roi-ad-note-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a> 3694 3695 <h2 class="su-post-title"><a href="https://sfplayhouse.org/r-o-i-a-note-from-the-artistic-director/">R.O.I. – A Note from the Artistic Director</a></h2> 3696 3697 <div class="su-post-meta"> 3698 Posted: July 2026 </div> 3699 3700 <div class="su-post-excerpt"> 3701 <p>There are moments in history when civilization changes so rapidly that our moral imagination struggles to keep up. We are living through one of those moments now. Artificial intelligence is transforming our world with warp drive speed. Every day we get news of discoveries that promise longer lives, greater knowledge and unlimited prosperity. Yet along …</p> 3702 </div> 3703 3704 <a href="https://sfplayhouse.org/r-o-i-a-note-from-the-artistic-director/#respond" class="su-post-comments-link">0 comments</a> 3705 3706 </div> 3707 3708 3709 3710 <div id="su-post-34103" class="su-post "> 3711 3712 <a class="su-post-thumbnail" href="https://sfplayhouse.org/hairspray-a-note-from-the-artistic-director/"><img loading="lazy" decoding="async" width="1920" height="628" src="https://sfplayhouse.org/wp-content/uploads/2026/07/hairspray-ad-note-header.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Hairspray - a Note from Bill English" srcset="https://sfplayhouse.org/wp-content/uploads/2026/07/hairspray-ad-note-header.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2026/07/hairspray-ad-note-header-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2026/07/hairspray-ad-note-header-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2026/07/hairspray-ad-note-header-768x251.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2026/07/hairspray-ad-note-header-1536x502.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2026/07/hairspray-ad-note-header-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2026/07/hairspray-ad-note-header-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100v
3712w, 1920px" /></a> 3713 3714 <h2 class="su-post-title"><a href="https://sfplayhouse.org/hairspray-a-note-from-the-artistic-director/">Hairspray – A Note from the Artistic Director</a></h2> 3715 3716 <div class="su-post-meta"> 3717 Posted: July 2026 </div> 3718 3719 <div class="su-post-excerpt"> 3720 <p>When Hairspray burst onto movie screens in 1988, John Waters hid a razor-sharp social critique inside a gloriously outrageous comedy. Beneath the bouffants, dance crazes, and irreverent humor was a subversive challenge to the forces of exclusion, racism, body shaming, and the policing of anyone who dared to be different. The Broadway musical adaptation amplified …</p> 3721 </div> 3722 3723 <a href="https://sfplayhouse.org/hairspray-a-note-from-the-artistic-director/#respond" class="su-post-comments-link">0 comments</a> 3724 3725 </div> 3726 3727 3728 3729 <div id="su-post-33967" class="su-post "> 3730 3731 <a class="su-post-thumbnail" href="https://sfplayhouse.org/lady-disdain-june-1-2026/"><img loading="lazy" decoding="async" width="1920" height="628" src="https://sfplayhouse.org/wp-content/uploads/2026/05/lady-disdain-lauren-gunderson-reading-header.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Lady Disdain by Lauren Gunderson" srcset="https://sfplayhouse.org/wp-content/uploads/2026/05/lady-disdain-lauren-gunderson-reading-header.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2026/05/lady-disdain-lauren-gunderson-reading-header-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2026/05/lady-disdain-lauren-gunderson-reading-header-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2026/05/lady-disdain-lauren-gunderson-reading-header-768x251.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2026/05/lady-disdain-lauren-gunderson-reading-header-1536x502.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2026/05/lady-disdain-lauren-gunderson-reading-header-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2026/05/lady-disdain-lauren-gunderson-reading-header-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a> 3732 3733 <h2 class="su-post-title"><a href="https://sfplayhouse.org/lady-disdain-june-1-2026/">Play Reading Series: Lady Disdain by Lauren Gunderson</a></h2> 3734 3735 <div class="su-post-meta"> 3736 Posted: May 2026 </div> 3737 3738 <div class="su-post-excerpt"> 3739 <p>Lady Disdain Monday, June 1st, 7:00 p.m. By Lauren Gunderson Directed by Miriam Ani A modern comedy based on Much Ado About Nothing. Featuring Carrie Paff as Beatrice, Adrian Roberts as Ben, Phil Wong as Pedro, Chanel Tilghman as Hannah, Nic Sommerfeld as Claudio, and Renee Rogoff as Alice. Stage directions by Sarah Dunnavant and …</p> 3740 </div> 3741 3742 <a href="https://sfplayhouse.org/lady-disdain-june-1-2026/#respond" class="su-post-comments-link">0 comments</a> 3743 3744 </div> 3745 3746 3747 3748 <div id="su-post-33923" class="su-post "> 3749 3750 <a class="su-post-thumbnail" href="https://sfplayhouse.org/dracula-a-note-from-artistic-director-bill-english/"><img loading="lazy" decoding="async" width="1920" height="628" src="https://sfplayhouse.org/wp-content/uploads/2026/05/dracula-ad-note-header.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Dracula AD Note Header" srcset="https://sfplayhouse.org/wp-content/uploads/2026/05/dracula-ad-note-header.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2026/05/dracula-ad-note-header-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2026/05/dracula-ad-note-header-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2026/05/dracula-ad-note-header-768x251.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2026/05/dracula-ad-note-header-1536x502.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2026/05/dracula-ad-note-header-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2026/05/dracula-ad-note-header-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a> 3751 3752 <h2 class="su-post-title"><a href="https://sfplayhouse.org/dracula-a-note-from-artistic-director-bill-english/">Dracula – A Note from Artistic Director Bill English</a></h2> 3753 3754 <div class="su-post-meta"> 3755 Posted: May 2026 </div> 3756 3757 <div class="su-post-excerpt"> 3758 <p>Kate Hamillâs adaptation of Dracula is not a relic of gothic horror, but a sly, muscular act of theatrical reclamation. What was once a tale orbiting a charismatic, predatory male becomes a female-driven reckoning with male power, interrogating how it is performed, how it seduces, and how it must be dismantled. At the center of …</p> 3759 </div> 3760 3761 <a href="https://sfplayhouse.org/dracula-a-note-from-artistic-director-bill-english/#respond" class="su-post-comments-link">0 comments</a> 3762 3763 </div> 3764 3765 3766 3767 <div id="su-post-33568" class="su-post "> 3768 3769 <a class="su-post-thumbnail" href="https://sfplayhouse.org/flex-a-note-from-artistic-director-bill-english/"><img loading="lazy" decoding="async" width="1920" height="628" src="https://sfplayhouse.org/wp-content/uploads/2026/03/flex-ad-note-header.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Flex AD Note Header" srcset="https://sfplayhouse.org/wp-content/uploads/2026/03/flex-ad-note-header.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2026/03/flex-ad-note-header-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2026/03/flex-ad-note-header-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2026/03/flex-ad-note-header-768x251.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2026/03/flex-ad-note-header-1536x502.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2026/03/flex-ad-note-header-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2026/03/flex-ad-note-header-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100v
3769w, 1920px" /></a> 3770 3771 <h2 class="su-post-title"><a href="https://sfplayhouse.org/flex-a-note-from-artistic-director-bill-english/">Flex – A Note from Artistic Director Bill English</a></h2> 3772 3773 <div class="su-post-meta"> 3774 Posted: March 2026 </div> 3775 3776 <div class="su-post-excerpt"> 3777 <p>In Flex, playwright Candrice Jones gives us a story that pulses with the rhythm of gym shoes on maple and the heartbeat of young women yearning to define themselves. Set in rural Arkansas, the play follows a high school girls basketball team chasing the state championship. As with any great underdog story, the true contest …</p> 3778 </div> 3779 3780 <a href="https://sfplayhouse.org/flex-a-note-from-artistic-director-bill-english/#respond" class="su-post-comments-link">0 comments</a> 3781 3782 </div> 3783 3784 3785 3786 <div id="su-post-33256" class="su-post "> 3787 3788 <a class="su-post-thumbnail" href="https://sfplayhouse.org/m-butterfly-a-note-from-artistic-director-bill-english/"><img loading="lazy" decoding="async" width="1920" height="629" src="https://sfplayhouse.org/wp-content/uploads/2026/01/M-Butterfly-AD-note-header.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="M. Butterfly AD Note" srcset="https://sfplayhouse.org/wp-content/uploads/2026/01/M-Butterfly-AD-note-header.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2026/01/M-Butterfly-AD-note-header-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2026/01/M-Butterfly-AD-note-header-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2026/01/M-Butterfly-AD-note-header-768x252.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2026/01/M-Butterfly-AD-note-header-1536x503.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2026/01/M-Butterfly-AD-note-header-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2026/01/M-Butterfly-AD-note-header-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a> 3789 3790 <h2 class="su-post-title"><a href="https://sfplayhouse.org/m-butterfly-a-note-from-artistic-director-bill-english/">M. Butterfly – A Note from Artistic Director Bill English</a></h2> 3791 3792 <div class="su-post-meta"> 3793 Posted: January 2026 </div> 3794 3795 <div class="su-post-excerpt"> 3796 <p>When M. Butterfly premiered in 1988, it detonated theatrical expectations. It asked Western audiences to confront how deeply our fantasies about the East distort what we are seeing. Nearly four decades later, far from feeling like a revival of an American classic, it feels more urgent. Despite our infinite access to information, the West still …</p> 3797 </div> 3798 3799 <a href="https://sfplayhouse.org/m-butterfly-a-note-from-artistic-director-bill-english/#respond" class="su-post-comments-link">0 comments</a> 3800 3801 </div> 3802 3803 3804 3805 <div id="su-post-33073" class="su-post "> 3806 3807 <a class="su-post-thumbnail" href="https://sfplayhouse.org/the-white-chip-december-8-2025/"><img loading="lazy" decoding="async" width="1920" height="628" src="https://sfplayhouse.org/wp-content/uploads/2025/11/white-chip-sean-daniels-1.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="The White Chip by Sean Daniels" srcset="https://sfplayhouse.org/wp-content/uploads/2025/11/white-chip-sean-daniels-1.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2025/11/white-chip-sean-daniels-1-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2025/11/white-chip-sean-daniels-1-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2025/11/white-chip-sean-daniels-1-768x251.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2025/11/white-chip-sean-daniels-1-1536x502.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2025/11/white-chip-sean-daniels-1-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2025/11/white-chip-sean-daniels-1-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a> 3808 3809 <h2 class="su-post-title"><a href="https://sfplayhouse.org/the-white-chip-december-8-2025/">Play Reading Series: The White Chip by Sean Daniels</a></h2> 3810 3811 <div class="su-post-meta"> 3812 Posted: November 2025 </div> 3813 3814 <div class="su-post-excerpt"> 3815 <p>The White Chip Monday, December 8th, 7:00 p.m. By Sean Daniels Directed by Lauren English Featuring Patrick Russell, Julia McNeal, and Michael Gene Sullivan. 450 Post Street (San Francisco Playhouse Mainstage), San Francisco CA 94102 The lobby opens at 6pm for our 7pm show This is a FREE potluck-style event. We invite you to bring a …</p> 3816 </div> 3817 3818 3819 </div> 3820 3821 3822 3823 <div id="su-post-33060" class="su-post "> 3824 3825 <a class="su-post-thumbnail" href="https://sfplayhouse.org/into-the-woods-artistic-director-note/"><img loading="lazy" decoding="async" width="1920" height="628" src="https://sfplayhouse.org/wp-content/uploads/2025/11/woods-ad-note.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Into the Woods Artistic Director Note" srcset="https://sfplayhouse.org/wp-content/uploads/2025/11/woods-ad-note.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2025/11/woods-ad-note-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2025/11/woods-ad-note-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2025/11/woods-ad-note-768x251.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2025/11/woods-ad-note-1536x502.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2025/11/woods-ad-note-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2025/11/woods-ad-note-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100v
3825w, 1920px" /></a> 3826 3827 <h2 class="su-post-title"><a href="https://sfplayhouse.org/into-the-woods-artistic-director-note/">Into the Woods – A Note from Artistic Director Bill English</a></h2> 3828 3829 <div class="su-post-meta"> 3830 Posted: November 2025 </div> 3831 3832 <div class="su-post-excerpt"> 3833 <p>We live in a world built on stories: fairy tales, myths, and inherited narratives that shape what we believe is possible. Many of these myths are outdated, destructive. They tell us that princes will rescue us, that good and evil are simple and separate, that wishes come true without consequence, that the idealized past was …</p> 3834 </div> 3835 3836 <a href="https://sfplayhouse.org/into-the-woods-artistic-director-note/#comments" class="su-post-comments-link">2 comments</a> 3837 3838 </div> 3839 3840 3841 3842 <div id="su-post-32747" class="su-post "> 3843 3844 <a class="su-post-thumbnail" href="https://sfplayhouse.org/noises-off-a-note-from-artistic-director-bill-english/"><img loading="lazy" decoding="async" width="1920" height="629" src="https://sfplayhouse.org/wp-content/uploads/2025/09/noises-ad-note.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Noises Off - a note from Bill English" srcset="https://sfplayhouse.org/wp-content/uploads/2025/09/noises-ad-note.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2025/09/noises-ad-note-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2025/09/noises-ad-note-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2025/09/noises-ad-note-768x252.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2025/09/noises-ad-note-1536x503.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2025/09/noises-ad-note-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2025/09/noises-ad-note-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a> 3845 3846 <h2 class="su-post-title"><a href="https://sfplayhouse.org/noises-off-a-note-from-artistic-director-bill-english/">Noises Off – A Note from Artistic Director Bill English</a></h2> 3847 3848 <div class="su-post-meta"> 3849 Posted: September 2025 </div> 3850 3851 <div class="su-post-excerpt"> 3852 <p>At first glance, Noises Off is pure farceâslamming doors, dropping trousers, flying sardines, and backstage mayhem. But beneath the perfectly timed chaos lies something deeper: a reflection of the human spirit in all its messy, glorious imperfection. Michael Fraynâs brilliant meta-comedy offers more than laughter. It gives us a mirror. The characters in Noises Off …</p> 3853 </div> 3854 3855 <a href="https://sfplayhouse.org/noises-off-a-note-from-artistic-director-bill-english/#respond" class="su-post-comments-link">0 comments</a> 3856 3857 </div> 3858 3859 3860 3861 <div id="su-post-32427" class="su-post "> 3862 3863 <a class="su-post-thumbnail" href="https://sfplayhouse.org/my-fair-lady-a-note-from-the-artistic-director/"><img loading="lazy" decoding="async" width="1920" height="629" src="https://sfplayhouse.org/wp-content/uploads/2025/06/mfl-ad-note.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="A note from Artistic Director Bill English" srcset="https://sfplayhouse.org/wp-content/uploads/2025/06/mfl-ad-note.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2025/06/mfl-ad-note-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2025/06/mfl-ad-note-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2025/06/mfl-ad-note-768x252.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2025/06/mfl-ad-note-1536x503.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2025/06/mfl-ad-note-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2025/06/mfl-ad-note-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a> 3864 3865 <h2 class="su-post-title"><a href="https://sfplayhouse.org/my-fair-lady-a-note-from-the-artistic-director/">My Fair Lady – A Note from the Artistic Director</a></h2> 3866 3867 <div class="su-post-meta"> 3868 Posted: June 2025 </div> 3869 3870 <div class="su-post-excerpt"> 3871 <p>George Bernard Shaw was a revolutionary for his time, a member of the famed and radical Fabian Society and a passionate feminist who believed strongly that women should not be pigeonholed into stereotypical roles. He also believed that relationships should not be governed by conventional notions of gender or sexual orientation or be built around ̷
38710;</p> 3872 </div> 3873 3874 <a href="https://sfplayhouse.org/my-fair-lady-a-note-from-the-artistic-director/#comments" class="su-post-comments-link">1 comment</a> 3875 3876 </div> 3877 3878 3879 3880 <div id="su-post-32285" class="su-post "> 3881 3882 <a class="su-post-thumbnail" href="https://sfplayhouse.org/theatre-a-sacred-space/"><img loading="lazy" decoding="async" width="1920" height="629" src="https://sfplayhouse.org/wp-content/uploads/2025/05/bill-sacred-space-email-HQ.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Theatre - A Sacred Space" srcset="https://sfplayhouse.org/wp-content/uploads/2025/05/bill-sacred-space-email-HQ.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2025/05/bill-sacred-space-email-HQ-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2025/05/bill-sacred-space-email-HQ-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2025/05/bill-sacred-space-email-HQ-768x252.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2025/05/bill-sacred-space-email-HQ-1536x503.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2025/05/bill-sacred-space-email-HQ-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2025/05/bill-sacred-space-email-HQ-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a> 3883 3884 <h2 class="su-post-title"><a href="https://sfplayhouse.org/theatre-a-sacred-space/">Theatre: A Sacred Space – A Note from the Empathy Gym</a></h2> 3885 3886 <div class="su-post-meta"> 3887 Posted: May 2025 </div> 3888 3889 <div class="su-post-excerpt"> 3890 <p>Our theatre is a sacred space. A place where hearts are cracked open, souls are stirred, and compassion is not just spoken of, but practiced. The Empathy Gym is not just a clever phrase; it is a spiritual calling. In a time when we are taught to armor up, scroll past pain and judge rather …</p> 3891 </div> 3892 3893 <a href="https://sfplayhouse.org/theatre-a-sacred-space/#respond" class="su-post-comments-link">0 comments</a> 3894 3895 </div> 3896 3897 3898 3899 <div id="su-post-32216" class="su-post "> 3900 3901 <a class="su-post-thumbnail" href="https://sfplayhouse.org/curious-incident-a-note-from-the-artistic-director/"><img loading="lazy" decoding="async" width="1920" height="629" src="https://sfplayhouse.org/wp-content/uploads/2025/04/curious-incident-blog.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="https://sfplayhouse.org/wp-content/uploads/2025/04/curious-incident-blog.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2025/04/curious-incident-blog-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2025/04/curious-incident-blog-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2025/04/curious-incident-blog-768x252.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2025/04/curious-incident-blog-1536x503.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2025/04/curious-incident-blog-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2025/04/curious-incident-blog-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a> 3902 3903 <h2 class="su-post-title"><a href="https://sfplayhouse.org/curious-incident-a-note-from-the-artistic-director/">Curious Incident – A Note from the Artistic Director</a></h2> 3904 3905 <div class="su-post-meta"> 3906 Posted: April 2025 </div> 3907 3908 <div class="su-post-excerpt"> 3909 <p>When I first read The Curious Incident of the Dog in the Night-Time, I was awed not only by its original storytelling format, but by its unique invitation to experience the world through the eyes of someone whose brain works differently than most. It is what we dream of in theatre, to be truly transportedânot …</p> 3910 </div> 3911 3912 <a href="https://sfplayhouse.org/curious-incident-a-note-from-the-artistic-director/#respond" class="su-post-comments-link">0 comments</a> 3913 3914 </div> 3915 3916 3917 3918 <div id="su-post-31847" class="su-post "> 3919 3920 <a class="su-post-thumbnail" href="https://sfplayhouse.org/fat-ham-a-note-from-the-artistic-director/"><img loading="lazy" decoding="async" width="1920" height="628" src="https://sfplayhouse.org/wp-content/uploads/2025/03/fat-ham-ad-note.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Fat Ham - A Note from Bill English" srcset="https://sfplayhouse.org/wp-content/uploads/2025/03/fat-ham-ad-note.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2025/03/fat-ham-ad-note-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2025/03/fat-ham-ad-note-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2025/03/fat-ham-ad-note-768x251.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2025/03/fat-ham-ad-note-1536x502.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2025/03/fat-ham-ad-note-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2025/03/fat-ham-ad-note-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100v
3920w, 1920px" /></a> 3921 3922 <h2 class="su-post-title"><a href="https://sfplayhouse.org/fat-ham-a-note-from-the-artistic-director/">Fat Ham – A Note from the Artistic Director</a></h2> 3923 3924 <div class="su-post-meta"> 3925 Posted: March 2025 </div> 3926 3927 <div class="su-post-excerpt"> 3928 <p>Adaptations of Shakespeare abound from West Side Story to Romanoff and Juliet to & Juliet. The composer of Hair wrote a musical adaptation of Two Gentlemen of Verona, Verdi crafted operas of Othello and Macbeth, and John Cassavetes starred in a terrific film called Tempest. There is an adaptation of Macbeth set in a donut …</p> 3929 </div> 3930 3931 <a href="https://sfplayhouse.org/fat-ham-a-note-from-the-artistic-director/#respond" class="su-post-comments-link">0 comments</a> 3932 3933 </div> 3934 3935 3936 3937 <div id="su-post-31668" class="su-post "> 3938 3939 <a class="su-post-thumbnail" href="https://sfplayhouse.org/exotic-deadly-or-the-msg-play-a-note-from-the-artistic-director/"><img loading="lazy" decoding="async" width="1920" height="628" src="https://sfplayhouse.org/wp-content/uploads/2025/01/exotic-deadly-ad-note.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="A note from Artistic Director Bill English" srcset="https://sfplayhouse.org/wp-content/uploads/2025/01/exotic-deadly-ad-note.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2025/01/exotic-deadly-ad-note-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2025/01/exotic-deadly-ad-note-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2025/01/exotic-deadly-ad-note-768x251.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2025/01/exotic-deadly-ad-note-1536x502.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2025/01/exotic-deadly-ad-note-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2025/01/exotic-deadly-ad-note-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a> 3940 3941 <h2 class="su-post-title"><a href="https://sfplayhouse.org/exotic-deadly-or-the-msg-play-a-note-from-the-artistic-director/">Exotic Deadly: Or The MSG Play – A Note from the Artistic Director</a></h2> 3942 3943 <div class="su-post-meta"> 3944 Posted: January 2025 </div> 3945 3946 <div class="su-post-excerpt"> 3947 <p>Exotic Deadly: Or The MSG Play is one of those rare scripts that became a front-runner for season selection before I even finished reading it. The play was handed to me by Marie-Claire Erdynast, our Associate Artistic Director, who saw the play in its Old Globe run in San Diego. Before I reached Page 10, …</p> 3948 </div> 3949 3950 <a href="https://sfplayhouse.org/exotic-deadly-or-the-msg-play-a-note-from-the-artistic-director/#respond" class="su-post-comments-link">0 comments</a> 3951 3952 </div> 3953 3954 3955 3956 <div id="su-post-31622" class="su-post "> 3957 3958 <a class="su-post-thumbnail" href="https://sfplayhouse.org/theatre-an-instrument-of-peace/"><img loading="lazy" decoding="async" width="1920" height="629" src="https://sfplayhouse.org/wp-content/uploads/2025/01/bill-instrument-peace-email-HQ.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Theatre - An Instrument Of Peace" srcset="https://sfplayhouse.org/wp-content/uploads/2025/01/bill-instrument-peace-email-HQ.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2025/01/bill-instrument-peace-email-HQ-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2025/01/bill-instrument-peace-email-HQ-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2025/01/bill-instrument-peace-email-HQ-768x252.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2025/01/bill-instrument-peace-email-HQ-1536x503.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2025/01/bill-instrument-peace-email-HQ-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2025/01/bill-instrument-peace-email-HQ-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a> 3959 3960 <h2 class="su-post-title"><a href="https://sfplayhouse.org/theatre-an-instrument-of-peace/">Theatre: An Instrument Of Peace – A Note from the Empathy Gym</a></h2> 3961 3962 <div class="su-post-meta"> 3963 Posted: January 2025 </div> 3964 3965 <div class="su-post-excerpt"> 3966 <p>I have always been drawn to St. Francisâs famous prayer, âMake me an instrument of thy peace.â What a
3966wonderful wish. To be an agent of peace. To answer hate with love, despair with hope, doubt with faith. In the secular world of today, words like hope and faith have gotten lost in the endless …</p> 3967 </div> 3968 3969 <a href="https://sfplayhouse.org/theatre-an-instrument-of-peace/#comments" class="su-post-comments-link">2 comments</a> 3970 3971 </div> 3972 3973 3974 3975 <div id="su-post-31540" class="su-post "> 3976 3977 <a class="su-post-thumbnail" href="https://sfplayhouse.org/watch-the-video-trailer-for-waitress-is-here/"><img loading="lazy" decoding="async" width="1200" height="675" src="https://sfplayhouse.org/wp-content/uploads/2024/12/waitress-trailer-blog.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Waitress trailer" srcset="https://sfplayhouse.org/wp-content/uploads/2024/12/waitress-trailer-blog.jpg 1200w, https://sfplayhouse.org/wp-content/uploads/2024/12/waitress-trailer-blog-500x281.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2024/12/waitress-trailer-blog-1170x658.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2024/12/waitress-trailer-blog-768x432.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2024/12/waitress-trailer-blog-330x186.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2024/12/waitress-trailer-blog-150x84.jpg 150w" sizes="auto, (max-width: 1200px) 100vw, 1200px" /></a> 3978 3979 <h2 class="su-post-title"><a href="https://sfplayhouse.org/watch-the-video-trailer-for-waitress-is-here/">Watch: The video trailer for Waitress is here</a></h2> 3980 3981 <div class="su-post-meta"> 3982 Posted: December 2024 </div> 3983 3984 <div class="su-post-excerpt"> 3985 <p>The official trailer for Waitress is here! Watch the video below. Performances of Waitress continue through January 18, 2024. Featuring a tasty, tuneful score by Grammy Award-winning singer/songwriter Sara Bareilles and a fresh-baked book by Jessie Nelson, this sweet musical confection follows Jenna, a waitress for a small-town diner. Trapped in a loveless marriage and unexpectedly pregnant, …</p> 3986 </div> 3987 3988 <a href="https://sfplayhouse.org/watch-the-video-trailer-for-waitress-is-here/#respond" class="su-post-comments-link">0 comments</a> 3989 3990 </div> 3991 3992 3993 3994 <div id="su-post-31402" class="su-post "> 3995 3996 <a class="su-post-thumbnail" href="https://sfplayhouse.org/waitress-a-love-song-to-community/"><img loading="lazy" decoding="async" width="1920" height="628" src="https://sfplayhouse.org/wp-content/uploads/2024/11/waitress-a-love-song-to-community.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Waitress: A Love Song to Community" srcset="https://sfplayhouse.org/wp-content/uploads/2024/11/waitress-a-love-song-to-community.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2024/11/waitress-a-love-song-to-community-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2024/11/waitress-a-love-song-to-community-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2024/11/waitress-a-love-song-to-community-768x251.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2024/11/waitress-a-love-song-to-community-1536x502.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2024/11/waitress-a-love-song-to-community-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2024/11/waitress-a-love-song-to-community-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a> 3997 3998 <h2 class="su-post-title"><a href="https://sfplayhouse.org/waitress-a-love-song-to-community/">Waitress – A Love Song to Community</a></h2> 3999 4000 <div class="su-post-meta"> 4001 Posted: November 2024 </div> 4002 4003 <div class="su-post-excerpt"> 4004 <p>Community is a word we see bandied about a lot these days. It is used to sell products, memberships in organizations promising belonging while asking for money, and loyalty to the home team or the home religion. Community is much in demand and difficult for us to feel. When faith in government, local or federal …</p> 4005 </div> 4006 4007 <a href="https://sfplayhouse.org/waitress-a-love-song-to-community/#respond" class="su-post-comments-link">0 comments</a> 4008 4009 </div> 4010 4011 4012 4013 <div id="su-post-31167" class="su-post "> 4014 4015 <a class="su-post-thumbnail" href="https://sfplayhouse.org/when-the-set-is-the-villain-a-note-from-the-empathy-gym/"><img loading="lazy" decoding="async" width="1920" height="628" src="https://sfplayhouse.org/wp-content/uploads/2024/10/when-the-set-is-the-villain.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="When the Set is the Villain" srcset="https://sfplayhouse.org/wp-content/uploads/2024/10/when-the-set-is-the-villain.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2024/10/when-the-set-is-the-villain-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2024/10/when-the-set-is-the-villain-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2024/10/when-the-set-is-the-villain-768x251.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2024/10/when-the-set-is-the-villain-1536x502.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2024/10/when-the-set-is-the-villain-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2024/10/when-the-set-is-the-villain-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100v
4015w, 1920px" /></a> 4016 4017 <h2 class="su-post-title"><a href="https://sfplayhouse.org/when-the-set-is-the-villain-a-note-from-the-empathy-gym/">When the Set is the Villain – A Note from the Empathy Gym</a></h2> 4018 4019 <div class="su-post-meta"> 4020 Posted: October 2024 </div> 4021 4022 <div class="su-post-excerpt"> 4023 <p>Working for many years as a set designer, I have never imagined that scenic art could be the villain of a story. But watching The Play That Goes Wrong has made us all aware that the environment on stage can be the primary antagonist. Boobytraps lie in wait for every character, and the more wary …</p> 4024 </div> 4025 4026 <a href="https://sfplayhouse.org/when-the-set-is-the-villain-a-note-from-the-empathy-gym/#comments" class="su-post-comments-link">1 comment</a> 4027 4028 </div> 4029 4030 4031 4032 <div id="su-post-31210" class="su-post "> 4033 4034 <a class="su-post-thumbnail" href="https://sfplayhouse.org/casting-announced-for-waitress/"><img loading="lazy" decoding="async" width="1920" height="628" src="https://sfplayhouse.org/wp-content/uploads/2024/10/waitress-1920.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="https://sfplayhouse.org/wp-content/uploads/2024/10/waitress-1920.jpg 1920w, https://sfplayhouse.org/wp-content/uploads/2024/10/waitress-1920-500x164.jpg 500w, https://sfplayhouse.org/wp-content/uploads/2024/10/waitress-1920-1170x383.jpg 1170w, https://sfplayhouse.org/wp-content/uploads/2024/10/waitress-1920-768x251.jpg 768w, https://sfplayhouse.org/wp-content/uploads/2024/10/waitress-1920-1536x502.jpg 1536w, https://sfplayhouse.org/wp-content/uploads/2024/10/waitress-1920-330x108.jpg 330w, https://sfplayhouse.org/wp-content/uploads/2024/10/waitress-1920-150x49.jpg 150w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></a> 4035 4036 <h2 class="su-post-title"><a href="https://sfplayhouse.org/casting-announced-for-waitress/">Casting Announced for ‘Waitress’</a></h2> 4037 4038 <div class="su-post-meta"> 4039 Posted: October 2024 </div> 4040 4041 <div class="su-post-excerpt"> 4042 <p>San Francisco Playhouse will serve up a holiday treat with the beloved Broadway favorite Waitress, directed by San Francisco Playhouse Producing Director and co-founder Susi Damilano with music direction by Dave Dobrusky and choreography by Nicole Helfer. Featuring a tasty, tuneful score by Grammy Award-winning singer/songwriter Sara Bareilles and a fresh-baked book by Jessie Nelson, …</p> 4043 </div> 4044 4045 <a href="https://sfplayhouse.org/casting-announced-for-waitress/#respond" class="su-post-comments-link">0 comments</a> 4046 4047 </div> 4048 4049 4050 4051</div> 4052 4053<div class="awac-wrapper"> 4054<div class="awac widget block-7"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" /> 4055<div id="homepage-footer"> 4056<div id="homepage-footer-content"> 4057<ul id="menu-top-menu" class="menu"> 4058<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-29394"><a href="https://www.sfplayhouse.org/#shows">Shows</a> 4059<ul class="sub-menu"> 4060<li class="menu-item menu-item-type-post_type menu-item-object-gm_menu_block menu-item-34463"><a href="https://sfplayhouse.org/?gm_menu_block=peter-pan-goes-wrong">Peter Pan Goes Wrong</a></li> 4061<li class="menu-item menu-item-type-post_type menu-item-object-gm_menu_block menu-item-34468"><a href="https://sfplayhouse.org/?gm_menu_block=rent">Rent</a></li> 4062<li class="menu-item menu-item-type-post_type menu-item-object-gm_menu_block menu-item-34467"><a href="https://sfplayhouse.org/?gm_menu_block=lizard-boy">Lizard Boy</a></li> 4063<li class="menu-item menu-item-type-post_type menu-item-object-gm_menu_block menu-item-34466"><a href="https://sfplayhouse.org/?gm_menu_block=perfect-daughter">Perfect Daughter</a></li> 4064<li class="menu-item menu-item-type-post_type menu-item-object-gm_menu_block menu-item-34465"><a href="https://sfplayhouse.org/?gm_menu_block=life-of-pi">Life of Pi</a></li> 4065<li class="menu-item menu-item-type-post_type menu-item-object-gm_menu_block menu-item-34464"><a href="https://sfplayhouse.org/?gm_menu_block=sweeney-todd">Sweeney Todd</a></li> 4066</ul> 4067</li> 4068<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-33825"><a href="https://sfplayhouse.org/2026-2027-season-subscriptions/">Subscribe</a></li> 4069<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-29432"><a href="https://www.sfplayhouse.org/get-involved/">Get Involved</a> 4070<ul class="sub-menu"> 4071<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29433"><a href="https://sfplayhouse.org/get-involved/casting/">Casting and Auditions</a></li> 4072<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29434"><a href="https://sfplayhouse.org/job-openings/">Job Openings</a></li> 4073<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29435"><a href="https://sfplayhouse.org/usher/">Usher</a></li> 4074<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29436"><a href="https://sfplayhouse.org/rentals/">Rent Our Space</a></li> 4075<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30830"><a href="https://sfplayhouse.org/advertise-in-our-playbills/">Advertise in our Playbills</a></li> 4076<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-30796"><a href="https://www.sfplayhouse.org/join-our-email-list/">Join our Email List</a></li> 4077</ul> 4078</li> 4079<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-29441"><a href="https://www.sfplayhouse.org/us/">About Us</a> 4080<ul class="sub-menu"> 4081<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-29470"><a href="https://www.sfplayhouse.org/us/">San Francisco Playhouse</a></li> 4082<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-29471"><a href="https://www.sfplayhouse.org/plan-visit/">Plan Your Visit</a></li> 4083<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32740"><a href="https://sfplayhouse.org/things-to-do-in-san-francisco/">Things to do in San Francisco</a></li> 4084<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-32905"><a href="https://sfplayhouse.org/musicals-in-san-francisco/">Musicals in San Francisco</a></li> 4085<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-29439"><a href="https://www.sfplayhouse.org/education/">Rising Stars</a></li> 4086<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-29475"><a href="https://www.sfplayhouse.org/contact/">Staff and Board</a></li> 4087<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-29473"><a href="https://www.sfplayhouse.org/our-commitment-to-antiracism-equity-diversity-and-inclusion/">Our Commitment to EDI</a></li> 4088<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-30948"><a href="https://www.sfplayhouse.org/accessibility/">Accessibility</a></li> 4089<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-29474"><a href="https://www.sfplayhouse.org/foundations-corporations/">Foundations and Corporations</a></li> 4090<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-29472"><a href="https://www.sfplayhouse.org/past-productions/">Past Productions</a></li> 4091<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-29480"><a href="https://www.sfplayhouse.org/press/">Press</a></li> 4092<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-29481"><a href="http://sfplayhouse.org/blog" aria-current="page">Blog</a></li> 4093</ul> 4094</li> 4095<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34618"><a href="https://sfplayhouse.org/new-works/">New Works</a></li> 4096<li class="top-nav-calendar menu-item menu-item-type-custom menu-item-object-custom menu-item-29497"><a href="https://www.sfplayhouse.org/calendar/">Calendar</a></li> 4097<li class="top-nav-donate menu-item menu-item-type-custom menu-item-object-custom menu-item-29393"><a href="https://www.sfplayhouse.org/donate/">Donate</a></li> 4098<li class="top-nav-tickets menu-item menu-item-type-custom menu-item-object-custom menu-item-29440"><a href="https://sfplayhouse.org/get-tickets/">Buy Tickets</a></li> 4099</ul> 4100<div class="one_half "> 4101<h2>San Francisco Playhouse</h2> 4102<p>450 Post St.<br /> 4103San Francisco, CA 94102<br /> 4104(415) 677-9596<br /> 4105(c) 2024 San Francisco Playhouse</p> 4106<p>A 501(c)(3) nonprofit organization. Tax ID: 86-1089699<br /> 4107<a href="https://sfplayhouse.org/privacy-policy/">Privacy Policy</a> | <a href="https://sfplayhouse.org/accessibility/">Accessibility</a> 4108</div> 4109<div class="one_half last"> 4110<div align="right"><img decoding="async" style="max-width: 300px; padding-bottom: 10px;" src="https://sfplayhouse.org/wp-content/uploads/2024/04/over-500k-sold.png" alt="Over 500,000 tickets sold"></div> 4111<div class="footer-socials"> 4112<ul> 4113<li><a target="_blank" href="https://www.facebook.com/SFPlayhouse/" aria-hidden="true" title="Facebook"><i class="fa-brands fa-facebook-f"></i></a></li> 4114<li><a target="_blank" href="https://www.instagram.com/sfplayhouse/" aria-hidden="true" title="Instagram"><i class="fa-brands fa-instagram"></i></a></li> 4115<li><a target="_blank" href="https://www.youtube.com/sfplayhouse" aria-hidden="true" title="Youtube"><i class="fa-brands fa-youtube"></i></a></li> 4116<li><a target="_blank" href="https://www.tiktok.com/@sfplayhouse" aria-hidden="true" title="Tiktok"><i class="fa-brands fa-tiktok"></i></a></li> 4117</ul> 4118</div> 4119</div> 4120<div class="fix"></div> 4121</div> 4122</div> 4123</div> 4124</div> 4125 <div class="fix"></div> 4126 </div> 4127 </div> 4128 </div><!-- [/entries-box] --> 4129 </div><!-- [/entries] --> 4130 </div><!-- [/main] --> 4131 </div><!-- [/wrap] -->
4132<script type="speculationrules"> 4133{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/smartscreen-child/*","/wp-content/themes/smartscreen/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 4134</script>
vendor: 1 bytes, line 4134
4134
4135<script type="text/javascript"> 4136 WebFontConfig = { 4137 google: { families: [ 'Oswald:700,400,300' ] } 4138 }; 4139 4140 (function() { 4141 var wf = document.createElement('script'); 4142 wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; 4143 wf.type = 'text/javascript'; 4144 wf.async = 'true'; 4145 var s = document.getElementsByTagName('script')[0]; 4146 s.parentNode.insertBefore(wf, s); 4147 })(); 4148</script>
4148 4149<!-- Global site tag (gtag.js) - Google Ads: 981710887 -->
vendor: 65 bytes, lines 4149-4150
4149 4150<script async src="https://www.googletagmanager.com/gtag/js?id=
4150AW-981710887
vendor: 13 bytes, line 4150
4150"></script>
4151<script> 4152
vendor: 138 bytes, lines 4152-4156
4152window.dataLayer = window.dataLayer || []; 4153 function gtag(){dataLayer.push(arguments);} 4154 gtag('js', new Date()); 4155 4156 gtag('config', '
4156AW-981710887
vendor: 5 bytes, line 4156
4156');
4157</script>
4157<script id="wp-hooks-js" src="http://sfplayhouse.org/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
vendor: 1 bytes, line 4157
4157
4158<script id="wp-i18n-js" src="http://sfplayhouse.org/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
vendor: 1 bytes, line 4158
4158
4159<script id="wp-i18n-js-after"> 4160wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); 4161//# sourceURL=wp-i18n-js-after 4162</script>
vendor: 1 bytes, line 4162
4162
4163<script id="swv-js" src="http://sfplayhouse.org/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 4163
4163
4164<script id="contact-form-7-js-before"> 4165var wpcf7 = { 4166 "api": { 4167 "root": "https:\/\/sfplayhouse.org\/wp-json\/", 4168 "namespace": "contact-form-7\/v1" 4169 } 4170}; 4171//# sourceURL=contact-form-7-js-before 4172</script>
vendor: 1 bytes, line 4172
4172
4173<script id="contact-form-7-js" src="http://sfplayhouse.org/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.7"></script>
vendor: 1 bytes, line 4173
4173
4174<script id="groovy-menu-js-js-extra"> 4175var groovyMenuHelper = {"ajaxurl":"https://sfplayhouse.org/wp-admin/admin-ajax.php"}; 4176var groovyMenuNonce = {"style":"2d75dc5e55"}; 4177//# sourceURL=groovy-menu-js-js-extra 4178</script>
vendor: 1 bytes, line 4178
4178
4179<script id="groovy-menu-js-js" src="http://sfplayhouse.org/wp-content/plugins/groovy-menu/assets/js/frontend.js?ver=2.6.5"></script>
vendor: 1 bytes, line 4179
4179
4180<script id="groovy-menu-js-js-after"> 4181var groovyMenuSettings = {"header":{"align":"left","style":1,"toolbar":"false"},"topLvlLinkAlign":"left","topLvlLinkCenterConsideringLogo":false,"forceLogoCentering":false,"gapBetweenLogoAndLinks":10,"overlap":false,"headerHeight":100,"headerHeightSticky":50,"canvasContainerWidthType":"canvas-wide-container-boxed","canvasWideContainerWidePadding":15,"canvasBoxedContainerBoxedWidth":1200,"canvasWideContainerBoxedWidth":1280,"stickyHeader":"fixed-sticky","stickyHeaderMobile":"fixed-sticky","stickyOffset":"","stickyOffsetMobile":"","stickyToolbar":false,"showWpml":false,"showWpmlIconSizeDesktop":18,"showWpmlIconSizeMobile":18,"caret":false,"showDivider":false,"showDividerBetweenMenuLinks":false,"showDividerBetweenMenuLinksWide":false,"showMenuLinksDesc":false,"showTopLvlAndSubmenuIcons":false,"mobileDisableDesktop":false,"preloader":false,"menuZIndex":9999,"showSubmenu":"hover","subClickOnlyCaretFirst":true,"subClickOnlyCaretSecond":true,"subLevelWidth":240,"hideDropdownBg":false,"iconMenuSubmenuBorderTopThickness":1,"iconMenuSubmenuBorderTopStyle":"dotted","iconMenuSubmenuBorderTopColor":"rgba(74, 74, 76, 1)","iconMenuFirstSubmenuActiveLinkColor":"rgba(255, 255, 255, 1)","sidebarMenuFirstSubmenuBgColor":"rgba(0, 0, 0, 1)","sidebarMenuNextSubmenuBgColor":"rgba(0, 0, 0, 1)","minimalisticMenuFirstSubmenuBgColor":"rgba(0, 0, 0, 1)","minimalisticMenuNextSubmenuBgColor":"rgba(0, 0, 0, 1)","dropdownAppearanceStyle":"animate-from-bottom","dropdownHoverStyle":"default","dropdownOverlay":false,"dropdownOverlayColor":"rgba(0, 0, 0, 0.5)","dropdownOverlayBlur":false,"dropdownOverlayBlurRadius":2,"submenuBorderStyle":"solid","submenuBorderThickness":1,"submenuBorderColor":"rgba(234, 234, 234, 1)","subLevelBorderTopStyle":"solid","subLevelBorderTopThickness":3,"subLevelBorderTopColor":"rgba(0, 140, 144, 1)","subLevelBorderTopShift":false,"subLevelTextColor":"rgba(110, 110, 111, 1)","subLevelTextColorHover":"rgba(0, 140, 144, 1)","subLevelTextActiveColor":"rgba(0, 157, 220, 1)","subLevelBackgroundColor":"rgba(255, 255, 255, 1)","subLevelBackgroundColorHover":"","subLevelLinksDescTextColor":"rgba(90, 90, 90, 1)","subLevelLinksDescTextColorHover":"rgba(130, 23, 141, 1)","subLevelLinksDescTextColorHoverSeparate":false,"subLevelLinksDescTextColorHoverHover":"rgba(130, 23, 141, 1)","subLevelLineHeightType":"inherit","subLevelLineHeightCustom":18,"subDropdownRadius":false,"subDropdownRadius1":0,"subDropdownRadius2":0,"subDropdownRadius4":0,"subDropdownRadius3":0,"dropdownMargin":0,"subDropdownMargin":0,"subDropdownAdjacentDelay":300,"subDropdownAutocloseDelay":500,"megamenuTitleAsLink":true,"megamenuTitleAsLinkAccent":false,"menuTitleColor":"rgba(110, 110, 111, 1)","megaMenuCanvasContainerWidthType":"mega-menu-canvas-wide-container-boxed","megaMenuCanvasBoxedContainerBoxedWidth":1200,"megaMenuCanvasWideContainerBoxedWidth":1280,"megamenuBackgroundColorCustom":false,"megamenuBackgroundColor":"rgba(32, 32, 34, 1)","megamenuColumnPadding":true,"megaMenuDividerColor":"rgba(255, 255, 255, 0)","megaMenuShowLinksBottomBorder":true,"megaMenuLineHeightType":"inherit","megaMenuLineHeightCustom":18,"megaMenuLinksSidePadding":0,"megaMenuDropdownMargin":0,"searchForm":"disable","searchFormFrom":"all","searchFormCustomWrapper":"fullscreen","searchFormCustomId":"fullscreen","searchFormCustomShowDefault":false,"searchFormFullscreenBackground":"rgba(0, 0, 0, 0.8)","searchFormIconSizeDesktop":17,"searchFormIconSizeMobile":17,"minimalisticMenuSearchIconPosition":"slideBottom","searchFormIconPositionMobile":"slideBottom","searchFormIconColor":"rgba(255, 255, 255, 1)","searchFormIconColorHover":"rgba(255, 255, 255, 1)","searchFormCloseIconColor":"rgba(255, 255, 255, 1)","searchFormSideBorderThickness":4,"searchFormSideBorderStyle":"solid","searchFormSideBorderColor":"rgba(130, 23, 141, 1)","searchFormInputFieldBackground":"rgba(255, 255, 255, 0)","searchFormInputFieldColor":"rgba(144, 144, 144, 1)","searchFormDropdownBackground":"rgba(255, 255, 255, 1)","searchFormDropdownBtnBackground":"rgba(57, 59, 63, 1)","searchFormDropdownBtnHover":"rgba(130, 23, 141, 1)","logoType":"img","logoResponsive":false,"useAltLogoOnSelectedItemState":false,"logoMarginTop":0,"logoMarginRight":0,"logoMarginBottom":0,"logoMarginLeft":0,"logoHeight":46,"logoHeightSticky":46,"logoHeightMobile":44,"logoHeightMobileSticky":44,"logoShowAlt":true,"logoShowTitleAsAlt":false,"useAltLogoAtTop":false,"useAltLogoAtSticky":false,"useAltLogoAtMobile":false,"useAltLogoAtStickyMobile":false,"toolbarMenuEnable":false,"toolbarMenuId":"201","toolbarMenuPosition":"gm_toolbar_left_first","toolbarMenuShowMobile":false,"toolbarMenuTopShowCaret":false,"toolbarMenuShowSubmenu":"hover","toolbarMenuAppearanceStyle":"animate-with-scaling","toolbarMenuHoverStyle":"default","toolbarMenuTopColor":"rgba(100, 100, 100, 1)","toolbarMenuTopBg":"rgba(255, 255, 255, 0)","toolbarMenuTopColorHover":"rgba(32, 32, 32, 1)","toolbarMenuTopBgHover":"rgba(255, 255, 255, 0)","toolbarMenuTopFontSize":14,"toolbarMenuSubColor":"rgba(100, 100, 100, 1)","toolbarMenuSubBg":"rgba(245, 245, 245, 1)","toolbarMenuSubColorHover":"rgba(32, 32, 32, 1)","toolbarMenuSubBgHover":"rgba(250, 250, 250, 1)","toolbarMenuSubFontSize":14,"toolbarMenuSubWidth":140,"toolbarMenuSubBorderThickness":1,"toolbarMenuSubBorderStyle":"solid","toolbarMenuSubBorderColor":"rgba(195, 195, 195, 1)","toolbarMenuSubTopB
4181orderThickness":3,"toolbarMenuSubTopBorderStyle":"solid","toolbarMenuSubTopBorderColor":"rgba(147, 203, 82, 1)","toolbarMenuSubNavBorderThickness":1,"toolbarMenuSubNavBorderStyle":"dotted","toolbarMenuSubNavBorderColor":"rgba(220, 220, 220, 1)","toolbarMenuSubRadius":false,"toolbarMenuSubRadius1":0,"toolbarMenuSubRadius2":0,"toolbarMenuSubRadius4":0,"toolbarMenuSubRadius3":0,"secondSidebarMenuEnable":false,"secondSidebarMenuId":"none","secondSidebarMenuOpenType":"offcanvasSlideLeft","secondSidebarMenuOpenAnimationSpeed":330,"secondSidebarMenuTopWidth":380,"secondSidebarMenuDropdownWidth":380,"secondSidebarMenuMaxHeight":false,"secondSidebarMenuAppearanceStyle":"default","secondSidebarMenuHoverStyle":"default","secondSidebarMenuTopLvlMenuBgColor":"rgba(35, 35, 35, 0.95)","secondSidebarMenuTopLvlMenuBgBlur":false,"secondSidebarMenuTopLvlMenuBgBlurRadius":2,"secondSidebarMenuDropdownBgColor":"rgba(50, 50, 50, 0.95)","secondSidebarMenuTopLvlBackgroundImage":"","secondSidebarMenuTopLvlBackgroundSize":"full","secondSidebarMenuTopLvlBackgroundRepeat":"no-repeat","secondSidebarMenuTopLvlBackgroundAttachment":"scroll","secondSidebarMenuTopLvlBackgroundPosition":"center center","secondSidebarMenuTopLvlCoverBackground":false,"secondSidebarMenuTopColor":"rgba(165, 165, 165, 1)","secondSidebarMenuTopBg":"rgba(255, 255, 255, 0)","secondSidebarMenuTopColorHover":"rgba(255, 255, 255, 1)","secondSidebarMenuTopBgHover":"rgba(255, 255, 255, 0)","secondSidebarMenuTopFontSize":14,"secondSidebarMenuSubColor":"rgba(165, 165, 165, 1)","secondSidebarMenuSubBg":"rgba(255, 255, 255, 0)","secondSidebarMenuSubColorHover":"rgba(255, 255, 255, 1)","secondSidebarMenuSubBgHover":"rgba(255, 255, 255, 0)","secondSidebarMenuSubFontSize":14,"secondSidebarMenuTopBorderStyle":"dotted","secondSidebarMenuTopBorderThickness":1,"secondSidebarMenuTopBorderColor":"rgba(110, 110, 111, 1)","secondSidebarMenuSubBorderStyle":"dotted","secondSidebarMenuSubBorderThickness":1,"secondSidebarMenuSubBorderColor":"rgba(110, 110, 111, 1)","secondSidebarMenuCssHamburgerType":"hamburger--squeeze","secondSidebarMenuCssHamburgerHeight":5,"secondSidebarMenuSideIconPosition":"main_bar_right","secondSidebarMenuButtonShowText":false,"secondSidebarMenuButtonShowTextPosition":"left","secondSidebarMenuButtonShowTextSize":14,"secondSidebarMenuButtonShowTextColor":"rgba(35, 35, 35, 1)","secondSidebarMenuButtonShowTextColorSticky":"rgba(35, 35, 35, 1)","scrollbarEnable":true,"scrollbarEnableWheelSpeed":50,"scrollbarEnableMobile":true,"scrollEnableAnchors":true,"scrollHandleAllLinks":false,"scrollSpeedSettings":false,"scrollSpeedSettingsMain":400,"scrollSpeedSettingsMin":250,"scrollSpeedSettingsMax":2000,"scrollSpeedSettingsEasing":"easeInOutQuad","previewWidth":330,"previewHeight":330,"iconMenuTopWidth":70,"iconMenuIconSize":26,"iconMenuTopLevelIconActiveBgColor":"rgba(147, 203, 82, 1)","iconMenuTopLevelIconActiveColor":"rgba(255, 255, 255, 1)","iconMenuBorderTopThickness":1,"iconMenuBorderTopStyle":"solid","iconMenuBorderTopColor":"rgba(232, 232, 232, 1)","iconMenuTopLvlLinkBgColor":"rgba(32, 32, 34, 1)","iconMenuSideBorderThickness":1,"iconMenuSideBorderStyle":"solid","iconMenuSideBorderColor":"rgba(218, 218, 218, 1)","sidebarMenuSideBorderThickness":1,"sidebarMenuSideBorderStyle":"solid","sidebarMenuSideBorderColor":"rgba(218, 218, 218, 1)","sidebarMenuTopWidth":300,"sidebarExpandingMenuShowSideIcon":true,"sidebarExpandingMenuCssHamburgerType":"hamburger--squeeze","sidebarExpandingMenuCssHamburgerHeight":2,"sidebarExpandingMenuOpenOnHover":true,"sidebarExpandingMenuInitialWidth":80,"sidebarExpandingMenuExpandedWidth":300,"sidebarExpandingMenuSubmenuWidth":300,"sidebarExpandingMenuUseAnimation":true,"sidebarExpandingMenuAnimationDuration":300,"sidebarExpandingMenuIconSize":32,"sidebarExpandingMenuIconHideInitial":false,"sidebarExpandingMenuIconHideExpanded":false,"sidebarExpandingMenuSecondLogoEnable":false,"sidebarExpandingMenuSecondLogo":"logo_default","sidebarExpandingMenuBorderThickness":1,"sidebarExpandingMenuBorderStyle":"solid","sidebarExpandingMenuBorderColor":"rgba(218, 218, 218, 1)","sidebarExpandingMenuTopBorderThickness":1,"sidebarExpandingMenuTopBorderStyle":"dotted","sidebarExpandingMenuTopBorderColor":"rgba(110, 110, 111, 1)","sidebarExpandingMenuTopPadding":0,"minimalisticMenuOpenType":"offcanvasSlideRight","minimalisticMenuOpenAnimationSpeed":400,"minimalisticMenuTopWidth":300,"minimalisticMenuFullscreen":false,"minimalisticMenuFullscreenAsMegamenu":false,"minimalisticMenuFullscreenPosition":"center","minimalisticMenuFullscreenTopWidth":350,"minimalisticMenuFullscreenTopAlignment":"center","minimalisticMenuAlignment":"center","minimalisticMenuMaxHeight":true,"minimalisticMenuTopLvlMenuBgColor":"rgba(0, 0, 0, 1)","minimalisticMenuTopLvlMenuBgBlur":false,"minimalisticMenuTopLvlMenuBgBlurRadius":2,"minimalisticMenuTopLvlBackgroun
4181dImage":"","minimalisticMenuTopLvlBackgroundSize":"full","minimalisticMenuTopLvlBackgroundRepeat":"no-repeat","minimalisticMenuTopLvlBackgroundAttachment":"scroll","minimalisticMenuTopLvlBackgroundPosition":"center center","minimalisticMenuTopLvlCoverBackground":false,"minimalisticMenuSideIconPosition":"default","minimalisticCssHamburger":false,"minimalisticCssHamburgerType":"hamburger--squeeze","minimalisticCssHamburgerHeight":5,"minimalisticMenuButtonShowText":false,"minimalisticMenuButtonShowTextPosition":"left","minimalisticMenuButtonShowTextSize":14,"minimalisticMenuButtonShowTextColor":"rgba(35, 35, 35, 1)","minimalisticMenuButtonShowTextColorSticky":"rgba(35, 35, 35, 1)","minimalisticMenuShowCloseButton":false,"minimalisticMenuCloseButtonPosition":"flex-end","minimalisticMenuCloseButtonTop":10,"minimalisticMenuCloseButtonRight":53,"minimalisticMenuCloseButtonBottom":0,"minimalisticMenuCloseButtonLeft":53,"minimalisticMenuShowOnlyHamburger":false,"compiledCssRtl":"","presetKey":"601ef6e7b5871949afc06b6f2a75a9bc","version":"2.6.5","versionRtl":"","customCssClass":"","actionGmBeforeMainHeaderCustomId":0,"actionGmBeforeMainHeaderVisibility":"both","actionGmAfterMainHeaderCustomId":0,"actionGmAfterMainHeaderVisibility":"both","actionGmToolbarLeftFirstVisibility":"both","actionGmToolbarLeftLastVisibility":"both","actionGmToolbarRightFirstVisibility":"both","actionGmToolbarRightLastVisibility":"both","actionGmBeforeLogoVisibility":"both","actionGmAfterLogoVisibility":"both","actionGmMainMenuActionsButtonFirstVisibility":"both","actionGmMainMenuActionsButtonLastVisibility":"both","actionGmCustomMobileHamburgerVisibility":"mobile","actionGmBeforeMobileHamburgerVisibility":"mobile","actionGmAfterMobileHamburgerVisibility":"mobile","hoverStyle":"5","backgroundColor":"rgba(77, 77, 77, 1)","backgroundColorChangeOnSubmenuOpened":false,"backgroundColorChange":"rgba(255, 255, 255, 1)","openedSubmenuBackgroundScope":"any","selectedItemStateTrigger":"opened","backgroundImage":"https:\/\/sfplayhouse.org\/wp-content\/uploads\/2022\/10\/gray-background-texture.png","backgroundSize":"full","backgroundRepeat":"repeat","backgroundAttachment":"scroll","backgroundPosition":"center center","coverBackground":false,"stickyBackgroundColor":"rgba(0, 140, 144, 1)","stickyBackgroundColorChangeOnSubmenuOpened":false,"stickyBackgroundColorChange":"rgba(255, 255, 255, 1)","stickyBgImage":"https:\/\/sfplayhouse.org\/wp-content\/uploads\/2022\/10\/gray-background-texture.png","stickyBgImageSize":"full","stickyBgRepeat":"repeat","stickyBgAttachment":"scroll","stickyBgPosition":"center center","stickyBgCover":false,"bottomBorderThickness":2,"bottomBorderColor":"rgba(0, 140, 144, 1)","bottomBorderThicknessSticky":0,"bottomBorderColorSticky":"rgba(0, 140, 144, 1)","topLevelHoverLineThickness":2,"topLevelTextColor":"rgba(255, 255, 255, 1)","topLevelTextColorHover":"rgba(0, 140, 144, 1)","topLevelTextColorHoverSeparate":false,"topLevelTextColorHoverHover":"rgba(130, 23, 141, 1)","topLevelTextBackgroundHover":"rgba(255, 255, 255, 0)","topLevelTextColorHover2":"rgba(255, 255, 255, 1)","topLevelTextColorChange":"rgba(90, 90, 90, 1)","topLevelTextColorChangeHover":"rgba(147, 203, 82, 1)","topLevelTextColorChangeHover2":"rgba(255, 255, 255, 1)","stickyTopLevelTextColor":"rgba(255, 255, 255, 1)","stickyTopLevelTextColorHover":"rgba(34, 34, 34, 1)","stickyTopLevelTextColorHoverSeparate":false,"stickyTopLevelTextColorHoverHover":"rgba(130, 23, 141, 1)","stickyTopLevelTextColorHover2":"rgba(147, 203, 82, 1)","stickyTopLevelTextColorChange":"rgba(90, 90, 90, 1)","stickyTopLevelTextColorChangeHover":"rgba(147, 203, 82, 1)","stickyTopLevelTextColorChangeHover2":"rgba(255, 255, 255, 1)","menuLinksDescTextColor":"rgba(250, 250, 250, 1)","menuLinksDescTextColorHover":"rgba(130, 23, 141, 1)","menuLinksDescTextColorHoverSeparate":false,"menuLinksDescTextColorHoverHover":"rgba(130, 23, 141, 1)","stickyMenuLinksDescTextColor":"rgba(90, 90, 90, 1)","stickyMenuLinksDescTextColorHover":"rgba(130, 23, 141, 1)","stickyMenuLinksDescTextColorHoverSeparate":false,"stickyMenuLinksDescTextColorHoverHover":"rgba(130, 23, 141, 1)","googleFont":"Oswald","itemsGutterSpace":8,"itemTextSize":16,"itemTextCase":"uppercase","itemTextWeight":"none","itemTextSubset":"none","itemLetterSpacing":0,"subLevelItemTextSize":14,"subLevelItemTextCase":"uppercase","subLevelItemTextWeight":"none","subLevelItemTextSubset":"none","subItemLetterSpacing":0,"megamenuTitleTextSize":14,"megamenuTitleTextCase":"uppercase","megamenuTitleTextWeight":"none","megamenuTitleTextSubset":"none","menuTitleLetterSpacing":0,"logoTxtFont":"none","logoTxtFontSize":20,"logoTxtWeight":"none","logoTxtSubset":"none","logoTxt
4181Color":"rgba(32, 32, 34, 1)","logoTxtColorHover":"rgba(32, 32, 34, 1)","stickyLogoTxtFontSize":20,"stickyLogoTxtWeight":"none","stickyLogoTxtSubset":"none","stickyLogoTxtColor":"rgba(32, 32, 34, 1)","stickyLogoTxtColorHover":"rgba(32, 32, 34, 1)","toolbarMenuTextFont":"none","toolbarMenuTextCase":"none","toolbarMenuTxtWeight":"none","toolbarMenuTxtSubset":"none","toolbarMenuLetterSpacing":0,"secondSidebarMenuTextCase":"none","secondSidebarMenuTextWeight":"none","secondSidebarMenuTextSubset":"none","secondSidebarMenuLetterSpacing":0,"menuLinksDescTxtFontSize":10,"menuLinksDescTextCase":"none","menuLinksDescTextWeight":"none","menuLinksDescTextSubset":"none","menuLinksDescLetterSpacing":0,"shadow":true,"shadowType":"tiny","shadowColor":"rgba(0, 0, 0, 0.1)","shadowDropdown":true,"shadowDropdownType":"medium","shadowDropdownColor":"rgba(0, 0, 0, 0.1)","shadowSticky":true,"toolbarType":"default","toolbarCustomId":"30247","hideToolbarOnMobile":false,"toolbarAlignCenter":false,"toolbarAlignCenterMobile":false,"toolbarTopThickness":0,"toolbarTopColor":"rgba(0, 0, 0, 1)","toolbarBottomThickness":0,"toolbarBottomColor":"rgba(0, 0, 0, 1)","toolbarBgColor":"rgba(255, 255, 255, 1)","toolbarAdditionalInfoColor":"rgba(104, 104, 104, 1)","wpmlDropdownBgColor":"rgba(255, 255, 255, 1)","toolbarAdditionalInfoFontSize":14,"hideToolbarIconTextOnMobile":false,"toolbarIconSize":16,"toolbarIconColor":"rgba(104, 104, 104, 1)","toolbarIconHoverColor":"rgba(165, 226, 94, 1)","toolbarIconSwitchBorder":false,"toolbarMarginTop":0,"toolbarMarginRight":15,"toolbarMarginBottom":0,"toolbarMarginLeft":15,"hamburgerIconSize":24,"hamburgerIconPadding":0,"hamburgerIconBgColor":"rgba(0, 0, 0, 0)","hamburgerIconColor":"rgba(104, 104, 104, 1)","hamburgerIconBorderWidth":0,"hamburgerIconBorderColor":"rgba(0, 0, 0, 0)","hamburgerCloseIconSize":24,"hamburgerCloseIconPadding":0,"hamburgerCloseIconBgColor":"rgba(0, 0, 0, 0)","hamburgerCloseIconColor":"rgba(104, 104, 104, 1)","hamburgerCloseIconBorderWidth":0,"hamburgerCloseIconBorderColor":"rgba(0, 0, 0, 0)","hamburgerIconStickySize":24,"hamburgerIconStickyPadding":0,"hamburgerIconStickyBgColor":"rgba(0, 0, 0, 0)","hamburgerIconStickyColor":"rgba(104, 104, 104, 1)","hamburgerIconStickyBorderWidth":0,"hamburgerIconStickyBorderColor":"rgba(0, 0, 0, 0)","hamburgerIconSizeMobile":24,"hamburgerIconPaddingMobile":0,"hamburgerIconBgColorMobile":"rgba(0, 0, 0, 0)","hamburgerIconColorMobile":"rgba(104, 104, 104, 1)","hamburgerIconMobileBorderWidth":0,"hamburgerIconMobileBorderColor":"rgba(0, 0, 0, 0)","hamburgerIconMobileStickySize":24,"hamburgerIconMobileStickyPadding":0,"hamburgerIconMobileStickyBgColor":"rgba(0, 0, 0, 0)","hamburgerIconMobileStickyColor":"rgba(104, 104, 104, 1)","hamburgerIconMobileStickyBorderWidth":0,"hamburgerIconMobileStickyBorderColor":"rgba(0, 0, 0, 0)","hamburgerIconMobileFloatSize":24,"hamburgerIconMobileFloatPadding":0,"hamburgerIconMobileFloatBgColor":"rgba(0, 0, 0, 0)","hamburgerIconMobileFloatColor":"rgba(104, 104, 104, 1)","hamburgerIconMobileFloatBorderWidth":0,"hamburgerIconMobileFloatBorderColor":"rgba(0, 0, 0, 0)","hamburgerIconMobileFullwidthSize":24,"hamburgerIconMobileFullwidthPadding":0,"hamburgerIconMobileFullwidthBgColor":"rgba(0, 0, 0, 0)","hamburgerIconMobileFullwidthColor":"rgba(104, 104, 104, 1)","hamburgerIconMobileFullwidthBorderWidth":0,"hamburgerIconMobileFullwidthBorderColor":"rgba(0, 0, 0, 0)","woocommerceCart":false,"minimalisticMenuWooIconPosition":"slideBottom","woocommerceIconPositionMobile":"slideBottom","woocommerceCartIconSizeDesktop":17,"woocommerceCartIconSizeMobile":17,"wooCartDisableDropdown":false,"wooCartCountShape":"drop","wooCartCountBgColor":"rgba(204, 32, 59, 1)","wooCartCountTextColor":"rgba(255, 255, 255, 1)","wooCartDropdownBgColor":"rgba(255, 255, 255, 1)","wooCartDropdownTextColor":"rgba(111, 111, 111, 1)","checkoutBtnFontSize":14,"checkoutBtnFontWeight":"700","checkoutBtnTextColor":"rgba(255, 255, 255, 1)","checkoutBtnTextColorHover":"rgba(255, 255, 255, 1)","checkoutBtnBgColor":"rgba(204, 32, 59, 1)","checkoutBtnBgColorHover":"rgba(186, 23, 48, 1)","checkoutBtnBorderStyle":"solid","checkoutBtnBorderWidth":1,"checkoutBtnBorderColor":"rgba(204, 32, 59, 1)","checkoutBtnBorderColorHover":"rgba(204, 32, 59, 1)","viewCartBtnFontSize":14,"viewCartBtnFontWeight":"700","viewCartBtnTextColor":"rgba(204, 32, 59, 1)","viewCartBtnTextColorHover":"rgba(204, 32, 59, 1)","viewCartBtnBgColor":"rgba(255, 255, 255, 1)","viewCartBtnBgColorHover":"rgba(255, 242, 244, 1)","viewCartBtnBorderStyle":"solid","viewCartBtnBorderWidth":1,"viewCartBtnBorderColor":"rgba(204, 32, 59, 1)","viewCartBtnBorderColorHover":"rgba(204, 32, 59, 1)","mobileNavMenu":"default","mobileSubmenuStyle":"slider","mobileCustomHamburger":false,"mobileIndependentCssHamburger":true,"mobileIndependentCssHamburgerType":"hamburger--squeeze","mobileIndependentCssHamburgerFloat":false,"mobileIndependentCssHamburgerHeight":3,"mobileMenuButtonShowText":true,"mobileMenuButtonShowTextPosition":"left","mobileMenuButtonShowTextSize":14,"mobileMenuButtonShowTextColor":"rgba(35, 35, 35, 1)","mobileMenuButtonShowTextColorSticky":"rgba(35, 35, 35, 1)","mobileNavDrawerOpenType":"offcanvasSlideRight","mobilePreventAutoclose":false,"mobileMenuShowCloseButton":true,"mobileMenuCloseButtonPosition":"flex-end","mobileMenuCloseButtonTop":12,"mobileMenuCloseButtonRight":0,"mobileMenuCloseButtonBottom":12,"mobileMenuCloseButtonLeft":0,"mobileMenuLinePosition":"default","mobileLogoPosition":"default","forceLogoCenteringMobile":false,"mobileLogoMarginTop":0,"mobileLogoMarginRight":0,"mobileLogoMarginBottom":0,"mobileLogoMarginLeft":0,"mobileSideIconPosition":"default","responsiveNavigationBackgroun
4181dColor":"rgba(34, 34, 34, 1)","mobileSliderTitleBackgroundColor":"","responsiveNavigationTextColor":"rgba(250, 250, 250, 1)","responsiveNavigationHoverTextColor":"rgba(0, 140, 144, 1)","mobileItemsBorderThickness":1,"mobileItemsBorderStyle":"solid","mobileItemsBorderColor":"rgba(90, 90, 90, 1)","mobileToolbarIconColor":"rgb(90, 90, 90, 1)","mobileCaretCustomColor":false,"mobileCaretCustomColorTop":"rgb(90, 90, 90, 1)","mobileCaretCustomColorSub":"rgb(90, 90, 90, 1)","mobileCaretCustomColorCurrent":"rgba(204, 204, 204, 1)","mobileWidth":1023,"mobileOffcanvasFullwidth":false,"mobileOffcanvasWidth":250,"mobileOffcanvasWidthDynamic":false,"mobileHeaderHeight":70,"mobileHeaderStickyHeight":70,"mobileMenuWrapperIndent":0,"mobileSliderTitleHeight":50,"mobileItemsPaddingY":9,"mobileItemTextSize":12,"mobileItemTextCase":"uppercase","mobileItemTextWeight":"none","mobileItemLetterSpacing":0,"mobileSubitemTextSize":11,"mobileSubitemTextCase":"uppercase","mobileSubitemTextWeight":"none","mobileSubitemLetterSpacing":0,"logoText":"Logo","logoUrl":"","logoUrlOpenType":"same","logoDefault":"25786","logoAlt":"","logoSticky":"","logoStickyAlt":"","logoMobile":"","logoMobileAlt":"","logoStickyMobile":"","logoStickyAltMobile":"","logoStyle4":"","socialSetNofollow":false,"socialSetBlank":false,"socialTwitter":false,"socialTwitterLink":"","socialTwitterText":"","socialTwitterIcon":"fa fa-twitter","socialFacebook":false,"socialFacebookLink":"","socialFacebookText":"","socialFacebookIcon":"fa fa-facebook","socialGoogle":false,"socialGoogleLink":"","socialGoogleText":"","socialGoogleIcon":"fa fa-google","socialVimeo":false,"socialVimeoLink":"","socialVimeoText":"","socialVimeoIcon":"fa fa-vimeo","socialDribbble":false,"socialDribbbleLink":"","socialDribbbleText":"","socialDribbbleIcon":"fa fa-dribbble","socialPinterest":false,"socialPinterestLink":"","socialPinterestText":"","socialPinterestIcon":"fa fa-pinterest","socialYoutube":false,"socialYoutubeLink":"","socialYoutubeText":"","socialYoutubeIcon":"fa fa-youtube","socialLinkedin":false,"socialLinkedinLink":"","socialLinkedinText":"","socialLinkedinIcon":"fa fa-linkedin","socialInstagram":false,"socialInstagramLink":"","socialInstagramText":"","socialInstagramIcon":"fa fa-instagram","socialFlickr":false,"socialFlickrLink":"","socialFlickrText":"","socialFlickrIcon":"fa fa-flickr","socialVk":false,"socialVkLink":"","socialVkText":"","socialVkIcon":"fa fa-vk","toolbarEmailIcon":"","toolbarEmail":"","toolbarEmailAsLink":false,"toolbarPhoneIcon":"","toolbarPhone":"","toolbarPhoneAsLink":false,"searchIcon":"gmi gmi-zoom-search","cartIcon":"gmi gmi-bag","menuIcon":"fa fa-bars","menuButtonText":"Menu","closeIcon":"fa fa-times","icons":"","postTypes":"page,post,product","wrapperTag":"header","adminWalkerPriority":false,"frontendInitAlt":false,"frontendInitImmediately":false,"displayGmWhenMenuBlockEdit":false,"enableCriticalInlineCss":false,"googleFontsLocal":false,"disableLocalFontAwesome":false,"disableLocalFontInternal":false,"allowUseFontPreloader":true,"disableMenuBlockForWooPayments":false,"allowImportOnlineLibrary":true,"removeBreakingPTag":true,"uninstallData":false,"defaultMasterPreset":"29076","defaultMasterMenu":"197","overrideForTax":false,"taxonomiesPreset":[],"preset":{"id":"29076","name":"First Preset"},"extra_navbar_classes":["gm-navbar--align-left","gm-navbar--style-1","gm-top-links-align-left","gm-navbar--toolbar-false","gm-navbar--has-shadow","gm-navbar--shadow-tiny","gm-navbar--has-shadow-sticky","gm-navbar--has-shadow-dropdown","gm-navbar--shadow-dropdown-medium","gm-navbar--hide-gm-caret","gm-dropdown-hover-style-default","gm-dropdown-appearance-animate-from-bottom","gm-dropdown-with-scrollbar"],"_preset_shortcodes_added":true,"_preset_mb_action_added":true}; 4182 document.addEventListener("DOMContentLoaded", function () { let groovyMenuWrapperNode = document.querySelector('.gm-preset-id-29076'); 4183 if (groovyMenuWrapperNode) { 4184 if ( ! groovyMenuWrapperNode.classList.contains('gm-init-done')) { 4185 var gm = new GroovyMenu(groovyMenuWrapperNode ,groovyMenuSettings); gm.init(); 4186 } 4187 } 4188 }); 4189//# sourceURL=groovy-menu-js-js-after 4190</script>
vendor: 1 bytes, line 4190
4190
4191<script id="jquery.tools-js" src="http://sfplayhouse.org/wp-content/themes/smartscreen/scripts/jquery.tools.min.js?ver=7.1.2"></script>
vendor: 1 bytes, line 4191
4191
4192<script id="flex-js-js" src="http://sfplayhouse.org/wp-content/themes/smartscreen/scripts/jquery.flexslider-min.js?ver=7.1.2"></script>
vendor: 1 bytes, line 4192
4192
4193<script id="prettyPhoto-js" src="http://sfplayhouse.org/wp-content/themes/smartscreen/scripts/jquery.prettyPhoto.js?ver=7.1.2"></script>
vendor: 1 bytes, line 4193
4193
4194<script id="filterable-js" src="http://sfplayhouse.org/wp-content/themes/smartscreen/scripts/jquery.isotope.min.js?ver=7.1.2"></script>
vendor: 1 bytes, line 4194
4194
4195<script id="video-background-js" src="http://sfplayhouse.org/wp-content/themes/smartscreen/scripts/jquery.videobackground.js?ver=7.1.2"></script>
vendor: 1 bytes, line 4195
4195
4196<script id="custom-js-js-extra"> 4197var MyAjax = {"ajaxurl":"https://sfplayhouse.org/wp-admin/admin-ajax.php","contactNounce":"e1f03de183","theme_directory":"http://sfplayhouse.org/wp-content/themes/smartscreen"}; 4198//# sourceURL=custom-js-js-extra 4199</script>
vendor: 1 bytes, line 4199
4199
4200<script id="custom-js-js" src="http://sfplayhouse.org/wp-content/themes/smartscreen/scripts/custom.js?ver=7.1.2"></script>
vendor: 1 bytes, line 4200
4200
4201<script id="js-cookie-js" src="http://sfplayhouse.org/wp-content/plugins/wp-review/public/js/js.cookie.min.js?ver=2.1.4"></script>
vendor: 1 bytes, line 4201
4201
4202<script id="underscore-js" src="http://sfplayhouse.org/wp-includes/js/underscore.min.js?ver=1.13.8"></script>
vendor: 1 bytes, line 4202
4202
4203<script id="wp-util-js-extra"> 4204var _wpUtilSettings = {"ajax":{"url":"/wp-admin/admin-ajax.php"}}; 4205//# sourceURL=wp-util-js-extra 4206</script>
vendor: 1 bytes, line 4206
4206
4207<script id="wp-util-js" src="http://sfplayhouse.org/wp-includes/js/wp-util.min.js?ver=7.1.2"></script>
vendor: 1 bytes, line 4207
4207
4208<script id="wp_review-js-js-extra"> 4209var wpreview = {"ajaxurl":"https://sfplayhouse.org/wp-admin/admin-ajax.php","loginRequiredMessage":"You must log in to add your review"}; 4210//# sourceURL=wp_review-js-js-extra 4211</script>
vendor: 1 bytes, line 4211
4211
4212<script id="wp_review-js-js" src="http://sfplayhouse.org/wp-content/plugins/wp-review/public/js/main.js?ver=5.3.4"></script>
vendor: 1 bytes, line 4212
4212
4213<script id="wp-emoji-settings" type="application/json"> 4214{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"http://sfplayhouse.org/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}} 4215</script>
vendor: 1 bytes, line 4215
4215
4216<script type="module"> 4217/*! This file is auto-generated */ 4218var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 4219//# sourceURL=http://sfplayhouse.org/wp-includes/js/wp-emoji-loader.min.js 4220</script>
vendor: 1 bytes, line 4220
4220
4221<script type="text/javascript"> 4222jQuery(document).ready(function($){ 4223 4224 jQuery("a[rel^='prettyPhoto']").prettyPhoto({animation_speed:'normal', autoplay_slideshow: false, theme:' dark_rounded'}); 4225 4226 var retina = (window.devicePixelRatio > 1 || (window.matchMedia && window.matchMedia("(-webkit-min-device-pixel-ratio: 1.5),(-moz-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5)").matches) ); 4227 $(window).load(function() { 4228 $("#slideshow .flexslider").flexslider({ 4229 animation: " 1", 4230 pauseOnHover: true, 4231 keyboard: true, 4232 animationLoop: true, 4233 smoothHeight: true,slideshowSpeed: 10000,});$("#slideshow").hover(function(){ 4234 $("#slideshow .flex-next, #slideshow .flex-prev").css({"display":"block"}); 4235 }, function(){ 4236 $("#slideshow .flex-next, #slideshow .flex-prev").css({"display":"none"}); 4237 }); 4238 4239 });//end load 4240 }); 4241 4242</script>
4242 4243 4244 4245 4246 <!-- Cookie Compliance for WordPress (formerly Compliance by Hu-manity.co) plugin v3.1.12 https://cookie-compliance.co/ --> 4247 <div id="cookie-notice" role="dialog" class="cookie-notice-hidden cookie-revoke-hidden cn-position-bottom" aria-label="Cookie Compliance" style="background-color: rgba(50,50,58,1);"><div class="cookie-notice-container" style="color: #fff"><span id="cn-notice-text" class="cn-text-container">We use cookies to ensure that we give you the best experience on our website. By continuing to use the site, you consent to the use of cookies. For more information, please consult our <a href="https://sfplayhouse.org/privacy-policy/" target="_blank">Privacy Policy</a>.</span><span id="cn-notice-buttons" class="cn-buttons-container"><button id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button" aria-label="Ok" style="background-color: #00a99d">Ok</button></span><button type="button" id="cn-close-notice" data-cookie-set="accept" class="cn-close-icon" aria-label="No" tabindex="0"></button></div> 4248 4249 </div> 4250 <!-- / Cookie Compliance for WordPress plugin --></body> 4251</html><!-- 4252Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com 4253 4254Retrieved 286150 objects (8 MB) from Redis using Predis (v2.4.1). 4255-->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.