:root { --gold: #ae9f7e; }
body {  font-family: 'Song Myung', serif; }
h1 { font-size: 20px;  text-transform: uppercase; color: var(--gold); }
h1.main-title-sm { font-size: 1rem; }
hr.invisible { opacity: 0; }
.section-padding { padding: 2em; }
.btn-primary,
.btn-primary:hover,
.btn-primary:focus { border-color: var(--gold); background-color: var(--gold); line-height: 1.2em; }
.wide-max { max-width: 576px; width: 100%; margin: 0 auto; }

.intro { background: url('images/intro-bg-4.jpg') center 0% no-repeat; background-size: 100%; padding: 2em; position: relative; }
.intro-content { margin-bottom: 30rem; }
.intro .sb-logo { display: block; margin: 0 auto; width: 60%; -webkit-filter: drop-shadow(0 2px 10px #fff); filter: drop-shadow(0px 2px 10px #fff); }
.intro .sb-title { -webkit-filter: drop-shadow(0 2px 10px #fff); filter: drop-shadow(0px 2px 10px #fff); }
.intro .sb-datetime { position: absolute; left: 50%; bottom: 1em; transform: translateX(-50%); width: 75%; -webkit-filter: drop-shadow(0 2px 10px #222); filter: drop-shadow(0px 2px 10px #222); }
.chinese-title { font-size: 22px; text-shadow: 0 5px 10px rgba(255,255,255,0.8); line-height: 1.4em; }

.personnel-list { display: flex; flex-direction: column; gap: 1em; }
.personnel-content { display: flex; gap: 1em; text-align: center; align-items: center; }
.personnel-role { display: none; width: 50%; text-align: left; }
.personnel-names { width: 100%; }
.personnel-names h6 { margin-bottom: 0; }
.person-title { font-size: 16px; color: #495057; text-transform: uppercase; }
.person-title:first-of-type { margin-bottom: 0.25rem; }
.person-title.en { font-size: 14px; margin-bottom: 0; }
.personnel-separator .separator-caret { max-width: 10px; }
.name-zh { margin-bottom: 0.25rem; }

.flower-divider img { display: block; width: 30%; margin: 2em auto 1em; }

.agenda-title { margin-bottom: 2em; }
.agenda-title h2 { text-transform: uppercase; }
.agenda-title:after { content: ""; display: block; width: 10%; height: 2px; background-color: var(--gold); margin: 16px auto 0; }
.agenda-list { display: flex; flex-direction: column; gap: 1em; }
.agenda-component,
.agenda-separator,
.agenda-gap { text-align: center; }
.agenda-item > h3:last-child,
.agenda-gap > h6:last-child { margin-bottom: 0; }
.agenda-gap h6 { color: #495057; font-style: italic; }
.agenda-item {  }
.agenda-item h3 { font-size: 20px; text-transform: uppercase; }
.agenda-separator .separator-caret { max-width: 10px; display: block; margin: 1em auto; }
.worship { display: flex; flex-direction: column; gap: 0.5em; margin-top: 1em; }
.worship-item { display: flex; align-items: center; }
.worship-item p { width: 70%; margin-bottom: 0; text-align: left; }
.scripture { border-left: 5px solid #f4f4f4; padding-left: 1em; text-align: left; }

.photo-list { padding-left: 1rem; }
.accordion-button:not(.collapsed) { color: #fff; background-color: #ae9f7e; }
.accordion-button:not(.collapsed)::after { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }

.modal-dialog p.song-sec { margin-bottom: 0.5rem; font-size: 14px; }