:root { --olow: #16203a; }.header { border-bottom: 0; }.header::before { background: var(--olow); -webkit-backdrop-filter: none; backdrop-filter: none; }.header::after { content: ""; position: absolute; left: 0; right: 0; top: 100%; height: 12px; pointer-events: none; border-bottom: 2px solid var(--olow);
  background: repeating-linear-gradient(90deg, #e0a82e 0 58px, var(--olow) 58px 60px, #1f6f8b 60px 118px, var(--olow) 118px 120px,
    #a3302f 120px 178px, var(--olow) 178px 180px, #5e4596 180px 238px, var(--olow) 238px 240px); }.brand, .brand__sub { color: #fff; }.brand__mark { background: #fff; border-radius: 50%; padding: 3px; }@media (min-width: 1181px) {
  .nav > ul > li > a, .nav > ul > li > button.nav__parent { color: #fff; }
  .nav > ul > li > a:hover, .nav > ul > li > button.nav__parent:hover, .nav > ul > li > a[aria-current] { background: rgba(255, 255, 255, .16); color: #fff; }
}.hero__glass { border: 2px solid var(--accent-2); }.nextmass, .hero--photo .nextmass { border: 2px solid var(--olow); }.nextmass__label, .hero--photo .nextmass__label { color: var(--accent); }.pagehead, body.has-photo .pagehead { background: var(--accent); color: var(--accent-ink); padding-bottom: 1.6rem; margin-bottom: 2rem; }.pagehead + .section { padding-top: 0; }.pagehead .crumbs, .pagehead .crumbs a, .pagehead .muted, .pagehead .hero__lead { color: var(--accent-ink); }.pagehead .eyebrow { color: var(--accent-ink); }@media (min-width: 900px) {
  .pagehead, body.has-photo .pagehead { position: relative; overflow: hidden; min-height: 256px; }
  .pagehead .wrap { position: relative; z-index: 1; padding-right: 220px; }
  .pagehead::after { content: ""; position: absolute; right: max(6vw, 32px); bottom: 0; width: 164px; height: 246px;
    background: url(assets/okno-autumn.webp) center bottom / contain no-repeat; }
}.footer::before { content: ""; position: absolute; right: max(6vw, 20px); bottom: 100%; width: 110px; height: 165px; pointer-events: none;
  background: url(assets/okno-autumn.webp) center bottom / contain no-repeat; }[data-theme="spring"] .pagehead::after, [data-theme="spring"] .footer::before { background-image: url(assets/okno-spring.webp); }[data-theme="summer"] .pagehead::after, [data-theme="summer"] .footer::before { background-image: url(assets/okno-summer.webp); }[data-theme="winter"] .pagehead::after, [data-theme="winter"] .footer::before { background-image: url(assets/okno-winter.webp); }[data-theme="advent"] .pagehead::after, [data-theme="advent"] .footer::before { background-image: url(assets/okno-advent.webp); }[data-theme="christmas"] .pagehead::after, [data-theme="christmas"] .footer::before { background-image: url(assets/okno-christmas.webp); }[data-theme="lent"] .pagehead::after, [data-theme="lent"] .footer::before { background-image: url(assets/okno-lent.webp); }[data-theme="easter"] .pagehead::after, [data-theme="easter"] .footer::before { background-image: url(assets/okno-easter.webp); }[data-feast="baptism"] .pagehead::after, [data-feast="baptism"] .footer::before { background-image: url(assets/okno-winter.webp); }[data-feast="theotokos"] .pagehead::after, [data-feast="theotokos"] .footer::before { background-image: url(assets/okno-theotokos.webp); }[data-feast="epiphany"] .pagehead::after, [data-feast="epiphany"] .footer::before { background-image: url(assets/okno-epiphany.webp); }[data-feast="candlemas"] .pagehead::after, [data-feast="candlemas"] .footer::before { background-image: url(assets/okno-candlemas.webp); }[data-feast="ash"] .pagehead::after, [data-feast="ash"] .footer::before { background-image: url(assets/okno-ash.webp); }[data-feast="joseph"] .pagehead::after, [data-feast="joseph"] .footer::before { background-image: url(assets/okno-joseph.webp); }[data-feast="annunciation"] .pagehead::after, [data-feast="annunciation"] .footer::before { background-image: url(assets/okno-annunciation.webp); }[data-feast="palm"] .pagehead::after, [data-feast="palm"] .footer::before { background-image: url(assets/okno-palm.webp); }[data-feast="lastsupper"] .pagehead::after, [data-feast="lastsupper"] .footer::before { background-image: url(assets/okno-lastsupper.webp); }[data-feast="goodfriday"] .pagehead::after, [data-feast="goodfriday"] .footer::before { background-image: url(assets/okno-goodfriday.webp); }[data-feast="holysaturday"] .pagehead::after, [data-feast="holysaturday"] .footer::before { background-image: url(assets/okno-holysaturday.webp); }[data-feast="mercy"] .pagehead::after, [data-feast="mercy"] .footer::before { background-image: url(assets/okno-mercy.webp); }[data-feast="odpust"] .pagehead::after, [data-feast="odpust"] .footer::before { background-image: url(assets/okno-odpust.webp); }[data-feast="queen"] .pagehead::after, [data-feast="queen"] .footer::before { background-image: url(assets/okno-queen.webp); }[data-feast="ascension"] .pagehead::after, [data-feast="ascension"] .footer::before { background-image: url(assets/okno-ascension.webp); }[data-feast="pentecost"] .pagehead::after, [data-feast="pentecost"] .footer::before { background-image: url(assets/okno-pentecost.webp); }[data-feast="trinity"] .pagehead::after, [data-feast="trinity"] .footer::before { background-image: url(assets/okno-trinity.webp); }[data-feast="corpus"] .pagehead::after, [data-feast="corpus"] .footer::before { background-image: url(assets/okno-corpus.webp); }[data-feast="sacredheart"] .pagehead::after, [data-feast="sacredheart"] .footer::before { background-image: url(assets/okno-sacredheart.webp); }[data-feast="peterpaul"] .pagehead::after, [data-feast="peterpaul"] .footer::before { background-image: url(assets/okno-peterpaul.webp); }[data-feast="assumption"] .pagehead::after, [data-feast="assumption"] .footer::before { background-image: url(assets/okno-assumption.webp); }[data-feast="czestochowa"] .pagehead::after, [data-feast="czestochowa"] .footer::before { background-image: url(assets/okno-czestochowa.webp); }[data-feast="nativitymary"] .pagehead::after, [data-feast="nativitymary"] .footer::before { background-image: url(assets/okno-nativitymary.webp); }[data-feast="holycross"] .pagehead::after, [data-feast="holycross"] .footer::before { background-image: url(assets/okno-holycross.webp); }[data-feast="rosary"] .pagehead::after, [data-feast="rosary"] .footer::before { background-image: url(assets/okno-rosary.webp); }[data-feast="allsaints"] .pagehead::after, [data-feast="allsaints"] .footer::before { background-image: url(assets/okno-allsaints.webp); }[data-feast="allsouls"] .pagehead::after, [data-feast="allsouls"] .footer::before { background-image: url(assets/okno-allsouls.webp); }[data-feast="christking"] .pagehead::after, [data-feast="christking"] .footer::before { background-image: url(assets/okno-christking.webp); }[data-feast="adventone"] .pagehead::after, [data-feast="adventone"] .footer::before { background-image: url(assets/okno-adventone.webp); }[data-feast="immaculate"] .pagehead::after, [data-feast="immaculate"] .footer::before { background-image: url(assets/okno-immaculate.webp); }[data-feast="holyfamily"] .pagehead::after, [data-feast="holyfamily"] .footer::before { background-image: url(assets/okno-holyfamily.webp); }[data-feast="goodfriday"], [data-feast="palm"], [data-feast="pentecost"], [data-feast="peterpaul"], [data-feast="holycross"] { --accent: #a3302f; --accent-soft: #f7e3e1; }[data-feast="theotokos"], [data-feast="queen"], [data-feast="assumption"], [data-feast="czestochowa"], [data-feast="nativitymary"],
[data-feast="rosary"], [data-feast="immaculate"], [data-feast="annunciation"] { --accent: #2b5c94; --accent-soft: #e3ecf6; }[data-feast="holysaturday"], [data-feast="allsouls"] { --accent: #3a3f58; --accent-soft: #e7e8ef; }body.has-photo::before { opacity: 0; }.section--alt, body.has-photo .section--alt { background: var(--accent-soft); }.card, .church, .post, .tile, .quick__tile, .event, .block--card, .lesson-tile { border: 2px solid var(--olow); }.card--accent { border-color: var(--accent); }.church { border-top: 6px solid var(--accent); }.church:hover, .post:hover, .tile:hover, .quick__tile:hover { border-color: var(--accent); }.mass-table { border: 2px solid var(--olow); }.mass-table th { background: var(--olow); color: #fff; }.footer { position: relative; margin-top: 190px; border-top: 8px solid var(--accent-2); background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAgMTIwIj48cGF0aCBkPSJNNjAgMEwxMjAgNjBMNjAgMTIwTDAgNjBaTTAgMEwzMCAzME0xMjAgMEw5MCAzME0wIDEyMEwzMCA5ME0xMjAgMTIwTDkwIDkwIiBmaWxsPSJub25lIiBzdHJva2U9IiMyYjNhNWUiIHN0cm9rZS13aWR0aD0iMiIgLz48L3N2Zz4="); background-size: 120px; }@media print {
  .mass-table th { background: none; color: #000; }
}