$theme-color: #1378d6;
$title-color: #8064a9;
$text-color: #444444;
$light-text-color: #666666;
$lighter-text-color: #888888;
$code-color: #ec71b7;
$link-color: #745fb5;
$shadow-color: #eee;
$border-quote: #e3dff0;
$border: #e7e7e7;
$link-bottom: #bbb;
$shadow: 3px 3px 10px #eee;
$inline-code-bg: #f4f2f9;
$header-weight: normal;
$side-bar-bg-color: #fafafa;
$control-text-color: $light-text-color;
$active-file-text-color: $title-color;
$active-file-bg-color: #eee;
$item-hover-bg-color: #eee;
$active-file-border-color: #8064a9;
$base-font: JetBrains Mono, Monaco, PingFang SC, Microsoft YaHei, Source Sans Pro, Helvetica Neue, sans-serif;
$title-font: JetBrains Mono, Monaco, Microsoft YaHei, PingFang SC, Helvetica Neue, EB Garamond, Georgia, Source Sans Pro, serif;
$monospace: JetBrains Mono, Monaco, Fira Code, Cascadia Code, Sarasa Term SC, Deja Vu Sans Mono, Consolas, Lucida Console, Andale Mono, Roboto Mono, Courier, Monospace, serif;

.confluence-markdown-editor-content {
  text-rendering: optimizelegibility !important;
  font-family: $base-font !important;
  max-width: 960px !important;
  margin: 0 auto !important;
  padding: 1rem 4rem 100px !important;
  color: #000 !important;
  letter-spacing: 0 !important;
  overflow-x: hidden !important;
  font-size: 17px !important;
  word-spacing: 0.1rem !important;
  line-height: 2.5 !important;

  *:first-child {
    margin-top: 0 !important;
  }

  *:last-child {
    margin-bottom: 0 !important;
  }

  p {
    line-height: 1.5 !important;
    word-spacing: 0.1rem !important;
    font-size: 1em !important;
    color: #000 !important;
  }

  a {
    color: #1378d6 !important;
    text-decoration: none !important;
    // border-bottom: 1px solid #E1FFFF !important;
  }

  a:hover {
    border-bottom: 1px solid #1378d6 !important;
  }

  h1, h2, h3, h4, h5, h6 {
    position: relative !important;
    margin-top: 2rem !important;
    margin-bottom: 1rem !important;
    font-weight: bold !important;
    // line-height: 1.3 !important;
    cursor: text !important;
    color: #000 !important;
    font-family: $title-font !important;
  }

  h1 {
    // text-align: center !important;
    font-size: 2.25em !important;
    margin-bottom: 2rem !important;
  }

  h1:after {
    content: "" !important;
    display: block !important;
    margin: 0.2em auto 0 !important;
    width: 6rem !important;
    height: 2px !important;
    border-bottom: 2px solid $title-color !important;
  }

  h2 {
    // padding-left: 0.4em !important;
    font-size: 2em !important;
    color: #1378d6 !important;
    // border-radius: 2px !important;
    // border-bottom-width: 0.3em !important;
    // border-bottom-style: solid !important;
    // border-bottom-color: #1378d6 !important;
  }

  h3 {
    font-size: 1.5em !important;
  }

  h4 {
    font-size: 1.3em !important;
  }

  h5 {
    font-size: 1.2em !important;
  }

  h6 {
    font-size: 1.1em !important;
  }


  hr {
    margin: 1.5em auto !important;
    border-top: 1px solid $title-color !important;
  }

  li > ol, li > ul {
    margin: 0 0 !important;
  }

  li p.first {
    display: inline-block !important;
  }

  ul, ol {
    padding-left: 2rem !important;
  }

  ul:first-child, ol:first-child {
    margin-top: 0 !important;
  }

  ul:last-child, ol:last-child {
    margin-bottom: 0 !important;
  }

  ol li, ul li {
    padding-left: 0.1rem !important;
  }
  
  li p{
      line-height: 2em !important;
  }

  blockquote {
    background: #e7eff9 !important;
    border-radius: 2px 6px 6px 2px !important;
    color: #000 !important;
    font-family: $base-font !important;
    border-left-width: 0.3em !important;
    border-left-style: solid !important;
    border-left-color: #1378d6 !important;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    padding-left: 1em !important;
    margin-left: 0 !important;
  }
  
  blockquote p {
    line-height: 1.5em !important;
  }

  table {
    margin-bottom: 1.25rem !important;
  }


  table th, table td {
    padding: 8px !important;
    line-height: 1.25 !important;
    vertical-align: middle !important;
    border: 1px solid #ddd !important;
  }

  table th {
    font-weight: bold !important;
  }

  table thead th {
    vertical-align: middle !important;
  }

  table tr:nth-child(2n), thead {
    background-color: #fcfcfc !important;
  }

  strong {
    padding: 0 2px !important;
    font-weight: bold !important;
  }

  code:not(.code code), tt {
    padding: 2px 4px !important;
    border-radius:6px !important;
    font-family: $monospace !important;
    color: $code-color !important;
    background-color: #e1ecf8 !important;
    margin: 0 2px !important;
  }

  .md-footnote {
    color: $code-color !important;
    background-color: $inline-code-bg !important;
  }

  mark {
    background: rgb(255, 255, 196) !important;
  }

  del {
    padding: 1px 2px !important;
  }

  .md-task-list-item > input {
    margin-left: -1.3em !important;
  }

  pre.md-meta-block {
    padding: 1rem !important;
    font-size: 85% !important;
    line-height: 1.45 !important;
    background-color: #f7f7f7 !important;
    border: 0 !important;
    border-radius: 3px !important;
    color: #777777 !important;
    margin-top: 0 !important;
  }

  .mathjax-block > .code-tooltip {
    bottom: 0.375rem !important;
  }

  .md-image > .md-meta {
    border-radius: 3px !important;
    font-family: $monospace !important;
    padding: 2px 0 0 4px !important;
    font-size: 0.9em !important;
    color: inherit !important;
  }

  img[alt|="shadow"] {
    box-shadow: $shadow !important;
  }

  a.md-toc-inner {
    line-height: 1.6 !important;
    white-space: pre-line !important;
    border-bottom: none !important;
    color: $lighter-text-color !important;
    font-size: 0.9rem !important;
  }

  .md-toc-h2 .md-toc-inner {
    font-weight: bold !important;
  }

  header, .context-menu, .megamenu-content, footer {
    font-family: $base-font !important;
  }

  .file-node-content:hover .file-node-icon,
  .file-node-content:hover .file-node-open-state {
    visibility: visible !important;
  }

  .md-lang {
    color: #b4654d !important;
  }

  .html-for-mac .context-menu {
    --item-hover-bg-color: #e6f0fe !important;
  }

  .md-fences {
    border: 1px solid $border !important;
    border-radius: 5px !important;
    background: #fdfdfd !important;
    font-size: 0.9rem !important;
  }

  pre.md-fences {
    display: block !important;
    -webkit-overflow-scrolling: touch !important;
    box-shadow: $shadow !important;
  }

  .cm-s-inner {
    padding: 0.25rem !important;
    border-radius: 0.25rem !important;
  }

  .cm-s-inner.CodeMirror, .cm-s-inner .CodeMirror-gutters {
    color: #3a3432 !important;
    border: none !important;
  }

  .cm-s-inner .CodeMirror-gutters {
    color: #6d8a88 !important;
  }

  .cm-s-inner .CodeMirror-linenumber {
    padding: 0 0.1rem 0 0.3rem !important;
    color: #b8b5b4 !important;
  }

  .cm-s-inner .CodeMirror-matchingbracket {
    text-decoration: underline !important;
    color: #a34e8f !important;
  }

  .cm-s-inner .CodeMirror-matchingbracket {
    text-decoration: underline !important;
    color: #a34e8f !important;
  }

  #fences-auto-suggest .active {
    background: #ddd !important;
  }

  .cm-s-inner span.cm-comment {
    color: #9daab6 !important;
  }

  .cm-s-inner span.cm-builtin {
    color: #0451a5 !important;
  }

  .code-tooltip {
    border: 1px solid $border !important;
  }

  .auto-suggest-container {
    border-color: #b4b4b4 !important;
  }

  .auto-suggest-container .autoComplt-hint.active {
    background: #b4b4b4 !important;
    color: inherit !important;
  }

  .md-task-list-item > input {
    -webkit-appearance: initial !important;
    display: block !important;
    position: absolute !important;
    border: 1px solid #b4b4b4 !important;
    border-radius: 0.2rem !important;
    margin-top: 0.3rem !important;
    height: 1rem !important;
    width: 1rem !important;
    transition: background 0.3s !important;
  }

  .md-task-list-item > input:focus {
    outline: none !important;
    box-shadow: none !important;
  }

  .md-task-list-item > input:hover {
    background: #ddd !important;
  }

  .md-task-list-item > input[checked]::before {
    content: "" !important;
    position: absolute !important;
    top: 20% !important;
    left: 50% !important;
    height: 60% !important;
    width: 2px !important;
    transform: rotate(40deg) !important;
    background: #333 !important;
  }

  .md-task-list-item > input[checked]::after {
    content: "" !important;
    position: absolute !important;
    top: 46% !important;
    left: 25% !important;
    height: 30% !important;
    width: 2px !important;
    transform: rotate(-40deg) !important;
    background: #333 !important;
  }

  .md-task-list-item > p {
    transition: color 0.3s, opacity 0.3s !important;
  }

  .md-task-list-item.task-list-done > p {
    color: #b4b4b4 !important;
    text-decoration: line-through !important;
  }

  .md-task-list-item.task-list-done > p > .md-emoji {
    opacity: 0.5 !important;
  }

  .md-task-list-item.task-list-done > p > .md-link > a {
    opacity: 0.6 !important;
  }

  .confluence-information-macro p {
    line-height: 1.42857143 !important;
    margin: 0 !important;
  }

  //  --- END ---
}