/*
Theme Name: Wonder POGO
Theme URI: https://wonderpogo.com/
Author: Wonder POGO
Description: A colourful, animated play school and daycare theme for Wonder POGO.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: wonder-pogo
*/

:root{--blue:#082e89;--blue2:#104bc4;--teal:#00afa5;--yellow:#ffbf00;--red:#ff5647;--ink:#172d51;--muted:#62728a;--cream:#fffbf0;--mint:#e6faf7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Nunito,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.topbar{background:var(--blue);color:white;font-size:11px;font-weight:800;letter-spacing:.04em}.top-inner{height:35px;display:flex;align-items:center;justify-content:space-between}.top-inner div{display:flex;gap:30px}.top-inner a{color:#fff}.header{background:white;position:sticky;top:0;z-index:20;box-shadow:0 4px 22px #082e890b}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{width:205px;flex:none}.brand img{width:100%;height:82px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:29px;font-size:13px;font-weight:900;color:#20365d}.navlinks>a:not(.nav-cta):hover{color:var(--teal)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:21px;border-radius:100px;font-weight:900;transition:transform .2s,box-shadow .2s}.nav-cta{background:var(--yellow);padding:15px 21px;color:var(--blue)}.nav-cta span,.button span{font-size:17px}.button{padding:16px 24px;font-size:13px;border:0}.button:hover,.nav-cta:hover{transform:translateY(-3px);box-shadow:0 9px 18px #0a318527}.primary,.dark{background:var(--blue);color:white}.soft{background:white;color:var(--blue);box-shadow:0 3px 18px #0a31850d}.menu{display:none}.hero{background:#f2fcfb;overflow:hidden;position:relative}.hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:590px;gap:35px;padding:60px 0 95px}.eyebrow,.section-kicker{font:900 11px Outfit,sans-serif;letter-spacing:.18em;color:var(--teal);text-transform:uppercase}.eyebrow{display:inline-flex;gap:10px;align-items:center;background:white;padding:11px 15px;border-radius:50px;box-shadow:0 5px 20px #146e6a0b}.spark{font-size:15px;color:var(--yellow)}h1,h2,h3{font-family:Outfit,Nunito,sans-serif;color:var(--blue);margin:0;letter-spacing:-.045em}h1{font-size:clamp(54px,6.3vw,84px);line-height:1.02;margin:24px 0 18px;font-weight:800}h1 em{font-style:normal;color:var(--teal)}.hero-copy>p,.section-copy>p,.daycare-copy>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:490px}.hero-copy>p{font-size:18px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.hero-note{font-size:12px;color:#62728a;font-weight:800;display:flex;gap:12px;align-items:center}.dots{display:flex}.dots i{width:11px;height:11px;background:var(--yellow);border:2px solid white;border-radius:50%;margin-left:-3px}.dots i:nth-child(2){background:var(--teal)}.dots i:nth-child(3){background:var(--red)}.hero-visual{height:470px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art{width:430px;height:430px;border:13px solid white;border-radius:48% 48% 46% 46%;background:#ccf5ef;overflow:hidden;box-shadow:0 22px 55px #023c4c15;position:relative}.illustration{width:100%;height:100%;background-image:url('wonder-banner.png');background-size:auto 180%;background-position:left center;background-repeat:no-repeat}.orbit{position:absolute;border:1px dashed #04b5a697;border-radius:50%}.orbit.one{width:475px;height:475px}.orbit.two{width:500px;height:500px;border-color:#ffb50065}.float-star,.float-flower{position:absolute;color:var(--yellow);font-size:70px;right:6%;top:5%;line-height:1}.float-flower{color:var(--red);font-size:45px;top:auto;bottom:5%;left:5%;right:auto}.floating-note{position:absolute;bottom:15%;right:0;background:#fff;border-radius:18px;padding:15px 18px;display:flex;gap:12px;align-items:center;box-shadow:0 10px 40px #16405818}.floating-note>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--blue);background:#fff0b8;font-size:22px}.floating-note b,.floating-note small{display:block}.floating-note b{color:var(--blue);font-size:12px}.floating-note small{font-size:11px;color:var(--muted);margin-top:4px}.hero-wave{position:absolute;bottom:-2px;left:0;right:0;height:65px}.hero-wave svg{width:100%;height:100%}.valuesbar{border-bottom:1px solid #eef1f5}.values-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.values-inner span{font:800 10px Outfit,sans-serif;color:#78859a;letter-spacing:.1em;white-space:nowrap}.values-inner b{color:var(--teal);font-size:17px;margin-right:8px}.values-inner span:nth-child(2) b{color:var(--red)}.values-inner span:nth-child(3) b{color:var(--yellow)}.section{padding:110px 0}.about-grid,.daycare-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-visual{height:490px;position:relative}.picture-frame{height:450px;max-width:440px;border-radius:44% 44% 18px 18px;padding:15px;background:#ffefbb;overflow:hidden}.picture{height:100%;width:100%;border-radius:44% 44% 8px 8px;background-image:url('wonder-banner.png');background-size:auto 100%;background-position:94% center}.about-stamp{position:absolute;right:0;bottom:3%;width:150px;height:150px;background:var(--teal);border:8px solid white;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white;transform:rotate(9deg);box-shadow:0 10px 30px #16405816}.about-stamp strong{font-family:Outfit;font-size:19px}.about-stamp span{font-size:12px;line-height:1.3}.scribble{position:absolute;font-size:54px;color:var(--red);top:4%;right:2%}.section-kicker span{color:var(--yellow);font-size:16px}.section h2,.contact-section h2{font-size:clamp(36px,4vw,55px);line-height:1.1;margin:20px 0 24px;font-weight:800}.section h2 span,.contact-section h2 span{color:var(--teal)}.section-copy p.lead,.daycare-copy p.lead{font-size:18px;font-weight:800;color:#304766;line-height:1.65}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:27px 0}.mini-grid>div{display:flex;gap:12px;align-items:center}.mini-icon{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;font-size:22px;color:var(--blue);flex:none}.yellow{background:#ffedb7}.mint{background:#d7f7f1}.mini-grid b,.mini-grid small{display:block}.mini-grid b{font-size:13px;color:var(--blue)}.mini-grid small{font-size:11px;color:var(--muted);margin-top:5px}.text-link{font-size:13px;color:var(--blue);font-weight:900;display:inline-flex;align-items:center;gap:20px;border-bottom:2px solid var(--yellow);padding-bottom:8px;margin-top:13px}.programmes{background:#fffaf0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:320px;line-height:1.75;color:var(--muted);font-size:14px}.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.program{border-radius:22px;padding:29px;min-height:290px;display:flex;flex-direction:column}.p-yellow{background:#ffe9a6}.p-blue{background:#dfeaff}.p-mint{background:#d8f5ee}.program-top{display:flex;justify-content:space-between;align-items:start}.program-top>span{font:800 10px Outfit;letter-spacing:.12em;color:#52627c}.program-icon{width:66px;height:66px;border-radius:22px;background:#ffffffa6;display:grid;place-items:center;font-size:34px;color:var(--blue)}.p-blue .program-icon{color:var(--red)}.p-mint .program-icon{color:var(--teal)}.program h3{font-size:27px;margin:20px 0 10px}.program p{color:#586a7c;line-height:1.65;font-size:14px;margin:0 0 20px}.program a{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:var(--blue);font-size:12px;font-weight:900}.program a span{font-size:19px}.future-note{margin:27px 0 0;font-size:13px;color:#67768b}.future-note span{font-size:22px;color:var(--teal);vertical-align:middle;margin-right:7px}.approach{background:var(--blue);color:white;position:relative;overflow:hidden}.approach:after{content:'✳';position:absolute;right:-45px;bottom:-100px;font-size:310px;color:#ffffff08}.approach-top{display:flex;justify-content:space-between;align-items:end;gap:50px}.approach-top h2,.contact-section h2{color:white}.approach-top h2 span,.contact-section h2 span{color:#ffcd36}.section-kicker.light{color:#70e2d3}.approach-top>p{color:#c6d5f3;max-width:320px;line-height:1.8;font-size:14px}.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px}.approach-grid>div{padding:0 25px;border-left:1px solid #ffffff30}.approach-grid>div:first-child{padding-left:0;border:0}.approach-grid span{font-size:11px;color:#92aede}.outline-icon{font-size:34px;color:#ffd14b;height:65px;display:flex;align-items:end}.approach-grid h3{color:white;font-size:19px;margin:14px 0 10px}.approach-grid p{font-size:13px;line-height:1.75;color:#b9c9e8}.daycare{background:#fff}.daycare-grid{gap:95px}.care-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:25px 0 30px}.care-list div{font-size:13px;font-weight:900;color:var(--blue);display:flex;align-items:center;gap:11px}.care-list i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e3f9f4;color:var(--teal);font-style:normal;font-size:17px}.daycare-art{height:470px;position:relative}.daycare-image{height:100%;width:90%;margin-left:auto;background-color:#dcf8f4;background-image:url('wonder-banner.png');background-size:auto 100%;background-position:91% center;border-radius:220px 220px 28px 28px}.care-badge{position:absolute;bottom:35px;left:0;background:#fff0bd;border:8px solid white;border-radius:20px;padding:18px;display:flex;gap:12px;align-items:center;box-shadow:0 12px 40px #233c6117}.care-badge span{font-size:35px;color:var(--red)}.care-badge b{font:800 14px Outfit;color:var(--blue)}.decor-star{position:absolute;top:20px;left:3%;font-size:55px;color:var(--yellow)}.franchise{padding-top:0}.franchise-box{background:#e5f8f4;border-radius:30px;padding:65px 70px;display:grid;grid-template-columns:1.1fr .9fr;position:relative;overflow:hidden;align-items:center}.franchise-box p{line-height:1.75;color:#5c7281;max-width:470px;font-size:15px}.franchise-box .button{margin-top:15px}.franchise-pattern{position:absolute;right:-25px;bottom:-120px;color:#c6eee6;font-size:330px}.franchise-visual{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.house{font-family:Arial;font-size:200px;line-height:.85;color:var(--teal)}.fran-label{text-align:center;font-size:17px;color:var(--blue);line-height:1.25}.fran-label b{font:800 23px Outfit}.little-sun,.little-heart{position:absolute;font-size:45px;color:var(--yellow);top:-20px;right:15%}.little-heart{color:var(--red);font-size:29px;top:auto;bottom:30%;left:15%}.questions{background:#fafcff}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.faq-grid>div:first-child>p{max-width:320px;color:var(--muted);line-height:1.75;font-size:15px}.faq-list details{border-bottom:1px solid #dfe6ef;padding:21px 0}.faq-list summary{list-style:none;cursor:pointer;color:var(--blue);font-weight:900;font-size:15px;display:flex;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;color:var(--teal);line-height:1}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:14px;color:var(--muted);line-height:1.7;padding-right:30px}.contact-section{background:#0e4aba;padding:100px 0}.contact-wrap{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}.contact-intro>p{color:#d7e6fc;font-size:16px;line-height:1.8;max-width:430px}.contact-detail{display:grid;gap:26px;margin-top:45px}.contact-detail>div{display:flex;gap:16px;align-items:center}.contact-detail>div>span{width:46px;height:46px;display:grid;place-items:center;background:#ffffff1c;color:#ffcf37;border-radius:15px;font-size:23px}.contact-detail small,.contact-detail a,.contact-detail p{display:block;color:white}.contact-detail small{font:800 10px Outfit;letter-spacing:.14em;color:#b9cff8;margin-bottom:5px}.contact-detail a,.contact-detail p{font-size:14px;font-weight:800;margin:0}.enquiry{background:white;border-radius:25px;padding:32px;box-shadow:0 20px 50px #03296d33}.form-head{display:flex;justify-content:space-between}.form-head h3{font-size:28px}.form-head span{color:var(--yellow);font-size:28px}.enquiry>p{font-size:13px;color:var(--muted);margin:5px 0 20px}.enquiry label{display:block;font-size:11px;font-weight:900;color:var(--blue);margin:13px 0 6px}.enquiry input,.enquiry select,.enquiry textarea{width:100%;border:1px solid #e5eaf1;background:#fafbfd;color:#21395d;border-radius:10px;padding:11px 13px;font-size:13px;outline:none}.enquiry input:focus,.enquiry select:focus,.enquiry textarea:focus{border-color:var(--teal)}.enquiry textarea{resize:vertical}.yellow-btn{background:var(--yellow);color:var(--blue);width:100%;margin-top:17px}.enquiry>small{display:block;font-size:10px;color:#8d98a8;line-height:1.5;margin-top:10px}footer{background:#fff;padding:65px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:50px}.footer-grid img{width:225px}.footer-grid p{color:#7d8b9d;font-size:13px;line-height:1.7}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.footer-grid b{font:900 10px Outfit;color:var(--blue);letter-spacing:.12em}.footer-grid a:not(:first-child){font-size:13px;color:#687a91;font-weight:700}.footer-sign{background:#fff9e7;border-radius:18px;padding:18px}.footer-sign>span{color:var(--yellow);font-size:25px;line-height:1}.footer-sign p{margin:0}.footer-sign p b{font:800 23px Outfit;letter-spacing:-.02em;color:var(--blue)}.footer-bottom{border-top:1px solid #edf0f4;display:flex;justify-content:space-between;gap:20px;color:#8a97a8;padding:21px 0;font-size:11px}
@media(max-width:950px){.navlinks{gap:15px;font-size:12px}.brand{width:170px}.hero-inner{gap:15px}.hero-art{width:340px;height:340px}.orbit.one{width:380px;height:380px}.orbit.two{width:410px;height:410px}.about-grid,.daycare-grid{gap:45px}.faq-grid,.contact-wrap{gap:50px}.franchise-box{padding:55px}.values-inner span{font-size:9px}}
@media(max-width:700px){.wrap{width:min(100% - 36px,560px)}.topbar{font-size:10px}.top-inner{height:34px}.top-inner div span{display:none}.top-inner div{gap:0}.nav{height:76px}.brand{width:172px}.brand img{height:68px}.menu{display:flex;flex-direction:column;gap:5px;border:0;background:#edf7f5;border-radius:10px;padding:11px}.menu span{display:block;background:var(--blue);width:21px;height:2px}.navlinks{display:none;position:absolute;top:76px;left:0;right:0;background:white;box-shadow:0 15px 20px #082e8916;padding:20px 25px 25px;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks>a{padding:12px 0}.navlinks .nav-cta{padding:13px 20px;margin-top:8px}.hero-inner{grid-template-columns:1fr;padding:45px 0 75px}.hero-copy>p{font-size:16px}.hero-visual{height:355px;margin-top:15px}.hero-art{width:300px;height:300px;border-width:10px}.orbit.one{width:325px;height:325px}.orbit.two{width:345px;height:345px}.floating-note{right:0;bottom:2%}.float-star{font-size:48px;top:3%}.float-flower{font-size:33px}.values-inner{overflow:auto;justify-content:flex-start;min-height:72px;gap:30px}.section{padding:75px 0}.about-grid,.daycare-grid,.faq-grid,.contact-wrap{grid-template-columns:1fr;gap:35px}.about-visual{height:340px;order:2}.picture-frame{height:330px;max-width:330px}.about-stamp{width:120px;height:120px;right:2%}.about-stamp strong{font-size:16px}.about-stamp span{font-size:10px}.section h2,.contact-section h2{font-size:38px}.section-heading,.approach-top{display:block}.section-heading>p{margin-top:17px}.program-grid{grid-template-columns:1fr}.program{min-height:240px}.program h3{margin-top:12px}.approach-grid{grid-template-columns:1fr 1fr;gap:35px 0}.approach-grid>div:nth-child(3){border:0;padding-left:0}.approach-grid>div{padding-right:15px}.daycare-art{height:355px}.daycare-image{max-width:330px}.franchise{padding-top:0}.franchise-box{padding:35px 27px;grid-template-columns:1fr;gap:20px}.house{font-size:140px}.franchise-visual{min-height:180px}.little-sun{top:0}.questions{padding-top:75px}.contact-section{padding:75px 0}.contact-detail{margin-top:30px}.enquiry{padding:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column;gap:8px}.buttons{gap:10px}.button{padding:15px 19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}


/* WordPress page and post content */
.wp-content-area { background: #fffaf0; min-height: 48vh; padding: 78px 0; }
.wp-content-card { background: white; border-radius: 24px; padding: clamp(24px,5vw,60px); max-width: 900px; margin: 0 auto 24px; box-shadow: 0 12px 32px #1032640d; }
.wp-content-card h1 { font-size: clamp(36px,5vw,56px); margin: 0 0 20px; }
.wp-content-card h2 { font-size: 30px; margin: 26px 0 15px; }
.wp-content-card p, .wp-content-card li { line-height: 1.8; color: #596d85; }
.wp-content-card .entry-content a, .wp-content-card .post-title a { color: #007e78; text-decoration: underline; }
.wp-content-card img { height: auto; max-width: 100%; }
.wp-pagination { display:flex; gap:15px; margin-top:26px; font-weight:800; }
.wp-content-card .wp-block-button__link { color:#fff!important; background:#082e89; text-decoration:none!important; }
.wp-phone { white-space: nowrap; }
@media(max-width:700px){.wp-content-area{padding:50px 0}.top-inner .wp-phone{display:none}}