/*
* @license Apache-2.0
*
* Copyright (c) 2019 The Stdlib Authors.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*    http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

/*
* Typography stylesheet.
*
* 1. General rules.
* 2. Code.
* 3. Class-level rules.
*/

body {
	font-size: 16px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	color: #1f1f1f;
}

h1 {
	font-size: 2.25em; /* 16px * 2.25 => 36px */
}

h2 {
	font-size: 1.75em; /* 16px * 1.75 => 28px */
}

h3 {
	font-size: 1.5em; /* 16px * 1.5 => 24px */
}

h4 {
	font-size: 1.25em; /* 16px * 1.25 => 20px */
}

h5 {
	font-size: 1.0em; /* 16px * 1.0 => 16px */
}

h6 {
	font-size: 0.875em; /* 16px * 0.875 => 14px */
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	line-height: 1.25;
}

strong {
	font-weight: 600;
}

input {
	font: inherit;
	font-size: inherit;
	line-height: inherit;
}

a {
	color: #4078c0;
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: underline;
}

/*
* Code.
*/

.main pre,
.main code,
.main kbd {
	font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
}

.main pre,
.main code {
	font-size: 14px;
}

.main pre {
	line-height: 1.45;
	word-wrap: normal;
}

.main pre code {
	line-height: inherit;
	word-wrap: normal;
}

.main pre > code {
	font-size: 1.0em;
	white-space: pre;
	word-break: normal;
}

.main kbd {
	color: #555;
	font-size: 11px;
	line-height: 10px;
	vertical-align: middle;
}

/*
* General class rules.
*/

.main {
	line-height: 1.5;
	word-wrap: break-word;
}

.main a:not([href]) {
	color: inherit;
	text-decoration: none;
}

.top-nav,
.bottom-nav,
.splash,
.button,
.blurb .text {
	font-family: "LatoLatinWebLight";
}

.top-nav {
	line-height: 4em;
}

.bottom-nav {
	font-size: 0.85em;
}

/*.top-nav a {
	color: #fff;
}*/

.top-nav a,
.bottom-nav a,
.splash .subtitle,
.splash .downarrow p,
.blurb .text {
	color: #585858;
}

.top-nav-item a:hover,
.top-nav-item a:active {
	text-decoration: none;
}

@media only screen and (min-width: 43.75em) { /* 700px */
	.top-nav-item a:hover,
	.top-nav-item a:active {
		text-decoration: underline;
	}
}

.splash .subtitle {
	font-size: 1.1em;
}

.button {
	text-transform: uppercase;
	font-size: 0.67em;
	color: #000000;
}

.button:hover,
.button:active {
	text-decoration: none;
}