/*!
Theme Name: Nenufar
Theme URI: http://underscores.me/
Author: _Nenufar
Author URI: http://underscores.me/
Description: Praxiling - Nénufar
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nenufar
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Nenufar is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Header
# Footer
# Front page
    ## Searchbar
    ## Display
    ## Images
    ## Occurrences
    ## Signal
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Nenufar specific
	## General
		### Left list
		### Popin
	## Article
		### History
		### Forms
		### Occurrences
		### Conjugation
	## Search
	## Advanced search
	## Gallery
	## SPARQL Endpoint
	## Abreviations
	## Reports (Admin)

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Open Sans', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    height: 100%;
}

body {
    position: relative;
    margin: 0;
    padding-bottom: 62px;
    min-height: 100%;
    width: 100%;
    background-color: #f3f4f4;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover,
a:focus {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2rem;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1rem;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 5px;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

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

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: 'Raleway', sans-serif;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

/*body {*/
	/*background: #fff;*/
	/* Fallback for when there is no custom background color defined. */
/*}*/

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
.dropdown a, .dropdown a:visited, .dropdown ul, /*From nenufar*/
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
.dropdown a:focus, .dropdown ul:focus, /*From nenufar*/
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: royalblue; /*was purple*/
}

a:hover, a:focus, a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/*.main-navigation {
	clear: both;
}*/

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	/*float: left;*/
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	/*float: right;*/
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.center{
	text-align: center;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.site-header {
    width: 1170px;
    /*height: 70px;*/
    margin: auto;
    padding-top: 6px;
    z-index: 100;
}
@media screen and (max-width: 1170px) {
	.site-header {
		width: 100%;
	}
}

.site-branding {
    display: inline-block;
	position: relative;
	/*height: 57px;*/
}

.site-branding a img{
	width: 150px;
	height: auto;
	margin: /*33px*/ 5px 20px 14px 37px;
	position: absolute;
	top: 5px;
}

.site-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.3em;
	color: #585858;
    display: inline-block;
	position: relative;
	padding-left: 158px;
	margin-top: 16px;
	margin: 0;
}
@media screen and (max-width: 1170px) {
	.site-branding a img {
		/*width: 100%;*/
		position: static;
		/*width: 35%;*/
		margin: 10px 0 0 0;
	}
	.custom-logo-link {
		/*width: 100%;*/
		margin-left: 25%;
		width: 50%;
		position: static;
		text-align: center;
	}
	.site-branding {
		width: 100%;
		/*width: 350px;*/
		/*height: 100px;*/
	}
	.site-title {
		width: 100%;
		text-align: center;
		padding: 0;
		/*margin: 0;*/
	}
	.site-title a{
		padding-left: 0 !important;
	}
}
@media screen and (max-width: 30em){
    .site-title {
        font-size: 2em;
    }
}

.site-title a {
    text-decoration: none;
    color: inherit;
	padding-left: 65px;
	transition: .3s;
}
.site-title a:hover,
.site-title a:focus {
    color: black;
	transition: .3s;
}

.site-description {
    display: none;
}

#site-navigation {
    display: inline-block;
    width: 600px;
	/*height: 13px;*/
    margin-left: 50px;
}
@media screen and (max-width: 1170px) {
	#site-navigation {
	    /*width: 100%;*/
		/*padding-left: 50%;*/

		/*width: 847px;*/
		/*margin: 0 auto 19px;*/

		/*margin-left: 0;*/

		margin-left: 25%;
		width: 75%;
		padding: 0 auto;
	}
}
@media screen and (max-width: 600px) {
	#site-navigation {
		width: 50%;
		margin-left: 25%;
	}
	#site-navigation  .menu-toggle {
		width: 100%;
		margin: 0;
	}
}

.menu {
	margin: 0;
}

.nav-menu {
    width: 600px;
}
@media screen and (max-width: 1170px) {
	.nav-menu {
	    width: 100%;
	}
}

.nav-menu li {
    margin-right: 40px;
}

.nav-menu li a {
    font-family: "Open Sans",sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #7a7a70;
    /*font-size: 11px;
	font-size 0.6875rem;*/
	font-size: 12px;
	font-size: 0.75rem;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.site-footer {
    position: absolute;

	height: 70px;

    /*min-height: 70px;
	max-height: 280px;
	height: auto;*/
	/*margin-top: 100px;*/

    left: 0;
    bottom: 0;
	width:100%;
    font-size: 10px;
	font-size: 0.625rem;
    background-color: white;
    border: 1px solid #e4e4e4;
    padding: 12px 0 0 0;
	text-align: center;
}
@media screen and (max-width: 600px) {
	.site-footer {
		position: static;
		height: 210px;
	}
	body {
		padding-bottom: 0; /*TODO or put the links (legal mentions, etc) at the bottom*/
	}
}

.logos-wrap {
    width: 1170px;
	/*width: 100%;*/
	display: inline-block;
}
@media screen and (max-width: 1170px) {
	.logos-wrap {
		width: 100%;
	}
}

.logos-wrap a {
	outline:none;
}

.links-wrap{
	display: inline-block;
	box-sizing: border-box;
	width: 16%;
	text-align: center;
}
@media screen and (max-width: 1170px) {
	.links-wrap {
		width: auto;
	}
}
@media screen and (max-width: 600px) {
	.links-wrap {
		width: 49%;
	}
}

.logos {
    height: 50px;
    width: auto;
}

/*--------------------------------------------------------------
# Front page
--------------------------------------------------------------*/

#main-wrap {
    width: 1170px;
    margin: 0 auto 30px;
    padding: 7px 15px 0 0;
    background-color: white;
    border: 1px solid #d8d8d8;
    border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
    min-height: 500px;
	position: relative;
}
@media screen and (max-width: 1170px) {
	#main-wrap {
		width: 100%;
	}
}
@media screen and (min-height: 900px) {
	#main-wrap {
		min-height: 650px;
	}
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Nenufar specific
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
nav, nav a {
	z-index: 1;
}

.error-404{
	margin: 1.5em;
}

@media (max-width: 600px) {
	.col-sm-12 { grid-column: span 12; }
	.col-sm-11 { grid-column: span 11; }
	.col-sm-10 { grid-column: span 10; }
	.col-sm-9 { grid-column: span 9; }
	.col-sm-8 { grid-column: span 8; }
	.col-sm-7 { grid-column: span 7; }
	.col-sm-6 { grid-column: span 6; }
	.col-sm-5 { grid-column: span 5; }
	.col-sm-4 { grid-column: span 4; }
	.col-sm-3 { grid-column: span 3; }
	.col-sm-2 { grid-column: span 2; }
	.col-sm-1 { grid-column: span 1; }
}
@media (min-width: 600px) {
	.col-md-12 { grid-column: span 12; }
	.col-md-11 { grid-column: span 11; }
	.col-md-10 { grid-column: span 10; }
	.col-md-9 { grid-column: span 9; }
	.col-md-8 { grid-column: span 8; }
	.col-md-7 { grid-column: span 7; }
	.col-md-6 { grid-column: span 6; }
	.col-md-5 { grid-column: span 5; }
	.col-md-4 { grid-column: span 4; }
	.col-md-3 { grid-column: span 3; }
	.col-md-2 { grid-column: span 2; }
	.col-md-1 { grid-column: span 1; }
}
/*@media (min-width: 1200px) {*/
@media (min-width: 1170px) {
	.col-lg-12 { grid-column: span 12; }
	.col-lg-11 { grid-column: span 11; }
	.col-lg-10 { grid-column: span 10; }
	.col-lg-9 { grid-column: span 9; }
	.col-lg-8 { grid-column: span 8; }
	.col-lg-7 { grid-column: span 7; }
	.col-lg-6 { grid-column: span 6; }
	.col-lg-5 { grid-column: span 5; }
	.col-lg-4 { grid-column: span 4; }
	.col-lg-3 { grid-column: span 3; }
	.col-lg-2 { grid-column: span 2; }
	.col-lg-1 { grid-column: span 1; }
}
#advancedSearchForm .row, #advancedSearchForm .row[class*="col-"]:not(.form-vertical-separation) {
	margin: 0;
	padding: 0;
}

[class*="col-"] {
	margin: 5px;
	padding: 0;
}
/*.row::after {
    content: "";
    clear: both;
    display: table;
}*/
.row {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	/*grid-gap: 20px;*/
	grid-gap: 0;
	/*align-items: center;*/
	align-content: space-evenly;
}

#dev-disclaimer p {
	margin-top: 5px;
	margin-bottom: 0;
}

#display-xml{
	font-size: 14px;
	font-size: 0.875rem;
	margin: 0;
}

.hidden{
	display: none;
}

#search-letters{
	margin-top: 10px;
	text-align: center;
	bottom: 0;
	position: absolute;
	width: 100%;
}
@media screen and (max-width: 1170px) {
	#search-letters{
		position: static;
	}
}

a.letter{
	width: 16px;
}
/*@media screen and (max-width: 600px) {
	a.letter{
		width: auto;
		max-width: 20px;
		min-width: 10px;
		margin-left: 1px;
	}
}*/
@media screen and (min-width: 1170px) {
	#search-letters > div{
		display: inline;
	}
}

#search-letters a{
	display: inline-block;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
#search-letters a.common-letter{
	color: darkgreen;
}
/*#search-letters a:not(.letter)*/
#search-letters a.pink-letter{

	color: MediumVioletRed;
}
#search-letters a.proper-letter{
	color: SteelBlue;
}
#search-letters a:hover{
	background-color: lightgrey;
}
#search-letters a:focus{
	outline: 0;
}

#search-letters a.disabled {
	color: lightgrey;
	cursor: default;
}
#search-letters a.disabled:hover {
	background-color: rgba(0,0,0,0);
}

/* Tooltips */
.tippy-content ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
a.tooltip-search-link{
	color: lightgrey;
	text-decoration: none;
}

a.tooltip-search-link:hover{
	color: yellow;
}

.tooltip{
	z-index: 5;
}

.tooltip:hover,
.helper {
	border-bottom: 1px dotted black;
	cursor: help;
}

.highlight {
	background-color: yellow;
}

#info-links ul{
	list-style-type: none;
	padding: 0;
}
#info-links ul li{
	line-height: 1.1em;
	margin-top: 5px;
}
#info-links {
	font-size: 12px;
	font-size: 0.75rem;
	margin-left: 0;
	padding-left: 0;
	text-align: right;
	position: absolute;
	right: 18px;
	top: 35px;
}

@media screen and (max-width: 600px) {
	#main-search {
		position: relative;
	}

	#info-links {
		position: absolute;
		float: left;
		width: fit-content;
		height: fit-content;
		overflow: hidden;
	}

	#info-links ul{
		width: 75px;
		word-wrap: break-word;
	}

}

#info-links a {
	text-decoration: none;
	color: #66a;
}

#info-links a:hover {
	text-decoration: none;
	color: black;
}

.loader
{
	margin: 100px auto 0;
	border: 6px solid #f3f3f3; /* Light grey */
	border-top: 6px solid grey; /* Blue */
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 2s linear infinite;
	z-index: 200;

	position: fixed;
	bottom: 49%;
	left: 49%;
	margin: 0;
	padding: 0;
	display: none;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/*--------------------------------------------------------------
### Left list
--------------------------------------------------------------*/

#browsing-menu {
	position: absolute;
	top: 0;
	/*display: inline-block;*/
	height: 100%;
	width: 208px;
}
@media screen and (max-width: 1170px) {
	#browsing-menu{
		position: static;
		width: 100%;
		height: 200px;
	}
}
@media screen and (max-width: 600px) {
	#browsing-menu{
		position: static;
		width: 100%;
		height: 200px;
	}
}

#prev-next-list {
	/*height: 100%;*/
	height: 498px;
	width: 229px;
	overflow:auto;
	overflow-x:hidden;
	white-space: pre-line;
	/*border-bottom: 1px solid #d8d8d8;*/
}
@media screen and (max-width: 1170px) {
	#prev-next-list {
		height: 100%;
		width: 50%;
		margin-left: 25%;
		border: none;
	}
}
@media screen and (max-width: 600px) {
	#prev-next-list {
		height: 100%;
		width: 70%;
		margin-left: 15%;
		border: none;
	}
}
@media screen and (min-height: 900px) {
	#prev-next-list {
		min-height: 650px;
	}
}

#prev-next-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#prev-next-list ul li{
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 12px;
	font-size: 0.875rem;
	line-height: 1.6;
	color: darkgreen;
	overflow-x: visible;
	white-space: pre-line;
}

.prev-nex-list {
	display: block;
	cursor: pointer;
	font-size: 14px;
	font-size: 0.875rem;
}

.prev-nex-list a{
	text-decoration: none;
	color: inherit;
	outline: none;
	width: 100%;
	display: inline-block;
}

#prev-next-list ul li:hover,
#prev-next-list ul li.active {
	background-color: rgba(211, 211, 211, 0.4);
	overflow-x: visible;
	white-space: normal;
}

/*--------------------------------------------------------------
### Popin
--------------------------------------------------------------*/
/* Report button */

#sigBtn {
	position: absolute;
	/*bottom: -15px;*/
	top: 5px;
	right: 10px;
}
@media screen and (max-width: 1170px) {
	#sigBtn {
		position: absolute;
		/*bottom: -15px;*/
		top: 5px;
		right: 10px;
	}
}
@media screen and (max-width: 600px) {
	#sigBtn {
		position: static;
		/*bottom: -15px;*/
		/*top: 10px;
		right: 30px;*/
		width: 50%;
		margin-left: 25%;
	}
}

.popin{
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	display:none;
	background-color: rgba(0, 0, 0, 0.3);
	z-index:50;
}
#article-xml {
	text-align: left;
}

/*.popin h3 {
	font-family: "Open Sans", sans-serif;
}*/

.popin > div{
	position: relative;
	top:25%;
	left:25%;
	width: 50%;
	background-color: white;
	border-radius: 6px;
	min-height: 175px;
}
@media screen and (max-width: 1170px) {
	.popin > div{
		left: 10%;
		width: 80%;
		min-height: 175px;
	}
}



.popin *{
	z-index: 60;
}

#signal input {
	padding-left: 10px;
	width: 350px;
}
@media screen and (max-width: 600px) {
	#signal input {
		width: 100%;
	}
}

#signal input::placeholder,  #signal textarea::placeholder{
	font-style: italic;
}

.popin h1 {
	display: block;
	border-bottom: 1px solid #cbcbcb;
	background-color: #ebebeb;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	margin: 0;
	font-size: 24px;
	font-size: 1.5rem;
}

.popin h1 span {
	display: inline-block;
	margin: 0 25px 0 25px;
	padding: 20px 0 15px 5px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #6b6b6b;
}

#article-xml h1 span{
	margin: 0 50px 0 50px;
}

#signal form {
	padding: 20px 20px 30px 20px;
}

button:focus {outline:0;}

.closeS {
	position: absolute;
	top: 7px;
	right: 7px;
	transition: .2s;
	font-weight: bold;
	color: rgba(89, 89, 89, 1);
	padding: 7px 12px 6px 12px;
}

.closeS:hover {
	background-color: #cecccc;
	transition: .2s;
}

.closeB {
	margin: 15px 0 0 30px;
	transition: .2s;
}

#sBtn {
	transition: .2s;
}

#sBtn:hover {
	background-color: #cecccc;
	transition: .2s;
}

.closeB:hover {
	background-color: #cecccc;
	transition: .2s;
}

#signal textarea{
	width: 99%;
	min-height: 150px;
	display: inline-block;
	resize: none;
	overflow-x: hidden;
	padding-left: 10px;
	margin-top: 11px;

}

.reportMsg {
	display: block;
	margin: 22px 0 0 30px;
}

/*--------------------------------------------------------------
## Article
--------------------------------------------------------------*/

#remarques {
	font-size : 12px;
	font-size : 0.8125rem;
	color: #777;
}

#article-wrap {
	/*display: inline-block;*/
	/*width: 800px;*/
	/*vertical-align: top;*/
	margin-left: 250px;
}
@media screen and (max-width: 1170px) {
	#article-wrap {
		margin-left: 0;
	}
}

#article{
	margin: 0 auto;
}

.article {
    hyphens: auto;
    text-align: justify;
    overflow-wrap: break-word;
    font-weight: normal;
    font-size: 14px;
    font-size: 0.925rem;
    padding: 20px 0 30px 0;
    line-height: 1.3em;
}

.article p{
	text-indent: 15px;
	margin-bottom: 0;
	margin-top: 10px;
}

.article p.vedette{
	margin-bottom: 1.5em;
	font-size: 12px;
	font-size: 1em;
}

.wordG,
#results ul a .wordG {
	margin-left: 3px;
	color: #b7b7b7;
}

.ref{
	text-decoration: none;
}

#article .ref:hover{
	border-bottom: 1px dotted grey;
}

.mentioned, .form{
    font-style: italic;
}

p.quote{
	padding-left: 10%;
	text-indent: 0;
	font-size: 13px;
	font-size: 0.8125rem;
}

.orth{
	font-weight: bold;
	font-variant: small-caps;
	font-size: 1.15em;
}

.italic{
	text-transform: none;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
}

.bold{
	font-weight: bold;
	font-style: normal;
}

.upper{
    text-transform: uppercase;
}

.smcp .italic{
	font-size: 0.875rem;
}

.smcp{
    font-variant: small-caps;
		font-size: 12px;
    font-size: 1.1rem;
	font-weight: normal;
	font-style: normal;
}

.sc{
	text-transform: uppercase;
    font-size: 12px;
    font-size: 1.1rem;
	font-weight: normal;
	font-style: normal;
}

.case-normal{
	font-variant: normal;
}

.roman{
    text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	font-size: 0.875rem;
}

#article-main .sense {
    display: block;
    margin-left: 2em !important;
    margin-top: 0.2em;
		line-height: 1.5;
		text-indent: 0;
}


.sic {
	border-bottom: 1px dotted grey;
	background-color: rgba(170, 170, 170, 0.22);
}

.usg {
    display: inline-flex;
	  align-items:center;
    padding: 0.05em 0.45em;
    margin: 0 0.12em;
    border-radius: 0.45em;
    font-variant: small-caps;
    font-weight: 600;
    font-style: normal;
    line-height: 1;
		vertical-align: baseline;
}
/* Décalage vertical du texte à l'intérieur du badge */
.usg > span {
    position: relative;
    top: -0.1em;
}

.usg-dom {
    background-color: #dbeafe;
}
.usg-reg, .usg-geo {
    background-color: #fef3c7;
}
.usg-time {
    background-color: #fed7aa;
}
.usg-plev {
    background-color: #dcfce7;
}
.usg-register {
    background-color: #fecaca;
}
.usg-gram {
    background-color: #e9d5ff;
}
.usg-style {
    background-color: #fce7f3;
}


/* TODO if tooltip inside a span, this makes it unreachable */
.article a span {
	pointer-events: none;
}

/* Images */

.border-bottom::after {
	content: "";
	max-width: 500px;
	left: 25%;
	width: 50%;
	position: absolute;
	bottom: 0;
	border-top: 1px solid #e4e4e4;
}
.border-bottom {
	position: relative;
}

.article-supplement {
	padding: 10px 0;
    text-align: center;
}

#images *{
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 13px;
	font-size: 0.8125rem;
	color: #999;
}

#rightImg, #leftImg {
    width: 205px;
    display: inline-block;
    vertical-align: top;
}

#leftImg {
    margin-right: 40px;
}

.artImg{
    display: inline-block;
    margin-top: 20px ;
    margin-bottom: 20px;
    border: 1px solid #e4e4e4;
    padding: 10px;
    vertical-align: top;
	text-align: center;
}

.articleImg {
	width: 200px;
	height: auto;
}

.pageImg {
	display: inline-block;
	margin-top: 20px ;
	margin-bottom: 20px;
	border: 1px solid #e4e4e4;
	padding: 10px;
	vertical-align: top;
  text-align: center;
	width: 200px;
	height: 340px;
	font-size: 12px;
	font-size: 0.875rem;
}

/* Next and previous articles links */
#next-nav {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
}
@media screen and (max-width: 1170px) {
	#next-nav {
	    margin-top: 0;
	}
}

#next-nav a {
	text-decoration: none;
    color: rgba(64, 64, 64, 0.7);
}

#next-nav a:hover,
#next-nav a:focus {
    color: #404040;
}

#next-nav svg {
    pointer-events: none;
}

#next svg{
     margin-left: 10px;
}

#prev svg{
	margin-right: 10px;
}

#next{
	float: right;
}

#next-nav .disabled,
#next-nav .disabled:hover,
#next-nav .disabled:focus,
#next-nav .disabled:active{
	color: lightgrey;
	cursor: default;
}

.prevNextRef,
.prevNextRef:focus,
.prevNextRef:active{
	outline: 0;
}

/*.zoomContainer{
	position: static !important;
}*/

/* Tabs */

#tabs {
	/*width: 807px;*/
	height: 40px;
	margin: auto;
	padding-left: 35px;
	padding-right: 35px;
}

/* Display */

#display-wrap {
	/*margin-left: 35px;*/
	padding-bottom: 50px;
	padding-left: 35px;
	padding-right: 35px;
}
@media screen and (max-width: 600px) {
	#display-wrap {
		margin-top: 40px;
	}
}

#edition-list {
	padding: 5px 8px;
	border-radius: 3px;
	margin-top: 6px;
	display: inline-block;
}

#tabs-ul {
	float: right;
}

#tabs-ul, #tabs-ul li{
	display: inline-block;
	margin-left: 0;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
}

#tabs-ul li:hover {
	cursor: pointer;
}

.tab-sel {
	/*background-color: #ebebeb;*/
	background-color: #B0C4DE;
}

#edition-list:focus {
	outline: none;
}

#edition-list option:hover {
	box-shadow: 0 0 10px 100px #1882A8 inset;
}

#display-wrap > div {
	border-top: 1px solid #e4e4e4;
	margin-top: 24px;
}




/*--------------------------------------------------------------
### Pages ressources
--------------------------------------------------------------*/

#ressources {
	margin: auto;
}

#ressources h1{
	font-size: 18px;
	font-size: 1.2rem;
}

#ressources p{
	font-size: 12px;
	font-size: 0.875rem;
}

#ressources p .entry{
	font-weight: bold;
	color: darkgreen;
 }

/*--------------------------------------------------------------
### XML TEI
--------------------------------------------------------------*/

#article-xml{
	margin:auto;
}

#article-xml h1{
	font-size: 18px;
	font-size: 1.2rem;
}

#article-xml p{
	font-size: 12px;
	font-size: 0.875rem;
}

#article-xml p .entry {
    font-weight: bold;
    color: darkgreen;
	}

#article-xml textarea{
	width: 90%;
	min-height: 150px;
	display: inline-block;
	resize: none;
	border: none;
	background-color: #D8EEF0;
	overflow-x: hidden;
	font-size: 10px;
	font-size: 0.8rem;
}


/*--------------------------------------------------------------
### History
--------------------------------------------------------------*/

#historique {
	margin: auto;
}

#historique h1{
	font-size: 18px;
	font-size: 1.2rem;
}

#historique p{
	font-size: 12px;
	font-size: 0.875rem;
}

.added {
	color: green;
	/*background-color: #7FFFD4;*/
	background-color: #DFD;
}

.removed {
	/*color: red;*/
	/*background-color: #ED9C9C;*/
	background-color: #FDD;
	color: #933;
}

/* The actual timeline (the vertical ruler) */
.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    /*background-color: rgba(211, 211, 211, 0.4);*/
		background: #D8EEF0;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}

/* Container around content */
.timeline-container {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

/* The circles on the timeline */
.timeline-container::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    right: -15px;
    background-color: white;
    /*border: 4px solid rgba(211, 211, 211, 0.4);*/
		border: 4px solid #D8EEF0;
    top: 30px;
    border-radius: 50%;
    z-index: 1;
}

/* Place the container to the left */
.timeline-left {
    left: 0;
}

/* Place the container to the right */
.timeline-right {
    left: 50%;
}

/* Add arrows to the left container (pointing right) */
.timeline-left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 35px;
    width: 0;
    z-index: 1;
    right: 30px;
    /*border: medium solid rgba(211, 211, 211, 0.4);*/
		border: medium solid #D8EEF0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent rgba(211, 211, 211, 0.4);
}

/* Add arrows to the right container (pointing left) */
.timeline-right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 35px;
    width: 0;
    z-index: 1;
    left: 30px;
    /*border: medium solid rgba(211, 211, 211, 0.4);*/
		border: medium solid #D8EEF0;
    border-width: 10px 10px 10px 0;
    border-color: transparent rgba(211, 211, 211, 0.4) transparent transparent;
}

/* Fix the circle for containers on the right side */
.timeline-right::after {
    left: -15px;
}

/* The actual content */
.timeline-content {
    padding: 20px 30px;
    /*background-color: rgba(211, 211, 211, 0.4);*/
		background-color: #D8EEF0;
    position: relative;
    border-radius: 6px;
}

.timeline-content h1 {
    margin-top: 0;
	font-size: 24px;
    font-size: 1.5rem;
}

.timeline-content p {
	text-align: justify;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
/*@media screen and (max-width: 600px) {*/
@media screen and (max-width: 750px) {
  /* Place the timelime to the left */
  .timeline::after {
    left: 30px;
  }

  /* Full-width containers */
  .timeline-container {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

  /* Make sure that all arrows are pointing leftwards */
  .timeline-container::before {
    left: 60px;
    border: medium solid rgba(211, 211, 211, 0.4);
    border-width: 10px 10px 10px 0;
    border-color: transparent rgba(211, 211, 211, 0.4) transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .timeline-left::after, .timeline-right::after {
    left: 15px;
  }

  /* Make all right containers behave like the left ones */
  .timeline-right {
    left: 0%;
  }
}

/*--------------------------------------------------------------
### Formes
--------------------------------------------------------------*/

#formes {
	margin: auto;
}

#formes ul{
	list-style: none;
	padding: 0;
}

#formes dt{
	font-weight: normal;
	font-size: 12px;
	font-size: 0.8725rem;
}

#formes .derivative-text{
	font-weight: bold;
	color: darkgreen;
}

#formes dl{
	padding-bottom: 5px;
}

#formes h1{
	font-size: 18px;
	font-size: 1.2rem;
}

#formes p{
	font-size: 12px;
	font-size: 0.875rem;
}


/*--------------------------------------------------------------
### Occurrences
--------------------------------------------------------------*/

#occurrences {
  margin: 35px auto 0;
  padding-top: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#ocr-title-wrap {
	/*border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;*/
	background-color: #f5f5f5;
	padding: 12px 0 12px 25px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;text-align: center;
	position: relative;
}

#ocrLoader {
	/*position: absolute;
	bottom: 14px;
	right: 24px;*/
	border: 6px solid #c7c6c6;
	border-top: 6px solid #656464;
}

#occurrences select{
	font-size: 14px;
	font-size: 0.875rem;
}

#occurrences h1{
	font-size: 18px;
	font-size: 1.2rem;
}

#ocrTitle {
	font-size: 14px;
	font-size: 0.875rem;
	margin-right: 7px;
}

#linkList {
	column-count: 4;
	column-gap: 83px;
	text-align: left;
}

#linkList span {
	display: block;
	text-decoration: none;
	font-size: 14px;
	font-size: 0.875rem;
	outline: none;
	cursor: pointer;
}
#linkList span:hover {
	font-weight: bold;
}
.active {
	font-weight: bold;
}

#ocrList {
	outline: none;
}

#ocrArticle {
	/*border-top: 1px solid #e4e4e4;*/
	border-bottom: 1px solid #e4e4e4;
	margin: 0;
}

#ocrArticle .article {
	border-top: 1px solid #e4e4e4;
	padding-bottom: 40px;
	margin-top: 0;
}

#ocrArticle .ref:hover {
	cursor: pointer;
	text-decoration: underline;
}

#ocrLinks {
	margin: 0 0 50px 0;
	/*background-color: #E4F7F9;*/
	background-color: #D8EEF0;
	/*background-color: #f5f5f5;
	border-right: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;*/
	padding: 0px 20px 10px 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align: center;
}

#ocrLinks h4 {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
}

#ocrLinks h4 .entry {
    color: darkgreen;
	}

#ocr h1{
	font-size: 18px;
	font-size: 1.2rem;
}

#ocr p{
	font-size: 12px;
	font-size: 0.875rem;
}



/*--------------------------------------------------------------
### Conjugation
--------------------------------------------------------------*/

#conjugaison {
	margin: auto;
}

#conjugaison td {
	padding: 0 5px;
}

#conjugaison tr {
	padding: 0 5px;
	width: 100%;
}

.conj-verb{
	color: darkgreen;
	font-weight: bold;
	font-size: 0.9rem;
	font-size: 14px;
}

.selectEntree {
	text-decoration: none;
}
.selectEntree:hover {
	font-weight: bold;
}
.selectEntree:focus {
	outline: none;
}

.align-right{
	text-align: right;
	width: 30%;
}
.conjEntree{
	position: relative;
	width: 70%;
}
.mood{
	/*column-count: auto;
	column-width: 45%;*/
	float: left;
	width: 100%;
	/*border-bottom: 1px solid #e4e4e4;*/
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.mood div{
	width: 49%;
	display: inline-block;
}
.conjEntree h2,
.conjEntree h3{
	text-align: center;
}
#conjugaison table{
	width: 100%;
	table-layout: fixed;
	/*table-layout: auto;*/
}

.imperative tr,
.participle tr{
	text-align: center;
}

#conj-entries {
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
}

#conjugaison h1{
	font-size: 18px;
	font-size: 1.2rem;
}

#conjugaison h3 {
	background-color: #D8EEF0;
	text-align: center;
	margin: 0;
}

#conjugaison h4 {
	text-align: center;
	margin: 5px 0;
}

/*@media (max-width: 700px) {
	.mood{
		column-count: 1;
	}
}*/

/*#page{
	background-image: url('assets/img/fond1906tuilelow.jpg');
	opacity: 0.3;
}*/
.two-columns{
	width: 100%;
	column-count: 2;
	-webkit-column-count: 2;
    -moz-column-count: 2;
	column-fill: auto;
}
.three-columns{
	width: 100%;
	column-count: 3;
	-webkit-column-count: 3;
    -moz-column-count: 3;
	column-fill: auto;
}
table{
	table-layout: fixed;
}
td {
	width: auto;
}
td > select,
td > input,
td > button {
	width: 99%;
}
/*--------------------------------------------------------------
## Search
--------------------------------------------------------------*/

/* Searchbar */

.search-wrap {
	border: 1px solid #cbcbcb;
	margin: 0 auto 5px;
	background-color: #ebebeb;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding-bottom: 15px;
	/*min-height: 200px;*/
}

#main-search {
	width: 1170px;
	position: relative;
	/* min-height: 200px; */
	min-height: 190px;
}
@media screen and (max-width: 1170px) {
	#main-search {
		width: 100%;
	}
}

#search-title {
	width: 847px;
    margin: 0 auto 10px;
	border-bottom: 1px solid #cbcbcb;
}

#search-title span {
	color: #5f5f5f;
}

#desc-wrap,
#searchbar {
	width: 847px;
    margin: 0 auto 19px;
}
@media screen and (max-width: 1170px) {
	#desc-wrap,
	#searchbar {
		width: 90%;
		max-width: 847px;
	}
}

#title-desc {
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: normal;
	text-align: center;
	color: #5f5f5f;
	margin: 5px 0 5px 67px;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
}
@media screen and (max-width: 1170px) {
	#title-desc {
		margin: 0;
	}
}
#title-desc p{
	margin: 5px 0;
}

#edition {
	margin-left: 8px;
}

#search-title h3 {
	font-family: "Open Sans", sans-serif;
	display: inline-block;
	font-size: 24px;
	font-size: 1.5rem;
	color: #656565;
	margin: 10px 0;
}

#searchbar {
    margin: auto;
}

#search {
    position: relative;
	z-index: 10;
	margin-left: 67px;
}
@media screen and (max-width: 600px) {
	#search {
		margin: 0;
	}
}

#aSearch {
	display: inline-block;
  /*margin-left: 200px;*/
	padding: 3px 15px 3px;
    border-radius: 3px;
	transition: .3s;
	background-color: #dedcdc;
	/*position: absolute;*/
	right: 0;
	color: #636359;
    font-size: 14px;
    font-size: 0.875rem;
	text-decoration: none;
}

#aSearch:hover,
#aSearch:focus {
	background-color: #cecccc;
	transition: .2s;
}

#entry {
    width: 250px;
    margin-right: 10px;
	padding-left: 10px;
	box-sizing: border-box;
}
@media screen and (max-width: 600px) {
	#entry {
		width: 100%;
	}
}

.selected {
	background-color: rgba(211, 211, 211, 0.64);
}

#entry:focus {
	outline: none;
}

#entry::placeholder {
    font-style: italic;
}

#search ul {
    position: absolute;
    width: 248px;
    left: 260px;
	top: 36px;
	padding: 0;
    margin: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.20) ;
	border-left: 1px solid rgba(0, 0, 0, 0.20) ;
	border-right: 1px solid rgba(0, 0, 0, 0.20) ;
    background-color: white;
    color: black;
	box-shadow: 0 2px 5px #dcdddd;
}
@media screen and (max-width: 600px) {
	#search ul {
		width: 100%;
		border: none;
	}
}

#search ul li {
    display: block;
    width: 100%;
	padding-bottom: 2px;
    cursor: pointer;
    color: black;
	z-index: 10;
}

#search ul li:last-child {
	padding-bottom: 5px;
}

.wordT {
	padding-left: 10px;
	pointer-events: none;
}

.wordG {
	pointer-events: none;
}

.wordEntry {
	font-style: italic;
}

#search ul li:hover{
    background-color: rgba(211, 211, 211, 0.64);
}

.sEntree {
    /*color: rgba(0, 0, 0, 0.7) !important;*/
    font-style: italic;
}

.sEntreeOffset {
	text-indent: 15px;
}

#prev-next-list ul li.pinkPage,
#search ul li .pinkPage,
#occurrences .tRef.pinkPage {
    color: MediumVioletRed;
}

#prev-next-list ul li.properNoun,
#search ul li .properNoun,
#occurrences .tRef.properNoun {
    color: SteelBlue;
}

#occurrences .tRef {
    color: darkgreen;
}

/*--------------------------------------------------------------
## Advanced search
--------------------------------------------------------------*/
/*
#advancedSearchForm{
	display: none;
}
*/

.noResult{
	text-align: center;
}

.search-wrap {
	width: 1170px;
}
@media screen and (max-width: 1170px) {
	.search-wrap {
		width: 100%;
	}
}

/*.mid-checkbox {
	padding-left: 40px;
}*/

.search-form {
	padding: 20px 20px 0 15px;
}

/*#advancedSearchForm table {
	margin: 0 0 0 0;
}
#advancedSearchForm td {
	padding: 0 2px;
}*/
/*#advancedSearchForm [class*="col-"]:not(.form-vertical-separation) {
	padding-top: 5px;
	padding-bottom: 5px;
}*/

#advancedSearchText {
	padding-left: 10px;
	font-style: italic;
}

#advancedSearchForm .advanced-button {
	display: inline-block;
	font-size: 16px;
	font-size: 1rem;
    padding: 8px 0;
}
#advancedSearchForm .advanced-search-btn{
	background-color: #ADD8E6;
}

#advancedSearchForm input[type="submit"],
#advancedSearchForm input[type="button"],
#advancedSearchForm button,
#advancedSearchForm input[type="text"] {
	width: 100%;
	margin: 0;
}

#advanced-search-letters {
	display: block;
	float: right;
	margin-right: 2px;
}

#advancedSearchForm .dropdown a p{
	display: inline-block;
}

/*#advancedSearchForm td{
	width: 50%;
}*/

#advanced-search-results-stats{
	text-align: center;
}

#advanced-search-results-list ul{
	list-style: none;
	column-count: 3;
	column-gap: 20px;
}

#advanced-search-results-list ul li{
	/*height: 1.5em;*/
	overflow: hidden;
}

#advanced-search-results-list ul a{
	position: relative;
	text-decoration: none;
	color: black;
	-webkit-transition: left 4s ease-out 0; /* Safari */
    transition: left 4s ease-out;
}

#advanced-search-results-list ul a:hover{
	left: 5px;
}

/*#advanced-search-results-list ul a:active,
#advanced-search-results-list ul a:hover {
	outline: 0;
	border: none;
	-moz-outline-style: none;
}*/

#advanced-plus input[type="submit"] {
	margin: 2px;
}
.dropdown{
	margin: 2px 0 2px 2px;
}

.dropdown > div{
    margin: 0px;
    padding: 0px;
}

.dropdown .multiSelect {
    position: relative;
}

.dropdown a,
.dropdown a:visited {
    color: black;
    text-decoration: none;
    outline: none;
    /*font-size: 12px;
	font-size: 0.75rem;*/
    display: block;
    overflow: hidden;
    width: 100%;
	background-color: white;

	background-image:
	    linear-gradient(45deg, transparent 50%, black 50%),
	    linear-gradient(135deg, black 50%, transparent 50%),
	    linear-gradient(to right, rgba(225,225,225,1), rgba(225,225,225,1));
	background-position:
	    calc(100% - 15px) 50%,
	    calc(100% - 10px) 50%,
	    100% 0;
	background-size:
	    5px 5px,
	    5px 5px,
	    30px 100%;
	background-repeat: no-repeat;
}

.dropdown a span{
    cursor: pointer;
    display: inline-block;
    padding: 0 3px 2px 0;
}

.dropdown ul.multiSelectList {
    background-color : white;
    display: none;
    left: 0px;
    padding: 2px 15px 2px 5px;
    position: absolute;
    top: 2px;
    width: 100%;
    list-style: none;
    max-height: 200px;
    overflow: auto;
	margin: -1px 0 0 0;
	z-index: 10;
}
.dropdown ul:not(.multiSelectList) {
    list-style: none;
	border: none;
}

.dropdown span.value {
    display: none;
}

.dropdown .multiSel{
	margin: 0;
	color: rgba(150, 150, 150, 1);
}

.dropdown.disabled a{
	cursor: default;
    background-color : #eee;
	color: rgba(150, 150, 150, 1);
}

.dropdown.disabled span{
	cursor: default;
}

.icon-show-less{
	display: none;
}

.form-vertical-separation {
	content: "";
	width: 100%;
	margin-top: 15px;
	border-top: 1px solid gray;
	/*height: 10px;*/
}

#advanced-more{
	text-align: right;
	cursor: pointer;
}
#advanced-plus{
	display: none;
}

/*--------------------------------------------------------------
## Gallery
--------------------------------------------------------------*/
#gallery-results ul{
	list-style: none;
}

#gallery-results a[data-lightbox="gallery"] img{
	vertical-align: middle;
	vertical-align: middle;
	max-height: calc(190px - 1.5em);
}

#gallery-results a[data-lightbox="gallery"] span{
	display: inline-block;
	vertical-align: middle;
	height: calc(190px - 1.5em);
}

#gallery-results li a:not([data-lightbox="gallery"]){
	text-decoration: none;
	top:calc(190px - 1.5em);
	position: absolute;
	width: 180px;
	margin: 2px 0;
	font-size: 10px;
	font-weight: bold;
	color: #88d;
	/*-webkit-transition: top 2s;
    transition: top 2s;*/
}
#gallery-results li a:not([data-lightbox="gallery"]):hover{
	color: black;
}

#gallery-results li{
	float: left;
	margin: 10px;
	width: 180px;
	height: 200px;
	overflow: hidden;
	position: relative;
	text-align: center;
	border: 1px solid #ddd;
    border-radius: 4px;
	padding: 5px;
	background-color: white;
}

#gallery-results li:hover{
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

#gallery-results li a{
	display: block;
}

/*.zoomWindowContainer,
.zoomLens,
.zoomWindow{
	z-index: 200;
}*/
/*.zoomWindowContainer *,
.zoomLens *,
.zoomWindow *{
	z-index: 200;
}*/

#illustration-gallery{
	text-align: center;
}

.paginationjs{
	display:inline-block;
}

.J-paginationjs-go-pagenumber,
.J-paginationjs-go-button{
	margin: 0;
}

/*--------------------------------------------------------------
## SPARQL Endpoint
--------------------------------------------------------------*/

@media screen and (max-width: 1170px) {
	.JCLRgrips,
	#DataTables_Table_0 {
		width: 100%;
	}

	.CodeMirror-sizer {
		padding-top: 2.5em;
	}
}

/*--------------------------------------------------------------
## Abreviations
--------------------------------------------------------------*/

#abreviation-table{
	text-align: center;
}

/*--------------------------------------------------------------
## Reports (Admin)
--------------------------------------------------------------*/

#admin-reports{
	width: 100%;
	table-layout: fixed;
}