/* Sinofly blog / posts archive: Pinterest-style masonry, no plugin.
   Enable in Appearance > Customize > Layout > Blog > Archive > Layout = Grid. */
body.blog .ast-row,
body.archive .ast-row {
    display: block !important;
    column-width: 300px;
    column-gap: 22px;
    margin: 0 !important;
}
body.blog article.ast-article-post,
body.archive article.ast-article-post {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 22px !important;
    float: none !important;
    display: inline-block;
    vertical-align: top;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
body.blog article.ast-article-post .ast-post-thumbnail,
body.archive article.ast-article-post .ast-post-thumbnail { margin: 0; }
body.blog article.ast-article-post img,
body.archive article.ast-article-post img {
    max-width: 100%; height: auto; display: block;
}
body.blog article.ast-article-post .ast-excerpt p,
body.archive article.ast-article-post .ast-excerpt p { margin: 0 0 .8em; }
body.blog article.ast-article-post,
body.archive article.ast-article-post {
    transition: transform .25s ease, box-shadow .25s ease;
}
body.blog article.ast-article-post:hover,
body.archive article.ast-article-post:hover {
    transform: translateY(-4px) scale(1.015);
    box-shadow: 0 10px 26px rgba(0,0,0,.14);
    position: relative;
    z-index: 2;
}
body.blog article.ast-article-post .ast-post-thumbnail img,
body.archive article.ast-article-post .ast-post-thumbnail img,
body.blog article.ast-article-post .post-thumbnail img,
body.archive article.ast-article-post .post-thumbnail img {
    transition: transform .35s ease;
}
body.blog article.ast-article-post:hover .ast-post-thumbnail img,
body.archive article.ast-article-post:hover .ast-post-thumbnail img,
body.blog article.ast-article-post:hover .post-thumbnail img,
body.archive article.ast-article-post:hover .post-thumbnail img {
    transform: scale(1.06);
}