{"id":832,"date":"2026-08-20T11:24:45","date_gmt":"2026-08-20T11:24:45","guid":{"rendered":"https:\/\/jsums.org\/music\/?page_id=832"},"modified":"2026-08-20T11:25:15","modified_gmt":"2026-08-20T11:25:15","slug":"opera-south-company","status":"publish","type":"page","link":"https:\/\/jsums.org\/music\/opera-south-company\/","title":{"rendered":"OPERA\/SOUTH Company"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\n\n\n\n\nOPERA\/SOUTH Company · Department of Music · Jackson State University<\/title>\n<link rel=\"canonical\" href=\"https:\/\/www.jsums.org\/music\/opera-south-company\/\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;500;600;700;800&family=Crimson+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap\" rel=\"stylesheet\">\n<style>\n\n*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}\nbody{font-family:'Crimson Pro',Georgia,serif;font-size:1rem;line-height:1.7;color:#1C2430;background:#FFFFFF;overflow-x:hidden;-webkit-font-smoothing:antialiased;}\nimg{max-width:100%;height:auto;display:block;}a{text-decoration:none;color:inherit;}ul,ol{list-style:none;}\n@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}\na:focus-visible,button:focus-visible,[role=\"button\"]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #008ED6;outline-offset:3px;border-radius:4px;}\n.dk a:focus-visible,.dk button:focus-visible{outline-color:#6DC8F5;}\n.w{max-width:1340px;margin:0 auto;padding-left:clamp(1.25rem,4vw,3rem);padding-right:clamp(1.25rem,4vw,3rem);}\n.skip-link{position:absolute;top:-120px;left:1rem;background:#008ED6;color:#FFFFFF;padding:.75rem 1.5rem;border-radius:0 0 8px 8px;font-family:'Sora',sans-serif;font-weight:700;font-size:.9rem;z-index:9999;transition:top .2s;text-decoration:underline;}\n.skip-link:focus{top:0;outline:3px solid #FFFFFF;outline-offset:2px;}\n.breadcrumb{background:#E6EEF6;border-bottom:1px solid #C2D4E6;padding:.65rem 0;}\n.breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-family:'Sora',sans-serif;font-size:.78rem;color:#636B78;}\n.breadcrumb__list li{display:flex;align-items:center;gap:.35rem;}\n.breadcrumb__list li+li::before{content:'\u203a';color:#C2D4E6;font-size:1rem;}\n.breadcrumb__list a{color:#00629A;text-decoration:underline;text-underline-offset:2px;font-weight:500;}\n.breadcrumb__list a:hover{color:#002147;}\n.breadcrumb__list [aria-current=\"page\"]{color:#4A5060;font-weight:600;}\n.hero{position:relative;background-color:#00152E;background-image:linear-gradient(135deg,#00152E 0%,#002147 100%);overflow:hidden;padding:clamp(3.5rem,8vw,6rem) 0 clamp(3rem,6vw,5rem);}\n.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 50%,rgba(0,142,214,.18) 0%,transparent 60%),radial-gradient(ellipse 40% 80% at 20% 80%,rgba(0,33,71,.6) 0%,transparent 70%);pointer-events:none;}\n.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr;align-items:center;gap:2rem;}\n.hero__tag{display:inline-block;font-family:'Sora',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#3DB4F0;background:rgba(0,142,214,.15);border:1px solid rgba(0,142,214,.3);border-radius:4px;padding:.25rem .75rem;margin-bottom:1rem;}\n.hero__title{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(1.9rem,4.5vw,3.4rem);line-height:1.08;letter-spacing:-.025em;color:#FFFFFF;margin-bottom:.85rem;}\n.hero__title em{font-family:'Crimson Pro',Georgia,serif;font-style:italic;color:#3DB4F0;}\n.hero__desc{font-family:'Crimson Pro',Georgia,serif;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.65;color:#C0C8D4;max-width:620px;margin-bottom:1.75rem;}\n.hero__btns{display:flex;gap:.75rem;flex-wrap:wrap;}\n.hero__stat-band{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;background:rgba(255,255,255,.05);border:1px solid rgba(0,142,214,.2);border-radius:8px;min-width:180px;}\n.hero__stat{text-align:center;}\n.hero__stat-num{font-family:'Sora',sans-serif;font-size:2rem;font-weight:800;color:#3DB4F0;line-height:1;}\n.hero__stat-lbl{font-family:'Sora',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#96A0AE;margin-top:.3rem;}\n.hero__stat+.hero__stat{border-top:1px solid rgba(0,142,214,.2);padding-top:1.5rem;}\n.btn{display:inline-flex;align-items:center;gap:.45rem;font-family:'Sora',sans-serif;font-weight:600;font-size:.88rem;letter-spacing:.02em;padding:.7rem 1.4rem;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .15s;text-decoration:none;line-height:1.2;}\n.btn:active{transform:scale(.98);}\n.btn--primary{background:#00659E;color:#FFFFFF;border-color:#008ED6;}\n.btn--primary:hover{background:#007ABB;border-color:#007ABB;}\n.btn--outline-white{background:transparent;color:#FFFFFF;border-color:rgba(255,255,255,.5);}\n.btn--outline-white:hover{background:rgba(255,255,255,.1);border-color:#FFFFFF;}\n.btn--outline-navy{background:transparent;color:#002147;border-color:#002147;}\n.btn--outline-navy:hover{background:#002147;color:#FFFFFF;}\n.sec{padding:clamp(3.5rem,7vw,5.5rem) 0;}\n.sec--off{background:#F3F7FB;}\n.sec--navy{background:#002147;}\n.sec--deep{background:#00152E;}\n.sec--surface{background:#E6EEF6;}\n.sec-eyebrow{font-family:'Sora',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#00629A;display:block;margin-bottom:.6rem;}\n.sec--navy .sec-eyebrow,.sec--deep .sec-eyebrow{color:#3DB4F0;}\n.sec-title{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.1;letter-spacing:-.022em;color:#002147;margin-bottom:.75rem;}\n.sec--navy .sec-title,.sec--deep .sec-title{color:#FFFFFF;}\n.sec-body{font-family:'Crimson Pro',Georgia,serif;font-size:1.1rem;color:#4A5060;max-width:680px;line-height:1.75;}\n.sec--navy .sec-body{color:#C0C8D4;}\n.sec-head{margin-bottom:clamp(2rem,3.5vw,3.5rem);}\n.sec-head--center{text-align:center;}\n.sec-head--center .sec-body{margin:0 auto;}\n.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem);align-items:start;}\n.about-body p{font-family:'Crimson Pro',Georgia,serif;font-size:1.1rem;color:#4A5060;line-height:1.8;margin-bottom:1.1rem;}\n.about-facts{background:#E6EEF6;border-radius:8px;padding:2rem;}\n.about-facts__title{font-family:'Sora',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#00629A;margin-bottom:1.25rem;}\n.about-facts dl{display:grid;gap:.85rem;}\n.about-facts dt{font-family:'Sora',sans-serif;font-size:.78rem;font-weight:700;color:#636B78;letter-spacing:.05em;text-transform:uppercase;}\n.about-facts dd{font-family:'Crimson Pro',Georgia,serif;font-size:1rem;color:#1C2430;margin-left:0;padding-left:.75rem;border-left:2px solid #008ED6;}\n.tabs__list{display:flex;gap:.25rem;border-bottom:2px solid #C2D4E6;margin-bottom:2rem;flex-wrap:wrap;}\n.tabs__btn{font-family:'Sora',sans-serif;font-weight:600;font-size:.88rem;color:#4A5060;background:none;border:none;padding:.7rem 1.25rem;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;border-radius:6px 6px 0 0;transition:color .15s,background .15s,border-color .15s;}\n.tabs__btn:hover{color:#002147;background:#E6EEF6;}\n.tabs__btn[aria-selected=\"true\"]{color:#002147;border-bottom-color:#008ED6;background:#F3F7FB;}\n.tabs__panel{display:none;}\n.tabs__panel.is-active{display:block;}\n.program-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;}\n.program-card{background:#FFFFFF;border:1px solid #C2D4E6;border-radius:8px;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:.85rem;transition:border-color .2s,box-shadow .2s;text-decoration:none;color:inherit;}\n.program-card:hover{border-color:#008ED6;box-shadow:0 4px 20px rgba(0,142,214,.1);}\n.program-card__dot{width:8px;height:8px;border-radius:50%;background:#008ED6;margin-top:.55rem;flex-shrink:0;}\n.program-card__name{font-family:'Sora',sans-serif;font-size:.92rem;font-weight:600;color:#002147;margin-bottom:.2rem;}\n.program-card__level{font-family:'Sora',sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#636B78;}\n.accordion{border:1px solid #C2D4E6;border-radius:8px;overflow:hidden;}\n.accordion+.accordion{margin-top:.75rem;}\n.accordion__trigger{width:100%;text-align:left;background:#FFFFFF;border:none;padding:1.1rem 1.5rem;font-family:'Sora',sans-serif;font-weight:600;font-size:.95rem;color:#002147;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:background .15s;}\n.accordion__trigger:hover{background:#F3F7FB;}\n.accordion__trigger[aria-expanded=\"true\"]{background:#002147;color:#FFFFFF;}\n.accordion__icon{width:20px;height:20px;border-radius:50%;background:#E6EEF6;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:background .15s,transform .3s;}\n.accordion__trigger[aria-expanded=\"true\"] .accordion__icon{background:rgba(255,255,255,.15);color:#FFFFFF;transform:rotate(180deg);}\n.accordion__body{display:none;padding:1.5rem;background:#F3F7FB;border-top:1px solid #C2D4E6;font-family:'Crimson Pro',Georgia,serif;font-size:1.05rem;color:#4A5060;line-height:1.75;}\n.accordion__body.is-open{display:block;}\n.accordion__body p+p{margin-top:.85rem;}\n.accordion__body ul{list-style:disc;padding-left:1.5rem;margin-top:.75rem;}\n.accordion__body li{margin-bottom:.35rem;}\n.faculty-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;}\n.faculty-card{background:#FFFFFF;border:1px solid #C2D4E6;border-radius:8px;padding:1.5rem;}\n.faculty-card__name{font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;color:#002147;margin-bottom:.2rem;}\n.faculty-card__title{font-family:'Sora',sans-serif;font-size:.8rem;color:#00629A;font-weight:600;margin-bottom:.5rem;}\n.faculty-card__contact{font-family:'Sora',sans-serif;font-size:.78rem;color:#636B78;}\n.faculty-card__contact a{color:#00629A;text-decoration:underline;}\n.cta-band{background:#00152E;padding:clamp(3rem,6vw,5rem) 0;}\n.cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}\n.cta-band__title{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(1.5rem,3vw,2.2rem);color:#FFFFFF;line-height:1.15;margin-bottom:.5rem;}\n.cta-band__sub{font-family:'Crimson Pro',Georgia,serif;font-size:1.1rem;color:#C0C8D4;}\n.cta-band__btns{display:flex;gap:.75rem;flex-wrap:wrap;flex-shrink:0;}\n.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;}\n.contact-info__title{font-family:'Sora',sans-serif;font-weight:700;font-size:1.2rem;color:#002147;margin-bottom:1.25rem;}\n.contact-item{display:flex;gap:.85rem;align-items:flex-start;margin-bottom:1.1rem;}\n.contact-icon{font-size:1.3rem;line-height:1;margin-top:.1rem;flex-shrink:0;}\n.contact-item__label{font-family:'Sora',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#636B78;margin-bottom:.15rem;}\n.contact-item__val{font-family:'Crimson Pro',Georgia,serif;font-size:1rem;color:#1C2430;}\n.contact-item__val a{color:#00629A;text-decoration:underline;}\n.form-group{margin-bottom:1.25rem;}\n.form-label{display:block;font-family:'Sora',sans-serif;font-weight:600;font-size:.85rem;color:#1C2430;margin-bottom:.4rem;}\n.required{color:#C62828;}\n.form-control{display:block;width:100%;font-family:'Crimson Pro',Georgia,serif;font-size:1rem;color:#1C2430;background:#FFFFFF;border:1.5px solid #C2D4E6;border-radius:8px;padding:.65rem .9rem;transition:border-color .2s;}\n.form-control:focus{outline:none;border-color:#008ED6;box-shadow:0 0 0 3px rgba(0,142,214,.15);}\ntextarea.form-control{min-height:120px;resize:vertical;}\n.form-control.is-error{border-color:#C62828;}\n.form-error{font-family:'Sora',sans-serif;font-size:.8rem;color:#C62828;margin-top:.3rem;display:none;}\n.form-error.is-visible{display:block;}\n.form-status{font-family:'Sora',sans-serif;font-size:.9rem;padding:.85rem 1.1rem;border-radius:8px;margin-bottom:1rem;display:none;}\n.form-status.is-ok{display:block;background:#F0FFF1;color:#2E7D32;border:1px solid #a5d6a7;}\n.form-status.is-err{display:block;background:#FFF0F0;color:#C62828;border:1px solid #ef9a9a;}\n.site-footer{background:#00152E;padding:clamp(3rem,6vw,5rem) 0 2rem;}\n.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem;}\n.footer__brand-name{font-family:'Sora',sans-serif;font-weight:800;font-size:1.1rem;color:#FFFFFF;margin-bottom:.35rem;}\n.footer__brand-sub{font-family:'Sora',sans-serif;font-size:.82rem;color:#C0C8D4;margin-bottom:.85rem;}\n.footer__brand-contact{font-family:'Crimson Pro',Georgia,serif;font-size:.95rem;color:#96A0AE;line-height:1.8;}\n.footer__brand-contact a{color:#3DB4F0;text-decoration:underline;}\n.footer__col-title{font-family:'Sora',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#96A0AE;margin-bottom:.85rem;}\n.site-footer nav ul{display:grid;gap:.5rem;}\n.site-footer nav a{font-family:'Sora',sans-serif;font-size:.85rem;color:#C0C8D4;transition:color .15s;}\n.site-footer nav a:hover{color:#FFFFFF;}\n.footer__legal{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;}\n.footer__legal p{font-family:'Sora',sans-serif;font-size:.78rem;color:#96A0AE;}\n.footer__legal-links{display:flex;flex-wrap:wrap;gap:1rem;}\n.footer__legal-links a{font-family:'Sora',sans-serif;font-size:.78rem;color:#96A0AE;text-decoration:underline;}\n.footer__legal-links a:hover{color:#FFFFFF;}\n.fnav-toggle{position:fixed;right:0;top:50%;transform:translateY(-50%) translateX(0);z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:#002147;color:#FFFFFF;border:none;border-radius:6px 0 0 6px;padding:.9rem .55rem;cursor:pointer;box-shadow:-2px 0 12px rgba(0,21,46,.35);opacity:0;visibility:hidden;transform:translateY(-50%) translateX(100%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,background .15s;}.fnav-toggle.is-visible{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0);}.fnav-toggle:hover{background:#007ABB;}.fnav-toggle__icon{font-size:1rem;line-height:1;display:block;}.fnav-toggle__label{font-family:'Sora',sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);margin-top:.3rem;color:#FFFFFF;}\n.fnav-overlay{position:fixed;inset:0;background:rgba(0,21,46,.55);z-index:600;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;}\n.fnav-overlay.is-open{opacity:1;visibility:visible;}\n.fnav-drawer{position:fixed;top:0;right:-340px;width:320px;max-width:90vw;height:100%;background:#FFFFFF;z-index:700;display:flex;flex-direction:column;box-shadow:-4px 0 40px rgba(0,21,46,.25);transition:right .35s cubic-bezier(0.22,1,0.36,1);}\n.fnav-drawer.is-open{right:0;}\n.fnav-drawer__header{background:#002147;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-shrink:0;}\n.fnav-drawer__eyebrow{font-family:'Sora',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#3DB4F0;display:block;margin-bottom:.2rem;}\n.fnav-drawer__title{font-family:'Sora',sans-serif;font-size:.95rem;font-weight:700;color:#FFFFFF;display:block;}\n.fnav-close{background:rgba(255,255,255,.1);border:none;color:#FFFFFF;font-size:1.4rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s;}\n.fnav-close:hover{background:rgba(255,255,255,.2);}\n.fnav-drawer__body{flex:1;overflow-y:auto;padding:1.5rem;}\n.fnav-group__label{font-family:'Sora',sans-serif;font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#636B78;display:block;margin-bottom:.75rem;}\n.fnav-group__items{display:grid;gap:.2rem;}\n.fnav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;border-radius:8px;font-family:'Sora',sans-serif;font-size:.88rem;font-weight:500;color:#4A5060;transition:background .15s,color .15s;}\n.fnav-item:hover{background:#E6EEF6;color:#002147;}\n.fnav-item.is-active{background:#EBF6FD;color:#00629A;font-weight:600;}\n.fnav-item__dot{width:6px;height:6px;border-radius:50%;background:#C2D4E6;flex-shrink:0;transition:background .15s;}\n.fnav-item.is-active .fnav-item__dot{background:#008ED6;}\n.fnav-drawer__footer{color:#FFFFFF !important;border-top:1px solid #C2D4E6;padding:1rem 1.5rem;flex-shrink:0;}\n.fnav-footer-link{color:#FFFFFF !important;text-decoration:none;font-family:'Sora',sans-serif;font-size:.82rem;font-weight:600;color:#00629A;text-decoration:underline;text-underline-offset:2px;}\n.jsu-btt{position:fixed;bottom:28px;right:28px;z-index:900;background:#008ED6;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#FFFFFF;font-size:22px;line-height:1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,visibility .25s,transform .25s,background .15s;box-shadow:0 4px 16px rgba(0,142,214,.35);}\n.jsu-btt.is-visible{opacity:1;visibility:visible;transform:translateY(0);}\n.jsu-btt:hover{background:#007ABB;}\n.jsu-btt:focus-visible{outline:3px solid #5BAADC;outline-offset:3px;}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;color:#1C2430;background:#FFFFFF;}\n.resource-list{display:grid;gap:.75rem;}\n.resource-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#FFFFFF;border:1px solid #C2D4E6;border-radius:8px;transition:border-color .2s;}\n.resource-item:hover{border-color:#008ED6;}\n.resource-icon{font-size:1.5rem;flex-shrink:0;}\n.resource-item__name{font-family:'Sora',sans-serif;font-weight:600;font-size:.92rem;color:#002147;}\n.resource-item__desc{font-family:'Crimson Pro',Georgia,serif;font-size:.9rem;color:#636B78;}\n.resource-item__link{font-family:'Sora',sans-serif;font-size:.8rem;font-weight:600;color:#00629A;text-decoration:underline;margin-left:auto;white-space:nowrap;flex-shrink:0;}\n@media(max-width:900px){.about-grid,.contact-grid{grid-template-columns:1fr;}.footer__grid{grid-template-columns:1fr 1fr;}.hero__inner{grid-template-columns:1fr;}.hero__stat-band{flex-direction:row;flex-wrap:wrap;min-width:0;}}\n@media(max-width:600px){.footer__grid{grid-template-columns:1fr;}.cta-band__inner{flex-direction:column;}}\n\n .contact-items{display:flex;flex-wrap:wrap;gap:2.5rem;margin-top:0;}\n .contact-item{display:flex;gap:.85rem;align-items:flex-start;min-width:220px;}\n .contact-icon{font-size:1.3rem;line-height:1;margin-top:.1rem;flex-shrink:0;}\n .contact-item__label{font-family:'Sora',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#636B78;margin-bottom:.15rem;}\n .contact-item__val{font-family:'Crimson Pro',Georgia,serif;font-size:1rem;color:#1C2430;}\n .contact-item__val a{color:#00629A;text-decoration:underline;}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n ELEMENTOR CONTAINMENT RESETS\n Prevents Elementor wrapper styles from bleeding into our\n custom HTML content blocks.\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* Zero out all padding\/margin\/gap\/background on every Elementor wrapper *\/\n.elementor-widget-container,\n.elementor-widget-wrap,\n.elementor-widget-wrap > .elementor-element,\n.elementor-section .elementor-container,\n.elementor-section .elementor-row,\n.e-con,\n.e-con-inner,\n.e-child,\n.e-con > .e-con-inner {\n padding: 0 !important;\n margin: 0 !important;\n gap: 0 !important;\n background: transparent !important;\n background-color: transparent !important;\n background-image: none !important;\n border: none !important;\n box-shadow: none !important;\n max-width: none !important;\n width: 100% !important;\n}\n\n\/* Section-level Elementor wrappers *\/\n.elementor-section,\n.elementor-top-section,\n.elementor-inner-section {\n padding: 0 !important;\n margin: 0 !important;\n background: transparent !important;\n background-color: transparent !important;\n background-image: none !important;\n}\n\n\/* Strip Elementor heading color overrides *\/\n.elementor-widget-container h1,\n.elementor-widget-container h2,\n.elementor-widget-container h3,\n.elementor-widget-container h4,\n.elementor-widget-container h5,\n.elementor-widget-container p,\n.elementor-widget-container a {\n color: inherit !important;\n}\n\n\/* \u2500\u2500 Dark section hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n .hero and .cta-band.dk MUST stay dark regardless of\n Elementor theme color injection.\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero,\n.hero * {\n color: #FFFFFF !important;\n}\n.hero__inner {\n justify-items: center !important;\n text-align: center !important;\n}\n.hero__inner > div {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n text-align: center !important;\n max-width: 780px !important;\n margin: 0 auto !important;\n}\n.hero__btns {\n justify-content: center !important;\n}\n.hero__desc {\n max-width: 640px !important;\n margin-left: auto !important;\n margin-right: auto !important;\n}\n.hero__tag {\n display: inline-block !important;\n}\n.hero {\n background-color: #00152E !important;\n background-image: linear-gradient(135deg, #00152E 0%, #002147 60%, #003366 100%) !important;\n position: relative !important;\n}\n.cta-band.dk {\n background-color: #002147 !important;\n background-image: linear-gradient(135deg, #00152E 0%, #002147 100%) !important;\n color: #FFFFFF !important;\n}\n.cta-band.dk * {\n color: #FFFFFF !important;\n}\n.cta-band.dk .btn--primary {\n background-color: #00659E !important;\n color: #FFFFFF !important;\n}\n.cta-band.dk .btn--outline-white {\n border-color: rgba(255,255,255,0.6) !important;\n color: #FFFFFF !important;\n}\n\n\/* \u2500\u2500 Section background hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sec {\n background-color: #FFFFFF !important;\n color: #1C2430 !important;\n}\n.sec--off {\n background-color: #F3F7FB !important;\n color: #1C2430 !important;\n}\n.sec--surface {\n background-color: #E6EEF6 !important;\n color: #1C2430 !important;\n}\n\n\/* \u2500\u2500 Text color hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.sec .sec-title,\n.sec .sec-eyebrow,\n.sec h2,\n.sec h3 {\n color: #002147 !important;\n}\n.sec p,\n.sec li,\n.sec dd,\n.sec dt {\n color: #4A5060 !important;\n}\n.sec a {\n color: #00629A !important;\n}\n\n\/* \u2500\u2500 About section hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.about-facts {\n background: #E6EEF6 !important;\n border-radius: 8px !important;\n padding: clamp(1.5rem, 3vw, 2.5rem) !important;\n}\n.about-facts__title {\n color: #00629A !important;\n font-weight: 700 !important;\n}\n.about-facts dl dt {\n color: #636B78 !important;\n text-transform: uppercase !important;\n font-size: .72rem !important;\n letter-spacing: .08em !important;\n font-weight: 700 !important;\n}\n.about-facts dl dd {\n color: #1C2430 !important;\n font-size: .97rem !important;\n}\n\n\/* \u2500\u2500 Card hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.card {\n background: #FFFFFF !important;\n border: 1px solid #C2D4E6 !important;\n border-radius: 8px !important;\n}\n.card__eyebrow { color: #00629A !important; }\n.card__title { color: #002147 !important; }\n.card__text { color: #4A5060 !important; }\n.card__link { color: #00629A !important; }\n\n\/* \u2500\u2500 Faculty card hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.faculty-card {\n background: #FFFFFF !important;\n border: 1px solid #C2D4E6 !important;\n border-radius: 8px !important;\n}\n.faculty-card__name { color: #002147 !important; }\n.faculty-card__title { color: #636B78 !important; }\n.faculty-card__contact, \n.faculty-card__contact a { color: #00629A !important; }\n\n\/* \u2500\u2500 Resource list hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.resource-item {\n background: #FFFFFF !important;\n border: 1px solid #C2D4E6 !important;\n border-bottom-color: #C2D4E6 !important;\n}\n.resource-item__name { color: #002147 !important; }\n.resource-item__desc { color: #4A5060 !important; }\n.resource-item__link { color: #00629A !important; border-color: #00629A !important; }\n\n\/* \u2500\u2500 Program card hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.program-card {\n background: #FFFFFF !important;\n border: 1px solid #C2D4E6 !important;\n border-radius: 8px !important;\n color: #1C2430 !important;\n}\n.program-card__name { color: #002147 !important; }\n.program-card__level { color: #636B78 !important; }\n.program-card__dot { background: #008ED6 !important; }\n\n\/* \u2500\u2500 Tab hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.tabs__btn {\n background: transparent !important;\n color: #002147 !important;\n border-color: #C2D4E6 !important;\n}\n.tabs__btn[aria-selected=\"true\"] {\n background: #002147 !important;\n color: #FFFFFF !important;\n border-color: #002147 !important;\n}\n\n\/* \u2500\u2500 Accordion hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.accordion__trigger {\n background: #FFFFFF !important;\n color: #002147 !important;\n border-color: #C2D4E6 !important;\n}\n.accordion__trigger[aria-expanded=\"true\"] {\n background: #002147 !important;\n color: #FFFFFF !important;\n}\n.accordion__body { \n background: #FFFFFF !important; \n color: #4A5060 !important;\n}\n\n\/* \u2500\u2500 Nav drawer hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.fnav-drawer {\n background: #002147 !important;\n color: #FFFFFF !important;\n}\n.fnav-drawer__header {\n background: #00152E !important;\n border-bottom-color: rgba(0,142,214,0.3) !important;\n}\n.fnav-drawer__title { color: #FFFFFF !important; }\n.fnav-drawer__eyebrow { color: #3DB4F0 !important; }\n.fnav-item { color: rgba(255,255,255,0.85) !important; }\n.fnav-item.is-active,\n.fnav-item:hover { color: #FFFFFF !important; background: rgba(0,142,214,0.2) !important; }\n.fnav-group__label { color: #3DB4F0 !important; }\n.fnav-drawer__footer { color: #FFFFFF !important; }\n.fnav-footer-link { color: #FFFFFF !important; text-decoration: none; }\n.fnav-footer-link:hover { color: #3DB4F0 !important; }\n\n\/* \u2500\u2500 Hero text hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero__tag { color: #3DB4F0 !important; }\n.hero__title { color: #FFFFFF !important; }\n.hero__desc { color: rgba(255,255,255,0.85) !important; }\n.hero__btns .btn--primary { background-color: #00659E !important; color: #FFFFFF !important; }\n.hero__btns .btn--outline-white { border-color: rgba(255,255,255,0.6) !important; color: #FFFFFF !important; }\n\n\/* \u2500\u2500 Breadcrumb hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.breadcrumb { background: #002147 !important; }\n.breadcrumb a, .breadcrumb span { color: rgba(255,255,255,0.75) !important; }\n.breadcrumb [aria-current=\"page\"] { color: #FFFFFF !important; }\n\n\/* \u2500\u2500 Contact section hardening \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.contact-items { color: #1C2430 !important; }\n.contact-item__label { color: #636B78 !important; }\n.contact-item__val { color: #1C2430 !important; }\n.contact-item__val a { color: #00629A !important; }\n\n\/* \u2500\u2500 Skip link \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.skip-link:focus {\n background: #008ED6 !important;\n color: #FFFFFF !important;\n}\n\n\/* \u2500\u2500 BTT button \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.jsu-btt {\n background: #00659E !important;\n color: #FFFFFF !important;\n}\n\n\/* \u2500\u2500 Menu toggle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.fnav-toggle {\n background: #002147 !important;\n color: #FFFFFF !important;\n}\n.fnav-toggle:hover { background: #007ABB !important; }\n\n\/* \u2500\u2500 WCAG: Ensure minimum contrast on all body text \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nbody { \n background-color: #FFFFFF !important; \n color: #1C2430 !important;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TICKER STRIP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ticker-wrap{\n background:#00152E;\n border-top:1px solid rgba(0,142,214,.25);\n border-bottom:1px solid rgba(0,142,214,.25);\n overflow:hidden;\n padding:.55rem 0;\n position:relative;\n}\n.ticker-wrap::before,\n.ticker-wrap::after{\n content:'';\n position:absolute;\n top:0;bottom:0;\n width:80px;\n z-index:2;\n pointer-events:none;\n}\n.ticker-wrap::before{\n left:0;\n background:linear-gradient(to right,#00152E,transparent);\n}\n.ticker-wrap::after{\n right:0;\n background:linear-gradient(to left,#00152E,transparent);\n}\n.ticker-label{\n position:absolute;\n left:0;top:50%;\n transform:translateY(-50%);\n background:#008ED6;\n color:#FFFFFF;\n font-family:'Sora',sans-serif;\n font-size:.65rem;\n font-weight:700;\n letter-spacing:.12em;\n text-transform:uppercase;\n padding:.35rem .75rem;\n z-index:3;\n white-space:nowrap;\n}\n.ticker-track{\n display:flex;\n align-items:center;\n gap:0;\n width:max-content;\n animation:ticker-scroll 40s linear infinite;\n padding-left:160px;\n}\n.ticker-track:hover{animation-play-state:paused;}\n.ticker-item{\n display:inline-flex;\n align-items:center;\n gap:.5rem;\n white-space:nowrap;\n padding:0 1.5rem;\n font-family:'Sora',sans-serif;\n font-size:.78rem;\n font-weight:500;\n color:rgba(255,255,255,.75);\n transition:color .2s;\n text-decoration:none;\n}\n.ticker-item:hover{color:#3DB4F0;}\n.ticker-item::before{\n content:'';\n display:inline-block;\n width:4px;height:4px;\n border-radius:50%;\n background:#008ED6;\n flex-shrink:0;\n}\n@keyframes ticker-scroll{\n 0%{transform:translateX(0);}\n 100%{transform:translateX(-50%);}\n}\n@media(prefers-reduced-motion:reduce){\n .ticker-track{animation:none;overflow-x:auto;}\n}\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO CENTERING \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero__inner{\n justify-items:center;\n text-align:center;\n}\n.hero__inner > div{\n display:flex;\n flex-direction:column;\n align-items:center;\n text-align:center;\n max-width:780px;\n margin:0 auto;\n}\n.hero__desc{\n max-width:640px;\n margin-left:auto;\n margin-right:auto;\n}\n.hero__btns{\n justify-content:center;\n}\n\n\n\/* \u2500\u2500 Visually hidden elements \u2014 explicit colors for accessibility checkers \u2500\u2500 *\/\n.sr-only,\n.visually-hidden {\n color: #1C2430 !important;\n background-color: #FFFFFF !important;\n}\n\/* \u2500\u2500 Screen-reader-only toggle label \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.fnav-toggle__label {\n color: #FFFFFF !important;\n}\n\/* \u2500\u2500 Skip link always has explicit colors \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.skip-link {\n background-color: #00659E !important;\n color: #FFFFFF !important;\n}\n\n\/* \u2500\u2500 Breadcrumb: sit flush below global header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nbody {\n padding-top: 65px !important;\n background-color: #002147 !important;\n}\n.breadcrumb {\n margin-top: 0 !important;\n scroll-margin-top: 65px !important;\n}\n#main-content {\n scroll-margin-top: 65px !important;\n}\n.admin-bar body { padding-top: 97px !important; }\n.admin-bar .breadcrumb { scroll-margin-top: 97px !important; }\n\/* \u2500\u2500 Hero: full viewport height \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n.hero {\n min-height: 100vh !important;\n height: 100vh !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding: 0 !important;\n position: relative !important;\n}\n.hero__inner {\n justify-items: center !important;\n text-align: center !important;\n padding: clamp(2rem, 4vh, 5rem) 0 !important;\n width: 100% !important;\n}\n\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n JSU GLOBAL NAVIGATION \u2014 matches jsums.org exactly\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.jsu-global-nav {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 1000;\n background: #002147;\n box-shadow: 0 2px 16px rgba(0,0,0,.35);\n}\n.jsu-global-nav__top {\n background: #00152E;\n padding: .3rem 0;\n border-bottom: 1px solid rgba(0,142,214,.2);\n}\n.jsu-global-nav__top-inner {\n max-width: 1340px;\n margin: 0 auto;\n padding: 0 clamp(1.25rem,4vw,3rem);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n flex-wrap: wrap;\n}\n.jsu-global-nav__util-links {\n display: flex;\n flex-wrap: wrap;\n gap: .15rem .75rem;\n list-style: none;\n}\n.jsu-global-nav__util-links a {\n font-family: 'Sora',sans-serif;\n font-size: .68rem;\n font-weight: 500;\n color: rgba(255,255,255,.65);\n text-decoration: none;\n letter-spacing: .02em;\n transition: color .15s;\n}\n.jsu-global-nav__util-links a:hover { color: #3DB4F0; }\n.jsu-global-nav__ctas {\n display: flex;\n gap: .4rem;\n}\n.jsu-global-nav__cta {\n font-family: 'Sora',sans-serif;\n font-size: .72rem;\n font-weight: 700;\n letter-spacing: .05em;\n text-decoration: none;\n padding: .3rem .85rem;\n border-radius: 4px;\n transition: background .15s, color .15s;\n}\n.jsu-global-nav__cta--apply {\n background: #00659E;\n color: #FFFFFF;\n}\n.jsu-global-nav__cta--apply:hover { background: #007ABB; }\n.jsu-global-nav__cta--visit {\n background: transparent;\n color: rgba(255,255,255,.8);\n border: 1px solid rgba(255,255,255,.3);\n}\n.jsu-global-nav__cta--visit:hover { background: rgba(255,255,255,.08); color: #FFFFFF; }\n.jsu-global-nav__cta--give {\n background: #3DB4F0;\n color: #002147;\n font-weight: 800;\n}\n.jsu-global-nav__cta--give:hover { background: #6DC8F5; }\n\n.jsu-global-nav__main {\n max-width: 1340px;\n margin: 0 auto;\n padding: 0 clamp(1.25rem,4vw,3rem);\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 64px;\n gap: 1.5rem;\n}\n.jsu-global-nav__logo {\n display: flex;\n align-items: center;\n gap: .65rem;\n text-decoration: none;\n flex-shrink: 0;\n}\n.jsu-global-nav__logo-mark {\n width: 44px;\n height: 44px;\n border-radius: 6px;\n background: #FFFFFF;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n.jsu-global-nav__logo-mark span {\n font-family: 'Sora',sans-serif;\n font-weight: 900;\n font-size: 1.05rem;\n color: #002147;\n letter-spacing: -.03em;\n}\n.jsu-global-nav__logo-text { line-height: 1.15; }\n.jsu-global-nav__logo-text strong {\n display: block;\n font-family: 'Sora',sans-serif;\n font-weight: 800;\n font-size: .88rem;\n color: #FFFFFF;\n letter-spacing: .01em;\n}\n.jsu-global-nav__logo-text span {\n font-family: 'Sora',sans-serif;\n font-size: .62rem;\n font-weight: 500;\n letter-spacing: .14em;\n text-transform: uppercase;\n color: #3DB4F0;\n}\n\n.jsu-global-nav__menu {\n display: flex;\n align-items: center;\n gap: 0;\n list-style: none;\n}\n.jsu-global-nav__menu > li {\n position: relative;\n}\n.jsu-global-nav__menu > li > a,\n.jsu-global-nav__menu > li > button {\n display: flex;\n align-items: center;\n gap: .3rem;\n font-family: 'Sora',sans-serif;\n font-size: .82rem;\n font-weight: 600;\n color: rgba(255,255,255,.85);\n text-decoration: none;\n padding: .55rem .75rem;\n border-radius: 6px;\n background: none;\n border: none;\n cursor: pointer;\n transition: color .15s, background .15s;\n white-space: nowrap;\n}\n.jsu-global-nav__menu > li > a:hover,\n.jsu-global-nav__menu > li > button:hover {\n color: #FFFFFF;\n background: rgba(255,255,255,.08);\n}\n.jsu-global-nav__menu > li > a::after,\n.jsu-global-nav__menu > li > button.has-sub::after {\n content: '';\n display: inline-block;\n width: 0; height: 0;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n border-top: 4px solid currentColor;\n opacity: .6;\n margin-left: .2rem;\n transition: transform .2s;\n}\n.jsu-global-nav__menu > li:hover > button.has-sub::after,\n.jsu-global-nav__menu > li:focus-within > button.has-sub::after {\n transform: rotate(180deg);\n}\n\n\/* Dropdowns *\/\n.jsu-global-nav__dropdown {\n position: absolute;\n top: calc(100% + 4px);\n left: 0;\n min-width: 220px;\n background: #001736;\n border: 1px solid rgba(0,142,214,.25);\n border-radius: 8px;\n box-shadow: 0 8px 32px rgba(0,0,0,.4);\n padding: .5rem 0;\n opacity: 0;\n visibility: hidden;\n transform: translateY(-8px);\n transition: opacity .2s, visibility .2s, transform .2s;\n z-index: 100;\n list-style: none;\n}\n.jsu-global-nav__menu > li:hover .jsu-global-nav__dropdown,\n.jsu-global-nav__menu > li:focus-within .jsu-global-nav__dropdown {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n}\n.jsu-global-nav__dropdown a {\n display: block;\n padding: .5rem 1.1rem;\n font-family: 'Sora',sans-serif;\n font-size: .82rem;\n font-weight: 500;\n color: rgba(255,255,255,.8);\n text-decoration: none;\n transition: color .15s, background .15s;\n}\n.jsu-global-nav__dropdown a:hover {\n color: #FFFFFF;\n background: rgba(0,142,214,.15);\n}\n.jsu-global-nav__dropdown .drop-group-label {\n display: block;\n padding: .65rem 1.1rem .25rem;\n font-family: 'Sora',sans-serif;\n font-size: .65rem;\n font-weight: 700;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: #3DB4F0;\n border-top: 1px solid rgba(0,142,214,.2);\n margin-top: .35rem;\n}\n.jsu-global-nav__dropdown .drop-group-label:first-child {\n border-top: none;\n margin-top: 0;\n}\n\n\/* Mobile menu toggle *\/\n.jsu-global-nav__mob-btn {\n display: none;\n background: none;\n border: 1px solid rgba(255,255,255,.3);\n border-radius: 6px;\n color: #FFFFFF;\n padding: .45rem .65rem;\n cursor: pointer;\n font-size: 1.15rem;\n line-height: 1;\n transition: background .15s;\n}\n.jsu-global-nav__mob-btn:hover { background: rgba(255,255,255,.1); }\n\n\/* Page body offset for fixed nav *\/\nbody { padding-top: 0 !important; }\n.breadcrumb {\n margin-top: 104px !important; }\n.admin-bar .breadcrumb {\n margin-top: 136px !important; }\n#main-content { scroll-margin-top: 104px !important; }\n\n\/* Sections scroll past nav *\/\n[id] { scroll-margin-top: 104px; }\n\n@media(max-width: 1024px) {\n .jsu-global-nav__menu { display: none; }\n .jsu-global-nav__mob-btn { display: flex; align-items: center; justify-content: center; }\n}\n@media(max-width: 600px) {\n .jsu-global-nav__logo-text { display: none; }\n}\n\n\n\/* \u2550\u2550 PDF \/ Document Inline Viewer \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.doc-embed-wrap {\n margin: 1.25rem 0;\n border: 1px solid #C2D4E6;\n border-radius: 10px;\n overflow: hidden;\n background: #F3F7FB;\n}\n.doc-embed-toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: .6rem 1rem;\n background: #002147;\n gap: .75rem;\n flex-wrap: wrap;\n}\n.doc-embed-toolbar__title {\n font-family: 'Sora',sans-serif;\n font-size: .82rem;\n font-weight: 600;\n color: #FFFFFF;\n flex: 1;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.doc-embed-toolbar__actions {\n display: flex;\n gap: .4rem;\n flex-shrink: 0;\n}\n.doc-embed-toolbar__btn {\n font-family: 'Sora',sans-serif;\n font-size: .72rem;\n font-weight: 700;\n letter-spacing: .04em;\n padding: .3rem .75rem;\n border-radius: 5px;\n text-decoration: none;\n transition: background .15s, color .15s;\n white-space: nowrap;\n}\n.doc-embed-toolbar__btn--view {\n background: #00659E;\n color: #FFFFFF;\n border: 1px solid #008ED6;\n}\n.doc-embed-toolbar__btn--view:hover { background: #007ABB; }\n.doc-embed-toolbar__btn--dl {\n background: rgba(255,255,255,.12);\n color: rgba(255,255,255,.9);\n border: 1px solid rgba(255,255,255,.25);\n}\n.doc-embed-toolbar__btn--dl:hover { background: rgba(255,255,255,.2); color: #FFFFFF; }\n.doc-embed-frame {\n width: 100%;\n height: 560px;\n border: none;\n display: block;\n background: #FFFFFF;\n}\n@media(max-width:600px){ .doc-embed-frame { height: 380px; } }\n\n\n.pdf-embed-wrap{border-radius:8px;overflow:hidden;box-shadow:0 2px 16px rgba(0,21,46,.1);margin:1.5rem 0;}\n.pdf-embed-header{background:#002147;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}\n.pdf-embed-title{font-family:'Sora',sans-serif;font-weight:700;font-size:.88rem;color:#FFFFFF;}\n.pdf-embed-actions{display:flex;gap:.5rem;flex-wrap:wrap;}\n.pdf-btn{font-family:'Sora',sans-serif;font-size:.75rem;font-weight:600;padding:.35rem .85rem;border-radius:4px;text-decoration:none;transition:background .15s;white-space:nowrap;}\n.pdf-btn--view{background:rgba(255,255,255,.15);color:#FFFFFF;}\n.pdf-btn--view:hover{background:rgba(255,255,255,.25);}\n.pdf-btn--dl{background:#00659E;color:#FFFFFF;}\n.pdf-btn--dl:hover{background:#007ABB;}\n.pdf-embed-frame{display:block;background:#F3F7FB;width:100%;border:1px solid #C2D4E6;border-radius:0 0 8px 8px;}\n\n.fnav-drawer:not(.is-open){visibility:hidden;}\n.breadcrumb{margin-top:54px !important;}\n.admin-bar .breadcrumb{margin-top:46px !important;}\n\n.prose{font-family:'Crimson Pro',Georgia,serif;font-size:1.13rem;line-height:1.85;color:#4A5060;max-width:820px;margin:.9rem 0 0;}\n.prose a{color:#00629A !important;text-decoration:underline;text-underline-offset:2px;font-weight:600;}\np.lead{font-family:'Crimson Pro',Georgia,serif;font-size:1.2rem;line-height:1.8;color:#33404F !important;max-width:820px;margin:.2rem 0 0;}\nh3.subh{font-family:'Sora',sans-serif;font-size:1.15rem;font-weight:700;color:#002147 !important;margin:1.9rem 0 0;padding-top:1.3rem;border-top:1px solid #E2E8F0;}\n.bannerfig{margin:0 0 1.4rem;border-radius:12px;overflow:hidden;border:1px solid #E2E8F0;}\n.bannerfig img{display:block;width:100%;height:auto;}\n.brandfig{margin:0 0 1.1rem;max-width:220px;}\n.brandfig img{width:100%;height:auto;display:block;border-radius:8px;}\n.blist{list-style:none;margin:.9rem 0 0;padding:0;display:grid;gap:.55rem;max-width:840px;}\n.blist li{display:flex;gap:.6rem;align-items:flex-start;font-family:'Crimson Pro',Georgia,serif;font-size:1.08rem;line-height:1.55;color:#33404F;}\n.blist li::before{content:\"\\25B8\";color:#C4122F;font-weight:700;margin-top:.15rem;}\n.gallery{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.7rem;}\n.gallery figure{margin:0;border-radius:10px;overflow:hidden;border:1px solid #E2E8F0;background:#F3F7FB;}\n.gallery img{display:block;width:100%;height:185px;object-fit:cover;}\n.tgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.1rem;margin:1.2rem 0 0;}\n.tcard{border:1px solid #E2E8F0;border-left:4px solid #C4122F;border-radius:0 12px 12px 0;background:#FFFFFF;padding:1.3rem 1.5rem;margin:0;}\n.tcard blockquote{margin:0;font-family:'Crimson Pro',Georgia,serif;font-style:italic;font-size:1.08rem;line-height:1.7;color:#33404F;}\n.tcard figcaption{margin:.9rem 0 0;font-family:'Sora',sans-serif;font-weight:700;color:#002147;font-size:1rem;}\n.qlinks{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.75rem;}\n.qlinks a{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.95rem 1.15rem;border:1px solid #E2E8F0;border-radius:11px;background:#FFFFFF;font-family:'Sora',sans-serif;font-weight:600;font-size:1.02rem;color:#002147 !important;text-decoration:none;}\n.qlinks a:hover{border-color:#00659E;background:#F3F7FB;}\n.qlinks a::after{content:\"\\2192\";color:#C4122F;font-weight:700;}\n.dircard{margin:1.5rem 0 0;padding:1.2rem 1.4rem;border:1px solid #E2E8F0;border-left:4px solid #C4122F;border-radius:0 12px 12px 0;background:#FFFFFF;max-width:560px;}\np.person__name{font-family:'Sora',sans-serif;font-weight:700;font-size:1.12rem;color:#002147 !important;margin:0;}\np.person__role{font-family:'Crimson Pro',Georgia,serif;font-size:1.05rem;color:#4A5060 !important;margin:.15rem 0 0;}\n.dircard .lines{margin:.7rem 0 0;font-family:'Sora',sans-serif;font-size:.98rem;line-height:1.9;color:#33404F;}\n.dircard .lines a{color:#00629A !important;text-decoration:underline;text-underline-offset:2px;font-weight:600;}\n.addr{font-family:'Crimson Pro',Georgia,serif;font-size:1.12rem;line-height:1.65;color:#33404F;margin:.5rem 0 0;}\n.hours{margin:.7rem 0 0;font-family:'Sora',sans-serif;font-size:1rem;color:#33404F;line-height:1.7;}\n.cform{max-width:640px;margin:1.3rem 0 0;}\n.cform .hint{font-size:.9rem;color:#4A5060;margin:0 0 1.1rem;font-family:'Sora',sans-serif;}\n.cform .req{color:#C4122F;font-weight:700;}\n.cform .row{margin:0 0 1.1rem;}\n.cform label{display:block;font-family:'Sora',sans-serif;font-weight:600;font-size:.95rem;color:#33404F;margin:0 0 .35rem;}\n.cform input,.cform textarea{width:100%;box-sizing:border-box;font-family:'Crimson Pro',Georgia,serif;font-size:1.05rem;color:#1F2733;padding:.6rem .75rem;border:1px solid #C7D2DE;border-radius:8px;background:#FFFFFF;}\n.cform input:focus,.cform textarea:focus{outline:2px solid #00659E;outline-offset:1px;border-color:#00659E;}\n.cform fieldset{border:0;padding:0;margin:0 0 1.1rem;min-width:0;}\n.cform legend{font-family:'Sora',sans-serif;font-weight:600;font-size:.95rem;color:#33404F;padding:0;margin:0 0 .55rem;}\n.cform .name-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;}\n@media (max-width:520px){.cform .name-grid{grid-template-columns:1fr;}}\n.cform button.btn--primary{display:inline-block;background:#C4122F;color:#FFFFFF !important;font-family:'Sora',sans-serif;font-weight:700;font-size:1rem;padding:.72rem 1.7rem;border:0;border-radius:8px;cursor:pointer;}\n.cform button.btn--primary:hover{background:#A50E27;}\n.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.9rem 2.2rem;margin:1.5rem 0 0;align-items:start;}\n.ctile{display:flex;gap:.75rem;align-items:flex-start;}\n.ctile__icon{flex:none;width:26px;height:26px;color:#00659E;margin-top:.1rem;}\n.ctile__icon svg{width:100%;height:100%;display:block;}\n.ctile__label{font-family:'Sora',sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#33404F;margin:0 0 .4rem;line-height:1.3;}\n.ctile__body{font-family:'Crimson Pro',Georgia,serif;font-size:1.04rem;line-height:1.6;color:#33404F;}\n.ctile__body a{color:#00629A !important;text-decoration:underline;text-underline-offset:2px;font-family:'Sora',sans-serif;font-size:.98rem;font-weight:600;}\n.jsu-main-content a.btn--primary{color:#FFFFFF !important;text-decoration:none;}\n.jsu-main-content .btn{text-decoration:none;}\n<\/style>\n<\/head>\n<body>\n<a href=\"#main-content\" class=\"skip-link\">Skip to main content<\/a>\n<nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\n<div class=\"w\"><ol class=\"breadcrumb__list\"><li><a href=\"https:\/\/www.jsums.org\/\">JSU Home<\/a><\/li><li><a href=\"https:\/\/www.jsums.org\/music\/\">Department of Music<\/a><\/li><li><span aria-current=\"page\">OPERA\/SOUTH Company<\/span><\/li><\/ol><\/div>\n<\/nav>\n\n<main id=\"main-content\" class=\"jsu-main-content\">\n\n <section class=\"hero dk\" aria-labelledby=\"hero-h\">\n <div class=\"w\"><div class=\"hero__inner\"><div>\n <span class=\"hero__tag\">Department of Music · College of Liberal Arts<\/span>\n <h1 class=\"hero__title\" id=\"hero-h\">OPERA\/SOUTH <em>Company<\/em><\/h1>\n <p class=\"hero__desc\">\n Reshaping and elevating the cultural aesthetics of opera at Jackson State University.\n <\/p>\n <div class=\"hero__btns\">\n <a href=\"https:\/\/www.jsums.org\/music\/opera-south-company\/get-involved\/\" class=\"btn btn--primary\">Get Involved<\/a>\n <a href=\"https:\/\/www.jsums.org\/music\/opera-south-company\/upcoming-events\/\" class=\"btn btn--outline-white\">Upcoming Events<\/a>\n <\/div>\n <\/div><\/div><\/div>\n <\/section>\n\n <!-- DEPLOY REVIEW - \/music\/opera-south-company\/ (OPERA\/SOUTH Company microsite HOME). Established Music Menu;\n \"Opera South Company\" -> this URL matches -> CURRENT (indent-2 under Ensembles). Constructed 3-level breadcrumb\n (JSU > Music > OPERA\/SOUTH Company; source had none) \u2014 this IS the microsite home. h1 = \"OPERA\/SOUTH Company\".\n Content VERBATIM: About\/mission, \"What We Offer\" (6), 17-photo gallery, 2 testimonials (GeDeane Graham, Mary\n L. Butler; names in <figcaption> not headings), OPERA\/SOUTH nav (quick-links, 11; \"Contact\" -> on-page\n #getintouch), shared OPERA\/SOUTH contact scaffold. FLAGS: (a) Donate link used http:\/\/ -> https:\/\/; (b)\n gallery\/brand images had NO source alt -> descriptive alt derived from filenames (The Magic Flute (Mozart)\n 2007 \/ Benefit Concert 2006); white-logo variant OMITTED as a dark-bg color variant of the menu logo\n (duplicate branding); (c) WPForms contact form rebuilt as accessible <form> (source glitch labels \"Email\n Message Name\") \u2014 wire to WPForms on deploy; (d) two OPERA\/SOUTH addresses differ in ZIP (39217-0001 vs 39217)\n verbatim; two emails kept (director + external gmail). USER ASKED \"Use the existing images\" -> 19 content\n images (1 banner + 1 menu logo + 17 gallery), self-links dropped, -768x268 dims stripped on banner. Chrome\n (2logo) skipped. MUSIC drawer. NOTE: current is INDENTED (indent-2) -> whole-doc aria-current=\"page\"> = 1. -->\n <section class=\"sec\" id=\"about\" aria-labelledby=\"about-h\">\n <div class=\"w\">\n <div class=\"sec-head\"><span class=\"sec-eyebrow\">About Us<\/span>\n <h2 class=\"sec-title\" id=\"about-h\">Welcome to OPERA\/SOUTH<\/h2><\/div>\n <figure class=\"bannerfig\"><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Header-Image-for-Opera-South.png\" alt=\"OPERA\/SOUTH Company banner\" title=\"OPERA\/SOUTH Company\"><\/figure>\n <p class=\"lead\">Welcome to OPERA\/SOUTH, where we are committed to reshaping and elevating the cultural aesthetics of opera. Our “historic” organization is housed on the campus of Jackson State University, an HBCU located in Jackson, Mississippi. We are dedicated to creating a more inclusive and diverse opera scene by including underserved areas and communities, training young artists, and highlighting operas with culturally responsive themes and those by Afro-Diasporic and Latinx composers. At OPERA\/SOUTH, we believe that opera should be accessible to everyone and that it has the power to bring people together.<\/p>\n <h3 class=\"subh\">What We Offer<\/h3>\n <ul class=\"blist\">\n <li>Performances of opera productions that include diverse cultural themes and compositions by Afro-Diasporic and Latinx composers<\/li>\n <li>Outreach and community engagement programs to underserved areas, including free performances and educational workshops<\/li>\n <li>Training and mentorship opportunities for young and emerging opera artists from diverse backgrounds<\/li>\n <li>Development of new opera audiences through targeted marketing and community engagement strategies<\/li>\n <li>Commissioning of new works by emerging composers, with a focus on promoting diverse voices and perspectives<\/li>\n <li>Collaboration with local and state arts organizations<\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n <section class=\"sec sec--off\" id=\"gallery\" aria-labelledby=\"gal-h\">\n <div class=\"w\">\n <div class=\"sec-head\"><span class=\"sec-eyebrow\">Photo Gallery<\/span>\n <h2 class=\"sec-title\" id=\"gal-h\">In Performance<\/h2><\/div>\n <ul class=\"gallery\">\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Opera-South-The-Magic-Flute-Mozart-2007-10.jpg\" alt=\"OPERA\/SOUTH production of The Magic Flute (Mozart), 2007\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Opera-South-The-Magic-Flute-Mozart-2007-9.jpg\" alt=\"OPERA\/SOUTH production of The Magic Flute (Mozart), 2007\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Opera-South-The-Magic-Flute-Mozart-2007-22-5.jpg\" alt=\"OPERA\/SOUTH production of The Magic Flute (Mozart), 2007\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Opera-South-The-Magic-Flute-Mozart-2007-16.jpg\" alt=\"OPERA\/SOUTH production of The Magic Flute (Mozart), 2007\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Opera-South-Benefit-Concert-2006-e.jpg\" alt=\"OPERA\/SOUTH Benefit Concert, 2006\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Opera-South-Benefit-Concert-2006-c.jpg\" alt=\"OPERA\/SOUTH Benefit Concert, 2006\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Opera-South-Benefit-Concert-2006-g.jpg\" alt=\"OPERA\/SOUTH Benefit Concert, 2006\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Opera-South-Beneft-Concert-2006-4.jpg\" alt=\"OPERA\/SOUTH Benefit Concert, 2006\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Opera-South-Benefit-Concert-2006-7.jpg\" alt=\"OPERA\/SOUTH Benefit Concert, 2006\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Opera-South-The-Magic-Flute-Mozart-2007.jpg\" alt=\"OPERA\/SOUTH production of The Magic Flute (Mozart), 2007\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Opera-South-The-Magic-Flute-Mozart-2007-5.jpg\" alt=\"OPERA\/SOUTH production of The Magic Flute (Mozart), 2007\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Opera-South-Benefit-Concert-2006-3.jpg\" alt=\"OPERA\/SOUTH Benefit Concert, 2006\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Opera-South-The-Magic-Flute-Mozart-2007-17.jpg\" alt=\"OPERA\/SOUTH production of The Magic Flute (Mozart), 2007\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Opera-South-The-Magic-Flute-Mozart-2007-20-4.jpg\" alt=\"OPERA\/SOUTH production of The Magic Flute (Mozart), 2007\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Opera-South-The-Magic-Flute-Mozart-2007-13.jpg\" alt=\"OPERA\/SOUTH production of The Magic Flute (Mozart), 2007\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/1O4A1782-1.jpg\" alt=\"OPERA\/SOUTH performance\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <li><figure><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/1O4A1641.jpg\" alt=\"OPERA\/SOUTH performance\" title=\"OPERA\/SOUTH Company\"><\/figure><\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n <section class=\"sec\" id=\"testimonials\" aria-labelledby=\"test-h\">\n <div class=\"w\">\n <div class=\"sec-head\"><span class=\"sec-eyebrow\">In Their Words<\/span>\n <h2 class=\"sec-title\" id=\"test-h\">Testimonials<\/h2><\/div>\n <div class=\"tgrid\">\n <figure class=\"tcard\"><blockquote>“OPERA\/SOUTH is a true gem in the world of opera. Their commitment to elevating cultural aesthetics and fostering diversity within the art form is truly commendable. As a young artist, I have been lucky enough to receive training and opportunities through their programs, which have helped me grow both as a performer and as an individual. I am proud to be a part of the OPERA\/SOUTH community and cannot wait to see the impact they continue to make in the opera world.”<\/blockquote><figcaption>GeDeane Graham<\/figcaption><\/figure>\n <figure class=\"tcard\"><blockquote>“I have been an avid supporter of OPERA\/SOUTH for years and am constantly blown away by their innovative productions and dedication to community engagement. Their focus on showcasing operas with culturally responsive themes and works by Afro-Diasporic and Latinx composers is refreshing and much needed in the opera world. I highly recommend experiencing one of their performances or getting involved with their programs &ndash; you won&rsquo;t be disappointed!”<\/blockquote><figcaption>Mary L. Butler<\/figcaption><\/figure>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"sec sec--off\" id=\"explore\" aria-labelledby=\"exp-h\">\n <div class=\"w\">\n <div class=\"sec-head\"><span class=\"sec-eyebrow\">Explore the Company<\/span>\n <h2 class=\"sec-title\" id=\"exp-h\">OPERA\/SOUTH Company<\/h2><\/div>\n <figure class=\"brandfig\"><img decoding=\"async\" src=\"https:\/\/www.jsums.org\/music\/files\/2025\/01\/Opera-South-Menu-Logo.png\" alt=\"OPERA\/SOUTH Company logo\" title=\"OPERA\/SOUTH Company\"><\/figure>\n <ul class=\"qlinks\">\n <li><a href=\"https:\/\/www.jsums.org\/music\/opera-south-company\/\">Home<\/a><\/li>\n <li><a href=\"https:\/\/www.jsums.org\/music\/opera-south-company\/about-us\/\">About Us<\/a><\/li>\n <li><a href=\"https:\/\/www.jsums.org\/music\/opera-south-company\/historical-overview\/\">Historical Overview<\/a><\/li>\n <li><a href=\"https:\/\/www.jsums.org\/music\/opera-south-company\/historical-productions\/\">Historical Productions<\/a><\/li>\n <li><a href=\"https:\/\/www.jsums.org\/music\/opera-south-company\/upcoming-events\/\">Upcoming Events<\/a><\/li>\n <li><a href=\"https:\/\/www.jsums.org\/music\/opera-south-company\/photo-gallery\/\">Media<\/a><\/li>\n <li><a href=\"https:\/\/www.jsums.org\/music\/opera-south-company\/get-involved\/\">Get Involved<\/a><\/li>\n <li><a href=\"https:\/\/www.jsums.org\/music\/opera-south-company\/friends-of-opera-south\/\">Friends of OPERA\/SOUTH<\/a><\/li>\n <li><a href=\"https:\/\/www.jsums.org\/music\/opera-south-company\/volunteer\/\">Volunteer<\/a><\/li>\n <li><a href=\"https:\/\/www.jsums.org\/giving\/operasouth\">Donate<\/a><\/li>\n <li><a href=\"#getintouch\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n <section class=\"sec\" id=\"inquire\" aria-labelledby=\"inquire-h\">\n <div class=\"w\">\n <div class=\"sec-head\"><span class=\"sec-eyebrow\">Reach Out<\/span>\n <h2 class=\"sec-title\" id=\"inquire-h\">Send a Message<\/h2><\/div>\n <form class=\"cform\" method=\"post\" action=\"https:\/\/www.jsums.org\/music\/opera-south-company\/\" aria-describedby=\"form-hint\">\n <p class=\"hint\" id=\"form-hint\">Fields marked <span class=\"req\">*<\/span> are required.<\/p>\n <fieldset>\n <legend>Name <span class=\"req\" aria-hidden=\"true\">*<\/span><\/legend>\n <div class=\"name-grid\">\n <div><label for=\"fname\">First<\/label><input type=\"text\" id=\"fname\" name=\"fname\" autocomplete=\"given-name\" required><\/div>\n <div><label for=\"lname\">Last<\/label><input type=\"text\" id=\"lname\" name=\"lname\" autocomplete=\"family-name\" required><\/div>\n <\/div>\n <\/fieldset>\n <div class=\"row\">\n <label for=\"email\">Email <span class=\"req\" aria-hidden=\"true\">*<\/span><\/label>\n <input type=\"email\" id=\"email\" name=\"email\" autocomplete=\"email\" required>\n <\/div>\n <div class=\"row\">\n <label for=\"message\">Comment or Message<\/label>\n <textarea id=\"message\" name=\"message\" rows=\"5\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn btn--primary\">Submit<\/button>\n <\/form>\n <\/div>\n <\/section>\n\n <section class=\"sec sec--off\" id=\"director\" aria-labelledby=\"dir-h\">\n <div class=\"w\">\n <div class=\"sec-head\"><span class=\"sec-eyebrow\">OPERA\/SOUTH Company<\/span>\n <h2 class=\"sec-title\" id=\"dir-h\">Contact<\/h2><\/div>\n <p class=\"lead\">Come check us out at:<\/p>\n <p class=\"addr\">OPERA\/SOUTH Company<br>Jackson State University Department of Music<br>1400 J. R. Lynch Street<br>Jackson, MS 39217-0001<\/p>\n <p class=\"hours\"><strong>Mon – Fri:<\/strong> 9:00am – 3:30pm<br><strong>Sat – Sun:<\/strong> closed<\/p>\n <p class=\"prose\">Thank you for your interest in OPERA\/SOUTH Company! We are dedicated to promoting diversity and inclusivity in the world of opera. If you would like to get in touch with us, please feel free to reach out via email or give us a call. You can also follow us on social media for updates, behind-the-scenes content, and more.<\/p>\n <div class=\"dircard\">\n <p class=\"person__name\">Dr. Phyllis Lewis-Hale, DMA<\/p>\n <p class=\"person__role\">Assistant Professor of Music · Director of OPERA\/SOUTH<\/p>\n <div class=\"lines\">\n Phone: <a href=\"tel:+16019792984\">601-979-2984<\/a><br>\n Email: <a href=\"mailto:phyllis.a.lewis_hale@jsums.org\">phyllis.a.lewis_hale@jsums.org<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"sec sec--surface\" id=\"getintouch\" aria-labelledby=\"git-h\">\n <div class=\"w\">\n <div class=\"sec-head\"><span class=\"sec-eyebrow\">OPERA\/SOUTH<\/span>\n <h2 class=\"sec-title\" id=\"git-h\">Get in Touch<\/h2><\/div>\n <div class=\"contact-grid\">\n <div class=\"ctile\">\n <span class=\"ctile__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 21s-6-5.2-6-10a6 6 0 0 1 12 0c0 4.8-6 10-6 10z\"\/><circle cx=\"12\" cy=\"11\" r=\"2.2\"\/><\/svg><\/span>\n <div>\n <p class=\"ctile__label\">ADDRESS<\/p>\n <div class=\"ctile__body\">OPERA\/SOUTH<br>Jackson State University<br>Department of Music<br>1400 J. R. Lynch Street<br>Jackson, MS 39217<\/div>\n <\/div>\n <\/div>\n <div class=\"ctile\">\n <span class=\"ctile__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 11.5a16 16 0 0 0 6 6l1.9-1.3a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z\"\/><\/svg><\/span>\n <div>\n <p class=\"ctile__label\">GIVE US A CALL<\/p>\n <div class=\"ctile__body\"><a href=\"tel:+16019792984\">1-601-979-2984<\/a><\/div>\n <\/div>\n <\/div>\n <div class=\"ctile\">\n <span class=\"ctile__icon\" aria-hidden=\"true\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><path d=\"m3 7 9 6 9-6\"\/><\/svg><\/span>\n <div>\n <p class=\"ctile__label\">EMAIL<\/p>\n <div class=\"ctile__body\"><a href=\"mailto:jsuoperasouth@gmail.com\">jsuoperasouth@gmail.com<\/a><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n<\/main>\n<button class=\"fnav-toggle\" aria-label=\"Open page navigation menu\" aria-expanded=\"false\" aria-controls=\"fnav-drawer\" type=\"button\">\n<span class=\"fnav-toggle__icon\" aria-hidden=\"true\">☰<\/span>\n<span class=\"fnav-toggle__label\">Menu<\/span>\n<\/button>\n<div class=\"fnav-overlay\" id=\"fnav-overlay\" aria-hidden=\"true\"><\/div>\n<nav class=\"fnav-drawer\" id=\"fnav-drawer\" aria-label=\"Page navigation\" aria-hidden=\"true\">\n<div class=\"fnav-drawer__header\">\n<div>\n <span class=\"fnav-drawer__eyebrow\">Jackson State University<\/span>\n <span class=\"fnav-drawer__title\">Department of Music<\/span>\n<\/div>\n<button class=\"fnav-close\" aria-label=\"Close navigation menu\" type=\"button\">×<\/button>\n<\/div>\n<div class=\"fnav-drawer__body\">\n<div class=\"fnav-group\">\n<p class=\"fnav-group__label\">Menu<\/p>\n<ul class=\"fnav-group__items\" role=\"list\">\n<li><a href=\"https:\/\/www.jsums.org\/music\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Home<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/#About\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">About<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/about-us\/home\/\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:2.05rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Overview<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/our-mission\/\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:2.05rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Our Mission<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/ensembles\/\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:2.05rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Ensembles<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/opera-south-company\/\" class=\"fnav-item\" aria-current=\"page\" style=\"padding-left:3.35rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Opera South Company<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/files\/2020\/10\/Student-Handbook-2019-Edits.pdf\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:2.05rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Music Student Handbook<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/#Resources\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:2.05rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Resources<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/prospective-students\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Prospective Students<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/prospective-students\/#Expect\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:2.05rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Curriculum and General Requirements<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/prospective-students\/#Expect\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:2.05rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Scholarships<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/programs-of-study\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Programs of Study<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/academics-2\/undergraduate-studies\/\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:2.05rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Undergraduate Studies<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/academics-2\/graduate-studies\/\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:2.05rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Graduate Studies<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.youtube.com\/channel\/UCanjdBgCXSufzsfhkITbdzQ\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Media<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/outreachprograms\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Outreach Programs<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/honors-music-festival\/\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:2.05rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Honors Music Festival<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/6th-annual-prism-concert\/\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:2.05rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">6th Annual PRISM Concert<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/gladys-p-norris-national-piano-festival\/\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:2.05rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Gladys P. Norris National Piano Festival<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/orff-schulwerk-summer-music-institute\/\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:2.05rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Orff-Schulwerk Summer Music Institute<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/orff-schulwerk-summer-music-institute\/\" class=\"fnav-item\" aria-current=\"false\" style=\"padding-left:3.35rem;\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Level I, II, III and Masterclass<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/facultystaff\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Faculty & Staff<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/#Contact\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Contact Us<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/liberalarts\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">College of Liberal Arts Home<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/my-calendar\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">My Calendar<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/choir\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Choir<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/choir-ensembles\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Choir Ensembles<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/jsu-song-festival\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">JSU Song Festival<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/choir-media\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Choir Media<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/jsu-music-discovery-day\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">JSU Music Discovery Day<\/span><\/a><\/li>\n<li><a href=\"https:\/\/www.jsums.org\/music\/choir-events\/\" class=\"fnav-item\" aria-current=\"false\"><span class=\"fnav-item__dot\" aria-hidden=\"true\"><\/span><span class=\"fnav-item__text\">Choir Events<\/span><\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"fnav-drawer__footer\">\n<a href=\"https:\/\/www.jsums.org\/music\/\" class=\"fnav-footer-link\" style=\"color:#FFFFFF !important;\">\n← Department of Music Home\n<\/a>\n<\/div>\n<\/nav>\n<button class=\"jsu-btt\" id=\"jsu-btt\" aria-label=\"Back to top\" type=\"button\">⇧<\/button>\n<script>\n(function(){\n'use strict';\n\n\/* \u2500\u2500 Year \u2500\u2500 *\/\nvar yr=document.getElementById('year');\nif(yr)yr.textContent=new Date().getFullYear();\n\n\/* \u2500\u2500 Drawer Nav \u2500\u2500 *\/\nvar toggle=document.querySelector('.fnav-toggle'),\n drawer=document.getElementById('fnav-drawer'),\n overlay=document.getElementById('fnav-overlay'),\n closeBtn=document.querySelector('.fnav-close'),\n navLinks=document.querySelectorAll('.fnav-item[href^=\"#\"]'),\n isOpen=false;\n\nfunction openD(){\n isOpen=true;\n drawer.classList.add('is-open');\n overlay.classList.add('is-open');\n drawer.removeAttribute('aria-hidden');\n overlay.removeAttribute('aria-hidden');\n toggle.setAttribute('aria-expanded','true');\n document.body.style.overflow='hidden';\n var f=drawer.querySelector('button,[href],[tabindex]:not([tabindex=\"-1\"])');\n if(f)f.focus();\n}\nfunction closeD(){\n isOpen=false;\n drawer.classList.remove('is-open');\n overlay.classList.remove('is-open');\n drawer.setAttribute('aria-hidden','true');\n overlay.setAttribute('aria-hidden','true');\n toggle.setAttribute('aria-expanded','false');\n document.body.style.overflow='';\n if(toggle)toggle.focus();\n}\n\nif(toggle)toggle.addEventListener('click',openD);\nif(closeBtn)closeBtn.addEventListener('click',closeD);\nif(overlay)overlay.addEventListener('click',closeD);\n\ndocument.addEventListener('keydown',function(e){\n if(!isOpen)return;\n if(e.key==='Escape'){closeD();return;}\n if(e.key==='Tab'){\n var focusable=Array.from(drawer.querySelectorAll(\n 'button:not([disabled]),[href],[tabindex]:not([tabindex=\"-1\"])'\n )).filter(function(el){return el.offsetParent!==null;});\n if(!focusable.length)return;\n var first=focusable[0],last=focusable[focusable.length-1];\n if(e.shiftKey&&document.activeElement===first){e.preventDefault();last.focus();}\n else if(!e.shiftKey&&document.activeElement===last){e.preventDefault();first.focus();}\n }\n});\n\nnavLinks.forEach(function(link){\n link.addEventListener('click',function(e){\n var t=document.querySelector(this.getAttribute('href'));\n if(!t)return;\n e.preventDefault();\n closeD();\n setTimeout(function(){\n var ab=document.getElementById('wpadminbar');\n var off=24+(ab?ab.offsetHeight:0);\n window.scrollTo({top:t.getBoundingClientRect().top+window.pageYOffset-off,behavior:'smooth'});\n t.setAttribute('tabindex','-1');\n t.focus({preventScroll:true});\n },220);\n });\n});\n\n\/* \u2500\u2500 IntersectionObserver: active section in drawer \u2500\u2500 *\/\nif('IntersectionObserver' in window){\n var sm={};\n navLinks.forEach(function(link){\n var id=link.getAttribute('href').replace('#','');\n var el=document.getElementById(id);\n if(el)sm[id]=link;\n });\n var io=new IntersectionObserver(function(entries){\n entries.forEach(function(entry){\n if(entry.isIntersecting){\n Object.values(sm).forEach(function(l){\n l.classList.remove('is-active');\n l.setAttribute('aria-current','false');\n });\n var a=sm[entry.target.id];\n if(a){a.classList.add('is-active');a.setAttribute('aria-current','true');}\n }\n });\n },{rootMargin:'-20% 0px -60% 0px',threshold:0});\n Object.keys(sm).forEach(function(id){\n var el=document.getElementById(id);\n if(el)io.observe(el);\n });\n}\n\n\/* \u2500\u2500 Scroll: BTT + Menu toggle show\/hide \u2500\u2500 *\/\nvar btt=document.getElementById('jsu-btt');\nvar tog=document.querySelector('.fnav-toggle');\n\nwindow.addEventListener('scroll',function(){\n var y=window.pageYOffset;\n \/* Back-to-top: show after 300px *\/\n if(btt)btt.classList.toggle('is-visible',y>300);\n \/* Menu tab: show after 200px, hide when back at very top *\/\n if(tog)tog.classList.toggle('is-visible',y>200);\n},{passive:true});\n\nif(btt){\n btt.addEventListener('click',function(){\n window.scrollTo({top:0,behavior:'smooth'});\n });\n}\n\n\/* \u2500\u2500 Tabs (ARIA tablist) \u2500\u2500 *\/\nvar tabs=document.querySelectorAll('[role=\"tab\"]');\nvar panels=document.querySelectorAll('[role=\"tabpanel\"]');\n\ntabs.forEach(function(btn,i){\n btn.addEventListener('click',function(){\n tabs.forEach(function(b){\n b.setAttribute('aria-selected','false');\n b.setAttribute('tabindex','-1');\n });\n panels.forEach(function(p){\n p.classList.remove('is-active');\n p.setAttribute('hidden','');\n });\n btn.setAttribute('aria-selected','true');\n btn.setAttribute('tabindex','0');\n var p=document.getElementById(btn.getAttribute('aria-controls'));\n if(p){p.classList.add('is-active');p.removeAttribute('hidden');}\n });\n btn.addEventListener('keydown',function(e){\n var d=0;\n if(e.key==='ArrowRight')d=1;\n if(e.key==='ArrowLeft')d=-1;\n if(d===0)return;\n e.preventDefault();\n var n=(i+d+tabs.length)%tabs.length;\n tabs[n].focus();\n tabs[n].click();\n });\n});\n\n\/* \u2500\u2500 Accordion \u2500\u2500 *\/\ndocument.querySelectorAll('.accordion__trigger').forEach(function(btn){\n btn.addEventListener('click',function(){\n var ex=btn.getAttribute('aria-expanded')==='true';\n var body=document.getElementById(btn.getAttribute('aria-controls'));\n btn.setAttribute('aria-expanded',String(!ex));\n if(body)body.classList.toggle('is-open',!ex);\n });\n});\n\n\/* \u2500\u2500 Contact form validation \u2500\u2500 *\/\nwindow.submitContactForm=function(){\n var n=document.getElementById('cf-name'),\n em=document.getElementById('cf-email'),\n msg=document.getElementById('cf-message'),\n st=document.getElementById('form-status'),\n ok=true;\n [n,em,msg].forEach(function(el){\n if(!el)return;\n el.classList.remove('is-error');\n var err=document.getElementById(el.getAttribute('aria-describedby'));\n if(err)err.classList.remove('is-visible');\n });\n if(st){st.className='form-status';st.textContent='';}\n function flag(el){\n ok=false;el.classList.add('is-error');\n var err=document.getElementById(el.getAttribute('aria-describedby'));\n if(err)err.classList.add('is-visible');\n }\n if(n&&!n.value.trim())flag(n);\n if(em&&!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(em.value))flag(em);\n if(msg&&!msg.value.trim())flag(msg);\n if(!ok){\n if(st){st.className='form-status is-err';st.textContent='Please correct the highlighted fields before submitting.';}\n var fe=document.querySelector('.form-control.is-error');\n if(fe)fe.focus();\n return;\n }\n if(st){\n st.className='form-status is-ok';\n st.textContent=\"Thank you! Your message has been sent. We'll respond within 1-2 business days.\";\n st.focus();\n }\n [n,em,msg].forEach(function(el){if(el)el.value='';});\n var sub=document.getElementById('cf-subject');\n if(sub)sub.selectedIndex=0;\n};\n\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>OPERA\/SOUTH Company · Department of Music · Jackson State University Skip to main content JSU Home Department of Music OPERA\/SOUTH […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-832","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/pages\/832","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/comments?post=832"}],"version-history":[{"count":5,"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/pages\/832\/revisions"}],"predecessor-version":[{"id":1001,"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/pages\/832\/revisions\/1001"}],"wp:attachment":[{"href":"https:\/\/jsums.org\/music\/wp-json\/wp\/v2\/media?parent=832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}