/*/bootstrap css*/
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
} 
.h1,
h1 {
  font-size: 2.5rem;
} 
.h2,
h2 {
  font-size: 2rem;
} 
.h3,
h3 {
  font-size: 1.75rem;
} 
.h4,
h4 {
  font-size: 1.5rem;
} 
.h5,
h5 {
  font-size: 1.25rem;
} 
.h6,
h6 {
  font-size: 1rem;
}

/** initialize css counter */
#write {
  counter-reset: h1;
} 

h1 {
  counter-reset: h2;
}

h2 {
  counter-reset: h3;
}

h3 {
  counter-reset: h4;
}

h4 {
  counter-reset: h5;
}

h5 {
  counter-reset: h6;
}


.outline-h1 > .outline-item > .outline-label {
  background-color: lightblue;
}
.outline-h2 > .outline-item > .outline-label {
  background-color: lightcoral;
}
.outline-h3 > .outline-item > .outline-label {
  background-color: lightsalmon;
}
.outline-h4 > .outline-item > .outline-label {
  background-color: lightgoldenrodyellow;
}
.outline-h5 > .outline-item > .outline-label {
  background-color: lightgray;
}
.outline-h6 > .outline-item > .outline-label {
  background-color: lightgreen;
}

.outline-h1 > .outline-item > .outline-label:before {
  counter-increment: h1;
  content: counter(h1) ". ";
  /* color: red; */
} 

.outline-h2 > .outline-item > .outline-label:before {
  counter-increment: h2;
  content: counter(h1) "." counter(h2) ". ";
  /* color: blue; */
}

.outline-h3 > .outline-item > .outline-label:before {
  counter-increment: h3;
  content: counter(h1) "." counter(h2) "." counter(h3) ". ";
  /* color: green; */
}

.outline-h4 > .outline-item > .outline-label:before {
  counter-increment: h4;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". ";
  /* color: pink; */
}

.outline-h5 > .outline-item > .outline-label:before {
  counter-increment: h5;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "."
counter(h5) ". ";
  /* color: #663da0; */
}

.outline-h6 > .outline-item > .outline-label:before {
  counter-increment: h6;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "."
counter(h5) "." counter(h6) ". ";
/* color: #7cde1c; */
}

/** put counter result into headings */
#write h1:before {
  counter-increment: h1;
  content: counter(h1) ". ";
}

#write h2:before {
  counter-increment: h2;
  content: counter(h1) "." counter(h2) ". ";
}

#write h3:before,
h3.md-focus.md-heading:before /** override the default style for focused
headings */ {
  counter-increment: h3;
  content: counter(h1) "." counter(h2) "." counter(h3) ". ";
}

#write h4:before,
h4.md-focus.md-heading:before {
  counter-increment: h4;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". ";
}

#write h5:before,
h5.md-focus.md-heading:before {
  counter-increment: h5;content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "."
counter(h5) ". ";
}

#write h6:before,
h6.md-focus.md-heading:before {
  counter-increment: h6;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "."
counter(h5) "." counter(h6) ". ";
}

/** override the default style for focused headings */
#write > h3.md-focus:before,
#write > h4.md-focus:before,
#write > h5.md-focus:before,
#write > h6.md-focus:before,
h3.md-focus:before,
h4.md-focus:before,
h5.md-focus:before,
h6.md-focus:before {
  color: inherit;
  border: inherit;
  border-radius: inherit;
  position: inherit;
  left: initial;
  float: none;
  top: initial;
  font-size: inherit;
  padding-left: inherit;
  padding-right: inherit;
  vertical-align: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.sidebar-content {
  counter-reset: h1;
}

.outline-h1 {
  counter-reset: h2;
}

.outline-h2 {
  counter-reset: h3;
}

.outline-h3 {
  counter-reset: h4;
}

.outline-h4 {
  counter-reset: h5;
}

.outline-h5 {
  counter-reset: h6;
}

.outline-h1 > .outline-item > .outline-label:before {
  counter-increment: h1;
  content: counter(h1) ". ";
}

.outline-h2 > .outline-item > .outline-label:before {
  counter-increment: h2;
  content: counter(h1) "." counter(h2) ". ";
}

.outline-h3 > .outline-item > .outline-label:before {
  counter-increment: h3;
  content: counter(h1) "." counter(h2) "." counter(h3) ". ";
}

.outline-h4 > .outline-item > .outline-label:before {
  counter-increment: h4;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". ";
}

.outline-h5 > .outline-item > .outline-label:before {
  counter-increment: h5;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "."
counter(h5) ". ";
}

.outline-h6 > .outline-item > .outline-label:before {
  counter-increment: h6;
  content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "."
counter(h5) "." counter(h6) ". ";
}

blockquote {
  margin: 1.5625em 0;
  padding: 0.6rem;
  overflow: hidden;
  font-size: 1rem;
  page-break-inside: avoid;
  border-left: 0.3rem solid #42b983;
  border-radius: 0.3rem;
  box-shadow: 0 0.1rem 0.4rem rgba(0, 0, 0, 0.05), 0 0 0.05rem rgba(0, 0, 0,
0.1);
  background-color: #fafafa;
  border-color: #ff9100;
}

code {
  color: #ef5350;
}

strong {
  color: rgb(222 13 81);
} 

.outline-item-wrapper {
  border: 1px solid rgb(214 210 190);
}