/*
GitHub.Retro css for use with MarkdownView.wlx

Based on:                https://gist.github.com/tuzz/3331384
Dimmed palette based on: https://github.com/hyrious/github-markdown-css

Copyright (c) 2017 Chris Patuzzo
https://twitter.com/chrispatuzzo

Permission  is  hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"),  to deal
in the  Software without restriction,  including without limitation the rights
to use,  copy,  modify,  merge,  publish,  distribute, sublicense, and/or sell
copies  of  the  Software,  and  to  permit  persons  to whom  the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE  SOFTWARE  IS  PROVIDED  "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED,  INCLUDING  BUT  NOT  LIMITED  TO  THE WARRANTIES OF MERCHANTABILITY,
FITNESS  FOR  A  PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS  OR  COPYRIGHT  HOLDERS  BE  LIABLE  FOR  ANY  CLAIM, DAMAGES OR OTHER
LIABILITY,  WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF  OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
*/

/***************  COLOR PALETTE  ****************
 body background...............: #22272e
 body text.....................: #adbac7
 code background...............: #2d333b
 blockquote text...............: #768390
 borders.......................: #444c56
 links.........................: #539bf5
 marks.........................: #e7ca67
 absent (?)....................: #e5534b
 ************************************************/


body {
  font-family: "Arial Nova", "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif, 'Noto Emoji';
  font-size: 11pt;
  line-height: 1.6;
  color: #adbac7;
  background-color: #22272e;
  padding: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  scrollbar-base-color:       #1E2329;
  scrollbar-track-color:      #1E2329;
  scrollbar-face-color:       #2d333b;
  scrollbar-shadow-color:     #2d333b;
  scrollbar-arrow-color:      #539bf5;
  /*next ones have no effect on Win 10*/
  scrollbar-highlight-color:  #2d333b;
  scrollbar-3dlight-color:    #1E2329;
  scrollbar-darkshadow-color: #1E2329;
}

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

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

h1, h2, h3, h4, h5, h6 {
  margin: 20px 0 10px;
  padding: 0;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  cursor: text;
  position: relative;
}

h2:first-child, h1:first-child, h1:first-child + h2, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0;
  padding-top: 0;
}

h1:hover a.anchor, h2:hover a.anchor, h3:hover a.anchor, h4:hover a.anchor, h5:hover a.anchor, h6:hover a.anchor {
  text-decoration: none;
}

h1 tt, h1 code {
  font-size: inherit;
}

h2 tt, h2 code {
  font-size: inherit;
}

h3 tt, h3 code {
  font-size: inherit;
}

h4 tt, h4 code {
  font-size: inherit;
}

h5 tt, h5 code {
  font-size: inherit;
}

h6 tt, h6 code {
  font-size: inherit;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.8em;
  border-bottom: 1px solid #373e47;
}

h3 {
  font-size: 1.6em;
}

h4 {
  font-size: 1.4em;
}

h5 {
  font-size: 1.2em;
}

h6 {
  color: #768390;
  font-size: 1em;
}

p, blockquote, ul, ol, dl, table, pre {
  margin: 15px 0;
}

hr {
  border: 0 none;
  color: #444c56;
  height: 4px;
  padding: 0;
}

body > h2:first-child {
  margin-top: 0;
  padding-top: 0;
}

body > h1:first-child {
  margin-top: 0;
  padding-top: 0;
}

body > h1:first-child + h2 {
  margin-top: 0;
  padding-top: 0;
}

body > h3:first-child, body > h4:first-child, body > h5:first-child, body > h6:first-child {
  margin-top: 0;
  padding-top: 0;
}

h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
  margin-top: 0;
}

a {
  color: #539bf5;
  text-decoration: none;
}

a.absent {
  color: #e5534b;
}

a.anchor {
  display: block;
  padding-left: 30px;
  margin-left: -30px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

a:first-child h1, a:first-child h2, a:first-child h3, a:first-child h4, a:first-child h5, a:first-child h6 {
  margin-top: 0;
  padding-top: 0;
}

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

ul, ol {
  padding-left: 30px;
}

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

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

li {
  margin: 0;
}

dl {
  padding: 0;
}

dl dt {
  font-size: 1em;
  font-weight: bold;
  font-style: italic;
  padding: 0;
  margin: 15px 0 5px;
}

dl dt:first-child {
  padding: 0;
}

dl dt > :first-child {
  margin-top: 0;
}

dl dt > :last-child {
  margin-bottom: 0;
}

dl dd {
  margin: 0 0 15px;
  padding: 0 15px;
}

dl dd > :first-child {
  margin-top: 0;
}

dl dd > :last-child {
  margin-bottom: 0;
}

blockquote {
  border-left: 4px solid #444c56;
  padding: 0 15px;
  color: #768390;
}

blockquote > :first-child {
  margin-top: 0;
}

blockquote > :last-child {
  margin-bottom: 0;
}

table {
  font-size:11pt;
  padding: 0;
  border-collapse:collapse;
}

table tr {
  border-top: 1px solid #373e47;
  background-color: #22272e;
  margin: 0;
  padding: 0;
}

table tr:nth-child(2n) {
  background-color: #2d333b;
}

table tr th {
  font-weight: bold;
  border: 1px solid #444c56;
  text-align: left;
  margin: 0;
  padding: 6px 13px;
}

table tr td {
  border: 1px solid #444c56;
  text-align: left;
  margin: 0;
  padding: 6px 13px;
}

table tr th :first-child, table tr td :first-child {
  margin-top: 0;
}

table tr th :last-child, table tr td :last-child {
  margin-bottom: 0;
}

table th code, table td code {
  font-size:.9em;
}

img {
  max-width: 100%;
}

span.frame {
  display: block;
  overflow: hidden;
}

span.frame > span {
  border: 1px solid #444c56;
  display: block;
  float: left;
  overflow: hidden;
  margin: 13px 0 0;
  padding: 7px;
  width: auto;
}

span.frame span img {
  display: block;
  float: left;
}

span.frame span span {
  clear: both;
  color: #adbac7;
  display: block;
  padding: 5px 0 0;
}

span.align-center {
  display: block;
  overflow: hidden;
  clear: both;
}

span.align-center > span {
  display: block;
  overflow: hidden;
  margin: 13px auto 0;
  text-align: center;
}

span.align-center span img {
  margin: 0 auto;
  text-align: center;
}

span.align-right {
  display: block;
  overflow: hidden;
  clear: both;
}

span.align-right > span {
  display: block;
  overflow: hidden;
  margin: 13px 0 0;
  text-align: right;
}

span.align-right span img {
  margin: 0;
  text-align: right;
}

span.float-left {
  display: block;
  margin-right: 13px;
  overflow: hidden;
  float: left;
}

span.float-left span {
  margin: 13px 0 0;
}

span.float-right {
  display: block;
  margin-left: 13px;
  overflow: hidden;
  float: right;
}

span.float-right > span {
  display: block;
  overflow: hidden;
  margin: 13px auto 0;
  text-align: right;
}

code, tt {
  background-color: #2d333b;
  font-size: .9em;
  margin: 0 2px;
  padding: 0 5px;
  border: 1px solid #373e47;
  border-radius: 3px;
  white-space: nowrap;
}

.highlight pre {
  background-color: #2d333b;
  font-size: .9em;
  line-height: 19px;
  padding: 6px 10px;
  border: 1px solid #373e47;
  border-radius: 3px;
  overflow: auto;
}

pre {
  background-color: #2d333b;
  font-size: .9em;
  line-height: 19px;
  padding: 6px 10px;
  border: 1px solid #373e47;
  border-radius: 3px;
  overflow: auto;
}

pre code {
  margin: 0;
  padding: 0;
  white-space: pre;
  border: none;
  background: transparent;
}

pre code, pre tt {
  background-color: transparent;
  border: none;
}

kbd {
  background-color: #2d333b;
  font-size: .9em;
  padding: 2px 4px;
  border: 1px solid #444c56;
  border-bottom: 3px solid #444c56;
  border-radius: 3px;
}

/****************** EXTENSIONS ******************/

.footnotes {
  font-size: .75em;
  color: #768390;
}
.footnotes hr {
  height:1px;
  background-color:#444c56;
}
del {
  color:#768390;
}
mark {
  color:#E7CA67;
  background-color:#22272e;
}
