body, blockquote {
	font-family: Theinhardt;
	font-weight: 300;
}

.nav-button {
	font-family: Theinhardt;
}

a {
	font-weight: 500;
	color: inherit;
}

aside.block a:not(.thumb),
article a,
aside.block a:not(.thumb):hover,
article a:hover{
    font-weight: inherit;
	text-decoration: underline;
    text-decoration-style: dotted;
}

a[href^="mailto"] {
	white-space: nowrap;
}

/*a:hover,*/
/*a:focus {*/
/*	text-decoration: none;*/
/*}*/

/*a:not([class]):hover,*/
/*a:not([class]):focus {*/
/*	!* Hovered links have a border-bottom rather than an*/
/*	   underline. *!*/
/*	padding-bottom: 0;*/
/*	border-bottom: 1px dotted currentColor;*/
/*}*/

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
}

time {
	white-space: nowrap;
}

.text-0        { line-height: 3.25rem;   font-size: 3.5rem;    font-weight: 400; font-family: Flon, sans-serif; }
.text-00       { line-height: 1.8rem;    font-size: 1.875rem;  font-weight: 400; text-transform: uppercase; }
.text-1, h1    { line-height: 1.5625rem; font-size: 1.5625rem; font-weight: 700; }
.text-2, h2    { line-height: 1.125rem;  font-size: 1.125rem;  font-weight: 700; }
.text-3, h3    { line-height: 1.75rem;   font-size: 1.75rem;   font-weight: 700; }
.text-5, h5    { line-height: 1.125rem;  font-size: 1.125rem;  font-weight: 500; text-transform: uppercase; }
.text-6, h6    { line-height: 1.125rem;  font-size: 1.125rem;  font-weight: 500; }
.text-7        { line-height: 1.125rem;  font-size: 0.9375rem; font-weight: 500; text-transform: uppercase; }
.text-8        { line-height: 1.125rem;  font-size: 0.9375rem; font-weight: 500; }
.text-9        { line-height: 3.125rem;  font-size: 3rem;      font-weight: 300; }
.text-10, body { line-height: 1.125rem;  font-size: 1.125rem;  font-weight: 300; }

.level-1 h1,
.ff-wrap h1 {
	font-family: Flon, Impact, sans-serif;
	font-size: 3rem;
	line-height: 3.125rem;
}

.text-weight-300 {
	font-weight: 300
}

p > img,
p > a > img {
	/* Overide the horrible dimensions of the editor. */
	width: 100% !important;
	height: auto !important;

	/* Becuase the img can be followed directly by plain text. */
	margin-bottom: 1.125rem;
}

@media all and (min-width: 37.5em) {
	.text-0     { line-height: 6rem;     font-size: 6.5rem; }
	.text-00    { line-height: 3.1rem;   font-size: 3rem; }
	.text-1, h1 { line-height: 3.125rem; font-size: 3rem; }
	.text-2, h2 { line-height: 1.375rem; font-size: 1.5625rem; }

	.level-1 h1,
	.ff-wrap h1 {
		font-size: 4.5rem;
		line-height: 5rem;
	}
}

@media all and (min-width: 60rem) {
	.text-00    { line-height: 3.5rem; font-size: 3.75rem; }
}

@media all and (min-width: 60em) and (min-height: 60em) {
	/* Only make it this big if the window is high enough. */
	/* The font size is smaller than the design by their request. */
	.text-0     { line-height: 8rem; font-size: 8.75rem; }
}

.uppercase-text {
	text-transform: uppercase;
}