/* Replace header hashes (#) by H1, H2, etc. in edit mode */ 
/* from Blue Topaz theme: DIRTY WYSIWYM HEADERS by _ph */

/* Header folder icon */
.CodeMirror-foldgutter-open, .CodeMirror-foldgutter-folded {
    padding-left: -10px;
  }
  
  .CodeMirror-sizer{
    margin-left: 35px !important;
  }
  
  /*-- reduce left padding --*/
  .CodeMirror {
    height: 100%;
    direction: ltr;
    padding: 0 5px;
  }
  
  /*-- hide # markup--*/
  .cm-formatting.cm-formatting-header.cm-formatting-header-1.cm-header.cm-header-1,
  .cm-formatting.cm-formatting-header.cm-formatting-header-2.cm-header.cm-header-2,
  .cm-formatting.cm-formatting-header.cm-formatting-header-3.cm-header.cm-header-3,
  .cm-formatting.cm-formatting-header.cm-formatting-header-4.cm-header.cm-header-4,
  .cm-formatting.cm-formatting-header.cm-formatting-header-5.cm-header.cm-header-5,
  .cm-formatting.cm-formatting-header.cm-formatting-header-6.cm-header.cm-header-6
  {font-size:0px;}
  
  /*-- display H1-h6 in gutter--*/
  .cm-formatting.cm-formatting-header.cm-formatting-header-1.cm-header.cm-header-1:before{
    content:"H1";
    font-size:14px;
    color: var(--h1ys);
    left:-36.5px;
    top:11px;
    position:absolute;
  }
  .cm-formatting.cm-formatting-header.cm-formatting-header-2.cm-header.cm-header-2:before{
    content:"H2";
    font-size:13px;
    color: var(--h2ys);
    left:-36.5px;
    top:9px;
    position:absolute;
  }
  .cm-formatting.cm-formatting-header.cm-formatting-header-3.cm-header.cm-header-3:before{
    content:"H3";
    font-size:12px;
    color: var(--h3ys);
    left:-36.7px;
    top: 7px;
    position:absolute;
  }
  .cm-formatting.cm-formatting-header.cm-formatting-header-4.cm-header.cm-header-4:before{
    content:"H4";
    font-size:11px;
    color: var(--h4ys);
    left:-20.5px;
    top: 7px;
    position:absolute;
  }
  .cm-formatting.cm-formatting-header.cm-formatting-header-5.cm-header.cm-header-5:before{
    content:"H5";
    font-size:10px;
    color: var(--h5ys);
    left:-20px;
    top: 9px;
    position:absolute;
  }
  .cm-formatting.cm-formatting-header.cm-formatting-header-6.cm-header.cm-header-6:before{
    content:"H6";
    font-size:9px;
    color: var(--h6ys);
    left:-19.5px;
    top: 9px;
    position:absolute;
  }
  
  /*-- is active line, hide H[1-6] in gutter --*/
  .CodeMirror-activeline span.cm-formatting.cm-formatting-header.cm-formatting-header-1.cm-header.cm-header-1:before,
  .CodeMirror-activeline span.cm-formatting.cm-formatting-header.cm-formatting-header-2.cm-header.cm-header-2:before,
  .CodeMirror-activeline span.cm-formatting.cm-formatting-header.cm-formatting-header-3.cm-header.cm-header-3:before,
  .CodeMirror-activeline span.cm-formatting.cm-formatting-header.cm-formatting-header-4.cm-header.cm-header-4:before,
  .CodeMirror-activeline span.cm-formatting.cm-formatting-header.cm-formatting-header-5.cm-header.cm-header-5:before,
  .CodeMirror-activeline span.cm-formatting.cm-formatting-header.cm-formatting-header-6.cm-header.cm-header-6:before
  {font-size:0px;}
  
  /*-- is active line, display # markup --*/
  .CodeMirror-activeline > pre > span .cm-formatting.cm-formatting-header.cm-formatting-header-1.cm-header.cm-header-1{
    font-size:24px;
    display:inline;
  }
  .CodeMirror-activeline > pre > span .cm-formatting.cm-formatting-header.cm-formatting-header-2.cm-header.cm-header-2{
    font-size:22px;
    display:inline;
  }
  .CodeMirror-activeline > pre > span .cm-formatting.cm-formatting-header.cm-formatting-header-3.cm-header.cm-header-3{
    font-size:20px;
    display:inline;
  }
  .CodeMirror-activeline > pre > span .cm-formatting.cm-formatting-header.cm-formatting-header-4.cm-header.cm-header-4{
    font-size:18px;
    display:inline;
  }
  .CodeMirror-activeline > pre > span .cm-formatting.cm-formatting-header.cm-formatting-header-5.cm-header.cm-header-5{
    font-size:16px;
    display:inline;
  }
  .CodeMirror-activeline > pre > span .cm-formatting.cm-formatting-header.cm-formatting-header-6.cm-header.cm-header-6{
    font-size:16px;
    display:inline;
  }