/**
 * Canary Landing brand styles.
 */

/*
:root {
	--wp--preset--font-family--serif: MinervaModern, DomaineText, serif;
	--wp--preset--font-family--sans-serif: FoundersGrotesk, ProximaNova, sans-serif;
}
body {
	color: var(--wp--preset--color--foreground);
	font-family: var(--wp--preset--font-family--sans-serif);
	font-size: var(--wp--preset--font-size--normal);
	line-height: 1.25;
}
*/

body {
	--wp--preset--color--vivid-blue: var(--wp--preset--color--secondary);
}


/* Overrides */
h1,
.has-huge-font-size {
	line-height: 0.9;
}
h2,
.has-x-large-font-size {
	line-height: 1;
}
h3,
.has-large-font-size {
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.has-large-alt-font-size {
	font-family: var(--wp--preset--font-family--serif, --wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--large-alt);
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.25;
	text-transform: none;
}
h4,
.has-medium-font-size {
	line-height: 1.2;
}
h5,
.has-eyebrow-font-size {
	line-height: 1;
}
.has-small-font-size {
	line-height: 1.3;
}
/* buttons */
.buttonOutline,
.wp-block-button .wp-block-button__link {
	border-radius: 0px;
	font-size: 14px;
	line-height: 1;
	padding: 10px 20px;
	font-weight: 500;
}
.is-style-outline.wp-block-button .wp-block-button__link {
	padding: 10px 20px;
}

/* Sticky CTA popup */
.stickyBottomWrapper {
	border-radius: 0px !important;
}

/*** Block editor only, NOT the admin sidebar ***/
.editor-styles-wrapper h3,
.editor-styles-wrapper .has-large-font-size {
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.editor-styles-wrapper .has-large-alt-font-size {
	font-family: var(--wp--preset--font-family--serif, --wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--large-alt);
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.25;
	text-transform: none;
}

/* font-face is not reliable from theme.json */
@font-face {
	font-family: "MinervaModern";
	src: url("../assets/fonts/canary-landing/MinervaModern-Regular.woff2") format("woff2"),
		url("../assets/fonts/canary-landing/MinervaModern-Regular.woff") format("woff");
	font-display: block;
	font-style: normal;
	font-weight: 400;
}
@font-face {
	font-family: "MinervaModern";
	src: url("../assets/fonts/canary-landing/MinervaModern-Bold.woff2") format("woff2"),
		url("../assets/fonts/canary-landing/MinervaModern-Bold.woff") format("woff");
	font-display: block;
	font-style: normal;
	font-weight: 600;
}

@font-face {
	font-family: "FoundersGrotesk";
	src: url("../assets/fonts/canary-landing/FoundersGrotesk-Regular.woff2") format("woff2"),
		url("../assets/fonts/canary-landing/FoundersGrotesk-Regular.woff") format("woff"),
		url("../assets/fonts/canary-landing/FoundersGrotesk-Regular.ttf") format("ttf");
	font-display: auto;
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: "FoundersGrotesk";
	src: url("../assets/fonts/canary-landing/FoundersGrotesk-RegularItalic.woff2") format("woff2");
	font-display: auto;
	font-style: italic;
	font-weight: 400;
}
@font-face {
	font-family: "FoundersGrotesk";
	src: url("../assets/fonts/canary-landing/FoundersGrotesk-Medium.woff2") format("woff2");
	font-display: auto;
	font-style: normal;
	font-weight: 600;
}
@font-face {
	font-family: "FoundersGrotesk";
	src: url("../assets/fonts/canary-landing/FoundersGrotesk-MediumItalic.woff2") format("woff2");
	font-display: auto;
	font-style: italic;
	font-weight: 600;
}