.pre-line {
	white-space: pre-line;	
}

/*Article-list*/

.published-date {
    border-top: solid 1px #ccc;
    margin: 20px 0 15px;
    font-size: 0.9em;
    color: #777;
    display: block;
    padding-top: 10px;
    line-height: 14px;
}

.authors {
    border-top: solid 1px #ccc;
    margin: 20px 0 15px;
    font-size: 0.9em;
    color: #777;
    display: block;
    padding-top: 10px;
    line-height: 14px;
}

.authors .name{
	margin-bottom: 5px;   
}

.authors .email a{
	color: #777;
}

.article-nav .nav .nav-item a:hover{
    border-color: gray;
    color: #555;
}

.article-nav .nav {

    border-bottom: solid 1px #ddd;
	font-size:0.7em;
    font-weight: bold;
    color: #999;
}

.article-nav .nav .nav-item a{
    text-transform: uppercase;
    border-bottom: 4px solid gray;
    border-color: transparent;
   /* transition: all 1s ease;*/
	color: inherit; 
}

.article-nav .nav .nav-item a.active{
    border-color: #4A3A4A;
    color: #4A3A4A;
}

.article-nav .nav .nav-item.samhlle a{
   color:grey;
}
.article-nav .nav .nav-item.samhlle a.active,
.article-nav .nav .nav-item.samhlle a:hover
{
   color:#f5a623;
   border-color:#f5a623;
}


.article-nav .nav .nav-item.uppdrag a{
   color:grey;
}
.article-nav .nav .nav-item.uppdrag a.active,
.article-nav .nav .nav-item.uppdrag a:hover
{
   color:#5b8036;
   border-color:#5b8036;
}

.article-nav .nav .nav-item.metod a{
   color:grey;
}
.article-nav .nav .nav-item.metod a.active,
.article-nav .nav .nav-item.metod a:hover
{
   color:#d0011f;
   border-color:#d0011f;
}

.article-nav .nav .nav-item.om a{
   color:grey;
}
.article-nav .nav .nav-item.om a.active,
.article-nav .nav .nav-item.om a:hover
{
   color:#4990e2;
   border-color:#4990e2;
}


.article-list{
	margin: 0;
}

.article-list-item{
	margin: 15px 0;
  	display:flex;
	padding: 10px 5px 10px 0;
	background-color: #ffffff;
	transition: background-color .1s linear;
}

.article-list-item>.text>a {
	text-decoration:none;
	color:#333;
}

.article-list-item .badge {
	font-size:0.7em;
	
	background-color: #60475e;
}
.article-list-item .badge:hover{
	background-color: #4d394b;
}


.article-list-item:first-child{
    margin-top: 0;
}
 
.article-list-item:hover{
	background-color: #fafafa;
}

.article-list-item .image {
	position:relative;
}

.article-list-item .tag,
.article-list-item .date{
line-height:1.4;
	font-size: 0.7em;
	text-transform:uppercase;
	display:inline-block;
}

.article-list-item .date {
	color: #aaa;
}

.article-list-item .tag {
	font-weight: bold;
    border-left: 4px solid black;
    padding-left: 6px;
    width: 100px;
    border-color: #CCC;
    color:#CCC;
}

.article-list-item.vljingen .tag {
    border-color: transparent;
    color:transparent;
}

.article-list-item.samhlle .tag {
    border-color: #f5a623;
    color:#f5a623;
}

.article-list-item.uppdrag .tag {
    border-color: #5b8036;
    color:#5b8036;
}

.article-list-item.metod .tag {
    border-color: #d0011f;
    color:#d0011f;
}

.article-list-item.om .tag {
    border-color: #4990e2;
    color:#4990e2;
}

.article-list-item img{
	max-width:200px; /* IE11 måste vara max-width */
	height:133px;
	margin-right:15px;
}
.card .article-list-item img{
	max-width:120px;/* IE11 måste vara max-width */
	height:80px;
	margin-right:15px;
}

@media(max-width: 570px){

	.article-list-item{
		margin: 15px 0 30px;
		display:block;
	}
	
	.article-list-item img, .card .article-list-item img{
		max-width:100%; /* IE11 måste vara max-width */
		height:auto;
		margin:0 0 15px;
	}
	
}
.article-list-item h4{
	font-size: 1.4em;	
	font-family: georgia, "Times New Roman", serif;
	line-height: 1.3;
	margin: 0;
	font-weight: 500;
	color: #333;
	word-break:break-word;
	hyphens:auto;
}

.card .article-list-item h4{
	font-size: 1.2em;	
}

.article-list-item .lead {
	font-size: 1em;	
}

.questions {
	background-color: #EBEBEC;
	border: 1px #88858A dashed;
	border-radius: 5px 5px 5px 5px;
}

.content-page-preview p, h3 {
	padding: 3px 3px 3px 3px;
	text-decoration: none;
}

.content-page-preview p {
    overflow: hidden;
    text-overflow: ellipsis;
	
}

.content-page-preview {
	overflow: hidden;
    text-overflow: fade;
	max-height: 110px;	
	background-color: lightgray;
	margin-bottom: 3px;
	margin-top: 3px;
}

.related-articles{
	background-color: rgba(0,0,0,0.03);
	margin: 0 -15px -15px;
    padding: 15px;
}

.readmore_outer{
    margin-bottom: 15px;
}

.readmore_outer .readmore{
   /* display:none;*/
    position:relative;
    background-color: #eee;
    padding: 30px 15px 15px;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
}

.readmore_outer .readmore_inner{
    max-height: 0;	
	transition: max-height 0.15s ease-out;
    overflow: hidden;
}

.readmore_outer.show .readmore_inner{
/*    display:block;*/
	max-height: 5000px;
    transition: max-height 0.25s ease-in;	
}

.readmore_outer .show-more{
	opacity: 1;
	transition: opacity 0.5s ease-in-out;	
}

.readmore_outer.show .show-more{
	opacity: 0;
}

.readmore_outer .readmore .hide-me{
    position:absolute;
    top:-3px;
    right:2px;
    font-size:20px;
    cursor:pointer;
}



.article-image>.image-text{
    margin: -20px 0 20px;
    font-size: 0.8em;   
    border-left: 2px solid #928892;
    padding: 2px 5px;
}

.share-buttons{
	float:right;
	margin-top: 5px;
	height:32px;
}

.share-buttons .share-button{
	display:inline-block;
	overflow:hidden;
	position:relative;
}

/* Make sure that the LinkedIn-button is the same height as the rest */
.IN-widget {
  	height: 20px;
}

.share-buttons .share-button > *{
	/* Make important to override LinkedIn-src */
	vertical-align:bottom !important;
}

@media(max-width: 400px){
	.share-buttons{
		float:none;
	}
		
}

table.anslagstavlan tr>td:first-child{
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}


/*Links*/

div.linkgroup {
  background-color: #4A3A4A;
}

div.linkgroup.unactive {
  background-color: transparent;
}
div.linkgroup div {
    background-color: white;
    padding: 0 15px;
    display: block;
    max-height: 5000px;
    overflow: hidden;
    transition: max-height 0.5s ease;
    border-left: 2px solid #4a3a4a;
    border-right: 2px solid #4a3a4a;
    border-bottom: 2px solid #4a3a4a;
}

div.linkgroup.unactive div {
  max-height: 0;
  border-bottom: none;
}

div.linkgroup div p {
  padding: 15px 0;
  margin: 0;
}

div.linkgroup h2 {
    font-size: 18px;
    padding: 10px 20px;
    margin: 0;
    cursor:pointer;
    transition: background-color 1s ease;
    transition: color 1s ease;
	color: #fff;
    background-color: #4a3a4a;
    display: inline-block;
}

/*div.linkgroup h2:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;

  
}*/

div.linkgroup.unactive h2 {
	color: #666;
    background-color: #efefef;
}

div.linkgroup.unactive h2:after {
      display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;

}

div.linkgroup.unactive h2:hover {
  color: #444;
}


/*clicktoshow*/

div.clicktoshow {
    max-height: 40px;
    height: auto;
    padding-top: 40px;

    overflow:hidden;
    position:relative;
    transition: max-height ease-in-out 600ms;
}

div.clicktoshow>strong:first-child,
div.clicktoshow>h2:first-child {
    top:0;
    position:absolute;
    display:inline-block;
    cursor:pointer;
    padding: 0.25rem 0.8rem;
    color: #4d394b;
    border-radius: 4px;
    border: 1px solid #362936;
    transition: all ease-in-out 300ms;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    line-height: 26px;
}

div.clicktoshow>strong:first-child:after,
div.clicktoshow>h2:first-child:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}


div.clicktoshow.show {
    max-height: 5000px;
    padding-top: 0;

}

div.clicktoshow.show>strong:first-child,
div.clicktoshow.show>h2:first-child {
    position:relative;
    cursor:auto;
    padding-left: 0;
    padding-right: 0;
    color: inherit;
    border: none;
}

div.clicktoshow.show>h2:first-child {
    font-size: 1.6em;
    font-weight: 500;
    margin: 1.5rem 0 0.5em;
    line-height: 1.2;
}


div.clicktoshow.show>strong:first-child:after,
div.clicktoshow.show>h2:first-child:after {
    display: none;
}




/* */
.page article.native-article{
    position:relative;
    padding-bottom: 4px;
    padding-top: 10px;
}

.page article.native-article:before, 
.page article.native-article:after{
    position: absolute;
    content:'Sponsrad artikel';
    font-size: 0.9em;
    color: #888888;
    padding-left: 15px;
    padding-right: 15px;
    left:-15px;
    right:-15px;    
    text-align: right;
}

.page article.native-article:before{
    border-top: 3px solid #4990e2;
    padding-top: 5px;
    top:0;
}

.page article.native-article:after{
    bottom:0;
    padding-bottom: 10px;
    border-bottom: 3px solid #4990e2;
}

.page article.native-article .infoBox{
    margin-top: 30px;
}
.page article.native-article .infoBox img{
    max-width: 60%;
}

.page .article-navigation-buttons{
margin-top:10px;
}

.article-list-item.nativeArticle {
    border-top: 1px solid #4990e2;
    border-bottom: 1px solid #4990e2;
}

.article-list-item.nativeArticle:hover{
	background-color:#e0ecfa; 
}

.article-list .nativeArticle{
	position:relative;
}

.article-list .nativeArticle:before{
	position: absolute;
    content: 'Sponsrad artikel';
    font-size: 0.7em;
    color: #888888;
    top: 0;
    right: 5px;
}

.article-list .nativeArticle:hover:before{
    color: #555555;
}

.fhb-logo{
    width: 15%;
    height: auto;
    margin-left: 13%;
	-webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   filter: grayscale(100%);
    opacity: 0.6;
   transition: all 0.2s ease;}

.fhb-logo:hover{
	-webkit-filter: grayscale(0);
   -moz-filter: grayscale(0);
   filter: grayscale(0);
    opacity: 1;
}


.fhb-logo>img{
    margin-top: -10%;
    
}
#top-field>.container>a{
  display:inline-block; 
}