/*
Theme Name: Iqra Education Premium
Theme URI: https://iqrainstitution.com/
Author: Iqra Theme
Description: Responsive Iqra education theme with editable courses, photos, events, achievements and testimonials.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: iqra-education
*/
:root{--navy:#122d57;--blue:#2864be;--gold:#f5b93c;--ink:#182d4c;--muted:#617086;--bg:#f5f8fe}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.65;background:white}a{color:var(--blue);text-decoration:none}img{max-width:100%;height:auto}button,input,textarea{font:inherit}.container{max-width:1180px;margin:auto;padding:0 24px}.topbar{background:var(--navy);color:white;font-size:13px;padding:7px 0}.topbar a{color:white}.site-header{background:white;box-shadow:0 5px 20px #142e4b12;position:relative;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:90px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:800;color:var(--navy);line-height:1.2}.brand img{max-width:175px;max-height:70px;width:auto}.nav-list{display:flex;gap:20px;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:wrap}.nav-list li{position:relative}.nav-list a{color:var(--navy);font-size:14px;font-weight:650}.nav-list a:hover{color:var(--blue)}.nav-list .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;list-style:none;margin:0;padding:12px;background:white;box-shadow:0 10px 25px #102b4b30;border-radius:10px}.nav-list li:hover>.sub-menu,.nav-list li:focus-within>.sub-menu{display:block}.nav-list .sub-menu li{padding:6px}.menu-toggle{display:none;border:0;background:var(--navy);color:white;border-radius:8px;padding:10px 14px}.hero{position:relative;background:linear-gradient(115deg,#0e2d5b,#1f66ba 75%,#3794d4);color:white;overflow:hidden}.hero:before{content:'';position:absolute;width:550px;height:550px;border-radius:50%;background:#ffffff10;right:-120px;top:-150px}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:55px;min-height:470px;padding-top:75px;padding-bottom:75px;position:relative}.hero h1{font-size:clamp(36px,5vw,64px);line-height:1.12;margin:12px 0 18px;letter-spacing:-1.4px}.hero p{font-size:18px;max-width:550px}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-weight:800;font-size:13px}.hero-image{width:100%;height:350px;object-fit:cover;border-radius:25px;box-shadow:0 20px 45px #0a1c3a60}.hero-placeholder{height:350px;border-radius:25px;display:grid;place-items:center;background:linear-gradient(145deg,#ffffff35,#ffffff0a);border:1px solid #ffffff40;font-size:100px}.btn{display:inline-block;background:var(--gold);color:#1c2a43;padding:13px 27px;border-radius:40px;font-weight:800;margin-top:12px}.btn:hover{background:#ffcd60;color:#152642}.btn-outline{background:white;color:var(--blue)}section.section{padding:80px 0}.section.alt{background:var(--bg)}.section-title{text-align:center;margin:0 auto 40px;max-width:720px}.section-title h2{font-size:clamp(28px,3.5vw,42px);line-height:1.2;margin:6px 0 12px}.section-title p{color:var(--muted)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.about-visual{background:linear-gradient(130deg,#dbe9ff,#b3d7f7);min-height:310px;border-radius:24px;overflow:hidden;display:grid;place-items:center}.about-visual img{height:100%;width:100%;object-fit:cover}.about-visual span{font-size:110px}.about-grid h2{font-size:36px;line-height:1.2}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.stat{background:white;padding:25px;text-align:center;border-radius:15px;box-shadow:0 5px 20px #15365b0a}.stat strong{font-size:32px;color:var(--blue);display:block}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.course-card,.item-card{border-radius:18px;overflow:hidden;background:white;box-shadow:0 8px 28px #143a6414;transition:transform .2s}.course-card:hover,.item-card:hover{transform:translateY(-4px)}.card-photo{height:210px;width:100%;object-fit:cover;display:block}.photo-placeholder{height:210px;background:linear-gradient(145deg,#dcecff,#e8f3ff);display:grid;place-items:center;color:var(--blue);font-size:64px}.card-body{padding:22px}.card-body h3{font-size:21px;margin:0 0 8px}.card-body p{color:var(--muted);margin:0 0 10px}.cta{background:linear-gradient(110deg,#173e79,#2673c4);color:white;text-align:center;padding:65px 24px}.cta h2{font-size:36px;line-height:1.2;margin:0 0 12px}.site-footer{background:#0f294e;color:#dbe7fa;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.site-footer a{color:#e7f0ff}.site-footer h3{color:white}.copyright{border-top:1px solid #ffffff25;margin-top:40px;padding-top:20px;font-size:13px}.page-hero{background:linear-gradient(120deg,#123461,#2363b1);padding:65px 0;color:white}.page-hero h1{margin:0;font-size:40px}.entry{padding:55px 0;min-height:260px}.entry img{border-radius:14px}.entry-content{max-width:900px}.entry-content p{margin:0 0 20px}.entry-content h2{margin-top:28px}.contact-form{display:grid;gap:12px;max-width:600px}.contact-form input,.contact-form textarea{width:100%;border:1px solid #cad6e6;padding:12px;border-radius:8px}.contact-form button{border:0;cursor:pointer;width:max-content}.notice{background:#eaf7ef;padding:12px;border-radius:8px}.pagination{margin:30px 0}.pagination a{padding:8px}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}@media(max-width:950px){.menu-toggle{display:block}.header-inner{flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.primary-nav{display:none;width:100%}.primary-nav.open{display:block}.nav-list{display:block;padding:10px 0}.nav-list>li{padding:10px 0;border-bottom:1px solid #e9edf4}.nav-list .sub-menu{display:block;position:static;box-shadow:none;padding:4px 0 0 16px}.hero-inner,.about-grid{grid-template-columns:1fr}.hero-inner{gap:25px;padding-top:55px;padding-bottom:55px}.hero-image,.hero-placeholder{height:280px}.cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.container{padding:0 18px}.hero h1{font-size:36px}.hero-inner{min-height:unset}.cards,.stats,.footer-grid{grid-template-columns:1fr}.section.section{padding:55px 0}.about-grid h2,.cta h2{font-size:29px}.topbar{font-size:11px}.brand{font-size:18px}.card-photo,.photo-placeholder{height:190px}}