/*
Theme Name: Hanper - responsive
Description: Tema för Hans Persson
Author: Wild Horse Creative AB Modified by Webbyrån Konsulterna
Version: 3.0
*/
.float-right{float:right}.float-left{float:left}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.underline-on-hover{text-decoration:none}.underline-on-hover:hover{text-decoration:underline}.underline{text-decoration:underline}.underline:hover{text-decoration:underline}.full{position:absolute;top:0;left:0;z-index:100;display:block;width:100%;height:100%;background-color:white;opacity:0;filter:alpha(opacity=0)}/*! normalize.css v1.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{margin:.67em 0;font-size:2em}h2{margin:.83em 0;font-size:1.5em}h3{margin:1em 0;font-size:1.17em}h4{margin:1.33em 0;font-size:1em}h5{margin:1.67em 0;font-size:.83em}h6{margin:2.33em 0;font-size:.67em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}mark{color:#000;background:#ff0}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{word-wrap:break-word;white-space:pre;white-space:pre-wrap}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;*margin-left:-7px;white-space:normal;border:0}button,input,select,textarea{margin:0;font-size:100%;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{*overflow:visible;cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{*width:13px;*height:13px;padding:0;box-sizing:border-box}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.wf-loading h1,.wf-loading h2,.wf-loading h3,.wf-loading h4{visibility:hidden}h1,h2,h3{font-family:'Dosis',sans-serif;font-weight:600;line-height:1em}body{font-family:Georgia,'Times New Roman',Times,serif;font-size:16px;line-height:1.3em;color:#375469;background:#bcd7e9 url('images/hp_bg.png')}img{max-width:100%;border:0}.container{max-width:800px;padding:0 30px 0;margin:40px auto}.box{position:relative;z-index:1;float:left;width:30.833%;max-width:246px;margin-bottom:30px;background:#37695b;-webkit-box-shadow:0 5px 2px rgba(147,166,177,0.4);-moz-box-shadow:0 5px 2px rgba(147,166,177,0.4);box-shadow:0 5px 2px rgba(147,166,177,0.4)}.box:hover{background:#3b7060}.box h1{padding:15px 20px;margin:0;color:#e9e9e9;text-shadow:0 -1px 0 #0f1c18}.box p{padding:0 20px;margin:0}.box p a{color:#faf1a9}.box ul{padding:0 20px;margin:-4px 0;font-size:.8em;line-height:1.4em;list-style:none}.box li{margin-bottom:4px}.box li span{float:left}.box li p{display:block;padding:0;margin-left:50px}.box img{position:absolute;right:10px;bottom:0}.box iframe{padding:0 20px}.box.chat{height:220px}.note{margin-top:17px;background:#fdf9d9}.note:hover{background:#fdf9d9}.note p{padding:30px 20px 10px;margin:0;font-size:1em;font-style:italic}.note img{position:relative;top:auto;right:auto;max-width:155px}.note .tear{position:absolute;top:-17px;width:100%;height:17px;background:url('images/hp-note.png?v2') repeat-x}.note .sign{float:right;width:63.00813008130082%;padding:0 30px 30px}.mobile{display:none}.about{z-index:0;height:185px;overflow:visible}.about img{max-width:70%}.books img{top:55px;bottom:auto;max-width:80%;-webkit-transform:rotate(-5deg);-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-o-transform:rotate(-5deg);transform:rotate(-5deg);-webkit-box-shadow:5px 5px 1px #294e44;-moz-box-shadow:5px 5px 1px #294e44;box-shadow:5px 5px 1px #294e44}.lectures h1,.facebook h1{padding-top:18px;font-size:1.7em}.media img{right:0}.lectures p,.in-english p,.facebook p{font-size:.8em}.top{min-height:475px;overflow:auto}.top .box{margin-right:3%}.boxes .box{height:190px;margin-right:3.75%;overflow:hidden;color:#fdf9d9}.boxes .box:nth-child(3n+3){margin-right:0}.boxes .box:nth-child(3n+4){clear:left}.chat{padding-top:10px;margin-top:20px;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.chat p{padding:10px 20px 30px;font-style:italic;line-height:1.4em}.chat p a{color:#325f52}.chat h2{padding:10px 20px 0 20px;margin:0}.chat img{bottom:-39px;left:50%;z-index:100;max-width:32px;margin-left:-22px}.chat:hover{background:#fff}.title h1{margin:0;font-size:3em;text-shadow:0 1px 0 #e9e9e9}.palette{position:relative;z-index:0;float:right;width:66.167%}.palette img{float:right}.palette ul{padding:0;margin:0;list-style:none}.palette li{position:absolute;display:none}.palette li h2{position:relative;z-index:2;float:left;padding:0;margin:0;font-size:1.9em;color:#2e4758;text-shadow:0 1px 0 rgba(255,255,255,0.5)}.palette li img{position:absolute;top:0;left:0;z-index:1;margin:0}.palette li:hover{cursor:pointer}.palette li:hover img{opacity:.7;filter:alpha(opacity=70)}.palette li .wrapper{position:relative;min-height:80px}.palette .info{position:absolute;right:0;bottom:0;left:auto;max-width:180px;text-align:right}.palette .info h2{font-size:1.4em;line-height:1.1em;text-shadow:0 1px 0 #e9e9e9}li.green{top:25%;left:25%;display:block;width:15.494791666666666%}li.green h2{margin-top:6%;margin-left:-6%}li.white{top:47%;left:9%;display:block;width:16.927083333333336%}li.white h2{margin-top:30%;margin-left:18%}li.orange{top:45%;left:34%;display:block;width:17.708333333333336%}li.orange h2{margin-top:21%;margin-left:8%}li.red{top:46%;left:60%;display:block;width:16.927083333333336%}li.red h2{margin-top:22%;margin-left:19%}li.red h2{color:#e9e9e9;text-shadow:0 -1px 0 #375469}li.brown{top:70%;left:14%;display:block;width:18.489583333333336%}li.brown h2{margin-top:10%;margin-left:1%}li.brown h2{color:#e9e9e9;text-shadow:0 -1px 0 #375469}li.yellow{top:65%;left:40%;display:block;width:19.010416666666664%}li.yellow h2{margin-top:27%;margin-left:20%}li.blue{top:26%;left:71%;display:block;width:16.927083333333336%}li.blue h2{margin-top:3%;margin-left:3%}li.blue h2{color:#e9e9e9;text-shadow:0 -1px 0 #375469}.wf-loading h1,.wf-loading h2,.wf-loading h3,.wf-loading h4{visibility:hidden}h1,h2,h3{font-family:'Dosis',sans-serif;font-weight:600;line-height:1em}.sitemap{padding:10px 20px 30px;margin-bottom:50px;overflow:auto;clear:left;background:rgba(147,166,177,0.4)}.sitemap ul{float:left;width:25%;padding:0;margin:0;list-style:none}.sitemap .parent{margin-top:10px;font-weight:bold}.sitemap a{font-size:13px;line-height:1.6em;color:#325f52;text-decoration:none}.sitemap a:hover{text-decoration:underline}.menu{position:relative;z-index:0;width:100%;height:124px;margin-bottom:20px;background-color:#375469;-webkit-box-shadow:0 5px 2px rgba(147,166,177,0.4);-moz-box-shadow:0 5px 2px rgba(147,166,177,0.4);box-shadow:0 5px 2px rgba(147,166,177,0.4)}.menu h1{display:block;float:left;margin:0;font-size:2.6em;color:#e9e9e9;text-shadow:0 -1px 0 rgba(0,0,0,0.5);vertical-align:top}.menu h2{display:block;float:left;margin:10px 0;clear:left;color:#e9e9e9}.menu img{position:absolute;bottom:0;left:0}.menu img.shadow{left:4px}.headline{padding:20px 0 0 20px}.photo{position:relative;display:inline-block;width:104px;height:104px;margin-left:20px}.note-nav{position:absolute;top:-10px;right:20px;left:auto;width:74px;height:77px;text-align:center}.note-nav:hover h1{color:#40617a}.note-nav h1{position:relative;z-index:1;float:none;font-size:1.5em!important;line-height:77px;color:#375469;text-shadow:none}.note-nav img{position:absolute;z-index:0;-webkit-box-shadow:0 5px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 5px 2px rgba(0,0,0,0.1);box-shadow:0 5px 2px rgba(0,0,0,0.1)}.content{margin-bottom:30px;clear:left}.content h1{font-size:2.5em}.content h2{font-size:2em}.content h3{font-size:1.5em}.content p{margin:0 0 20px}.content h1,.content h2,.content h3,.content h4{margin-bottom:.5em}.content h1,.content h2,.content h3,.content h4,.content p{color:#253948}.content a{color:#141e26}.content a:hover{color:#375469}.content img{height:auto}.content img.alignleft{float:left;margin:0 20px 10px 0}.content img.alignright{float:right;margin:0 0 10px 20px}.content blockquote{width:80%;margin:20px auto;font-style:italic;text-align:justify}.content blockquote:before{float:left;margin:32px 20px 0 0;font-size:70px;line-height:0;color:#375469;content:'\201D'}.content blockquote p{clear:none}.content ul,.content ol{padding:0;margin:20px 0 20px 50px}.content .block{float:left;margin-bottom:20px}.content p{clear:left}.floater{float:left;margin:0 20px 20px 0}.book{margin-bottom:30px;clear:left}.book img{float:left;width:25%;margin-bottom:20px}.book .meta{padding-left:20px;margin-left:25%}.book .meta h2{margin:0}.book .meta a{color:#2e4758;text-decoration:none}.book .meta a:hover{text-decoration:underline}.book .meta .order{display:block;color:#2e4758;text-decoration:underline}.book .meta .order:hover{text-decoration:underline}.book .meta .order:hover{color:#40617a;text-decoration:underline}.book .meta .order:hover:hover{text-decoration:underline}.book .meta p{margin:10px 0;clear:none;line-height:1.4em}.page-template p{clear:none}.events h3{font-size:1.8em}.events span{float:left;margin-left:20px;color:#2e4758}.events p{padding:0;margin:0 0 7px 160px;clear:none;color:#3b5970;word-wrap:break-word}.parent-nav{display:block;margin:20px 0;clear:left}.gallery p{margin:0}.gallery h3{margin-top:0}.gallery img{float:left;margin:0 20px 10px 0;clear:left}.image-gallery{padding-top:30px;overflow:auto;clear:left}.image-gallery img{float:left;padding:0;margin:0 10px 10px 0;clear:none}.videos .floater{float:right;max-width:30%;margin:0 0 20px 20px}.video-section{clear:right}.video-section h1{margin:0 0 10px;font-size:2.2em}.video-section a{color:#2e4758;text-decoration:none}.video-section a:hover{text-decoration:underline}.video-section a span{font-family:Georgia,'Times New Roman',Times,serif;font-size:.5em;font-weight:normal}.youtube-video{margin-bottom:40px;overflow:auto;clear:both}.youtube-video .video-wrapper{position:relative;float:left;width:50%;overflow:hidden}.youtube-video .video-wrapper .play{position:absolute;top:50%;left:50%;margin-top:-39px;margin-left:-39px}.youtube-video .video-wrapper iframe{position:relative;float:left}.youtube-video .desc{float:left;max-width:45%;padding-left:20px}.youtube-video .desc img{float:none;margin-right:7px;vertical-align:-2px}.youtube-video .desc ul{margin:10px 0 0 20px}.youtube-video .desc h3{margin-top:0;margin-bottom:15px}.youtube-video .desc a{text-decoration:none}.youtube-video .desc a:hover{text-decoration:underline}.youtube-iframe{position:relative}.youtube-poster{float:left}.show-video img,.hidden,.show-video .play{display:none}.post-wrapper{margin-bottom:20px;overflow:auto}.post-wrapper .meta{float:left;margin-bottom:10px}.post-wrapper .post-title{margin:0 0 .5em 0}.post-wrapper .post-categories,.post-wrapper .post-tags{padding:0;margin:20px 0 0 0;list-style:none}.post-wrapper .date{font-style:italic}.post-wrapper .meta{float:left;width:20%;margin-top:10px}.post-wrapper .text{float:left;width:80%}.post-wrapper .featured-image{margin-bottom:10px}.post-wrapper .mobile-date{display:none;margin-bottom:10px}.post-wrapper .mobile-meta{display:none}.nav-posts{height:3em;overflow:auto;clear:left}.nav-posts a{padding:10px 20px;line-height:2em;color:#325f52;text-decoration:none;background-color:rgba(147,166,177,0.4)}.nav-posts a:hover{color:#2d5549;background-color:rgba(156,173,183,0.4)}.nav-posts span{float:right}.attached-documents{margin:30px 0 20px 0!important;overflow:auto;list-style:none}.attached-documents a{text-decoration:none}.attached-documents li{margin-bottom:10px;clear:left}.attached-documents img{width:46px;height:auto;margin-right:10px;vertical-align:middle}.wh-events{background:#325f52}.wh-events h1,.wh-events h2{color:#e9e9e9;text-shadow:0 -1px 0 rgba(0,0,0,0.7)}.wh-events .note-nav h1{color:#325f52;text-shadow:none}.wh-events .note-nav:hover h1{color:#44806f}.komma-igang{background:#0a5c2b}.komma-igang h1,.komma-igang h2{color:#e9e9e9;text-shadow:0 -1px 0 rgba(0,0,0,0.7)}.komma-igang .note-nav h1{color:#0a5c2b;text-shadow:none}.komma-igang .note-nav:hover h1{color:#0f8a40}.biologi{background:#cfe0e8}.biologi h1,.biologi h2{color:#375469;text-shadow:0 1px 0 #fff}.biologi .note-nav h1{color:#cfe0e8;text-shadow:none}.biologi .note-nav:hover h1{color:#f1f6f9}.biologi .note-nav h1{color:#8ab3c7}.no-verkstan{background:#402212}.no-verkstan h1,.no-verkstan h2{color:#e9e9e9;text-shadow:0 -1px 0 rgba(0,0,0,0.7)}.no-verkstan .note-nav h1{color:#402212;text-shadow:none}.no-verkstan .note-nav:hover h1{color:#68371d}.kemi{background:#faeb4c}.kemi h1,.kemi h2{color:#c1b105;text-shadow:0 1px 0 #fff}.kemi .note-nav h1{color:#faeb4c;text-shadow:none}.kemi .note-nav:hover h1{color:#fbf17e}.kemi .note-nav h1{color:#dac806}.laborativ-ma-no{background:#201b60}.laborativ-ma-no h1,.laborativ-ma-no h2{color:#e9e9e9;text-shadow:0 -1px 0 rgba(0,0,0,0.7)}.laborativ-ma-no .note-nav h1{color:#201b60;text-shadow:none}.laborativ-ma-no .note-nav:hover h1{color:#2d2688}.fysik{background:#961a20}.fysik h1,.fysik h2{color:#e9e9e9;text-shadow:0 -1px 0 rgba(0,0,0,0.7)}.fysik .note-nav h1{color:#961a20;text-shadow:none}.fysik .note-nav:hover h1{color:#c12229}.teknik{background:#da7e34}.teknik h1,.teknik h2{color:#e9e9e9;text-shadow:0 -1px 0 rgba(0,0,0,0.7)}.teknik .note-nav h1{color:#da7e34;text-shadow:none}.teknik .note-nav:hover h1{color:#e2995f}.nth-child-3n-3{margin-right:0!important}.nth-child-3n-4{clear:left}html.ie8 .box{width:246px}html.ie8 .sitemap{background-color:#93a6b1}html.ie8 .nav-posts a{background-color:#93a6b1}@media only screen and (max-width:768px){html.ie8 .chat img{display:none}}@media screen and (max-width:768px){.top{overflow:visible}.top .box{width:48.125%;max-width:none;margin-right:3.75%}.top .box:last-of-type{margin-right:0}.note{margin-top:0}.note p{padding-top:25px}.about{height:230px!important}.about img{max-width:100%}.palette{float:none;width:90%;margin:0 auto 30px;overflow:auto}.box,.boxes .box{height:230px}.sitemap ul{width:50%}.sitemap ul:nth-child(odd){clear:left}.block{max-width:50%}.chat{margin-top:0}.chat img{top:50%;right:-30px;bottom:auto;left:auto;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.title{margin-bottom:20px;text-align:center}}@media screen and (max-width:640px){.note p{font-size:.9em}.palette li h2{font-size:1.3em}.palette .info h2{font-size:1em}.boxes .box{width:48.125%;max-width:none;margin-right:3.75%}.boxes .box:nth-child(3n+3){margin-right:3.75%}.boxes .box:nth-child(3n+4){clear:none}.boxes .box:nth-child(even){margin-right:0}.menu.smaller h1{font-size:2.2em}.menu .headline{max-width:200px}.menu .photo{display:none}.gallery h1,.gallery h2,.gallery h3,.gallery a{clear:left}.youtube-video{margin-bottom:20px}.youtube-video .video-wrapper{float:none;width:100%}.youtube-video .video-wrapper .youtube-poster{width:100%;height:auto}.youtube-video .desc{float:none;max-width:100%;padding-left:0;margin-top:10px}.alignright,.alignleft,.alignright{max-width:50%}.content .block{float:none;clear:both}.chat p{font-size:.9em}.title h1{font-size:2.5em}.post-wrapper .text{width:100%}.post-wrapper .meta{display:none}.post-wrapper .mobile-date,.post-wrapper .mobile-meta{display:block}}@media screen and (max-width:440px){.container{padding:0 20px 0;margin-top:20px}.box{float:none;width:100%!important;height:180px!important;margin:0 0 30px 0!important}.box p{font-size:1em}.box ul{font-size:.9em}.note{height:200px!important}.note p{padding-bottom:0}.sitemap ul{width:100%}.menu{height:100px}.menu h1{font-size:2em}.book .meta h2{font-size:1.4em}.headline{padding:15px}.note-nav{top:-7px;width:50px;height:50px}.note-nav h1{font-size:1.2em!important;line-height:50px}.content h1{font-size:2em}.content h2{font-size:1.6em}.content h3{font-size:1.4em}.events span{margin-left:0}.events p{margin-left:120px}.youtube-video{margin-bottom:50px}.video-section a span{display:block}.mobile{display:block;margin-top:17px!important}.palette{padding-top:20px;margin-bottom:40px;overflow:visible}.palette>img{display:none;float:left;width:700px;max-width:none;margin-left:-150px}.palette ul{width:100%}.palette li{position:relative;top:auto;left:auto;width:100%!important;margin-bottom:10px;overflow:auto;clear:both}.palette li .wrapper{height:50px;min-height:50px}.palette li h2{float:none;padding:10px 0 0 0;margin:0 0 0 24%;color:#375469;text-shadow:0 1px 0 #e9e9e9}.palette li img{position:relative;float:left;max-width:20%}.palette .info{display:none}.box.chat{height:auto!important}.chat p{font-size:1em}.chat img{top:auto;right:auto;bottom:-39px;left:50%;z-index:100;max-width:32px;margin-left:-22px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}.title{margin-bottom:10px}.title h1{font-size:1.6em}}.lightbox .lb-image{max-width:none!important}p.has-large-font-size {line-height: 3rem;}@media (max-width: 600.98px){.wp-block-media-text__content {margin-top: 2rem;}}/* Added by WK :: Streamio custom placeholder */ .youtube-video .video-provider-streamio{position:relative;float:left;width:50%;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#253948 0%,#375469 100%);box-shadow:inset 0 0 40px rgba(0,0,0,0.25),0 2px 4px rgba(0,0,0,0.15)} /* active video */ .youtube-video .video-provider-streamio.show-video{aspect-ratio:16/9;background:#000} /* placeholder */ .youtube-video .video-provider-streamio .streamio-placeholder{position:relative;width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden} /* soft overlay */ .youtube-video .video-provider-streamio .streamio-placeholder:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,255,255,0.05) 0%,rgba(0,0,0,0.15) 70%);z-index:1} /* light texture */ .youtube-video .video-provider-streamio .streamio-placeholder:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(255,255,255,0.04),rgba(0,0,0,0.08));z-index:1} /* play button */ .youtube-video .video-provider-streamio .streamio-placeholder .play{position:relative;z-index:3;float:none;margin:0;transition:transform 0.2s ease,opacity 0.2s ease} /* hover */ .youtube-video .video-provider-streamio:hover .play{transform:scale(1.08);opacity:.92} /* small label */ .youtube-video .video-provider-streamio .streamio-label{position:absolute;right:12px;bottom:10px;z-index:5;font-family:'Dosis',sans-serif;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,0.7)} /* iframe */ .youtube-video .video-provider-streamio iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block} /* mobile */ @media screen and (max-width:640px){.youtube-video .video-provider-streamio{float:none;width:100%}} .youtube-video .video-provider-streamio .streamio-placeholder .play{position:absolute!important;top:50%!important;left:50%!important;margin:0!important;transform:translate(-50%,-50%)!important;float:none!important;z-index:3}