/*
Theme Name: Karhu-kouluhallinta
Description: Oppimis- ja hyvinvointikeskeinen, suomenkielinen lohkoteema Karhu-kouluhallinnalle.
Version: 1.1.2
Requires at least: 6.6
Requires PHP: 8.0
Author: Karhu-kouluhallinta
Text Domain: karhu-kouluhallinta
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{text-underline-offset:.22em}a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a24837;outline-offset:5px}img{max-width:100%;height:auto}.wp-site-blocks{padding:0}.wp-site-blocks>*,.karhu-main>*{margin-block-start:0}.karhu-container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.karhu-header{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:32px}.karhu-header a{text-decoration:none}.karhu-wordmark{display:inline-block;font-size:36px;font-weight:750;letter-spacing:-1.5px;color:var(--wp--preset--color--green,#154e46);line-height:1.1}.karhu-wordmark span{display:block;font-family:"Segoe UI",Arial,sans-serif;font-size:9px;letter-spacing:3px;margin-top:8px;margin-left:29px}.karhu-header .wp-block-navigation{font-size:14px;font-weight:600}.karhu-header nav{display:flex;gap:28px;align-items:center}.karhu-section{padding:100px 0}.karhu-section h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.035em;margin:0 0 26px;max-width:920px}.karhu-section h3{font-family:"Segoe UI",Arial,sans-serif;font-weight:650;line-height:1.35;font-size:21px;letter-spacing:-.025em;margin:0 0 12px}.karhu-section p{color:var(--wp--preset--color--muted,#536760);margin:0 0 20px}.karhu-section .karhu-eyebrow{font-size:11px;font-weight:750;letter-spacing:.17em;color:var(--wp--preset--color--green,#154e46);margin-bottom:24px}.karhu-lead{font-size:19px;line-height:1.75;max-width:790px}.karhu-caption{font-size:13px!important;line-height:1.65;margin-top:28px!important;max-width:900px}.karhu-section .wp-block-columns{gap:28px;margin:36px 0 0;align-items:stretch}.karhu-section .wp-block-column{min-width:0}.karhu-hero{padding:55px 0 90px;border-bottom:1px solid #dce6e0}.karhu-hero .wp-block-columns{gap:64px;margin:0;align-items:center}.karhu-hero h1{font-size:clamp(44px,5.2vw,70px);line-height:1.07;letter-spacing:-.055em;margin:0 0 28px;font-weight:400}.karhu-hero .wp-block-column:first-child{flex-basis:56%!important}.karhu-hero .wp-block-column:last-child{flex-basis:44%!important}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.wp-block-button__link{display:inline-block;text-decoration:none;line-height:1.5}.wp-block-button.is-style-outline>.wp-block-button__link{color:var(--wp--preset--color--green,#154e46);background:transparent;border:1px solid #63857a;padding:13px 23px}.wp-block-button__link:hover{filter:brightness(.91)}.karhu-card{height:100%;background:var(--wp--preset--color--white,#fff);border:1px solid #dce6e0;border-radius:12px;padding:30px}.karhu-card p:last-child{margin-bottom:0;font-size:15px}.karhu-mint{background:#e3f0e9}.karhu-feature-list h3:not(:first-child){padding-top:22px;border-top:1px solid #b9d1c6}.karhu-feature-list p{font-size:16px}.karhu-principle{border-left:4px solid var(--wp--preset--color--coral,#ed775d);padding:24px 30px;margin-top:32px;background:#fff}.karhu-principle p{margin:0;font-size:15px}.karhu-dark{background:var(--wp--preset--color--deep,#123f39);color:#fff}.karhu-dark h2{color:#fff}.karhu-dark .karhu-eyebrow,.karhu-dark>.karhu-container>.karhu-caption{color:#b9e4d4}.karhu-dark .karhu-card{background:transparent;border:0;border-left:1px solid #52776b;border-radius:0;padding:6px 22px}.karhu-dark .karhu-card h3{color:#fff;font-size:19px}.karhu-dark .karhu-card p{color:#d5e7df}.karhu-dark .karhu-steps{gap:10px!important}.wp-block-details{border-bottom:1px solid #cfddd5;padding:22px 0}.wp-block-details summary{font-weight:600;cursor:pointer;padding-right:16px;line-height:1.5}.wp-block-details>p{margin:20px 0 0;max-width:900px;font-size:16px}.karhu-contact{background:#d4e9dd;text-align:center}.karhu-contact h2,.karhu-contact .karhu-lead,.karhu-contact .karhu-caption{margin-inline:auto}.karhu-contact .wp-block-buttons{justify-content:center}.karhu-footer{padding-block:45px;font-size:14px}.karhu-footer strong{font-size:22px;color:#154e46}.karhu-footer p{color:#536760}.karhu-page{padding-block:65px;min-height:60vh}.karhu-page h1{font-size:clamp(36px,5vw,60px)}.karhu-page .wp-block-post-template{list-style:none;padding:0}.karhu-page .wp-block-post-template>li{margin-bottom:24px}.karhu-page .wp-block-post-title a{text-decoration:none}.karhu-page .wp-block-query-pagination{display:flex;flex-wrap:wrap;gap:20px}.karhu-skip-link{position:fixed;top:-100px;left:20px;z-index:100000;background:white;color:#154e46;padding:16px}.karhu-skip-link:focus{top:12px}.karhu-preview{font-family:"Segoe UI",Arial,sans-serif;line-height:1.7;color:#18332f;background:#f4f7f5}.karhu-preview h1,.karhu-preview h2{font-family:Georgia,serif;font-weight:400;line-height:1.15}.karhu-preview .wp-block-columns{display:flex}.karhu-preview .wp-block-column{flex:1}.karhu-preview .wp-element-button{background:#154e46;color:#fff;border-radius:8px;padding:14px 24px;font-weight:600}.karhu-preview-note{font-size:14px!important}.karhu-editor-contact{padding:20px;border:1px dashed #247263;background:#e3f0e9}.karhu-section:target{scroll-margin-top:25px}
@media(max-width:1000px){.karhu-container{width:calc(100% - 48px)}.karhu-header{gap:20px}.karhu-header nav{gap:16px}.karhu-hero .wp-block-columns{gap:30px}.karhu-steps{flex-wrap:wrap!important}.karhu-steps>.wp-block-column{flex-basis:calc(50% - 20px)!important}.karhu-section{padding:72px 0}.karhu-card{padding:24px}}
@media(max-width:781px){.karhu-header{min-height:96px}.karhu-header .wp-block-navigation{margin-left:auto}.karhu-hero .wp-block-columns{display:block}.karhu-hero .wp-block-column:last-child{margin-top:45px}.karhu-section .wp-block-columns{flex-direction:column;gap:24px}.karhu-steps>.wp-block-column{flex-basis:100%!important}.karhu-lead{font-size:17px}.karhu-section{padding:60px 0}.karhu-preview .karhu-header{flex-wrap:wrap;padding-block:24px}.karhu-preview .karhu-header nav{flex-wrap:wrap;font-size:13px;gap:15px}.karhu-card{height:auto}.karhu-feature-list{margin-top:20px}.karhu-hero h1{font-size:clamp(42px,8.5vw,64px)}}
@media(max-width:420px){.karhu-container{width:calc(100% - 36px)}.wp-block-button{width:100%}.wp-block-button__link{width:100%;text-align:center}.karhu-section h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
a{color:var(--wp--preset--color--green,#154e46)}

.karhu-photo{margin:40px 0 0;overflow:hidden;border-radius:14px}.karhu-photo img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover}.karhu-hero-photo{margin:0;box-shadow:12px 16px 0 #b9e4d4}.karhu-hero-photo img{aspect-ratio:4/5;object-position:55% center}.karhu-section .karhu-photo-caption{font-size:14px;margin:32px 0 0;color:var(--wp--preset--color--green,#154e46)}.karhu-card .karhu-eyebrow{margin-bottom:22px;font-size:10px}.karhu-story{align-items:center!important;margin-top:42px!important}.karhu-story .karhu-photo{margin:0}.karhu-story .karhu-photo img{aspect-ratio:3/2}.karhu-story .karhu-principle{margin-top:0}.karhu-dark .karhu-card h3{font-family:Georgia,serif;font-size:27px;font-weight:400;margin-bottom:20px}@media(max-width:781px){.karhu-hero-photo{max-width:540px}.karhu-hero-photo img{aspect-ratio:4/3}.karhu-photo img{aspect-ratio:3/2}}


/* User-supplied logo edited to dark green on a transparent background. */
.karhu-logo{flex:0 0 auto;margin:0!important;width:200px;max-width:48vw;line-height:0}.karhu-logo a{display:block}.karhu-logo img{display:block;width:100%;height:auto;object-fit:contain}.karhu-footer .karhu-logo{margin-bottom:20px!important}@media(max-width:420px){.karhu-logo{width:170px}}

/* Spaced caption starts near the right ear, below the visible bear mark. */
.karhu-logo{position:relative;container-type:inline-size}.karhu-logo .wp-element-caption{position:absolute;top:82%;left:30%;width:55%;margin:0;padding:0;color:var(--wp--preset--color--green,#154e46);font-family:"Segoe UI",Arial,sans-serif;font-size:8px;font-size:4cqw;font-weight:600;line-height:1.3;letter-spacing:3.5px;letter-spacing:1.75cqw;text-align:left;white-space:nowrap}

.karhu-card .karhu-photo{margin:0 0 24px;border-radius:8px}.karhu-card .karhu-photo img{aspect-ratio:3/2;object-position:65% center}#ominaisuudet>.karhu-container>.karhu-photo img{object-position:center 40%}#kayttoonotto>.karhu-container>.karhu-photo img{object-position:center 35%}

.karhu-company{display:flex;align-items:center;flex-wrap:wrap;gap:24px 40px;border-top:1px solid #d2e1d8;padding-top:28px;margin:28px 0}.karhu-company-logo{width:220px;max-width:100%;margin:0!important;line-height:0;flex:0 1 220px}.karhu-company-logo a{display:block}.karhu-company-logo img{display:block;width:100%;height:auto}.karhu-company p{margin:0!important;line-height:1.8}.karhu-company strong{font-size:16px}.karhu-company a{overflow-wrap:anywhere}@media(max-width:600px){.karhu-company{align-items:flex-start;flex-direction:column;gap:20px}.karhu-company-logo{flex:none;width:200px}}