/* COLORs
#A5 BB0F - yellowish green
#2d 9cdc - cloudera blue
#5d b235 - gbif green
#46 a912 - gbif lighter green
*/

/* @group HTML tags, reset */

html {
	color: #333;
	font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: #ffffff;
	background-image: url("repeating-bg.svg");
	background-position: 50% 0;
}

body {
	margin: 4em auto 1em;
	padding: 0 3em;
}

body.index {
	max-width: 40em;
	padding: 0;
}

a {
	text-decoration:none;
	color: rgb(0, 125, 36);
}
a:hover {
	text-decoration: underline;
	color: rgb(0, 84, 24);
}

h1, h2 {margin:15px 0 15px 0;}
h3, h4, h5, h6 {margin:5px 0 10px 0;}
h1 {font-size:260%; font-weight:normal; letter-spacing:-1px;}
h2 {font-size:160%; font-weight:normal;}
h3 {font-size:140%; font-weight:normal;}
h4, h5 {font-size:100%;}

p, table, ul, ol, dl, fieldset {margin:10px 0;}

code, tt {
	font-style: monospace;
	font-size: 115%;
	color: #664192;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
	max-width: 100%;
}
th {
	text-align:left;
	font-weight:bold;
}
th, td {
	padding: 3px 7px;
}

ul {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
li {
	margin-bottom: 0.5em;
}
ol {list-style-type:decimal;}

dt {font-weight:bold;}
dd {margin-left:30px;}
fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

/* @end */

/* @group LAYOUT */
header {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 2em auto;
}
header * {
	padding: 0 0.25em;
}
header h1, header h2 {
	text-align: center;
	margin: 0;
}
header img {
	display: block;
}

/* @end */

/* @group NAV */
nav {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2.75em;
	background: #686a68;
	color: white;
}

nav ul {
	display: flex;
	height: 2.75em;
	align-items: center;
	gap: 1em;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 0 0 0.5em;
	list-style-type: none;
}

nav ul li {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

nav a {
	display: block;
	color: white;
}

nav a, nav a:hover {
	display: block;
	color: white;
}

/* @end */

/* @group TABLES */
table.nice{
	border-spacing: 2px 2px;
	border-collapse: separate;
}
table.nice td{
	padding: 1px 4px;
}
table.nice a {
	border-style: none;
}
table.nice a:hover {
	text-decoration: underline;
}
table.nice tr.line {
	height: 2em;
}

table.grey tr{
	background-color: #f6f6f6;
}
table.grey tr.line {
	background-color: transparent;
}

.smaller {font-size:85%;color:#888;}

/* @end */

table.definition {
	border-collapse: separate;
}
table.definition > tbody > tr > * {
	border-top: 2px solid black;
}
table.definition > tbody > tr > th:has(code) {
	font-size: 120%;
	text-align: center;
	padding: 8px 0 10px 0;
}
table.definition > tbody > tr > th:has(code) code {
	color: black;
}
table.definition > tbody > tr.continuation > * {
	border-top: 1px dotted black;
	font-size: 0.9rem;
}
table.definition > tbody > tr > th {
	text-align: left;
	vertical-align: top;
	background-color: #f1f1f1;
}
table.definition > tbody > tr > td {
	background-color: #ffffff;
}
table.definition :target {
	outline: 2px solid #d1628e;
}
table.definition :target > th {
	background: #F1D0DD;
}
table.definition :target > td {
	background: #F6E0E8;
}

.description, .comments, .examples {
	padding: 5px 0;
	word-wrap: anywhere;
}
.translation .description, .translaiton .comments, .translation .examples {
	padding: 2.5px 0;
}
.vocabulary, .vocabulary a {
	color: black;
	padding-top: 10px;
}
.technical {
	padding-top: 10px;
	font-size: smaller;
}
.technical table {
	margin: 0;
	padding: 0;
}
.technical table th, .technical td {
	color: #999;
	background-color: transparent;
	padding: 0px 10px 0px 0px;
}