[itemtype$='BlogPosting'] a img { transition-property: filter; transition-duration: 1s }
[itemtype$='BlogPosting'] a:hover img { filter: contrast(200%) }




[itemtype$='BlogPosting'] h2 { color: black; margin-bottom: 5px }

[itemtype$='BlogPosting'] [itemprop='description'] { color: grey; line-height: 1.8 }

[itemtype$='BlogPosting'] time { color: grey; }

	[itemtype$='BlogPosting'] time::before { font-size: 12px; }

	[itemtype$='BlogPosting'] time[itemprop='datePublished'] { font-size: 0px }
	[itemtype$='BlogPosting'] time[data-jSMY]::before { content: attr(data-jsmy) }

	[itemtype$='BlogPosting'] time[itemprop='timeRequired'] { font-size: 0px }
		[itemtype$='BlogPosting'] time[itemprop='timeRequired'][data-minutes]::before { content: ' | 'attr(data-minutes)' min read'; }

[itemtype$='BlogPosting'] a { text-decoration: none }


div.articles > div { margin-bottom: 40px; }


@media screen and (min-width:644px)
{
	div.articles > div { margin-bottom: 10px; }

	:not(body).articles { display: flex; margin: -10px; flex-wrap: wrap; }

	:not(body).articles > * {margin:10px;}

	:not(body).articles > * {flex-basis:calc((100% - 40px)/2);}
}

@media screen and (min-width:964px)
{
	:not(body).articles > * {flex-basis:300px;}
}