/********************************************************/
/*
/*		Typography CSS
/*
/********************************************************/

:is(h1, h2),
:is(h1, h2) > p {
	font: var(--stack-heading-l);
	color: var(--color-light-gray);
}

:is(h3, h4),
:is(h3, h4) > p  {
	font: var(--stack-heading-m);
	color: var(--color-charcoal);
	text-transform: initial;
}

:is(h3),
:is(h3) > p  {
	font-style: var(--font-style-regular);
}

:is(h5, h6),
:is(h5, h6) > p  {
	font: var(--stack-heading-s);
	color: var(--color-main-1);
}

[data-module="navbar"] a {
	font: var(--stack-menu-s);
	text-transform: uppercase;

	transition: color .6s;
	color: var(--color-light-gray);
}

[data-module="navbar"] a:hover {
	color: var(--color-main-1);
}

p {
	font-family: 'Fira Sans Condensed';
	color: var(--color-charcoal);
	font-size: var(--font-size-s);
	font-weight: 300;
	line-height: calc(var(--line-height-s) * 1.25);
}

label {
	font-weight: var(--font-weight-medium);
}

a.link,
:not([class*="btn"]) > a[href]:not([href=''], [class*="btn"], .menu-item, .footer, .page-numbers),
p.btn>:is(a, span),
a.btn,
input[type="button"],
input[type="submit"],
label[for*="button"],
.gform_button,
.separator-link a,
select {
	font-family: 'Fira Sans Condensed';
	font-size: var(--font-size-s);
	font-weight: var(--font-weight-light);
	color: var(--color-main-1);
	line-height: var(--line-height-s);
	text-transform: uppercase;
}

a.link,
:not([class*="btn"]) > a[href]:not([href=''], [class*="btn"], .menu-item, .footer, .page-numbers),
.separator-link a {
	transition: color .6s;
}

a.link:hover,
:not([class*="btn"]) > a[href]:not([href=''], [class*="btn"], .menu-item, .footer, .page-numbers):hover,
.separator-link a:hover {
	color: var(--color-main-1-75);
}