/**
 * About Us — section parity with Sophia Pro demo.
 * https://demo-sophia-pro.wpcustomthemes.com/about-us/
 */

/* Hero copy */
body.sophia-about-pro-page .header-media-inner-post .wp-block-cover__inner-container > .wp-block-group > .wp-block-paragraph:first-child {
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

body.sophia-about-pro-page .header-media-inner-post .wp-block-cover__inner-container .wp-block-paragraph {
	margin-inline: auto;
	max-width: 720px;
}

/* Our Story */
body.sophia-about-pro-page .left-content-right-media {
	position: relative;
}

body.sophia-about-pro-page .left-content-right-media .wp-block-float-shape {
	bottom: 0;
	left: 0;
	max-width: 80%;
	pointer-events: none;
	position: absolute;
}

body.sophia-about-pro-page .left-content-right-media .wp-block-float-shape figure img {
	filter: drop-shadow(0 1000px 0 var(--wp--preset--color--shape-bg, #f2e8e3));
	opacity: 0.6;
	transform: translateY(-1000px);
}

body.sophia-about-pro-page .left-content-right-media .has-section-title-font-size {
	font-family: var(--wp--preset--font-family--merriweather, Merriweather, serif);
	font-weight: 700;
}

body.sophia-about-pro-page .left-content-right-media .wp-block-group-heading {
	margin-bottom: 0;
}

body.sophia-about-pro-page .left-content-right-media .wp-block-paragraph + .wp-block-paragraph {
	margin-top: var(--wp--preset--spacing--24, 24px);
}

body.sophia-about-pro-page .media-has-shadow {
	border-radius: 10px;
	box-shadow: 0 0 80px 0 rgba(85, 80, 80, 0.25);
}

body.sophia-about-pro-page .media-has-shadow img {
	border-radius: 10px;
}

/* Mission & Values */
body.sophia-about-pro-page .wp-mission-values .wp-block-group-heading {
	margin-bottom: var(--wp--preset--spacing--42, 42px);
}

body.sophia-about-pro-page .wp-mission-values .wp-block-group-heading .has-section-title-font-size {
	font-family: var(--wp--preset--font-family--merriweather, Merriweather, serif);
	font-weight: 700;
}

body.sophia-about-pro-page .wp-mission-values .wp-block-group-heading .has-normal-font-size {
	margin-top: var(--wp--preset--spacing--24, 24px);
}

body.sophia-about-pro-page .wp-mission-values > .wp-block-columns.alignwide {
	gap: clamp(1.5rem, 3vw, 2.5rem);
}

body.sophia-about-pro-page .wp-mission-values > .wp-block-columns > .wp-block-column > .wp-block-group {
	max-width: 100%;
	padding-inline: 0 !important;
	text-align: center;
	width: 100%;
}

body.sophia-about-pro-page .wp-mission-values .wp-block-group-content.has-global-padding {
	padding-inline: 0 !important;
}

body.sophia-about-pro-page .wp-mission-values .wp-block-column > .wp-block-group > .is-layout-flex.is-content-justification-center {
	align-items: center;
	justify-content: center;
	margin-inline: auto;
	width: 100%;
}

body.sophia-about-pro-page .wp-mission-values .wp-block-column .wp-block-image {
	display: block;
	margin-inline: auto;
	text-align: center;
}

body.sophia-about-pro-page .wp-mission-values .wp-block-column .wp-block-image.aligncenter {
	margin-inline: auto;
}

body.sophia-about-pro-page .wp-mission-values .wp-block-group-content {
	margin-inline: auto;
	margin-top: var(--wp--preset--spacing--10, 10px);
	max-width: 100%;
	text-align: center;
	width: 100%;
}

body.sophia-about-pro-page .wp-mission-values .wp-block-group-content .has-post-title-font-size,
body.sophia-about-pro-page .wp-mission-values .wp-block-group-content .wp-block-paragraph {
	text-align: center !important;
}

body.sophia-about-pro-page .wp-mission-values .wp-block-group-content .has-post-title-font-size {
	font-weight: 600;
}

body.sophia-about-pro-page .wp-mission-values .wp-block-image img {
	display: block;
	height: 75px;
	margin-inline: auto;
	object-fit: contain;
	width: 75px;
}

/* Stats band */
body.sophia-about-pro-page .wp-block-post-content > .wp-stats-with-image-on-left.alignfull {
	border-radius: 10px;
	box-sizing: border-box;
	margin-block: var(--wp--custom--spacing--section-block-top, clamp(42px, 7.5vw, 91px)) var(--wp--custom--spacing--section-block-bottom, clamp(42px, 7.5vw, 91px));
	margin-inline: auto !important;
	max-width: min(1680px, calc(100vw - clamp(48px, 6vw, 84px))) !important;
	overflow: hidden;
	width: min(1680px, calc(100vw - clamp(48px, 6vw, 84px))) !important;
}

body.sophia-about-pro-page .wp-stats-with-image-on-left.is-style-padding-0 {
	padding: 0 !important;
}

body.sophia-about-pro-page .wp-stats-with-image-on-left.has-chocolate-dim-background-color {
	background-color: var(--wp--preset--color--chocolate-dim, #bd6230) !important;
}

body.sophia-about-pro-page .wp-stats-with-image-on-left .wp-block-media-text {
	align-items: stretch !important;
	grid-template-columns: 40% auto !important;
	margin: 0;
	max-width: 100% !important;
	min-height: clamp(320px, 35vw, 520px);
}

body.sophia-about-pro-page .wp-stats-with-image-on-left .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
	padding: clamp(42px, 5vw, 70px) clamp(24px, 4vw, 42px) !important;
}

body.sophia-about-pro-page .wp-stats-with-image-on-left .wp-block-media-text > .wp-block-media-text__media {
	align-self: stretch !important;
	display: block;
	height: 100% !important;
	margin: 0;
	min-height: 100%;
	overflow: hidden;
}

body.sophia-about-pro-page .wp-stats-with-image-on-left .wp-block-media-text > .wp-block-media-text__media img {
	display: block;
	height: 100% !important;
	min-height: 100%;
	object-fit: cover;
	vertical-align: top;
	width: 100% !important;
}

body.sophia-about-pro-page .wp-stats-with-image-on-left .wp-block-media-text__content {
	align-items: center !important;
	align-self: center !important;
	box-sizing: border-box;
	display: flex !important;
	justify-content: center !important;
	max-width: none;
	padding-block: clamp(42px, 5vw, 70px) !important;
	padding-inline: clamp(24px, 4vw, 42px) !important;
	width: 100%;
}

body.sophia-about-pro-page .wp-stats-with-image-on-left .wp-block-group-heading,
body.sophia-about-pro-page .wp-stats-with-image-on-left .wp-block-group-heading.alignwide {
	margin: 0 !important;
	max-width: 100% !important;
	width: 100%;
}

body.sophia-about-pro-page .wp-stats-with-image-on-left .wp-block-columns {
	gap: clamp(2rem, 5vw, 4rem);
	justify-content: center;
	margin: 0;
	width: 100%;
}

body.sophia-about-pro-page .wp-stats-with-image-on-left .wp-block-columns > .wp-block-column {
	flex-basis: 0 !important;
	flex-grow: 1;
	min-width: 0;
	text-align: center;
}

body.sophia-about-pro-page .wp-stats-with-image-on-left .wp-block-columns + .wp-block-columns {
	margin-block-start: clamp(28px, 4vw, 42px) !important;
}

body.sophia-about-pro-page .wp-stats-with-image-on-left .wp-block-heading {
	color: var(--wp--preset--color--background, #fff) !important;
	margin: 0;
}

body.sophia-about-pro-page .wp-stats-with-image-on-left .wp-block-paragraph {
	color: var(--wp--preset--color--background, #fff) !important;
	margin-bottom: 0;
}

body.sophia-about-pro-page .wp-stats-with-image-on-left .has-huge-post-title-font-size {
	font-family: var(--wp--preset--font-family--merriweather, Merriweather, serif);
	font-size: clamp(36px, 4.25vw, 60px) !important;
	font-weight: 500;
	line-height: 1.1;
	text-transform: capitalize;
}

body.sophia-about-pro-page .wp-stats-with-image-on-left .has-post-title-font-size {
	font-family: var(--wp--preset--font-family--switzer, Switzer, sans-serif);
	font-size: clamp(18px, 2vw, 25px) !important;
	font-weight: 400;
	line-height: 1.4;
}

/* Meet the Team */
body.sophia-about-pro-page #team-data + .team-container,
body.sophia-about-pro-page main .wp-block-post-content #team-data + .team-container {
	padding-top: var(--wp--custom--spacing--section-block-top, clamp(42px, 7.5vw, 91px)) !important;
}

body.sophia-about-pro-page .team-container .wp-block-group-heading {
	margin-bottom: clamp(42px, 5vw, 60px);
	text-align: center;
}

body.sophia-about-pro-page .team-container .wp-block-group-heading h2.has-section-title-font-size {
	color: var(--wp--preset--color--tan-brown, #954e26) !important;
	font-family: var(--wp--preset--font-family--merriweather, Merriweather, serif);
	font-weight: 600;
}

body.sophia-about-pro-page .team-container .wp-block-group-heading p {
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.75;
	margin-inline: auto;
	margin-top: var(--wp--preset--spacing--30, 30px);
	max-width: 800px;
}

body.sophia-about-pro-page .team-container .team-grid {
	gap: clamp(24px, 3vw, 40px);
	grid-template-columns: repeat(4, 1fr);
}

@media screen and (max-width: 1024px) {
	body.sophia-about-pro-page .team-container .team-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 600px) {
	body.sophia-about-pro-page .team-container .team-grid {
		grid-template-columns: 1fr;
	}
}

/* Certification */
body.sophia-about-pro-page .wp-block-certification .wp-block-group-heading {
	margin-bottom: var(--wp--preset--spacing--42, 42px);
}

body.sophia-about-pro-page .wp-block-certification .wp-block-group-heading .has-section-title-font-size {
	font-family: var(--wp--preset--font-family--merriweather, Merriweather, serif);
	font-weight: 700;
}

body.sophia-about-pro-page .wp-block-certification .wp-block-group-heading .has-normal-font-size {
	margin-top: var(--wp--preset--spacing--24, 24px);
}

body.sophia-about-pro-page .wp-block-certification .wp-block-group-content {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: center;
	margin-inline: auto;
	max-width: var(--wp--style--global--wide-size, 1320px);
}

body.sophia-about-pro-page .certification-badge {
	background-color: var(--wp--preset--color--body-background-deep, #f7daca) !important;
	border-radius: 32px;
	font-weight: 500;
	margin: 0;
	padding: var(--wp--preset--spacing--10, 10px) 25px;
	transition: transform 0.4s ease;
	white-space: nowrap;
}

body.sophia-about-pro-page .certification-badge.variant-2 {
	background-color: var(--wp--preset--color--table-heading-color, #ebcab7) !important;
}

body.sophia-about-pro-page .certification-badge.variant-3 {
	background-color: var(--wp--preset--color--tab-bg, #f2e8e3) !important;
}

body.sophia-about-pro-page .certification-badge:hover {
	transform: scale(1.05);
}

@media screen and (min-width: 782px) {
	body.sophia-about-pro-page .left-content-right-media .wp-block-columns,
	body.sophia-about-pro-page .left-media-right-content .wp-block-columns {
		align-items: center !important;
		gap: 3rem !important;
	}

	body.sophia-about-pro-page .wp-stats-with-image-on-left .media-on-left .wp-block-media-text__content {
		padding-left: clamp(24px, 3vw, 42px) !important;
		padding-right: 15% !important;
	}
}

@media screen and (min-width: 1200px) {
	body.sophia-about-pro-page .left-content-right-media .wp-block-columns,
	body.sophia-about-pro-page .left-media-right-content .wp-block-columns {
		gap: 5rem !important;
	}
}

@media screen and (max-width: 781px) {
	body.sophia-about-pro-page .wp-block-post-content > .wp-stats-with-image-on-left.alignfull {
		max-width: calc(100vw - clamp(32px, 8vw, 48px)) !important;
		width: calc(100vw - clamp(32px, 8vw, 48px)) !important;
	}

	body.sophia-about-pro-page .wp-stats-with-image-on-left .wp-block-media-text {
		grid-template-columns: 100% !important;
		min-height: 0;
	}

	body.sophia-about-pro-page .wp-stats-with-image-on-left .wp-block-media-text__content {
		padding-block: clamp(32px, 6vw, 48px) !important;
		padding-inline: var(--wp--preset--spacing--24, 24px) !important;
	}

	body.sophia-about-pro-page .wp-stats-with-image-on-left .wp-block-columns {
		gap: 1.5rem;
	}

	body.sophia-about-pro-page .wp-stats-with-image-on-left .has-huge-post-title-font-size {
		font-size: 34px !important;
	}

	body.sophia-about-pro-page .wp-stats-with-image-on-left .has-post-title-font-size {
		font-size: 18px !important;
	}

	body.sophia-about-pro-page .wp-mission-values > .wp-block-columns {
		gap: 1.5rem;
	}

	body.sophia-about-pro-page .wp-mission-values > .wp-block-columns > .wp-block-column {
		flex-basis: 100% !important;
	}
}