/*
Theme Name: Bild & Bubbla 2025
Theme URI: http://www.pixelbruket.se
Description: Balance
Author: Erik Östman
Author URI: http://www.pixelbruket.se
Tags: white
Version: 1.6
License: This theme is released under GPL
Text Domain: pxlbrk
*/





@media screen and (max-width: 430px) {


.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	width: 100% !important;
}
.wp-caption {
	width: 100% !important;
}

}

@media screen and (max-width: 640px) {
ul.artikellista li{width: 100% !important;}
ul.avdelningar{display: none !important;}
.mobilebtnwrapper{display: block !important;}
.logo{ width: 120px !important;height: 100px !important;padding: 5px 0 0 0 !important;}
.mobilenav{display: block !important;}
header{padding:2px 0 0 124px !important; height: 108px !important;}
body{padding: 106px 0 0 0 !important;}
li.baknummer{width: 100% !important; }
.postmeta h1{font-size: 20px !important;}

.recensionsheroslider{height: auto !important;}
.recensionsheroslide{height: auto !important;}
recensionsheroimage{width: 100% !important; height: 450px !important;}
recensionsherocontent{width: 100% !important; height: auto !important;}



}





@media (min-width: 481px) and (max-width: 960px) {
li.baknummer{width: 50% !important; }
}


@media screen and (max-width: 960px) {
.col-4{width: 100% !important;}
.col-8{width: 100% !important;}

}
@media screen and (max-width: 1024px) {
body{font-size: 14px !important;}
.fronttext .deadcenter{width: 90% !important; }
}
@media screen and (max-width: 1360px) {
header{width: 100% !important;}
.wrapper{width: 100%; float:left; position: relative; padding: 0 2px !important; }
}

@media (min-width: 481px) and (max-width: 800px) {

}


@media (min-width: 801px) and (max-width: 960px) {
}



@media (min-width: 1280px) and (max-width: 9999999999px) {

}


@media (min-width: 1600px) and (max-width: 9999999999px) {
.slide{background-size: 100% auto !important;}

}





.mystery_box{
	width:10px;
	height: 10px;
	z-index: 99999999999999999999999999999999999999999999999999;
	background-color: yellow;
	position: fixed;
	top:0;
	left: 0;
	display: block;
}





body{margin: 0; padding: 158px 0 0 0; font-family: 'brandon-grotesque', sans-serif; font-weight: 400; color: #222222; background: #ececec; font-size: 16px; }


*{box-sizing: border-box; -webkit-font-smoothing: antialiased; }
[class*="col-"] {
    float: left;
    padding: 2px;
    position: relative;
}
/*********** COLUMNS ***********/



.col-1{width: 8.333333%;}
.col-2{width: 16.666666%;}
.col-3{width: 25%;}
.col-4{width: 33.333333%;}
.col-5{width: 41.666666%;}
.col-6{width: 50%;}
.col-7{width: 58.333333%;}
.col-8{width: 66.666666%;}
.col-9{width: 75%;}
.col-10{width: 83.333333%;}
.col-11{width: 91.666666%;}
.col-12{width: 100%;}

.sidebar{width: 33.333333%; float:left; padding: 10px;}

h2.sidebartitle{font-style: italic; font-size: 14px; color: #fff; text-transform: uppercase;}
h2.sidebartitle span{padding: 5px; background-color: #EC1B24; display: inline;}

/*********** The essentials ***********/

.svartbg{background-color:#000; color: #fff;}
.grabg{background-color:#292929; color:#333333;}
.redbg{background-color:#e30613 !important; color:#fff;}
.ljusgrabg{background-color:#d6d6d6;}

.vitbg{background-color: white; color: black;}
.vittext{color:#fff;}
.redtext{color:#EC1B24;}


.ease{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;}

.halftonebg{
	background-image: url('images/halftone.svg');
	background-size: auto 100%;
	background-repeat: repeat;
	background-position: center bottom;
}


.wrapper{width: 100%; float:left; position: relative; padding: 0 calc(50% - 680px); }
.content{width: 100%; float: left; background-color: #fff; padding: 5%; }
.sidebarbox{
	width: 100%;
	float:left;
	position: relative;
	padding: 30px;
	margin-bottom: 4px;
	overflow: hidden;
}


.ingress{font-size: 1.3em; font-weight: 700; display: block; margin-bottom: 15px;}

.overlaywrapper{width: 100%; float:left; position: relative; padding:50px; margin-top: 60vh; background: rgba(238, 238, 238, 0.8); z-index: 10; }

.frame{background: #222222; position: fixed; z-index: 100000;}
.frametop{width: 100%;right: 0;  top:0; height: 20px;}
.framebottom{width: 100%;right: 0;  bottom:0; height: 20px;}
.frameright{bottom:0;right: 0;  height: 100%; width: 20px;}
.frameleft{bottom:0; height: 100%; width: 20px; left:0;}

.dashed{border: 1px dashed #333333;}
.border{border: 4px dashed #222222;}
.border-6{border-right: 4px solid #222222;}

.nopadding {padding: 0 !important;}
.contentpadding{padding: 50px 0;}
.smallpadding{padding: 5px;}
.bigpadding{padding: 50px;}
.leftpadding {padding-left:10px !important;}
.rightpadding {padding-right:10px;}
.toppadding{padding-top:10px !important;}
.bottompadding{padding-bottom:10px !important;}
.onlybottompadding{padding:0 0 10px 0 !important;}
.onlytoppadding{padding:10px 0 0 0 !important;}
.smalltopbotpadding{padding:5px 0!important;}
.center{text-align: center !important;}
.right{text-align: right;}
p.italic{font-style: italic;}
.nocaps{text-transform: normal;}
.caps{text-transform: uppercase;}
.bold{font-weight: 600;}
.italic{font-style: italic;}
.smalltext{font-size: 0.8em;}


.extrapadding{padding:30px;}

#cookie-notice, .cn-bottom{padding-right: 100px;  z-index: 100000 !important; background: #000 !important; color: #fff !important;}
.cn-text-container{font-size: 14px; padding: 10px; font-family: 'brandon-grotesque', sans-serif; font-weight: 400;}
.cookie-notice-visible:before{
	font-family: "Font Awesome 7 Pro"; 
	content: '\f564'; 
	display: block; 
	position: absolute;
	font-size: 30px; 
	line-height: 30px; 
	padding: 0; 
	color: #fff;
	left:10px;
	top: 50%; 
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	}
.cn-close-icon{display: none !important;}
.cn-button{
	background-color: #EC1B24 !important;
	color: #fff;
	line-height: 1em;
	padding: 12px 30px !important;
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 20px;
}




.shadow{box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);}

.square{width: 100%; float:left; position: relative;}
.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.topborder{border-top:3px solid #333;}

p{font-size: 1.1em; line-height: 1.5em; margin: 0 0 1em 0; letter-spacing: -0.01em; }
#content a{text-decoration: underline ; color: #000;}
#content li{font-size: 1.2em;}
a{text-decoration: none; color: inherit;}
h1{font-size: 2em; margin: 0 0 0.5em 0; font-family: 'Toronto Subway W01', sans-serif; font-weight: 800; text-transform: uppercase; }
h2{font-size: 1.8em; margin: 0 0 0.5em 0; font-family: 'Toronto Subway W01', sans-serif; font-weight: 800; text-transform: uppercase;}
h3{font-size: 1.6em; margin: 0 0 0.2em 0; font-family: 'Toronto Subway W01', sans-serif; font-weight: 800; text-transform: uppercase;}
h4{font-size: 1.4em; margin: 0 0 0.2em 0; font-family: 'Toronto Subway W01', sans-serif; font-weight: 800; text-transform: uppercase;}
h5{font-size: 1.2em; margin: 0 0 0.2em 0; font-family: 'Toronto Subway W01', sans-serif; font-weight: 800; text-transform: uppercase;}
h6{font-size: 1.1em; margin: 0 0 0.2em 0; font-family: 'Toronto Subway W01', sans-serif; font-weight: 800; text-transform: uppercase;}


p + h2{margin: 1.5em 0 0.5em 0; clear: both;}
p + h3{margin: 1.5em 0 0.5em 0;}
p + h4{margin: 1.5em 0 0.5em 0;}
p + h5{margin: 1.5em 0 0.5em 0;}
p + h6{margin: 1.5em 0 0.5em 0;}

h2.small{font-size: 1em; margin: 0; padding: 5px;}

.blocktitle{background-color: #000; color: #fff; text-align: left; text-transform: uppercase; padding: 10px; width: 100%; float: left; margin:0 0 0 0; font-size: 1.1em; letter-spacing: 0.05em;}

.block{display: block; text-transform: uppercase; padding: 10px; border: 4px solid #333; margin-bottom: 0; float: left; width: 100%;}


.logobox{
	width: 30%; 
	height: 23%;
	position: absolute;
	top:2px; 
	left: 50%; 
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 0;
	z-index: 10;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 35% 90%, 37% 100%, 26% 90%, 0 90%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 90%, 35% 90%, 37% 100%, 26% 90%, 0 90%);
	background-color: #666;
	}


.logo{ width: 170px;
	height: 152px;
	position: absolute;
	top:4px;
	left:4px; 
	padding: 0;
	z-index: 10;
	
	}
.logo img{width: 100%; height: auto;  display: block;}

.logotip{
	width: 10px;
	height: 20px;
	position: absolute;
	bottom:-20px;
	left:25px;
}

header{
	width: 1364px; 
	box-sizing: border-box;
	padding:2px 0 4px 174px;
	height: 160px;
	position: fixed;
	left: 50%; 
	top: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 100;
	background-color: #ECECEC;
	}


.columns{-moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 15px; column-gap: 15px;  -webkit-column-fill: auto; overflow-x: auto; overflow-y: auto; }

.two-columns{-moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 15px; column-gap: 15px;  -webkit-column-fill: auto; overflow-x: auto; overflow-y: auto; }
.three-columns{-moz-column-count: 3; -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 15px; column-gap: 15px;  -webkit-column-fill: auto; overflow-x: auto; overflow-y: auto; }
.four-columns{-moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -webkit-column-gap: 15px; column-gap: 15px;  -webkit-column-fill: auto; overflow-x: auto; overflow-y: auto;}

.deadcenter{
	position: absolute;
	height: auto;
	right: 50%; 
	top: 50%;
	-webkit-transform: translate(50%,-50%);
	-moz-transform: translate(50%,-50%);
	-ms-transform: translate(50%,-50%);
	-o-transform: translate(50%,-50%);
	transform: translate(50%,-50%);
	}


/*********** MENUS ***********/


nav{display: block;}

.menuwrapper{
	width: 100%;
	float: left;
	padding: 2px 4px;
	}


ul.menu{
	list-style-type: none; 
	padding: 0; 
	margin: 0; 
	font-family: 'Toronto Subway W01', sans-serif; font-weight: 800; 
	text-transform: none; 
	letter-spacing: 0;
	}

ul.menu li{
	float:left;
	padding: 2px;
	display: block;
	position: relative;

}
ul.menu li a{
	width: 100%;
	height: 48px;
	line-height: 1em;
	font-size: 16px;
	float:left;
	padding:16px 5px;
	display: block;
	background-color: #000;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}



	

ul.avdelningar{
	padding: 0 2px;
	width: 100%;
	float:left;
}

ul.avdelningar li{
	width: 33.333333%;
}

ul.avdelningar li a:hover{
	color: #e30613;
	background-color: #fff !important;
}


ul.menu li.bgc-nyheter a{background-color: #b8d483;}
ul.menu li.bgc-recensioner a{background-color: #f7a93f;}
ul.menu li.bgc-artiklar a{background-color: #45baec;}

.listavdelning.bgc-nyheter, h1.bgc-nyheter, .avdelningsheader.bgc-nyheter{background-color: #b8d483;}
.listavdelning.bgc-recensioner, h1.bgc-recensioner, .avdelningsheader.bgc-recensioner{background-color: #f7a93f;}
.listavdelning.bgc-artiklar, h1.bgc-artiklar, .avdelningsheader.bgc-artiklar{background-color: #45baec;}



#toggle{display: none; position: fixed; top:-100px; left:-100px;}


#toggle:checked ~ .mobilebtnwrapper > .mobilebtn{background-image: url('images/close.svg');}
#toggle:checked ~ .mobilebtnwrapper > .mobilebtn::after{content:'STÄNG';}
#toggle:checked ~ .mobilenav{left:2px;}


.mobilebtnwrapper{
	width: 100%; 
	float:left;
	padding: 2px 4px;
	display: none;
}
.mobilebtn{
	width: 100%;
	height: 48px;
	float: left;
	background-color: #000;
	color: #fff;
	position: relative;
	background-image: url('images/open.svg');
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 48px 48px;
	display: block;
}
.mobilebtn::after{
	width: 100%;
	height: 48px;
	color: #fff;
	position: absolute;
	top:0;
	left:0;
	font-size: 20px;
	line-height: 1em;
	padding: 14px;
	content: 'MENY';
	box-sizing: border-box;
	font-family: 'Toronto Subway W01', sans-serif; font-weight: 800;
	
}

.mobilenav{
	width: calc(100vw - 4px);
	position: fixed;
	background-color: #ECECEC;
	padding-bottom: 2px;
	top: 106px;
	left:-120vw;
	-webkit-transition: all 0.2s ease; 
	-moz-transition: all 0.2s ease; 
	-o-transition: all 0.2s ease; 
	-ms-transition: all 0.2s ease;  
	transition: all 0.2s ease;
	display: none;
}

ul.mobilmeny{
	
	
}


	
ul.mobilmeny li {
	width: 100%;
	}
	
ul.mobilmeny li a{
	}
	
ul.mobilmeny li:hover{
	}
ul.mobilmeny li a:hover{
	}




@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}







/*********** HEADER ***********/

ul.cta{
	padding: 0; 
	margin: 0; 
	list-style-type: none;  
	width: 150px; 
	height: 180px;  
	z-index: 10; 
	position: fixed; 
	right:-100px; 
	top:180px;
	}

ul.cta li{
	display: block;  
	margin:0 0 5px 0; 
	height: 50px; 
	width: 200px; 
	position: relative;
	background: #fff;
	transition: all 0.3s ease;
	position: relative;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
	}

ul.cta li a{
	font-size: 14px; 
	padding: 18px 0;
	font-family: 'brandon-grotesque', sans-serif; 
	font-weight: 400; 
	letter-spacing: 0; 
	line-height: 1em; 
	text-transform: uppercase; 
	text-align: left; 
	color: #EC1B24;
	display: block;
	position: absolute;
	top:0;
	left:50px;
	
}

ul.cta li:hover{
	margin:0 0 5px -150px !important; 
	transition: all 0.3s ease;
	}
	
ul.cta li::before{
	font-size: 20px; 
	padding: 15px; 
	line-height: 1em; 
	text-align: center; 
	display: inline-block; 
	width: 50px; 
	height: 50px; 
	box-sizing: border-box;
	}

.cta-wiki::before{content:'\f266'; font-family: 'Font Awesome 7 Brands';}
.cta-seaf::before{content:'\f290'; font-family: 'Font Awesome 7 Pro'; font-weight: 100;}
.cta-sef::before{content:url('images/sef-bubbla.svg'); padding: 0 !important;}
	

.sok{
	position: relative; 
	width: 100%;
	float:left;
	padding:2px 4px ;
	}

form.sokform{width: 100%; position: relative; height: 52px; padding: 12px;}
.sok input[type="search"]{
	font-family: 'brandon-grotesque', sans-serif !important; 
	text-transform: uppercase !important; 
	font-weight: 700 !important; 
	font-size:16px !important;  
	color:#000;
	height: 48px !important;
	}
button.sokknapp{width:48px; height: 48px; float:left; border:none; margin: 10px 0;  background: transparent; font-size: 20px; color: #3d4247; line-height: 1em; border: 2px solid #333; border-radius: 20px; display: none;}

.probox{height: 48px !important;}
.innericon,.asp_clear{height: 48px !important;}


ul.soklista{
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.soklista li{
	width: 100%;
	min-height: 72px;
	padding: 5px 5px 5px 95px;
	position: relative;
	display: block;
	margin-bottom: 4px;
	background-color: #fff;
}
ul.soklista li img{
	width: 90px;
	height: 72px;
	position: absolute;
	left:0;
	top:0;
}
ul.soklista h2{
	font-size: 16px;
}

.soklistamer{font-weight: 700; display: block;}

/*********** FRONTPAGE ***********/

.flashwrapper{width: 100%; float:left; padding: 2px;}

a.flashlank{width: 100%; display: block; padding: 10px; position: relative; font-weight: 700; text-transform: uppercase; font-size: 1.3em;}
a.flashlank:before{
	content: '\f0c1';
	font-family: 'Font Awesome 7 Pro';
	display:inline-block;
	font-weight: 100;
	padding-right: 3px;
}

.cover{width: 100%; float: left; position: relative; overflow: hidden;}
.cover::after{content: ''; padding-bottom:135%; display: block; }
.coverfix{width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden;}
.coverfix img{width: 100%; height: auto; display: block;}
.bottomspace{width: 100%; height: 50px; float: left; display: block;}
.coverfix .logobox{	top:0; }

.singlecover{width: 100%; float: left; position: relative; overflow: hidden;}
.singlecover img{width: 100%; height: auto; display: block;}




.kopribbon{
	width: 300px;
	text-transform: uppercase; 
	background-color: #fff; 
	color: #e30613;
	text-align: center;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: center; 
	position: absolute; 
	bottom: 20px;
	right: -25px;
	left: auto;
	transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
	font-weight: 700;
	font-size: 12px;
	}


.senastetitel {
	color: #fff; 
	font-size: 18px; 
	margin: 0; 
	line-height: 1em;
	position: absolute; 
	left:0; 	
	bottom:30px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.senastetitel span{padding: 5px 10px;  display: inline-block; background-color: #000; color: #fff; margin: 0;  line-height: 1em;}

.frontcover:hover > .senastetitel span{padding: 5px 10px 5px 20px !important;}



.ifokus{width: 100%; float: left; position: relative; display: block; overflow: hidden; margin-top: 0;}

.slider{
	width: 100%; 
	height: 450px !important; 
	top:0; 
	left: 0;
	overflow: hidden; 
	display: block;
	margin: 0 !important;
	padding: 0;
	}
.slide{
	width:100%;
	height: 450px !important; 
	position: relative;
	z-index: 1;
	display: block !important;
	overflow: hidden;
	background-position: center center !important;
	}

.slide img{width: 100%; height: auto; display: block; }

.ifokusmeta{width:70%; position: absolute; bottom:30px; left:0; z-index: 10; padding: 10px; text-transform: uppercase; color: #000 !important; 	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;
}
.ifokusmeta .postcat{color: #000 !important;}
.ifokusmeta .postcat a{color: #000 !important;}
.ifokusmeta h3{font-size: 1.2em; margin: 0;}


.slide:hover .ifokusmeta{padding: 10px 10px 10px 20px; width:calc(70% + 10px); text-transform: uppercase; color: #000 !important;}




.frontcover{
	width: 100%; 
	height: 450px; 
	float: left; 
	position: relative; 
	background-color: #fff; 
	overflow: hidden;
	background-image: url('images/halftone.svg');
	background-size: auto 100%;
	background-repeat: repeat;
	background-position: center bottom;
	padding: 20px;
	}

.frontcover img{
	width: auto; 
	height: 450px; 
	position: absolute; 
	bottom: -60px;
	right: 0;
	left: auto;
	transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
	}



/*********** LISTA ***********/


ul.artikellista{
	width: 100%;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.artikellista li{
	width: 50%;
	float: left;
	margin: 0;
	padding: 2px;
}
.cover ul.artikellista li{width: 100% !important;}



.newspost{
	overflow: hidden;
	display: block;
	width: 100%;
	float: left;
	position: relative;
	background-color:#fff;
	padding: 0 0 0 50%;
}
.newspost:after {
  content: "";
  display: block;
  padding-bottom: 125%;
}

.newspostthumb{
	position: absolute; 
	top:0; 
	left:0; 
	z-index: 1;
	width: 50%;
	height: 100%;
	overflow: hidden;
	}
.newspostthumb img{
	width: 100%;
	height: auto;
	display: block;
	}

.newspostthumb ul.post-categories{
	position: absolute; 
	top:0; 
	right: 0; 
	z-index: 10; 
	width: 100%; 
	padding: 10px 0; 
	margin: 0; 
	text-align: right;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;
}
.newspostthumb ul.post-categories li{display:block; width: 100%; line-height: 24px; margin: 0; padding: 0; }
.newspostthumb ul.post-categories li span{font-size: 11px; padding: 2px 4px; line-height: 1em; color: #fff; background-color:#000; font-weight: 700; text-transform: uppercase; text-align: right;}


.newspost:hover .newspostcontent{
	right: 20px;
	color: #e30613;
}

.newspost:hover .newspostthumb ul.post-categories, .newspost:hover .newspostthumb ul.avdelningslista{
	right: 20px;
	}


.newspostcontent{
	position: absolute; 
	top:0; 
	right:0; 
	z-index: 1;
	width: 50%;
	height: 100%;
	overflow: hidden;
	background-color: #fff;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;
	}


.newspost h2{font-size: 18px; margin: 0 !important; padding: 10px 10px 4px 10px; z-index: 10; line-height: 1.2em; text-transform: uppercase;}

.newsdate{ padding: 0 10px; color:#666; display: block;  width: 100%; float: left; text-transform: uppercase; font-size: 12px; font-weight: 700;}
.newsexcerpt{ padding: 0 10px; color:#000; display: block;  width: 100%; float: left; text-transform: none; font-size: 14px; }

ul.avdelningslista{
	position: absolute; 
	top:0; 
	right: 0; 
	z-index: 10; 
	width: 100%; 
	padding: 10px 0; 
	margin: 0; 
	text-align: right;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;
	}
ul.avdelningslista li{display: block; width: 100%; line-height: 24px; margin: 0; padding: 0;}
.listavdelning{font-size: 11px; padding: 2px 4px; line-height: 1em; color: #fff; font-weight: 700; text-transform: uppercase; text-align: right; }

/*********** ANNONSER ***********/

ul.annonser{
	width: 100%;
	float: left;
	list-style-type: none;
	margin: 4px 0 0 0;
	padding: 0;
}

ul.annonser li{
	width: 100%;
	float: left;
	display: block;
	list-style-type: none;
	margin-bottom: 4px;
	background-color: #fff;
	position: relative;
}
ul.annonser li img{
	width: 100%;
	height: auto;
}

li.annons{padding: 10px;}

/*********** SINGLE ***********/


.singleheader{
	width: 100%;
	float:left;
	position: relative;
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #333;
	background-image: url('images/fallback-landscape.jpg');
}
.singleheader:after{
	width: 100%;
	content: '';
	display: block;
	padding-bottom: 66.66666666%;
}
.headercaption{
	width: 100%;
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	padding: 5px;
	background-color: #000;
	color: #fff;
}

.postmeta{
	width:78%; 
	position: absolute; 
	top:60px; 
	left:0; 
	z-index: 10; 
	padding: 10px 30px; 
	text-transform: uppercase; 
	color: #000 !important;
}
.postmeta h1{margin: 0;}
.ifokusmeta h1{font-size: 1.6em; margin: 0;}

.postmeta a{color: #fff;}
.postdate{font-weight: 700; width: 100%; float: left; font-size: 12px; color: #666; text-transform: uppercase;}
.postcat{color: #000; width: 100%; float: left; font-size: 12px;}
.postcat a{color: #000;}


.byline{width: 100%; float: left; padding: 10px 0; margin: 10px 0; border-top: 1px dashed #666666; text-transform: uppercase;}
.avatar{width: 30px; height: 30px; float: left; margin:0; }
.avatar img{width: 30px; height: 30px; display: block; }

.author{ font-size: 1.2em; padding: 3px; line-height: 1em; float: left; font-weight: 700;}


.nummermeta{
	width: 100%;
	float: left;
	background-color: #e30613;
	color: #fff;
	padding: 10px;
	position: relative;
}
.nummermeta:before{
	display: inline-block;
	font-family: 'Font Awesome 7 Pro';
	content: '\f05a';
	font-style: normal;
	margin-right: 5px;
}

.nummermeta a{
	color: #fff !important;
	font-style: italic;
}

/*********** RECENSIONSHUVUD ***********/

.recensionshero{
	width: 100%; 
	float: left;
	position: relative;
	}


.recensionsheroslider{
	width: 100%; 
	height: 450px ; 
	top:0; 
	left: 0;
	overflow: hidden; 
	display: block;
	margin: 0 ;
	padding: 0;
	background-color: #C2C2C2;
	}
.recensionsheroslide{
	width:100%;
	height: 450px ; 
	position: relative;
	z-index: 1;
	display: block ;
	overflow: hidden;
	}
recensionsheroimage{
	position: relative;
	z-index: 2; 
	width: 50%; 
	height: 450px; 
	float: left; 
	padding: 30px;
	}
recensionsheroimage img{
	width: auto;
	height: auto;
	max-width: 90%;
	max-height: 390px;
 	display: block; 
	position: absolute;
	right: 50%; 
	top: 50%;
	-webkit-transform: translate(50%,-50%);
	-moz-transform: translate(50%,-50%);
	-ms-transform: translate(50%,-50%);
	-o-transform: translate(50%,-50%);
	transform: translate(50%,-50%);
	box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3);
	}

recensionsherobg{
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
	background-size: 150% auto;
	background-repeat: no-repeat;
	background-position: center center;
	filter: blur(8px);
	-webkit-filter: blur(8px);
}

recensionsherocontent{
	width: 50%;
	position: relative;
	float:left;
	height: 450px;
	padding: 30px;
	background-color: rgba(255, 255, 255, 0.9);
	color: #000;
	z-index: 2;
	
}

.recensionshuvud{
	width: 100%;
	float:left;
	position: relative;
	padding: 30px;
	margin-bottom: 4px;
	overflow: hidden;
}



.recensionsslider{
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
}
recensionstitel{
	font-size: 1.2em; 
	margin: 0 0 0.5em 0; 
	font-family: 'Toronto Subway W01', sans-serif; 
	font-weight: 800; 
	text-transform: uppercase;
	display: block;
}
.recensionsfakta{
	width: 60px;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background-color: #eeaf56;
	padding: 15px;
}


.betyg{
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	position: relative;
	margin-top: 4px;
}
.betyg:before{
	width: 20px;
	height: 20px;
	position: absolute;
	top:0;
	left:0;
	display: block;
	content: '';
	background-size: 18px 18px;
	background-position: center center;
	background-repeat: no-repeat;
}
.betyghel:before{
	background-image: url('images/betyg-hel.svg');
}
.betyghalv:before{
	background-image: url('images/betyg-halv.svg');
}

h2.recensionsfaktatitel{
	color: #fff;
	line-height: 1em;
	margin: 0;
	padding: 0;
	font-size: 30px;
	text-align: right;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	transform-origin: center center;
	position: absolute;
	display: block;
	left:-15px;
	top:45px;
	}


table.recensionshuvudfakta{
	width: 100%;
	float:left;
	padding: 0;
	border-collapse: collapse;
	color: #000;
}
table.recensionshuvud td{
	vertical-align: top;
	line-height: 1.3em;
	
}
td.rhlabel{font-weight: 700; width: 120px; vertical-align: top;}

/*********** RELATED ***********/

ul.relatedlist{
	width: 100%;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.relatedlist li{
	display: block;
	padding: 5px 5px 5px 65px;
	position: relative;
	line-height: 1.2em;
	margin: 4px 0;
	height: 76px;
	border-bottom: 1px dashed #333;
}
ul.relatedlist li h3{
	font-size: 14px;
	margin: 0 !important;
	line-height: 1.2em;
	
}
ul.relatedlist li a{
	display: block;
	margin: 0;
	padding: 0;
	
}
ul.relatedlist li img{
	width: 60px;
	height: 75px;
	position: absolute;
	top:0;
	left:0;
	
}

.relatedmeta{
	text-transform: uppercase;
	font-size: 12px;
	color: #666;
}








/*********** Load more ***********/



.fwp-load-more{
	width: auto;
	margin: 0;
	background-color: transparent;
	color: #EC1B24;
	border: 2px solid #EC1B24;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	letter-spacing:1px;
	cursor:pointer;
	text-transform: uppercase;
	padding: 5px 10px;
	border-radius: 15px;
	line-height: 1em;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	-webkit-appearance: none;
}
.fwp-load-more:hover{
	background-color: #fff;
	color: #EC1B24;
}




/************ DUOTONE ************/
.duotone{
	
	background-color: rgba(236, 27, 36, 1);
	}

.duotone img, .duotone img::after, .duotone img::before{
	width: 100% !important; 
	height: auto; 
	display: block; 
	filter:none;
	mix-blend-mode:none;
	background-color: rgba(236, 27, 36, 0);
	}




.newspost:hover > .duotone img,
.eventpost:hover > .duotone img
{
   filter: grayscale(100%) contrast(100%) brightness(80%) saturate(100%);
	mix-blend-mode: screen;
	background-color: rgba(236, 27, 36, 1);

	}


.newspost:hover > .duotone img::before,
.eventpost:hover > .duotone img::before
{
  filter: grayscale(100%) contrast(100%) brightness(100%) saturate(100%);
  background-color: rgba(0, 0, 0, 1);
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: darken;
  position: absolute;
  top: 0;
  left: 0;
}


.newspost:hover > .duotone img::after,
.eventpost:hover > .duotone img::after
{
   filter: grayscale(100%) contrast(100%) brightness(100%) saturate(100%);
  background-color: rgba(236, 27, 36, 1);
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: lighten;
  position: absolute;
  top: 0;
  left: 0;
}


/********** AVDELNINGAR **********/

.avdelningsheader{
	width: 100%; 
	height: 300px;
	float: left;
	position: relative;
	background-size:auto  100% ;
	background-position: center center;
	color: #fff;
	text-align: center;
	}

.avdelningsheader .deadcenter{
	width: 90%;
	}

.avdelningsheader p{
	font-weight: 700;
	font-size: 1.4em;
	}
.avdelningsheader h1{
	color: #fff;
	text-align: center;
	}

/************ KONTAKT ************/



ul.kontaktpersoner{width: 100%; float: left; list-style-type: none; margin: 0; padding: 0;}
ul.kontaktpersoner li{width: 100%; height: 90px; float: left; margin-bottom: 4px; padding: 10px 10px 10px 100px; position: relative; background-color: #fff;}
ul.kontaktpersoner li img{width: 90px; height: 90px; display: block; position: absolute; top:0; left:0;}


/*********** Baknummer ***********/

.nextprev{width: 100%; float: left; position: relative;}
.nextprev a{
	width: calc(100% - 30px); 
	float: left; 
	background-color: #000; 
	color: #fff; 
	padding: 8px;
	font-size: 14px;
	height: 30px;
	line-height: 1em; 
	text-transform: uppercase; 
	font-weight: 700; 
	text-transform: uppercase; 
	font-weight: 700; 
	display: block; 
	position: absolute; 
	top:0; 
	
	}
	
.prevlink{text-align: right; }
.prevlink a{text-align: left; left:30px;}
.prevlink a:before{
	width: 30px;
	height: 30px;
	position: absolute;
	left:-30px;
	top:0;
	display: block;
	content: '';
	background-image: url('images/arrow.svg');
	background-repeat: no-repeat;
	background-size: 30px 30px;
	}
.nextlink a{text-align: right; right:30px;}
.nextlink a:before{
	width: 30px;
	height: 30px;
	position: absolute;
	right:-30px;
	top:0;
	display: block;
	content: '';
	background-image: url('images/arrow.svg');
	background-repeat: no-repeat;
	background-size: 30px 30px;
	transform: rotate(180deg);
	}



ul.baknummerlista{width: 100%; float:left; margin: 0; padding: 0; list-style-type: none;}
li.baknummer{width: 25%; float:left; position: relative; overflow: hidden;}
li.baknummer:after {content: ''; display: block; padding-bottom: calc(135% + 58px);}



.nummerlistacontent{position: absolute; top:0; left:0; width: 100%; height: 100%; padding: 2px;}

.nummerlistacontent img{
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 0;
	-webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -ms-transition: all 0.1s ease;  transition: all 0.1s ease;
}

.nummerlistatitel{
	position: absolute; 
	bottom:2px; 
	left:2px; 
	right:2px; 
	height: 60px; 
	background: #000; 
	padding: 10px;
	-webkit-transition: all 0.1s ease; 
	-moz-transition: all 0.1s ease; 
	-o-transition: all 0.1s ease; 
	-ms-transition: all 0.1s ease;  
	transition: all 0.1s ease;
	}

.nummerlistatitel h2{font-size: 14px; color: #fff;}
.nummerlistatitel a{}

.nummerlistatip{
	width: 50px;
	height: 25px;
	position: absolute;
	top:-25px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	 
}
.nummerlistatip svg{
	fill: #000;
	 
}

.nummerlistacontent:hover > .nummerlistatitel{
	height:70px; 
}

a.koplank{position: absolute; bottom: 110px; right:-10%; left:-10%; background: #fff; color: #D53930; padding: 3px; text-transform: uppercase; font-weight: 700; font-size: 12px; width: 120%; text-align: center; 	transform: rotate(-5deg); -webkit-transform: rotate(-5deg);}
a.kopknapp{
	width: 70%;
	margin: 20px 15%;
	float:left;
	background-color: #D53930;
	color: #fff;
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	letter-spacing:1px;
	cursor:pointer;
	text-transform: uppercase;
	padding: 12px 0;
	line-height: 1em;
	border-radius: 20px;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;  
	white-space: nowrap;
}
a.kopknapp::before{
	font-family: 'Font Awesome 7 Pro';
	display:inline-block;
	content: '\f290';
	padding-right: 5px;
	padding-left: 5px;
}
a.kopknapp:hover{
	background-color: #000;
	color: #fff;
}


.innehallsforteckning{width: 100%; float: left; border: 2px dashed #000; margin-top: 20px;}
.innehallsforteckning p{font-size: 0.9em;}


/*********** NYHETER ***********/





.post{width: 100%; float:left;  margin-bottom: 15px; padding: 15px;}




ul.featurednewslist{list-style-type: none; width: 100%; float:left; margin: 15px 0; padding: 0; border-top: 1px solid #000;}
ul.featurednewslist li{display: block; height: 101px; padding: 5px 0 5px 105px; border-bottom: 1px solid #000; width: 100%; float: left; position: relative;}
ul.featurednewslist li img{width: 100px; height: 100px; position: absolute; left:0; top:0;}
ul.featurednewslist li h4{font-size: 1.2em;}


/*********** FACETS ***********/

.filterbox{width: 100%; float:left; height: 300px; position: relative;}
.filters{width: 100%; float: left; padding: 0;}

.filtertitle{width: 100%; float:left; padding: 0; position: relative; margin-bottom: 10px; height: 30px; text-align: left;}
.filtertitle h4{height: 30px; position: absolute; left:10px; top:0; border:none; background: transparent; color: #000; font-family: 'brandon-grotesque', sans-serif; font-size: 12px; padding: 9px 0; font-weight: 700; text-transform: uppercase; line-height: 1em;}
button.resetbtn{height: 30px; position: absolute; right:10px; top:0; border:none; background: #fff; color: #EC1B24; font-family: 'brandon-grotesque', sans-serif; font-size: 12px; padding: 9px; font-weight: 700; text-transform: uppercase; line-height: 1em;}
button.resetbtn::before{
	font-family: 'Font Awesome 7 Pro';
	display:inline-block;
	content: '\f12d';
	padding-right: 5px;
}


.filters .facetwp-facet{width: 100%; float: left; padding: 10px 0; margin: 0;}
.facetwp-type-fselect{width: 100% !important; margin: 0 !important; }
.facetwp-type-fselect .fs-wrap{width: 100% !important;}
.fs-label-wrap{height: 40px; width: 100% !important; padding: 0; background-color:#fff !important; border: none !important; border-radius: 0; color: #000;}
.fs-label{padding: 12px !important; line-height: 1em; font-size: 16px; height: 40px;}

.facetwp-type-search{width: 100% !important; float: left; padding: 10px; margin: 0 0 5px 0;}

input.facetwp-search{height: 40px; width: 100%; background-color:#fff !important; color: #000 !important; border: none !important; padding: 12px !important; line-height: 1em; font-size: 16px; font-family: 'brandon-grotesque', sans-serif;}


.filterlabel{width: 100%; float:left; text-transform: uppercase; font-size: 0.9em; font-weight: 700; padding: 5px;}
.facetwp-facet-recensionskategorier{padding: 0 !important;}
.facetwp-facet-recensionskategorier .facetwp-radio{ width: 50%; float:left; background-color: transparent; color: #000; background-image: none !important; font-weight: 700; text-transform: uppercase; padding: 5px 5px 5px 25px; text-align: left; position: relative;}
.facetwp-facet-recensionskategorier > .facetwp-radio.checked{color:#EC1B24 !important;}
.facetwp-facet-recensionskategorier .facetwp-radio:before{content:'\f111'; font-family: 'Font Awesome 7 Pro'; position: absolute; left: 5px; top:8px; font-weight: 300;}
.facetwp-facet-recensionskategorier .facetwp-radio.checked:before{content:'\f058'; font-family: 'Font Awesome 7 Pro'; position: absolute; left: 5px; top:8px; font-weight: 300;}
.facetwp-facet-recensionskategorier .facetwp-counter{display: none;}


.utgivningsfilter .facetwp-type-fselect{width: 100% !important; margin: 0 !important; }
.utgivningsfilter .facetwp-facet{width: 100%; float: left; padding: 0; margin: 0 0 5px 0 !important;}


/*********** WIDGET ***********/


.widget ul{list-style-type: none; margin: 0; padding: 0;}


/*********** DOWNLOADS ***********/


ul.downloadlist{list-style-type: none; margin: 0; padding: 0; width: 100%; float:left;}
ul.downloadlist li{display: block; margin-bottom: 2px;}
ul.downloadlist li a{display: block; width: 100%; position: relative; padding:5px 5px 5px 40px; font-size: 0.9em; line-height: 1.3em; color: #fff !important; background-color:#EC1B24; text-decoration: none !important;}
ul.downloadlist li a:before{margin-right: 5px; position: absolute; left:5px; top:0;}




/*********** SIDFOT ***********/

h3.pufftitle{font-style: normal; background-color: #fff; padding: 0 10px 0 10px; display: inline; line-height: 1.5em;}
img.puffbild{display: block;}


.footer{margin-top: 50px; clear: both;}


.footertext p{font-size: 1em; }

a.blimedlem{
	width: auto;
	float:left;
	background-color: #D53930;
	color: #fff;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	letter-spacing:1px;
	cursor:pointer;
	text-transform: uppercase;
	padding: 8px 12px 8px 8px;
	margin-bottom: 10px;
	line-height: 1em;
	border-radius: 16px;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;  
	clear: both;
}
a.blimedlem::before{
	font-family: 'Font Awesome 7 Pro';
	display:inline-block;
	content: '\f303';
	padding-right: 5px;
	padding-left: 5px;
}
a.blimedlem:hover{
	background-color: #000;
	color: #fff;
}

a.personuppgiftplank{
	display: block;
	width: 100%;
	float:left;
	text-transform: uppercase;
	font-weight: 700;
}



ul.stodloggor{margin: 0; width: 150px; float: left; padding: 0; list-style-type: none; text-align: left;}
ul.stodloggor li{display: inline-block; float:left; text-align: center; position: relative; padding:5px;}
ul.stodloggor li img{width:100%; height: auto; display: inline-block;}

.mslogo{width: 41.5%;}
.rslogo{width: 58.5%;}
.krlogo{width: 100%;}




li.nyhetsbrev label.gfield_label{display: none !important;}
li.nyhetsbrev input[type='text']{background: transparent; border: 1px solid #fff !important; color:#fff; height: 40px; padding: 5px 10px !important; font-size: 30px; line-height: 1em;}

/*********** ACCORDION ***********/


.accordion{width: 100%; padding: 10px; float:left; position: relative;}


/*********** ICONS ***********/


.icon{position: relative;}
.socialicon{position: relative; display: block;}



.icon:before {
font-family: 'Font Awesome 7 Pro';
display:inline-block;
font-size: 16px;
width: 20px;
height: 20px;
text-align: left;
padding: 5px 5px 5px 0;


}
.socialicon:before {
font-family: 'Font Awesome 7 Brands';
display:inline-block;
font-size: 16px;
width: 20px;
height: 20px;
text-align: left;
padding: 5px 5px 5px 0;

}

.smallicon:before{
	display:inline-block;
	font-size: 10px !important;
	width: 15px !important;
	height: 15px !important;
	text-align: left;
	padding: 0 5px 0 0;
	}

.telefon:before{content: '\f095';}
.e-post:before{content: '\f0e0' ;}
.adress:before{content: '\f041';}

.facebook:before{content: '\f39e';}
.google:before{content: '\f0d5';}
.instagram:before{content: '\f16d';}
.linkedin:before{content: '\f0e1';}
.pinterest:before{content: '\f0d2';}
.twitter:before{content: '\f099';}
.youtube:before{content: '\f167';}
.spotify:before{content: '\f1bc';}
.cloud:before{content: '\f381';}
.wiki:before{content: '\f266';}
.signup:before{content: '\f234';}
.megafon:before{content: '\f0a1';}
.externallink:before{content: '\f35d';}
.ticket:before{content: '\f3ff';}
.plats:before{content: '\f3c5';}
.download:before{content: '\f0ed';}

/*********** FORMULÄR ***********/



.medlemsidebar .gform_body input[type=text]{
	background: transparent;
	border: none;
	border-bottom: 1px dashed #000;
	}
	
.medlemfront .gform_body input[type=text]{
	background: transparent;
	border: none;
	border-bottom: 2px solid #fff;
	color:#fff;
	height: 40px;
	
	}
.gform_wrapper{font-weight: 700;}
.gform_wrapper ul.gform_fields li.gfield{margin: 0 !important;}

.gform_fields input[type=text]{border: 2px solid #000; background: transparent;}


li.epostfalt{width: 50%; float: left; display: inline-block; clear: none !important; padding-right: 16px !important;}
li.telefonfalt{width: 50%; float: left; display: inline-block;  clear: none !important;}

		
.gfield_description{padding: 0 0 5px 0 !important;}

.gfield_label{font-family: 'brandon-grotesque', sans-serif; text-transform: uppercase; font-size: 1em !important; font-weight: 700 !important;}

ul.gfield_radio li input[type=radio]:checked ~ label{color: #fff; display: inline-block;}
ul.gfield_radio li label{color: #fff;  text-transform: uppercase; display: inline-block;}
.gform_wrapper .gfield_radio li label{margin: 0 !important;}
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label{max-width: 100% !important;}
ul.gfield_radio li input[type=radio]{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    font-weight: 100 !important:
}
    
ul.gfield_radio li input[type=radio] ~ label:before{
    font-family: 'Font Awesome 7 Pro';
    display: inline-block;
    content: '\f0c8';
    letter-spacing: 10px;
    font-size: 1.2em;
    width: 1.4em;
	color: #fff;
	font-weight: 100 !important:
}

ul.gfield_radio li input[type=radio]:checked ~ label:before{
	font-family: 'Font Awesome 7 Pro';
    content: '\f14a';
    font-size: 1.2em;
    letter-spacing: 5px;
    color: #fff;
	font-weight: 400 !important:

}


.ginput_total{
	color: #fff !important;
	font-size: 20px !important;
	text-transform: uppercase;
}

.gform_button{background: #fff; color: #EC1B24; text-transform: uppercase; border: none; -webkit-appearance: none; font-style: normal; font-weight: 700; height: 40px; font-size: 30px; padding: 5px 10px; font-family: 'brandon-grotesque', sans-serif; line-height: 1em;}
.gform_button:hover{background: #fff; color: #000; cursor: pointer;}




/*********** OTHER ***********/


::-webkit-input-placeholder {
   color: #000 !important;
   	font-family: 'brandon-grotesque', sans-serif !important; 
	text-transform: uppercase !important; 
	font-weight: 700 !important; 
	font-size:16px !important;  

}

:-moz-placeholder { /* Firefox 18- */
   color: #000 !important;
   	font-family: 'brandon-grotesque', sans-serif !important; 
	text-transform: uppercase !important; 
	font-weight: 700 !important; 
	font-size:16px !important;  

}

::-moz-placeholder {  /* Firefox 19+ */
   color: #000 !important;
   	font-family: 'brandon-grotesque', sans-serif !important; 
	text-transform: uppercase !important; 
	font-weight: 700 !important; 
	font-size:16px !important;  
 
}

:-ms-input-placeholder {  
   color: #000 !important;
   	font-family: 'brandon-grotesque', sans-serif !important; 
	text-transform: uppercase !important; 
	font-weight: 700 !important; 
	font-size:16px !important;  
 
}



.acf-map {
    
    margin:  0;
    z-index: 0;
    width: 100%;
    height: 400px;
    float: left;
    position: relative;
}

.acf-map img {
   max-width: inherit !important;
}
.marker{background: #333 !important;}



 	.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 

	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


.size-medium{width: 300px;}
.size-large{width: 100% !important;}
.aligncenter.size-large{width: 100% !important;}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}


.alignright {float:right !important; margin:0 0 10px 10px;}
.alignleft {float:left !important; margin:0 10px 10px 0;}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignnone {display: block; margin:10px 0; width: 100%; float: left;}


.wp-caption {
	width: 300px;
}
.wp-caption.alignnone {
	width: 100% !important;
}



.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

.wp-caption .wp-caption-text {
	color: #fff;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
	white-space: normal;
}


.wp-caption-text{ color: #fff; background: #000; font-size: 0.8em; padding: 10px;}






ol{margin: 0; padding: 0 0 0 10px; font-size: 0.9em;}
ol li{margin: 0 0 5px; 10px; padding: 0;}