/* =========================================================================
   Company pages: About, Contact, Thank You, the Bushnell case study and the
   legal placeholders (sites/growmyptpractice/pages-company.inc.php).
   ========================================================================= */

/* ------------------------------------------------------------------ About */
.gmp-co-h3 {
	font-size: var(--wp--preset--font-size--xx-large) !important;
	max-width: 22rem;
}
.gmp-co-about-intro .gmp-split p {
	max-width: 30rem;
}

/* ---------------------------------------------------------------- Contact */
.gmp-co-contact-info {
	padding-block: 1.5rem 4rem;
}
.gmp-co-ci::before {
	content: "";
	display: block;
	width: 2rem;
	height: 2rem;
	margin: 0 auto 1.25rem;
	background: currentColor;
	-webkit-mask: var(--gmp-co-icon) center / contain no-repeat;
	mask: var(--gmp-co-icon) center / contain no-repeat;
}
/* Boxicons (MIT), as embedded on the Webflow page. */
.gmp-co-ci-email {
	--gmp-co-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4C2.897 4 2 4.897 2 6V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V6C22 4.897 21.103 4 20 4ZM20 6V6.511L12 12.734L4 6.512V6H20ZM4 18V9.044L11.386 14.789C11.5611 14.9265 11.7773 15.0013 12 15.0013C12.2227 15.0013 12.4389 14.9265 12.614 14.789L20 9.044L20.002 18H4Z'/%3E%3C/svg%3E");
}
.gmp-co-ci-phone {
	--gmp-co-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.707 12.293a1 1 0 0 0-1.414 0l-1.594 1.594c-.739-.22-2.118-.72-2.992-1.594s-1.374-2.253-1.594-2.992l1.594-1.594a1 1 0 0 0 0-1.414l-4-4a1 1 0 0 0-1.414 0L3.581 5.005c-.38.38-.594.902-.586 1.435.023 1.424.4 6.37 4.298 10.268s8.844 4.274 10.269 4.298h.028c.528 0 1.027-.208 1.405-.586l2.712-2.712a1 1 0 0 0 0-1.414l-4-4.001zm-.127 6.712c-1.248-.021-5.518-.356-8.873-3.712-3.366-3.366-3.692-7.651-3.712-8.874L7 4.414 9.586 7 8.293 8.293a1 1 0 0 0-.272.912c.024.115.611 2.842 2.271 4.502s4.387 2.247 4.502 2.271a.991.991 0 0 0 .912-.271L17 14.414 19.586 17l-2.006 2.005z'/%3E%3C/svg%3E");
}
.gmp-co-ci-office {
	--gmp-co-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 14c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4zm0-6c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2z'/%3E%3Cpath d='M11.42 21.814a.998.998 0 0 0 1.16 0C12.884 21.599 20.029 16.44 20 10c0-4.411-3.589-8-8-8S4 5.589 4 9.995c-.029 6.445 7.116 11.604 7.42 11.819zM12 4c3.309 0 6 2.691 6 6.005.021 4.438-4.388 8.423-6 9.73-1.611-1.308-6.021-5.294-6-9.735 0-3.309 2.691-6 6-6z'/%3E%3C/svg%3E");
}
.gmp-co-ci__title {
	font-size: var(--wp--preset--font-size--xx-large) !important;
	font-weight: 700;
	margin-block: 0 1.25rem !important;
}
.gmp-contact-info .gmp-feature p {
	font-size: var(--wp--preset--font-size--small);
	overflow-wrap: anywhere;
}
.gmp-contact-info .gmp-feature p a {
	text-decoration: underline;
}
.gmp-co-contact-form {
	padding-block: 1.5rem;
}
.gmp-co-contact-form .gmp-form-card {
	max-width: 36rem;
}
.gmp-co-contact-form .gmp-form-card h2 {
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 700;
	margin-block: 0.5rem 1.5rem;
}
.gmp-co-contact-form .gmp-form-card > p {
	margin-block-end: 1.5rem;
}
/* Webflow's flat gray fields. Higher specificity than Gravity Forms' own
   field styles, which otherwise leave them white. */
.gmp-co-contact-form .gform_wrapper.gravity-theme .gfield input[type="text"],
.gmp-co-contact-form .gform_wrapper.gravity-theme .gfield input[type="email"],
.gmp-co-contact-form .gform_wrapper.gravity-theme .gfield textarea {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--surface);
	border-radius: 0;
}
.gmp-co-contact-form .gform_wrapper.gravity-theme .gfield textarea {
	height: 11rem;
	min-height: 0;
}
.gmp-co-contact-form .gform_wrapper.gravity-theme .gform_footer {
	justify-content: center;
	margin-block-start: 1.5rem;
}

/* -------------------------------------------------------------- Thank you */
.gmp-co-thanks-section {
	min-height: 32rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.gmp-co-thanks {
	text-align: center;
	max-width: 38rem;
	margin-inline: auto;
}
.gmp-co-thanks h1 {
	font-weight: 700;
	letter-spacing: -0.02em;
	margin-block: 0 1.5rem;
}
.gmp-co-thanks a {
	text-decoration: none;
}
.gmp-co-thanks a:hover {
	text-decoration: underline;
}

/* -------------------------------------------------------- Legal placeholders */
.gmp-co-plain {
	max-width: 48rem;
}
.gmp-co-plain h1 {
	margin-block: 0 2rem;
}
.gmp-co-placeholder {
	padding: 1.5rem;
	border: 2px dashed var(--wp--preset--color--action);
	border-radius: var(--gmp-radius);
	background: var(--wp--preset--color--tint);
	color: var(--wp--preset--color--action);
}

/* ------------------------------------------------------ Case study: hero */
.gmp-co-cs-hero .gmp-hero__cols {
	align-items: flex-start !important;
}
.gmp-co-cs-hero .gmp-hero__cols > .wp-block-column:last-child {
	max-width: 26rem;
}
.gmp-co-cs-hero h1 {
	font-size: clamp(2rem, 1.4rem + 2vw, 3rem);
	margin-block-end: 2.5rem;
}
.gmp-co-cs-lead {
	font-size: var(--wp--preset--font-size--x-large);
	font-style: italic;
	line-height: 1.5;
	margin-block-end: 2.5rem !important;
}
.gmp-co-cs-form {
	max-width: 25rem;
}
.gmp-co-cs-logo {
	display: flex;
	justify-content: center;
	margin-block-end: 0.5rem !important;
}
.gmp-co-cs-logo img {
	width: 10rem;
	height: auto;
}
.gmp-co-cs-hero .gmp-stats {
	gap: 1.25rem;
}
.gmp-co-cs-hero .gmp-stat {
	padding: 1.25rem 1.25rem 1rem;
}
.gmp-co-cs-hero .gmp-stat__num {
	font-size: var(--wp--preset--font-size--display);
	color: var(--wp--preset--color--accent);
}
.gmp-co-cs-hero .gmp-stat__label {
	margin-block-start: 0.75rem !important;
}

/* ------------------------------------------------- Case study: the story */
.gmp-co-cs-story .gmp-section__inner > * + * {
	margin-block-start: clamp(3rem, 2rem + 3vw, 5rem);
}
.gmp-co-cs-story h2 {
	font-size: var(--wp--preset--font-size--xx-large) !important;
}
.gmp-co-cs-story .gmp-split p {
	font-size: var(--wp--preset--font-size--small);
}
.gmp-co-cs-story .gmp-split p:last-of-type {
	margin-block-end: 0;
}

/* --------------------------------------------- Case study: the challenge */
.gmp-co-photo-card.wp-block-cover {
	min-height: 30rem;
	border-radius: 1.25rem;
	overflow: hidden;
	padding: clamp(3rem, 2rem + 4vw, 6rem) clamp(1.5rem, 1rem + 6vw, 8rem);
	margin: 0;
}
.gmp-co-photo-card.wp-block-cover::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.8);
	pointer-events: none;
}
.gmp-co-photo-card .wp-block-cover__inner-container {
	z-index: 1;
}
.gmp-co-challenge {
	max-width: 32rem;
	margin-inline: auto;
	text-align: center;
}
.gmp-co-challenge,
.gmp-co-challenge h2,
.gmp-co-challenge p {
	color: var(--wp--preset--color--base);
}
.gmp-co-challenge p {
	font-size: var(--wp--preset--font-size--small);
}

/* ------------------------------------------------ Case study: approach */
.gmp-co-fp {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) minmax(0, 1fr);
	gap: 2rem 3rem;
	align-items: center;
}
.gmp-co-fp > * {
	margin: 0 !important;
}
.gmp-co-fp__col {
	display: flex;
	flex-direction: column;
	gap: 4rem;
}
.gmp-co-fp__col > * {
	margin: 0 !important;
}
.gmp-co-fp .gmp-feature p {
	font-size: var(--wp--preset--font-size--small);
}
.gmp-co-fp .gmp-feature__title {
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 400;
	margin-block-end: 1.25rem !important;
}
.gmp-co-icon img {
	width: 2.5rem;
	height: 2.5rem;
}
.gmp-co-fp__img img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}
@media (max-width: 991px) {
	.gmp-co-fp {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
	.gmp-co-fp__img {
		grid-column: 1 / -1;
		grid-row: 1;
	}
}
@media (max-width: 600px) {
	.gmp-co-fp {
		grid-template-columns: 1fr;
	}
	.gmp-co-fp__col {
		gap: 2.5rem;
	}
}

/* ------------------------------------------------- Case study: results */
.gmp-co-results-intro h2 {
	font-size: var(--wp--preset--font-size--xx-large);
}
.gmp-co-results-intro em {
	font-size: var(--wp--preset--font-size--large);
}
.gmp-co-results.gmp-tabs {
	display: block;
}
.gmp-co-results .gmp-tabs__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.25rem;
	align-items: end;
}
.gmp-co-results .gmp-tabs__btn {
	opacity: 1;
	gap: 1rem;
	padding: 1.25rem 1.5rem;
	border-radius: 0.75rem 0.75rem 0 0;
	background: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--medium);
}
.gmp-co-results .gmp-tabs__btn img {
	width: 2.25rem;
	height: 2.25rem;
}
.gmp-co-results .gmp-tabs__btn[aria-selected="true"] {
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--base);
	font-weight: 400;
	padding-block: 1.75rem 1.5rem;
}
.gmp-co-results .gmp-tabs__btn:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: -4px;
}
.gmp-co-results .gmp-tab__panel {
	background: var(--wp--preset--color--charcoal);
	color: var(--wp--preset--color--base);
	padding: 2rem clamp(1rem, 0.5rem + 5vw, 5rem) 3rem;
	text-align: center;
}
.gmp-co-results.is-ready .gmp-tab__panel {
	border-radius: 0 0 0.75rem 0.75rem;
}
.gmp-co-results:not(.is-ready) .gmp-tab__panel {
	border-radius: 0.75rem;
}
.gmp-co-results:not(.is-ready) .gmp-tab__label {
	margin-block-end: 1rem;
}
.gmp-co-results .gmp-co-results__caption {
	max-width: none;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--base);
	margin-block-end: 1.5rem !important;
}
.gmp-co-results__img {
	margin: 0 auto !important;
	max-width: 44rem;
}
.gmp-co-results__img img {
	width: 100%;
	height: auto;
	border-radius: 0.75rem;
	background: var(--wp--preset--color--base);
	padding: 0.5rem;
}
@media (max-width: 781px) {
	.gmp-co-results .gmp-tabs__list {
		gap: 0.25rem;
	}
	.gmp-co-results .gmp-tabs__btn {
		flex-direction: column;
		gap: 0.5rem;
		padding: 0.75rem 0.5rem;
		font-size: var(--wp--preset--font-size--x-small);
		text-align: center;
	}
	.gmp-co-results .gmp-tabs__btn[aria-selected="true"] {
		padding-block: 1rem 0.75rem;
	}
	.gmp-co-results .gmp-tabs__btn img {
		width: 1.75rem;
		height: 1.75rem;
	}
}