/*!  
Theme Name: Västerbottens Museum
Version: 1.0
Author: Lilla producenten
Author URI: https://lillaproducenten.se
*/

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,
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,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body{
	margin: 0;
	padding: 0;
	background: #fff;
	color: #333;
	font-size: 1.2em;
	font-family: "avenir-regular";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;		
	outline-color: #9a3324;
}

/* Typografi */

strong{
	font-family: "avenir-bold";	
}

p{
	margin-bottom: 1em;
	font-size: 1em;
	line-height: 1.4em;
}

hr{
	color: rgba(0, 0, 0, 0.1);	
}

.content .middle-column ul li{
	margin-bottom: 1em;
	margin-left: 1em;
}

p a,
.middle-column ul li a{
	color: #9a3324;	
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

p a:hover,
.middle-column ul li a:hover{
	border-bottom: 1px solid #9a3324;
}

p a.image{
	border-bottom: none!important;
}

.condensed{
	font-family: "avenir-con-demibold";
}

.italic,
em{
	font-family: 'avenir-italic';
}

.uppercase{
	text-transform: uppercase;
}

a{
	color: inherit;
	text-decoration: none;
	-webkit-transition: .2s;
	-moz-webkit-transition: .2s;	
	transition: .2s;	
}

a:hover{
	color: #9a3324;	
}

.the-category{
	color: #9a3324;
	font-size: 1em;
}

h1, h2, h3, h4, h5, h6{
	font-family: "avenir-demibold";
	line-height: 1.2em;
	margin-bottom: 10px;
	padding-top: 20px;
}

.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6,
.archive h1,
.archive h2,
.archive h3,
.archive h4,
.archive h5,
.archive h6,
.page-id-28 h1,
.page-id-28 h2,
.page-id-28 h3,
.page-id-28 h4,
.page-id-28 h5,
.page-id-28 h6{
	padding-top: 0;
}

article.klistrad h1{
	font-family: "avenir-con-demibold";
	font-size: 2.8em;
	text-transform: none;
	margin-bottom: 10px;
	line-height: 1.1em;
	padding-bottom: 0;
	text-transform: uppercase;
}

article.klistrad h1 a:hover{
	border-bottom-color: transparent!important;
}

article.klistrad h1.mindre{
	font-size: 2.2em;
}

article.klistrad h1.storre{
	font-size: 3.6em;
}

.single-image h1{
	font-size: 3em;
	margin-bottom: 10px;
}

h1.page-title{
	font-size: 2.2em;
	margin-bottom: 20px;
	padding-top: 0;
}

.single h1.page-title{
	font-size: 2.2em;
	margin-bottom: 20px;	
	padding-top: 0;
}

.home a h3{
	color: #9a3324;	
}

.home a:hover h3{
	color: #333;	
}


h1{
	font-size: 2.4em;
}

h2{
	font-size: 2em;
}

h3{
	font-size: 1.6em;
}

h4{
	font-size: 1.2em;
}

h5{
	font-size: 1.1em;
}

h6{
	font-size: 1em;
}

/* Bilder */

img{
	max-width: 100%;
	height: auto;
}

/* Header */

a#jump,
a#jump-menu {
    position: absolute;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    -webkit-transition: none;
    transition: none
}

#jump:focus,
#jump-menu:focus {
    position: static;
    overflow: visible;
    text-indent: inherit;
    text-align: center;
    background: #42454A;
    color: #fff;
    padding: 20px
}

a:focus,
input:focus,
textarea:focus,
button:focus,
select:focus,
.button:focus {
    outline: 2px solid #9a3324;
    z-index: 22!important
}

a.mouse-focus:focus,
input.mouse-focus:focus,
textarea.mouse-focus:focus,
button.mouse-focus:focus,
select.mouse-focus:focus,
#content:focus,
.button.mouse-focus:focus {
    outline: none
}

#mobile-header{
	background: #F6F3EE;
	text-align: center;
	padding: 30px 0;
	display: none;
}

.page #mobile-header,
.archive #mobile-header,
.search #mobile-header{
	margin-bottom: 0px;
}

.home #mobile-header{
	margin-bottom: 0;
}

#mobile-header img{
	max-width: 234px;
	height: auto;
	display: block;
	margin: auto;
}


header{
	background: #fff;
	display: block;
	overflow: visible;
}

header #site-logo{
	width: 230px;
	height: auto;
	display: inline-block;
	float: none;
	padding-right: 30px;
}

header #header-oppet{
	display: block;
	text-align: right;
	position: relative;
	float: right;
	text-transform: uppercase;
	font-family: "avenir-medium";	
	font-size: 0.8em;
	clear: right;
}

header #header-oppet a{
/* 	color: #42454A;	 */
/* 	color: #9a3324;	 */
	display: inline-block;
}

header #header-oppet a:hover{
	color: #9a3324;
}


header #header-oppet strong{
font-size: 1em;
}

header #toppmeny-wrap{
	background: #fff;
	overflow: visible;	
	border-bottom: 0px solid #d7cca6;	
	padding: 30px 0 10px;
	position: relative;
	clear: both;
}

header #toppmeny-wrap:after,
header #toppmeny-inner:after,
header #search-bar:after,
.form-wrapper:after,
.form-wrapper label:after,
#header-oppet:after,
#toppmeny:after{
  content: "";
  display: table;
  clear: both;
}

header #toppmeny-inner{
	overflow: visible;
	margin: 0 auto;
	clear: both;
	position: relative;
	max-width: 960px;
	padding: 10px 60px 20px;

}

/* Toppmeny */

nav#toppmeny{
	display: inline-block;
	overflow: visible;
	padding: 20px 0 0;
	color: #333;
	float: right;
	clear: both;
}


nav#toppmeny li{
	display: inline-block;
	text-transform: uppercase;
/* 	font-family: "avenir-demibold";	 */
/* 	font-family: "avenir-con-demibold";	 */		
	font-family: "avenir-medium";
	font-size: 0.8em;
	padding-right: 10px;	
}

nav#toppmeny li:nth-last-child(2){
	padding-right: 0;
}

nav#toppmeny li a{
	color: #333;	
	text-decoration: none;
	border-bottom: 3px solid transparent;	
}

/*
nav#toppmeny li:after{
	content: "|";
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
}

nav#toppmeny li:last-child:after{
	display: none;
	content: "";
}

nav#toppmeny li.search:after{
	display: none;
	content: "";
}
*/

/* Huvudmeny */

#huvudmeny-wrap{
/* 	background: url('img/exclusive_paper.png'); */
	background: none; 
	overflow: hidden; 
	border-top: 3px solid #42454A; 
	border-bottom: 1px solid #42454A;
	width: 100%;	
/*
	max-width: 1440px;
	margin: 0 auto;
*/
	position: relative;
}

nav#huvudmeny{
	display: block;
	justify-content: space-between;
	padding: 0 60px;
	margin: 0 auto;
	max-width: 960px;
	position: relative;
	float: none;
	clear: both;
	overflow: visible;
}

nav#huvudmeny ul{
	display: flex;
	justify-content: space-between;
	width: 100%;
	overflow: visible;
	position: relative;

}

nav#huvudmeny li{
	display: inline-block;
	text-transform: uppercase;
	font-family: "avenir-medium";
/* 	font-family: "avenir-demibold";		 */
/* 	font-family: "avenir-con-demibold";	 */
/* 	font-family: "avenir-bold";	 */
/* 	letter-spacing: 0.02em; */
	font-size: 0.9em;
	flex-basis: auto;
	position: relative;
	text-align: left;
    -webkit-transition: .2s;
    transition: .2s;		
	border-bottom: 3px solid transparent;
}

nav#huvudmeny li a{
	color: #333;	
	text-decoration: none;
	display: inline-block;
	padding: 12px 5px;
	margin-bottom: -3px;
	margin-right: 0;
	margin-left: 0;
	overflow: visible;
}

nav#huvudmeny li:nth-last-child(2) a{
	padding-right: 0!important;
}

nav#huvudmeny li a:hover{
/* 	border-bottom: 3px solid #9a3324;	 */
/* 	border-bottom: 3px solid rgba(0, 0, 0, 0.4);	 */
	color: #9a3324;
}

nav#huvudmeny li:last-child a{
	margin-right: 0;
}

nav#toppmeny li.current-menu-item a,
nav#toppmeny li.current-menu-ancestor a{
/*
	border-bottom: 3px solid #9a3324;
	position: relative;
*/
	color: #9a3324;
}

nav#toppmeny a:hover{
/* 	border-bottom: 3px solid #9a3324;	 */
/* 	border-bottom: 3px solid rgba(0, 0, 0, 0.2);		 */
	color: #9a3324;
}


nav#huvudmeny li.current-menu-item a,
nav#huvudmeny li.current-menu-ancestor a{
/*
	border-bottom: 3px solid #9a3324;
	position: relative;
*/
	color: #9a3324;
}

/* Content wrapper */

.site-content-wrap{
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
/* 	background: url('img/page-bg.gif') repeat; */
}

/* Content */

.content{
	max-width: 960px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 60px;
	position: relative;
}

.home .content{
	margin-top: 40px;
}

.full-column{
	width: 100%;
	margin: 40px auto;
	position: relative;
	overflow: visible;	
}

.middle-column{
	max-width: 680px;
	margin: 40px auto;
	position: relative;
	overflow: visible;
}

.page .middle-column,
.post-type-archive-personal .middle-column{
	width:64%; 
	display: inline-block;	
}

.single-image{
	margin: 30px auto 0;
	overflow: hidden;
	max-width: 960px;
	height: 640px;
	position: relative;
	background-repeat: no-repeat!important;
	background-position: center center!important;
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;   
	
}

.single-image .the-category a{
	color: #fff;
	text-transform: uppercase;
}

.single-image .location a{
	border-bottom: 1px solid transparent;
	display: inline-block;
}

.single-image .location a:hover{
	border-bottom: 1px solid #fff!important;
	color: #fff;
}

.rgg-imagegrid{
	margin-bottom: 1em;
	overflow: hidden;
}

.rgg-a.image:hover{
	opacity: 0.8;
}

/* Articles */

.klistrad-wrap{
	background: #42454A; 
	background: transparent;
	overflow: hidden;
	margin-top: 50px;
}

article.klistrad{
	background: #42454A;
/* 	background: #f1b434; */
	color: #fff;
	overflow: hidden;
	position: relative;
	display: block;
	max-width: 1440px;
	margin: 0% auto 0;
	max-height: 576px;
}

article.klistrad a{
	color: #fff!important;
}

article.klistrad a:hover{
	border-bottom-color: #fff!important;
}

article.klistrad .image-wrap-wrap{
	overflow: hidden; 
	display: inline-block; 
	width: 60%; 
	position: relative; 
	min-height: 576px; 
	float: left;
}

article.klistrad .image-wrap{
	width: 100%;
	min-height: 580px;
	display: block;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat!important;
	background-position: center center!important;
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;   
	-webkit-transition: .6s;
	transition: .6s;	
}

/*
article.klistrad a:hover .image-wrap{
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
}
*/

.ingress-fade-overlay{
background: -moz-linear-gradient(top, rgba(66,69,74,0) 0%, rgba(66,69,74,1) 95%);
background: -webkit-linear-gradient(top, rgba(66,69,74,0) 0%,rgba(66,69,74,1) 95%);
background: linear-gradient(to bottom, rgba(66,69,74,0) 0%,rgba(66,69,74,1) 95%);
	position: absolute; 
	bottom: 0; 
	height: 20%;
	width: 100%; 
	left: 0;
}


article.klistrad .flex-box{
	display: flex; 
	align-items: center; 
	height: 576px;
}

article.klistrad .flex-box .flex-item{
	max-height: 500px; 
	position: relative; 
	overflow: hidden;
}

article.klistrad .content-wrap{
	width: 40%;
	display: inline-block;
	overflow: hidden;
	height: 576px;
	position: relative;
	float: left;
	padding: 0 4%;
	box-sizing: border-box;
}

article.klistrad .the-category{
	text-transform: uppercase;
	font-family: "avenir-con-demibold";
	font-size: 1.4em;	
}

article.klistrad .location{
	font-size: 0.8em;
}

article.klistrad p{
	font-size: 1.1em;
}

article.klistrad a{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid transparent;
}

article.klistrad a:hover{
	border-bottom: 1px solid #fff;
	color: #fff;
}

article.normal{
	display: block;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 18px;
	padding-bottom: 18px;
	width: 100%;
}

.archive article.normal,
.page-template-template-minimus-kalender article.normal{
	border-top: 1px solid rgba(0, 0, 0, 0.1);	
	padding-top: 18px;
	margin-top: 18px;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.home article.normal:first-child{
	border-top: 1px solid rgba(0, 0, 0, 0.1);	
	padding-top: 18px;
	margin-top: 18px;
}

.post-type-archive-personal article.normal{
	margin-bottom: 0px; 
	margin-top:18px; 
	padding-top: 18px; 
	padding-bottom: 0px;	
}

article.normal p{
	margin-bottom: 0;
}


/*
article.normal a{
	border-bottom: 1px solid transparent;
}

article.normal a:hover{
	border-bottom: 1px solid #333;
	color: #333;
}
*/

/*
article.normal:nth-child(2){
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 20px;
}
*/

article.normal .image-wrap-wrap{
	overflow: hidden; 
	display: inline-block; 
	width: 33.333333%; 
	position: relative; 
	height: 213px;
	float: left;
}

/*
.page-template-template-minimus-kalender article.normal .image-wrap-wrap{
	width: 66.666666%;
}
*/

article.normal .image-wrap-wrap.noimg{
	height: auto!important;
}

article.normal .image-wrap{
	display: block;
	overflow: hidden;
	width: 100%;
	height: 213px;
	background-repeat: no-repeat!important;
	background-position: center center!important;
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;   
/* 	filter: grayscale(100%);		 */
	-webkit-transition: .6s;
	transition: .6s;
}

/*
article.normal a:hover .image-wrap{
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
}
*/


article.normal .content-wrap{
	display: inline-block;
	overflow: visible;
	float: left;
	width: 66.666666%;
	padding: 0 0 0 2%;
	box-sizing: border-box;
}

/*
.page-template-template-minimus-kalender article.normal .content-wrap{
	width: 33.333333%;
}
*/


article.normal .content-wrap h3{
	display: inline-block;
	margin-bottom: 5px;
}

.small-articles-wrapper{
	display: flex; 
	overflow: hidden; 
	width: 100%; 
	margin-bottom: 18px;
}

article.small{
	flex-basis: 100%;
	overflow: hidden;
	position: relative;
	margin-right: 0;
	padding: 0px 6% 2% 0%;
	vertical-align: top;
	font-size: 1em;
}

article.small:last-child{
	padding-right: 0;
	margin-right: 0;
}


article.small p{
	margin-bottom: 0;
}


article.small .content-wrap h3{
	margin-bottom: 5px;
}


/* Misc */

.post-type{
	text-transform: uppercase;
	font-size: 1em;
}

.post-type a,
.the-category a{
	border-bottom: 1px solid transparent;
}

.post-type a:hover,
.the-category a:hover{
	border-bottom: 1px solid #fff;
	color: #fff;
}


.breadcrumbs{
	margin: 30px auto 30px;
	max-width: 960px;
	position: relative;
	padding: 0 60px;
	font-size: 0.8em;
	font-family: "avenir-regular";
/* 	opacity: 0.4; */
    -webkit-transition: .2s;
    transition: .2s;		
    display: block;
}

.breadcrumbs:hover{
/* 	opacity: 1; */
}

.breadcrumbs a{
	color: #333;
}

.breadcrumbs a:hover{
	color: #9a3324;
}

.breadcrumbs span,
.breadcrumbs i.fa{
	margin-right: 3px;
}

.sidebar{
	display: inline-block; 
	vertical-align: top; 
	float: right;	
	width: 32%;
	margin-top: 0%;
	margin-bottom: 4%;	
}

.sidebar .widget_custom_menu_wizard{
	background: none;
	padding: 0;
}

.sidebar .widget_custom_menu_wizard .widgettitle{
	font-family: "avenir-con-demibold";	
	padding: 10px 0 0px 20px;
	font-size: 1.6em;
}

.sidebar .menu-widget li.menu-item-has-children > a:after{
	content: "\f107";
    font-family: "FontAwesome";
	display: inline-block;
	float: right;
	overflow: hidden;
}

.widget_custom_menu_wizard .sub-menu{
/* 	display: none!important; */
}

.sidebar .menu-widget .sub-menu{
	display: none;
}

.sidebar .menu-widget .sub-menu li{
	text-transform: none;
}

.sidebar .menu-widget .sub-menu li a{
	padding-left: 20px;
}

.sidebar .menu-widget li.current-menu-item > a{
	color: #9a3324;	
}

.sidebar .menu-widget li{
	list-style-type: none;
	background: none;	
	font-family: "avenir-medium";	
}

.sidebar .menu-widget > li.cmw-level-1{
	text-transform: uppercase;
}

.sidebar .menu-widget li a{
	padding: 15px 10px 10px 0px;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);	
	font-size: 0.8em;		
}

.sidebar .menu-widget li.cmw-level-1:first-child > a{
	padding-top: 0;
}

.sidebar .menu-widget li.cmw-level-1:last-child > a{
/* 	border-bottom: none; */
}

.sidebar .menu-widget .current-menu-item  .sub-menu,
.sidebar .menu-widget .current-menu-ancestor .sub-menu{
	display: block;
}

.description{
	font-size: 1em;
}

.single-image-content{
	position: relative; 
	margin: 0 auto; 
	max-width: 960px; 
	padding: 0 60px; 
	overflow: hidden; 
	height: 100%;
}

.single-image-content .inside{
	top: 50%; 
	transform: translateY(-50%); 
	max-width: 960px; 
	padding: 0 60px 0 0; 
	box-sizing: padding-box;
	margin: 0 auto; 
	position: absolute; 
	z-index: 9;	
}

.slider{
	overflow: hidden;
	margin-top: 4%;
	margin-bottom: 60px;
}

.location{
	overflow: hidden;
}

.location a{
	border-bottom: 1px solid transparent;
	color: inherit;
	display: inline-block;
}

.location a:hover{
	border-bottom: 1px solid #333;
}

.location i.fa{
/* 	color: #9a3324; */
	margin-right: 2px;
}

body.archive.post-type-archive-evenemang #site-content-wrap{
/* 	background: #f2eddd; */
}

body.archive.post-type-archive-evenemang article.normal .content-wrap p{
	margin-bottom: 0;
}

.filters{
	margin-bottom: 0px;
}

body.archive .content .button{
/* 	border-radius: 5px; */
	padding: 12px 18px;
	text-align: center;
	text-transform: uppercase;
	font-family: "avenir-con-demibold";
/* 	border: 4px solid #fff; */
	border: none;
	font-size: 0.9em;
	font-weight: 600;
/* 	letter-spacing: 0.05em; */
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	background: #42454A;
	overflow: hidden;
	display: inline-block;
	color: #fff;
	text-decoration: none;
    -webkit-transition: .2s;
    transition: .2s;	
    cursor: pointer;
}

body.archive .content .button.is-checked{
	background: #9a3324;
	color: #fff;
	font-weight: 600;
}

body.archive.post-type-archive-personal .button{
	background: #f7f7f7;
	color: #333;
	text-transform: none;
	font-family: "avenir-medium";
	letter-spacing: 0;
}

body.archive.post-type-archive-personal .button.is-checked{
	background: #9a3324;
	color: #fff;
	font-weight: 600;
}


.small-date{
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.8em;
	margin-bottom: 1em;
	margin-top: 5px;
	display: block;
}

article.normal .image-wrap .small-date,
article.normal .content-wrap .title-wrap{
	vertical-align: bottom;
	height: 40px;
	display: table-cell;
	padding-bottom: 5px;
}

.kalender article.normal .content-wrap h3{
	margin-bottom: 0;
}

.archive.post-type-archive-evenemang .small-date,
.single .small-date,
.archive.tax-platser .small-date,
.home .home-page .small-date,
.page-template-template-minimus-kalender .small-date{
	text-transform: none;
	font-size: 1em;
	font-family: "avenir-bold";	
	margin: 0 0 20px 0;
}

article.klistrad .small-date{
	text-transform: none;
	font-size: 1em;
	margin-bottom: 0;
	font-family: "avenir-bold";		
}

article.klistrad .location{
	margin-bottom: 20px;
}

.upt-container{
	margin-bottom: 0!important;
}

/* Footer */

footer{
	background: #42454A;
	overflow: hidden;
	color: #fff;
	display: block;
	width: 100%;
	font-family: 'avenir-medium';
}

footer .content{
	padding-top: 4%;
	padding-bottom: 4%;
}

.footer-widget{
	display: inline-block;
	width: 33%;
	vertical-align: top;
}

.footer-widget .widget-title{
	text-transform: uppercase;
	margin-bottom: 20px;
	font-family: "avenir-medium";
	font-size: 0.85em;
}

.footer-widget a{
	color: #fff;
	text-decoration: none;
	border-bottom: none;	
}

.footer-widget a:hover{
	border-bottom: none;
	opacity: 0.6;
}

.footer-widget i{
	font-size: 2em;
	width: 30px;
	margin-bottom: 10px;
	margin-right: 10px;
}

footer ul li{
	list-style-type: none;
}

footer ul li ul.sub-menu li{
	font-size: 0.8em;
}

footer ul li ul.sub-menu li:before{
	content: "-";
	display: inline-block;
	margin-right: 5px;
}

/*
footer ul li a{
	display: inline-block;
}

footer ul li ul.sub-menu{
	display: none;
}

footer ul li.menu-item-has-children:hover ul.sub-menu{
	display: block;
}
*/


footer #inner{
	max-width: 960px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

footer #inner .copy{
	overflow: hidden;
	position: relative;
	padding-bottom: 40px;
	opacity: 0.5;
}

footer #inner .copy p{
	margin-bottom: 0;
	font-size: 0.8em;
}

footer #inner .copy a:hover{
	opacity: 0.6;
}

footer #inner a{
	border-bottom: none;
	color: #fff;
}

li.shiftnav-depth-0 > a{
	font-family: "avenir-bold"!important;		
}

.menu-item-type-yawp_wim{
	display: none!important;
}

.menu-item-type-yawp_wim li{
	display: block;
}

.menu-item-type-yawp_wim li:first-child a{
	padding-top: 0px;
}

.menu-item-type-yawp_wim li a{
	padding: 10px 25px;
	display: inline-block;
}

.menu-item-type-yawp_wim li.current-menu-item a{
	color: #9a3324;
}

.page-id-28 .middle-column{
	width: 100%;
	max-width: 100%;
}

/*
.home .sbi_photo_wrap{
	filter: grayscale(100%);			
}

.home .sbi_photo_wrap:hover{
	filter: grayscale(0%);			
}
*/

.home #sb_instagram{
	margin-top: 20px;
}

.home #sb_instagram #sbi_load{
	padding-top: 0!important;
}

blockquote{
	padding-left: 3em;
	margin-right: 3em;
	margin-top: 30px;
	margin-bottom: 30px;
	font-size: 0.9em;
/* 	border-left: 2px solid #E7E1CA; */
}

#toppmeny .search a:hover,
#toppmeny .search a{
	border-bottom: none;
}

#toppmeny .search a:after{
	content: "\f002";
    font-family: "FontAwesome";
	display: inline-block;
	margin-left: -5px;
	font-size: 1.5em;
	color: #42454A;
	vertical-align: middle;
	margin-bottom: 5px;
	overflow: hidden;
	-webkit-transition: .2s;
	-moz-webkit-transition: .2s;	
	transition: .2s;		
}

#toppmeny .search a:hover:after{
	color: #9a3324;
}

#toppmeny .search.active a:after{
	content: "\f00d";
}

p.ingress{
	font-size: 1.2em;
}

.relaterat-block p{
	margin-bottom: 0;
}

a.contact-name{
	color: inherit;
	font-family: "avenir-demibold";
}

.relaterat-block .item-block{
	border-top: 1px solid rgba(0, 0, 0, 0.1); 
	overflow: hidden; 
	display: block; 
	margin-top: 20px; 
	padding-top: 20px;	
}

.relaterat-block .item-block.line{
	border-bottom: 1px solid rgba(0, 0, 0, 0.1); 	
	padding-bottom: 20px;
}

.relaterat-block .item-block p a{
	border-bottom: none;
}

#search-bar-wrap{
	position: relative;
	float: left;
	width: 100%;
	clear: both;
	overflow: visible;
	background: #42454A;
	display: none;
}
 
body.search #search-bar-wrap{
	display: block;
}

#search-bar{
	background: #fff;
	overflow: visible;
	position: relative;
	display: block;
	background: transparent;
	margin: 10px 0 0;
	clear: both;
	width: 100%;
}

.awesomplete ul li{
	display: block!important;
	text-transform: none!important;
}

#search-bar select{
	display: none;
}

#search-bar #form-wrapper{
	background: transparent;
}

#search-bar .awesomplete{
	display: inline-block;
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	position: relative;
	float: left;
}

#search-bar .awesomplete [aria-selected="true"]{
	background: #ebebeb;
}


#search-bar input[type="text"]{
	width: 100%;
	border: none;
	display: block;
	margin: 0;
	box-sizing: border-box;
	padding: 6px 10px;
	position: relative;
	height: auto;
	border-radius: 6px;
	border: 1px solid #999;
	background: transparent;
	color: #333;
	font-size: 0.8em;
	font-family: "avenir-regular";	
}

#search-bar .search-submit:hover{
	opacity: 0.7;
}

.searchandfilter li{
	margin-left: 0!important;
}

.searchandfilter .postform{
	margin: 0;
}

.searchandfilter li:first-child,
.searchandfilter li:last-child{
	display: none!important;
}

.searchandfilter input[type="submit"]:hover{
	background: rgba(0, 0, 0, 0.2);	
}

#search-bar .search-submit,
.searchandfilter input[type="submit"]{
	width: auto;
	display: inline-block;
	height: auto;
	border: none;
	margin: 0;
	padding: 6px 12px;
	font-size: 0.9em;
	font-family: "avenir-demibold";
	background: none;
	text-align: center;
	color: #666;
	cursor: pointer;
	right: 0px;
	top: 0;
	position: absolute;
}

.searchandfilter ul li:last-child{
	position: absolute;
	right: 0;
	top: 0;
}

/*

.searchandfilter ul li{
	float: none;
}


.searchandfilter ul li:first-child{
	float: left;
	width: 72%;
}
*/

.upt-container .upt-item,
.upt-container .upt-link{
	height: auto;
/* 	background: #42454A; */
	background: transparent;
	width: 100%;
}

.upt-container img{
/*
	max-width: 100%!important;
	max-height: 100%!important;
	-o-object-fit: contain;
	object-fit: contain;
	top: 50%!important;
	transform: translateY(-50%)!important;	
	position: relative;
*/
}

::selection {
  background: #9a3324; /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: #9a3324; /* Gecko Browsers */
  color: #fff;
}

.post-type-archive-personal .item p a{
	border-bottom: none;
}

table.mabel-bhi-businesshours{
	width: 100%;	
    border-spacing: 0;	
}

table.mabel-bhi-businesshours tr{
	overflow: hidden;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 10px;
	padding-bottom: 10px;
}

table.mabel-bhi-businesshours tr td{
	text-transform: capitalize;
	padding: 10px;
}

table.mabel-bhi-businesshours tr td:nth-child(even){
	text-align: right;
}


.mabel-bhi-businesshours tr.mbhi-is-current{
/* 	font-size: 1.2em; */
	font-family: 'avenir-demibold';
	background: #9a3324;
	color: #fff;
}

input[name="ofsearch"]:focus{   
	border: none;
    box-shadow: none;
    outline: 0 none;
}

.post-type-archive-personal li#menu-item-519 a{
	border-bottom: 3px solid #9a3324;
}

.shiftnav-search-input{
	border: none!important;
	color: #fff!important;	
	font-size: 1em!important;
}

.shiftnav-search .shiftnav-searchform{
	background: #42454A!important;
	color: #fff!important;
}

.menu-item-type-yawp_wim{
	display: none!important;
}

.social-sharing-wrapper{
	padding: 40px 0 0;
	font-family: "avenir-regular";	
}

.social-sharing a{
	color: inherit;
	border-bottom: none;
	margin-left: 0!important;
	margin-right: 8px;
}

.social-sharing a:hover{
	border-bottom: none;
}

.ss-icon{
    -webkit-transition: .2s!important;
    transition: .2s!important;	
	filter: grayscale(100%);		    		
}

.ss-icon:hover{
	filter: grayscale(0%);		    			
}

.ss-ask{
	font-weight: normal!important;
	margin-right: 10px;
}

.shiftnav-toggle-button{
	font-size: 1.2em!important;
	vertical-align: top!important;
	text-transform: uppercase;
	font-family: "avenir-demibold";
}
	
/* The CSS */
select {
    padding: 10px;
    margin: 20px 0 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    font-size: 0.8em;
	font-family: "avenir-medium";    
    border-radius:4px;
    width: 100%;
/*
    -webkit-box-shadow: 0 3px 0 #333, 0 -1px #333 inset;
    -moz-box-shadow: 0 3px 0 #333, 0 -1px #333 inset;
    box-shadow: 0 3px 0 #333, 0 -1px #333 inset;
*/
    background: #3B3D42;
    color:#fff;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

table{
	border-collapse: collapse;		
	font-size: 1em;
	line-height: 1.4em;	
}

table, th, td{
	border: 1px solid #999;
}

.full-column table tr,
.middle-column table tr{

}

.full-column table td,
.middle-column table td{
	padding: 10px!important;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

#search-bar li:nth-child(2) {position:relative}
#search-bar li:nth-child(2):after {
    content:'';
    font:0.8em "Consolas", monospace;
    color:#fff;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:16px; top:26px;
    padding:0px 0 0px;
    border-bottom:0px solid #ddd;
    position:absolute;
    pointer-events:none;
}
#search-bar li:nth-child(2):before {
    content:'';
    right:12px; top:20px;
    width:0; height:0;
    background:#3B3D42;
    position:absolute;
    pointer-events:none;
    display:block;
}

#upt-container.upt-theme-outline_circle .upt-thumb-slider:hover span.upt-next,
#upt-container.upt-theme-outline_circle .upt-thumb-slider:hover span.upt-previous{
	opacity: 1!important;
}


.upt-thumb-slider,
#upt-container,
.slider{
	overflow: visible!important;
}

.upt-next{
	right: -45px!important;
	padding-left: 45px!important;
}

.upt-previous{
	left: -45px!important;
	padding-right: 45px!important;
}

.upt-next,
.upt-previous{
	border-color: #42454A!important;
	color: #42454A!important;
	font-size: 22px!important;
}

#upt-container ol.flex-control-paging{
	bottom: 60px!important;
}

#upt-container ol.flex-control-paging li a{
	border-color: #fff!important;
	background: #fff!important;	
}

.wp-caption{
	margin: none!important;
	border: none!important;
}

.wp-caption p.wp-caption-text{
	font-size: 0.9em!important;
	color: inherit!important;
	padding-left: 0!important;
}

.archive article.normal p.ingress{
	font-size: inherit!important;
}

.archive article.normal p{
	padding-left: 0!important;
}

#upt-container span.upt-caption{
	font-size: 0.9em;
/* 	bottom: -40px!important; */
	bottom: auto!important;
	color: #333!important;
	background: none!important;
	margin-top: 10px;
	display: block;
	padding-left: 0!important;
	opacity: 1!important;
	position: relative!important;
	line-height: 1.4em!important;
	vertical-align: top!important;
}

figcaption[itemprop="caption"]{
	max-width: 960px;
	margin: 0 auto;
	padding-bottom: 20px;
	padding-top: 10px;
	font-size: 0.9em;
}

/*
.page figcaption[itemprop="caption"]{
	margin-bottom: 4%;
}
*/

.shiftnav-inner .mb-bhi-display{
	text-transform: uppercase;
}

.content.kalender{
	margin-top: 18px;
}

.produkter{
	display: flex;
	padding-top: 18px;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.produkt{
	width: 32%!important;
	display: inline-block; 
	border: none!important;
	margin-top: 0!important;
	padding-top: 0!important; 
	vertical-align: top;	
	margin-right: 18px;
	box-sizing: border-box;
}

.produkt:nth-child(3n){
	margin-right: 0;
}


.produkt .image-wrap-wrap,
.produkt .image-wrap-wrap .image-wrap{
	height: 204px!important;
}

:lang(en-US) .hide-eng{
	display: none!important;	
}

#cookie-notice{
	max-width: 720px;
	min-width: 540px;
	left: 50%;
	transform: translateX(-50%);	
	border-radius: 4px 4px 0 0;
}

#cookie-notice .cookie-notice-container{
	box-sizing: border-box!important;
	padding: 24px;
}

#cookie-notice .cookie-notice-container .cn-button{
	border: 1px solid transparent;
	padding: 8px 10px;
	text-shadow: none;
	font-size: 1.1em;
	margin-bottom: 10px;
}

#cookie-notice .cookie-notice-container a#cn-accept-cookie{
	background: #0D9A0D;
	color: #fff;
/*	border: 1px solid #fff; */
}

#cookie-notice .cookie-notice-container a#cn-accept-cookie:hover{
	background: #0b7a0b;
}

#cookie-notice .cookie-notice-container a#cn-refuse-cookie{
	background: #ebebeb;
	opacity: 0.8;
	color: #000!important;
}

#cookie-notice .cookie-notice-container a#cn-refuse-cookie:hover{
	opacity: 0.6;
}

#cookie-notice .cookie-notice-container #cn-notice-text{
	display: block;
	margin-bottom: 16px; 
	font-size: 1.1em;	
}

#cookie-notice .cookie-notice-container .cn-close-icon{
	top: 20px;
}

.tax-evenemangskategori .middle-column > img{
	display: none;
}

.single-utstallningar .small-date{
	text-transform: lowercase;
}

/* Media queries */

@media all and (max-width: 1260px) {
	
	header #header-oppet{
		font-size: 0.65em;
	}	
	
	nav#toppmeny li{
		font-size: 0.7em;
	}	
	
	nav#huvudmeny li{
		font-size: 0.8em;
	}
	
}

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

	.single-utstallningar figcaption[itemprop="caption"]{
		padding-left: 4%;
	}

}

@media all and (max-width: 1025px) {
	
	.produkter{
		display: block;
	}	
	
	.produkt{
		display: block!important;
		width: 100%!important;
	}
	
	.produkt .image-wrap-wrap,
	.produkt .image-wrap-wrap .image-wrap{
		height: 340px!important;
	}	
	
	.content.kalender{
		padding-top: 18px;
	}
	
	.post-type-archive-personal article.normal{
		margin-bottom: 0px; 
		margin-top:20px; 
		padding-top: 0px; 
		padding-bottom: 0px;	
	}	
	
	.home .content{
		margin-top: 0px;
	}
	
	footer ul li{
		font-size: 0.8em;
	}
	
	article.klistrad .flex-box{
		display: block; 
		height: auto;
	}
	
	article.klistrad .flex-box .flex-item{
		max-height: auto;
	}	
	
	.klistrad-wrap{
		margin-top: 0px;
	}	
	
	.menu-item-type-yawp_wim .shiftnav-toggle-button{
		width: 100%!important;
		background: transparent!important;
		padding-top: 30px!important;
		padding-bottom: 30px!important;
		padding-left: 25px!important;
		padding-right: 25px!important;
		font-size: 1em!important;
	}
	
	.menu-item-type-yawp_wim{
		display: block!important;
	}
	
	.menu-item-type-yawp_wim{
		display: block!important;
	}
	
	#mobile-header{
		display: block;
	}
	
	
	p{
		font-size: 0.8em;
	}
	
	table{
		font-size: 0.8em;
	}
	
	
	.upt-caption,
	figcaption[itemprop="caption"]{
		font-size: 0.8em;
	}
				
	.content .middle-column ul li{
		font-size: 0.8em;
	}				
				
	.page .middle-column,
	.post-type-archive-personal .middle-column{
		width: 100%;
		display: block;
	}			
	
	article.klistrad{
		max-height: none;
	}

	.sidebar{
		display: block; 
		float: none;
		width: 100%;
		margin-top: 40px;
	}

	.sidebar .widget_custom_menu_wizard{
		display: none;
	}
				
	.description{
		font-size: 0.8em;
	}	
	
	.description p{
		line-height: 1.2em;		
	}

	.single-image{
		margin-top: 0;
	}
	
	.single-image h1{
		font-size: 2.6em;
		margin-bottom: 10px;
	}
	
	h1{
		font-size: 2.2em;
	}
	
	h2{
		font-size: 2em;
	}
	
	h3{
		font-size: 1.4em;
	}
	
	h4{
		font-size: 1.3em;
	}
	
	h5{
		font-size: 1.1em;
	}
	
	h6{
		font-size: 1em;
	}
	
	
	.single-image-content{
		padding: 0 4%;
	}
	
	.single-image-content .inside{
		padding: 0 4% 0 0; 
	}	

	.single-image{
		height: 420px;		
	}	
	
	article.klistrad .image-wrap-wrap{
		display: block; 
		width: 100%; 
		min-height: 380px; 
		float: none;
	}
	
	
	article.klistrad .image-wrap{
		width: 100%;
		min-height: 380px;
		display: block;
		float: none;
	}
		
	article.klistrad .content-wrap{
		width: 100%;
		display: block;
		float: none;
		padding: 4%;
		height: auto;
	}
	
	article.klistrad h1{
		font-size: 2em;
		line-height: 1.1em;
	}
		
	article.klistrad p{
		font-size: 0.8em;
	}
				
	.content{
		padding: 0 4%;
	}	
	
	article.small{
		display: block;
		width: 100%;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin-bottom: 20px;
		padding-bottom: 20px;		
		padding-top: 0;
	}
	
	article.normal .image-wrap-wrap{
		display: block; 
		width: 100%!important; 
		height: 340px;
		float: none;
	}
	
	article.normal .image-wrap{
		display: block;
		float: none;
		width: 100%;
		height: 340px;
	}
		
	article.normal .content-wrap{
		display: block;
		float: none;
		width: 100%!important;
		padding: 0;
		margin-top: 20px;
	}
	
	.content.kalender article.normal .content-wrap{
		margin-top: 10px;
	}
	
	footer #inner .copy{
		text-align: center;
	}
	
	footer #inner .copy p{
		float: none;
		margin-left: 0;
		margin-right: 0;
		font-size: 0.7em;
	}		
	
	footer #inner .copy p.lilla{
		font-size: 0.7em;
	}	
		
	.small-date{
		font-size: 0.8em;
	}	
	
	.archive.post-type-archive-evenemang .small-date,
	.single .small-date,
	.archive.tax-platser .small-date,
	.home .home-page .small-date{
		text-transform: none;
		font-size: 0.8em;
		font-family: "avenir-bold";	
		margin: 0;
	}	
		
	.breadcrumbs{
		max-width: 680px;
		box-sizing: content-box;
		padding: 0 4%;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 0.8em;
	}
	
	.archive .breadcrumbs{
		max-width: 960px;
	}
	
	h1.page-title{
		font-size: 1.8em;
		margin-bottom: 10px;	
		padding-top: 0px;
	}
	
	.single h1.page-title{
		font-size: 1.8em;
		margin-bottom: 10px;	
		padding-top: 0px;
	}
	
	body.archive .button{
		padding: 8px 14px;
		text-align: center;
		text-transform: uppercase;
		font-family: "avenir-con-demibold";
/* 		border: 4px solid #fff; */
		font-size: 0.8em;
		font-weight: 600;
/* 		margin-top: 10px; */
		background: #42454A;
		overflow: hidden;
		display: inline-block;
		color: #fff;
		text-decoration: none;
	    -webkit-transition: .2s;
	    transition: .2s;	
	    cursor: pointer;
	}	
		
	p.ingress{
		font-size: 1.06em;
	}
	
}

@media all and (max-width: 820px) {
	
	.upt-next{
		right: 0px!important;
		padding-left: 0!important;
		padding-right: 15px!important;		
	}
	
	.upt-previous{
		left: 0px!important;
		padding-right: 0!important;
		padding-left: 15px!important;
	}		
	
	.upt-next,
	.upt-previous{
		border-color: #fff!important;
		color: #fff!important;
		font-size: 16px!important;
	}	
	
	#cookie-notice{
		max-width: 720px;
		min-width: 0;
		width: 100%;
	}
	
	#cookie-notice .cookie-notice-container{
		padding: 30px 10px;
	}		

}

@media all and (max-width: 540px) {
		
	body.archive.post-type-archive-evenemang .small-date,
	.single .small-date,
	body.archive.tax-platser .small-date{
		font-size: 0.8em;
		letter-spacing: -0.05em;
	}

	.single-image{
		height: 280px;		
	}	

	article.klistrad .image-wrap-wrap{
		min-height: 280px; 
	}

	article.klistrad .image-wrap{
		min-height: 280px;
	}
	
	.produkt .image-wrap-wrap,
	.produkt .image-wrap-wrap .image-wrap{
		height: 240px!important;
	}	

	article.normal .image-wrap-wrap{
		height: 240px;
	}

	article.normal .image-wrap{
		height: 240px;
	}
	
	.single-image h1{
		font-size: 1.8em;
		margin-bottom: 10px;
		line-height: 1.1em;
	}
	
	h1{
		font-size: 1.8em;
	}
	
	h2{
		font-size: 1.6em;
	}
	
	h3{
		font-size: 1.2em;
	}
	
	h4{
		font-size: 1.2em;
	}
	
	h5{
		font-size: 1.1em;
	}
	
	h6{
		font-size: 1em;
	}
	
	.footer-widget{
		width: 100%;
		display: block;
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.small-articles-wrapper{
		display: block; 
		overflow: hidden; 
		width: 100%; 
		margin-bottom: 4%;
	}
	
	footer #inner .copy{
		text-align: left;
		margin-left: 4%;
	}

	
}



@media only screen 
	and (min-device-width: 375px) 
	and (max-device-width: 667px) 
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: landscape) { 
	  
		body{
			font-size: 1em;
		}

		p{
			font-size: 1em;
		}
		
		p.ingress{
			font-size: 1.3em;
		}
		
		
		.content .middle-column ul li{
			font-size: 0.6em;
		}
		

		.content{
			padding: 0 16%;
		}

}


/* WP core */

.alignnone {
    margin: 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px
}

a img.alignnone {
    margin: 5px 20px 20px 0
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 100%;
    padding: 0;
    text-align: left;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
	color: #222;
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding:5px 4px 5px
}