/*
 * Homepage type foundation.
 * Elementor retains control of every widget's size, weight, alignment, colour,
 * wording and destination. Use the reusable classes documented in
 * docs/ELEMENTOR-EDITING.md for UI labels and emphasis.
 */

body.ije-homepage-protected {
	font-family: "Mulish", sans-serif;
}

body.ije-homepage-protected :where(h1, h2, h3, h4, h5, h6, .elementor-heading-title) {
	font-family: "Newsreader", Georgia, serif !important;
	font-optical-sizing: auto;
}

body.ije-homepage-protected :where(p, li, a, button, input, textarea, select, label, .elementor-button, .elementor-widget-text-editor) {
	font-family: "Mulish", sans-serif !important;
}

/* Reusable Elementor classes: procedural labels and eyebrows are UI, not
 * display headings. Add these classes in Advanced > CSS Classes. */
body.ije-homepage-protected .ije-ui-label .elementor-heading-title,
body.ije-homepage-protected .ije-eyebrow .elementor-heading-title {
	font-family: "Mulish", sans-serif !important;
}

body.ije-homepage-protected .elementor-widget-button .elementor-button,
	body.ije-homepage-protected .elementor-widget-button .elementor-button-text {
	font-family: "Mulish", sans-serif !important;
}

/* A two-colour focus treatment remains visible on both Ije's light and dark
 * homepage fields, without changing normal component styling. */
body.ije-homepage-protected :where(a, button, input, textarea, select):focus-visible {
	outline: 3px solid #f1cc36;
	outline-offset: 3px;
	box-shadow: 0 0 0 6px #120a00;
}