/*
Theme Name: ak5 for Nassw
Theme URI: knutagard.se
Description: A Alexander Knutagård production for Nassw
Author: Alexander Knutagård
Author URI: knutagard.se
Version: 1.0
*/

/* This is where our work begins.
-------------------------------------------------------------------------------*/

body {font: 14px / 1.35 "acumin-pro", sans-serif;margin:0;padding:0;color:#000;background:#fff;font-weight:400;-webkit-font-smoothing:antialiased;letter-spacing:1px;}

p, table{font-size:18px;font-weight:normal;vertical-align:baseline;padding-right:20px;color:#252525;margin-bottom:18px;}
table{margin-bottom:32px;width:100%;line-height:1.5;}
tbody{width:100%;}
tr{display:inline-block;margin-bottom:28px;width:100%;padding-bottom:24px;border-bottom:1px solid #ddd;}
td{display:inline-block;width:31%;padding-right:4%;}
.block li{font-size:18px;padding-left:30px;margin-bottom:18px;line-height:1.5;}
.block ul{margin-bottom:40px;}
.block li p{margin-bottom:0;}
a {text-decoration:none;margin:0;padding:0 0 2px 0;color:black;transition:ease-out 0.3s;border-bottom:2px solid transparent}

a:link {-webkit-tap-highlight-color: red;}

ins {background-color: #fcd400; color: #fff; text-decoration: none;}
mark {background-color: #fcd400; color: #fff; font-style: italic; }

input:-moz-placeholder { color:#ef2b2d;}
textarea:-moz-placeholder { color:#ef2b2d;}

img{width:100%;height:auto;margin-bottom:20px;}
p img{margin-bottom:0;}
.home img{margin-bottom:0;}
.home .imgback{line-height:0px;margin-bottom:20px;}
.imgback:empty{display:none;}

b, strong{font-weight:600;}

header{top:0;height:128px;position:fixed;background:#fff;padding:16px 40px 24px 40px;width:100%;z-index:999;box-shadow:0px 5px 10px rgba(0,0,0,0.25);transition: top 0.3s ease-out;}
.nav-up {
    top: -138px;
}
.site, .pagesite{margin:40px 40px 40px 0px;}
.home .site, .site2{margin-top:40px;}
#all{margin-top:128px;}
header h1{height:90px;position:absolute;text-indent:-9999px;background:url(images/nassw.jpg) no-repeat top left;background-size:auto 84px;width:300px;}/*
header .hsv h1{background-image:url(images/nousa.jpg);margin-top:3px;}*/
header h1, #nav li{display:inline-block;}
  #nav{position:absolute;right:25px;}
.menu li{font-size:20px;padding-left:15px;padding-right:15px;line-height:140px;}
.menu li a{text-decoration:none;border-bottom:2px solid transparent;transition: all 0.4s ease;}
.menu .current_page_item a, .menu li a:hover{border-bottom:2px solid #000;}
.hover .current_page_item a{;border-bottom:2px solid transparent;}
.hover .current_page_item a:hover{border-bottom:2px solid #000;}
.sub-menu{visibility:hidden;opacity:0;position:fixed;width:100vw;height:60px;line-height:0;top:128px;right:0;text-align:right;padding:32px 25px 40px;background:#fff;border-top:1px solid #ddd;transition:opacity 0.25s ease-out;box-shadow:0px 5px 10px rgba(0,0,0,0.25);}
.sub-menu li{line-height:0;}
.sub-menu li a{border-bottom:2px solid transparent;font-size:18px;}
.hover .sub-menu .current_page_item a{border-color:#000;}
li:hover .sub-menu{visibility:visible;opacity:1;transition:opacity 0.25s ease-out;}
#slider{height:600px;vertical-align:bottom;width:100%;overflow:hidden;transition:all 0.3s;}
#slider li{position:relative;height:600px;width:100%;}
#slider ul{}
.postintro{height:460px;width:100%;}
.postintro img{min-width:100%;}
.px{background:rgba(0,0,0,0.18);top:0;bottom:0;left:0;right:0;width:100%;height:100%;}
.contentblock{width:50%;display:inline-block;bottom:0;position:absolute;padding:44px 40px 0px 40px;background:white;}
.contentblock h1{font-size:38px;font-weight:400;margin-bottom:20px;}
.contentblock p{font-size:22px;padding:0px 40px 0px 0px;}
.contentblock a{display:inline-block;clear:both;line-height:100%;font-size:20px;border-bottom:2px solid #000;}
.top_banner{height:300px;position:relative;margin-top:128px;background-size:cover;background-position:top 40% center;}
.spacer{margin-top:127px;height:1px;}

.news h2{padding:80px 40px 20px;font-size:22px;border-bottom:2px solid #eee;margin-bottom:20px;font-weight:400;}

.filters{padding:64px 40px 36px 40px;}
.filters a{font-size:20px;margin-right:20px;cursor:pointer;}
.filters a.is-checked, .filters a:hover{color:#000;border-bottom:2px solid #000;}

a p.readmore{color:#999;padding-bottom:6px;}

/* Grid */

article {
list-style:none;
display:inline-block;
vertical-align:top;
overflow:hidden;
position:relative;}
.block{
overflow:hidden;padding-left:40px;
vertical-align:top;position:relative;margin-bottom:20px;}

.home .modlink{border-bottom:1px solid #ddd;margin-bottom:40px;display:block;}


.xs{width:25%;}
.s{width:33.3%;}
.m{width:50%;}
.postimg{width:75%;margin-left:12.5%;}
.posttext{width:66.6%;margin-left:16.7%;}
.l{width:66.6%;}
.xl{width:75%;}
.xxl{width:100%;}

.navigation a{margin-left:40px;padding-bottom:2px;word-spacing:1px;}
.navigation a:hover{border-color:black;color:black;}


.cat{color:white;padding:8px;line-height:1;margin-bottom:20px;display:inline-block;margin-right:14px;border-radius:2px;letter-spacing:2px;font-size:10px;text-transform:uppercase;}
.category-blog .cat, .category-bloggen .cat{background:#a0cdff;}
.category-nyheter .cat, .category-news .cat{background:#ef2b2d;}
.category-konferens .cat, .category-conference .cat{background:#0230cf;}
.category-evenemang .cat, .category-events .cat{background:#fff84d;color:#252525;}
.red .imgback{background:#ef2b2d;color:white;}
.blue .imgback{background:#0230cf;color:white;}
.lightblue .imgback{background:#7fb2d9;}
.yellow .imgback{background:#fdf78d;}
.lightblue img{mix-blend-mode:overlay}
.blue img{mix-blend-mode:screen}
.red img{mix-blend-mode:screen}
.yellow img{mix-blend-mode:darken}

/* Typografi */
h1, h2, h3, h4, h5{font-weight:400;padding-right:40px;}
h1{font-size:36px;margin-bottom:28px;line-height:1.25;}
h2{font-size:28px;font-weight:400;margin-bottom:28px;}
h3, h4{font-size:22px;font-weight:400;margin-bottom:18px;padding-top:10px;}
h4{color:#ef2b2d;}
.block2 h2{border-bottom:2px solid #ededed;padding-bottom:20px;}
h4{font-size:20px;}
.xxl h2 span{color:#999;}
.site2 .cat{margin-bottom:0;}
.post h3{
font-size:28px;
z-index:333;width:100%;margin-bottom:16px;line-height:1.2;}
.post p, .xs p{font-size:16px;}
.l p, .textm p, .mplus p{padding-right:60px;font-size:18px;}
.textm, .mplus{width:62.8%;margin-left:18.6%;}
.imagem, .mminus{width:62.8%;margin-left:18.6%;}
.l h3{font-size:32px;}
.l .imgback{margin-bottom:30px;}
.xs h3{font-size:22px;}

.entry-date, .entry-user, .sharer, h5{font-size:16px;display:inline-block;margin-bottom:10px;color:#999;margin-right:5px;}
.sharer{margin-bottom:24px;margin-top:4px;margin-left:20px;}
.sharer a{margin-left:6px;}
.sharer a:hover{border-bottom:2px solid #000;}
#footer{padding: 48px 40px 64px 40px;border-top:1px solid #ddd;position:relative;}
#footer, #footer p, #footer h3{font-size:16px;}

#footer .widget{width:24%;display:inline-block;vertical-align:top;}
#footer .widget-title{margin-bottom:40px;border-bottom:2px solid #000;display:inline-block;padding:0;}
#footer .widget_text{width:40%;}
#footer .widget_mc4wp_form_widget{width:21%;margin-left:2%;margin-right:10%;}
.widget_mc4wp_form_widget input{width:100%;}
#footer .widget_text a{padding:8px;line-height:1;font-size:14px;background:#ef2b2d;color:white;display:inline-block;margin-top:8px;}

li{margin-bottom:10px;}

#navtrigger{display:none;}

.search-form {
	position: absolute;
	right: 40px;
	top: 16px;
}
#lang{position:absolute;right:40px;top:28px;}
.sv{background:url(images/se.png) no-repeat top left;margin-left:10px;}
.en{background:url(images/gb.png) no-repeat top left;}
.sv, .en{text-indent:-9999px;background-size:18px auto;width:20px;height:20px;display:inline-block;}
.sv:hover{color:#0230cf;}
.en:hover{color:#ef2b2d;}

.search-field {
	background-color: transparent;
	background-image: url(images/search.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 21px 21px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.search-field:focus {
	background-color: #fff;
	border: 0px;
	cursor: text;
	outline: 0;
	width: 230px;
}

.search-submit {
  display: none;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

input{padding:7px 6px 3px;font:inherit;background:white;border:1px solid #ddd;margin-top:2px;color:#000;}
input[type=submit]{width:auto;background:#999;color:white;border:0;padding:8px;font-size:14px;line-height:1;}



.unslider-arrow {
  position: absolute;
  top: 650px;
  z-index: 9;
  display: block;
  width: 60px;text-align:center;
  height: 60px;
  color: #222;line-height:3.3;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.7;
  cursor: pointer;
}

.unslider-arrow:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

.unslider-arrow.prev {
  right:75px;background: url(images/aleft.png) no-repeat center center;background-size: 25px auto;text-indent:-9999px;
}

.unslider-arrow.next {
  right:23px;background: url(images/aright.png) no-repeat center center;background-size: 25px auto;text-indent:-9999px;
}

/* Print styles
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 1200px){
.menu li{padding-left:9px;padding-right:9px;}#nav{right:31px;}.sub-menu{padding:32px 31px 40px;}.contentblock h1{font-size:29px;}.contentblock p{font-size:20px;}}
@media only screen and (max-width: 1100px){.mplus, .textm, .imagem, .mminus{width:100%;margin-left:0;}.imagem{padding-left:40px;}.xs{width:50%;}header h1{background-size:auto 72px;background-position:left 0px top 6px}.menu li{font-size:19px;padding-left:6px;padding-right:6px;}nav{}
#nav{display:block}
	#slider{height:480px;}
	.unslider-arrow{top:530px;}
	.contentblock{bottom:100px;width:75%;}}
@media only screen and (max-width: 1000px){
	.search-field{margin-right:-30px;}
	#nav{box-shadow:0px 5px 10px rgba(0,0,0,0.25);display:none;line-height:1.3;background:white;width:100%;padding:29px 40px 15px;position:fixed;z-index:8888;left:0;top:0px;text-align:left;}
	.menu li{line-height:1;width:100%;padding:0;}
	.sub-menu{opacity:1;position:relative;width:100%;height:auto;line-height:1;text-align:left;box-shadow:none;visibility:visible;border-top:0;top:auto;padding:15px 0px 10px;}
	.sub-menu a{color:#868686;padding-left:15px;}.menu li a:hover, .sub-menu a:hover, .menu li a, .sub-menu a{border:0px;}
#navtrigger{display:block;width: 30px; height: 17px; background-image:url('images/hamburger.png');
background-image:none,url('images/hamburger.svg'), url('images/hamburger.png');background-size: 100% 100%;background-repeat:no-repeat; z-index: 9999;position:absolute;right:42px;top:29px;cursor:pointer;}
#lang{position:absolute;right:40px;top:80px;}
}
@media only screen and (max-width:920px){
td{display:inline-block;width:100%;padding-right:0;padding-bottom:18px;}}
@media only screen and (max-width: 880px){
	#slider{height:400px;}
	.unslider-arrow{top:450px;}
	.unslider-arrow.prev {right:62px;}
	.unslider-arrow.next {right:10px;}
	.contentblock{top:80px;bottom:auto;background:transparent;text-align:left;width:100%;padding:0 30px;}.contentblock .widget-title, .contentblock p, .contentblock a{padding:0;color:white;text-shadow:1px 1px 2px rgba(0,0,0,0.2);}.contentblock a{border-color:white;padding-bottom:6px;}
	.px{background:rgba(0,0,0,0.65)}
	}
@media only screen and (max-width: 840px){.search-field{display:none;}
	.xs, .m, #footer .widget, #footer .widget_mc4wp_form_widget{width:100%;}
	#footer .widget_mc4wp_form_widget{margin-left:0;margin-right:0;}#footer .widget_mc4wp_form_widget p{padding-right:0;}
	#nav{padding:29px 25px 15px;}
	#lang{right:25px;}
	#navtrigger{right:23px;}
	header{padding:16px 25px 24px 25px}
	.filters{padding:40px 25px 0px 25px}
	.block{padding-left:25px;}
	#footer{padding:40px 25px 40px 25px}
	.site, .pagesite{margin:40px 25px 40px 0px;}
	}
@media only screen and (min-width: 842px){}
@media only screen and (max-width: 680px){.contentblock{top:40px}
	.xs, .m{width:100%;}}
/*
.wf-loading {
visibility:hidden;
}

.wf-active {
visibility:visible;
}*/

.unslider{overflow:auto;margin:0;padding:0}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel>li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}
.unslider-nav{display:none;}