/* Single Template (Blog Post) Style */

/*CSS Grid*/
.blog-post-left-sidebar {
	grid-area: left-sidebar;	
}

.blog-post-right-sidebar {
	grid-area: right-sidebar;
}

.blog-post-left-sidebar .wp-block-group,
.blog-post-right-sidebar .wp-block-group {
	background-color: var(--wp--preset--color--pale-grey);		
	padding: var(--wp--preset--spacing--50);
}

p.is-style-featured-image-caption {
	margin-top: -12px !important;
}

.blog-post-content {
	grid-area: main;	
}

.single-post .single-post-grid-group {
	display: grid;
	grid-template-columns: .75fr 800px .75fr;
  	grid-template-rows: auto;
  	grid-template-areas: "left-sidebar main right-sidebar";
	column-gap: 2vw;   	
}

body.single-post .wp-block-post-content ul {
    display: block;
    list-style-type: none;
    margin-block-start: 1.5em;/* 24px */
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 20px;	
}

@media (max-width: 800px) {
	.single-post .single-post-grid-group {
		display: grid;
		grid-template-columns: 1fr;		
  		grid-template-areas: "main main main" "right-sidebar right-sidebar right-sidebar" "left-sidebar left-sidebar left-sidebar";
		row-gap: 2vw;		
		max-width: 100vw;
	}

	.blog-post-left-sidebar .wp-block-group,
	.blog-post-right-sidebar .wp-block-group,
	.blog-post-content .wp-block-group {
		max-width: 90vw;
	}
}

@media (min-width: 801px) and (max-width: 1280px) {
	.single-post .single-post-grid-group {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-areas: "main main" "left-sidebar right-sidebar";
		max-width: 90vw;
		row-gap: 2vw;
	}
	
	.blog-post-left-sidebar,
	.blog-post-right-sidebar {
		background-color: var(--wp--preset--color--pale-grey);
	}

	.blog-post-left-sidebar .wp-block-group,
	.blog-post-right-sidebar .wp-block-group{
		width: 45vw;
		background-color: transparent;
	}
}

@media (min-width: 1281px) and (max-width: 1440px) {
	.single-post .single-post-grid-group {
		max-width: 100vw;
		grid-template-columns: .5fr 1fr .5fr;
		padding-left: 2vw;
		padding-right: 2vw;
	}

	.blog-post-left-sidebar .wp-block-group,
	.blog-post-right-sidebar .wp-block-group{		
		min-height: 62vh;
	}
}

@media (min-width: 7680px) {
	.single-post .single-post-grid-group {
		max-width: 50vw;
		grid-template-columns: .5fr 1fr .5fr;
		padding-left: 2vw;
		padding-right: 2vw;
	}
}

/*Post Subheader Style*/
.post-subheader {
    font-size: var(--wp--preset--font-size--small);
    font-family: var(--wp--preset--font-family--oswald);
    color: var(--wp--preset--color--medium-grey);
    text-transform: uppercase;
    text-align: center;
    margin-top: 0.5rem !important;
	margin-bottom: 1rem !important;
}

/*Recent Posts List*/
.wp-block-latest-posts {
	margin-top: .25em !important;	
}

ul.wp-block-latest-posts__list li {
margin: 0;
padding: 0.75em 0;
border-bottom: 1px solid #000000;
font-size: .85em;
line-height: 1.3;	
}