/*
$base03:    #002b36;
$base02:    #073642;
$base01:    #586e75;
$base00:    #657b83;
$base0:     #839496;
$base1:     #93a1a1;
$base2:     #eee8d5;
$base3:     #fdf6e3;
$yellow:    #b58900;
$orange:    #cb4b16;
$red:       #dc322f;
$magenta:   #d33682;
$violet:    #6c71c4;
$blue:      #268bd2;
$cyan:      #2aa198;
$green:     #859900;
*/

/* titles */
@font-face {
    font-family: "impactlabel";
    src: url("Impact_Label-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* normal */
@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans.woff2') format('woff2'),
         url('OpenSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* code */
@font-face {
    font-family: 'Fira Mono';
    src: url('FiraMono-Regular.woff2') format('woff2'),
         url('FiraMono-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "Open Sans", "Times New Roman", Times, serif; /* TODO sans serif */
    font-size: 120%;
    margin: auto;
    max-width: 22cm;
    padding: 0cm;
    background-color: #eee8d5;
    color: #586e75 !important;
    text-align: justify;
}

h1, h2, h3, h4, h5, h6, h7 {
    font-family: "impactlabel", "Times New Roman", Times, serif;
    font-size: 150%;
    margin-bottom: 1rem;
    margin-top: 2rem;
    page-break-after: avoid;
    break-after: avoid;
    border: none !important;
}


h1 {
    margin-bottom: 3rem;
    font-size: 400%;
    text-align: center;
    color: #cb4b16;
}

h2 {
    margin-top: 4rem;
    font-size: 200%;
    color: #268bd2;
}

h3 {
    margin-top: 4rem;
    font-size: 175%;
    color: #073642;
}

h4 {
    font-weight: normal;
}

li {
    margin-top: 0.2rem;
}

img {
    display: block;
    page-break-inside: avoid;
    break-inside: avoid;
    margin: auto;
}

p {
    width: 100%;
}

table {
    width: 100%;
}

th {
    color: #cb4b16;
}

blockquote {
    /*margin: 1cm 2cm 1cm 2cm;
    background-color: #fdf6e3 !important;
    border: 5px solid #cb4b16 !important;
    padding: 0.5cm 1cm 0.5cm 1cm !important;*/
    padding-left: 1cm;
    margin-left: calc(-1cm - 5px);
    width: 100%;
    border-left: 5px solid #cb4b16 !important;
    quotes: "«" "»";
    margin-bottom: 1cm !important;
    padding: 1em 2em 0 2em !important;
}

blockquote::before, blockquote::after {
  color: #93a1a1;
  content: open-quote;
  font-size: 400%;
  line-height: 0.1em;
  margin-left: -3cm;
  vertical-align: text-top;
}

blockquote::after {
  content: close-quote;
}


pre {
    background-color: #073642 !important;
    border-left: 5px solid #cb4b16 !important;
}

/* inline code */
code {
    background-color: #073642;
    font-family: "Fira Mono", "Times New Roman", Times, serif; /* TODO mono */
    color: #dcdcdc /*#93a1a1*/ !important;
    padding: 0.3em;
    display: inline-block;
    page-break-inside: avoid;
    break-inside: avoid;
  }

/* code block */
pre > code {
    padding: 0.5em 0.5em 0.5em 0.5em;
}

.hljs-keyword {
    color: #6c71c4 !important;
}

.hljs-class, .hljs-class > .hljs-title {
    color: #b58900 !important;
}

.hljs-string {
    color: #859900 !important;
}

.hljs-function > .hljs-title {
    color: #268bd2 !important;
}

.hljs-function > .hljs-params {
    color: #cb4b16 !important;
}

/* decorator */
.hljs-meta {
    color: #268bd2 !important;
}

.hljs-number {
    color: #cb4b16 !important;
}

.hljs-comment {
    color: #657b83 !important;
}

/* True / false */
.hljs-literal {
    color: #cb4b16 !important;
}

/* html / xml */
.hljs-tag {
    color: #dcdcdc /*#93a1a1*/ !important;
}
.hljs-tag > .hljs-name {
    color: #dc322f !important;
}
.hljs-tag > .hljs-attr {
    color: #6c71c4 !important;
}

@media print {
    @page {
        size: A4 portrait;
        background-color: #eee8d5;
    }

    body {
        padding: 0cm;
        font-size: 100%;
    }

    a[href^="http"]:after {
        content: " (" attr(href) ")";
        font-size: 80%;
    }

    a[href^="#"]:after {
        display: none;
    }

    a {
        word-wrap: break-word;
        color: #586e75;
    }
table, img, svg, blockquote {
  break-inside: avoid;
}

h1, h2, h3, h4, h5, h6 { page-break-after:avoid; 
     page-break-inside:avoid }

@page :blank {
  @top-center { content: "Cette page est intentionnellement blanche." }
}

@page{ 

        @bottom-left {
          margin: 10pt 0 30pt 0;
          border-top: .25pt solid #666;
          content: "© 2020 Vincent Poulailleau";
          font-size: 9pt;
          color: #333;
        }
    
    }
@page{ 
  @bottom-center { 
    margin: 10pt 0 30pt 0;
    border-top: .25pt solid #666;
    content: counter(page) ;
          font-size: 9pt;
          color: #333;
 }
}

}