.blog-title{text-align:left;padding-bottom:10px}.blog-title h1{line-height:50px;margin-top:0;margin-bottom: 0px}.blog-featured-image img{width:100%;border-radius:5px}.blogpost-section .section-title h1{line-height:40px}.blogpost-section .blog-title h1{font-size:34px;line-height:48px}.blogpost-section .section-body ol,.blogpost-section .section-body p,.blogpost-section .section-body ul{font-size:18px;line-height:32px}.post-cover-buttons ul{display:flex;justify-content:flex-start;align-items:center;margin-bottom: 10px}.post-cover-buttons>ul>li{padding-left:0px;padding-right:10px}.blog-featured-image{margin-bottom:30px}.post-cover-buttons>ul>li>a,.post-cover-buttons>ul>li>div{display:flex;align-items:center;font-size:16px;transition:.2s ease;white-space:nowrap;color:#242429}.post-cover-buttons>ul>li>a:hover i,.post-cover-buttons>ul>li>div:hover i{opacity:1}.post-cover-buttons>ul>li>a>i,.post-cover-buttons>ul>li>div>i{margin-right:7px;opacity:.5;transition:.2s ease}ul.tags{margin-top:40px;justify-content:center;display:flex}.tagcloud>a,ul.tags li a{padding:10px 20px;border:1px solid;border-color:#d0d1d5;font-size:14px;display:block;border-radius:3px;transition:.1s ease}.tagcloud>a:hover,ul.tags li a:hover{background:var(--accent);border-color:var(--accent);color:#fff}.tagcloud>a,ul.tags li{display:inline-block;margin-right:5px;margin-bottom:5px}.tagcloud>a{font-size:13px!important}.blogpost-section .tags-list .tags{flex-wrap:wrap}.blogpost-section .section-body ol,.blogpost-section .section-body ul{padding-left:30px}.c27-content-wrapper .section-body .lf-item-container ul{list-style:none;padding:0;clear:none}section.i-section.blogpost-section{padding-bottom:0}.single-post .no-results-wrapper{padding-top:0;padding-bottom:50px}.blogpost-section .section-body p a{border-bottom:2px solid rgba(0,0,0,.08)}.blogpost-section .section-body dl dt{font-weight:600}.blogpost-section h2{line-height:46px}.blogpost-section h3{line-height:38px}.blogpost-section h4{line-height:30px}.blogpost-section h5{line-height:24px}.blogpost-section h6{line-height:22px}.blogpost-section .blog-title strong{font-weight:600}.c27-post-changer{margin-top:30px;display:none}.related-listing-block .event-host a{display:flex;align-items:center}.related-listing-block .event-host:not(:last-child){margin-bottom:10px}.related-listing-block .event-host .avatar{width:40px;height:40px;min-width:40px}@media only screen and (max-width:1200px){.blogpost-section .blog-title{padding-bottom:20px}.blogpost-section .blog-title h1{font-size:34px;line-height:48px}.blogpost-section .tags-list .tags{margin-top:30px}}@media only screen and (max-width:992px){body.single-post .no-results-wrapper{padding-top:20px;padding-bottom:50px}}@media only screen and (max-width:768px){.blogpost-section .tags-list .tags{justify-content:left}.post-cover-buttons ul{flex-wrap:wrap}.blog-featured-image{margin-bottom:25px}.post-cover-buttons>ul>li{padding-bottom:5px}.blogpost-section .blog-title{padding-bottom:10px}.blogpost-section .tags-list .tags{margin-top:20px}}@media only screen and (max-width:480px){.blogpost-section .blog-title h1{font-size:24px;line-height:32px;-ms-word-wrap:break-word;word-wrap:break-word}}

/* Ändra containerbredden för större skärmar */
@media only screen and (min-width: 1200px) {
    .blogpost-section .container {
        max-width: 1400px;
    }
}

/* Justera kolumnbredden för större skärmar */
@media only screen and (min-width: 992px) {
    .blogpost-section .col-md-12 {
        width: 85%;
        margin-left: 7.5%; /* Centrerar innehållet medan vänsterjustering behålls */
    }
    .i-section.blogpost-section .col-md-8 {
        width: 85% !important;
        margin-left: 7.5%; /* Centrerar innehållet medan vänsterjustering behålls */
    }
    .author-avatar img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }
    .blog-title h1 {
        font-size: 38px;
        line-height: 1.3;
    }
}


/* Säkerställ att featured image täcker hela bredden */
.blog-featured-image {
    margin-left: -15px;
    margin-right: -15px;
}

.blog-featured-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Justera författarinformation */
.author-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.author-avatar {
    margin-right: 15px;
}



/* Justera taggar och knappar */
.post-cover-buttons ul {
    padding-left: 0;
}

ul.tags {
    justify-content: flex-start;
    padding-left: 0;
    flex-wrap: wrap;
}


.author-avatar {
    margin-right: 10px;
}

/* Ensure images and other content don't overflow */
.blogpost-section img,
.blogpost-section iframe,
.blogpost-section embed,
.blogpost-section object {
    max-width: 100%;
    height: auto;
}

/* Additional responsive adjustments */
@media only screen and (max-width: 991px) {
    .blogpost-section .col-md-12 {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    .i-section.blogpost-section .col-md-8 {
        width: 95% !important;
        margin-left: 3%; /* Centrerar innehållet medan vänsterjustering behålls */
        margin-right: 3%; /* Centrerar innehållet medan vänsterjustering behålls */
    }
    .author-avatar img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .blog-title h1 {
        font-size: 22px !important;
        line-height: 1.3;
    }

    .blogpost-section .section-body ol,
    .blogpost-section .section-body p,
    .blogpost-section .section-body ul {
        font-size: 15px !important;
        line-height: 28px;
    }

    .blogpost-section h2 {
        font-size: 20px !important;
        line-height: 1.3;
    }

    .blogpost-section h3 {
        font-size: 18px !important;
        line-height: 1.3;
    }

    .blogpost-section h4 {
        font-size: 16px !important;
        line-height: 1.3;
    }

    .blogpost-section .section-body ul,
    .blogpost-section .section-body ol {
        padding-left: 20px;
        padding-right: 10px;
        margin-bottom: 20px;
    }

    .blogpost-section .section-body ul li,
    .blogpost-section .section-body ol li {
        font-size: 15px;
        line-height: 1.3;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .blog-title h1 {
        font-size: 24px;
        line-height: 1.2;
    }

    .blogpost-section .section-body ol,
    .blogpost-section .section-body p,
    .blogpost-section .section-body ul {
        font-size: 12px;
        line-height: 1.3;
    }

    .blogpost-section h2 {
        font-size: 22px;
        line-height: 1.2;
    }

    .blogpost-section h3 {
        font-size: 18px;
        line-height: 1.2;
    }

    .blogpost-section h4 {
        font-size: 16px;
        line-height: 1.2;
    }
}