/* Blog link styling for post content and block editor canvas */

.editor-styles-wrapper {
	font-weight: 400 !important;
	font-synthesis: none !important;
}

.single-post .entry-content a,
.single-post .post-content a,
.single-post .wp-block-post-content a,
.editor-styles-wrapper a {
	color: inherit !important;
	background: rgba(0,0,0,0.06) !important;
	padding: 2px 6px;
	border-radius: 6px;
	text-decoration: underline !important;
	text-decoration-color: rgba(0,0,0,0.08) !important;
	text-underline-offset: 3px;
	box-shadow: inset 0 -2px 0 rgba(0,0,0,0.06);
	transition: background .15s ease, box-shadow .15s ease, text-decoration-color .12s ease;
}

.single-post .entry-content a:hover,
.single-post .post-content a:hover,
.single-post .wp-block-post-content a:hover,
.editor-styles-wrapper a:hover {
	background: rgba(0,0,0,0.10) !important;
	box-shadow: inset 0 -2px 0 rgba(0,0,0,0.10) !important;
	text-decoration-color: rgba(0,0,0,0.14) !important;
}

.single-post .entry-content a:focus,
.single-post .post-content a:focus,
.single-post .wp-block-post-content a:focus,
.editor-styles-wrapper a:focus {
	outline: 3px solid rgba(0,0,0,0.08);
	outline-offset: 2px;
}

/* Make the current breadcrumb item stand out on single posts */
.single-post .ui-breadcrumb > span:last-child [itemprop="name"] {
	font-weight: 700 !important;
	color: var(--e-global-color-uicore_headline, #161616) !important;
}

/* Add more breathing room to the related posts section */
.single-post .ui-related-posts {
	margin-top: 70px;
}

.single-post .ui-related-posts h3 {
	margin-bottom: 5px;
}

.single-post .ui-related-posts .uicore-grid-container {
	margin-top: 0px;
}