/* STARTSIDAN */
.start-blog .lasmer {position: absolute; width: 100%; height: 100%; top: 0; left:0; opacity: 0;}

/* PRODUKTSIDAN */
.prod-blog .lasmer {position: absolute; width: 100%; height: 100%; top: 0; left:0; opacity: 0;}
.Blogginlagg_Saknas_For_Artikeln {text-align:center; margin-bottom:20px;}

/* INLÄGG */
.blog-wrapper {position: relative;}
.blog-output {float: left; width:-moz-calc(100% - 330px); width:-webkit-calc(100% - 330px); width:-o-calc(100% - 330px); width: calc(100% - 330px);}
.blog-image img {display: block; margin-bottom: 10px;}
.blog-writer {display: block; text-align: right; font-size: 12px;}
.blog-writer time {display: block;}
.blog-ingress {font-weight: 400; margin-bottom: 20px;}
.blog-readmore {display: block;}
.blog-readmore a {border: 1px solid #f1f1f1; padding:10px;}
.blog-readmore a:hover {background:#f1f1f1;}
.blog-date-comments, .blog-date-tags {padding:20px 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.blog-date-comments {margin: 20px 0 50px 0;}
.blog-share {width: 50%}
.blog-comment, .blog-tags {width: 50%; text-align: right;}
.blog-morebtn {width: 50%;}
.blog-comment::before {content: '\f27a'; margin-right: 3px;}
.blog-tags a {border: 1px solid #f1f1f1; padding:10px;}
.blog-tags a:hover {background:#f1f1f1;}
p.blogg_taggar {margin:0;}
.blog-date-tags {margin: 20px 0;}

ul.dela-share-buttons {list-style: none; font-size: 20px; height: 20px; line-height: 20px;}
ul.dela-share-buttons li{display: inline; margin-right: 5px;}
ul.dela-share-buttons li a{display: inline-block;}

.blog-quote {text-align: center; margin:15px 0; padding:0 10%; font-size: 16px;}
.blog-quote span::before {content: '\f10d'; margin-right: 3px; font-size: 11px;}
.blog-quote span::after {content: '\f10e'; margin-left: 3px; font-size: 11px;}
.blog-video {text-align: center;}

.blog-products h2 {margin-top: 25px;}
.blog-products .PT_Text_Kort {display: none;}

/* ARKIV */
.arkiv-knapp {display: none;}
.blog-archive {background:#f1f1f1; width: 300px; float: left; margin-left: 30px; padding:30px 25px;}
.blog-archive ul {list-style: none; }
.archive-bio img {display: block;}
.archive-bio strong, .archive-bio a {font-weight: bold;}
.blog-categories > span {background: #fff; border: 1px solid #999; display: block; width: 100%; line-height: 40px; padding: 0 10px; position: relative; cursor: pointer;}
.blog-categories > span::after {content: '\f078'; position: absolute; right: 10px;}
.blog-categories.active > span::after {content: '\f077';}
.blog-categories {position: relative; width: 100%;}
.blog-categories ul{display: none; position: absolute; width: 100%; top: 40px; background: #fff; border: 1px solid #999;}
.blog-categories.active ul {display: block;}
.blog-categories ul li {line-height: 30px; border-bottom: 1px solid #f1f1f1;}
.blog-categories ul li a {padding: 0 10px; display: block;}
.archive-date {display: block;width: 100%; border-bottom: 1px solid #999; color: #333; font-size: 12px; padding-bottom: 3px; margin-bottom: 10px;}
.archive-list ul {line-height: 24px;}
.blog-categories, .archive-latest, .archive-list {margin-top: 35px;}

/* Kommentarer */
.blog-comments h2 {margin: 25px 0  20px 0;}
.bloggkommentar_saknas, .bloggkommentarsfalt_kommentar1 {display: none !important;}
.bloggkommentarsfalt_form .bloggkommentarsfalt_kommentar1 {display: block !important;;}

.SingleComment {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.bloggkommentarsfalt_form {padding:15px; background: #f1f1f1;}
.bloggkommentarsfalt_kommentar_falt, .bloggkommentarsfalt input{margin-bottom: 10px;}
.blog_comments {-webkit-order:2; -ms-flex-order:2; order:2; padding:0 15px 0 0;}
.bloggkommentar {border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; margin-bottom:15px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.blog-card {width: 100px; text-align: center;}
.bloggkommentar_innehall {margin-left: 10px; width:-moz-calc(100% - 110px); width:-webkit-calc(100% - 110px); width:-o-calc(100% - 110px); width: calc(100% - 110px);}
.bloggkommentar_url {margin-top: 5px;}
.bloggkommentar_rubrik::before{content: '\f2bd'; display: block; font-size: 50px;}
.bloggkommentar_rubrik {font-weight: bold;}

/* v2 */
#bloggKommentarerWrapper2 {display: none !important;}
.bloggkommentarv2 {border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; margin-bottom:15px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.bloggkommentarsfaltv2 input, .bloggkommentarsfaltv2 textarea {margin-bottom: 12px;}
#bloggKommentarerWrapper3 {display: none !important;}
/* Svar */
.bloggkommentar_svara {padding-left: 110px; margin-top: 10px; font-size: 12px;}

.bloggkommentarv2.niva2 {padding-left: 15px; position: relative;}
.bloggkommentarv2.niva2 .bloggkommentar_rubrik::before{font-size: 30px;}
.bloggkommentarv2.niva2 .blog-card {border-left: 1px solid #eee;}
.bloggkommentarv2.niva2 .bloggkommentar_svara {margin-top: 0px; font-size: 12px; border-left: 1px solid #eee;}
.bloggkommentarv2.niva2 .bloggkommentar_svara.active {border-left: none !important;}
.bloggkommentarv2.niva2 .bloggkommentar_svara.active, .bloggkommentarv2.niva2 .bloggkommentar_svara.active .bloggkommentarsfalt_namn_falt, .bloggkommentarv2.niva2 .bloggkommentar_svara.active .bloggkommentarsfalt_epost_falt, .bloggkommentarv2.niva2 .bloggkommentar_svara.active .bloggkommentarsfalt_captcha_falt {width: 100%;}
.bloggkommentar_svara .knapp-kommentera, .bloggkommentar_svara .namnepostFaltWrapper {padding-top: 10px;}

/* Paginering */
.Artgrp_VisaFlerBott {width: 100%; display: block; float: left; padding:20px 0;}
#antalArtiklarSpan {display: none;}
.valPaginering {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
#sidorSpan_Markerad {font-weight: bold;}
/*----------------------*/
@media screen and (max-width: 1300px) {
	.prod-blog {padding: 10px;}
}
/*----------------------*/
@media screen and (max-width: 1200px) {
	.SingleComment {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
	.blog_comments {width: 100%; margin: 30px 0 0 0}
}
/*----------------------*/
@media screen and (max-width: 1050px) {
	.blog-products .PT_Wrapper {width: 48.8%;}
}
/*----------------------*/
@media screen and (max-width: 885px) { 
	.arkiv-knapp {display: block; position: absolute; top: -10px; right: -10px; background: #f8f8f8; padding: 5px 15px 1px 10px; cursor: pointer; z-index: 2; border-bottom-left-radius: 10px; border-top-left-radius: 10px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 1px solid #ddd;}
	.arkiv-knapp span::after {content:'\f100'; color: #000; font-size: 20px;}
	.arkiv-knapp.active {right: 290px !important; padding: 5px 10px 1px 10px;}
	.arkiv-knapp.active span::after {content:'\f101';}
	.blog-archive {display: none;}
	.blog-archive.active {display: block; top: -30px; position: absolute; right: -10px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
	.blog-output {width: 100%;}
	.blog-writer {margin-bottom: 10px;}
	.blog-share {width: 50%;}
	.blog-tags {width: 100%;}
	.blog-video {width:100%; margin:0 auto; }
	.blog-video div.iframeWrap {position:relative; padding-top: 56%;}
	.blog-video div.iframeWrap iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
}
/*----------------------*/
@media screen and (max-width: 600px) {
	.blog-date-tags {-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
	.blog-tags a {padding: 6px;}
	.blogg_taggar {text-align: center;}
	.blog-share {width: 100%; text-align: center; padding-bottom: 15px;}
}

@media screen and (max-width: 450px) {
	.blog-card {width: 100%;}
	.bloggkommentar_innehall {width: 100%; margin: 10px 0 0 0;}
	.bloggkommentarsfalt, .bloggkommentarsfalt input {max-width: 100%;}
	.bloggkommentarv2.niva2 {padding-left: 0;}
	.bloggkommentarv2.niva2 .blog-card, .bloggkommentarv2.niva2 .bloggkommentar_svara {border:0;}
	.bloggkommentar_svara {padding-left: 0px;}
	.bloggkommentarv2.niva2 .bloggkommentar_svara {margin-top: 10px;}
}
/*----------------------*/
@media screen and (max-width: 340px) {
	.arkiv-knapp.active {right: 260px !important;}
	.blog-archive.active {width: 270px;}
}