/* Beyond Dark - custom dark theme based on EnlighterJS "beyond" light theme */
/* Palette:
   bg:       #303638  (slightly lighter than site dark bg #262A2B)
   bg-alt:   #363d3f  (highlighted rows)
   bg-num:   #2a3135  (line number gutter)
   border:   #454d50
   text:     #cdd2d4  (default)
   comments: #7a8a94
   keywords: #82c4e8  (light blue)
   strings:  #f08b8b  (light red/salmon)
   numbers:  #50c8c8  (teal)
   methods:  #82c4e8  (blue)
   special:  #d47fc0  (magenta)
   errors:   #b59af7  (light purple)
*/

.enlighter-t-beyond-dark {
    color: #cdd2d4;
    background-color: #303638;
    border-radius: 8px;
    border: solid 1px #454d50;
    padding: 10px 10px 10px 5px;
    font-size: 12pt;
}

.enlighter-t-beyond-dark .enlighter-btn {
    border-radius: 3px;
    background-color: #363d3f;
    color: #8a9aa4;
    padding: 0;
    border: 1px solid #454d50;
    margin: 0 0 0 8px;
    width: 23px;
    height: 23px;
    background-position: 0 0;
    background-size: contain;
    font-family: "Open Sans", Arial, Verdana, sans-serif;
}

.enlighter-t-beyond-dark .enlighter-btn:hover { border-color: #5a6568; }
.enlighter-t-beyond-dark .enlighter-btn:after { content: ''; }

.enlighter-t-beyond-dark.enlighter-hover div.enlighter > div:hover {
    color: #e0e6e8;
    background-color: #3a4245;
}

.enlighter-t-beyond-dark.enlighter-hover div.enlighter > div:hover.enlighter-special {
    background-color: #3d4a3e;
    border: solid 0 #303638;
    color: #e0e6e8;
}

.enlighter-t-beyond-dark .enlighter-raw {
    background-color: #303638;
    font-size: 12pt;
    color: #cdd2d4;
    padding: 10px 15px 10px 59px;
    line-height: 1.7em;
}

.enlighter-t-beyond-dark div.enlighter > div {
    border: solid 0 #303638;
    padding: 1px 5px 1px 10px;
    line-height: 1.5em;
    color: #7a8a94;
    background-color: #303638;
}

.enlighter-t-beyond-dark div.enlighter > div:FIRST-CHILD { border-radius: 8px 8px 0 0; }
.enlighter-t-beyond-dark div.enlighter > div:LAST-CHILD  { border-radius: 0 0 8px 8px; }
.enlighter-t-beyond-dark div.enlighter > div:AFTER       { content: ' '; }

.enlighter-t-beyond-dark div.enlighter > div.enlighter-special {
    background-color: #363d3f;
}

.enlighter-t-beyond-dark.enlighter-linenumbers div.enlighter > div::before {
    padding: 1px 5px 1px 14px;
    font-size: .9em;
    color: #5a6a74;
    border-right: 1px solid #454d50;
}

.enlighter-t-beyond-dark.enlighter-linenumbers div.enlighter > div:FIRST-CHILD::before {
    border-radius: 0 8px 0 0;
}

.enlighter-t-beyond-dark.enlighter-linenumbers div.enlighter > div:LAST-CHILD::before {
    border-radius: 0 0 8px 0;
}

.enlighter-t-beyond-dark .enlighter span { font-size: 12pt; }
.enlighter-t-beyond-dark .enlighter-text { color: #cdd2d4; }

/* Comments */
.enlighter-t-beyond-dark .enlighter-c0 { color: #7a8a94; }
.enlighter-t-beyond-dark .enlighter-c1 { color: #7a8a94; }
.enlighter-t-beyond-dark .enlighter-c2 { color: #7a8a94; }
.enlighter-t-beyond-dark .enlighter-c9 { color: #7a8a94; }

/* Keywords */
.enlighter-t-beyond-dark .enlighter-k0  { color: #82c4e8; font-weight: 700; }
.enlighter-t-beyond-dark .enlighter-k1  { color: #82c4e8; font-weight: 700; }
.enlighter-t-beyond-dark .enlighter-k2  { color: #82c4e8; font-weight: 700; }
.enlighter-t-beyond-dark .enlighter-k3  { color: #6bb8d8; background-color: #363d3f; }
.enlighter-t-beyond-dark .enlighter-k4  { color: #7dba6a; font-weight: 700; }
.enlighter-t-beyond-dark .enlighter-k5  { color: #82c4e8; font-weight: 700; }
.enlighter-t-beyond-dark .enlighter-k6  { color: #82c4e8; font-style: italic; }
.enlighter-t-beyond-dark .enlighter-k7  { color: #82c4e8; font-weight: 700; }
.enlighter-t-beyond-dark .enlighter-k8  { color: #6bb8d8; }
.enlighter-t-beyond-dark .enlighter-k9  { color: #d47fc0; font-weight: 700; }
.enlighter-t-beyond-dark .enlighter-k10 { color: #7dba6a; font-style: italic; }
.enlighter-t-beyond-dark .enlighter-k11 { color: #7a8a94; }

/* Errors / special constructs */
.enlighter-t-beyond-dark .enlighter-e0 { color: #b59af7; font-weight: 700; }
.enlighter-t-beyond-dark .enlighter-e1 { color: #b59af7; font-weight: 700; }
.enlighter-t-beyond-dark .enlighter-e2 { color: #7dba6a; }
.enlighter-t-beyond-dark .enlighter-e3 { color: #82c4e8; }
.enlighter-t-beyond-dark .enlighter-e4 { color: #50c8c8; font-style: italic; }

/* Strings */
.enlighter-t-beyond-dark .enlighter-s0 { color: #f08b8b; }
.enlighter-t-beyond-dark .enlighter-s1 { color: #f08b8b; }
.enlighter-t-beyond-dark .enlighter-s2 { color: #f08b8b; }
.enlighter-t-beyond-dark .enlighter-s3 { color: #7a8a94; }
.enlighter-t-beyond-dark .enlighter-s4 { color: #50c8c8; font-weight: 700; }
.enlighter-t-beyond-dark .enlighter-s5 { color: #f08b8b; font-style: italic; }

/* Numbers */
.enlighter-t-beyond-dark .enlighter-n0 { color: #50c8c8; }
.enlighter-t-beyond-dark .enlighter-n1 { color: #50c8c8; }
.enlighter-t-beyond-dark .enlighter-n2 { color: #50c8c8; font-style: italic; }
.enlighter-t-beyond-dark .enlighter-n3 { color: #50c8c8; font-style: italic; }
.enlighter-t-beyond-dark .enlighter-n4 { color: #50c8c8; font-style: italic; }
.enlighter-t-beyond-dark .enlighter-n5 { color: #50c8c8; text-decoration: underline; }

/* Methods / builtins */
.enlighter-t-beyond-dark .enlighter-m0 { color: #82c4e8; }
.enlighter-t-beyond-dark .enlighter-m1 { color: #82c4e8; }
.enlighter-t-beyond-dark .enlighter-m2 { color: #82c4e8; }
.enlighter-t-beyond-dark .enlighter-m3 { color: #82c4e8; }

/* Generic / punctuation */
.enlighter-t-beyond-dark .enlighter-g0 { color: #7a8a94; }
.enlighter-t-beyond-dark .enlighter-g1 { color: #7a8a94; }

/* Tags */
.enlighter-t-beyond-dark .enlighter-t0 { color: #7a8a94; }
.enlighter-t-beyond-dark .enlighter-t1 { color: #f08b8b; font-weight: 700; }
.enlighter-t-beyond-dark .enlighter-t2 { color: #d47fc0; font-weight: 700; }
.enlighter-t-beyond-dark .enlighter-t3 { color: #82c4e8; }
.enlighter-t-beyond-dark .enlighter-t4 { color: #7dba6a; }
.enlighter-t-beyond-dark .enlighter-t5 { color: #7dba6a; }
.enlighter-t-beyond-dark .enlighter-t6 { color: #f08b8b; }
.enlighter-t-beyond-dark .enlighter-t7 { color: #9aacb4; font-weight: 700; }
.enlighter-t-beyond-dark .enlighter-t8 { color: #7a8a94; background-color: #363d3f; font-style: italic; }

/* Extra */
.enlighter-t-beyond-dark .enlighter-x1  { color: #82c4e8; font-weight: 700; }
.enlighter-t-beyond-dark .enlighter-x2  { color: #6bb8d8; }
.enlighter-t-beyond-dark .enlighter-x10 { color: #cdd2d4; font-weight: 700; }
.enlighter-t-beyond-dark .enlighter-x11 { color: #82c4e8; font-weight: 700; }
.enlighter-t-beyond-dark .enlighter-x12 { color: #82c4e8; text-decoration: underline; }
.enlighter-t-beyond-dark .enlighter-x13 { color: #82c4e8; }
.enlighter-t-beyond-dark .enlighter-x14 { color: #50c8c8; font-style: italic; }
.enlighter-t-beyond-dark .enlighter-x15 { color: #d47fc0; font-style: italic; }

/* Inline code */
.enlighter-t-beyond-dark.enlighter-v-inline {
    border-radius: 3px;
    background-color: #303638;
    border: dotted 1px #454d50;
    padding: 0;
}

/* Code groups */
.enlighter-t-beyond-dark.enlighter-v-codegroup {
    padding: 0;
    border: none;
}

.enlighter-t-beyond-dark.enlighter-v-codegroup .enlighter-codegroup-wrapper {
    background-color: #303638;
    border-radius: 5px;
    border: solid 1px #454d50;
    padding: 10px 10px 10px 5px;
}

.enlighter-t-beyond-dark.enlighter-v-codegroup .enlighter-codegroup-switch {
    background-color: #363d3f;
    padding: 0 0 0 45px;
}

.enlighter-t-beyond-dark.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn {
    border: solid 1px #454d50;
    border-radius: 5px 5px 0 0;
    font-size: 1em;
    color: #82c4e8;
    font-weight: 700;
    background-color: #363d3f;
    border-bottom: none;
    padding: 3px 10px;
    width: auto;
}

.enlighter-t-beyond-dark.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active {
    background-color: #454d50;
    border-color: #5a6568;
    color: #cdd2d4;
    font-weight: 700;
}