/* Font and background */

@import url('https://fonts.googleapis.com/css?family=EB+Garamond');
body{
font-family: 'EB Garamond'; 
background-color: #fefdf7;
}

iframe br+p {
display: none;
}

sup{
line-height:0;
font-size:0.6em;
vertical-align: super;
}

.quoteBio{
font-size: smaller;
text-indent:0 !important;
}
/*Titles settings */
h1{
margin-top:20px ! important;
font-size: 70px !important;
}

h2{
margin-top:20px ! important;
color: #920b0b;
font-size: 30px;
grid-column: 1 / 3;
grid-row: 1;
}

h3 {
grid-column: 1 / 3;
grid-row: 2;
}

h2 span{
display:none;
}

/* Top banner */

header{
background-color:#fefdf7;
margin-bottom:0px !important;
}

/* Nav settings */

nav{
padding:0!important
}

nav ul {
background-color:#920b0b;
font-size: 1.2em;
padding: 5px !important;
padding-left: 30px!important;
margin-top: 50px !important;
}

nav li a{
text-shadow:  0.5px 0.5px 2px #000000;
color: #fefdf7!important;
}

header nav ul li:first-of-type {
    border-top: 0px !important
}

/* Display content in grid to organize it*/

#content{  
display: grid;
grid-template-columns: repeat(2, 1fr);
}

#uv-1{
grid-row-start: 3;
margin: 20px;
}

dl{
grid-column: 1 / 3;
}

.blocks{
grid-column: 1 / 3;
}

/* 3D page settings */

.wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
grid-auto-rows: minmax(100px, auto);
}

.three{
grid-column: 1 / 3;
}

/* Browser setting */

.sorting{
display: none !important;
}

#section-sidebar{
width:20% !important;
margin-right: 30px;
}

.permalink{
display: none !important;
}

#container{
width: 200% !important
}

#linked-filter{ 
display: none;
}

#item-linked{
display : none;
}
/* Glossary page*/

.glossary iframe{
border: none !important;
}

div .blocks:has(.glossary)>h2{
display:none !important;
}

.media-embeds iframe{
border: none !important;
}

/* Footer settings */

#content:has(#imageHome ) + footer{
margin-top:400px
}

footer{
text-align: center;
padding-top: 20px;
background-color:#920b0b;
}

footer a {
margin: 30px;
}

/* Class for the texts */

.text{
text-align: justify;
padding-left: 100px !important;
padding-right: 100px  !important;
}

.text3d{
text-align: justify;
text-indent: 1.5em;
padding-right: 20px  !important;
}

.titleHome{
padding-left: 100px !important;
padding-right: 100px  !important;
}

.textCarte{
text-align: justify;
text-indent: 1.5em;
}

#homeText{
margin-left:10%;
margin-right:10%;
}

 h4 {
font-size: 25px;
}

.notesBiblio{
font-size: 15px;
}

.notesBiblio p{
text-indent:0px !important;
}

.noIndent{
text-indent:0px !important;
font-weight: bold;
}

/* Item and properties settings */

#content h3{
height:0px;
visibility: hidden;
}

.property{
margin-top:-15px !important;
margin-bottom:0px !important;
font-size: medium !important;
line-height:2em;
text-align:justify;
}

.property .value{
margin-left: 15%;
margin-right: 10%;
}

dl .property:nth-child(3) dd:has(+.items){
display: none!important;
}

.property:nth-last-of-type(3) .value {
margin-left: 15%!important;
margin-right: 10%!important;
font-size: medium !important;
}

dl div:first-child{
visibility:hidden;
}

.property:last-of-type{
display:none;
}

/* Universal viewer */

.nextOptions{
visibility: hidden;
}

.prevOptions{
visibility: hidden;
}

.rightPanel{
visibility: hidden;
}

.settings{
visibility: hidden;
}

.attribution{
visibility: hidden;
}

.uv-icon-more-info{
visibility: hidden;
}

.uv-icon-share{
visibility: hidden;
}

#uv-1 h1{
font-size: 20px !important;
}

#uv-1 h2 {
color:white !important; 
margin : 0 !important;
}

/* Hide the search bar and the pagination */

.site-page-pagination{
display:none !important;
}

#advanced-search-form-wrapper{
display:none;
}

#search{
display:none !important;
}

/* Class for the Map */

.mapping-block{
padding-left: 100px !important;
padding-right: 100px  !important;
margin-bottom:30px; 
}

.MapCentre{
text-align: center;
margin-top: 60px;
}

.Map{
margin-left: -1020px !important;
width: 1400px;
margin-top: 20px;
}

/* Home treatises settings*/

#ul_liste li { 
        list-style-type:none; 
        list-style-position:inside;
        display:inline-block;
        padding:5px;
        text-align:center;
        vertical-align:top;
        width:20%;
}

#ul_liste img{
height: 300px;
}

/*hide elements (à trier)*/

.file img{
display:none !important;
}

.textBio img{
display: block !important;
}

#mapping-section{
display:none;
}

.item-sets{
display:none;
}
 
.imageBtn{
margin-top:-25px !important;
}

.media-list{
display:none;
}

#mapping-map{
display:none;
}

#resources-linked{
display:none;
}
div:has(#BiographyT) p {
line-height: 1.4em;
}
div:has(#BiographyT) +dl+dl+script + #uv-1 {
display: none !important;
}
div:has(#BiographyT) +dl{
display:none;
}
div:has(#BiographyT) +dl+dl{
display:none;
}
div:has(#BiographyT) + dl + dl +div + script + #uv-1  {
display: none !important;
}
div:has(#BiographyT) + .property {
display : none;
}
div:has(#BiographyT) + .property + .property + .property   {
display: none !important;
}

/*?*/

.accept{width:100% !important;}

#menuSlider{
margin-top: 50px;
text-align:center;}
.description{font-style: italic;}
.facets-container {color: #920b0b;}
.facets-container legend {font-size:20px;}
.facets-container>legend {font-size:25px !important;}
.facets-container select {font-size:15px;}

#imageHome{
width:100%; 
margin-top:-20px; 
background-image: url("https://i.ibb.co/85PnHJh/Bandeau.jpg");
background-size: cover;
background-color:black;
height: 23%;
} 
#divBio{min-height:400px;}

#content:has(#imageHome ){
width:100%;
padding: 0 !important;
}

/* biography menu traductions */
#English + label {color:#920b0b}
#French:checked + label{color:#920b0b}
#English:checked + label{color:#920b0b}
div:has(#French:checked) #English + label{color:black;}
div:has(#French:checked) .content-a{display:block;}
div:has(#French:checked) .content-b{display:none;}
.content-a{display:none;}

#checkBox{
display: inline !important;
text-align: center;
margin: auto;
}
div:has(#BiographyT) input{display:none !important;}

label{
width:100%
margin: auto;
display: block;
}

label:hover{
font-size: 1.2em;
font-weight: bold;
background-color:: #fefdf7 !important;
}
.citation {
text-indent:0px;
 text-align: center;
font-size:smaller;
}
.textBio{
display: inline-block;
}
.container {
  width: 100%;
  margin: 50px auto;
}
.textBio p{
text-indent: 5%;
}
.tabsBio{
width: 100%;
}
div:has(#BiographyT){
grid-column: 1 / 3;
text-align: justify;
}

nav a:hover{
font-size: 1.2em;
font-weight: bold;
color: #fefdf7 !important;
}
.preview-block{
margin-left:10%;
margin-right:10%;
width:80% !important;
margin-bottom:30px;
}

/* specifc settings for big  screens*/

@media screen and (min-width: 1350px) {
.uv > div {
width: 1000px !important;
}
}

@media screen and (min-width: 1700px) {
#imageHome{
width:1707px !important;
margin-left: -7px;
}
}

.rightOptions{margin-top: 20px !important;}

@media screen and (min-width: 1200px) {
.site-title{
background-image: url("https://ista.univ-fcomte.fr/omekatest/files/asset/1f1bd062c28166c6a005b8b2a987daa4a5637daf.png");
background-position: right;
background-repeat: no-repeat, repeat;
background-size: 600px 70px;
}
header nav>ul>li:last-child{
position: relative;
left: 30%;
}
}

/* for phone version */
@media screen and (max-width: 1500px) {
.one iframe{
width:200% !important;
}
.two {
text-align: center !important;
grid-column: 1/3;
grid-row: 2;
padding-top: 30px;
margin-top: 60px !important;
width : 100%;
}
iframe + p{
display : none;
}
}

@media screen and (max-width: 1000px) {
h1{
font-size: 30px !important
}
figcaption{
display : none;
}
#menuSlider{
display:none;
}
footer img{
width: 15%;
}
}

@media screen and (max-width: 800px) {
#section-sidebar{
display:none !important;
}
#container{
grid-column:1/3;
width:100% !important;
}
#section-content{
margin-left: 20% !important;
}
#imageHome{
background-position: right !important;
}
p{
padding:10px;
}
.blocks li{ 
padding: 10px !important;
}
#homeText{
margin-left: 3% !important;
margin-right: 3% !important;
text-align: justify;
}
.text{
text-align: start;
padding-left: 10px !important;
padding-right: 10px  !important;
}
}

@media screen and (min-width: 800px) and (max-width: 1070px) {
.navigation li{
font-size: 15px;;
}
footer img{
width: 12%;
}
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
header nav>ul>li:last-child{
position: relative;
left: 18%;
}
}

@media screen and (max-width: 1350px){
.media-embeds:has(#BiographyT){
display:block;
}
.media-embeds{
display:none;
}
#uv-1{
grid-column:1/3;
}
}

@media screen and (min-width: 1650px){
header nav>ul>li:last-child{
position: relative;
left: 38%;
}
}