pre {
  font-size: 10px;
  line-height: 11px;
}

#joli-toc-filler {
  display: none;
}

#joli-toc-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 999;
  margin: 0;
  padding: 0;
}

#joli-toc-wrapper.joli-incontent {
  position: initial;
  margin-bottom: 30px;
}

#joli-toc-wrapper.joli-folded nav#joli-toc #joli-toc-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}

#joli-toc-wrapper.joli-folded nav#joli-toc #joli-toc-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

#joli-toc-wrapper.joli-folded nav#joli-toc .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#joli-toc-wrapper.joli-folded nav#joli-toc ul.joli-nav {
  display: none;
}

#joli-toc-wrapper.joli-floating nav#joli-toc {
  display: none;
}

#joli-toc-wrapper.joli-floating nav#joli-toc.joli-collapsed li a.active + :not(.active) {
  display: none;
}

#joli-toc-wrapper.joli-floating nav#joli-toc.joli-collapsed, #joli-toc-wrapper.joli-floating nav#joli-toc.joli-expanded {
  display: initial;
}

#joli-toc-wrapper.joli-unfolded-ufloating nav#joli-toc {
  display: initial;
}

@media (max-width: 767.98px) {
  #joli-toc-wrapper.joli-floating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 40px);
    max-height: 90%;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #joli-toc-wrapper.joli-floating .joli-expanded #joli-toc-collapse {
    display: block !important;
  }
}

#joli-toc-wrapper.joli-folded-floating.joli-unfolded nav#joli-toc #joli-toc-collapse, #joli-toc-wrapper.joli-folded-incontent.joli-unfolded nav#joli-toc #joli-toc-collapse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  min-width: 30px;
  min-height: 30px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50px 0 0 50px;
  font-size: initial;
  z-index: 99;
  min-height: 24px;
  min-width: 24px;
  font-size: initial;
  border-radius: 5px;
  cursor: pointer;
}

#joli-toc-wrapper nav#joli-toc.joli-expanded,
#joli-toc-wrapper.joli-folded nav#joli-toc.joli-expanded,
#joli-toc-wrapper.joli-unfolded nav#joli-toc {
  border-radius: 1em;
  padding: 10px;
}

#joli-toc-wrapper nav#joli-toc.joli-expanded .joli-div,
#joli-toc-wrapper.joli-folded nav#joli-toc.joli-expanded .joli-div,
#joli-toc-wrapper.joli-unfolded nav#joli-toc .joli-div {
  display: block;
}

#joli-toc-wrapper nav#joli-toc.joli-expanded #joli-toc-toggle,
#joli-toc-wrapper nav#joli-toc.joli-expanded #joli-toc-toggle.active,
#joli-toc-wrapper.joli-folded nav#joli-toc.joli-expanded #joli-toc-toggle,
#joli-toc-wrapper.joli-folded nav#joli-toc.joli-expanded #joli-toc-toggle.active,
#joli-toc-wrapper.joli-unfolded nav#joli-toc #joli-toc-toggle,
#joli-toc-wrapper.joli-unfolded nav#joli-toc #joli-toc-toggle.active {
  display: none;
}

#joli-toc-wrapper nav#joli-toc.joli-expanded #joli-toc-header,
#joli-toc-wrapper.joli-folded nav#joli-toc.joli-expanded #joli-toc-header,
#joli-toc-wrapper.joli-unfolded nav#joli-toc #joli-toc-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#joli-toc-wrapper nav#joli-toc.joli-expanded .title,
#joli-toc-wrapper.joli-folded nav#joli-toc.joli-expanded .title,
#joli-toc-wrapper.joli-unfolded nav#joli-toc .title {
  display: inline-block;
  width: 100%;
  margin-left: initial;
}

#joli-toc-wrapper nav#joli-toc.joli-expanded ul,
#joli-toc-wrapper.joli-folded nav#joli-toc.joli-expanded ul,
#joli-toc-wrapper.joli-unfolded nav#joli-toc ul {
  display: block;
}

#joli-toc-wrapper nav#joli-toc.joli-expanded ul.joli-nav ul,
#joli-toc-wrapper.joli-folded nav#joli-toc.joli-expanded ul.joli-nav ul,
#joli-toc-wrapper.joli-unfolded nav#joli-toc ul.joli-nav ul {
  width: auto;
}

#joli-toc-wrapper nav#joli-toc.joli-expanded li,
#joli-toc-wrapper.joli-folded nav#joli-toc.joli-expanded li,
#joli-toc-wrapper.joli-unfolded nav#joli-toc li {
  display: block;
  position: relative;
  margin: 0;
}

#joli-toc-wrapper nav#joli-toc.joli-expanded li a,
#joli-toc-wrapper.joli-folded nav#joli-toc.joli-expanded li a,
#joli-toc-wrapper.joli-unfolded nav#joli-toc li a {
  display: block;
  margin-bottom: 2px;
  padding: 0px 10px;
  font-size: inherit;
}

@media (max-width: 767.98px) {
  #joli-toc-wrapper nav#joli-toc.joli-expanded,
  #joli-toc-wrapper.joli-folded nav#joli-toc.joli-expanded,
  #joli-toc-wrapper.joli-unfolded nav#joli-toc {
    width: 100%;
    max-height: 100%;
    overflow-y: auto;
  }
  #joli-toc-wrapper nav#joli-toc.joli-expanded li a.active,
  #joli-toc-wrapper.joli-folded nav#joli-toc.joli-expanded li a.active,
  #joli-toc-wrapper.joli-unfolded nav#joli-toc li a.active {
    margin-left: 0;
    border-radius: 1em;
  }
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed,
#joli-toc-wrapper nav#joli-toc {
  border-radius: 1em;
  display: inline-block;
  background: #f6f4f5;
  max-width: 100%;
  min-width: initial;
  position: relative;
  font-size: 1em;
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed .joli-div,
#joli-toc-wrapper nav#joli-toc .joli-div {
  display: none;
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed #joli-toc-header,
#joli-toc-wrapper nav#joli-toc #joli-toc-header {
  display: none;
  position: relative;
  /* min-height: 30px; */
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed #joli-toc-toggle-box,
#joli-toc-wrapper nav#joli-toc #joli-toc-toggle-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed #joli-toc-toggle-box .joli-expcol,
#joli-toc-wrapper nav#joli-toc #joli-toc-toggle-box .joli-expcol {
  color: #00000080;
  font-weight: bold;
  font-size: 24px;
  min-width: 24px;
  min-height: 24px;
  line-height: 24px;
  text-align: center;
  /* border: 1px solid #0000000f; */
  /* background: #0000000f; */
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: monospace;
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed #joli-toc-toggle,
#joli-toc-wrapper nav#joli-toc #joli-toc-toggle {
  display: none;
  font-weight: bold;
  min-width: 30px;
  min-height: 30px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50px 0 0 50px;
  font-size: initial;
  z-index: 99;
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed #joli-toc-collapse,
#joli-toc-wrapper nav#joli-toc #joli-toc-collapse {
  display: none;
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed .title,
#joli-toc-wrapper nav#joli-toc .title {
  font-size: 1.1em;
  font-weight: 500;
  width: 100%;
  display: none;
  padding: 0 0 0 0;
  padding: 0 10px;
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed .title #title-label,
#joli-toc-wrapper nav#joli-toc .title #title-label {
  display: block;
  width: 100%;
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed ul,
#joli-toc-wrapper nav#joli-toc ul {
  list-style-type: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed ul.joli-nav,
#joli-toc-wrapper nav#joli-toc ul.joli-nav {
  margin: 0;
  padding: 0;
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed ul.joli-nav ul,
#joli-toc-wrapper nav#joli-toc ul.joli-nav ul {
  margin: 0;
  padding: 0;
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed li,
#joli-toc-wrapper nav#joli-toc li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0;
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed li a,
#joli-toc-wrapper nav#joli-toc li a {
  font-size: 0px;
  border-radius: 1em;
  padding: 0;
  color: #39383a;
  text-decoration: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: none;
  transition: none;
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed li a:before,
#joli-toc-wrapper nav#joli-toc li a:before {
  color: #aaaaaa;
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed li a.active,
#joli-toc-wrapper nav#joli-toc li a.active {
  display: block;
  color: #ffffff;
  background: #39383a;
  font-size: inherit;
  width: auto;
  padding: 0px 10px;
}

#joli-toc-wrapper nav#joli-toc.joli-collapsed li a:hover,
#joli-toc-wrapper nav#joli-toc li a:hover {
  color: #39383a;
  background: #c9c9c9;
}

#joli-toc-wrapper .joli-credits {
  font-size: 11px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  text-align: right;
  color: #bbbbbb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#joli-toc-wrapper .joli-credits img {
  height: 12px;
  margin-left: 6px;
}

/*
2 columns
#joli-toc-wrapper nav#joli-toc.joli-collapsed ul.joli-nav, #joli-toc-wrapper nav#joli-toc ul.joli-nav {
    font-size: 0.9em;
    column-count: 2;
    // column-gap: 1px; 
    column-fill: balance;
    column-rule-color: #aaaaaa80;
    column-rule-style: solid;
    column-rule-width: 1px;
    column-rule-style: dashed;
}*/
/*# sourceMappingURL=wpjoli-joli-toc.css.map */