@import url('https://start.training.infoblox.com/assets/infoblox-fonts.min.css');
@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');

:root,
html,
body {
	--theme-text-font: 'LatoWeb', Lato, sans-serif !important;
	--theme-headline-font: 'LatoWebBlack', 'Lato Black', sans-serif !important;
	font-family: 'LatoWeb', Lato, sans-serif !important;
}

body,
p,
li,
a,
span,
div {
	font-family: 'LatoWeb', Lato, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'LatoWebBold', Lato, sans-serif !important;
	text-transform: uppercase;
	letter-spacing: -0.03em;
}

[data-component="banner"] h1 {
	font-family: 'LatoWebBlack', 'Lato Black', sans-serif !important;
	text-transform: capitalize;
	letter-spacing: -0.03em;
}

[data-component="banner"] p {
	font-family: 'LatoWebLight', 'Lato Light', sans-serif !important;
	font-weight: normal;
	text-transform: uppercase;
}

code,
pre,
kbd,
samp {
	font-family: 'Courier Prime', monospace !important;
}