/**
 * Default page — match Sophia Pro demo page-default layout.
 * https://demo-sophia-pro.wpcustomthemes.com/page-default/
 */

body.sophia-default-pro-page {
	background-color: var(--wp--preset--color--body-background, #fdf6f2) !important;
	position: relative;
}

body.sophia-default-pro-page.page::before {
	background-image: var(--wp--preset--gradient--gradient-bg-color) !important;
	content: '';
	display: block;
	height: 50%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

body.sophia-default-pro-page .wp-site-blocks,
body.sophia-default-pro-page .wp-site-blocks main {
	background: transparent !important;
}

body.sophia-default-pro-page:not(.home) .wp-site-blocks main.no-sidebar-medium-width {
	margin-top: 0;
	padding-bottom: var(--wp--custom--spacing--main-block-gap, clamp(56px, 5.5vw, 91px));
	padding-top: var(--wp--custom--spacing--main-block-gap-medium, clamp(42px, 6.5vw, 70px));
}

body.sophia-default-pro-page main.no-sidebar-medium-width .wp-block-post-title {
	font-family: var(--wp--preset--font-family--merriweather);
	font-size: var(--wp--preset--font-size--huge-post-title, clamp(2rem, 5vw, 3.5rem));
	font-style: normal;
	font-weight: 600;
	line-height: 1.3;
	margin-bottom: var(--wp--preset--spacing--60, 3.75rem);
	margin-top: 0;
}

body.sophia-default-pro-page main.no-sidebar-medium-width .entry-content.wp-block-post-content,
body.sophia-default-pro-page main.no-sidebar-medium-width .wp-block-post-content {
	max-width: none;
}

body.sophia-default-pro-page .no-sidebar-medium-width .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 1090px;
}

body.sophia-default-pro-page .wp-block-post-content .process-steps {
	gap: var(--wp--preset--spacing--40, 2.5rem);
}

body.sophia-default-pro-page .wp-block-post-content .call-to-action-box {
	background-color: var(--wp--preset--color--peach-puff, #f7e8dc);
	border-radius: 10px;
	padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 3vw, 2.5rem);
}

body.sophia-default-pro-page .wp-block-post-content .call-to-action-box .wp-block-heading {
	margin-top: 0;
}

@media screen and (max-width: 781px) {
	body.sophia-default-pro-page main.no-sidebar-medium-width .wp-block-post-title {
		margin-bottom: var(--wp--preset--spacing--42, 2.625rem);
	}

	body.sophia-default-pro-page .wp-block-post-content .process-steps {
		flex-direction: column;
	}
}