/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/**
 * Global single-post typography
 *
 * Scope these rules to WordPress posts only so product pages, landing pages,
 * the shared header/footer and the custom article sidebar keep their own
 * component typography.
 */
.single-post {
	--hs-article-heading-color: #154360;
	--hs-article-text-color: #34495e;
	--hs-article-link-color: #3498db;
	--hs-article-link-hover-color: #d35400;
}

.single-post .wp-block-post-title {
	color: var(--hs-article-heading-color) !important;
	font-size: clamp(32px, 3.2vw, 46px) !important;
	font-weight: 700 !important;
	line-height: 1.18 !important;
	letter-spacing: -0.025em !important;
}

.single-post .wp-block-post-content {
	color: var(--hs-article-text-color) !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.65 !important;
}

.single-post .wp-block-post-content h2 {
	color: var(--hs-article-heading-color) !important;
	font-size: 30px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: -0.018em !important;
}

.single-post .wp-block-post-content h3 {
	color: var(--hs-article-heading-color) !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	letter-spacing: -0.01em !important;
}

.single-post .wp-block-post-content p,
.single-post .wp-block-post-content li,
.single-post .wp-block-post-content td,
.single-post .wp-block-post-content th,
.single-post .wp-block-post-content figcaption {
	color: var(--hs-article-text-color);
}

.single-post .wp-block-post-content strong,
.single-post .wp-block-post-content b {
	font-weight: 660 !important;
}

.single-post .wp-block-post-content ul li::marker {
	color: #d35400;
}

.single-post .wp-block-post-content a {
	color: var(--hs-article-link-color);
	font-weight: 600;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.16em;
}

.single-post .wp-block-post-content a:hover,
.single-post .wp-block-post-content a:focus-visible {
	color: var(--hs-article-link-hover-color);
}

.single-post .entry-content .wp-block-table {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.single-post .wp-block-post-title {
		font-size: clamp(32px, 4vw, 41px) !important;
	}
}

@media (max-width: 767px) {
	.single-post .wp-block-post-title {
		font-size: 32px !important;
		line-height: 1.2 !important;
	}

	.single-post .wp-block-post-content {
		font-size: 15px !important;
		line-height: 1.68 !important;
	}

	.single-post .wp-block-post-content h2 {
		font-size: 25px !important;
		line-height: 1.32 !important;
	}

	.single-post .wp-block-post-content h3 {
		font-size: 19px !important;
		line-height: 1.42 !important;
	}
}