/**
 * Content Hub mag1 layout.
 */

.h2n-guides-hub-layout {
	grid-template-columns: 1fr;
}

.h2n-guides-hub-article .display-post-types .dpt-wrapper {
	opacity: 1;
}

.h2n-guides-hub-article .article-body h2.h2n-guides-hub-section-title {
	margin-top: 75px;
}

.h2n-guides-hub-article .article-body h2.h2n-guides-hub-section-title:first-of-type {
	margin-top: 50px;
}

.h2n-guides-hub-article .dpt-mag1.wide-wrap .dpt-featured-wrap:only-child {
	flex-basis: 100%;
	width: 100%;
	margin-right: 0;
}

@media (max-width: 768px) {
	.h2n-guides-hub-article .dpt-mag1 .dpt-featured-wrap {
		flex-basis: 100%;
		width: 100%;
		margin-right: 0;
	}

	.h2n-guides-hub-article .dpt-mag1 .dpt-normal-wrap {
		flex: none;
		width: 100%;
		max-height: min(28rem, 70vh);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
}

:root[data-theme="dark"] .h2n-guides-hub-article .display-post-types {
	scrollbar-width: thin;
	scrollbar-color: rgba(45, 212, 191, 0.45) rgba(255, 255, 255, 0.05);
}

:root[data-theme="dark"] .h2n-guides-hub-article .article-body .display-post-types .dpt-meta,
:root[data-theme="dark"] .h2n-guides-hub-article .article-body .display-post-types .dpt-meta .dpt-date,
:root[data-theme="dark"] .h2n-guides-hub-article .article-body .display-post-types .dpt-meta .dpt-date time {
	color: var(--text-light);
}

:root[data-theme="dark"] .h2n-guides-hub-article .article-body .display-post-types .dpt-author a,
:root[data-theme="dark"] .h2n-guides-hub-article .article-body .display-post-types .dpt-author a span {
	color: var(--text-light);
}

:root[data-theme="dark"] .h2n-guides-hub-article .article-body .display-post-types .dpt-author a:hover,
:root[data-theme="dark"] .h2n-guides-hub-article .article-body .display-post-types .dpt-author a:hover span {
	color: var(--text-gray);
}