/*
Theme Name: ECCRT
Theme URI: https://eccrt.com/
Description: ECCRT child theme for Kadence. Adds the Homepage V2.1 design tokens, the ECCRT header with dropdown menus and the ECCRT footer.
Author: ECCRT
Template: kadence
Version: 0.1.2
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: eccrt
Release date: 2026-11-06 (login link in the header and footer)
*/

/* Design tokens, available site-wide. The header, footer and homepage use the same values inside .eccrt-home-v2. */
:root {
	--eccrt-navy: #1b2e50;
	--eccrt-navy-dark: #0f1d36;
	--eccrt-yellow: #ffd61f;
	--eccrt-text: #3d3d3d;
	--eccrt-paper: #f7f7f2;
	--eccrt-muted: #526077;
	--eccrt-line: #d8dde2;
	--eccrt-font: ECCRT-DM, Arial, Helvetica, sans-serif;
	--eccrt-space-1: 8px;
	--eccrt-space-2: 16px;
	--eccrt-space-3: 24px;
	--eccrt-space-4: 32px;
	--eccrt-space-5: 48px;
	--eccrt-space-6: 72px;
	--eccrt-space-7: 104px;
	--eccrt-radius: 2px;
}

body {
	background: #fff;
	-webkit-font-smoothing: antialiased;
}

/* Header: the wrapper is sticky so the whole header stays visible while scrolling, below the WordPress admin bar. */
.eccrt-site-header {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 1000;
}

.eccrt-chrome .header {
	position: relative;
}

@media (max-width: 600px) {

	/* WordPress does not fix the admin bar on narrow screens. */
	.admin-bar .eccrt-site-header {
		top: 0;
	}
}

/* Headings on ordinary pages follow the homepage: regular weight with tight tracking. */
:where(.entry-content, .entry-header) :is(h1, h2, h3) {
	font-weight: 400;
	letter-spacing: -0.04em;
	line-height: 1.12;
}

/* Buttons: yellow with navy text, like the homepage. */
.button,
button.wp-element-button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button {
	border-radius: var(--eccrt-radius);
	font-weight: 700;
}

/* Pages that render a full-width ECCRT layout (homepage and similar) start straight under the header. */
.eccrt-full-layout .content-area {
	margin-top: 0;
	margin-bottom: 0;
}

.eccrt-full-layout .entry-content-wrap {
	padding: 0;
}

.eccrt-full-layout .entry.single-entry {
	box-shadow: none;
}
