@charset "UTF-8";

/*!
Theme Name: boldstream
Theme URI: http://underscores.me/
Author: Millan Lakhani
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: boldstream
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

boldstream is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
# Design tokens
# All component and layout styles live in css/tailwind.css.
# Tailwind preflight (included in tailwind.css) handles the
# normalize/reset layer, so only site-specific tokens and the
# essential WordPress accessibility utility are kept here.
--------------------------------------------------------------*/

:root {
	/* Brand palette */
	--color-black:         #000;
	--color-card:          #0f0f0f;
	--color-white:         #fff;
	--color-accent:        #9a9aff;
	--color-accent-2:      #ff5c5b;
	--color-accent-3:      #a7ec87;
	--color-accent-4:      #b7e5ff;
	--color-accent-5:      #ffea75;
	--color-accent-6:      #ff82a7;

	/* Semantic */
	--color-bg-body:       #fff;
	--color-text:          #000;
	--color-link:          #9a9aff;
	--color-link-visited:  #4e4eff;
	--color-link-hover:    #6767ff;

	/* Typography */
	--font-main:           manrope, sans-serif;
	--font-code:           monaco, consolas, andale mono, dejavu sans mono, monospace;
	--line-height-body:    1.625;

	/* Type scale */
	--font-size-h1:        3.3125rem;
	--font-size-h2:        3rem;
	--font-size-h3:        1.5rem;
	--font-size-h4:        0.875rem;
	--font-size-h5:        0.75rem;
	--font-size-h6:        0.625rem;

	/* Letter spacing */
	--letter-spacing-h1:   -1.3px;
	--letter-spacing-h2:   -1.2px;
	--letter-spacing-h3:   -0.6px;
	--letter-spacing-h4:   -0.35px;
}

/*--------------------------------------------------------------
# Accessibility
# WordPress outputs a skip-link in header.php that must be
# visually hidden until focused.
--------------------------------------------------------------*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f2f2f2;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: var(--color-accent);
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Keep Section Tag visible in the dark Insight Cards variant. */
.layout-insight-cards--dark .layout-insight-cards__tag {
	display: block !important;
}

.layout-insight-cards--dark.layout-insight-cards--has-closing .layout-insight-cards__heading {
	color: var(--color-white) !important;
}

.layout-insight-cards--dark.layout-insight-cards--has-closing .layout-insight-cards__closing {
	color: var(--color-accent) !important;
}

.layout-people-grid__body--cta {
	text-align: center;
}

.layout-people-grid--home .layout-people-grid__photo-image {
	filter: grayscale(100%) !important;
}

/* Home People Grid matches Figma palette exactly (node 1140:663): flat grey cards, coloured heading + underline only. */
.layout-people-grid--home .layout-people-grid__item {
	background-color: #f0f0f0 !important;
}

.layout-people-grid--home .layout-people-grid__agent-name {
	color: var(--home-card-accent, var(--color-accent)) !important;
}

.layout-people-grid--home .layout-people-grid__agent-name::after {
	background-color: var(--home-card-accent, var(--color-accent)) !important;
}

/* 1, 8, ... Melrose */
.layout-people-grid--home .layout-people-grid__item:nth-child(8n + 1),
.layout-people-grid--home .layout-people-grid__item:nth-child(8n + 0) {
	--home-card-accent: #9a9aff;
}

/* 2, ... Persimmon */
.layout-people-grid--home .layout-people-grid__item:nth-child(8n + 2) {
	--home-card-accent: #ff5c5b;
}

/* 3, 6, ... Blue */
.layout-people-grid--home .layout-people-grid__item:nth-child(8n + 3),
.layout-people-grid--home .layout-people-grid__item:nth-child(8n + 6) {
	--home-card-accent: #2ebff6;
}

/* 4, 7, ... Green */
.layout-people-grid--home .layout-people-grid__item:nth-child(8n + 4),
.layout-people-grid--home .layout-people-grid__item:nth-child(8n + 7) {
	--home-card-accent: #5bb233;
}

/* 5, ... Pink */
.layout-people-grid--home .layout-people-grid__item:nth-child(8n + 5) {
	--home-card-accent: #ff82a7;
}

/* Dedicated Contact page template */
.contact-page-hero {
	position: relative;
	overflow: hidden;
	background-color: var(--color-card);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.contact-page-hero__media {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.contact-page-hero__video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.contact-page-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.contact-page-hero__inner {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 40px;
	padding-top: clamp(120px, 15vw, 248px);
	padding-bottom: 80px;
}

@media (min-width: 1024px) {
	.contact-page-hero__inner {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		align-items: center;
		gap: 64px;
		min-height: 760px;
	}
}

.contact-page-hero__content {
	max-width: 640px;
}

.contact-page-hero__tag {
	margin: 0;
	color: var(--color-accent);
	font-size: 18px;
	font-weight: 800;
	line-height: 32px;
	letter-spacing: 2.52px;
	text-transform: uppercase;
}

.contact-page-hero__heading {
	margin: 8px 0 0;
	color: var(--color-white);
	font-size: clamp(40px, 5vw, 48px);
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -1.2px;
}

.contact-page-hero__body {
	margin: 24px 0 0;
	max-width: 736px;
	color: var(--color-white);
	font-size: 18px;
	line-height: 28px;
}

.contact-page-hero__form {
	width: 100%;
}

.contact-page-hero__form .wpcf7-form {
	padding: 0;
}

.contact-page-hero__form .wpcf7-form p:has(input[type="submit"]) {
	margin-top: 22px;
}

@media (max-width: 1023px) {
	.contact-page-hero__tag {
		font-size: 12px;
		line-height: 16px;
		letter-spacing: 1.2px;
	}

	.contact-page-hero__heading {
		margin-top: 12px;
		letter-spacing: -0.9px;
	}

	.contact-page-hero__body {
		font-size: 16px;
		line-height: 26px;
	}
}

/* Standard WP editor content (non-flex pages) */
.page-default-content {
	padding: 5rem 0;
}

.page-default-content .entry-header {
	margin-bottom: 1.5rem;
}

.page-default-content .entry-title {
	margin: 0;
}

@media (min-width: 1024px) {
	.page-default-content {
		padding: 7rem 0;
	}

	.page-default-content .entry-header {
		margin-bottom: 2rem;
	}
}