/*
Theme Name: Hyvlar – verkstaden
Theme URI: https://hyvlar.se/
Description: Ett eget verkstadstema med rostorange detaljer, tydliga guider och inbyggda artikelstilar. Kräver Neve gratisversion.
Author: Hyvlar
Template: neve
Version: 1.0.0
Requires at least: 6.4
Tested up to: 7.1
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: hyvlar
*/
@font-face{font-family:'Hyvlar Barlow';src:url('assets/fonts/barlow-regular.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Hyvlar Barlow';src:url('assets/fonts/barlow-semibold.woff') format('woff');font-style:normal;font-weight:600 900;font-display:swap}
@font-face{font-family:'Hyvlar Condensed';src:url('assets/fonts/barlow-condensed.woff') format('woff');font-style:normal;font-weight:600 900;font-display:swap}
:root{--hvl-ink:#252824;--hvl-rust:#ad4529;--hvl-rust-dark:#83351f;--hvl-paper:#f4f1ea;--hvl-white:#fffdf8;--hvl-line:#d7d1c6;--hvl-muted:#696b61;--hvl-wood:#d5b88d;--hvl-gutter:80px;--hvl-body:'Hyvlar Barlow',Arial,sans-serif;--hvl-display:'Hyvlar Condensed','Arial Narrow',sans-serif}
body.hvl-theme{--bodyfontfamily:var(--hvl-body);--headingsfontfamily:var(--hvl-display);--nv-primary-accent:var(--hvl-rust);--nv-secondary-accent:var(--hvl-rust-dark);--nv-text-color:var(--hvl-ink);--nv-site-bg:var(--hvl-paper);--nv-light-bg:var(--hvl-white);--nv-dark-bg:var(--hvl-ink);--nv-text-dark-bg:var(--hvl-white);--nv-c-1:var(--hvl-line);--nv-c-2:var(--hvl-wood);--primarybtnbg:var(--hvl-rust);--primarybtnhoverbg:var(--hvl-rust-dark);--primarybtncolor:#fff;--primarybtnhovercolor:#fff;background:var(--hvl-paper);color:var(--hvl-ink);font:400 18px/1.75 var(--hvl-body)}
.hvl-theme :where(h1,h2,h3,h4,h5,h6){font-family:var(--hvl-display);font-weight:600;letter-spacing:-.015em;text-transform:none;line-height:1.12;color:var(--hvl-ink);overflow-wrap:break-word}
.hvl-theme h1{font-size:clamp(42px,5vw,62px)}.hvl-theme h2{font-size:38px}.hvl-theme h3{font-size:30px}
.hvl-theme a{color:var(--hvl-rust);text-underline-offset:4px;text-decoration-thickness:1px}.hvl-theme a:hover{color:var(--hvl-rust-dark)}
.hvl-theme :where(a,button,input,textarea,select,summary,[tabindex='0']):focus-visible{outline:3px solid var(--hvl-rust);outline-offset:4px}
.hvl-theme :where(button,input,textarea,select){font-family:var(--hvl-body)}.hvl-theme :where(button,.button,input[type=submit]){border-radius:2px}
.hvl-theme :where(input,textarea,select){max-width:100%;font-size:16px}
.hvl-theme .container,.hvl-shell{width:calc(100% - var(--hvl-gutter));max-width:1280px;margin-inline:auto;padding-inline:0}
.hvl-theme .hfg_header .header-main-inner{background:var(--hvl-paper);color:var(--hvl-ink);border-top:4px solid var(--hvl-rust);border-bottom:1px solid var(--hvl-line);box-shadow:none}
.hvl-theme .hfg_header .header-main-inner .row{min-height:94px}.hvl-theme .hfg_header .builder-item{margin-block:8px}
.hvl-theme .site-logo img{width:auto;height:auto;max-height:76px;max-width:250px;object-fit:contain}
.hvl-theme .site-logo.hvl-brand img.hvl-logo{width:218px;max-width:100%;height:auto;max-height:none}.hvl-brand .brand{display:inline-flex}.hvl-brand{padding:0}
.hvl-theme .hfg_header .nav-ul>li{margin-left:30px}.hvl-theme .hfg_header .nav-ul>li>a,.hvl-theme .hfg_header .nav-ul>li>.wrap>a{font:600 16px/1.4 var(--hvl-body);color:var(--hvl-ink);padding-block:15px;text-transform:none;letter-spacing:0}
.hvl-theme .hfg_header .nav-ul>li>a:hover,.hvl-theme .hfg_header .nav-ul>li>.wrap>a:hover{color:var(--hvl-rust)}
.hvl-theme .hfg_header .nav-ul .sub-menu{background:var(--hvl-white);border:1px solid var(--hvl-line);box-shadow:0 12px 25px #25282415;border-radius:0}
.hvl-theme .hfg_header .nav-ul .sub-menu a{font:400 16px/1.4 var(--hvl-body);padding:13px 16px;color:var(--hvl-ink)}.hvl-theme .hfg_header .nav-ul .sub-menu a:hover{color:var(--hvl-rust)}
.hvl-theme .header-menu-sidebar,.hvl-theme .header-menu-sidebar-bg{background:var(--hvl-paper);color:var(--hvl-ink)}
.hvl-theme .menu-mobile-toggle .navbar-toggle{min-width:44px;min-height:44px;border:1px solid var(--hvl-line);background:transparent;color:var(--hvl-ink);border-radius:2px}
.hvl-theme .hfg_header .header-menu-sidebar .nav-ul>li{margin-left:0}.hvl-theme .hfg_header .header-menu-sidebar .nav-ul>li>a,.hvl-theme .hfg_header .header-menu-sidebar .nav-ul>li>.wrap>a{font-size:20px}
.hvl-noscript-nav{padding:15px 20px;background:#e9e2d5}.hvl-nojs-links{display:flex;flex-wrap:wrap;gap:14px 24px;list-style:none;padding:0;margin:0}.hvl-nojs-links .sub-menu{list-style:none;padding-left:15px}
.hvl-home{padding:0}.hvl-cover{padding-top:46px}
.hvl-cover-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:90px;align-items:end;margin-bottom:38px}
.hvl-theme .hvl-label{font:600 12px/1.5 var(--hvl-body);letter-spacing:.055em;color:var(--hvl-muted);display:block;margin:0 0 15px;text-transform:none}
.hvl-cover-heading .hvl-label{display:flex;align-items:center;gap:11px;color:var(--hvl-rust)}.hvl-label>span:empty{width:24px;height:2px;background:var(--hvl-rust)}
.hvl-theme .hvl-cover h1{font:600 clamp(64px,6.7vw,96px)/.98 var(--hvl-display);letter-spacing:-.025em;max-width:730px;margin:0;text-wrap:balance}
.hvl-cover-intro{padding-bottom:6px}.hvl-cover-intro p{font-size:18px;line-height:1.65;color:#61665b;max-width:420px;margin:0 0 24px}
.hvl-theme a.hvl-button{display:inline-flex;gap:30px;align-items:center;min-height:49px;padding:12px 23px;background:var(--hvl-rust);color:#fffdf8;font-size:15px;font-weight:600;text-decoration:none;border-radius:2px}.hvl-theme a.hvl-button:hover{background:var(--hvl-rust-dark);color:#fff}
.hvl-cover-board{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(310px,1fr);background:var(--hvl-ink)}
.hvl-cover-image{min-width:0;margin:0;position:relative;align-self:center}.hvl-cover-image img{width:100%;height:auto;display:block;object-fit:contain}
.hvl-cover-image figcaption{position:absolute;bottom:22px;left:24px;padding:7px 13px;background:#252824dd;color:#fffdf8;font:400 12px/1.5 var(--hvl-body);letter-spacing:.025em}
.hvl-guide-index{padding:36px 34px 27px;color:#efe9dd;display:flex;flex-direction:column;min-width:0}.hvl-theme .hvl-guide-index>.hvl-label{color:#c9ab7e;margin-bottom:10px}.hvl-theme .hvl-guide-index h2{color:#fff9ec;font-size:40px;margin:0 0 26px}
.hvl-guide-index ol{list-style:none;counter-reset:none;margin:0;padding:0}.hvl-guide-index li{border-top:1px solid #ffffff25;margin:0}
.hvl-theme .hvl-guide-index li a{display:grid;grid-template-columns:23px minmax(0,1fr) 16px;gap:15px;padding-block:23px;color:#faf6ed;text-decoration:none}
.hvl-number{font:400 11px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#c9ab7e;padding-top:4px}.hvl-guide-index strong{display:block;font:600 27px/1.1 var(--hvl-display);margin-bottom:8px}.hvl-guide-index small{display:block;font:400 13px/1.5 var(--hvl-body);color:#c4c6bb;max-width:220px}.hvl-guide-arrow{font-size:18px;padding-top:3px;color:#c9ab7e}
.hvl-theme .hvl-guide-index li a:hover strong{text-decoration:underline;text-underline-offset:4px}.hvl-theme .hvl-guide-index :focus-visible{outline-color:#e4c28b}
.hvl-theme a.hvl-index-all{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:auto;padding-top:16px;font-size:13px;color:#d8bb91;text-decoration:none}.hvl-theme a.hvl-index-all:hover{text-decoration:underline}
.hvl-ruler{height:14px;background:repeating-linear-gradient(90deg,var(--hvl-line) 0 1px,transparent 1px 10px);border-bottom:1px solid var(--hvl-line);margin-top:12px}
.hvl-without-image{grid-template-columns:1fr}.hvl-without-image .hvl-guide-index ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.hvl-without-image .hvl-index-all{margin-top:10px}
.hvl-latest{padding-block:58px 64px}.hvl-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:27px}.hvl-section-heading .hvl-label{margin-bottom:8px}.hvl-theme .hvl-section-heading h2{font-size:43px;margin:0}.hvl-section-heading>a{font-size:14px;font-weight:600;color:var(--hvl-ink);text-decoration:none;white-space:nowrap}.hvl-section-heading>a:hover{text-decoration:underline}
.hvl-stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.hvl-story{min-width:0;border:1px solid var(--hvl-line);background:var(--hvl-white)}.hvl-story>a{display:block;height:100%;text-decoration:none;color:var(--hvl-ink)}
.hvl-story-image{background:#ebe6dc}.hvl-story-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.hvl-story-body{padding:24px 25px 25px}.hvl-story-body .hvl-label{font-size:11px;color:var(--hvl-rust);margin-bottom:9px}.hvl-theme .hvl-story h3{font-size:32px;line-height:1.08;margin:0 0 15px}.hvl-story p{font-size:15px;line-height:1.65;color:var(--hvl-muted);margin:0 0 19px}.hvl-story-more{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:var(--hvl-rust)}.hvl-story a:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.hvl-home-reading{background:var(--hvl-white);border-top:1px solid var(--hvl-line);padding-block:58px 70px;scroll-margin-top:25px}
.hvl-reading{width:calc(100% - var(--hvl-gutter));max-width:1000px;margin-inline:auto}.hvl-home-reading .hvl-label{color:var(--hvl-rust);margin-bottom:20px}.hvl-home-reading .entry-content>:first-child{margin-top:0}
.hvl-theme.single,.hvl-theme.page:not(.home){background:var(--hvl-white)}
.hvl-theme .single-post-container,.hvl-theme.page:not(.home) .single-page-container{max-width:1000px;margin-block:48px 72px;padding:0}
.hvl-theme .single-post-container>.row,.hvl-theme .single-page-container>.row{margin-inline:0}.hvl-theme .nv-single-post-wrap.col,.hvl-theme .nv-single-page-wrap.col{padding-inline:0;min-width:0;--spacing:28px}
.hvl-theme .nv-single-post-wrap>div:first-child,.hvl-theme .nv-single-page-wrap>.nv-page-title-wrap{margin-top:0}.hvl-theme .nv-single-post-wrap .entry-header,.hvl-theme .nv-single-page-wrap .entry-header{margin:0 0 26px}
.hvl-theme .entry-title{font:600 clamp(42px,5vw,64px)/1.03 var(--hvl-display);letter-spacing:-.01em;margin-bottom:20px;max-width:100%}.hvl-theme .nv-meta-list{font-size:13px;color:var(--hvl-muted)}.hvl-theme .nv-meta-list a{color:var(--hvl-rust)}
.hvl-theme .nv-single-post-wrap .nv-thumb-wrap{margin:0 0 30px;overflow:visible}.hvl-theme .nv-single-post-wrap .nv-thumb-wrap img{display:block;width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain;margin-inline:auto}
.hvl-theme .nv-post-navigation{padding-block:23px;border-block:1px solid var(--hvl-line);margin-block:35px}.hvl-theme .nv-post-navigation a{font-size:17px}.hvl-theme .comment-respond{padding:25px;background:var(--hvl-paper)}
.hvl-theme .nv-index-posts{padding-block:45px 65px}.hvl-theme .nv-index-posts .nv-page-title-wrap{padding-bottom:25px;margin-bottom:34px;border-bottom:1px solid var(--hvl-line)}.hvl-theme .nv-index-posts .nv-page-title-wrap h1{font-size:60px;line-height:1.05}
.hvl-theme .nv-index-posts .layout-grid .article-content-col{border:1px solid var(--hvl-line);background:var(--hvl-white);height:100%;overflow:hidden;padding-bottom:22px}.hvl-theme .nv-index-posts .content{padding:0 24px}.hvl-theme .nv-index-posts .blog-entry-title{font:600 32px/1.1 var(--hvl-display);margin-bottom:15px}.hvl-theme .nv-index-posts .blog-entry-title a{color:var(--hvl-ink)}.hvl-theme .nv-index-posts .blog-entry-title a:hover{color:var(--hvl-rust)}
.hvl-theme .nv-index-posts .excerpt-wrap{font:400 15px/1.7 var(--hvl-body);color:var(--hvl-muted)}.hvl-theme .nv-index-posts .nv-meta-list{font-size:12px}.hvl-theme .nv-post-thumbnail-wrap img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:3/2;background:#ebe6dc}.hvl-theme .page-numbers{border-radius:0}
.hvl-theme .hvl-footer{background:var(--hvl-ink);color:#e6e2d8;padding-top:48px;border-top:4px solid var(--hvl-rust)}
.hvl-footer-top{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-bottom:37px;margin-bottom:38px;border-bottom:1px solid #ffffff26}.hvl-footer-top>p{font:600 58px/.98 var(--hvl-display);letter-spacing:-.015em;margin:0;color:#fff9ee}.hvl-footer-top>p>span{color:#d3b083}.hvl-theme .hvl-footer-top>a{font-size:16px;display:flex;gap:45px;color:#fff9ee;text-decoration:none;border-bottom:1px solid #d3b083;padding:0 0 12px}.hvl-theme .hvl-footer-top>a:hover{color:#d3b083}
.hvl-footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:75px;padding-bottom:45px}.hvl-footer-brand .hvl-logo{width:205px;max-width:100%;height:auto}.hvl-footer-brand p{font-size:15px;line-height:1.7;color:#c7c8bc;max-width:330px;margin:20px 0 0}.hvl-theme .hvl-footer h2{font:600 17px/1.3 var(--hvl-body);color:#d3b083;margin:10px 0 21px;letter-spacing:0}
.hvl-footer-links{margin:0;padding:0;list-style:none}.hvl-footer-links li{margin:0 0 11px}.hvl-theme .hvl-footer-links a{font-size:15px;color:#e6e2d8;text-decoration:none}.hvl-theme .hvl-footer-links a:hover{color:#fff;text-decoration:underline}.hvl-theme .hvl-footer :focus-visible{outline-color:#d3b083}
.hvl-footer-bottom{border-top:1px solid #ffffff26;padding-block:24px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#bbbeaf}.hvl-theme .hvl-footer-bottom a{color:#bbbeaf;text-decoration:none}.hvl-theme .hvl-footer-bottom a:hover{color:#fff;text-decoration:underline}
@media(max-width:1100px){:root{--hvl-gutter:48px}.hvl-cover-heading{gap:40px}.hvl-theme .hvl-cover h1{font-size:78px}.hvl-cover-board{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr)}.hvl-guide-index{padding:25px}.hvl-theme .hvl-guide-index h2{font-size:35px;margin-bottom:20px}.hvl-theme .hvl-guide-index li a{padding-block:18px;gap:11px}.hvl-guide-index strong{font-size:25px}.hvl-guide-index small{font-size:12px}.hvl-theme .hfg_header .nav-ul>li{margin-left:22px}.hvl-footer-grid{gap:40px}.hvl-story-body{padding:21px}.hvl-theme .hvl-story h3{font-size:29px}}
@media(max-width:959px){.hvl-cover-heading{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:35px}.hvl-theme .hvl-cover h1{font-size:67px}.hvl-cover-intro p{font-size:16px}.hvl-cover-board{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.hvl-cover-image figcaption{bottom:14px;left:14px;font-size:11px}.hvl-stories{gap:20px}.hvl-story-body{padding:18px}.hvl-theme .hvl-story h3{font-size:27px}}
@media(max-width:767px){
:root{--hvl-gutter:36px}.hvl-theme .hfg_header .header-main-inner .row{min-height:75px}.hvl-theme .site-logo.hvl-brand img.hvl-logo{width:182px}.hvl-theme .site-logo img{max-width:215px;max-height:58px}
.hvl-cover{padding-top:30px}.hvl-cover-heading{grid-template-columns:minmax(0,1fr);gap:25px;margin-bottom:27px}.hvl-theme .hvl-label{font-size:11px}.hvl-theme .hvl-cover h1{font-size:clamp(56px,12.7vw,78px);line-height:1.01;letter-spacing:-.018em;max-width:570px;text-wrap:balance}.hvl-cover-heading .hvl-label{margin-bottom:17px}.hvl-cover-intro{padding:0}.hvl-cover-intro p{font-size:16px;max-width:none;margin-bottom:21px}.hvl-theme a.hvl-button{font-size:14px;min-height:46px;padding:11px 19px}
.hvl-cover-board{grid-template-columns:minmax(0,1fr)}.hvl-cover-image figcaption{left:15px;bottom:15px;font-size:10px;padding:5px 10px}.hvl-guide-index{padding:26px 24px 24px}.hvl-theme .hvl-guide-index h2{font-size:35px;margin-bottom:22px}.hvl-theme .hvl-guide-index>.hvl-label{font-size:11px;margin-bottom:7px}.hvl-theme .hvl-guide-index li a{padding-block:19px;gap:15px}.hvl-guide-index strong{font-size:26px;margin-bottom:6px}.hvl-guide-index small{font-size:13px;max-width:none}.hvl-theme a.hvl-index-all{padding-top:18px}.hvl-without-image .hvl-guide-index ol{grid-template-columns:1fr;gap:0}
.hvl-latest{padding-block:36px 42px}.hvl-section-heading{gap:20px;margin-bottom:22px}.hvl-theme .hvl-section-heading h2{font-size:34px;max-width:230px}.hvl-section-heading>a{font-size:12px}.hvl-section-heading .hvl-label{margin-bottom:6px}.hvl-stories{grid-template-columns:minmax(0,1fr);gap:24px}.hvl-story-body{padding:23px}.hvl-theme .hvl-story h3{font-size:32px}.hvl-story p{font-size:15px}
.hvl-home-reading{padding-block:36px 42px}.hvl-theme .single-post-container,.hvl-theme.page:not(.home) .single-page-container{margin-block:30px 45px}.hvl-theme .entry-title{font-size:43px}.hvl-theme .nv-meta-list{font-size:12px}.hvl-theme .nv-index-posts{padding-block:30px 42px}.hvl-theme .nv-index-posts .nv-page-title-wrap h1{font-size:43px}.hvl-theme .nv-index-posts .blog-entry-title{font-size:33px}.hvl-theme .nv-index-posts .content{padding-inline:22px}
.hvl-theme .hvl-footer{padding-top:32px}.hvl-footer-top{align-items:flex-start;flex-direction:column;gap:26px;padding-bottom:29px;margin-bottom:28px}.hvl-footer-top>p{font-size:47px}.hvl-theme .hvl-footer-top>a{font-size:14px;gap:30px;padding-bottom:10px}.hvl-footer-grid{grid-template-columns:1fr 1fr;gap:30px 25px;padding-bottom:27px}.hvl-footer-brand{grid-column:1/-1}.hvl-footer-brand .hvl-logo{width:187px}.hvl-footer-brand p{font-size:14px;margin-top:16px;max-width:none}.hvl-theme .hvl-footer h2{font-size:15px;margin:0 0 18px}.hvl-theme .hvl-footer-links a{font-size:14px}.hvl-footer-bottom{font-size:11px;padding-block:20px}
}
@media(prefers-reduced-motion:reduce){.hvl-theme *{scroll-behavior:auto;animation:none;transition:none}}
@media print{.hfg_header,.hvl-footer,.hvl-guide-index,.hvl-latest,.hvl-button,.hvl-ruler{display:none}.hvl-theme,.hvl-home-reading{background:#fff}.hvl-cover-heading,.hvl-cover-board{display:block}.hvl-shell,.hvl-reading,.hvl-theme .container{width:100%;max-width:none}.hvl-cover-image{max-width:500px}.entry-content .hvl-table-scroll{overflow:visible}}
