/* Styles for standard single post pages. */

:root {
	--breadcrumbs-color: #242424;
	--breadcrumbs-color-hover: #242424;
	--breadcrumbs-font-size: 15px;
	--breadcrumbs-font-weight: 500;
	--breadcrumbs-color-last: #242424;
	--breadcrumbs-color-last-hover: #242424;
	--breadcrumbs-font-weight-last: 600;
}

.site.grid-container.container.hfeed {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.site-content {
	width: 100%;
	max-width: var(--gb-container-width);
}

.dynamic-entry-content a {
	font-weight: 600;
	text-decoration: underline;
}

.nav-block-post {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.yoast-breadcrumbs {
	color: var(--breadcrumbs-color);
	font-size: var(--breadcrumbs-font-size);
	font-weight: var(--breadcrumbs-font-weight);
}

.yoast-breadcrumbs > span {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.yoast-breadcrumbs a {
	color: var(--breadcrumbs-color);
	transition: all .3s ease-out;
}

.yoast-breadcrumbs a:hover {
	color: var(--breadcrumbs-color-hover);
}

.yoast-breadcrumbs .breadcrumb_last {
	color: var(--breadcrumbs-color-last);
	font-weight: var(--breadcrumbs-font-weight-last);
}

@media only screen and (max-width: 768px) {
	.yoast-breadcrumbs {
		font-size: 15px;
		font-weight: 700 !important;
	}
}

@media only screen and (max-width: 600px) {
	.yoast-breadcrumbs {
		font-size: 13px;
		font-weight: 700 !important;
	}

	.yoast-breadcrumbs span span {
		margin-left: 0px;
		margin-right: 0px;
	}

}