/*keyword types*/
/* ★ editeur */
/* ❨ auteur */
/* ✎ */
.kw_type:before{
    content: "| "; /*•*/
}

#onglet-rameau > div > span{
    font-family: 'muli';
    font-weight: 100;
    font-size: 92%;
}
#onglet-rameau > div > span > strong{
    background-color: white;
    color: grey;
    /*box-shadow: 0 0 1px 0 grey;*/
    border-radius: 4px;
    padding: 1px 6px;
    margin-right: 3px;
    font-size: 92%;
}
#onglet-rameau > div > span > a{
    color: blue;
    font-size: 92%;
}

/* data-type*/
/*#index-keywords ul.item-list > li:before {
    content: attr(data-type);
    margin-right: 0.3rem;
    display: table;
    color: var(--colorFifth);
    font-size: var(--fontsizeXSmall);
    font-family: 'muli';
    font-variant: small-caps;
    font-weight: 100;
}*/


muli{
    font-family: 'muli';
    font-weight: 100;
}
/* BUTTON */

.button {
    display: inline-block;
    margin-right: 1px;
    margin-bottom: 5px;
    padding: 0.4rem;
    /*border-radius: 4px;*/
    border: 1px solid var(--colorThird);

    font-family: 'muli';
    font-size: var(--fsSmall);
    font-weight: 100;
    line-height: 1;
    background-color: var(--colorFirst);
    color: var(--colorDark);
}
.button:hover{
    cursor: pointer;
    background-color: var(--colorFourth);
    border: 1px solid transparent;
}
.active > .button {
    background-color: var(--colorThird);
    border: 1px solid transparent;
}
.button > a:hover {
    text-decoration: none;
}

button{
    font-family: 'muli';
    font-weight: var(--fsSmall);
    outline: none;
}
button:focus {outline:none;}
button::-moz-focus-inner {border:0;}
a:focus {outline:none;}
a::-moz-focus-inner {border:0;}

/* REF */

.ref {
    /*color: black;*/
    font-family: 'jannon';
    /*font-weight: bold;*/
}
.ref .subtitle {
    /*font-weight: bold;*/
    /*font-style: italic;*/
    display: table;
    width: 100%;
    font-size: var(--fsMedium);
    line-height: var(--lhMedium);
    margin-bottom: 13px;
}
span.subtitle::first-letter{
    text-transform: uppercase;
}

.item .ref .user {
    /*display: table;*/
    /*width: 100%;*/
    text-align: right;
    font-weight: normal;
    font-size: var(--fsMedium);
    line-height: var(--lhMedium);
}

/* FONTSTYLE-1 (texte courant serif) */

.fontstyle-1 {
    color: var(--colorDark);
    font-family: 'jannon';
    font-size: var(--fontsizeMedium);
    font-weight: normal;
    font-style: normal;
    line-height: 1.2;
}

/* FONTSTYLE-2 (section header, list.html h1, )*/ 

.fontstyle-2 {
    color: var(--colorDark);
    font-family: 'muli';
    font-size: var(--fontsizeXSmall);
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

/* FONTSTYLE-3 (big title h1)*/
.fontstyle-3 {
    color: var(--colorDark);
    font-family: 'jannon';
    font-size: var(--fontsizeXXLarge);
    font-weight: bold;
    line-height: 1.1;
}

body[data-device-width="small"] .fontstyle-3 {
    font-size: var(--fontsizeXLarge);
}

/* FONTSTYLE-4 (texte courant lineale)*/

.fontstyle-4 {
    color: var(--colorDark);
    font-family: 'muli';
    font-size: var(--fontsizeXSmall);
    font-weight: normal;
    font-style: normal;
    line-height: 1.2;
}

/* FONTSTYLE-5 ( users in article detail and dossier) */
.fontstyle-5 {
    color: var(--colorDark);
    font-family: 'jannon';
    font-size: var(--fontsizeXLarge);
    font-weight: normal;
    line-height: 1;
}

.introduction a{
    text-decoration: underline;
}
.introduction a:hover{
    background-color: white;
}


/* keywords listed in aside */
/* data-lang */

.ref .title {
    /*font-weight: bold;*/
    display: table;
    width: 100%;
    font-size: var(--fsLarge);
    line-height: var(--lhLarge);
    margin-bottom: 3px;
}
.ref-key > a.title {
    /*background-color: yellow;*/
    display: inline-block;
    width: auto;
    font-size: var(--fsMedium);
    line-height: var(--lhMedium);
    margin-bottom: 3px;
}


#index-keywords ul.item-list > li:after {
    content: attr(data-lang);
    margin-left: 0.3rem;
    display: inline-block;
    color: var(--colorFifth);
    font-size: var(--fontsizeXSmall);
    font-family: 'muli';
    font-variant: small-caps;
    font-weight: 100;
}
.ref-key:after {
    content: attr(data-lang);
    margin-left: 0.3rem;
    display: inline-block;
    color: var(--colorFifth);
    font-size: var(--fontsizeXSmall);
    font-family: 'muli';
    font-variant: small-caps;
    font-weight: 100;
}
[data-page-template=home] .ref-key:after{
    content: "";
    margin-left: 0;
}

[data-page-template=home] .ref-key > a.title {
    /*background-color: yellow;*/
    display: table;
    width: 100%;
    font-size: var(--fsLarge);
    line-height: var(--lhLarge);
    margin-bottom: 3px;
}