/*
* @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.
*/

/*
* Stylesheet for miscellaneous rules.
*/

body {
	overflow-x: hidden;
}

img {
	background-color: #fff;
}

/*
* Style the top-navigation.
*/
.top-nav-label {
	cursor: pointer;
	background-color: transparent;
}

.top-nav {
	background-color: #ffffff;
	/*background-color: #000000;*/

	-webkit-box-shadow: #ced4da 0 -5px 15px 0;
	-moz-box-shadow: #ced4da 0 -5px 15px 0;
	box-shadow: #ced4da 0 -5px 15px 0;
}

.top-nav-item a:hover,
.top-nav-item a:active {
	background-color: #f7f7f7;
}

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

/*
* Style the hamburger menu icon.
*/
.hamburger-menu-icon {
	cursor: pointer;
}

.hamburger-menu-icon:hover {
	background-color: rgba(0, 0, 0, 0.08);

	/* name | duration | timing function | delay */
	-webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	-moz-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	-ms-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	-o-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/*
* Style each hamburger menu line.
*/
.hamburger-menu-icon span {
	opacity: 1;
	background-color: #000000;

	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}

.splash .background {
	background-color: transparent;
}

@media only screen and (min-width: 60em) { /* 960px */
	.splash .background {
		opacity: 0.08;
		background-image: url("/img/bkgd.min.png");
		background-repeat: no-repeat;
	}
}

/*
* For certain animations, the backface of an element can become visible. Prevent this.
*/
.main {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

/*
* Code.
*/

.main pre {
	overflow: auto;
	background-color: #f7f7f7;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*
* Code containers should have slightly rounded corners and have a light gray background, similar to GitHub.
*/
.main code {
	background-color: #fff; /* fallback */
	background-color: rgba(0,0,0,0.04);

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.main pre code {
	overflow: visible;
	background-color: transparent;
	border: 0;
}

/*
* Style `code` elements which are direct children of `pre` elements.
*/
.main pre > code {
	background: transparent;
	border: 0;
}

.main kbd {
	background-color: #fcfcfc;

	border: solid 1px #ccc;
	border-bottom-color: #bbb;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: inset 0 -1px 0 #bbb;
	-moz-box-shadow: inset 0 -1px 0 #bbb;
	box-shadow: inset 0 -1px 0 #bbb;
}

/*
* Style pseudo-button elements.
*/
.button {
	border: 1px solid #000;
	background-color: #ffffff;
}

/*
* Define a top border. Useful for things like separating sections.
*/
.border-top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e9ecef;
}

/*
* Define a diffuse shadow. Useful for things like images.
*/
.diffuse-shadow {
	-webkit-box-shadow: #e2e2e2 0 0 50px 0;
	-moz-box-shadow: #e2e2e2 0 0 50px 0;
	box-shadow: #e2e2e2 0 0 50px 0;
}

.diffuse-shadow-dark {
	-webkit-box-shadow: #636161 0 0 50px 0;
	-moz-box-shadow: #636161 0 0 50px 0;
	box-shadow: #636161 0 0 50px 0;
}