/* CSS Document disp.css for toc+ WP plugin*/
/* ###trebly:b50307:defined updated : b50809-01
* Manages display of TOC plus : plugin modified to use this css
* For long toc it is overflow-y and max-height limited to 90% of viewport height (vh)
* With theme twentythirteen2 and plugins added to TOC is set in aside last widget because it is sticky (fixed) this allows : 
* - to have main general widgets on top of right column 
* - then to keep for long texte the toc on the right column which allows easy navigation into the "book"
* the font family sans-serif sets a best readeability 
*/
/**
* History :
*   -   B90925-01 : introduces font for numbering headers into text
*   -   B81112 :
*       - todo ###b81112 verify : changed align-items suppressed for default from attrib flex which creates title moving on right when swapped to toc-target, this can have an effect on other elements
*       - name of file is changed from disp.css to toc-disp.css
 */
.toc_widget {
 /* overflow-y:scroll; b50617 the widget not scroll but the list*/
/* max-height : 700px;  */
    height:auto;
    max-height: 90vh; /* in widgets sidebar-2 */
    font-family: sans-serif;
}
.toc_widget_list {
    overflow-y:scroll;
    /* max-height : 700px;  */
    height:auto;
    max-height: 60vh; /* in widgets sidebar-2 */

}
ul.toc_list { /* No symbol before list if numbered */
    list-style-type: none;
}
ul.toc_list_numbered { /* No symbol before list if numbered */
    list-style-type: none;
}

.toc_indent-level-1{
    padding-left:12px;
    margin-top:10px;
    margin-bottom:5px;
}
.toc_indent-level-1 > li{
 /* .todo:###trebly:b50617:-> Default styles for chars by toc level */
}

.toc_indent-level-2{
    padding-left:12px;
    margin-top:6px;
}
.toc_indent-level-2 > li{

 }
.toc_indent-level-3{
     padding-left:12px;
     margin-top:3px;
 }

.toc_indent-level-3 > li{

  }

/*------------------------ the font size and font weight depending of level in toc */

.toc-target {
    background-color:rgba(193, 215, 197, 0.56);
 /*   display:-webkit-box; suppressed updated b51009 - this create content width box with wrap aligned left when several elements are displayed as post-id or others, the bookmark star is displayed at the top right outside into the gutter because span of the header which is not flex*/
    display: flex;
    width: 100%; /* The way to occupy full width of content */
    /* Flex : intent to set content on right and the link to title .toc-target >a at start */
    flex-wrap: wrap;
    align-content: flex-start;
   /* align-items: flex-end; suppressed b81112 the items of title are always left aligned */
    align-self: flex-start;
    flex-direction: column;
    /*  width :100%;.todo:b50807 Dans cette disposition en tête le mode par défaut auto produit un sommaire inesthétique, par contre sous le premier titre il vaut mieux une valeur comme 50%
    il conviendrait que la largeur soit liée à la position, paramètre à voir . Le pb est l'altération par les options la largeur doit être paramétrable dans le options locales*/
}

.toc-target > a {
    align-self: flex-start;
    flex-wrap: wrap;
    word-wrap: break-word;
    width: inherit;
     /*media all*/
}


.toc-target_lv1 {
    background-color:rgba(193, 215, 197, 0.56);
}
.toc-target_lv2 {
    background-color:rgba(193, 215, 197, 0.56);
}
.toc-target_lv3 {
    background-color:rgba(193, 215, 197, 0.56);
}
.toc-target_lv4 {
    background-color:rgba(193, 215, 197, 0.56);
}
.toc-target_lv5 {
    background-color:rgba(193, 215, 197, 0.56);
}
.toc-target_lv6 {
    background-color:rgba(193, 215, 197, 0.56);
}

.toc-target:target { /* .todo:###trebly_b50425:-> raise event with transition to set position of element etc...
set also transitions on container position and visibility*/
    color : red;
    -webkit-transition-property: color ;
    -webkit-transition-timing-function : ease ;
    -webkit-transition-duration : 1s;
;
}

.toc-target p.post-id { /* post-id can be written as first element of title at top right small font */
    font-size: 12px;
    font-weight: 100;
    margin: 0;
    float: right;

}

.navlinks_bkm_items {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

/* Fonts for numbering headers in text */
span.toc-number-title {
    font-weight: 400;
    font-stretch: condensed;
    font-family: sans-serif;
}
/* span.toc-number-title.toc-num_h-lev_ could be defined by level to differentiate from the text of the header
 defining only span.toc-number-title makes the number get the the same size as the text of the header
 but it is black while the target is currently red
 */