/*
Theme Name: Birchwood
Theme URI: https://birchwoodmerchantpartners.com
Template: twentytwentyfive
Description: Child theme of Twenty Twenty-Five for Birchwood Merchant Partners. Every customization for the site lives in this folder; the parent theme is untouched.
Author: Copperberry Creative Media
Author URI: https://copperberry.ca
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: birchwood
*/

/* ------------------------------------------------------------------
   Editorial details that theme.json cannot express.
   Palette, type scale, fonts, spacing and element styles are in theme.json.
   ------------------------------------------------------------------ */

/* Small uppercase label above headings (set the "eyebrow" class on a paragraph) */
.eyebrow {
	font-family: var(--wp--preset--font-family--geist-mono);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
	margin-bottom: 1rem;
}
.eyebrow.is-on-dark {
	color: var(--wp--preset--color--accent-soft);
}

/* Section numbers: 01, 02 ... */
.num {
	font-family: var(--wp--preset--font-family--geist-mono);
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	color: var(--wp--preset--color--subtle);
	line-height: 1;
	padding-top: 0.45rem;
}

/* Numbered rows on the Services and Approach pages */
.row-rule {
	border-top: 1px solid var(--wp--preset--color--border);
	padding-top: 2rem;
	margin-top: 2rem;
}
.row-rule:first-child {
	margin-top: 0;
}

/* Stats on the home page */
.stat-value {
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 500;
	letter-spacing: -0.02em;
	line-height: 1;
	margin-bottom: 0.5rem;
}
.stat-value span {
	font-size: 0.5em;
	font-weight: 400;
	color: var(--wp--preset--color--muted);
	letter-spacing: 0;
	margin-left: 0.15em;
}

/* Lead paragraph under a heading */
.lead {
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.4;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--muted);
}
.lead strong {
	color: var(--wp--preset--color--contrast);
	font-weight: 500;
}

/* Text links that end in an arrow */
.arrow a {
	text-decoration: none;
	font-weight: 500;
}
.arrow a::after {
	content: "\00a0\2192";
	display: inline-block;
	transition: transform 0.15s ease;
}
.arrow a:hover::after {
	transform: translateX(3px);
}

/* Home page hero: full-bleed photo under a paper wash that thins toward the bottom */
.home-hero {
	padding-top: var(--wp--preset--spacing--70);
	padding-bottom: var(--wp--preset--spacing--80);
}
.home-hero .wp-block-cover__background {
	opacity: 1 !important;
	/* Two washes: solid paper on the left fading into the photo, and a light band across the top. */
	background:
		linear-gradient(
			to right,
			rgba(247, 245, 240, 1) 0%,
			rgba(247, 245, 240, 1) 18%,
			rgba(247, 245, 240, 0.92) 32%,
			rgba(247, 245, 240, 0.62) 50%,
			rgba(247, 245, 240, 0.3) 72%,
			rgba(247, 245, 240, 0.22) 100%
		),
		linear-gradient(
			to bottom,
			rgba(247, 245, 240, 0.75) 0%,
			rgba(247, 245, 240, 0.35) 30%,
			rgba(247, 245, 240, 0) 60%
		) !important;
}
.home-hero.is-position-top-left .wp-block-cover__inner-container {
	width: 100%;
}
.home-hero .wp-block-cover__inner-container {
	color: var(--wp--preset--color--contrast);
}
.home-hero .lead {
	max-width: 46rem;
	color: var(--wp--preset--color--contrast);
	font-weight: 500;
}
.home-hero h1 {
	max-width: none;
}
.rule-short {
	width: 3rem;
	margin-left: 0;
	margin-right: 0;
	border-color: var(--wp--preset--color--border-strong);
	opacity: 1;
}
.hero-actions .wp-block-buttons {
	margin: 0;
}
.hero-actions .arrow {
	margin: 0;
}
.hero-actions .arrow a {
	color: var(--wp--preset--color--contrast);
}
@media (max-width: 781px) {
	.home-hero h1 {
		max-width: none;
	}
}

/* Header wordmark with the "B" mark */
.wordmark a::before {
	content: "";
	display: inline-block;
	width: 1.65em;
	height: 1.65em;
	border-radius: 3px;
	background: url(assets/img/mark.png) center / cover no-repeat;
	margin-right: 0.6em;
	vertical-align: -0.45em;
}
.site-footer .wordmark a::before {
	width: 1.4em;
	height: 1.4em;
	vertical-align: -0.35em;
}
.site-header .wp-block-navigation {
	flex: 1;
	justify-content: center;
}

/* Navigation */
.site-header .wp-block-navigation a:hover {
	color: var(--wp--preset--color--accent);
}
.site-header .wp-block-navigation .current-menu-item > a {
	color: var(--wp--preset--color--accent);
}
.site-header .wp-block-navigation__container {
	flex-wrap: nowrap;
}
@media (max-width: 900px) {
	.site-header .header-cta {
		display: none;
	}
	.site-header .wp-block-navigation {
		gap: 1.25rem;
		justify-content: flex-end;
	}
}

/* Buttons: pills, as on the original site */
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border: 1px solid var(--wp--preset--color--border-strong);
	color: var(--wp--preset--color--contrast);
	border-radius: 999px;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	border-color: var(--wp--preset--color--contrast);
	background: transparent;
	color: var(--wp--preset--color--contrast);
}

/* The email address on the Contact page: never break inside the address */
.email-link {
	overflow-wrap: anywhere;
	font-weight: 500;
	letter-spacing: -0.01em;
}
.email-link a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}
@media (max-width: 599px) {
	.email-link.has-large-font-size {
		font-size: var(--wp--preset--font-size--medium) !important;
	}
}

/* When wide two-column sections stack on phones, give the second column some air */
@media (max-width: 781px) {
	.wp-block-columns.alignwide:not(.row-rule) > .wp-block-column + .wp-block-column {
		margin-top: 1.5rem;
	}
}

/* Fact list on the About page and the office block in the footer */
.fact-label {
	font-family: var(--wp--preset--font-family--geist-mono);
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--subtle);
	margin-bottom: 0.25rem;
}
.fact-row {
	border-top: 1px solid var(--wp--preset--color--border);
	padding-top: 0.9rem;
	margin-top: 0.9rem;
}

/* Footer */
.site-footer {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted);
}
.site-footer a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}
.site-footer a:hover {
	color: var(--wp--preset--color--accent);
}
.site-footer .wp-block-list {
	list-style: none;
	padding-left: 0;
}
.site-footer .wp-block-list li {
	margin-bottom: 0.4rem;
}
.footer-fine {
	color: var(--wp--preset--color--subtle);
}

/* Images */
.wp-block-image img {
	border-radius: 0;
}

/* Disclosures page: bold lead-ins */
.legal p strong {
	font-weight: 500;
	color: var(--wp--preset--color--contrast);
}
