/*
Theme Name: BLÅS&KNÅDA
Description: Theme for Blås & KnådA
Version: 3.0
Author: Sebastien Berthier
Author URI: http://sebastienberthier.com
*/


@media all{
	/*RESET*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:20px;text-align:left;}
ol,ul, il{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}


@font-face {
	font-family: 'RotisSansSerifStd-Regular';
	src: url("fonts/RotisSansSerifStd.woff");
}

@font-face {
	font-family: 'RotisSansSerifStd-Bold';
	src: url("fonts/RotisSansSerifStd-Bold.woff");
}

@font-face {
	font-family: 'RotisSansSerifStd-Light';
	src: url("fonts/RotisSansSerifStd-Light.woff");
}


/*TYPO*/
body { color: #333;font-size: 14px;font-family: 'RotisSansSerifStd-Regular';font-weight: normal;font-style: normal; }

a {text-decoration:none; font-family: RotisSansSerifStd-Bold;font-weight: normal;font-style: normal; color:black; }
a:hover {text-decoration:none;}
em { color: black; font: italic 16px Georgia, Geneva, "Times New Roman", times; display:block; margin:30px 20px 30px 90px;}




p {/*line-height:20px redondant*/ margin-bottom:50px;}
.alert { color:red!important; font-weight:bold!important;}
.rest {  display:none; }
.imgplus,.imgmin,.phnmin {width: 60px!important;height: 60px !important;background-size:300%!important;white-space: nowrap;overflow: hidden;display:block;text-indent:9999px; position:relative; background:url(images/plus3.png); margin:0 auto 0 auto;   }
.imgplus,.imgmin {top:-70px;}
.imgplus {background-position: 0px 60px;}
.imgplus:hover {background-position: 0px 0px;}
.imgmin {background-position: 120px 60px;}
.imgmin:hover {background-position: 120px 0px;}
.phnmin {background-position: 60px 60px;}


.hidden {  display:none; }
.box {-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */-moz-box-sizing: border-box;    /* Firefox, other Gecko */box-sizing: border-box;/* Opera/IE 8+ */}


/*STRUCTURE*/
.wrapper { width:970px; margin:0 auto 0 auto;}
.navigation { position:fixed; top:0; width:970px; padding:80px 0 10px 0; z-index:2; background:white;}
.logo { position:fixed; top:30px; z-index:4;}
nav {padding-top:2px;}


/*TRIANGLE*/
.triangle{
	/*width: 0;height: 0;border-style: solid;border-width: 350px 350px 0 0;-webkit-transform:rotate(360deg); position:absolute; top:0; left:0; z-index:3;*/
    position: fixed;display: inline-block;width: 0;height: 0;line-height: 0;border: 300px solid;border-top: none;border-left: none;border-bottom-right-radius: 300px;left: 0px;top: 0px;z-index:3;}


#footer{width:970px;}
.content { margin: 200px 0 100px 0;} 
.grid_thumb {}
.textleft { width:396px; float:left;}
.textleftpart { width:396px; float:left;}
.halftextleft { width:198px; float:left; padding-right:30px;  }/*396/2 = (168 + 30)*/
.halftextleft:first-child { margin-right:0px;}
.omoss { padding: 30px 0 90px 0;}
.images { width:478px; margin:0 0 0 492px;}
.imagespart { width:478px; margin:0 0 0 492px;}


.image_single{ margin-bottom:10px;}
.images img{ width:100%; height:100%; }


ul.time {padding: 0;overflow-x: hidden;}
ul.time li:before {float: left;width: 0;white-space: nowrap;
content:
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "
". . . . . . . . . . . . . . . . . . . . "}
ul.time span:first-child { padding-right: 0.33em; background: white}
ul.time span + span { float: right;padding-left: 0.33em;background: white}

h5 { margin-bottom:20px; color: #333;}
/*CATEGORIES POSTS*/

	/*grid 4 images*/
	
	.gridder-list,.gridder-list img {width:232px; }
	.gridder-list{ margin:0 14px 14px 0!important;}
	.gridder-list:nth-of-type(4n){margin-right:0!important;}
	.single{ margin:0 10px 28px 0!important;} /* JE */


	/*grid 3 images*/	
	
	.grid3, .front-list3 {display: inline-block;vertical-align: top;}	
	.front-list3 {width:314px; margin:0 10px 20px 0; } 
	.front-list3:nth-of-type(3n){margin-right:0!important;}

		/*logo category on the front page*/
		

		.trianglelabel{
						width: 0;height: 0;border: 68px solid;border-top: none;border-left: none;border-bottom-right-radius: 68px;line-height: 0;position:absolute;  z-index:1}
						
		
		.label {  color:white; display:block;text-align: center; width:50px; top:30px; position:relative; z-index:99 ;font-family: 'RotisSansSerifStd-Light'!important;}
		
				
/*		.trianglelabel{width: 0;height: 0;border-style: solid;border-width: 68px 68px 0 0;line-height: 0;position:absolute; }
		.label {  color:white; display:block;text-align: center; width:40px; top:-45px; position:relative; z-index:99 ;font-family: 'RotisSansSerifStd-Light'!important;}*/
		
			

	/*SLIDESHOW*/
	#slideshow{ margin-bottom:80px;}
	#slideshow, #slideshow ul{width:100%;height:400px;position:relative;}	
	#slideshow ul{list-style:none outside none;overflow:hidden;}
	#slideshow li:first-child{display:list-item;position:absolute;}
	#slideshow li{position:absolute;display:none;}
	#slideshow li, #slideshow img {min-width: 100%;}



	.slidnext, .slidprev{width: 20px!important;height: 20px !important;background-size:100%!important;white-space: nowrap;overflow: hidden;display:block;text-indent:9999px;position:absolute !important;top:50%;}
	.slidnext {background:url(images/arrow_right.png);right:-40px;}
	.slidprev {background:url(images/arrow_left.png);margin-left:-40px;}


	/*label common for grid display*/
	.caption { line-height:16px; padding:10px 0 0 0;}
	.front_title, .front_title a { text-transform:uppercase; font-family: 'RotisSansSerifStd-Light'!important; font-size:15px; margin:5px 0 2px 0 ; }
	.front_bold { font-weight:bold;}
	.cat_font_thin { font-family: 'RotisSansSerifStd-Light'!important;} 
	.selectedItem > .caption { display:none;} /* hie the title of the current item*/


	/*blog style display*/
	.cat_post:not(:first-child) { border-top:1px solid #ddd;; margin-top:60px; padding-top:60px;}
	.post_content { margin:80px 0 0 0; /*line-height:20px; redondant*/ }


/*MEMBERS*/


.gridder{margin:0px;padding:0px;list-style-type:none}
.gridder-list{display:inline-block;vertical-align:top}
.gridder-show{display:block;float:left;width:100%;position:relative}
.gridder-content{display:none}

.gridder-list:nth-child(n){margin-bottom:1%;margin-right:1%}
.gridder-show{margin-bottom:1%}

.gridder-list, .trigger{cursor:pointer}



.small { height: 80px;overflow:hidden;	display: block;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.big {height: auto;}




.gridder-expanded-content .textleft { padding:0 0 0 10px;}
.gridder-expanded-content { background:#F9F9F9;}

.gridder-close, .next, .prev{width: 20px!important;height: 20px !important;background-size:100%!important;white-space: nowrap;overflow: hidden;display:block;text-indent:9999px;position:absolute !important;top:10px;}
.gridder-close{ background:url(images/cross.png);float:right;right:-65px;}
.next {background:url(images/arrow_right.png);right:-40px;}
.prev {background:url(images/arrow_left.png);margin-left:-40px;}
.logocv{width: 55px;height: 55px;white-space: nowrap;overflow: hidden;display:block;text-indent:9999px; position:absolute; float:left; }
.cv {background:url(images/logo_cv_110.png) 0px -55px no-repeat; }
.cv:hover {background-position: 0 0;}
.hemsida {background:url(images/logo_cv_110.png) -55px -55px no-repeat;}
.hemsida:hover {background-position: -55px 0;}
.labellab {	   display: inline-block; top:0}
.labellogo { display: inline-block; vertical-align: middle; margin: 25px 0 0 70px; }
.labellogo2 { display: inline-block; vertical-align: middle; margin: 35px 55px 0 70px; }
.nameweb { display:inline-block;}

.search { padding:20px 0 10px 0;}
.search > ul { margin:10px 0 0 10px;} 
.search li { display:inline-block;	margin:0 30px 0 0;}

li.gridder-list:hover{ opacity:1!important; }
	
.hasSelectedItem .gridder-list:not(.selectedItem)  {opacity:.3} /* aimages nto active*/
.selectedItem .membername{ display:none;}
.hasSelectedItem .gridder-list.selectedItem{opacity:1}

.navinfo { display:none;}
H4 { margin:30px 0 0 0;}

/*OM OSS */
.hitta{ margin-bottom:30px;}
.newsletter { margin-top:30px;}
.time { width:150px;}
.right { float:right; } 
#map-canvas { width: 100%; height: 350px; background-image: url("http://blasknada.com/wp-content/uploads/2021/10/blasknadakarta.jpg"); background-size: cover;}    
	

/*HEADER*/

.logo{width: 335px!important;height: 54px !important;background-size:100%!important;white-space: nowrap;overflow: hidden;display:block;text-indent:9999px; background:url(images/logo_770b.png);}
.navigation { float:left;}

#menu-main a { text-decoration:none;}
#menu-main a { font-family: 'RotisSansSerifStd-Bold';}

#menu-main a:hover, li.current-menu-item a { font-family: 'RotisSansSerifStd-Bold'!important;  }

#menu-main a:hover   { letter-spacing:-0px; } /*letter-spacing:-.25px;avenir */
.current-menu-item > a:hover { letter-spacing:0px !important;} 

#menu-main { float:right; margin-top:-15px;}
#menu-main li { display:inline-block; padding:0 0 0 14px; }




/*FOOTER*/
#footer {  background:white; padding:10px 0 50px 0;} 

.foo{display:inline-block;vertical-align:top; float:left; width:25%; margin-bottom:60px;}

.spritefooter { width: 118px!important;height: 100px!important; background-size:100%!important;white-space: nowrap;overflow: hidden;display:block;text-indent:9999px; background:url(images/footer_logo_200.png);}


.spritesocial {white-space: nowrap;overflow: hidden;display:block;text-indent:9999px; margin-bottom:20px;}

.instagram { width: 35px;height: 35px; background:url(images/Social-icons_70.png) 0 0 no-repeat;float:left;   }
.instagram:hover {background-position: 0 -35px;}
.facebook { width: 35px;height: 35px; background:url(images/Social-icons_70.png) -38px 0 no-repeat; float:left; margin-left:5px;  }
.facebook:hover {background-position: -38px -35px;}


.footer_title { margin:0 0 10px 0 ;}
#footer input { width:100%; }

/*COLORS*/

.cat3, .gcat3 > .gridder-show{ background-color: #f7c6c6;} /*bultik #ffe5e5*/
.cat_3 a, .cat_3,.hover_cat_3 a:hover, #menu-item-9 a:hover, #menu-item-9.current-menu-item a{ color: #d57777;} /*bultik de9b9b*/
.tri3{border-color: #f7c6c6 /*transparent transparent transparent*/;}

.cat8, .gcat8 > .gridder-show{ background-color: #cfefbb;} /*Unik daf9c7*/
.cat_8 a, .cat_8,.hover_cat_8:hover, #menu-item-84 a:hover, #menu-item-84.current-menu-item a{ color: #a1d680!important;} /*Unik b0db95*/
.tri8{border-color: #cfefbb /*transparent transparent transparent*/;}


.cat4, .gcat4 > .gridder-show{ background-color: #b7ede0!important;} /*Utställningar*/
.cat_4 a, .cat_4,.hover_cat_4:hover, #menu-item-10 a:hover, #menu-item-10.current-menu-item a{ color: #7dd4c0;} /*Utställningar b7ede0*/
.tri4{border-color: #b7ede0 /*transparent transparent transparent*/;}


.cat2, .gcat2 > .gridder-show{ background-color: #eef1ff;} /*members*/
.cat_2 a, .cat_2, .hover_cat_2:hover, #menu-item-11 a:hover, #menu-item-11.current-menu-item a{ color: #808fdd;} /*members 9aa6e5*/
.tri2{border-color: #eef1ff /*transparent transparent transparent*/;}


.cat7, .gcat7 > .gridder-show{ background-color: #f4e6ab;} /*Visningar*/
.cat_7 a, .cat_7, .hover_cat_7:hover, #menu-item-7 a:hover, #menu-item-7.current-menu-item a{color: #E6D175;} /*Visningar 808fdd*/
.tri7{border-color: #f4e6ab /*transparent transparent transparent*/;}


.cat5, .gcat5 > .gridder-show{ background-color: #e0e0e0;} /*news*/
.cat_5 a, .cat_5, .hover_cat_5:hover, #menu-item-12 a:hover, #menu-item-12.current-menu-item a{ color: #c1bebe;} /*news e0e0e0*/
.tri5{border-color: #e0e0e0 /*transparent transparent transparent*/;}

.cat97, .gcat97 > .gridder-show{ background-color: #f66d6d;} /*news*/
.cat_97 a, .cat_97, .hover_cat_97:hover, #menu-item-1262 a:hover, #menu-item-1262.current-menu-item a{ color: #d64c4c;} /*program db6262*/
.tri97{border-color: #f66d6d /*transparent transparent transparent*/;}


.cat4942, .gcat4942 > .gridder-show{ background-color: #4c7938;} /*Webshop*/
.cat_4942 a, .cat_4942, .hover_cat_4942:hover, #menu-item-4942 a:hover, #menu-item-4942.current-menu-item a{color: #4c7938;} /*Visningar 808fdd*/
.tri4942{border-color: #4c7938 /*transparent transparent transparent*/;}


.cat13, .gcat13 > .gridder-show{ background-color: #89479f;} /*Utställningar*/
.cat_13 a, .cat_13, .hover_cat_13:hover, #menu-item-13 a:hover, #menu-item-13.current-menu-item a{color: #89479f;} /*Visningar 808fdd*/
.tri13{border-color: #89479f /*transparent transparent transparent*/;}




/*TOOLS*/
.pagesnav a, .pagesnav span {margin: 0 6px 0 0; padding: 0 5px 0 0;}
.clearfix { clear: both; }
.iphone {display:none;}

#nav > a { display: none;}


}
@media all and (max-width: 1570px){
.triangle { display:none;}	
}

@media all and (max-width: 970px){
	/*drop down menu menu*/
	.menubutton {float:right; top: -10px; right:10px} 
	#nav	{position: relative;top: auto;left: auto; }
	#nav > a {width: 2.5em; height: 2.5em; text-indent: -9999px;position: relative;}
	#nav > a:before,#nav > a:after  /* this is the symbol of dropdown menu*/ /* this is the symbol of dropdown menu*/ {content: "";position: absolute;top:  0.8em;left: 0.2em;width: 2.1em;height: 0.25em;border-top: .7em double #000;border-bottom: .25em solid #000;}
	#nav:not( :target ) > a:first-of-type,
	#nav:target > a:last-of-type  {	display: inline-block;}
	#nav .menu-main-container ul { padding:0; height: auto;display: none;float:left;width:100%; margin:0px 0 0 -10px; opacity: 0.9;filter: alpha(opacity=90); }
	#nav > .menu-main-container > ul > li { width:100%; float:none; height:25px; background:#fff  }
	/*#nav > .menu-main-container > ul > li.menu-item-7 a{ color:#fff;}
	#nav > .menu-main-container > ul > li.menu-item-11 a{ color:#eef1ff;}
	#nav > .menu-main-container > ul > li.menu-item-9 a{ color:#f7c6c6;}
	#nav > .menu-main-container > ul > li.menu-item-84 a{ color:#cfefbb;}
	#nav > .menu-main-container > ul > li.menu-item-10 a{ color:#eef1ff;}
	#nav > .menu-main-container > ul > li.menu-item-13 a{ color:#f4e6ab;}
	#nav > .menu-main-container > ul > li.menu-item-12 a{ color:#e0e0e0;}*/
	
	
	#nav >.menu-main-container > ul > li:first-child  {padding-top:0px; 	} /*fix height of the first list item*/
	#nav >.menu-main-container > ul > li > a{padding: 5px 0 0px 10px ;}
	#nav .menu-main-container ul li a {  display:block; }
	#nav:target > .menu-main-container > ul{display: block;}
	#nav > .menu-main-container > ul > li > a{ }
	#nav > .menu-main-container > ul > li/*:not( :last-child )*/ > a {border-top: 1px solid #efefef;}    
	#nav .menu-main-container ul li ul { display:none;} /*second level*/
	
	}
	
		
@media all and (max-width: 780px){



body {font-size: 11px;  line-height:18px; background:white;  }
.wrapper, .navigation { width:100%;}	
.wrapper {  margin:0 auto 0 auto;}
h1 { margin-left:10px;}
.navigation { padding:22px 0 0 0;}
nav {padding-top:0;}

.content { padding:0px 10px 0 10px; margin: 100px 0 50px 0; }
.logo{width: 162px!important;height: 26px !important; top:10px;}
.triangle{border-width:0;}


	


	/*GRID IMAGES */ 
	
	#slideshow{ margin-bottom:30px;}
	#slideshow li, #slideshow img {width:100%;}
	.button { display:none;}


	.grid3, .front-list3 {display: block;}	
	.front-list3 {width:100%; margin:20px 0 0 0; display:inline-block; } 
	.front-list3:first-of-type{margin-top:0!important;}
	.imagethumb{ float:right; width:200px;}
	.imagethumb img{ width:200px;}
	.caption { width:100%; padding:0;  /* line-height:16px; padding:10px 0 0 0;}*/ }
		
		
	/*BUTIK MEMBERS UNIK*/
	ul.gridder { width:100%}
	.gridder-list {width:48%; padding-right:17px; margin-right:0!important; margin-bottom:30px; } /*50% if i fuix the n-child*/
	.gridder-list:nth-of-type(2n){padding-right:0;}

	.gridder-list img {width:100%; }
	.gridder-navigation { display:block;position:fixed;background:#fff;margin:0 0 0 -10px;padding:8px 0px 0 10px;height:20px;width:100%;z-index:999;bottom:0px;}
	.navinfo { position:fixed; width: 100%; height:30px; left:0; bottom: 20px; text-align:center; font-size:12px; text-transform:uppercase; background:white;}
	/*.navinfo span { background:white; padding:10px;}*/

	.caption { padding:10px 0 0 0;}

	.gridder-close, .next, .prev{top:5px;}
	.gridder-close{ right:50%; text-align:center;}
	.next {Right:10px;}
	.prev {margin-left:-10px;}
	.hasSelectedItem .gridder-list:not(.selectedItem)  { display:none;} /* aimages nto active*/
	.selectedItem > img { display:none;}



	/*BLOG LIKE CATEGORY*/
	.cat_post { width:100%; display:inline-block; }
	.cat_post:not(:first-child) { border-top: 1px solid #ddd; margin-top:20px; padding-top:20px;}
	.image_single img { width:100%;}
	.iphone_images { margin: 20px 0 0 0;}

	/*PAGE*/

	.textleft { width:100%; float:none;}
	.halftextleft { width:50%; float:left; margin-bottom:30px; padding-right:40px;}
	.halftextleft:first-child { marging-right:0px;}
	.halftextleft:nth-child(2) > h5 {  padding-left: 20px;}
	.halftextleft:nth-child(2) > .address {  border-left:1px solid #ddd; padding-left:20px;}
	.omoss { padding: 30px 0 0px 0;}
	.images { width:100%; margin:0 0 0 0;}
	.time { width:100%;}
	#map-canvas { height: 200px;}    
	.hitta{ margin-bottom:50px;}

/*	 FOOTER*/


#footer {width: 100%; margin:200px 0 0 0;}
.foo { width:50%; padding:0 40px 0 10px;}

	}
@media all and (max-width: 504px){

	.gridder-list {width:100%; padding-right:17px; margin-right:0!important; margin-bottom:30px; } /*50% if i fuix the n-child*/
	#slideshow, #slideshow ul{height:150px;}	
	.imagethumb{  padding-left:7px;} /* JE */

}
@media all and (max-width: 320px){
	
	.imagethumb{  width:150px;}

	.imagethumb img{ width:150px;}

	.cat_font_thin { font-size:9px;}

	/*BUTIK MEMBERS UNIK*/

	.gridder-list{width:100%; }
	
	.gridder-close{ right:50%;}





}


/* JE */

.footer_title {
	font-family: 'RotisSansSerifStd-Bold';
}


input[type=text] {
    padding:5px;
	margin-top: 5px;
    border:1px solid #333; 
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

input[type=text]:focus {
    border-color: black;
}

.submit-button {
	margin-top: 10px;
	position: relative;
	width: 100%;
	height: 100%;
	width: 80px;

}

input[type=submit] {
    padding:5px 15px; 
    background:#ccc; 
    border:0 none ;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
	transition: all .35s;
	width: 80px;
	height: 30px;
	background: #404040;;
	color: white;
}

input[type=submit]:hover{
	background: #eee;
	border: 1px solid black;
	color: #404040;
}

/*

input[type=submit]{
	font-family: 'Ubuntu', sans-serif;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	width: 170px;
	height: 40px;
	line-height: 1;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	border: 3px solid #8C82FC;
	background: #fff;
	color: #8C82FC;
	border-radius: 40px;
	cursor: pointer;
	overflow: hidden;
	transition: all .35s;
  }


input[type=submit]:hover{
background: #8C82FC;
color: #fff;
}
  
input[type=submit] span{
opacity: 1;
visibility: visible;
transition: all .35s;
}
*/