/*
Theme Name: Steven Kahlon Editorial
Version: 1.0.0
Description: An accessible automotive publication with a purple photographic hero, teal accents and generous editorial spacing.
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: sk-editorial
*/
:root{--purple:#51478b;--teal:#19aa9d;--ink:#30343a;--muted:#626970;--wash:#e6e6e9}*{box-sizing:border-box}body{margin:0;color:var(--muted);font:17px/1.9 'Nunito Sans',Arial,sans-serif;background:white}h1,h2{font-family:'Crimson Text',Georgia,serif;color:var(--ink);line-height:1.15;font-weight:600;margin:0 0 28px}h1{font-size:58px}h2{font-size:44px}h3{font-size:30px;line-height:1.3;color:#45464b;margin:0 0 24px}p{margin:0 0 24px}a{color:var(--purple);text-underline-offset:4px}a:hover{color:#16776e}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:5px}img{max-width:100%;height:auto;display:block}.wrap{max-width:1120px;margin:auto;padding:0 24px}.site-header{padding:42px 0;background:#fff}.head{display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:26px;text-decoration:none;color:var(--muted);font-size:15px;max-width:620px}.brand img{width:100px;height:100px;object-fit:cover}.main-nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.main-nav a{font:22px/1.4 Georgia,serif;text-decoration:none;color:#25303a}.main-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--teal)}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;background:#fff;z-index:99;padding:12px}.hero{padding:155px 0 130px;background-image:linear-gradient(90deg,rgba(81,71,139,.86),rgba(63,54,119,.83)),var(--hero);background-size:cover;background-position:center}.hero .wrap{max-width:1020px}.hero h1,.hero h2,.hero p{color:white}.hero h2{font-size:54px}.hero p{font-size:17px;line-height:1.9}.button,button{display:inline-block;border:0;border-radius:30px;background:var(--teal);color:#fff;padding:13px 42px;text-decoration:none;letter-spacing:1.5px;font:600 15px/1.5 Arial,sans-serif;cursor:pointer}.button:hover,button:hover{background:#117a71;color:white}.section{padding:110px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.split img{width:100%;aspect-ratio:1.5;object-fit:cover}.eyebrow{font:700 12px/1.5 Arial,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--purple);margin-bottom:20px}.profile-band{background:var(--wash);text-align:center}.profile-box{background:white;padding:55px 40px;margin-top:60px}.monogram{width:148px;height:148px;border-radius:50%;margin:0 auto 36px;display:grid;place-items:center;background:var(--purple);color:white;font:50px Georgia,serif;letter-spacing:4px}.profile-box p{max-width:950px;margin-left:auto;margin-right:auto}.text-link{font-weight:700}.education{background:#f7f7f8}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 30px;margin-top:50px}.card{background:#fff;box-shadow:0 4px 18px #2420360d;border:1px solid #ededf0}.card img{width:100%;aspect-ratio:1.55;object-fit:cover}.card-body{padding:26px}.card h3{font:600 27px/1.25 Georgia,serif;margin:14px 0 18px}.card h3 a{text-decoration:none;color:var(--ink)}.card p{font-size:15px;line-height:1.8}.card .category{font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.card time{font-size:12px;display:block;color:#747780}.section-title{text-align:center}.footer{background:var(--purple);color:#fff;padding:85px 0 38px}.footer h2,.footer h3,.footer a{color:#fff}.footer .split{align-items:start}.footer h3{font:30px Georgia,serif}.footer p{font-size:15px}.footer-bottom{border-top:1px solid #ffffff42;margin-top:48px;padding-top:26px;display:flex;justify-content:space-between;gap:20px;font-size:13px}.page-intro{background:#f0eff5;padding:75px 0}.prose{max-width:800px;margin:0 auto;padding:75px 24px 100px}.prose h2{font:36px/1.25 Georgia,serif;margin:48px 0 22px}.prose h3{font-size:25px}.prose .featured{width:100%;margin-bottom:40px}.prose ul{padding-left:24px}.meta{font-size:14px;margin:20px 0 30px}.categories{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:30px 0}.categories a{padding:7px 18px;border:1px solid #cbc7de;border-radius:24px;text-decoration:none;font-size:14px}.categories a.active{color:#fff;background:var(--purple)}.search-form{display:flex;gap:10px;max-width:600px;margin:35px auto}.search-form input{min-width:0;flex:1}.search-form button{padding:12px 22px}input,textarea{font:16px/1.5 Arial,sans-serif;width:100%;padding:14px;border:1px solid #a6a4b0;background:#fff;border-radius:3px}label{display:block;margin-bottom:24px;font-weight:600}textarea{min-height:160px}.hp{position:absolute;left:-10000px}.notice{padding:20px;background:#eef7f5;border-left:4px solid var(--teal);margin-bottom:28px}.related{padding:26px;background:#f3f2f7;margin-top:45px}.related h2{margin:0 0 20px;font-size:27px}.pagination{margin:40px 0;display:flex;gap:20px}.photo-note{font-size:12px;opacity:.8}.alignwide{max-width:1120px}.wp-block-image img{height:auto}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
@media(max-width:900px){h1{font-size:48px}.hero{padding:100px 0}.hero h2{font-size:44px}.head{align-items:flex-start}.brand{max-width:55%;gap:15px}.brand img{width:65px;height:65px}.main-nav{gap:12px 20px;max-width:220px}.main-nav a{font-size:19px}.split{gap:40px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding:80px 0}}
@media(max-width:600px){body{font-size:16px}.site-header{padding:24px 0}.head{display:block}.brand{max-width:none;margin-bottom:25px;font-size:13px}.brand img{width:60px;height:60px}.main-nav{max-width:none;justify-content:space-between;gap:15px}.main-nav a{font-size:18px}.hero{padding:80px 0}.hero h1{font-size:44px}.hero h2{font-size:38px}.hero p{font-size:16px}h2{font-size:35px}h3{font-size:28px}.split{grid-template-columns:1fr;gap:35px}.section{padding:65px 0}.grid{grid-template-columns:1fr;gap:28px}.profile-box{padding:35px 25px;margin-top:35px}.monogram{width:110px;height:110px;font-size:36px}.footer-bottom{display:block}.page-intro{padding:55px 0}.page-intro h1{font-size:40px}.prose{padding-top:45px}.prose h2{font-size:30px}.search-form{flex-wrap:wrap}.footer{padding-top:60px}}