/*
Theme Name: Lark Research
Theme URI: https://larkresearch.com/
Description: GeneratePress child theme for Lark Research.
Author: Lark Research
Template: generatepress
Version: 1.0.29
Text Domain: lark-research
Requires at least: 6.5
Requires PHP: 7.4
*/

/*
 * The complete front-end design is maintained in assets/css/site.css.
 * GeneratePress loads this file automatically; no @import is required.
 */

:root {
	--lark-navy: #17324d;
	--lark-blue: #255c8b;
	--lark-blue-dark: #19466d;
	--lark-gold: #b08a3e;
	--lark-ink: #263238;
	--lark-muted: #667685;
	--lark-border: #dce3e8;
	--lark-surface: #f3f5f7;
	--lark-white: #ffffff;
	--lark-radius: 4px;
	--lark-shadow: 0 12px 30px rgba(23, 50, 77, 0.08);
}

body {
	color: var(--lark-ink);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 18px;
	line-height: 1.7;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-branding {
	color: var(--lark-navy);
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 700;
	line-height: 1.2;
}

a {
	color: var(--lark-blue);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.14em;
}

a:hover,
a:focus-visible {
	color: var(--lark-blue-dark);
}

:focus-visible {
	outline: 3px solid var(--lark-gold);
	outline-offset: 3px;
}

.site-header {
	border-bottom: 1px solid var(--lark-border);
}

.site-description {
	color: var(--lark-muted);
}

.main-navigation {
	background: var(--lark-navy);
}

.main-navigation .main-nav ul li a,
.menu-toggle,
.main-navigation .menu-bar-items {
	color: var(--lark-white);
	font-weight: 600;
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus-within > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
	background: var(--lark-blue-dark);
	color: var(--lark-white);
}

/* Keep GeneratePress desktop dropdowns legible on every legacy page. */
.main-navigation .main-nav ul ul,
.main-navigation .main-nav ul ul li,
.main-navigation .main-nav ul ul li a {
	background: var(--lark-navy);
	color: var(--lark-white);
}

.main-navigation .main-nav ul ul li:hover > a,
.main-navigation .main-nav ul ul li:focus-within > a,
.main-navigation .main-nav ul ul li[class*="current-menu-"] > a {
	background: var(--lark-blue-dark);
	color: var(--lark-white);
}

.main-navigation .main-nav ul ul .dropdown-menu-toggle,
.main-navigation .main-nav ul ul .dropdown-menu-toggle .gp-icon {
	color: var(--lark-white);
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-element-button,
.wp-block-button__link,
.edd-submit {
	background: var(--lark-blue);
	border: 2px solid var(--lark-blue);
	border-radius: var(--lark-radius);
	color: var(--lark-white);
	font-weight: 700;
	line-height: 1.2;
	padding: 0.75rem 1.15rem;
	text-decoration: none;
}

button:hover,
button:focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus-visible,
.button:hover,
.button:focus-visible,
.wp-element-button:hover,
.wp-element-button:focus-visible,
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible,
.edd-submit:hover,
.edd-submit:focus-visible {
	background: var(--lark-blue-dark);
	border-color: var(--lark-blue-dark);
	color: var(--lark-white);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
textarea,
select {
	background: var(--lark-white);
	border: 1px solid #aebac4;
	border-radius: var(--lark-radius);
	color: var(--lark-ink);
	font: inherit;
	padding: 0.65rem 0.75rem;
}

input:focus,
textarea:focus,
select:focus {
	border-color: var(--lark-blue);
	box-shadow: 0 0 0 3px rgba(37, 92, 139, 0.15);
	outline: 0;
}

.entry-content > * + * {
	margin-block-start: 1.25em;
}

.lark-eyebrow {
	color: var(--lark-blue);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.lark-hero {
	background: linear-gradient(135deg, var(--lark-navy), var(--lark-blue-dark));
	color: var(--lark-white);
	padding: clamp(2.5rem, 7vw, 5.5rem) clamp(1.25rem, 5vw, 4rem);
}

.lark-hero h1,
.lark-hero h2,
.lark-hero p,
.lark-hero a:not(.wp-block-button__link) {
	color: inherit;
}

.lark-hero .wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	border-color: var(--lark-white);
	color: var(--lark-white);
}

.lark-card {
	background: var(--lark-white);
	border: 1px solid var(--lark-border);
	border-radius: var(--lark-radius);
	box-shadow: var(--lark-shadow);
	height: 100%;
	padding: clamp(1.25rem, 3vw, 2rem);
}

.lark-report-callout {
	background: var(--lark-surface);
	border: 1px solid var(--lark-border);
	border-left: 5px solid var(--lark-gold);
	border-radius: var(--lark-radius);
	margin-block: 2rem;
	padding: clamp(1.25rem, 3vw, 2rem);
}

.lark-report-callout h2,
.lark-report-callout h3 {
	margin-top: 0;
}

.lark-report-meta {
	color: var(--lark-muted);
	font-size: 0.9rem;
}

.lark-disclosure {
	border-top: 1px solid var(--lark-border);
	color: var(--lark-muted);
	font-size: 0.82rem;
	margin-top: 2.5rem;
	padding-top: 1.25rem;
}

.edd_download,
.edd-blocks__download {
	background: var(--lark-white);
	border: 1px solid var(--lark-border);
	border-radius: var(--lark-radius);
	padding: 1.25rem;
}

#edd_checkout_cart,
.edd-table {
	border-collapse: collapse;
	width: 100%;
}

#edd_checkout_cart th,
#edd_checkout_cart td,
.edd-table th,
.edd-table td {
	border-bottom: 1px solid var(--lark-border);
	padding: 0.8rem;
	text-align: left;
}

.site-footer {
	border-top: 1px solid var(--lark-border);
}

.site-info {
	background: var(--lark-navy);
	color: var(--lark-white);
}

.site-info a {
	color: var(--lark-white);
}

@media (max-width: 768px) {
	body {
		font-size: 17px;
	}

	.main-navigation.toggled,
	.main-navigation.toggled .main-nav,
	.main-navigation.toggled .main-nav > ul,
	.main-navigation.toggled .main-nav ul ul {
		background: var(--lark-navy);
	}

	.main-navigation.toggled .main-nav ul li a,
	.main-navigation.toggled .main-nav ul ul li a,
	.main-navigation.toggled .menu-toggle,
	.main-navigation.toggled .dropdown-menu-toggle {
		background: var(--lark-navy);
		color: var(--lark-white);
	}

	.main-navigation.toggled .main-nav ul li:hover > a,
	.main-navigation.toggled .main-nav ul li:focus-within > a,
	.main-navigation.toggled .main-nav ul li[class*="current-menu-"] > a,
	.main-navigation.toggled .main-nav ul ul li:hover > a,
	.main-navigation.toggled .main-nav ul ul li:focus-within > a {
		background: var(--lark-blue-dark);
		color: var(--lark-white);
	}

	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:focus-visible {
		background: var(--lark-navy);
		color: var(--lark-white);
	}

	.menu-toggle .gp-icon,
	.menu-toggle .gp-icon svg,
	.menu-toggle .gp-icon svg path,
	.menu-toggle .gp-icon svg line,
	.dropdown-menu-toggle .gp-icon,
	.dropdown-menu-toggle .gp-icon svg,
	.dropdown-menu-toggle .gp-icon svg path,
	.dropdown-menu-toggle .gp-icon svg line {
		color: var(--lark-white);
		fill: var(--lark-white);
		stroke: var(--lark-white);
	}

	.lark-hero {
		padding-inline: 1.25rem;
	}

	.wp-block-buttons {
		align-items: stretch;
		flex-direction: column;
	}

	.wp-block-buttons .wp-block-button,
	.wp-block-buttons .wp-block-button__link {
		width: 100%;
	}
}