#SD .displayPosts.boxedWidth h3.header
{
	font-size:var(--h1Size);
	font-family:var(--accentFontFamily);
	font-weight: 300;
	text-transform: uppercase;
	color:var(--colD);
}
.SDblock.displayPosts .SDpost .photoSource
{
	position: absolute;
	right: 0;
	font-size:var(--small);
}
.SDblock.displayPosts .posts
{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-gap: calc(var(--defaultInterval)*1);
}
.SDblock.displayPosts .wrapper
{
	display: grid;
	grid-template-columns: 1fr 3fr;
}
.SDblock.displayPosts .wrapper .SDpost
{
	border: 1px solid black;
	padding: 0;
}
#SD #main .SDblock.displayPosts .SDpost a.button:hover
{
	color: white;
}
#SD .SDblock.displayPosts .SDpost h3.title
{
	background-color:var(--colC);
	text-transform: uppercase;
	padding-left: calc(var(--defaultInterval)*.5);
	padding-right: calc(var(--defaultInterval)*.5);
	font-family:var(--accentFontFamily);
	font-weight: 300 !important;
	border-top-right-radius: 0;
	padding-bottom: calc(var(--defaultInterval)*.25);
	padding-top: calc(var(--defaultInterval)*.25);
	margin-top: 0;
}
.SDblock.displayPosts .SDpost .date
{
	font-weight: bold;
	font-style: italic;
	padding: calc(var(--defaultInterval)*.5) calc(var(--defaultInterval)*.5) 0 calc(var(--defaultInterval)*.5);
}
.SDblock.displayPosts .SDImageWrapper .photoSource
{
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.849);
	padding-right: calc(var(--defaultInterval)*.25);
	padding-left: calc(var(--defaultInterval)*.25);
	padding-top: calc(var(--defaultInterval)*.25);
	border-top-left-radius:var(--defaultBorderRadius);
}
#SD .SDblock.displayPosts .SDpost h3.title a
{
	font-weight: 300;
	color: black;
}
#SD #content #main .SDpost .title a:hover
{
	color: white;
}
.SDblock.displayPosts .SDpost .excerpt
{
	calc(var(--defaultInterval)*.5);
	padding: calc(var(--defaultInterval)*0) calc(var(--defaultInterval)*.5);
}
.SDblock.displayPosts .button
{
	margin-left: calc(var(--defaultInterval)*.5);
	margin-bottom: calc(var(--defaultInterval)*.5);
}
#SD .SDblock.displayPosts .SDpost .button.small
{
	margin-left: calc(var(--defaultInterval)*.5);
	margin-bottom: calc(var(--defaultInterval)*.5);
	padding: 0px !important;
	background-color: transparent;
	color:var(--colA);
	font-family:var(--accentFontFamily);
	font-weight:300fir;
	font-size:var(--h3Size);
	text-transform: uppercase;
}
@media only screen and (max-width: 769px)
{
	#SD .SDblock.displayActions .actionWrapper
	{
		grid-template-columns: 1fr;
	}
	#SD .displayPosts.boxedWidth h3.header
	{
		color: white;
		text-align: center;
		background-color:var(--colD);
		padding-top: calc(var(--defaultInterval)*.5);
		padding-bottom: calc(var(--defaultInterval)*.5);
		margin-bottom: calc(var(--defaultInterval)*.5);
		margin-left: calc(var(--defaultInterval)*-.5);
		margin-right: calc(var(--defaultInterval)*-.5);
	}
	.SDblock.displayPosts .wrapper
	{
		grid-template-columns: 1fr;
	}
	#SD .SDblock.displayPosts .SDpost
	{
		display: grid;
		grid-template-columns: 1fr 3fr;
		grid-template-areas: "photo title" "photo date" "photo excerpt" "photo more";
		grid-gap: 0 calc(var(--defaultInterval)*1);
		border: 0px solid black;
	}
	.SDblock.displayPosts .SDpost .image
	{
		grid-area: photo;
		align-self: start;
		min-height: auto;
	}
	.SDblock.displayPosts .SDpost .image .inner
	{
		/*height: 300px !important;*/
		/*width: 300px !important;*/
	}
	.SDblock.displayPosts .SDImageWrapper .photoSource
	{
		display: none;
	}
	.SDblock.displayPosts .SDpost .image
	{
		/*height: 300px !important;*/
		/*width: 300px !important;*/
		padding-bottom: 100%;
	}
	#SD #page .SDblock.displayPosts div.SDpost h3.title
	{
		grid-area: title;
		background-color: transparent;
		font-family:var(--primaryFontFamily);
		text-transform: none;
		font-size:var(--h4Size);
		padding-top: 0px;
	}
	#SD #page .SDblock.displayPosts div.SDpost h3.title a
	{
		font-weight: bold;
	}
	#SD #page .SDblock.displayPosts div.SDpost .excerpt
	{
		grid-area: excerpt;
		margin-top: 0px;
	}
	#SD #page .SDblock.displayPosts div.SDpost .button
	{
		justify-self: start;
	}
}