@charset "utf-8";
/* CSS Document */

.blog-snippet {

    margin: 0 0 var(--desktop-column-padding) 0;
    
}

.blog-snippet > h2 {

    font-size: var(--h-medium); 
    line-height: var(--h-medium-lh);    
    margin: 0 0 var(--general-padding-small) 0; 
    
}

.blog-snippet > h2 > a > svg {

    height:32px;
    width:auto;
    display: inline-block;
    
}

.blog-snippet > .post-data {

    margin: 0 0 var(--general-padding-medium) 0; 
    
}

.block.blogSnippets > div .control {
   
    margin: 0 0 var(--general-padding-large) 0; 
    
}

.block.blogSnippets > div .stats {
   
    text-align: center;
    margin: 0 0 var(--general-padding-tiny) 0; 
    
}

.block.blogSnippets > div .control .nav > div {

    display:inline-flex;
    line-height: 16px;
    vertical-align: middle;
    font-size: var(--text-size-small);
    
}

.block.blogSnippets > div .control .nav > div > svg {

    height:16px;
    width:auto;
    
}

.block.blogSnippets > div > .control a,
.block.blogSnippets > div > .control a:active,
.block.blogSnippets > div > .control a:hover {

    text-decoration: none;
    
}

.blog-snippet > div > div {
    
    display:inline-block;
    width:50%;
    vertical-align: top;

}

.blog-snippet.no-image > div > div {
    
    width:100%;

}

.blog-snippet > div > .image {
    
    aspect-ratio: 4 / 3;
    padding-right: var(--general-padding);

}

.blog-snippet > div > .image img {
    
    width:100%;
    height: 100%;
    object-fit: cover;

}

.block.blogSnippets > div .control .page-numbers .selected {

    text-decoration: underline;
    
}

.blog-snippet > div > .text img {
    
    width:100%;
    height: auto;

}


@media screen and (max-width: 1220px) {
    


}

@media screen and (max-width: 1000px) {


}

@media screen and (max-width: 640px) {

    .blog-snippet > div > div {

        display:block;
        width:100%;

    }
    
    .blog-snippet > div > .image {

        aspect-ratio: 16 / 9;
        padding-right: 0;
        padding-bottom: var(--general-padding);

    }
    
}