/*
Hatchet global kit styles.
Taken from templates/global.json (Elementor theme styles) plus the three font families used in the kit.
Elementor writes the per-widget CSS into wp-content/uploads/elementor/css after the importer runs.
*/

:root {
	--hatchet-primary: #071842;
	--hatchet-secondary: #162c70;
	--hatchet-text: #484c55;
	--hatchet-accent: #ffd803;
	--hatchet-accent-dark: #ccad02;
	--hatchet-bg: #f2f2f2;
	--hatchet-bg-2: #ebebeb;
	--hatchet-white: #ffffff;
	--hatchet-font: "Radio Canada Big", "Onest", "Golos Text", sans-serif;
	--hatchet-h1: 90px;
	--hatchet-h2: 60px;
	--hatchet-h3: 36px;
	--hatchet-h4: 30px;
	--hatchet-h5: 24px;
	--hatchet-h6: 19px;
}

body,
button,
input,
textarea,
select {
	font-family: var(--hatchet-font);
}

h1, .elementor-widget-heading h1.elementor-heading-title {
	font-size: var(--hatchet-h1);
	line-height: 1;
	letter-spacing: -2px;
	font-weight: 600;
}

h2 {
	font-size: var(--hatchet-h2);
	line-height: 1.1;
	letter-spacing: -1.4px;
	font-weight: 600;
}

h3 {
	font-size: var(--hatchet-h3);
	line-height: 1.1;
	letter-spacing: -1px;
	font-weight: 600;
}

h4 {
	font-size: var(--hatchet-h4);
	line-height: 1.2;
	letter-spacing: -0.7px;
	font-weight: 600;
}

h5 {
	font-size: var(--hatchet-h5);
	line-height: 1.3;
	letter-spacing: -0.4px;
	font-weight: 600;
}

h6 {
	font-size: var(--hatchet-h6);
	line-height: 1.3;
	letter-spacing: -0.3px;
	font-weight: 600;
}

@media (max-width: 1024px) {
	h1 { font-size: 64px; letter-spacing: -1.8px; }
	h2 { font-size: 50px; letter-spacing: -1.2px; }
	h3 { font-size: 32px; letter-spacing: -0.8px; }
	h4 { font-size: 28px; }
	h5 { font-size: 22px; }
}

@media (max-width: 767px) {
	h1 { font-size: 50px; letter-spacing: -1.6px; }
	h2 { font-size: 44px; letter-spacing: -1px; }
	h3 { font-size: 29px; letter-spacing: -0.7px; }
	h4 { font-size: 26px; }
	h5 { font-size: 21px; }
	h6 { font-size: 18px; }
}

.elementor-widget-button .elementor-button {
	font-family: var(--hatchet-font);
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -0.1px;
	border-radius: 0;
	padding: 17px 30px;
}

.elementor-kit-pending .elementor-button,
body .elementor-button-link {
	font-family: var(--hatchet-font);
}

.hatchet-skip {
	position: absolute;
	left: -999px;
}

.hatchet-skip:focus {
	left: 16px;
	top: 16px;
	z-index: 100000;
	background: var(--hatchet-accent);
	color: var(--hatchet-primary);
	padding: 8px 12px;
}