/* Allow these sticky headers to follow the full page content. */
body.songdao-page, body.tamtinh-page { height: auto; }
#sub-header { background-image: url("/songdao/pope-ash-wednesday.jpg") !important; background-position: center 34% !important; }

@media (max-width: 760px) {
  #sub-header { background-position: 56% 35% !important; }
}

/* Shorter, clearer photo banners throughout the spiritual life section. */
body.songdao-banner-page.site-header-overlay #sub-header {
  height: clamp(303.333px, 28vw, 455px) !important;
}
body.songdao-banner-page #sub-header::before {
  background: linear-gradient(90deg, rgba(4,25,39,.38), rgba(4,25,39,.05) 78%), linear-gradient(0deg, rgba(4,25,39,.28), transparent 55%);
}
body.songdao-banner-page #site-header::before {
  background: linear-gradient(180deg, rgba(4,25,39,.5), rgba(4,25,39,.28) 65%, rgba(4,25,39,0));
}
@media (max-width: 760px) {
  body.songdao-banner-page.site-header-overlay #sub-header {
    height: clamp(245px, 37.9167svh, 350px) !important;
  }
}

/* Fill the bulletin card with its preview image at its natural proportions. */
body.songdao-page .bulletin-preview { margin: 0; padding: 0; width: 100%; }
body.songdao-page .bulletin-preview a { display: block; }
body.songdao-page .bulletin-preview img { display: block; width: 100%; max-width: 100%; height: auto; }

/* Let the calendar fill its sidebar card without the old left indent. */
body.songdao-page .gospel-calendar { width: 100%; min-width: 0; padding: 0; }
body.songdao-page .gospel-calendar table.thang { width: 100% !important; max-width: 100%; margin: 0; box-sizing: border-box; table-layout: fixed; font-size: 16px; }
body.songdao-page .gospel-calendar table.thang td { padding: 5px 2px; line-height: 1.2; }

body.songdao-page footer { box-sizing: border-box; }

body.songdao-page .mucvu-content > section { min-width: 0; }
body.songdao-page #right-sub-section { min-width: 0; max-width: 100%; box-sizing: border-box; }
body.songdao-page #right-sub-section select { width: 100%; min-width: 0; max-width: 100%; }
@media(max-width:760px) { body.songdao-page .mucvu-content { grid-template-columns: minmax(0, 1fr); } }

/* Readable typography for the daily Scripture readings. */
body.songdao-page #PhucAm { color: #213f50; font: 400 18px/1.8 "Segoe UI", Arial, sans-serif; overflow-wrap: anywhere; }
body.songdao-page #PhucAm :is(p,span,font,div,li,b,strong,i,em,u,a) { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; color: inherit !important; }
body.songdao-page #PhucAm p { margin: 0 0 20px !important; text-align: left !important; }
body.songdao-page #PhucAm :is(h1,h2,h3,h4) { color: #082b43; font-family: "Segoe UI", Arial, sans-serif !important; font-size: 21px !important; line-height: 1.5 !important; margin: 24px 0 14px; }
@media(max-width:760px) { body.songdao-page #PhucAm { font-size: 17px; line-height: 1.75; } }