/* Main Layout */
.sidebar-home {
	margin-bottom: 1rem;
}

#js-blog .t-main-content-element {
	padding-bottom: 3rem;
	padding-top: 2rem;
}

/**
 * Hide only visually, but have it available for screen readers
 */
#js-blog .u-hide-visually:not(:focus):not(:active) {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

#js-blog .u-hide-visually:is(:active, :focus) {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: unset;
	white-space: inherit;
	width: auto;
}


/* Blog Home/Archive Layout */
.t-blog__home-blog-heading {
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 2rem;
	padding: 1rem 0;
}

.t-blog-archives__featured-media {
	margin-bottom: 1rem;
}

.t-blog-archives__featured-media a img:hover {
	opacity: 0.7;
}

.t-blog-archives__post {
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 2rem;
	padding-bottom: 2rem;
}

.t-blog-archives__post h2 {
	margin-bottom: 0.5rem;
}

.t-blog-archives__post h2 a:hover {
	color: #000;
}

.t-blog-archives__post h3 {
	margin-bottom: 0.25rem;
}

.t-blog-archives__meta-info {
	color: #9c9592;
}

/* Headings */
.t-blog-post__content h2,
.t-blog-post__content h3,
.t-blog-post__content h4,
.t-blog-post__content h5 {
	color: #000;
	font-weight: bold;
	letter-spacing: 0;
	margin-top: 1rem;
	word-spacing: normal;
}

.t-blog-post__content h2 {
	font-size: 1.75rem;
	line-height: 1.25;
}

.t-blog-post__content h3 {
	font-size: 1.25rem;
	line-height: 1.25;
}

/* Individual Post */
.t-blog-post__featured-media {
	margin-bottom: 1rem;
}

.t-blog-post__individual h1 {
	margin-bottom: 0;
}

.t-blog-post__meta-info {
	border-bottom: 1px solid #f1f1f1;
	font-size: 0.9em;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	text-align: center;
}

.t-blog-post__content figure {
	margin: 1.5rem auto;
	text-align: center;
}

.t-blog-post__share-buttons {
	display: block;
	margin-top: 0.5rem;
}

.t-blog-post__categories a:hover {
	color: #000;
}

.t-blog__related-posts-information {
	list-style: none;
	margin-bottom: 2rem;
	margin-left: 0;
}

.t-blog__related-posts-information li {
	line-height: 1.5;
	margin-bottom: 0.5rem;
}

.t-blog-post__tags {
	margin-bottom: 1.5rem;
}

.t-blog-post__tags form {
	display: inline-block;
}

.t-blog-post__tags button.c-button {
	font-size: 0.8rem;
}

.t-blog-post__tags span {
	font-size: 0.9rem;
}

.t-blog-post__tags .c-button--hollow:not([class*="u-bg-"]):hover {
	border: 1px solid #a6a6a6;
	color: #fff;
}

.t-blog-post__comments {
	background: #f8f7f7;
	border: 1px solid #e7e5e5;
	padding: 2rem;
}

.t-blog-post__comments-individual {
	border-bottom: 1px solid #e7e5e5;
	margin-bottom: 1rem;
}

.t-blog-post__comments_form {
	border-top: 1px solid #f1f1f1;
	margin-top: 1.5rem;
	padding-top: 1.5rem;
}

.t-blog-post__comments_form h3 {
	text-align: center;
}

.t-blog-post__comments_form .c-form-list__item {
	max-width: 100%;
}

.t-blog-post__comments-meta {
	font-size: 0.9em;
}

@media screen and (max-width: 767px) {
	.t-blog-post__tags span {
		display: block;
		margin-bottom: 0.5rem;
	}
}

/* Multi-thread Comments */
.sb-collapsible {
	border: none;
	cursor: pointer;
	font-size: 15px;
	outline: none;
	text-align: left;
}

.sb-collapse-content {
	display: none;
	overflow: hidden;
	padding: 1rem;
}

#sb-comments button,
.sb-collapse-content button {
	margin-top: 1rem;
}

/* Home Link */
.post-back-to-home {
	border-top: 1px solid #f1f1f1;
	margin-top: 2rem;
	padding-top: 1rem;
}

/* Pagination */
.t-blog-archive__pagination {
	font-size: 1.1rem;
}

.t-blog-archive__pagination a {
	border: 1px solid #eee;
	display: inline-block;
	padding: 0.25rem;
	width: 2em;
}

.t-blog-archive__current-page {
	color: #000;
}

.t-blog-archive__pagination a,
.t-blog-archive__pagination a:hover {
	transition: all 0.5s ease 0s
}

.t-blog-archive__pagination a:hover {
	border-color: #bd2e01;
	text-decoration: none;
}

.t-blog-archive__pagination a:hover .t-blog-archive__current-page {
	color: #bd2e01;
}


/* Sidebar */
.t-blog-sidebar__widget-section {
	margin-bottom: 2rem;
}

.t-blog-sidebar__heading {
	margin-bottom: 0.25rem;
}

#sb-sidebar ul {
	list-style: none;
	margin-left: 0;
}

#sb-sidebar ul li {
	border-bottom: 1px solid #eee;
	font-weight: normal;
	line-height: 1.5;
	padding: 0.25rem 0;
	transition: all 0.5s ease 0s;
}

#sb-sidebar ul li:hover {
	background: #eee;
	padding-left: 0.5rem;
	transition: all 0.5s ease 0s;
}

#sb-sidebar ul li a,
#sb-sidebar ul li a:hover {
	display: block;
	text-decoration: none;
	transition: all 0.5s ease 0s;
}

.t-blog-sidebar__search {
	margin-top: 0.5rem;
}

.t-blog__current-post {
	color: #000;
}

/* Sidebar - Admin Section */
.t-blog__admin-section {
	background: #eee;
	border: 2px dashed #ccc;
	font-size: .8em;
	margin: 2rem 0;
	padding: 1rem;
	text-align: center;
}

.t-blog__admin-section ul {
	margin-bottom: 0;
	margin-top: 1rem;
}

@media screen and (min-width: 1260px) {
	.o-layout__item.u-width-12.u-width-9--l.u-width-9--w {
		padding-right: 2rem;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1259px) {
	.o-layout__item.u-width-12.u-width-9--l.u-width-9--w {
		padding-right: 1rem;
	}
}

@media screen and (max-width: 959px) {
	.post-back-to-home {
		display: none;
	}

	#sb-sidebar {
		margin-top: 2rem;
	}
}