/*
Theme Name: Universal ITI Newsmag
Theme URI: https://universaliti.co.in/
Description: Professional news-magazine style WordPress theme for Universal Private ITI.
Version: 1.0.0
Author: Universal ITI
*/
:root{--primary:#0b3d62;--accent:#e7a21a;--text:#17212b;--muted:#667085;--bg:#f5f7fa}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:auto;padding:0 18px}
.topbar{background:#092f4b;color:#fff;font-size:13px}.topbar .container{display:flex;justify-content:space-between;padding:8px 18px}
.header{background:#fff}.header .container{display:flex;align-items:center;justify-content:space-between;padding:18px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:52px;height:52px;border-radius:8px;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px}.brand h1{margin:0;font-size:26px}.brand small{color:var(--muted)}
.nav{background:var(--primary);color:#fff}.nav .container{display:flex;flex-wrap:wrap}.nav a{padding:13px 15px;font-weight:700;font-size:14px}.nav a:hover{background:#062b45}
.ticker{background:#fff;border-bottom:1px solid #ddd}.ticker .container{display:flex}.ticker strong{background:var(--accent);padding:8px 12px}.ticker span{padding:8px 12px;overflow:hidden;white-space:nowrap}
.hero{padding:25px 0}.grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.hero-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 3px 14px #00000012}.hero-card .image{height:300px;background:linear-gradient(135deg,#0b3d62,#2b79a8);display:grid;place-items:center;color:#fff;font-size:32px;font-weight:800;text-align:center;padding:30px}.hero-card .content{padding:22px}.badge{display:inline-block;background:var(--accent);padding:4px 9px;border-radius:4px;font-size:12px;font-weight:700}.hero-card h2{font-size:30px;line-height:1.2;margin:12px 0}
.side{display:grid;gap:15px}.box{background:#fff;padding:18px;border-radius:10px;box-shadow:0 3px 14px #0000000d}.box h3{margin:0 0 12px;border-bottom:2px solid var(--accent);padding-bottom:8px}
.notice{padding:9px 0;border-bottom:1px solid #eee}.notice:last-child{border:0}.notice small{color:var(--muted)}
.section{padding:10px 0 28px}.section-title{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--primary);margin-bottom:16px}.section-title h2{margin:0;background:var(--primary);color:#fff;padding:8px 14px;font-size:20px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 3px 14px #0000000d}.card h3{margin-top:0;color:var(--primary)}
.cta{background:var(--primary);color:#fff;border-radius:12px;padding:25px;display:flex;align-items:center;justify-content:space-between;gap:15px}.btn{background:var(--accent);color:#111;padding:11px 18px;border-radius:6px;font-weight:800;display:inline-block}
.footer{background:#092f4b;color:#dce7ef;margin-top:25px}.footer .grid{padding:35px 0;grid-template-columns:2fr 1fr 1fr}.footer h3{color:#fff}.copyright{border-top:1px solid #ffffff22;padding:14px 0;font-size:13px}
@media(max-width:800px){.grid,.footer .grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.header .container{align-items:flex-start}.nav a{padding:10px}.hero-card .image{height:220px}.brand h1{font-size:20px}}