html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font-weight: normal;
vertical-align: baseline;
background: transparent;
}
article, aside, figure, footer, header, nav, section, details, summary {display: block;} html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}  img,
object,
embed {max-width: 100%;} html {overflow-y: scroll;} ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong {font-weight: bold;}
td, td img {vertical-align: top;} sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;} pre, code, kbd, samp {font-family: monospace, sans-serif;} .clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;} button, input, select, textarea {margin: 0;} button,
input[type=button] {width: auto; overflow: visible;} .ie7 img {-ms-interpolation-mode: bicubic;}  .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%;width:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:0;width:50%;background:0 0;outline:0;border:none;height:100%;cursor:pointer}.flickity-prev-next-button:active{opacity:.6}.flickity-prev-next-button.previous{left:0;cursor:url(//hanscraft.se/wp-content/themes/spaobad_template/images/left.png) 0 10,auto}.flickity-prev-next-button.next{right:0;cursor:url(//hanscraft.se/wp-content/themes/spaobad_template/images/right.png) 28 10,auto}.wp-block-gallery .flickity-prev-next-button:hover{background:0 0}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{opacity:.3;cursor:auto}svg{display:none}.wp-block-gallery{width:100%;display:inline-block;height:auto;position:relative;margin:0 0 3.2rem}.wp-block-gallery figure, .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){margin-right:auto;width:-moz-max-content;width:fit-content;margin-right:auto;margin:0 1px;height:70vh;}.wp-block-gallery figure img, #site .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, #site .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img{margin-bottom:0;display:block;height:70vh;object-fit:cover;width:auto}
.flickity-viewport{margin-bottom:6.4rem;}
#site .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){margin-right:0px;width:calc(auto - var(--gallery-block--gutter-size, 0px)*0)}
html{font-size:10px;scroll-padding-top: 120px;}
body {ine-height:1;font-family: neue-haas-grotesk-text, sans-serif;margin:0;padding:0;color:#000;
-webkit-font-smoothing: antialiased;background:white;
-moz-osx-font-smoothing: grayscale;
font-weight: 400;
font-style: normal;}
body, select, input, textarea, a, .single h3, srong, b{color: #000;}
a {text-decoration:none;margin:0;padding:0;}
a:link {-webkit-tap-highlight-color: #9a9a9a;display:inline-block;}
h1 a, h2 a, h3 a, .block a{color:black;}
article a:hover{color:#3b3b3b;}
.has-white-color a{color:#fff;}
ins {background-color: #fcd400; color: #fff; text-decoration: none;}
mark {background-color: #fcd400; color: #fff; font-style: italic; font-weight: bold;}
input:-moz-placeholder { color:gray;}
textarea:-moz-placeholder { color:gray;}
::selection {
background-color: #ccc;
color: #000;
}
img, #site .wp-block-image{width:100%;max-width:100%;height:auto;margin-bottom:0;}
img{margin-bottom:2.6rem;}
.wp-block-column:only-child img{margin-bottom:1.2rem;}
#site .wp-block-image.is-style-circle-mask img, #site .wp-block-image.is-style-rounded img{border-radius:1.2rem;}
#site .wp-block-cover,
#site .wp-block-gallery.has-nested-images{width:calc(100% + 6.4rem);margin-left:-3.2rem;flex-wrap:none;}
.wp-block-cover, .wp-block-cover-image{z-index:500;position:relative;background:transparent;margin-bottom:8rem;margin-left:-3.2rem;}
#site .wp-block-cover{min-height:52vh;padding:6.4rem;}
#site .wp-block-cover h1, #site .wp-block-cover p{color:black;}
header{position:absolute;}
.bar{width:100%;position:fixed;z-index:540;opacity:1;transition:all .3s;top:0rem;}
nav{overflow:auto!important;}
p a{text-decoration:underline;outline:none;}
#site, input, textarea{font-size:2.2rem;padding:.3em .75em .4em;border-radius:0px;text-decoration:none;outline:none;}
#site .wp-block-button__link{font-size:auto;}
#site .wp-block-button__link{display:inline-block;clear:none;margin-right:.5em;width:100%;margin-bottom:1em;transition:background .3s;background-color:#000;}
.wp-block-column .wp-block-buttons:last-of-type .wp-block-button__link{margin-bottom:.75em;}
input, textarea{border:0;border-radius:2px;font-family:inherit;font-size:2rem;margin-bottom:.65em;margin-top:.5em;padding:.8em 1em .7em}
.white input, .white textarea{border:1px solid #1d1d1b;}
.wpcf7-submit{border-radius:0px;font-size:1.3vw;margin-bottom:1.25em;margin-top:-.5em;padding:.2em 2em .2em;border:0;}
.odd{background:darkgray;}
#navtrigger, .less{text-indent:-9999px;}
.wp-block-cover__video-background{object-fit:cover;}
.wp-block-cover{visibility:hidden;}
#navtrigger, #logo, .less{position:fixed;z-index:550;transition:top .3s}
#navtrigger, .less{cursor:pointer;background-image:url(//hanscraft.se/wp-content/themes/spaobad_template/images/plus.png);background-position:center right;background-repeat:no-repeat;background-size:2rem auto;top:1.8rem;right:6.4rem;font-size:2.2rem;padding:.3em 1.6em .4em 0em;border-radius:0px;}
.less{background-image:url(//hanscraft.se/wp-content/themes/spaobad_template/images/close.png);left:-100vh;width:0;}
nav{background:white;position:fixed;z-index:560;width:100%;text-align:right;height:auto;opacity:1;transition:opacity .3s, padding .3s;padding:6rem 6.4rem 0rem;-webkit-overflow-scrolling: touch;
overflow: scroll;font-size:0;}
nav li{display:inline-block;font-size:2.2rem;vertical-align:top;margin:0 0 .25em 2.4rem;}
nav li a{font-weight:400;}
nav .sub-menu li{width:auto;}
nav .sub-menu li a{font-weight:400;}
.sub-menu{margin-top:.25em}
.active {left:0;}
.active .less{left:auto;width:auto;}
#logo{top:6rem;left:6.4rem;height:32px;z-index:570;font-weight:600;font-size:3.2rem;text-indent:-9999px;background-image:url(https://hanscraft.se/wp-content/uploads/2023/05/hc_logo_spaobad_hanscraft-650x123-1.jpg);background-repeat:no-repeat;background-size:auto 100%;width:30rem;
}
.topbar{top:0px;left:0px;width:100%;position:fixed;z-index:999;text-align:center;background:#858585;margin:0;font-size:14px;padding:.667em 1.5em;color:white}
.topbar a{color:white;text-decoration:underline}
.bar{z-index:540;opacity:1;height:8rem;}
.screen-reader-text{position:absolute;left:-1000px;}
article{
list-style:none;
display:inline-block;
overflow:hidden;
position:relative;}
#site{padding:8rem 3.2rem 0}
.bar{background:white;}
.wp-block-column, .block{padding:0 3.2rem 6.4rem;visibility:hidden;
vertical-align:top;position:relative;display:inline-block;z-index:444;}
.wp-block-columns .wp-block-columns .wp-block-column{padding:0 0 2.4rem 0}
#site .wp-block-columns{margin-bottom:0vw;}
#site .odd{width:calc(100% + 6.4rem);margin-left:-3.2rem;padding:7.2rem 3.2rem 0;margin-bottom:8.2rem;}
.bottom .block{vertical-align:bottom;}
#site .middle{align-items: center;}
#site .bottom{align-items: baseline;}
#site iframe{width:100%;margin-bottom:3.8rem;}
.postnav{width:100%;}
.postnav a{display:inline}
.postnav span{display:inline-block;width:50%;float:left;}
.postnav span.newer{float:right;text-align:right;} p, ul, ol, table{color:#10101b;font-size:1.8rem;margin-bottom:1em;line-height:1.4;vertical-align:baseline;font-weight:400;letter-spacing:0.015em;word-spacing:-0.015em;}
p strong, h2 strong, td strong{font-weight:500;}
td{letter-spacing:0.01em}
#site .wp-block-table td, #site .wp-block-table th{border:1px solid #ccc;}
h3 strong{color:rgba(0,0,0,0.25);font-weight:500;}
h1, h2, h3, h4, h5{font-weight:500;margin-bottom:1em;vertical-align:baseline;padding-right:1vw;color:#000;}
h3{font-size:2.4rem;margin-bottom:.5em;}
#site .wp-block-image figcaption{font-size:1.5rem;margin-top:0;font-weight:400;}
#site figcaption a{text-decoration:underline}
figcaption strong{font-weight:400;}
.lang a{margin-right:1em;}
.login{text-transform:none;}
h1, h2, h4, h5{line-height:1.125;letter-spacing:-0.015em}
.hideondesktop{display:none;}
#site .wp-block-latest-posts__list li{line-height:1.3;font-size:1.562vw;list-style:none;background:none;padding-left:0;margin-top:1.5em;}
#site .wp-block-latest-posts__list li a{font-weight:600;}
#site .wp-block-latest-posts__list li time{font-weight:400;font-size:1.562vw;margin-bottom:.65em;}
h1, blockquote p{font-size:3.6rem;margin-bottom:.85em;font-weight:500;
;}
h2{font-size:3rem}
ol, ul{margin-bottom:1em}
#site ul li{font-weight:400;padding-left:1em;background:url(//hanscraft.se/wp-content/themes/spaobad_template/images/black.png);background-size:5px auto;background-repeat:no-repeat;background-position:0 .65em;}
li{margin-bottom:.65em;}
hr{border-color:#10101b;margin-bottom:3em;margin-top:1.75em;}
.is-resized img{width:auto;height:auto;}
.block video, video, .wp-video{width:100%!important;max-width:100%;height:auto;object-fit: cover;pointer-events: auto;}
hr{border-color:#ccc;color:#ccc;}
#site .wp-block-separator{border-top:1px solid;}
footer{width:calc(100% + 6.4rem);margin-left:-3.2rem;background:black;padding:5.8rem 3.2rem 3.2rem;}
footer p, footer a{color:white;}
@keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-moz-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-webkit-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-o-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} #site .wp-block-column:not(:first-child){margin-left:0;}
#site .wp-block-column{flex-basis:50%;flex-wrap:wrap!important;}
.wp-block-column .wp-block-columns .wp-block-column{padding-bottom:0;}
#site .wp-block-gallery:after {
content: 'flickity';
display: none;
}
.hide-on-desktop{display:none;} @media print {
} @media only screen and (max-width:1080px){
#site{padding: 8rem 2.2rem 0}
#site .wp-block-cover{width:calc(100% + 4.4rem);margin-left:-2.2rem;padding:4.4rem;}
#site .wp-block-gallery.has-nested-images, footer{width:calc(100% + 4.4rem);margin-left:-2.2rem;}
footer{padding-left:2.2rem;padding-right:2.2rem;}
#navtrigger, .less{right:3.8rem;}
#site .odd{padding:5.2rem 2.2rem 1.6rem;margin-left:-2.2rem;width:calc(100% + 4.4rem);margin-bottom:6.4rem;}
.wp-block-column{padding:0 1.6rem 3.2rem}
.wp-block-button__link{margin-bottom:1.6rem}
.wp-block-column .wp-block-buttons:last-of-type .wp-block-button__link{margin-bottom:1.6rem}
input, textarea{width:100%;}
.wpcf7-submit{width:auto;}
#logo{left:3.8rem;}
nav{left:-100vw;opacity:0;}
.active {left:0;}
nav{box-shadow:0 0 0 2000px rgba(0,0,0,0.3)}
#site nav li, .sub-menu li{font-size:2.2rem;}
nav li{width:100%;text-align:center;border-top:1px solid #ccc;margin:0;padding:.5em 0}
nav{padding-left:0rem;padding-right:0rem;padding-top:11.6rem}
.sub-menu{border-bottom:1px solid rgba(0,0,0,0.2);padding-bottom:1em;margin-bottom:1em}
nav li, .sub-menu li{font-size:2.2rem;}
#site{padding: 6.8rem 1rem 0}
#navtrigger, .less{font-size:2.2rem;right:2.8rem;top:5rem;}
.bar{height:11.2rem;}
}
@media only screen and (max-width:920px){
#site .wp-block-column, #site .wp-block-columns{flex-basis:100%!important;min-width:100%;display:inline-block}
#site .wp-block-column:empty{display:none;}
.hideondesktop{display:block;}
.sub-menu{margin-bottom:2em;}
h3{font-size:3rem;margin-bottom:.5em}
h1, blockquote p, h2{font-size:3.4rem;margin-top:-.4rem;}
p, #site .wp-block-button__link, input, textarea, nav li, #site ul li, #site .wp-block-latest-posts__list li, #site .wp-block-latest-posts__list li time{font-size:2.2rem;}
.hideonmobile{display:none!important;}
.wp-block-button__link{margin-bottom:1.8rem;}
.wp-block-column{padding:0 1.6rem 2.4rem;}
.wp-block-column .wp-block-buttons:last-of-type .wp-block-button__link{margin-bottom:1.8rem;}
h3 strong{position:absolute;margin-top:-1.2rem}
#site{padding: 8rem 1.6rem 0}
#site .wp-block-cover{width:calc(100% + 3.2rem);margin-left:-1.6rem;padding:3.2rem;margin-bottom:4.6rem;}
footer{width:calc(100% + 3.2rem);margin-left:-1.6rem;padding-left:1.6rem;padding-right:1.6rem;}
#site .wp-block-gallery.has-nested-images{width:calc(100% + 3.2rem);margin-left:-1.6rem;}
#site .odd{padding:4.4rem 1.6rem 1.2rem;margin-bottom:3.8rem;width:calc(100% + 3.2rem);margin-left:-1.6rem;}
}
@media only screen and (max-width:820px){
h1, blockquote p, h2{font-size:2.8rem;}
p, input, textarea, nav li, #site ul li, #site .wp-block-latest-posts__list li, #site .wp-block-latest-posts__list li time{font-size:1.8rem;}
#site .wp-block-button__link{font-size:13px}
h3{font-size:2rem}
#site .wp-block-gallery:after {
content: '';
display: none;
}
.hide-on-desktop{display:block;}
#site .wp-block-gallery.has-nested-images{margin-bottom:9.2rem;}
#site .wp-block-gallery.clicked{margin-bottom:3.2rem;}
.wp-block-gallery figure, .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){height:auto;}
#site .wp-block-gallery.has-nested-images{width:calc(100% - 2rem);margin-left:1rem;}
#site .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image){margin-bottom:1.2rem;}
#site .wp-block-gallery{margin-bottom:3.2rem;}
.wp-block-gallery figure, .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image),
.wp-block-gallery figure img, #site .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a, #site .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img
{width:100%;height:auto;}
#logo{height:2.4rem;top:6.2rem}
.less{font-size:2rem}
#site .wp-block-gallery figure{display:none;overflow:visible;}
#site .wp-block-gallery figure:first-of-type{display:block;margin-bottom:12.4rem;}
#site .showall figure{display:block;margin-bottom:1.2rem;}
#site .wp-block-gallery figure:first-of-type::after{content:"Fler bilder +";padding:.75em 1.2em .75em 1.3em;font-size:13px;text-transform:uppercase;position:absolute;bottom:-67px;text-align:center;color:#111;border: 2px solid;border-radius:100px;font-weight:400;left:50%;transform:translate(-50%);line-height:normal;}
#site .showall figure:first-of-type::after{display:none;}
.wp-block-column{padding:0 1.2rem 2.4rem;}
#site .wp-block-cover{width:calc(100% + 2rem);margin-left:-1rem;padding:2rem;}
footer{width:calc(100% + 2rem);margin-left:-1rem;padding-left:1rem;padding-right:1rem;}
#site .odd{width:calc(100% + 2rem);margin-left:-1rem;}
}