/* Skin: evergreen + brass, Libre Caslon + IBM Plex Sans, flat ruled bands.
   Loads after header.css and pages.css and overrides only colors, type and band edges.
   Remove this file (and its enqueue in main.php) to return to the navy/garnet look. */
:root {
	--jat-green: #1F3D35;
	--jat-green-deep: #132A24;
	--jat-green-night: #0E211C;
	--jat-brass: #C59A4A;
	--jat-brass-light: #DDB86E;
	--jat-brass-ink: #86672A;
	--jat-ink: #1E2622;
	--jat-muted: #55625C;
	--jat-line: #D8DED8;
	--jat-sage: #EDF2EE;
	--jat-on-dark: #CFDBD4;
	--jat-serif: "Libre Caslon Text", Georgia, "Times New Roman", serif;
	--jat-sans: "IBM Plex Sans", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ---------- Header: dark evergreen bar with a brass rule ---------- */
html body .site-header {
	background: var(--jat-green-deep);
	border-bottom: 3px solid var(--jat-brass);
}
html body .site-header .site-branding::before { background-color: var(--jat-brass); }
html body .site-header .site-title { font-family: var(--jat-serif); font-weight: 400; font-size: 19px; letter-spacing: 0; }
html body .site-header .site-title a { color: #FFFFFF; }
html body .site-header .site-title a:hover { color: var(--jat-brass-light); }
html body .site-header .site-description { font-family: var(--jat-sans); color: var(--jat-on-dark); }
html body .site-header .site-navigation ul.menu li a {
	font-family: var(--jat-sans);
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .09em;
	color: #E8EEEA;
}
html body .site-header .site-navigation ul.menu li a:hover,
html body .site-header .site-navigation ul.menu li.current-menu-item:not(.tlf-cta):not(.menu-item-type-custom) > a { color: var(--jat-brass-light); }
html body .site-header .site-navigation ul.menu li.tlf-cta a {
	border-radius: 0;
	background: var(--jat-brass);
	color: var(--jat-green-night);
	font-weight: 600;
}
html body .site-header .site-navigation ul.menu li.tlf-cta a:hover { background: var(--jat-brass-light); color: var(--jat-green-night); }
html body .site-header .site-navigation-toggle-holder .site-navigation-toggle {
	color: #FFFFFF;
	border-color: rgba(255, 255, 255, .35);
	border-radius: 0;
}
html body .site-header .site-navigation-dropdown ul.menu {
	background: var(--jat-green-deep);
	border-top: 1px solid rgba(255, 255, 255, .12);
}
html body .site-header .site-navigation-dropdown ul.menu li a {
	background: var(--jat-green-deep);
	color: #E8EEEA;
	font-family: var(--jat-sans);
	border-bottom: 1px solid rgba(255, 255, 255, .12);
}
html body .site-header .site-navigation-dropdown ul.menu li.current-menu-item:not(.menu-item-type-custom):not(.tlf-cta) a {
	background: var(--jat-green-deep);
	color: var(--jat-brass-light);
}
html body .site-header .site-navigation-dropdown ul.menu li.tlf-cta a,
html body .site-header .site-navigation-dropdown ul.menu li.tlf-cta.current-menu-item a {
	border-radius: 0;
	background: var(--jat-brass);
	color: var(--jat-green-night);
}

/* ---------- Footer ---------- */
html body .site-footer.dynamic-footer {
	background: var(--jat-green-night);
	border-top: 3px solid var(--jat-brass);
	font-family: var(--jat-sans);
}
html body .site-footer .site-branding::before { background-color: var(--jat-brass); }
html body .site-footer .site-title { font-family: var(--jat-serif); font-weight: 400; }
html body .site-footer .site-description { color: var(--jat-on-dark); }
html body .site-footer .site-navigation ul.menu li a { color: var(--jat-on-dark); text-decoration-color: rgba(221, 184, 110, .45); }
html body .site-footer .site-navigation ul.menu li a:hover { color: var(--jat-brass-light); text-decoration-color: var(--jat-brass-light); }
html body .site-footer .tlf-f-contact strong,
html body .site-footer .site-navigation::before {
	color: var(--jat-brass-light);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .12em;
}
html body .site-footer.dynamic-footer .copyright p,
html body .site-footer.dynamic-footer .tlf-f-contact,
html body .site-footer.dynamic-footer .tlf-f-copy {
	color: var(--jat-on-dark) !important;
	font-family: var(--jat-sans) !important;
}
html body .site-footer.dynamic-footer .tlf-f-contact strong { color: var(--jat-brass-light) !important; }
html body .site-footer .tlf-f-copy { border-top-color: rgba(221, 184, 110, .25); }

/* ---------- Bands: flat edges, pinstripe on dark, brass rules ---------- */
html body .elementor .e-con.tlf-band { color: var(--jat-ink); font-family: var(--jat-sans); }
html body .elementor .e-con.tlf-navy {
	background-color: var(--jat-green);
	background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 16px);
}
html body .elementor .e-con.tlf-pale { background: var(--jat-sage); }
html body .elementor .e-con.tlf-tilt-bottom {
	clip-path: none;
	border-bottom: 4px solid var(--jat-brass);
	--padding-bottom: clamp(48px, 7vw, 88px);
}
html body .elementor .e-con.tlf-tilt-top {
	clip-path: none;
	border-top: 4px solid var(--jat-brass);
	--padding-top: clamp(56px, 8vw, 104px);
}
html body .tlf-navy .elementor-widget-text-editor { color: var(--jat-on-dark); }

/* ---------- Type ---------- */
html body .elementor .tlf-band .elementor-widget-heading .elementor-heading-title {
	font-family: var(--jat-serif) !important;
	font-weight: 400 !important;
	line-height: 1.18 !important;
	letter-spacing: -0.005em !important;
	color: var(--jat-green) !important;
}
html body .elementor .tlf-band.tlf-navy .elementor-widget-heading .elementor-heading-title { color: #FFFFFF !important; }
html body .elementor .tlf-band .tlf-h1 .elementor-heading-title { font-size: clamp(34px, 4.6vw, 54px) !important; }
html body .elementor .tlf-band .tlf-h2 .elementor-heading-title { font-size: clamp(27px, 3.2vw, 38px) !important; }
/* Short brass rule above main headings */
html body .elementor .tlf-band .tlf-h1::before,
html body .elementor .tlf-band .tlf-h2::before {
	content: "";
	display: block;
	width: 56px;
	height: 3px;
	margin-bottom: 20px;
	background: var(--jat-brass);
}
html body .elementor .tlf-band .tlf-group-title .elementor-heading-title,
html body .elementor .tlf-band .tlf-facts h3 {
	font-family: var(--jat-sans) !important;
	font-size: 12.5px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: .14em !important;
	color: var(--jat-brass-ink) !important;
}
html body .elementor .tlf-band .elementor-widget-text-editor,
html body .elementor .tlf-band .elementor-widget-text-editor p,
html body .elementor .tlf-band .elementor-widget-text-editor li { font-family: var(--jat-sans) !important; }
html body .elementor .tlf-band .tlf-press-list li,
html body .elementor .tlf-band .tlf-points li,
html body .elementor .tlf-band .tlf-cta-contact .tlf-phone,
html body .elementor .tlf-band .tlf-areas h4,
html body .elementor .tlf-band .tlf-topics h3,
html body .elementor .tlf-band .tlf-topics .tlf-sub { font-family: var(--jat-serif) !important; font-weight: 400 !important; }
html body .tlf-band .elementor-widget-text-editor { color: var(--jat-ink); }
html body .tlf-navy .elementor-widget-text-editor { color: var(--jat-on-dark); }
html body .tlf-band .elementor-widget-text-editor a,
html body .tlf-caption a { color: var(--jat-green); text-decoration-color: var(--jat-brass); }
html body .tlf-band .elementor-widget-text-editor a:hover { color: var(--jat-brass-ink); }
html body .tlf-navy .elementor-widget-text-editor a { color: #FFFFFF; }

/* ---------- Buttons: square, small caps feel ---------- */
html body .tlf-band .elementor-widget-button .elementor-button {
	min-height: 50px;
	padding: 0 28px;
	border-radius: 0;
	font-family: var(--jat-sans);
	font-size: 13.5px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
}
html body .tlf-band .tlf-btn-primary .elementor-button { background: var(--jat-brass) !important; color: var(--jat-green-night) !important; }
html body .tlf-band .tlf-btn-primary .elementor-button:hover { background: var(--jat-brass-light) !important; }
html body .tlf-band .tlf-btn-ghost .elementor-button { border-color: rgba(255, 255, 255, .55); color: #FFFFFF !important; }
html body .tlf-band .tlf-btn-ghost .elementor-button:hover { border-color: var(--jat-brass-light); color: var(--jat-brass-light) !important; background: transparent !important; }
html body .tlf-band .tlf-btn-outline .elementor-button { border-color: var(--jat-green); color: var(--jat-green) !important; }
html body .tlf-band .tlf-btn-outline .elementor-button:hover { background: var(--jat-green) !important; color: #FFFFFF !important; }
html body .tlf-band .tlf-text-link .elementor-button {
	padding: 0;
	min-height: 0;
	color: var(--jat-green) !important;
	text-decoration-color: var(--jat-brass);
	text-decoration-thickness: 2px;
}
html body .tlf-band .tlf-text-link .elementor-button:hover { color: var(--jat-brass-ink) !important; }

/* ---------- Hero and images ---------- */
html body .tlf-portrait img {
	border-radius: 0;
	box-shadow: 14px 14px 0 var(--jat-brass);
}
html body .tlf-portrait { padding-right: 14px; }
html body .tlf-split-img img { border-radius: 0; box-shadow: -14px 14px 0 var(--jat-sage); }
html body .tlf-caption { margin-top: 26px; }
html body .tlf-band:not(.tlf-navy) .tlf-caption strong { color: var(--jat-green); }

/* ---------- Sections ---------- */
html body .tlf-press-list p { color: var(--jat-muted); text-transform: uppercase; letter-spacing: .12em; font-size: 12px; }
html body .tlf-press-list li { color: var(--jat-green); font-style: italic; }
html body .elementor .e-con.tlf-groups { border-top: 3px solid var(--jat-brass); }
html body .elementor .e-con.tlf-group + .e-con.tlf-group { border-left-color: var(--jat-line); }
html body .tlf-areas h4 { color: var(--jat-green); }
html body .tlf-areas p { color: var(--jat-muted); }
html body .tlf-areas .tlf-area { border-top-color: var(--jat-line); }
html body .tlf-points ul { border-top: 3px solid var(--jat-brass); }
html body .tlf-points li { color: var(--jat-green); border-color: var(--jat-line); }
html body .tlf-cta-contact .tlf-phone { color: var(--jat-brass-light); }
html body .tlf-topics ul { border-top: 3px solid var(--jat-brass); }
html body .tlf-topics .tlf-topic { border-bottom-color: var(--jat-line); }
html body .elementor .tlf-band .tlf-topics h3 { color: var(--jat-green) !important; }
html body .elementor .tlf-band .tlf-topics .tlf-sub { color: var(--jat-muted); }
html body .tlf-facts ul { color: var(--jat-muted); }
html body .elementor .e-con.tlf-office {
	background: var(--jat-sage);
	border-left: 4px solid var(--jat-brass);
	border-radius: 0;
}
html body .tlf-office-list dt { color: var(--jat-muted); text-transform: uppercase; letter-spacing: .1em; font-size: 12px; }
html body .tlf-office-list dd { color: var(--jat-ink); }
html body .tlf-form-note { color: var(--jat-muted) !important; }
@media (max-width: 900px) {
	html body .elementor .e-con.tlf-group + .e-con.tlf-group { border-top-color: var(--jat-line); }
}

/* ---------- Contact form ---------- */
html body .tlf-form-embed .wpforms-field-label,
html body .tlf-form-embed .wpforms-field-sublabel { font-family: var(--jat-sans) !important; color: var(--jat-ink) !important; }
html body .tlf-form-embed input[type="text"],
html body .tlf-form-embed input[type="email"],
html body .tlf-form-embed input[type="tel"],
html body .tlf-form-embed textarea {
	border: 1px solid #B6C2BA !important;
	border-radius: 0 !important;
	font-family: var(--jat-sans) !important;
	color: var(--jat-ink) !important;
}
html body .tlf-form-embed input:focus,
html body .tlf-form-embed textarea:focus { outline: 3px solid var(--jat-brass-light) !important; border-color: var(--jat-green) !important; }
html body .tlf-form-embed button[type="submit"] {
	border-radius: 0 !important;
	background: var(--jat-brass) !important;
	color: var(--jat-green-night) !important;
	font: 600 13.5px/1 var(--jat-sans) !important;
	text-transform: uppercase;
	letter-spacing: .08em;
}
html body .tlf-form-embed button[type="submit"]:hover { background: var(--jat-brass-light) !important; }
