/*Réduire la taille d'une vidéo - style.css | https://alyxtj.fr/themes/centerrow/asset/css/style.css?v=1.8.4 */
audio, canvas, progress, video {
  width: 100%;
}


/*Mod largeur affichage items en recherche pour fit sur portable*/
@media screen {
.search-results .resource-list.grid
{
justify-content: space-evenly;
}
  .search-results .resource-list.grid .resource {
    width: fit-content;
  }
}

/*Isolation footer*/
footer{
margin-top:90px;
}

/*Ne pas indiquer de description dans le shortcode d'accueil*/
li.resource.item div.description{
display:none;
}

/*Alignement métadonnées*/
.resource.show dt {
width: 150px;
}

/*Séparateur média métadonnées*/
div.media-embeds{
border-bottom: solid 2px;
padding-bottom: 10px;
margin-bottom:30px;
width: 70%;
margin-left: 15%;
}

/*Shortcode Items*/
li.resource.item{
display:flex;
flex-flow:row nowrap;
justify-content:start;
align-items:center;
}

/*Traitement Recherche avancée Header*/
header{
display:flex;
flex-direction:column;
flex-wrap:nowrap;}
header div#search-container{
float:right;
}
header form fieldset{
display:none;}
header form .field:not(:first-child){
display:none;}

header div#search-container button.search-toggle{
display:none;}

/*Diminuer la taille de la vignette*/
div.resource-thumbnail{
width:50%;
}
div.resource-thumbnail a.resource-link img{
width:50%;
}

/*Fixer taille des vignettes*/
ul.resource-list .resource img {
height:120px;
object-fit:cover;
}


/*Ne pas faire apparaître la recherche avancée interne lorsque l'on consulte une page de Collections, de recherche par index ou par metadata browse*/
div.browse-controls a.advanced-search{
display:none;
}



/* Mettre en page la recherche avancée sur les pages de collection */
html body.search-page.item-set.resource.browse header div#header-flex div#simple-search-header div#search-page div.metadata{
display:none;
}
html body.search-page.item-set.resource.browse header div#header-flex div#simple-search-header div#search-page h3{
display:none;
}

/*Effacer le titre de la page de collection*/
html body.item.resource.browse.item-set div#content div.metadata div.property:first-child{
display:none;
}


/*Affichage des collections avec colonne métadonnées à gauche et contenus à droite*/
  body.item-set.item #content {
display:flex;
flex-flow: row wrap;
gap:30px;
}
html body.item.resource.browse.item-set div#content h3{
width:100%;
}
html body.item.resource.browse.item-set div#content div.metadata{
display: flex;
flex-flow: column ;
flex: 3 1 0;
min-width:250px;
}
html body.item.resource.browse.item-set div#content div.item-set-items {
display:flex;
flex-flow: column;
flex: 7 1 0;
min-width:250px;
}
html body.item.resource.browse.item-set div#content nav.pagination{
display: flex;
justify-content:end;
border:none;
}
html body.item.resource.browse.item-set div#content div.metadata div.property div.values{
display: flex;
flex-flow: column;
align-items: start;
width:100%;
}
html body.item.resource.browse.item-set div#content div.metadata div.property div.values div.value.resource.item_sets{
width:100%;
border-bottom: #dedede 2px solid;
}
html body.item.resource.browse.item-set div#content div.metadata div.property div.values div.value.resource.item_sets a.resource-link{
display: flex;
flex-flow: row;
padding: 5px;
width:100%;
}
html body.item.resource.browse.item-set div#content div.metadata div.property div.values div.value.resource.item_sets:last-child{
border:none;
}
html body.item.resource.browse.item-set div#content div.item-set-items div.browse-controls{
justify-content:space-between;
}
nav.pagination:last-child{
width:100%;
}
html body.item.resource.browse.item-set div#content h2{
width:100%;
}
html body.item.resource.browse.item-set div#content div.metadata div.property div.values div.value.resource.item_sets a.resource-link img{
height:auto;
max-width:60px;
}