/* Loaded by the site before main.css, and alone by the rich text editor. */

/* ==== Tokens ==== */
:root {
	--blue-dk: hsl(223 41% 42%);
	--blue-md: hsl(223 41% 48%);
	--gold-dk: hsl(48 65% 49%);
	--gold-lt: hsl(49 93% 94%);
	--gray-md: hsl(0 0% 33%);
	--gray-40: hsl(0 0% 40%);
	--gray-60: hsl(0 0% 60%);
	--gray-70: hsl(0 0% 70%);
	--gray-95: hsl(0 0% 95%);
}

/* ==== Fonts ==== */
@font-face {
	font-family: 'Bitter';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/bitter-400-regular.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url(fonts/open-sans-400-normal.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: url(fonts/open-sans-400-italic.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url(fonts/open-sans-600-semi-bold.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	src: url(fonts/open-sans-600-semi-bold.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url(fonts/open-sans-700-bold.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: url(fonts/open-sans-700-bold-italic.woff) format('woff');
}

/* ==== Base elements ==== */
html, body {
	font: 16px "Open Sans";
	color: var(--gray-md);
}

blockquote,
blockquote.pull-right {
	float: none !important;
	max-width: 100% !important;
	border-color: var(--gray-60);
}
blockquote p {
	font-weight: 400;
	font-style: italic;
}
blockquote small {
	font-style: normal;
	color: var(--gray-40);
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}
h1 {
	font: 400 2em Bitter;
	color: var(--gold-dk);
}
h2 {
	clear: both;
	font: 400 1.5em Bitter;
	letter-spacing: .4px;
	color: var(--gold-dk);
	small {
		display: block;
		margin-top: 3px;
		color: var(--gray-md);
	}
}
h3 {
	font-size: 1.2em;
	clear: both;
}
h4 {
	font-size: 1em;
	clear: both;
}
h5 {
	font-size: .89em;
}
h6 {
	font-size: .75em;
}

small {
	font-size: .75em;
}
address {
	margin: 1em 0;
	font-style: italic;
}

a, a:hover, a:focus {
	color: var(--blue-md);
}
a.offsite-link::after {
	content: "\f08e";
	display: inline-block;
	padding-left: 3px;
	font: .9em FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

ul.unbulleted {
	padding: 0 !important;
	li {
		display: block;
	}
}
ul.paragraph-spacing li {
	margin-bottom: 10px;
}
ul.feature-list {
	font-size: 1.2em;
}