/*
Theme Name: Omställningskollen
Description: Ett luftigt redaktionellt tema för klimat, energi och omställning. Egen startsida, artiklar, sökning och mobilmeny.
Author: Omställningskollen
Version: 1.0.3
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: omstallningskollen
*/
:root{--paper:#f6f5ed;--white:#fffef9;--ink:#183c30;--muted:#53665d;--line:#c9d0c3;--green:#dfe8cb;--orange:#d64f2a;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif;--width:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--sans);overflow-wrap:break-word}a{color:inherit;text-underline-offset:5px}a:hover{color:#a6381c}img{max-width:100%;height:auto;vertical-align:middle}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button,.button,input[type=submit]{cursor:pointer}button{color:inherit}.wrap{width:min(var(--width),calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.site-header{border-bottom:1px solid var(--line)}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:106px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:clamp(20px,2.5vw,29px);font-weight:750;letter-spacing:-1.1px;line-height:1.2}.brand svg{width:37px;height:37px;flex:none}.custom-logo{max-width:280px;max-height:65px;width:auto}.tagline{font-size:12px;letter-spacing:.07em;color:var(--muted);margin:4px 0 0 49px}.header-tools{display:flex;gap:30px;align-items:center}.search-link{font-size:14px;text-decoration:none}.menu-toggle{display:none;background:transparent;border:1px solid var(--ink);padding:8px 12px}.nav-menu{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:24px;padding:0;margin:0;font-size:14px}.nav-menu a{text-decoration:none}.nav-menu .current-menu-item>a{box-shadow:0 2px var(--orange)}.nav-menu li{position:relative}.sub-menu{display:none;position:absolute;z-index:10;top:100%;left:0;min-width:230px;padding:20px;background:var(--white);border:1px solid var(--line);list-style:none}.nav-menu li:focus-within>.sub-menu,.nav-menu li:hover>.sub-menu{display:block}.sub-menu .sub-menu{position:static}.sub-menu li{margin-block:7px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;margin:0 0 20px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:8px;height:8px;background:var(--orange);border-radius:50%;flex:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:60px;align-items:center;padding-block:62px}.hero h1{font-size:clamp(48px,5.4vw,80px);letter-spacing:-.058em;line-height:1.03;font-weight:500;margin:0 0 28px;max-width:690px;white-space:pre-line}.hero p.intro{font-size:18px;line-height:1.7;max-width:490px;color:var(--muted);margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 20px;background:var(--ink);color:var(--white);border:1px solid var(--ink);text-decoration:none;font-size:14px;font-weight:700}.button:hover{background:#28533e;color:white}.button span{font-size:20px}.hero-visual{position:relative;margin:0}.hero-visual>img{width:100%;aspect-ratio:1.12;object-fit:cover}.visual-caption{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.05em;padding-top:10px;color:var(--muted)}.topic-strip{border-block:1px solid var(--line);padding:18px 0;display:flex;align-items:center;gap:30px}.topic-strip>span{font-size:12px;font-weight:700;letter-spacing:.07em;flex:none}.topic-strip nav{display:flex;gap:28px;flex-wrap:wrap}.topic-strip a{font-size:14px;text-decoration:none}.topic-strip a:after{content:' ↗';color:var(--orange)}.section{padding-block:56px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-heading h2{font-size:35px;font-weight:500;letter-spacing:-1.2px;line-height:1.2;margin:0}.section-heading>p{font-size:13px;color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.post-card{min-width:0;border-top:1px solid var(--line);padding-top:21px}.post-card a{text-decoration:none}.card-media{display:block;background:var(--green);overflow:hidden;margin-bottom:21px}.card-media img{width:100%;aspect-ratio:1.8;object-fit:cover;transition:transform .3s}.post-card:hover .card-media img{transform:scale(1.02)}.post-card .category{font-size:11px;letter-spacing:.08em;color:var(--muted);margin:0 0 10px}.post-card h3{font:400 clamp(25px,2.5vw,37px)/1.18 var(--serif);letter-spacing:-.7px;margin:0 0 16px}.post-card p{font-size:15px;color:var(--muted);line-height:1.7;margin:0 0 20px}.read-link{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700}.read-link span{color:var(--orange);font-size:23px}.statement{background:var(--ink);color:var(--white);padding:42px;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.statement h2{font:400 clamp(28px,3.3vw,43px)/1.17 var(--serif);margin:0;letter-spacing:-1px}.statement p{color:#d4dfd3;font-size:16px;margin:0;max-width:600px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.posts-grid .post-card h3{font-size:28px}.reading-layout{display:grid;grid-template-columns:235px minmax(0,780px);gap:70px;justify-content:center}.reading-sidebar{font-size:13px}.reading-sidebar .sidebar-inner{position:sticky;top:30px}.reading-sidebar h2{font-size:13px;margin-top:0}.reading-sidebar ol{padding-left:18px}.reading-sidebar li{margin-bottom:12px}.reading-sidebar a{text-decoration:none}.reading-sidebar a:hover{text-decoration:underline}.reading-sidebar[hidden]{display:none}.reading-layout:has(.reading-sidebar[hidden]){grid-template-columns:minmax(0,780px)}.entry-content{min-width:0;font-size:18px;line-height:1.85;color:#293e35}.entry-content>:first-child{margin-top:0}.entry-content p{margin:0 0 1.4em}.entry-content h2{font:400 clamp(28px,3vw,39px)/1.2 var(--serif);letter-spacing:-.6px;margin:1.8em 0 .65em;color:var(--ink)}.entry-content h3{font-size:23px;line-height:1.35;margin:1.5em 0 .6em}.entry-content h4{font-size:19px}.entry-content a{color:#246246}.entry-content li{margin-bottom:.5em}.entry-content figure{margin:1.8em 0}.entry-content figcaption{font-size:13px;color:var(--muted)}.entry-content blockquote{margin:35px 0;padding:8px 0 8px 25px;border-left:4px solid var(--orange);font:25px/1.5 var(--serif)}.entry-content table{border-collapse:collapse;width:100%;font-size:15px}.entry-content th,.entry-content td{padding:12px;border:1px solid var(--line);text-align:left}.entry-content th{background:var(--green)}.entry-content pre{overflow:auto;padding:20px;background:#e8ecdf}.entry-content iframe{max-width:100%}.table-scroll{overflow-x:auto;margin-block:24px}.entry-content .alignwide,.entry-content .alignfull{max-width:100%;width:100%;margin-inline:0}.aligncenter{display:block;margin-inline:auto}.alignleft{float:left;margin:0 24px 20px 0}.alignright{float:right;margin:0 0 20px 24px}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:13px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.entry-header{max-width:990px;margin:0 auto;padding:55px 0 45px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:35px}.breadcrumb a{text-decoration:none}.entry-header h1,.archive-header h1{font-size:clamp(38px,5vw,68px);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin:0 0 25px}.entry-meta{font-size:12px;color:var(--muted);display:flex;gap:18px;flex-wrap:wrap}.single-image{width:100%;max-height:550px;object-fit:cover;margin-bottom:45px}.page-content{padding-bottom:70px}.archive-header{padding-block:60px 30px}.pagination{margin:40px 0}.nav-links{display:flex;gap:14px;flex-wrap:wrap}.page-numbers{padding:7px 14px;border:1px solid var(--line);text-decoration:none}.page-numbers.current{background:var(--ink);color:white}.post-navigation{margin:50px 0;padding-top:20px;border-top:1px solid var(--line)}.post-navigation .nav-links{justify-content:space-between}.post-navigation .nav-links>div{max-width:46%}.search-form{display:flex;gap:10px;flex-wrap:wrap}.search-form label{flex:1;min-width:140px}.search-field{width:100%;border:1px solid var(--line);padding:12px 16px;background:var(--white);color:var(--ink);border-radius:0}.search-submit{padding:12px 24px;border:1px solid var(--ink);background:var(--ink);color:white}.search-section{border-top:1px solid var(--line);padding-block:35px}.search-section .wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.search-section h2{font:29px/1.2 var(--serif);margin:0 0 8px}.search-section p{font-size:14px;color:var(--muted);margin:0}.site-footer{padding:42px 0 20px;border-top:1px solid var(--line);background:#e8eddf}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px}.footer-name{font-size:24px;font-weight:bold;letter-spacing:-1px;margin:0 0 12px}.footer-grid p:not(.footer-name){max-width:510px;font-size:14px;color:var(--muted)}.footer-menu{display:flex;flex-wrap:wrap;gap:10px 25px;list-style:none;padding:0;font-size:13px}.footer-menu a{text-decoration:none}.footer-bottom{border-top:1px solid #c3ccba;padding-top:20px;margin-top:30px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.comments-area{max-width:780px;margin:40px auto}.comment-list{padding-left:20px}.comment-body{border-bottom:1px solid var(--line);padding-block:20px}.comment-form input:not([type=checkbox]):not([type=submit]),.comment-form textarea{display:block;width:100%;padding:12px;border:1px solid var(--line);background:var(--white);color:var(--ink)}.comment-form input[type=submit]{padding:12px 22px;background:var(--ink);color:white;border:0}.bypostauthor{border-left:2px solid var(--orange);padding-left:15px}.sticky{border-top-color:var(--orange)}.empty-state{padding:40px 0}.home-copy{border-top:1px solid var(--line)}
@media(min-width:1500px){.hero{gap:85px;padding-block:75px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.masthead{flex-wrap:wrap;padding-block:22px;gap:18px}.header-tools{gap:20px}.hero{gap:30px;padding-block:45px}.hero h1{font-size:56px}.nav-menu{gap:16px}.reading-layout{grid-template-columns:190px minmax(0,1fr);gap:35px}.posts-grid{gap:24px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.masthead{min-height:85px;gap:12px}.brand{font-size:23px}.brand svg{width:29px;height:29px}.tagline{font-size:10px;margin-left:41px}.header-tools{width:100%;display:block}.js .menu-toggle{display:block;margin-left:auto}.js .header-tools{display:none}.js .header-tools.is-open{display:block}.nav-menu{flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);padding-top:10px}.nav-menu a{display:block;padding:10px 0}.sub-menu{display:block;position:static;border:0;background:transparent;padding:0 0 0 16px}.search-link{display:block;padding:10px 0}.hero{grid-template-columns:1fr;gap:32px;padding-block:32px}.hero h1{font-size:clamp(42px,10vw,64px);max-width:580px;margin-bottom:20px}.hero p.intro{font-size:16px;margin-bottom:22px}.eyebrow{font-size:10px;margin-bottom:18px}.hero-visual>img{aspect-ratio:1.55}.topic-strip{display:block;padding-block:16px}.topic-strip>span{display:block;margin-bottom:10px}.topic-strip nav{gap:10px 23px}.section{padding-block:36px}.section-heading{display:block;margin-bottom:22px}.section-heading h2{font-size:30px}.section-heading>p{margin-top:8px}.feature-grid,.posts-grid{grid-template-columns:1fr;gap:30px}.post-card h3{font-size:31px}.statement{grid-template-columns:1fr;gap:20px;padding:28px}.statement h2{font-size:32px}.reading-layout{grid-template-columns:minmax(0,1fr);gap:28px}.reading-sidebar .sidebar-inner{position:static;border-bottom:1px solid var(--line);padding-bottom:12px}.reading-sidebar ol{columns:1}.entry-content{font-size:17px}.entry-content h2{font-size:30px}.entry-header{padding-block:35px}.breadcrumb{margin-bottom:24px}.entry-header h1{font-size:clamp(30px,8.5vw,42px)}.entry-meta{gap:10px}.search-section .wrap{grid-template-columns:1fr;gap:20px}.footer-grid{grid-template-columns:1fr;gap:15px}.footer-bottom{flex-direction:column;gap:8px}.alignleft,.alignright{float:none;margin:20px 0}.entry-content ul,.entry-content ol{padding-left:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.search-section,.reading-sidebar,.post-navigation,.comments-area{display:none}.wrap{width:100%}.reading-layout{display:block}body{background:white;color:black;font-size:12pt}}
.entry-meta{font-size:14px;gap:6px 18px}