/*!
 * Ousía Website CSS
 *
 * (c) Andreas Stöckel, 2015
 *
 * This work is licensed under a Creative Commons Attribution-ShareAlike 4.0
 * International License. <http://creativecommons.org/licenses/by-sa/4.0/>
 */

@import "constants.less";
@import "reset.less";
@import "typography.less";
@import "footer.less";

span.ipa {
	color: gray;
}

ol.footnotes {
	color: @color-light;
	font-size: 10pt;
}


/**
 * Source code
 */
pre {
	text-align: left;
	padding: 1em;
}

pre, code {
	font-family: "Source Code Pro";
	background-color: #f3f3f3;
	font-size: 11pt;
}

pre em {
	font-style: normal;
	font-weight: bold;
	color: #204a87;
}

pre var {
	color: #4e9a06;
}

pre mark {
	background-color: #ad7fa8;
	color: white;
	text-shadow: none;
}

/**
 * Header navigation
 */
header nav ul, header nav ul li {
	display: inline-block;
}

header nav a {
	padding: 0.5em 1em;
}

header nav a:hover {
	color: white;
	background-color: crimson;
	text-decoration: none;
}

header h1 {
	font-weight: normal;
	font-size: 12pt;
	text-transform: uppercase;
	color: gray;
	margin: 0;
}

/**
 * Main text
 */

main section#masthead ul#downloads li a {
}

main section {
	text-align: justify;
	-moz-hyphens: auto;
	hyphens: auto;
}

.footnoteRef {
	position: relative;
	font-size: 85%;
	top: -0.25em;
	color: crimson;
}

.footnote {
	font-size: 85%;
	color: gray;
}

ol.footnotes {
	clear: both;
}

/**
 * Masthead
 */
section.masthead {

	h1 {
		font-size: 30pt;
	}

	h2 {
		font-size: 20pt;
	}

	.pitch {
		font-size: 14pt;
		-moz-hyphens: none;
		hyphens: none;
		text-align: left;
	}
}

.nav a.button:first-child {
	background-color: @color-main;
	font-weight: bold;
	color: white;
	width: 14em;
}

main a.button {
	text-align: center;
	display: inline-block;
	width: 4em;
	padding: 0.5em 2em;
	margin: 1em;
	border-radius: 2px;
	border: 1px solid @color-main;
}

main a.button:hover {
	background-color: @color-main;
	color: white;
}


/*
 * For screen
 */

@media (min-width: 50rem) {

/**
 * Responsive columns
 */
main {
	section {
		clear: both;
	}

	.subsection {
		display: block;
		float: left;
		width: 48.75%;
		margin: 0.5em 0 0.5em 2.5%;
	}

	.first {
		margin-left: 0;
	}

	.masthead .subsection.nav {
		text-align: center;
	}
}

}