/*!
 * 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";
@import "header.less";

/* Import the prism code highlighter stylesheet */
@import "prism.css";

span.ipa {
	color: gray;
}

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


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

pre, code {
	font-family: monospace;
	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;
}

/**
 * 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;
}

/*
 * Addresses
 */

span.address, span.mail, span.phone {
	display: block;
}

span.address > span {
	display: block;
}

main {
	padding-bottom: 3em;
}

img[name=license] {
	display: block;
	padding: 1em;
}

.column.nav {
	text-align: center;
}