/* ============================================================================================ */
/* =                                                                                          = */
/* =                          TEMPLATE CONCUS PAR INRIA (DEC 2023) Color-Scheme               = */
/* =                                                                                          = */
/* ============================================================================================ */

@media (prefers-color-scheme: light) {

:root {

/* Variable de la banniere -------------------------------------------------------------------------------*/
    --banniere: #e63312;

/* Variable des textes -------------------------------------------------------------------------------*/
    --auteur: #e63312; /* Celui ci correspond texte des noms d'auteurs */ 
    --text: #000; /* Celui ci correspond texte general */ 
    --text-ban: #fff; /* Celui ci correspond texte dans la banniere */
    --text-a: #fff; /* Celui ci correspond aux liens dans la banniere */ 
    --text-a-hov: #88ccc8; /* Celui ci correspond aux liens dans la banniere passage de la souris */ 
    --text-box : #fff; /* Celui ci correspond texte dans les box widget tel que affiliation, article etc... */ 

/* Variable qui agit sur les btns et les btns au passage du curseur, les En-tetes des widgets et sur les couleurs de la barre de recherche Picto et trait --*/
    --effet: #e53212;
    --effet-hov: #B9251A; 

/* Variable qui agit sur le fond des widgets -------------------------------------------------------------------------------*/
    --widget: #f7f7f7; 

/* Variable qui agit sur le fond du CV -------------------------------------------------------------------------------*/
    --background-color: #e5e5e5; 

/* Variable qui permet une animation de transition au passage du curseur -------------------------------------------------------------------------------*/
    --transition: .3s cubic-bezier(.25,.8,.5,1); 
}
}

@media (prefers-color-scheme: dark) {

:root {

/* Variable de la banniere -------------------------------------------------------------------------------*/
    --banniere: #6561a8;

/* Variable des textes -------------------------------------------------------------------------------*/
    --auteur: #88ccc8; /* Celui ci correspond texte des noms d'auteurs */ 
    --text: #fff; /* Celui ci correspond texte general */ 
    --text-ban: #fff; /* Celui ci correspond texte dans la banniere */
    --text-a: #fff; /* Celui ci correspond aux liens dans la banniere */ 
    --text-a-hov: #88ccc8; /* Celui ci correspond aux liens dans la banniere passage de la souris */ 
    --text-box : #fff; /* Celui ci correspond texte dans les box widget tel que affiliation, article etc... */ 

/* Variable qui agit sur les btns et les btns au passage du curseur, les En-tetes des widgets et sur les couleurs de la barre de recherche Picto et trait --*/
    --effet: #6561a8; 
    --effet-hov: #454373; 

/* Variable qui agit sur le fond des widgets -------------------------------------------------------------------------------*/
    --widget: #272f3d; 

/* Variable qui agit sur le fond du CV -------------------------------------------------------------------------------*/
    --background-color: #384257; 

/* Variable qui permet une animation de transition au passage du curseur -------------------------------------------------------------------------------*/
    --transition: .3s cubic-bezier(.25,.8,.5,1); 
}
}

/*==============================================================================================*/
/*================================== CONTENUS MODIFIABLE RAPIDE ===============================*/
/*============================================================================================*/

/* Couleur du fond du CV ------------------------------------------------------------ */
body {
	background-color: var(--background-color);
}

/* Couleur de la banniere ------------------------------------------------------------ */
#resume-presentation-visu {
	background: var(--banniere);
}

/*==================================================================================*/
/*============================ Changement de Couleur Texte =========================*/
/*=================================================================================*/

/* Couleur du texte libre access --------------------------------------- */
.second-color {
	color: var(--open-access) !important;
}
/* Couleur de nom des auteurs --------------------------------------- */
.results-table .authors-results a {
	color: var(--auteur);
}

/* Couleur de url --------------------------------------- */
#resume-presentation-visu a {
	color: var(--text-a);
}
#resume-presentation-visu a:hover {
	color: var(--text-a-hov);
}

/* Couleur du texte contenu de l'auteur art/comm/poster/etc... --------------------------------------- */
.results-table h3 {
	color: var(--text);
}

/* Couleur du texte des criteres --------------------------------------- */
.content-facet a{
	color: var(--text);
}
.text-muted {
	color:  var(--text)!important;
}

/* Couleur du texte citation sous les noms d'auteur --------------------------------------- */
.results-table .citation-results, .results-table .citation-results a {
	color: var(--text);
}

/* Couleur du texte des liens hal-000000 --------------------------------------- */
.results-table td a{
	color: var(--text);
}

/*==================================================================================*/
/*=================================== Block General =================================*/
/*=================================================================================*/

/*============================ Block Presentation Auteur ==========================*/

#resume-presentation-visu {
	color: var(--text-ban);
}

/*============================ Widget ==========================*/

/* Style et Couleur des boites widgets du CV ------------------------------------------------------- */
.section-shadow {
	margin-bottom: 18px;
	box-shadow: 0 3px 4px #00000029;
	border-radius: 3px;
	background-color: var(--widget);
	color:var(--text);
}

@media (prefers-color-scheme: light) {
.table-white tr:hover, #partage_table tbody tr:hover, #mydeposit tbody #ownsub tr:hover, .table-white tr:focus, #partage_table tbody tr:focus, #mydeposit tbody #ownsub tr:focus {
	background-color: #E5E5E5;
	box-shadow: 0px 3px 6px #00000029;
}
}

@media (prefers-color-scheme: dark) {
/* Couleur des boites au passage de la souris dans le contenu de l'auteur art/comm/poster/etc. ------------------------------------------------------- */
.table-white tr:hover, #partage_table tbody tr:hover, #mydeposit tbody #ownsub tr:hover, .table-white tr:focus, #partage_table tbody tr:focus, #mydeposit tbody #ownsub tr:focus {
	background-color: var(--widget)!important;
	filter: brightness(130%);
}
}

/* Style et Couleur des blocks Articles,Poster,etc... --------------------------------------- */
.table-white tr, #partage_table tbody tr, #mydeposit tbody #ownsub tr {
	transition: var(--transition);
}

.table-white tr:hover, #partage_table tbody tr:hover, #mydeposit tbody #ownsub tr:hover, .table-white tr:focus, #partage_table tbody tr:focus, #mydeposit tbody #ownsub tr:focus {
	background-color: #E5E5E5;
	box-shadow: 0px 3px 6px #00000029;
}


/* Decalage de la recherche dans le block des articles/poster etc...  --------------------------------------- */
.content-facet {
	margin-right: 22px;
	margin-top: 15px;
	margin-left: 22px;
	padding-bottom: 15px;
}

/* Style En-Tete des widgets --------------------------------------- */
.title-facet {
	color: var(--text-box);
	background-color: var(--effet);
}
.title-facet:hover {
	color: var(--text-box);
	background-color: var(--effet-hov);
}

/*============================ Cercle photo profil ==========================*/

.user-circle.photo {
	border-color: #000;
}

/*============================ Fond Picto Mail ==========================*/

.icon-cv {
	background: #00000080;
}

/*==================================================================================*/
/*===================================== Bouton ====================================*/
/*=================================================================================*/

/* Style Couleur des btns du CV ------------------------------------------------------- */
#domain-resume-visualization .hal-bgtext {
	background-color: var(--effet);
	color: var(--text-box);
	line-height: 2.5rem !important;
	display: inline-block !important;
	padding: 0px 12px;
	margin-top: 5px;
	transition: var(--transition);
}
#domain-resume-visualization .hal-bgtext:hover {
	background-color: var(--effet-hov);
}


/* Style Couleur des btns langue ------------------------------------------------------- */

.btn:focus, .btn.focus {
	outline: 0;
	box-shadow: none;
}
ul.nav-pills.light-border a {
	color: var(--effet);
	border: 1px solid var(--effet);
}
ul.nav-pills.light-border a.active {
	background-color: var(--effet);
	border-color: var(--effet);
}
ul.nav-pills.light-border a:not(.active):hover {
	background-color: #6C698038;
	border: 1px solid var(--effet);
}

/*==================================================================================*/
/*============================== Barre de Recherche ================================*/
/*=================================================================================*/

/* Taille de la zone de recherche --------------------------------------- */
#resume-content-document .section-shadow.pg-20 input {
	width: 70%;
}

/* Style et position de la loupe (Barre de Recherche) --------------------------------------- */
.icon-search::before {
	margin-left: -35px;
	color: var(--effet);
}

@media (prefers-color-scheme: light) {
/* Style barre de recherche Publication ------------------------------------------------------- */
.hal-second-search-input {
	border: none;
	color: var(--text);
	background-color: #fff;
	background-image: linear-gradient(0deg,var(--effet) 50%,#0000 0);
	background-position: 50%;
	background-position-y: 20px;
	background-repeat: no-repeat;
	background-size: 0;
	height: 48px;
	border-radius: 25px;
	text-indent: 25px;
	transition: var(--transition);
}
.hal-second-search-input.search:focus-visible {
	background-size: 100%;
}
.hal-second-search-input.search:hover {
	box-shadow: 0 3px 8px 0 #0000004f;
}
/* Transition du bouton rechercher a droite de la barre  ------------------------------------------------------------ */
.btn-cv-export{
	transition: var(--transition);
}

}

@media (prefers-color-scheme: dark) {
/* Style barre de recherche Publication ------------------------------------------------------- */
.hal-second-search-input {
	border: none;
	color: var(--text);
	background-color: var(--widget);
	background-image: linear-gradient(0deg,var(--effet) 50%,#0000 0);
	background-position: 50%;
	background-position-y: 20px;
	background-repeat: no-repeat;
	background-size: 0;
	height: 48px;
	border-radius: 25px;
	text-indent: 25px;
	transition: var(--transition);
	filter: brightness(70%);
}
.hal-second-search-input.search:focus-visible {
	background-size: 100%;
}
.hal-second-search-input.search:hover {
	box-shadow: 0 3px 8px 0 #0000004f;
}

/* Couleur du texte du bouton rechercher a droite de la barre + transition ------------------------------------------------------------ */
.btn-cv-export{
	transition: var(--transition);
}

.btn-cv-export:hover{
	color: #fff!important;
}
}

/*==================================================================================*/
/*===================================== FOOTER =====================================*/
/*=================================================================================*/

/* Style et couleur du footer ----------------------------------------------------------------------- */
footer { 
    background-color: #272F3D !important;
    margin-top: 0px;
    padding-top: 50px;
}

/* Style et couleur du texte du footer ------------------------------------------------------------ */
footer li a { 
    color: #fff;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size 0.3s;
}

/* Style et couleur du texte du footer hover ----------------------------------------------------------------------- */
footer li a:focus, footer li a:hover { 
    color: #fff;
    background-size: 100% 1px;
    font-weight: 500;
}

 /* Separateur du footer entre les elements  ----------------------------------------------------------------------- */
div.col-sm-4:nth-child(2), div.col-sm-4:nth-child(3), div.col-sm-4:nth-child(6) {
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    height: 175px;
}
/* Separateur du footer entre les elements  ----------------------------------------------------------------------- */
div.col-sm-4:nth-child(4){ 
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    height: 175px;
}