@charset "utf-8";

/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700); */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,400;1,700&display=swap');

:root {
	--fg-color: #000000;
    --contrast-color: #e34234; 
    --third-contrast-color: #3aa082;
    /* --second-contrast-color: #0396c7; */
    --second-contrast-color: #026595;
	--link-color: #777777;
	/* --link-color: #677787; */
	--link-underline-color: #e7e7e7;
	/* --link-underline-color: #e7eef7; */
	--rule-color: #dadada;
	--canvas-border-color: #e2e2e2;
}

body, button, h1, h2, h3, h4 {
	font-family: "Open Sans", "Helvetica Neue", Verdana, sans-serif;
}

h1 {
	font-weight: 300;
}

body, button, h2, h4 {
	font-weight: 400;
}

h3, strong {
	font-weight: 700;
}

#menu {
	width: inherit;
	padding-top: 5px;
	margin-bottom: 30px;
	line-height: 179%;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
}

.introduction-buffer {
	margin-bottom: 20px;
}

div.single {
	max-width: 600px;
}

div.final {
	padding-bottom: 8.7em;
}

div.publication {
	padding-top: 1px;
	line-height: 160%;
}

div, span {
	padding: 0;
	margin: 0;
}

a, button.supplement, a:hover, a:active, a:visited, a:focus {
	text-decoration: none;
	color: var(--link-color);
	/* color: var(--third-contrast-color); */
	margin: 0;
	padding: 0;
	display: inline;
}

a {
	border-color: var(--link-underline-color);
	border-width: 0 0 1px 0;
	border-style: none none solid none;
}

a.mail {
	font-style: italic;
}

div.site-header {
	text-align: center;
}

a.menu, a.activemenu {
	border-style: none;
	margin-right: 22px;
	padding: 1px 0;
	font-size: 13px;
}

a.menu {
	color: var(--link-color);
	/* color: #000000; */
	/* color: var(--contrast-color); */
	/* color: var(--second-contrast-color); */
	/* color: var(--third-contrast-color); */
}

a.activemenu {
	/* color: #000000; */
	/* color: var(--contrast-color); */
	color: var(--second-contrast-color);
	/* color: var(--third-contrast-color); */
}

h3 {
	color: var(--contrast-color);
	/* color: var(--second-contrast-color); */
}

p, address, li, ul, ol, h1, h2, form {
	color: var(--fg-color);
}

p.new {
	font-style: italic;
	color: var(--contrast-color);
	margin-top: 1.5em;
	margin-bottom: 0;
}

p.permanent {
	font-style: italic;
	color: var(--fg-color);
	margin-top: 1.5em;
	margin-bottom: 0;
}

a.supplement, button.supplement {
	margin-right: 8px;
}

#lastmenu {
	margin-right: 0;
}

hr {
	margin: 1px 0 0 0;
	width: 100%;
	padding: 0;
	border: none;
	color: var(--rule-color);
	background-color: var(--rule-color);
	height: 1px;
}

a.img {
	border-style: none;
}

img {
	width: 100%;
	border-style: none;
}

img.intext {
	padding-top: 10px;
}

img.photo {
	width: 207px;
	height: 189px;
}

span.photo {
	float: right;
	margin: 0 0 9px 22px;
}

img.illustration {
	padding-top: 5px;
	padding-left: 8px;
	float: right;
}

span.abstract {
	display: block;
	margin: 0.85em 0 2.1em;
}

span.note {
	display: block;
	margin: 0.5em 0 0.6em;
	line-height: 1.6;
}

h1 {
	text-transform: uppercase;
	text-align: center;
	font-size: 22px;
}

h1.altheader {
	text-align: left;
}

h2 {
	font-size: 16px;
}

h3 {
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
}

h4 {
	font-size: 15px;
}

p, li, address, table, #menu, div.new, div.publication, div.csl-entry {
	font-size: 14px;
}

span.abstract {
	font-size: 13px;
	line-height: 1.6;
}

span.note {
	font-size: 12px;
}

small {
	font-size: 12px;
}

p {
	margin: 0.3em 0 1em;
	padding: 0;
	line-height: 185%;
}

p.flag {
	margin-top: 2em;
	margin-bottom: 7.5em;
}

p.bottom {
	margin-top: 1.4em;
	margin-bottom: 0;
}

p.full-width-picture {
	margin-bottom: 2.2em;
}

cite {
	font-style: italic;
}

form {
	line-height: 136%;
	margin: 0.3em 0 0.6em;
	padding: 0;
}

.btn-grid
{
    margin: -2px 0;
}

.btn-grid > .btn
{
    margin: 2px 0;
}

h1 {
	letter-spacing: 2px;
	line-height: 130%;
	margin: 0.6em 0 0.1em;
	padding: 0;
}

span.kern1 {
	margin-right: -.025em;
}

div.introduction, h4.introduction {
	margin: 1.48em 0 1.0em;
}

h2 {
	letter-spacing: 1px;
	line-height: 155%;
	margin: 1.8em 0 2.8em;
	padding: 0;
}

h3 {
	letter-spacing: 1px;
	line-height: 145%;
	margin: 0;
	padding: 0;
}

h4 {
	line-height: 155%;
	margin: 3.0em 0 0.9em;
}

h4.top {
	margin: 0 0 0.9em;
}

div.item {
	margin: 0.2em 0 2.1em 0;
	display: block;
	line-height: 175%;
}

div.item-title {
	font-size: 15px;
	line-height: 155%;
	margin: 0.87em 0 0.2em;
}

ol, ul {
	margin: 0.7em 0 0.5em;
	padding: 0 0 0 2.4em;
}

li {
	margin: 0.5em 0 0.8em 0;
	/* display: block; */
	line-height: 185%;
}

li.no-bullet {
	display: block;
}

input {
	margin: 0;
	padding: 0;
}

input[type = radio] {
	margin-right: 5px;
}

input[type = button] {
	margin-top: 1.8em;
	margin-bottom: 1.8em;
}

button.supplement {
	outline: none;
	outline-offset: 0;
	background-color: transparent;
	border-style: none;
	cursor: pointer;
}

button.paperButton {
	margin-top: 1.8em;
}

button::-moz-focus-inner {
	border: none;
	padding: 0;
}

canvas, input[type = text] {
	border-color: var(--canvas-border-color);
}

input[type = text] {
	border-width: 1px;
	border-style: solid;
}

label {
	margin: 0;
	padding: 0;
}

label.followed {
	margin-right: 15px;
}

canvas {
	border-style: dotted;
	border-width: 2px;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 300px;
}

canvas.fix {
	width: 600px;
}

div.picture {
	width: inherit;
	margin-top: 2em;
	margin-bottom: 2em;
}

section {
	margin-bottom: 1.5em;
}

table {
	vertical-align: top;
	padding-left: 0;
	border: 0;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}

tr {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

tr.contact {
	height: 3.25em;
}

td {
	border: 0;
	margin: 0;
	padding: 0 10px 6px 0;
}

td.media {
	width: 160px;
}

.latex small {
	text-transform: uppercase;
}

.latex sup {
	letter-spacing: 1px;
	vertical-align: 0.15em;
	margin-left: -0.36em;
	margin-right: -0.15em;
}

.latex sub {
	vertical-align: -0.5ex;
	letter-spacing: 1px;
	margin-left: -0.1667em;
	margin-right: -0.125em;
}

div.indent {
	margin-left: 30px;
}

div.figure {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

h1.title {
	font-size: 26px;
	text-align: left;
	text-transform: none;
	font-weight: 350;
	padding-bottom: 1em;
}

p.author {
	font-weight: 350;
	font-size: 20px;
	padding-bottom: 1em;
}

div.csl-entry {
	text-indent: -26px;
	padding-left: 26px;
	padding-bottom: 5px;
}