/*
Theme Name: Johad Early Years Learning Hub
Theme URI: https://example.com/johad-learning-hub
Author: Johad Business Solutions Limited
Author URI: https://example.com
Description: A responsive, child-friendly WordPress theme for Johad Early Years Learning Hub. Works alongside the Johad Early Years Learning Hub plugin.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: johad-early-years
Tags: education, blog, custom-logo, custom-menu, featured-images, full-width-template, accessibility-ready
*/
:root{--jh-navy:#17324d;--jh-blue:#2c6fbb;--jh-teal:#149b8a;--jh-yellow:#ffd166;--jh-coral:#ff8066;--jh-lilac:#8f83d9;--jh-cream:#fffaf0;--jh-ink:#243449;--jh-muted:#68788d;--jh-line:#e6edf4;--jh-white:#fff;--jh-shadow:0 16px 40px rgba(23,50,77,.09);--jh-radius:24px;--jh-width:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--jh-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.7}img{max-width:100%;height:auto}a{color:var(--jh-blue);text-decoration:none}a:hover{color:var(--jh-teal)}button,input,select,textarea{font:inherit}.jh-container{width:min(var(--jh-width),calc(100% - 36px));margin-inline:auto}.jh-skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:12px;z-index:10000}.jh-skip-link:focus{left:8px}.jh-site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--jh-line)}.jh-header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.jh-brand{display:flex;align-items:center;gap:11px;color:var(--jh-navy);font-weight:850;letter-spacing:-.4px;line-height:1.15}.jh-brand:hover{color:var(--jh-navy)}.jh-brand-mark{display:grid;place-items:center;width:47px;height:47px;border-radius:16px;background:var(--jh-teal);color:#fff;font-size:26px;box-shadow:0 8px 18px #149b8a35}.jh-brand-text small{display:block;color:var(--jh-teal);font-size:10px;letter-spacing:1.7px;margin-top:5px}.jh-custom-logo{max-width:210px;max-height:58px}.jh-nav-wrap{display:flex;align-items:center;gap:25px}.jh-primary-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;align-items:center}.jh-primary-nav a{color:#43556a;font-size:14px;font-weight:700}.jh-primary-nav a:hover,.jh-primary-nav .current-menu-item>a{color:var(--jh-teal)}.jh-header-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--jh-navy);color:#fff!important;padding:11px 17px;border-radius:999px;font-weight:750;font-size:13px;white-space:nowrap}.jh-header-cta:hover{background:var(--jh-teal)}.jh-menu-toggle{display:none;border:0;background:#edf7f6;color:var(--jh-navy);border-radius:12px;padding:9px 13px;font-size:23px}.jh-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#f2fbff 0%,#fff9ed 58%,#f0fcf7 100%);padding:80px 0 76px}.jh-hero:before,.jh-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.jh-hero:before{width:290px;height:290px;right:-100px;top:-100px;background:#ffd16655}.jh-hero:after{width:180px;height:180px;left:-70px;bottom:-80px;background:#8f83d933}.jh-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.jh-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;background:#e1f7f1;color:#087d70;border-radius:999px;font-size:11px;font-weight:850;letter-spacing:1.2px;text-transform:uppercase}.jh-kicker:before{content:"✦"}.jh-hero h1,.jh-section-heading h2,.jh-page-hero h1{color:var(--jh-navy);font-weight:900;letter-spacing:-1.8px;line-height:1.08;margin:18px 0;font-size:clamp(38px,5vw,62px)}.jh-hero h1 em{font-style:normal;color:var(--jh-teal)}.jh-hero-copy{font-size:18px;max-width:580px;color:#5d6f83}.jh-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.jh-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:999px;border:2px solid transparent;background:var(--jh-teal);color:#fff;font-weight:800;font-size:14px;cursor:pointer;transition:transform .2s,background .2s}.jh-button:hover{transform:translateY(-2px);background:#087d70;color:#fff}.jh-button-outline{background:#fff;color:var(--jh-navy);border-color:#d9e5ec}.jh-button-outline:hover{background:#f6fbff;color:var(--jh-teal);border-color:var(--jh-teal)}.jh-hero-note{margin-top:22px;color:#697a8b;font-size:12px}.jh-hero-art{min-height:370px;position:relative;display:grid;place-items:center}.jh-art-board{position:relative;width:min(100%,440px);min-height:335px;border-radius:36px;background:#fff;box-shadow:0 30px 80px #24445d20;padding:26px;transform:rotate(1deg);border:1px solid #ffffff}.jh-art-top{display:flex;justify-content:space-between;align-items:center}.jh-art-pill{background:#fff1c8;color:#916400;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:850}.jh-sun{font-size:45px}.jh-art-title{font-size:24px;color:var(--jh-navy);font-weight:900;margin-top:14px;line-height:1.2}.jh-art-sub{font-size:13px;color:var(--jh-muted);margin-top:5px}.jh-subject-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}.jh-subject-tile{padding:14px;border-radius:18px;display:flex;align-items:center;gap:10px;font-weight:800;font-size:13px;color:var(--jh-navy)}.jh-subject-tile span{font-size:26px}.jh-tile-yellow{background:#fff4ce}.jh-tile-teal{background:#ddf8ef}.jh-tile-lilac{background:#eeebff}.jh-tile-coral{background:#ffe7df}.jh-float{position:absolute;padding:13px 17px;border-radius:17px;background:#fff;box-shadow:var(--jh-shadow);font-size:12px;font-weight:800;color:var(--jh-navy)}.jh-float-one{right:-4px;top:35px;transform:rotate(4deg)}.jh-float-two{left:-10px;bottom:18px;transform:rotate(-4deg)}.jh-float span{font-size:18px;margin-right:5px}.jh-trust-strip{padding:23px 0;background:var(--jh-navy);color:#fff}.jh-trust-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}.jh-trust-item strong{display:block;font-size:22px;line-height:1.2}.jh-trust-item span{display:block;color:#c8d7e6;font-size:12px;margin-top:4px}.jh-section{padding:82px 0}.jh-section-soft{background:#f7fafc}.jh-section-heading{text-align:center;max-width:700px;margin:0 auto 42px}.jh-section-heading h2{font-size:clamp(30px,4vw,43px);margin:15px 0}.jh-section-heading p{color:var(--jh-muted);margin:0}.jh-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.jh-card{background:#fff;border:1px solid var(--jh-line);border-radius:var(--jh-radius);padding:28px;box-shadow:0 9px 28px #17324d08}.jh-card-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:20px;background:#e5f8f2;font-size:29px;margin-bottom:20px}.jh-card h3{color:var(--jh-navy);font-size:20px;line-height:1.3;margin:0 0 10px}.jh-card p{color:var(--jh-muted);font-size:14px;margin:0}.jh-card-number{color:#d3e2e9;font-size:30px;font-weight:900;float:right}.jh-subjects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.jh-subject-card{display:flex;align-items:center;gap:14px;padding:20px;border-radius:20px;background:#fff;border:1px solid var(--jh-line);color:var(--jh-navy);font-weight:800}.jh-subject-card .emoji{font-size:30px}.jh-subject-card small{display:block;color:var(--jh-muted);font-size:11px;font-weight:500}.jh-subject-card:hover{border-color:var(--jh-teal);transform:translateY(-2px)}.jh-level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.jh-level-card{background:#fff;border:1px solid var(--jh-line);border-radius:24px;padding:27px;display:flex;flex-direction:column}.jh-level-card:nth-child(2){border:2px solid var(--jh-teal)}.jh-level-icon{font-size:34px}.jh-level-card h3{font-size:20px;color:var(--jh-navy);margin:12px 0 5px}.jh-level-card p{font-size:13px;color:var(--jh-muted)}.jh-level-card .jh-button{margin-top:20px;align-self:flex-start}.jh-feature-band{background:var(--jh-navy);color:#fff;border-radius:30px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.jh-feature-band h2{font-size:clamp(27px,3.5vw,38px);line-height:1.2;margin:15px 0}.jh-feature-band p{color:#c7d6e4}.jh-feature-list{display:grid;gap:13px}.jh-feature-list div{background:#ffffff12;border:1px solid #ffffff18;border-radius:15px;padding:14px 17px;font-weight:700;font-size:14px}.jh-feature-list span{margin-right:10px;color:#7de2c9}.jh-cta{padding:70px 0;background:linear-gradient(120deg,#ddf8f0,#fff5d8);text-align:center}.jh-cta h2{font-size:clamp(30px,4vw,44px);color:var(--jh-navy);line-height:1.15;margin:14px auto;max-width:740px}.jh-cta p{max-width:620px;margin:0 auto;color:var(--jh-muted)}.jh-cta .jh-actions{justify-content:center}.jh-site-footer{background:#10263d;color:#fff;padding:54px 0 0}.jh-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;padding-bottom:40px}.jh-footer-brand{color:#fff}.jh-footer-grid h3{font-size:14px;margin:0 0 14px}.jh-footer-grid p,.jh-footer-grid a{font-size:12px;color:#b9c9d8}.jh-footer-grid a{display:block;margin:9px 0}.jh-footer-grid a:hover{color:#7de2c9}.jh-footer-bottom{border-top:1px solid #ffffff20;padding:17px 0;display:flex;justify-content:space-between;gap:15px;color:#a9bbcb;font-size:11px}.jh-page-hero{background:linear-gradient(120deg,#effbfa,#fff8e9);padding:54px 0}.jh-page-hero h1{font-size:clamp(34px,4.5vw,52px);margin:12px 0}.jh-breadcrumbs{font-size:12px;color:var(--jh-muted)}.jh-content-wrap{padding:55px 0 80px;min-height:45vh}.jh-content{max-width:850px;margin:auto}.jh-content h2,.jh-content h3{color:var(--jh-navy);line-height:1.25}.jh-content h2{margin-top:35px}.jh-content p,.jh-content li{color:#52647a}.jh-content input,.jh-content select,.jh-content textarea{max-width:100%}.jh-content table{width:100%;border-collapse:collapse}.jh-content td,.jh-content th{border:1px solid var(--jh-line);padding:10px;text-align:left}.jh-notice{border-radius:16px;background:#fff4ce;padding:18px 20px;color:#73551b;font-size:13px;margin:20px 0}.jh-hub-shell{padding:30px 0 65px;background:#f7fafc}.jh-hub-shell .jh-content{max-width:1100px}.jh-hub-intro{margin-bottom:25px}.jh-hub-intro h1{font-size:clamp(30px,4vw,42px);color:var(--jh-navy);line-height:1.2}.jh-hub-intro p{color:var(--jh-muted)}.jh-entry-content>*:first-child{margin-top:0}.jh-entry-content>*:last-child{margin-bottom:0}.jh-pagination{margin-top:30px}.jh-pagination .nav-links{display:flex;gap:10px;flex-wrap:wrap}.jh-pagination a,.jh-pagination span{padding:8px 13px;border-radius:9px;background:#edf6f7}.jh-comments{margin-top:40px}.jh-comments input,.jh-comments textarea{width:100%;padding:12px;border:1px solid var(--jh-line);border-radius:10px}.jh-comments label{display:block;margin:10px 0 5px}.jh-comments .submit{background:var(--jh-teal);color:#fff;border:0;border-radius:999px;padding:12px 18px}.jh-search-form{display:flex;gap:8px}.jh-search-form input{min-width:0;padding:10px;border:1px solid var(--jh-line);border-radius:10px}.jh-search-form button{border:0;border-radius:10px;background:var(--jh-teal);color:#fff;padding:10px 14px}
@media(max-width:980px){.jh-header-inner{gap:15px}.jh-primary-nav ul{gap:14px}.jh-nav-wrap{gap:15px}.jh-hero-grid{gap:30px}.jh-subjects-grid{grid-template-columns:repeat(2,1fr)}.jh-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.jh-header-inner{min-height:72px}.jh-menu-toggle{display:block}.jh-nav-wrap{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--jh-line);padding:20px;box-shadow:var(--jh-shadow);align-items:stretch;flex-direction:column}.jh-nav-wrap.is-open{display:flex}.jh-primary-nav ul{align-items:stretch;flex-direction:column;gap:0}.jh-primary-nav li a{display:block;padding:10px 0}.jh-header-cta{text-align:center}.jh-hero{padding:55px 0}.jh-hero-grid{grid-template-columns:1fr}.jh-hero h1{font-size:clamp(37px,10vw,49px)}.jh-hero-copy{font-size:16px}.jh-hero-art{min-height:340px;margin-top:12px}.jh-art-board{min-height:300px}.jh-float-one{right:0}.jh-float-two{left:0}.jh-trust-inner{grid-template-columns:repeat(2,1fr);row-gap:20px}.jh-section{padding:60px 0}.jh-card-grid,.jh-level-grid{grid-template-columns:1fr}.jh-feature-band{grid-template-columns:1fr;padding:28px;gap:24px}.jh-footer-grid{grid-template-columns:1fr 1fr}.jh-footer-bottom{flex-direction:column;text-align:center}.jh-page-hero{padding:40px 0}.jh-content-wrap{padding:35px 0 55px}}
@media(max-width:460px){.jh-container{width:calc(100% - 26px)}.jh-brand-text{font-size:13px}.jh-brand-text small{font-size:8px;letter-spacing:1px}.jh-brand-mark{width:40px;height:40px}.jh-hero-art{min-height:310px}.jh-art-board{padding:19px;border-radius:26px;min-height:280px}.jh-subject-tile{padding:11px;font-size:11px}.jh-subject-tile span{font-size:22px}.jh-float{font-size:10px;padding:10px 12px}.jh-subjects-grid{grid-template-columns:1fr}.jh-footer-grid{grid-template-columns:1fr}.jh-actions .jh-button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
/* v1.1.0: full-width sections when a home-page shortcode is placed inside a normal page */
html{overflow-x:hidden}
.jh-content .jh-hero,.jh-content .jh-trust-strip,.jh-content .jh-section,.jh-content .jh-cta{width:100vw;position:relative;left:50%;margin-left:-50vw;max-width:100vw}
.jh-content .jh-section .jh-content{max-width:850px;margin-left:auto;margin-right:auto}