/*--- Single Blog Post -----*/
.page-header , .post-header {
	position:relative;
	margin-bottom:4px;
}

.single-post .featured-image {}

.with-image .entry-title {  }

.header-content {   }

.with-image .header-content {}

.entry-content { display:flow-root; }


/*---- Social Share buttons ----*/
.single-post .sidebarAndContent {
	grid-template-columns: 1fr min( 90vw , var(--maxwidth) ) 1fr;
}

.single-post .sidebarAndContent .entry-content {padding:0 16px;}

.socialShareBtns {
	display:grid;
	align-content: start;
	justify-content:end;
}
.socialShareBtns .wrapper {
	display:grid;
	position:sticky;
	top:calc( var(--headerOffset) - 6px );
	gap:4px;
	padding:12px 0;
}
.socialShareBtns img {vertical-align:top;}

@media (max-width:600px) {
	.socialShareBtns .wrapper {
		grid-auto-flow:column;
		justify-content:start;
		align-items:center;
	}
}



/*---- Previous and Next Post ------*/
#nav-below {clear:both; display:flex; flex-wrap:wrap; border-top:solid 1px #ddd; padding:16px 0; justify-content:space-between; }
#nav-below > div {  //flex:1 1 45%; width:50%;  }
#nav-below a {display:block; padding:8px; line-height:1.15; }
.nav-next {text-align:right;}

/*----- Pagination ------*/
.nav-links {
	display: flex;
	margin:auto;
	text-align: center;
	justify-content: center;
}
.nav-links .page-numbers {
	border:solid 1px rgba(0,30,60,.45);
	padding:6px 12px;
	margin:2px;
	text-align: center;
	background:#eaf2f8;
	color:#222;
	text-decoration: none;
}
.nav-links .page-numbers.current {
	background:#468;
	border:none;
	color:#fff;
}

/*------------------- Comments Section -----------------------*/

#comments {clear:both; }

.comments-dropdown {display:block;}

.number-of-comments {
font-size:1.8em;
font-weight:bold;
position:relative;
border-bottom:solid 3px;
padding-bottom:4px;
margin-bottom:12px;
}
.comments-dropdown summary:hover { background:#ddf4ff; }

.all-comments {
margin:0; padding:0;
}

.comments ul { padding:0px; margin:8px 0;}

.comments li {
margin:1rem 0 0 0;
padding: 1rem 0 0 40px;
list-style:none;
border-top:solid 1px #aaa;
position:relative;
}
.comment-body {position:relative; }

.reply {position:absolute; top:0; right:0; }
.avatar  {position:absolute; top:0; left:-40px;}

.comment-notes {font-size:14px;}


#respond {  padding:0px 12px;}
#respond p {margin:4px 0;}

#respond .stars { font-size:1.4rem; }

.comment-form-comment , .form-submit {margin:0;}

.comment-form input, .comment-form textarea {
border:solid 1px #bbb;
box-shadow:inset 2px 2px 6px rgba(0,0,0,.15);
font:inherit;
width:100%;
padding:8px;
}
.comment-form input[type=checkbox], .comment-form input[type=radio] {
	width:auto; 
}

#comment {height:4em; transition:.45s cubic-bezier(.08,.82,.17,1); }
#comment:focus {height:10em;}

.comment-form input:focus, .comment-form textarea:focus {border:solid 1px #456;}
.comment-form input.submit { background:#eee; box-shadow:0 1px 2px rgba(0,0,0,.15); margin:16px 0; }

.logged-in-as {display:none; margin:0; }
.logged-in-as a {font-size:.85em; padding:8px; border:solid 1px; border-radius:3px; text-decoration:none; line-height:1; }