/* Scoped fixes for HomeKog/Impreza markup rendered inside the Grilla theme. */

.page-template-page-simple .site-content {
	padding-top: 0;
	padding-bottom: 0;
}

.page-template-page-simple .page-content > div {
	max-width: none;
	padding: 0;
}

/* Align imported pages with Grilla brand typography and colours. */
.imported-page-content.l-body {
	--site-content-width: 1200px;
	--padding-inline: 2.5rem;
	--color-content-bg: #ffffff;
	--color-content-bg-alt: #f5f5f5;
	--color-content-heading: #1e1e1e;
	--color-content-text: #1e1e1e;
	--color-content-link: #ff099c;
	--color-content-link-hover: #6c1c78;
	--color-content-primary: #37003c;
	--color-content-secondary: #ff099c;
	--color-content-border: #b8c3cc;
	--h1-font-family: "lato", sans-serif;
	--h2-font-family: "lato", sans-serif;
	--h3-font-family: "lato", sans-serif;
	font-family: "lato", sans-serif;
	font-size: 18px;
	line-height: 1.5;
	color: #1e1e1e;
}

.imported-page-content h1,
.imported-page-content h2,
.imported-page-content h3,
.imported-page-content h4,
.imported-page-content h5,
.imported-page-content h6,
.imported-page-content .w-text-value {
	font-family: "lato", sans-serif !important;
	font-weight: 900 !important;
	color: #1e1e1e;
}

.imported-page-content p,
.imported-page-content li,
.imported-page-content .w-post-elm {
	font-family: "lato", sans-serif;
}

.imported-page-content .l-section-h {
	position: relative;
	z-index: 2;
}

.imported-page-content .l-section-overlay,
.imported-page-content .l-section-video {
	z-index: 1;
}

/* Match homepage hero gradient on solar page. */
.page-slug-solar-panel-installation .imported-page-content .hero_row .l-section-overlay {
	background: linear-gradient(135deg, #37003c 0%, #6c1c78 45%, #ff099c 100%) !important;
	opacity: 0.97;
}

.page-slug-solar-panel-installation .imported-page-content .hero_row,
.page-slug-solar-panel-installation .imported-page-content .hero_row h1,
.page-slug-solar-panel-installation .imported-page-content .hero_row p,
.page-slug-solar-panel-installation .imported-page-content .hero_row .w-text-value {
	color: #ffffff !important;
}

.page-slug-solar-panel-installation .imported-page-content .hero_row h1 {
	font-size: clamp(1.75rem, 4vw, 2.5rem);
}

/* Impreza scroll animations require theme JS; show content without it. */
.imported-page-content .us_animate_this,
.imported-page-content .us_animate_this * {
	opacity: 1 !important;
	animation: none !important;
	transform: none !important;
}

.imported-page-content .far,
.imported-page-content .fas,
.imported-page-content .fab {
	font-family: "Font Awesome 5 Free" !important;
}

.imported-page-content .fab {
	font-family: "Font Awesome 5 Brands" !important;
}

.imported-page-content .far {
	font-weight: 400 !important;
}

.imported-page-content .fas {
	font-weight: 900 !important;
}

.imported-page-content .w-btn.us-btn-style_1,
.imported-page-content a.w-btn.us-btn-style_1 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	background-image: linear-gradient(#00b969, #34ad82) !important;
	color: #ffffff !important;
	border-radius: 999px;
	box-shadow: 0 2px 4px rgba(0, 20, 0, 0.2);
}

.imported-page-content .w-btn.us-btn-style_1 .w-btn-label,
.imported-page-content a.w-btn.us-btn-style_1 .w-btn-label {
	text-decoration: none;
	color: inherit;
}

/* Fix imported blog carousel contrast if any section remains. */
.imported-page-content .blogs_row {
	background: #ffffff;
}

.imported-page-content .blogs_row h2,
.imported-page-content .blogs_row h3,
.imported-page-content .blogs_row h3 a,
.imported-page-content .blogs_row p,
.imported-page-content .blogs_row time,
.imported-page-content .blogs_row .post-author-name,
.imported-page-content .blogs_row .post_taxonomy a {
	color: #1e1e1e !important;
}

.imported-page-content .blogs_row h3 a:hover {
	color: #ff099c !important;
}

/* Solar advice category badge on theme blog cards. */
.hot-off-the-press .category a.solar-advice,
.hot-off-the-press .category a.term-solar-advice {
	background-image: linear-gradient(to right, #8b6ded, #6cdfea);
}

/* Blog feed sits outside imported markup but shares the page template. */
.page-template-page-simple .hot-off-the-press {
	background: #ffffff;
}