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

/* Main font */

html {
	font: 11pt / 1.75 @font-main;
	color: @color-text;
}

/* Headers */

h1, h2 {
	color: @color-main;
}

h1 {
	font-size: 2.25em;
	margin: 1.34em 0 0.67em 0;
}

h2 {
	font-size: 1.75em;
	margin: 1.5em 0 .75em 0;
}

h3 {
	font-weight: bold;
	font-size: 1.25em;
	margin: 1.66em 0 .83em 0;
}

/* Block elements with justification */

p, blockquote, figcaption {
	text-align: justify;
	hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
}

/* Paragraphs */

p {
	margin: 1.12em 0;
}

/* Abbreviations */

abbr {
	cursor: help;
	border-bottom: 1px dotted @color-light;
}

/* Links */

a:link {
	color: @color-link;
	text-decoration: none;
}

a:visited {
	color: @color-link-visited;
}

a:hover {
	color: @color-link-hover;
	text-decoration: underline;
}

a[rel=external]:before {
	content: "↬ ";
}

/* Display sections relative to use them as an anchor for asides */

section {
	position: relative;
}

/* Annotations: Emphasis and strong */

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/*a, a:link, a:visited, a:hover, a:active {
	color: crimson;
	text-decoration: none;
	transition: all 0.25s ease-in;
}

a:hover {
	color: #900000;
	text-decoration: underline;
}

a:visited, a:visited {
	color: #a40000;
}

dl {
	width: 100%;
}

dl::after {
	content: "";
	display: block;
	clear: both;
}

dt, dd {
	float: left;
	margin: 1em 0;
}

dt {
	font-weight: bold;
	color: @color-main;
	width: 30%;
	margin-right: 5%;
	text-align: right;
}

dd {
	width: 65%;
}

sup {
	position: relative;
	font-size: 80%;
	top: -0.5em;
}*/

/* Quotes */

blockquote:before {
	content: "»";
}

blockquote:after {
	content: "«";
}

blockquote {
	padding: 0.5em 2em 0.5em 2em;
	font-style: italic;
}

q:before {
	content: "“";
}

q:after {
	content: "”";
}

q {
	font-style: italic;
}

/* Preformated text and code */

pre, code {
	font-family: @font-monospace;
	font-size: 97.5%;
}

pre {
	max-height: 30em;
	overflow-y: auto;
}

/* Asides */

aside:before {
	content: "»";
}

aside:after {
	content: "«";
}

aside {
	text-align: center;
	color: @color-light;
	font-family: @font-serif;
	font-size: 150%;
	font-style: italic;
}

/* Figures */

figure {
	margin: 1.12em 0;
}

figure img {
	width: 100%;
}

figure figcaption {
	font-style: italic;
	font-size: 90%;
	color: @color-light;
}

/* Special constructions */

span.source {
	font-style: normal;
	display: block;
}