/*
Theme Name: St Joseph Redhills School
Theme URI: https://stjosephredhills.in
Author: St Joseph School Redhills
Description: A responsive, editable WordPress theme for St. Joseph Matriculation Higher Secondary School, Redhills.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: stjoseph-redhills
*/

:root{--navy:#0b2545;--deep:#071b33;--blue:#124e78;--sky:#e9f3f7;--gold:#e8b44f;--cream:#fbf8f0;--ink:#162b3d;--muted:#607180}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.notice{background:var(--deep);color:#dbe8ef;text-align:center;font-size:12px;padding:9px 20px}.notice a{color:#fff;font-weight:700}.site-header{height:90px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fbf8f0f5;position:sticky;top:0;z-index:20;border-bottom:1px solid #0b25451a;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:13px}.brand img{max-width:64px;max-height:68px;width:auto;height:auto}.brand strong{display:block;font-family:Georgia,serif;font-size:24px;letter-spacing:.08em;color:var(--navy);line-height:1}.brand small{display:block;font-size:8px;letter-spacing:.18em;margin-top:6px;color:#647583}.crest{width:58px;height:64px;background:var(--navy);clip-path:polygon(50% 0,92% 13%,88% 72%,50% 100%,12% 72%,8% 13%);display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;font-size:21px;font-weight:700}.crest span{border-block:1px solid var(--gold);padding:4px 2px}.menu-toggle{display:none;border:0;background:none;font-size:24px}.main-nav ul{display:flex;align-items:center;gap:27px;list-style:none;margin:0;padding:0;font-size:12px;font-weight:700}.main-nav a:hover{color:var(--blue)}.main-nav li:last-child a{background:var(--gold);color:var(--deep);padding:13px 20px}.hero{min-height:680px;display:grid;grid-template-columns:55% 45%;overflow:hidden;background:#e8f1f3}.hero-content{padding:92px 5vw 70px;position:relative;z-index:2}.eyebrow,.section-label{font-size:11px;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--blue);display:flex;align-items:center;gap:12px}.eyebrow:before,.section-label:before{content:"";width:34px;height:2px;background:var(--gold)}h1,h2,h3{font-family:Georgia,serif;margin:0;color:var(--navy)}h1{font-size:clamp(58px,6.4vw,96px);line-height:.88;letter-spacing:-.04em;margin:25px 0 30px}h1 em{font-weight:400;color:var(--blue)}.hero-text{font-size:17px;line-height:1.8;max-width:640px;color:#4f6574}.hero-actions{display:flex;gap:25px;align-items:center;margin:35px 0}.button-primary{background:var(--navy);color:#fff;padding:18px 27px;font-size:13px;font-weight:800}.button-secondary{font-size:13px;font-weight:800}.trust{display:flex;gap:22px;font-size:11px;color:#526a79}.hero-photo{position:relative;background-size:cover;background-position:center;min-height:100%}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#071b33bb)}.photo-card{position:absolute;left:32px;bottom:36px;z-index:2;background:#fff;padding:18px 24px;color:var(--navy);box-shadow:0 18px 50px #05152655}.photo-card strong{display:block;font-family:Georgia,serif;font-size:32px}.photo-card small{font-size:10px}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;padding:35px 5vw;border-bottom:1px solid #dce4e7}.stats div{padding:0 30px;border-right:1px solid #dce4e7}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{display:block;font-family:Georgia,serif;font-size:30px;color:var(--navy)}.stats span{font-size:11px;color:var(--muted)}.section{padding:105px 6vw}.about{background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;margin:30px 0 65px}.about-grid h2,.center h2,.admission-copy h2,.learning-text h2{font-size:clamp(42px,5vw,68px);line-height:.98}.about-grid p{color:var(--muted);line-height:1.8}.about-grid .lead{font-size:18px;color:#314b5e}.leadership{display:grid;grid-template-columns:1fr 1fr;gap:25px}.leadership article{border:1px solid #dbe3e7;padding:32px;display:flex;gap:25px}.leadership article:first-child{background:var(--sky);border:0}.portrait{flex:0 0 72px;height:80px;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-family:Georgia,serif;font-size:24px;clip-path:polygon(50% 0,92% 13%,88% 72%,50% 100%,12% 72%,8% 13%)}.portrait.founder{background:var(--gold);color:var(--navy)}.leadership small{font-size:9px;letter-spacing:.16em;color:var(--blue);font-weight:800}.leadership h3{font-size:28px;margin:6px 0}.leadership p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.center{text-align:center;max-width:760px;margin:0 auto 55px}.center .section-label{justify-content:center}.center h2{margin:24px 0 15px}.center p{color:var(--muted);line-height:1.7}.facility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.facility-grid article{background:#fff;padding:34px;min-height:245px;position:relative;border-bottom:3px solid transparent;transition:.2s}.facility-grid article:hover{transform:translateY(-4px);border-color:var(--gold)}.facility-grid article:first-child{background:var(--navy)}.facility-grid article:first-child h3,.facility-grid article:first-child p{color:#fff}.facility-icon{font-size:26px;color:var(--gold)}.facility-grid h3{font-size:26px;margin:30px 0 12px}.facility-grid p{font-size:13px;line-height:1.65;color:var(--muted)}.number{position:absolute;top:32px;right:32px;font-size:10px;color:#9eabb3}.learning{display:grid;grid-template-columns:45% 55%;min-height:650px;background:var(--navy)}.learning-art{position:relative;background:linear-gradient(135deg,#d8a941,#f1cd78);display:grid;place-items:center}.learning-art div{font-family:Georgia,serif;font-size:67px;line-height:.84;text-align:center;color:var(--navy);transform:rotate(-3deg)}.learning-art em{color:#fff;font-weight:400}.learning-text{padding:90px 8vw 70px;color:#d8e3e9}.section-label.light{color:var(--gold)}.learning-text h2{color:#fff;margin:24px 0}.learning-text>p{line-height:1.8;color:#b8c9d3}.learning-text ul{list-style:none;padding:10px 0 0;margin:20px 0}.learning-text li{padding:15px 0;border-bottom:1px solid #ffffff22;display:flex;gap:20px;font-size:13px;font-weight:600}.learning-text li span{color:var(--gold);font-size:10px}.admissions{display:grid;grid-template-columns:42% 58%;gap:8vw;background:#edf4f5}.admission-copy h2{margin:26px 0}.admission-copy>p{color:var(--muted);line-height:1.8}.steps{margin-top:35px}.steps>div{display:flex;gap:18px;margin:22px 0}.steps b{width:36px;height:36px;border-radius:50%;background:var(--gold);display:grid;place-items:center;font-size:12px}.steps span{display:flex;flex-direction:column}.steps strong{font-size:13px}.steps small{color:var(--muted);margin-top:3px}.enquiry{background:#fff;padding:38px;box-shadow:0 30px 70px #183d5020}.form-top{display:flex;justify-content:space-between;border-bottom:1px solid #dfe7e9;padding-bottom:20px;margin-bottom:25px;font-size:10px;letter-spacing:.16em;font-weight:800}.form-top strong{color:var(--blue)}.enquiry label{display:flex;flex-direction:column;gap:8px;font-size:10px;font-weight:800;letter-spacing:.06em;color:#415867;margin-bottom:18px}.enquiry input,.enquiry select,.enquiry textarea{width:100%;border:1px solid #d6e0e4;background:#fbfcfc;padding:14px;font:inherit;font-size:13px;color:var(--ink);outline:none}.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.enquiry button{width:100%;border:0;background:var(--gold);padding:17px 20px;color:var(--deep);font-weight:800;text-align:left;cursor:pointer}.privacy{display:block;text-align:center;color:#87949c;font-size:9px;margin-top:14px}.form-message{padding:12px;font-size:12px;margin-bottom:18px}.form-message.success{background:#e3f4e9;color:#1b6939}.form-message.error{background:#fbe8e8;color:#8d2525}.register-strip{background:var(--gold);padding:48px 7vw;display:flex;justify-content:space-between;align-items:center}.register-strip span{font-size:9px;font-weight:800;letter-spacing:.2em}.register-strip h2{font-size:38px;margin:7px 0}.register-strip p{margin:0;font-size:13px}.register-strip a{background:var(--navy);color:#fff;padding:18px 27px;font-size:12px;font-weight:800}.site-footer{background:var(--deep);color:#b9c8d1;padding:70px 6vw 25px;display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:45px;font-size:12px;line-height:1.8}.site-footer h3{color:#fff;font-size:22px;margin:15px 0 8px}.site-footer h4{color:var(--gold);font-size:10px;letter-spacing:.18em;text-transform:uppercase;margin:0 0 15px}.site-footer a{display:block;color:#e6eef2;margin-bottom:5px}.copyright{grid-column:1/-1;border-top:1px solid #ffffff18;padding-top:22px;text-align:center;font-size:9px;color:#738897}.page-content{max-width:1000px;margin:auto;padding:80px 6vw;line-height:1.8}.screen-reader-text{position:absolute;left:-9999px}
@media(max-width:900px){.site-header{height:78px}.brand strong{font-size:19px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:25px}.main-nav.open{display:block}.main-nav ul{flex-direction:column;align-items:flex-start}.hero{grid-template-columns:1fr}.hero-photo{min-height:430px}.stats{grid-template-columns:1fr 1fr;gap:25px}.stats div{border:0;padding:0}.about-grid,.learning,.admissions{grid-template-columns:1fr}.leadership{grid-template-columns:1fr}.facility-grid{grid-template-columns:1fr 1fr}.learning-art{min-height:450px}.admissions{gap:50px}.register-strip{gap:25px}.site-footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.notice{font-size:9px}.brand small{display:none}.crest{width:47px;height:52px}.hero-content{padding:55px 6vw}h1{font-size:55px}.hero-actions,.trust{flex-direction:column;align-items:flex-start}.section{padding:75px 6vw}.stats{padding:30px 6vw}.leadership article{padding:24px;flex-direction:column}.facility-grid{grid-template-columns:1fr}.center h2,.about-grid h2,.admission-copy h2,.learning-text h2{font-size:42px}.two{grid-template-columns:1fr}.enquiry{padding:24px}.register-strip{flex-direction:column;align-items:flex-start}.site-footer{grid-template-columns:1fr;gap:28px}.footer-brand,.copyright{grid-column:auto}.learning-art div{font-size:52px}}