/**
 * About Us page — match Sophia Pro demo layout.
 * https://demo-sophia-pro.wpcustomthemes.com/about-us/
 */

body.sophia-about-pro-page .wp-block-post-title,
body.sophia-about-pro-page .entry-title {
	display: none !important;
}

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

body.sophia-about-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-about-pro-page .wp-site-blocks,
body.sophia-about-pro-page .wp-site-blocks main {
	background: transparent !important;
}

body.sophia-about-pro-page:has(.header-media-inner-post.has-dark-bg) .wp-block-header {
	background-color: var(--wp--preset--color--body-background-deep, #f7daca) !important;
}

body.sophia-about-pro-page .wp-block-post-content > .header-media-inner-post.has-body-background-deep-background-color,
body.sophia-about-pro-page .wp-block-post-content > .header-media-inner-post.has-dark-bg.shop-header {
	background-color: transparent !important;
}

body.sophia-about-pro-page .wp-block-post-content,
body.sophia-about-pro-page .entry-content.wp-block-post-content {
	max-width: none !important;
	padding-inline: 0 !important;
	width: 100%;
}

body.sophia-about-pro-page .wp-block-post-content > .alignfull,
body.sophia-about-pro-page .sophia-about-pro-content > .alignfull,
body.sophia-about-pro-page .wp-block-post-content > .wp-block-section.alignfull,
body.sophia-about-pro-page .wp-block-post-content > .team-container.alignfull {
	box-sizing: border-box;
	margin-inline: calc(50% - 50vw);
	max-width: 100vw;
	padding-inline: 0 !important;
	width: 100vw;
}

body.sophia-about-pro-page .wp-block-post-content > .alignfull.is-layout-constrained,
body.sophia-about-pro-page .sophia-about-pro-content > .alignfull.is-layout-constrained,
body.sophia-about-pro-page .wp-block-post-content > .wp-block-section.alignfull.is-layout-constrained {
	max-width: 100vw !important;
}

body.sophia-about-pro-page .wp-block-post-content .alignwide,
body.sophia-about-pro-page .sophia-about-pro-content .alignwide {
	box-sizing: border-box;
	margin-inline: auto;
	max-width: var(--wp--style--global--wide-size, 1320px);
	padding-inline: var(--wp--preset--spacing--42, 42px);
	width: 100%;
}

body.sophia-about-pro-page .wp-site-blocks main:has(.header-media-inner-post),
body.sophia-about-pro-page.page-template-page-about-us .wp-site-blocks main,
body.sophia-about-pro-page.page-template-page-no-title .wp-site-blocks main {
	margin-top: 0;
	padding-top: 0 !important;
}

body.sophia-about-pro-page .wp-site-blocks main {
	padding-bottom: var(--wp--custom--spacing--main-block-gap, clamp(56px, 5.5vw, 91px));
}

/* Demo: spacing from .wp-block-section only, not block-gap. */
body.sophia-about-pro-page .wp-block-post-content.is-layout-constrained > .wp-block-section,
body.sophia-about-pro-page .wp-block-post-content.is-layout-constrained > .alignfull,
body.sophia-about-pro-page .wp-block-post-content.is-layout-constrained > .header-media-inner-post {
	margin-block-start: 0 !important;
}

body.sophia-about-pro-page .wp-block-section {
	margin-block-start: 0;
	padding-bottom: var(--wp--custom--spacing--section-block-bottom, clamp(42px, 7.5vw, 91px));
	padding-top: 0;
}

body.sophia-about-pro-page .wp-block-section + .wp-block-section {
	padding-top: 0;
}

body.sophia-about-pro-page .wp-block-section.has-secondary-background-color,
body.sophia-about-pro-page .wp-block-section.left-content-right-media {
	padding-top: var(--wp--custom--spacing--section-block-top, clamp(42px, 7.5vw, 91px));
}

body.sophia-about-pro-page .wp-block-post-content > .header-media-inner-post + .wp-block-section,
body.sophia-about-pro-page .wp-block-post-content > .wp-block-section.left-content-right-media + .wp-block-section,
body.sophia-about-pro-page .wp-block-post-content > .wp-stats-with-image-on-left + .wp-block-section,
body.sophia-about-pro-page .wp-block-post-content > .team-container + .wp-block-section,
body.sophia-about-pro-page .wp-block-post-content > #team-data + .team-container {
	padding-top: var(--wp--custom--spacing--section-block-top, clamp(42px, 7.5vw, 91px));
}

body.sophia-about-pro-page .wp-block-section.wp-stats-with-image-on-left {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

body.sophia-about-pro-page .left-content-right-media.has-secondary-background-color {
	background-color: var(--wp--preset--color--secondary, #fbede5) !important;
}

body.sophia-about-pro-page .wp-mission-values.has-body-background-background-color,
body.sophia-about-pro-page .team-container.has-body-background-background-color,
body.sophia-about-pro-page .wp-block-certification.has-body-background-background-color {
	background-color: var(--wp--preset--color--body-background, #fdf6f2) !important;
}

/* Hero */
body.sophia-about-pro-page .header-media-inner-post {
	overflow: visible;
	padding-bottom: var(--wp--custom--spacing--block-content-gap, clamp(35px, 3.5vw, 42px));
	padding-top: var(--wp--custom--spacing--block-footer-gap, 28px);
}

body.sophia-about-pro-page .header-media-inner-post .wp-block-cover,
body.sophia-about-pro-page .header-media-inner-post.shop-header .wp-block-cover {
	background: transparent !important;
	background-color: transparent !important;
	min-height: auto !important;
	overflow: visible;
	padding: 0;
	position: relative;
}

body.sophia-about-pro-page .header-media-inner-post .wp-block-cover__background {
	background: transparent !important;
	background-color: transparent !important;
	opacity: 0 !important;
}

body.sophia-about-pro-page .header-media-inner-post .wp-block-cover .wp-block-cover__inner-container,
body.sophia-about-pro-page .header-media-inner-post .wp-block-group.wp-block-header-images {
	position: initial;
}

body.sophia-about-pro-page .header-media-inner-post .has-huge-post-title-font-size {
	font-family: var(--wp--preset--font-family--merriweather, Merriweather, serif);
	font-size: var(--wp--preset--font-size--huge-post-title, clamp(2.5rem, 5vw, 3.5rem));
	line-height: 1.15;
}

body.sophia-about-pro-page .header-media-inner-post .wp-block-group.wp-block-header-images {
	margin: 0;
	overflow: visible;
	width: 100%;
}

body.sophia-about-pro-page .header-media-inner-post .wp-block-cover__inner-container {
	overflow: visible;
}

body.sophia-about-pro-page .header-media-inner-post .wp-block-group.wp-block-header-images figure.wp-block-image {
	margin: 0;
	max-width: 195px;
	position: absolute;
	width: 13vw;
	z-index: 1;
}

body.sophia-about-pro-page .header-media-inner-post .wp-block-group.wp-block-header-images figure.wp-block-image > img {
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
}

body.sophia-about-pro-page .header-media-inner-post .wp-block-group.wp-block-header-images figure.wp-block-image.wp-block-header-image-first {
	bottom: 5%;
	left: -3%;
	overflow: visible;
}

body.sophia-about-pro-page .header-media-inner-post .wp-block-group.wp-block-header-images figure.wp-block-image.wp-block-header-image-first::before {
	background: url('../images/right-splash.svg') no-repeat;
	background-size: 100%;
	content: '';
	filter: drop-shadow(0 1000px 0 var(--wp--preset--color--shape-bg, #d5a686));
	height: 40vw;
	left: -15%;
	max-width: 600px;
	pointer-events: none;
	position: absolute;
	top: -115%;
	transform: translateY(-1000px);
	width: 40vw !important;
	z-index: -1;
}

body.sophia-about-pro-page .header-media-inner-post .wp-block-group.wp-block-header-images figure.wp-block-image.wp-block-header-image-second {
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	overflow: hidden;
	right: -3%;
	top: 5%;
}

body.sophia-about-pro-page .header-media-inner-post .wp-block-group.wp-block-header-images figure.wp-block-image.wp-block-header-image-second > img {
	height: 100%;
}

@media screen and (min-width: 992px) {
	body.sophia-about-pro-page .wp-block-group.alignfull.no-margin-top.header-media-inner-post.shop-header .wp-block-cover {
		padding-bottom: 100px;
	}

	body.sophia-about-pro-page .header-media-inner-post .wp-block-group.wp-block-header-images figure.wp-block-image.wp-block-header-image-first {
		left: 0;
	}

	body.sophia-about-pro-page .header-media-inner-post .wp-block-group.wp-block-header-images figure.wp-block-image.wp-block-header-image-second {
		right: 0;
	}

	body.sophia-about-pro-page .header-media-inner-post .wp-block-group.wp-block-header-images figure.wp-block-image.wp-block-header-image-first::before {
		left: -64%;
	}
}

@media screen and (max-width: 991px) {
	body.sophia-about-pro-page .header-media-inner-post .wp-block-group.wp-block-header-images {
		display: none;
	}
}

@media screen and (max-width: 781px) {
	body.sophia-about-pro-page .wp-block-post-content .alignwide,
	body.sophia-about-pro-page .sophia-about-pro-content .alignwide {
		padding-inline: var(--wp--preset--spacing--24, 24px);
	}

	body.sophia-about-pro-page .header-media-inner-post .has-text-align-center p {
		overflow-wrap: anywhere;
		padding-inline: 0;
	}
}