:lang(zh), .zh {
  font-family: "KaiTi";
  font-size: 120%;
}
/* p:lang(zh), .zh { font-size: 150%; } */

.BibleVerse, .BibleQuote {
  color: darkgoldenrod;
  text-shadow: 0 0 10px gold;
}

/* Navbar */
#main-navbar, #main-mobile-navbar, .navbar-submenu {
  background-color: #036;
  height: auto;
  max-height: calc(100vh);
  overflow-y: auto;
  padding: 0.5rem;
  position: fixed;
  width: 100%;
  z-index: 100;
}
#main-navbar .nav-link, .navbar-submenu .nav-link {
  color: #fff;
  transition: text-shadow .15s ease-in-out;
}
#main-navbar .nav-link:hover, .navbar-submenu .nav-link:hover {
  color: #fff;
  text-shadow: 0 0 10px #fff;
}
#main-mobile-navbar { height: 3.5rem; }
#main-navbar { display: none; }
#menu-toggler button { height: 2.5rem; }
#navbar-extra { border-top: 1px solid #fff; }
btn.nav-link { cursor: pointer; }

.ferc-nav-svg { display: inline; }
.ferc-nav-svg img {
  height: 1.5rem;
  padding-right: 0.5rem;
}

.ferc-brand {
  font-family: "Arial";
  font-weight: bold;
  line-height: 120%;
}
.ferc-letter { font-size: 140%; }

#main-body { padding-top: 3.5rem; }

#footer { background-color: #046; }

.title {
  display: flex;
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  flex-direction: row;
}
.title:before, .title:after {
  border-bottom: 1px solid;
  content: "";
  flex: 1 1;
  margin: auto;
}
.title:before { margin-right: 10px; }
.title:after { margin-left: 10px; }

.doc-title {
  font-family: "Times New Roman", Times, serif;
  font-variant-caps: petite-caps;
  text-align: center;
 }

 .container-bg-blur {
  backdrop-filter: blur(5px) brightness(0.5);
  width: 100%;
 }

/* This Week schedule */
.tw { background: #333; }
/* .tw .lt { color: #eee; } */
.tw-left { text-align: center; }
.tw-time {
  font-size: 1.5rem;
  text-align: center;
}

/* Sermon components */
.sermon-title-bg, .sermon-title-div { background: #d9edf7; }
.sermon-title-div {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 120%;
  padding: 0.5rem;
  text-align: center;
}
.sermon-title-div.zh { font-family: "KaiTi"; }
.sermon-title-div .sermon-title {
  font-size: 125%;
  font-weight: bold;
}
.sermon-speaker {
  background: red;
  color: white;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin-right: 0.5rem;
  padding: 0.25rem;
}
.sermon-date-time { font-style: italic; }

/* Sermon components 2 */
.sermon-title-bg-2, .sermon-title-div-2 { background: white; }
.sermon-title-div-2 {
  border-radius: 0.375rem 0.375rem 0 0;
  bottom: 4.5rem;
  left: 0;
  line-height: 120%;
  padding: 1rem 1rem 0;
  position: absolute;
  width: 100%;
}
.sermon-title-div-2.zh { font-family: "KaiTi"; }
.sermon-title-2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 125%;
  font-weight: bold;
}
.sermon-date-time-2 {
  border-top: 1px solid var(--bs-border-color);
  font-style: italic;
  margin-top: 2rem;
}

/* Date components */
.date-container {
  padding: 0.5rem 0;
  text-align: center;
  width: 3rem;
}
.date-day-no {
  font-size: 2rem;
  line-height: 2rem;
}
.date-mth {
  font-size: 1rem;
  line-height: 1rem;
  font-weight: bold;
}
.date-dow {
  font-size: 0.875rem;
  line-height: 0.875rem;
}

@media (min-width: 576px) {
  .tw-left {
    align-self: center;
    padding-right: 0.5rem;
    width: 25% !important;
  }
  .tw-right { width: 75% !important; }
}

@media (min-width: 768px) {
  .navbar-submenu { padding-bottom: 2rem; }
  .submenu-info { border-left: 1px solid #fff; }
}

@media (min-width: 992px) {
  #navbar-extra { border-top: 0; }
  .tw-time {
    font-size: 1rem;
    font-weight: bold;
    padding-right: 1rem;
    text-align: right; 
    width: 5.5rem;
  }
}

@media (min-width: 1400px) {
  #main-body { padding-top: 5rem; }
  .ferc-nav-svg img {
    height: 3rem;
    padding: 0;
  }
}