/*
Theme Name: St. Christopher Hospital
Theme URI: http://example.com/
Author: Auto-generated for St. Christopher Hospital
Description: Final clean, light WordPress theme (v3) for St. Christopher Hospital — editable slideshow (images attached to Home page), management page pre-filled, About content, WPForms-ready Contact placeholder.
Version: 3.0.0
License: GNU General Public License v2 or later
Text Domain: st-christopher-hospital
Tags: medical, hospital, light, responsive
*/
:root{--accent:#0b84ff;--muted:#6b7280;--bg:#ffffff;--surface:#fbfdff}
body{font-family:Inter, system-ui, Arial,Helvetica,sans-serif;margin:0;background:var(--bg);color:#0f1724;line-height:1.6}
.container{max-width:1100px;margin:0 auto;padding:20px}
header.site-header{background:linear-gradient(180deg,rgba(11,132,255,0.04),transparent);padding:14px 0}
.hero{padding:20px 0}
.slideshow{position:relative;overflow:hidden;border-radius:10px}
.slide{position:absolute;inset:0;opacity:0;transition:opacity 0.8s ease-in-out;background-size:cover;background-position:center}
.slide.active{opacity:1;position:relative}
.cta{background:var(--accent);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:700}
.card{background:var(--surface);padding:16px;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,36,0.04);}
.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
footer.site-footer{padding:24px 0;color:var(--muted);font-size:14px}
@media(max-width:900px){.hero{padding:12px}.container{padding:12px}}