/* Native server-rendered WordPress integration. */
body.opera-noir-site{background:#101110;color:#f3eee4}#opera-site{--bg:#101110;--panel:#181a18;--gold:#d3ad70;--cream:#f3eee4;--muted:#c9c8bf;--line:#504535}#opera-site h1,#opera-site h2,#opera-site h3,#opera-site h4,#opera-site p,#opera-site li,#opera-site label{color:#f3eee4}#opera-site header{position:relative}#opera-site .native-menu{display:flex;gap:24px;align-items:center;list-style:none;margin:0;padding:0}#opera-site .native-menu li{position:relative}#opera-site .native-menu .sub-menu{display:none;position:absolute;z-index:5;background:#181a18;padding:15px;min-width:190px;list-style:none;right:0}#opera-site .native-menu li:hover>.sub-menu,#opera-site .native-menu li:focus-within>.sub-menu{display:block}#opera-site .native-menu .sub-menu a{display:block}#opera-site .source-content .fusion-fullwidth,#opera-site .source-content .fusion-builder-row,#opera-site .source-content .fusion-column-wrapper{background-color:transparent!important}#opera-site .source-content{max-width:1100px}#opera-site .source-content a{color:#dfbc83!important}#opera-site .event-program{font-size:15px;color:#c9c8bf}#opera-site .event-program img{display:none}#opera-site .event-program h1,#opera-site .event-program h2,#opera-site .event-program h3{font-size:23px}#opera-site .month-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid #504535;color:#dfbc83;font-size:26px}#opera-site .pagination{display:flex;justify-content:center;gap:20px;padding-top:25px}#opera-site .fusion-form input,#opera-site .fusion-form textarea{background:#181a18!important;color:#f3eee4!important;border:1px solid #504535!important}#opera-site .fusion-form label{color:#f3eee4!important}#opera-site [hidden]{display:none!important}#opera-site .fusion-form input::placeholder,#opera-site .fusion-form textarea::placeholder{color:#c9c8bf;opacity:1}#opera-site .fusion-form button[type=submit]{background:#d3ad70!important;color:#131410!important}#opera-site .concert h3{direction:inherit}#opera-site .source-content iframe{max-width:100%}#opera-site .event-detail>img{max-height:550px;object-fit:contain}#opera-site .hero h1{max-width:700px}#opera-site .top-secondary{min-height:40px}.opera-noir-site.no-js #opera-navigation{display:flex}.opera-noir-site.no-js .menu-toggle{display:none}@media(max-width:640px){#opera-site header nav .native-menu{align-items:stretch;flex-direction:column}#opera-site .top-secondary .native-menu{flex-wrap:wrap;gap:8px 16px}#opera-site .native-menu .sub-menu{position:static;display:block;padding:6px 12px}.opera-noir-site.no-js header{flex-wrap:wrap}.opera-noir-site.no-js #opera-navigation{position:static;width:100%;border:0}.opera-noir-site.no-js #opera-navigation .native-menu{flex-direction:row;flex-wrap:wrap}}
#opera-site .staff-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}#opera-site .staff-group{border-top:1px solid #504535;padding-top:24px}#opera-site .staff-group h2{color:#dfbc83!important;font-size:30px}#opera-site .staff-entry{padding:18px 0;border-bottom:1px solid #ffffff15}#opera-site .staff-entry h3{font-size:20px;margin-bottom:8px}#opera-site .staff-entry summary{cursor:pointer;color:#dfbc83;padding:8px 0}#opera-site .staff-bio img{width:140px;float:right;margin:0 0 12px 20px}#opera-site .staff-bio:after{content:'';clear:both;display:block}#opera-site #content.full-width,#opera-site #content.temp-calendar{max-width:1280px;margin:auto;padding:40px 5%;background:transparent}#opera-site .staff-entry details[open] summary{margin-bottom:15px}@media(max-width:640px){#opera-site .staff-groups{grid-template-columns:1fr;gap:25px}}
/* Explicit opaque surfaces defeat the parent Customizer/Avada page background. */
body.opera-noir-site,#opera-site,#opera-site #opera-main,#opera-site>.section,#opera-site .page-heading{background-color:#101110!important;color:#f3eee4!important}#opera-site .section,#opera-site .source-content{color:#f3eee4!important}#opera-site .page-heading h1,#opera-site .staff-group h2,#opera-site .staff-entry h3{color:#f3eee4!important}#opera-site .source-content[lang=en]{direction:ltr}
#opera-site header nav a,#opera-site .top-secondary a,#opera-site .top-secondary strong,#opera-site .logo-caption,#opera-site .hero h1,#opera-site .hero h1 span,#opera-site .hero p,#opera-site .hero .eyebrow,#opera-site .hero .season,#opera-site header .menu-toggle{color:#dfbc83!important}
/* Imported Fusion content can include explicit black inline foregrounds. */
#opera-site .post-content p,#opera-site .post-content li,#opera-site .post-content span,#opera-site .post-content strong,#opera-site .post-content b,#opera-site .post-content em,#opera-site .source-content p,#opera-site .source-content li,#opera-site .source-content span,#opera-site .source-content strong,#opera-site .source-content b,#opera-site .source-content em{color:#f3eee4!important}#opera-site .post-content a,#opera-site .post-content a span,#opera-site .source-content a,#opera-site .source-content a span{color:#dfbc83!important}#opera-site .post-content .fusion-fullwidth,#opera-site .post-content .fusion-column-wrapper{background-color:transparent!important}#opera-site .hero h1 bdi{direction:ltr;unicode-bidi:isolate;display:inline-block}
#opera-site .staff-person{display:flex;align-items:center;gap:24px}#opera-site .staff-person>img{width:120px;height:150px;object-fit:cover;flex:none;border-radius:4px}#opera-site .staff-english{color:#dfbc83!important;font-size:16px;line-height:1.6;text-align:start;margin:7px 0 0}@media(max-width:480px){#opera-site .staff-person{gap:16px;align-items:flex-start}#opera-site .staff-person>img{width:84px;height:110px}}
/* Contain inherited Avada floats inside the native document flow. */
html:has(body.opera-noir-site),body.opera-noir-site{background-color:#101110!important}
#opera-site{display:block;min-height:100vh;isolation:isolate}
#opera-site>#opera-main{display:flow-root;float:none!important;clear:both!important;width:100%;min-width:0;max-width:none;position:relative;background-color:#101110!important}
#opera-site>#opera-main::after,#opera-site .post-content::after,#opera-site .source-content::after{content:"";display:table;clear:both}
#opera-site>footer{display:block;float:none!important;clear:both!important;width:100%;position:relative;background-color:#101110!important}
#opera-site #opera-main #content{float:none!important;clear:both!important;width:100%!important;min-width:0;box-sizing:border-box;display:flow-root;background-color:#101110!important}
#opera-site #opera-main .post-content,#opera-site #opera-main .source-content{display:flow-root;min-width:0;max-width:100%;color:#f3eee4;background-color:#101110!important}
#opera-site #opera-main .fusion-fullwidth,#opera-site #opera-main .fusion-column-wrapper{background-color:transparent!important}
#opera-site #opera-main .fusion-fullwidth{clear:both;max-width:100%;box-sizing:border-box}
#opera-site #opera-main .fusion-builder-row{max-width:100%!important;box-sizing:border-box}
#opera-site #opera-main .fusion-layout-column{min-width:0;box-sizing:border-box}
#opera-site #opera-main .fusion-text,#opera-site #opera-main .staff-bio{overflow-wrap:break-word}
#opera-site #opera-main .post-content img,#opera-site #opera-main .source-content img{max-width:100%;height:auto}
@media(max-width:640px){
 #opera-site #opera-main .fusion-builder-row{width:100%!important;margin-left:0!important;margin-right:0!important}
 #opera-site #opera-main .fusion-layout-column{float:none!important;width:100%!important;margin-left:0!important;margin-right:0!important}
 #opera-site #opera-main .fusion-column-wrapper{margin-left:0!important;margin-right:0!important}
 #opera-site #opera-main .alignleft,#opera-site #opera-main .alignright{float:none!important;margin:18px auto!important}
}


/* Explicit link foregrounds beat inherited Avada heading-link color. */
#opera-site .concert h3 a,#opera-site .event h3 a,#opera-site .source-content h1 a,#opera-site .source-content h2 a,#opera-site .source-content h3 a{color:#f3eee4!important}
#opera-site .concert h3 a:hover,#opera-site .event h3 a:hover{color:#dfbc83!important}
#opera-site .event-program p,#opera-site .event-program span,#opera-site .event-program li,#opera-site .event-program strong{color:#c9c8bf!important}
#opera-site bdi[dir=ltr]{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* Keep legacy contact controls readable and long archive copy within the viewport. */
body.page-id-135 #opera-site .fusion-button,body.page-id-135 #opera-site .fusion-button .fusion-button-text,body.page-id-135 #opera-site input[type=submit]{color:#131410!important;-webkit-text-fill-color:#131410!important;background-color:#d3ad70!important}
body.page-id-135 #opera-site .fusion-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:12px 18px;line-height:1.5;white-space:normal}
#opera-site .source-content,#opera-site .post-content,#opera-site .source-content p,#opera-site .post-content p{overflow-wrap:anywhere}
@media(max-width:640px){
 body.opera-noir-site .a11y-toolbar{position:static!important;inset:auto!important;transform:none!important;float:none!important;width:100%!important;height:auto!important;display:flex!important;justify-content:flex-end;background:#181a18!important;z-index:auto!important}
 body.opera-noir-site .a11y-toolbar .a11y-toolbar-list{position:static!important;display:flex!important;flex-direction:row!important;gap:0;margin:0!important;padding:0!important;width:auto!important;height:auto!important}
 body.opera-noir-site .a11y-toolbar .a11y-toolbar-list-item{float:none!important;display:block!important;width:auto!important;margin:0!important}
 body.opera-noir-site .a11y-toolbar button.a11y-toggle{position:static!important;width:44px!important;height:44px!important;min-height:44px;transform:none!important}
}
#opera-site .event-program a,#opera-site .event-program a span{color:#dfbc83!important;text-decoration:underline;text-underline-offset:3px}

/* About uses a normal-flow image and canonical live text, not a fixed parallax background. */
#opera-site .about-heading{padding-bottom:26px}
#opera-site .about-heading h1{color:#dfbc83!important;font-size:clamp(34px,4.6vw,60px);margin:12px 0 0}
#opera-site .about-photo{width:90%;max-width:1152px;margin:0 auto;background:#101110}
#opera-site .about-photo img{display:block;position:static;width:100%;height:auto;max-height:460px;object-fit:contain;transform:none}
#opera-site .about-history{max-width:900px;margin:auto;font-size:19px;line-height:1.95}
#opera-site .about-history p{margin-bottom:24px}
#opera-site .about-history h3{font-size:22px;line-height:1.6;color:#dfbc83!important}
#opera-site .about-history h3 strong{color:inherit!important}
@media(max-width:640px){#opera-site .about-history{font-size:17px;line-height:1.85}#opera-site .about-photo{width:90%}}

#opera-site .footer-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:28px}#opera-site .footer-directory h2{font:500 17px Heebo,Arial,sans-serif;color:#dfbc83!important;margin:0 0 12px}#opera-site .footer-directory nav{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:0;padding:0}#opera-site .footer-directory a{overflow-wrap:anywhere}@media(max-width:640px){#opera-site .footer-directory{grid-template-columns:1fr 1fr;gap:24px}}
#opera-site .footer-directory a{color:#c9c8bf!important}#opera-site .footer-directory a:hover{color:#dfbc83!important}
body.opera-noir-site{min-width:0!important}

/* Opening concert: show the existing soloist pair once, above the title. */
#opera-site .concert:has(h3 a[href*="/fate-and-fire-"]){display:flex;flex-direction:column}
#opera-site .concert:has(h3 a[href*="/fate-and-fire-"])>a:first-child{display:none}
#opera-site .concert:has(h3 a[href*="/fate-and-fire-"])>.concert-content,
#opera-site .concert:has(h3 a[href*="/fate-and-fire-"]) .event-program{display:contents}
#opera-site .concert:has(h3 a[href*="/fate-and-fire-"]) .concert-content>*,
#opera-site .concert:has(h3 a[href*="/fate-and-fire-"]) .event-program>*{margin-left:24px;margin-right:24px}
#opera-site .concert:has(h3 a[href*="/fate-and-fire-"]) .event-program>div:first-child{order:-1;margin:0 0 24px!important}
#opera-site .concert:has(h3 a[href*="/fate-and-fire-"]) .concert-content>.text-link{margin-bottom:24px}
#opera-site .event-detail>img.wp-post-image[src*="IMG_4731"]{display:none}

/* Match the neighboring concert banner: half-height soloist portraits. */
#opera-site .concert:has(h3 a[href*="/fate-and-fire-"]) .event-program>div:first-child>figure>div{height:180px!important}