/* ========================================================================= liturgy-enhanced.css An ADDITIVE upgrade layer for the static sacrament pages (Confession, Anointing, Matrimony, Holy Orders). Loaded AFTER style.css + qurbana.css + confession.css — overrides only. Per-sacrament accent set via . ========================================================================= */ :root{ --lit-gold:#d4a017; --lit-gold-deep:#9c7407; --lit-gold-soft:#e7c976; --lit-maroon:#8B1E2D; --lit-maroon-soft:#a13442; --lit-ink:#2a2622; --lit-ink-soft:#5a534a; --lit-ink-faint:#8a8170; --lit-paper:#fffdf8; --lit-parchment:#faf4e8; --lit-parchment2:#f3ead6; --lit-line:#e7dcc6; --lit-line-strong:#d8c8a6; --accent:#8B1E2D; /* default, overridden per page */ --accent-soft:#a13442; --accent-tint:rgba(139,30,45,.06); } /* All four sacraments share the Qurbana identity: maroon + gold. Per-sacrament distinction comes from the emblem + Roman numeral, NOT hue, so the whole site reads as one family. */ body[data-sacrament="confession"],.confession-page[data-sacrament="confession"], body[data-sacrament="anointing"],.confession-page[data-sacrament="anointing"], body[data-sacrament="matrimony"],.confession-page[data-sacrament="matrimony"], body[data-sacrament="orders"],.confession-page[data-sacrament="orders"]{ --accent:#8B1E2D;--accent-soft:#a13442;--accent-tint:rgba(139,30,45,.06);} /* ---- page canvas ---- */ .confession-page{background:#fff;padding-bottom:0;} .confession-page>*{position:relative;} /* hero photo band */ .lit-photo{max-width:900px;margin:30px auto 0;padding:0 22px;} .lit-photo-frame{position:relative;border-radius:18px;overflow:hidden; height:clamp(210px,36vw,344px);background:var(--lit-parchment); box-shadow:0 18px 46px rgba(120,80,20,.18);} .lit-photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center 36%;display:block;} .lit-photo-frame::after{content:"";position:absolute;inset:0;border-radius:18px;pointer-events:none; box-shadow:inset 0 0 0 1px var(--accent), inset 0 0 0 5px rgba(255,253,248,.55); background:linear-gradient(180deg,transparent 58%,rgba(40,18,12,.22));} .lit-photo-cap{margin:12px auto 0;text-align:center;font-family:'Lora',serif;font-style:italic; font-size:.92rem;color:var(--lit-ink-faint);} @media(max-width:640px){.lit-photo{padding:0 14px;}} /* ===== SECTION TITLES ================================================== */ .confession-section{max-width:900px;margin:0 auto;padding:46px 22px 0;} .confession-section-title{position:relative;text-align:center;font-family:'Lora',serif;font-weight:700; font-size:1.7rem;color:var(--lit-ink);margin:0 0 30px;} .confession-section-title::after{content:"";display:block;width:54px;height:3px;border-radius:3px;margin:14px auto 0; background:linear-gradient(90deg,var(--lit-gold),var(--accent));} /* ===== BAPTISM / EXPLAINER PANEL ====================================== */ .confession-baptism-panel{max-width:900px;margin:40px auto 0;padding:32px 32px 30px; background:linear-gradient(180deg,#fff,var(--lit-parchment)); border:1px solid var(--lit-line-strong);border-radius:18px;border-top:none;position:relative;overflow:hidden; box-shadow:0 10px 34px rgba(120,80,20,.07);} .confession-baptism-panel::before{content:"";position:absolute;inset:0 0 auto 0;height:4px; background:linear-gradient(90deg,var(--lit-gold),var(--accent));} .confession-baptism-title{font-family:'Lora',serif;font-weight:700;font-size:1.4rem;color:var(--accent); margin:6px 0 16px;text-align:center;} .confession-baptism-panel p{font-size:1rem;line-height:1.72;color:var(--lit-ink-soft);margin:0 0 14px;} .confession-baptism-panel p:last-child{margin-bottom:0;} .confession-baptism-panel strong{color:var(--lit-ink);} /* the baptism→confession→eucharist connection row */ .confession-baptism-connection{display:flex;align-items:stretch;justify-content:center;gap:10px; flex-wrap:wrap;margin-top:24px;} .confession-baptism-item{flex:1;min-width:150px;text-decoration:none;text-align:center; padding:16px 14px;border-radius:13px;background:var(--lit-paper);border:1px solid var(--lit-line-strong); display:flex;flex-direction:column;gap:4px;transition:.16s;} .confession-baptism-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 20px rgba(120,80,20,.1);} .confession-baptism-item strong{font-family:'Lora',serif;font-size:1.05rem;color:var(--accent);} .confession-baptism-item span{font-size:.86rem;color:var(--lit-ink-faint);} .confession-baptism-arrow{display:flex;align-items:center;color:var(--lit-gold);} /* ===== SCRIPTURE BANNER (illuminated quote) =========================== */ .confession-scripture-banner{max-width:900px;margin:40px auto 0;padding:0;} .confession-scripture-link{display:block;position:relative;text-decoration:none;text-align:left; padding:18px 24px;border-radius:8px;color:#2d2d2d; border-left:3px solid #d4a017;border-top:none;border-right:none;border-bottom:none; background:linear-gradient(135deg, rgba(212,160,23,0.08), rgba(139,30,45,0.03)); box-shadow:none;overflow:hidden;} .confession-scripture-link::before{display:none;} .confession-scripture-ref{position:relative;font-size:0.72rem;font-weight:700; letter-spacing:.1em;text-transform:uppercase;color:#8B1E2D;margin-bottom:6px;} .confession-scripture-banner blockquote{position:relative;margin:0;font-family:'Lora',serif;font-style:italic; font-size:1.05rem;line-height:1.6;color:#2d2d2d;text-wrap:pretty;} .confession-scripture-link:hover blockquote{color:#2d2d2d;} /* ===== PROSE / SEAL PANELS ============================================ */ .confession-seal-panel{max-width:900px;margin:0 auto;padding:30px 34px; background:linear-gradient(180deg,#fff,var(--lit-parchment));border:1px solid var(--lit-line-strong); border-radius:16px;border-left:4px solid var(--accent);box-shadow:0 8px 26px rgba(120,80,20,.06);} .confession-seal-panel p{font-size:1rem;line-height:1.74;color:var(--lit-ink-soft);margin:0 0 15px;} .confession-seal-panel p:last-child{margin-bottom:0;} .confession-seal-panel strong{color:var(--lit-ink);} .confession-seal-panel em{color:var(--accent);font-style:italic;} /* ===== CTA ============================================================ */ .confession-cta{max-width:900px;margin:40px auto 0;padding:32px 25px;text-align:center; overflow:hidden;border-radius:14px;border:1px solid #e8e4de; background:#faf7f0;color:#4a4a4a;} .confession-cta h2{font-family:'Lora',serif;font-weight:700;font-size:1.4rem;color:#d4a017;margin:0 0 8px;} .confession-cta p{font-size:0.92rem;line-height:1.6;color:#4a4a4a;max-width:520px;margin:0 auto 18px;} .confession-cta-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none; font-family:'Inter',sans-serif;font-weight:600;font-size:.88rem;color:#fff; background:#d4a017; padding:12px 32px;border-radius:24px;transition:.16s;box-shadow:none;border:none;cursor:pointer;} .confession-cta-btn:hover{background:#b8860b;transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.15);} /* ===== BACK NAV ======================================================= */ .carousel-back-nav{max-width:900px;margin:0 auto;padding:18px 22px 0;} .back-to-liturgies-btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none; font-size:11.5px;font-weight:700;color:var(--color-gold-dark,#b8860b); letter-spacing:.22em;text-transform:uppercase; padding:4px 2px;border:none;border-radius:0;background:transparent;transition:color .15s;line-height:1;} .back-to-liturgies-btn:hover{color:var(--color-maroon,#8B1E2D);} @media(max-width:640px){ .confession-baptism-panel,.confession-seal-panel{padding:24px 20px;} .confession-scripture-banner blockquote{font-size:1.12rem;} }