:root {
	--wp--preset--font-family--obviously-black: "obviously", "Arial Black", "Poppins", system-ui, sans-serif;
	--wp--preset--font-family--poppins: "Poppins", system-ui, sans-serif;
}

body,
.wp-site-blocks,
.has-poppins-font-family {
	font-family: "Poppins", system-ui, sans-serif !important;
	font-weight: 500;
}

h1,
h2,
.wp-site-blocks h1,
.wp-site-blocks h2,
.wp-block-heading:is(h1, h2),
.has-obviously-black-font-family {
	font-family: "obviously", "Arial Black", "Poppins", system-ui, sans-serif !important;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

h3,
h4,
h5,
h6,
.wp-site-blocks h3,
.wp-site-blocks h4,
.wp-site-blocks h5,
.wp-site-blocks h6,
.wp-block-heading:is(h3, h4, h5, h6) {
	font-family: "Poppins", system-ui, sans-serif !important;
	font-weight: 700;
}

h3,
.wp-site-blocks h3,
.wp-block-heading:is(h3) {
	color: var(--wp--preset--color--ti-accent, #426b40);
}

body.single-post .wp-block-post-content h2.wp-block-heading {
	font-family: "Poppins", system-ui, sans-serif !important;
	font-size: var(--neve-font-size-h3, var(--wp--preset--font-size--large));
	font-weight: 700;
	line-height: var(--neve-font-line-height-h3, 1.35);
	letter-spacing: 0;
	text-transform: none;
	color: var(--wp--preset--color--ti-accent, #426b40);
}

body.single-post .wp-block-post-content .pieniele-article-media {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-top: 60px;
	margin-bottom: 60px;
	margin-right: calc(50% - 50vw) !important;
	margin-left: calc(50% - 50vw) !important;
}

@media (max-width: 767px) {
	body.single-post .wp-block-post-content > p:first-of-type {
		color: #000 !important;
	}

	.wp-site-blocks p,
	.wp-site-blocks .wp-block-paragraph,
	.wp-site-blocks li,
	.wp-site-blocks .wp-block-list li {
		font-size: 18px;
		line-height: 1.55;
	}
}

.wp-site-blocks ul.wp-block-list {
	list-style: none;
	padding-left: 0;
}

.wp-site-blocks ul.wp-block-list > li {
	position: relative;
	padding-left: 1.75em;
}

.wp-site-blocks ul.wp-block-list > li::before {
	position: absolute;
	top: 0.16em;
	left: 0.2em;
	width: 0.5em;
	height: 0.9em;
	border-right: 3px solid #426b40;
	border-bottom: 3px solid #426b40;
	content: "";
	transform: rotate(45deg);
}

.wp-site-blocks ul.wp-block-list > li + li {
	margin-top: clamp(16px, 2vw, 28px);
}

body.single-post .entry-content .wp-block-quote {
	position: relative;
	box-sizing: border-box;
	margin: 28px 0;
	padding: 28px 32px 28px 76px;
	border: 0 !important;
	border-radius: 8px;
	background: var(--wp--preset--color--custom-vaaleampi-tausta, #ebeedd);
	color: var(--wp--preset--color--ti-accent, #426b40);
}

body.single-post .entry-content .wp-block-quote::before {
	position: absolute;
	top: 18px;
	left: 22px;
	color: var(--wp--preset--color--ti-accent, #426b40);
	content: "“";
	font-family: "obviously", "Arial Black", "Poppins", system-ui, sans-serif;
	font-size: 58px;
	font-weight: 900;
	line-height: 1;
}

body.single-post .entry-content .wp-block-quote p {
	margin: 0 !important;
	color: inherit;
	font-family: "Poppins", system-ui, sans-serif;
	font-size: clamp(24px, 2.2vw, 30px) !important;
	font-weight: 600;
	line-height: 1.3;
}

body.single-post .entry-content .wp-block-quote cite {
	display: block;
	margin-top: 14px;
	color: #353535;
	font-family: "Poppins", system-ui, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
}

@media (max-width: 767px) {
	body.single-post .entry-content .wp-block-quote {
		margin: 24px 0;
		padding: 22px 22px 22px 62px;
	}

	body.single-post .entry-content .wp-block-quote::before {
		top: 15px;
		left: 17px;
		font-size: 50px;
	}

	body.single-post .entry-content .wp-block-quote p {
		font-size: 22px !important;
	}

	body.single-post .wp-block-post-content .wp-block-media-text .wp-block-spacer {
		height: 44px !important;
	}
}

body.single-post .wp-block-post-featured-image {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-top: 0 !important;
	margin-block-start: 0 !important;
	margin-right: calc(50% - 50vw) !important;
	margin-left: calc(50% - 50vw) !important;
}

body.single-post .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	height: auto;
}

body.single-post .wp-block-group:has(> .wp-block-post-featured-image) > p.wp-block-paragraph:empty:first-child {
	display: none;
}

body.single-post .wp-block-post-content > .alignfull {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-right: calc(50% - 50vw) !important;
	margin-left: calc(50% - 50vw) !important;
}

	:is(body.blog, body.category, body.page) .wp-block-post-template > .wp-block-post > .wp-block-post-featured-image,
	:is(body.home, body.page) .wp-block-post-template > .wp-block-post > .wp-block-group > .wp-block-post-featured-image {
		background: #fff;
		padding: clamp(14px, 2vw, 24px) !important;
	}

	:is(body.blog, body.category, body.page) .wp-block-post-template > .wp-block-post .wp-block-post-featured-image img,
	:is(body.home, body.page) .wp-block-post-template > .wp-block-post > .wp-block-group .wp-block-post-featured-image img {
		display: block;
		width: 100%;
		height: auto;
	}

	:is(body.blog, body.category, body.page) .wp-block-post-template > .wp-block-post > .wp-block-group,
	:is(body.home, body.page) .wp-block-post-template > .wp-block-post > .wp-block-group > .wp-block-group {
		padding-top: 0 !important;
	}
