/* Make the page take full height */
html, body {
    height: calc(100% - var(--wp-admin--admin-bar--height, 0px));
    margin: 0;
}

body {
    --top-padding : 3px;
    padding-top:var(--top-padding)
}

/* Main wrapper */
body > div.wp-site-blocks {
    height: calc(100vh - var(--wp-admin--admin-bar--height, 0px) - var(--top-padding));
    display: flex;
    flex-direction: column;
}

/* Let main content expand */
.wp-site-blocks > main {
    flex: 1;
    display:flex;
    flex-direction: column;
    overflow-y: scroll;
    padding:0 1rem;
}

.wp-site-blocks > main > div {
    margin:auto 0;
    width:100%;
}

.bcg-queryloop > ul {
    grid-template-columns: repeat(3, 20rem);
    justify-content: space-evenly;
    font-size: 95%;
}

.bcg-queryloop .wp-post-image{
    border-radius: 1rem;
}

.bcg-queryloop .post{
    border-radius: 1rem;
    background-color: var(--wp--preset--color--primary);
    padding:0.5rem;
    display:grid;
    grid-template-rows: repeat(3, min-content) 1fr;
}

.bcg-queryloop .wp-block-read-more{
    align-self: end;
    justify-self: end;
    background-color: var(--wp--preset--color--base);
    border-radius: 0.5rem;
    padding: 0.3rem;
}

@media only screen and (max-width:65rem) and (min-width:43rem) {
    .bcg-queryloop > ul {grid-template-columns: repeat(2, 20rem)}
}

@media only screen and (max-width:43rem){
    .bcg-queryloop > ul {grid-template-columns: 1fr}
    .bcg-queryloop .wp-block-post-featured-image {aspect-ratio: 5/1  !important;}
    .bcg-queryloop .post {margin-bottom:3rem}
}