/*
Theme Name: TAK Assemble Blog Child
Theme URI: https://tomkolbe.com/
Description: Child theme for Assemble Blog with improved post, page, archive, and category layouts.
Author: Thomas Alexander Kolbe
Template: assemble-blog
Version: 2.3
*/

/* PRELOADER DEAKTIVIEREN */
#preloader,
.preloader,
.loader,
.loading,
#loader-wrapper {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

body.loading,
body.preloader-active {
    overflow: auto !important;
}

/* SINGLE POSTS + PAGES */
.single-post .site-main,
.single-post .content-area,
.single-post .entry-content,
.page .site-main,
.page .content-area,
.page .entry-content {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.single-post .entry-content,
.page .entry-content {
    line-height: 1.7;
}

.single-post .wp-post-image,
.single-post .post-thumbnail img,
.single-post .featured-image img,
.page .wp-post-image,
.page .post-thumbnail img,
.page .featured-image img {
    max-width: 760px;
    max-height: 420px;
    width: auto;
    height: auto;
    display: block;
    margin: 30px auto;
    object-fit: contain;
}

.single-post .entry-header,
.single-post .entry-meta,
.page .entry-header,
.page .entry-meta {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.single-post .entry-header img,
.page .entry-header img {
    margin-top: 20px;
}

/* STARTSEITE + ARCHIVE + CATEGORY */
.home .site-main,
.blog .site-main,
.archive .site-main,
.category .site-main {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.archive-header,
.page-header {
    max-width: 1100px;
    margin: 40px auto 30px auto;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
}

.breadcrumb,
.breadcrumbs,
.nav-breadcrumb,
.archive-header h1,
.page-header h1 {
    text-align: left;
    margin-left: 0;
}

.archive .posts,
.category .posts,
.blog .posts,
.home .posts,
.archive .post-grid,
.category .post-grid {
    gap: 30px;
}

.archive article,
.category article,
.blog article,
.home article {
    margin-bottom: 30px;
}

.archive img,
.category img,
.blog img,
.home img {
    border-radius: 4px;
}

@media (min-width: 900px) {
    .archive .posts,
    .category .posts,
    .blog .posts,
    .home .posts {
        grid-template-columns: repeat(2, 1fr);
    }
}